/* 彩剪 COLORCUT v77 · 01-base.css */
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#070605;--bg2:#0c0a07;--panel:#100e0a;--panel2:#151210;--inset:#0c0a07;--line:#221c0d;--line2:#383020;--gold:#d4a24a;--gold-hi:#f6da8e;--gold-dim:#8a6d2f;--ink:#f0e9d8;--ink2:#a89c82;--ink3:#6b6354;--seal:#b3352c;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--mono:"Consolas","JetBrains Mono",monospace}
html,body{height:100%}
body{background:#070605;color:var(--ink);font-family:var(--serif);overflow:hidden;font-size:14px;position:relative}
body::before{content:'';position:fixed;top:0;left:0;right:0;height:2px;z-index:999;background:linear-gradient(90deg,transparent 0%,#4ad0ff 22%,#c06aff 42%,#ff5fa8 62%,#f6da8e 80%,transparent 100%);pointer-events:none}
body.big{zoom:1.3}
button{font-family:inherit;cursor:pointer}svg{display:block}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:450;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#46351c 0%,#3d2440 55%,#1c2c46 100%);border-radius:4px}::-webkit-scrollbar-track{background:#0a0806}
#cover{position:fixed;inset:0;z-index:500;background:radial-gradient(ellipse 800px 500px at 50% 40%,#1a1408 0%,#070605 70%),#070605;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .7s,transform .7s;overflow:hidden}
#cover.out{opacity:0;transform:scale(1.03);pointer-events:none}
#cover::before{content:'';position:absolute;inset:14px;border:1px solid rgba(212,162,74,.28);pointer-events:none}
#cover::after{content:'';position:absolute;inset:20px;border:1px solid rgba(212,162,74,.1);pointer-events:none}
#cvDust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cv-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:15px}
.cv-ln{height:1px;width:min(430px,70vw);background:linear-gradient(90deg,transparent 5%,var(--gold) 50%,transparent 95%)}
.cv-t{font-size:clamp(60px,13vw,100px);font-weight:900;letter-spacing:.48em;text-indent:.48em;line-height:1.1;background:linear-gradient(135deg,#f6da8e 0%,#d4a24a 50%,#a87f2e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(212,162,74,.4)) drop-shadow(0 3px 2px rgba(0,0,0,.9))}
.cv-en{font-family:var(--mono);font-size:10px;letter-spacing:.6em;color:var(--ink3);text-transform:uppercase}
.cv-tag{font-size:15px;color:var(--ink2);letter-spacing:.42em;text-indent:.42em}
.cv-seal{width:56px;height:56px;margin-top:6px;background:linear-gradient(135deg,#c43e33 0%,#8a221a 100%);color:#f6ecdc;display:grid;grid-template-columns:repeat(2,21px);grid-auto-rows:21px;gap:1px;justify-content:center;align-content:center;place-items:center;font-weight:900;font-size:18px;line-height:1;border-radius:5px;transform:rotate(-4deg);box-shadow:0 6px 24px rgba(179,53,44,.45),inset 0 0 0 2px rgba(255,235,220,.35),inset 0 0 16px rgba(80,15,10,.5);animation:cvst .5s cubic-bezier(.34,1.56,.64,1) .85s backwards}
@keyframes cvst{from{opacity:0;transform:rotate(12deg) scale(2.2)}to{opacity:1;transform:rotate(-4deg) scale(1)}}
#cvEnter{margin-top:20px;background:none;border:1px solid var(--gold);color:var(--gold-hi);padding:13px 46px;font-size:15px;letter-spacing:.4em;text-indent:.4em;transition:.3s}
#cvEnter:hover{background:var(--gold);color:#171204;box-shadow:0 0 40px rgba(212,162,74,.5)}
.cv-foot{position:absolute;bottom:30px;font-family:var(--mono);font-size:9px;letter-spacing:.32em;color:var(--ink3)}
#topbar{height:58px;display:flex;align-items:center;gap:10px;padding:0 14px;background:linear-gradient(#12100a,#0a0806);position:relative;z-index:10}
#topbar::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 5%,#4ad0ff 22%,#c06aff 42%,#ff5fa8 62%,#f6da8e 78%,transparent 95%)}
.brand{display:flex;align-items:center;gap:10px}
.mark{width:13px;height:13px;border:1.5px solid var(--gold);transform:rotate(45deg);position:relative;flex:none;box-shadow:0 0 12px rgba(212,162,74,.5)}
.mark::after{content:'';position:absolute;inset:3px;background:linear-gradient(135deg,#f6da8e,#ff5fa8,#4ad0ff)}
.brand b{font-size:22px;font-weight:900;letter-spacing:.3em;line-height:1;background:linear-gradient(135deg,#f6da8e 0%,#ff9d58 22%,#ff5fa8 46%,#c06aff 70%,#4ad0ff 100%);background-size:220% 220%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brandFlow 6s ease-in-out infinite}
@keyframes brandFlow{0%,100%{background-position:0% 30%}50%{background-position:100% 70%}}
.brand i{display:block;font-style:normal;font-family:var(--mono);font-size:9px;letter-spacing:.4em;color:var(--ink3);margin-top:4px}
.credit{font-family:var(--mono);font-size:10px;letter-spacing:.26em;color:var(--gold-dim);border-left:1px solid var(--line2);padding-left:12px;height:20px;display:flex;align-items:center;white-space:nowrap}
.credit em{font-style:normal;color:var(--ink3);margin:0 5px}
#verTag{font-family:var(--mono);font-size:10px;color:var(--ink3);cursor:pointer;border:1px solid var(--line2);padding:3px 8px;white-space:nowrap;transition:.2s}
#verTag:hover{color:var(--gold);border-color:var(--gold)}
#topbar .sp{flex:1}
.btn{background:none;border:1px solid var(--line2);color:#cbbd9e;padding:8px 11px;font-size:13px;letter-spacing:.08em;display:inline-flex;gap:6px;align-items:center;transition:.2s;font-weight:500;white-space:nowrap}
.btn:hover{border-color:var(--gold);color:var(--gold-hi);box-shadow:0 0 16px rgba(212,162,74,.18)}
.btn.on{border-color:var(--gold);color:var(--gold-hi)}
.btn.solid{background:linear-gradient(115deg,#ffe9a8 0%,#f2c268 14%,#ff9d58 30%,#ff5fa8 48%,#c06aff 64%,#4ad0ff 82%,#ffe9a8 100%);background-size:260% 100%;animation:solidFlow 6s ease-in-out infinite;border:1px solid rgba(255,235,200,.45);color:#1a1204;font-weight:700;text-shadow:0 1px 0 rgba(255,248,220,.4);box-shadow:inset 0 1px 0 rgba(255,250,230,.5),inset 0 -1px 0 rgba(80,50,0,.3),0 2px 10px rgba(0,0,0,.4)}
@keyframes solidFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.btn.solid:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,250,230,.6),0 0 26px rgba(255,95,168,.4),0 0 48px rgba(74,208,255,.25)}
.btn:active{transform:translateY(1px)}
body.cinema #topbar,body.cinema #pool,body.cinema #inspector,body.cinema #tl,body.cinema #controls{display:none}
body.cinema