@import"https://fonts.googleapis.com/css2?family=VT323&family=Silkscreen:wght@400;700&family=ZCOOL+XiaoWei&family=Cormorant+Garamond:wght@400;500&display=swap";============================================================ */ :root{--shell-hi: #3a3a40;--shell: #1e1e22;--shell-lo: #0a0a0c;--bezel: #030305;--phosphor: #7fff94;--led-red: #ff3e2a;--led-amber:#ffb020;--chrome-hi:#e8e8ec;--chrome: #9a9a9e;--chrome-lo:#3a3a3e;--brand: rgba(200,200,210,.32)}.tv-stage{width:min(92vw,1120px);aspect-ratio:16 / 11;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3%;z-index:2;perspective:2400px;margin:0 auto}.tv-stage:after{content:"";position:absolute;bottom:1%;left:10%;right:10%;height:40px;background:radial-gradient(ellipse at center,rgba(0,0,0,.9) 0%,transparent 70%);filter:blur(8px);z-index:0}.tv{width:78%;position:relative;transform:rotateX(1.5deg);transform-origin:bottom center;z-index:2}.cabinet{position:relative;padding:2.8% 3% 2.4%;border-radius:2.4% 2.4% 3% 3%/3% 3% 3.2% 3.2%;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 6%,transparent 94%,rgba(0,0,0,.4) 100%),linear-gradient(180deg,#2b2b30,#1f1f24 28%,#181820 60%,#0f0f14),radial-gradient(ellipse 120% 60% at 50% -20%,#3c3c42 0%,transparent 55%);box-shadow:0 40px 60px -18px #000000d9,0 20px 40px -20px #000000b3,inset 0 2px #ffffff14,inset 0 -4px 12px #0009,inset 0 0 0 1px #0009}.cabinet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='2.2' numOctaves='1' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.2   0 0 0 0 0.2   0 0 0 0 0.24   0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>");opacity:.35;mix-blend-mode:overlay;pointer-events:none}.model-plate{position:absolute;top:.8%;right:4%;font-family:Silkscreen,monospace;font-size:.42rem;color:#c8c8d238;letter-spacing:.25em}.brand-label{position:absolute;bottom:.8%;left:50%;transform:translate(-50%);font-family:Silkscreen,monospace;font-size:.55rem;color:var(--brand);letter-spacing:.3em}.brand-label span{color:#ffa05059}.screen-frame{position:relative;width:100%;aspect-ratio:4 / 3;background:linear-gradient(180deg,#040407,#010103);border-radius:5%/4%;padding:2.2%;box-shadow:inset 0 2px 3px #000000f2,inset 0 -1px 1px #ffffff0a,inset 0 0 0 1px #000000e6,0 0 0 1px #ffffff08}.screen{position:relative;width:100%;height:100%;border-radius:4.5%/5%;overflow:hidden;background:#06080a;box-shadow:inset 0 0 60px #000000e6,inset 0 0 0 1px #000;transform:translateZ(0);cursor:pointer}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 120% at 50% 50%,transparent 55%,rgba(0,0,0,.28) 88%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:10}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0px,rgba(0,0,0,.25) 1px,transparent 1.5px,transparent 3px);pointer-events:none;z-index:8;mix-blend-mode:multiply}.scanlines:after{content:"";position:absolute;left:0;right:0;top:0;height:14%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.045) 50%,transparent 100%);animation:roll 9s linear infinite}@keyframes roll{0%{transform:translateY(-120%)}to{transform:translateY(800%)}}.screen-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:4}.standby{display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--phosphor);font-family:VT323,monospace;text-shadow:0 0 6px rgba(127,255,148,.35),0 0 2px rgba(127,255,148,.9);opacity:.24;letter-spacing:.04em}.standby__brand{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:.16em}.standby__sub{font-size:clamp(.9rem,1.3vw,1.3rem);opacity:.7;margin-top:-.4rem;letter-spacing:.2em}.standby__hint{margin-top:2.8rem;font-size:clamp(.8rem,1.1vw,1.1rem);opacity:.6;animation:blink 2.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:.65}50%{opacity:.2}}.live{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#2a1a0c,#140a05 70%),#0f0805;color:#f3e6c4;font-family:ZCOOL XiaoWei,Cormorant Garamond,serif;overflow:hidden}.live__info{position:absolute;left:0;right:0;bottom:0;padding:1.2rem 1.4rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);pointer-events:none;z-index:6}.live__info--center{top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;text-align:center}.live__channel{font-family:VT323,monospace;font-size:clamp(.85rem,1.3vw,1.2rem);color:var(--phosphor);text-shadow:0 0 4px rgba(127,255,148,.6);letter-spacing:.3em}.live__title{font-size:clamp(1.2rem,2.4vw,2.2rem);margin-top:.3rem;color:#f8ebc4;letter-spacing:.06em;text-shadow:0 0 12px rgba(255,180,80,.25)}.live__ep{margin-top:.3rem;font-family:VT323,monospace;font-size:clamp(.85rem,1.2vw,1.1rem);color:#f3e6c4b3;letter-spacing:.2em}.live__progress{margin-top:.6rem;display:flex;flex-direction:column;gap:.25rem;font-family:VT323,monospace;font-size:.78rem;color:#f3e6c48c;letter-spacing:.18em}.live__progress .bar{height:2px;background:#ffc86426;overflow:hidden}.live__progress .fill{height:100%;background:#ffc8648c;transition:width 1s linear}.player{position:absolute;top:0;right:0;bottom:0;left:0;background:#06080a;z-index:5}.player video{width:100%;height:100%;object-fit:cover;background:#06080a}.player.unavailable video,.player.error video,.player.idle video,.player.signing video,.player.loading video{visibility:hidden}.player__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:VT323,monospace;font-size:clamp(1rem,1.4vw,1.3rem);letter-spacing:.18em;color:#f3e6c4a6;pointer-events:none}.player__overlay--soft{color:#7fff94b3;text-shadow:0 0 6px rgba(127,255,148,.35)}.player__overlay--err{color:var(--led-red);text-shadow:0 0 6px rgba(255,62,42,.4);font-size:.9rem}.player__overlay .dim{opacity:.4;margin-left:.6em;font-size:.8em}.power-anim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;display:flex;align-items:center;justify-content:center}.power-anim__dot{width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 40px 10px #fffc;animation:power-on .6s ease-out forwards}@keyframes power-on{0%{width:4px;height:4px;opacity:0}20%{width:6px;height:6px;opacity:1}50%{width:98%;height:3px;opacity:1}85%{width:100%;height:100%;opacity:.9}to{width:100%;height:100%;opacity:0}}.power-off-anim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;background:#06080a;animation:power-off .5s ease-out forwards;display:flex;align-items:center;justify-content:center}@keyframes power-off{0%{clip-path:inset(0 0 0 0)}40%{clip-path:inset(48% 0 48% 0)}80%{clip-path:inset(48% 48% 48% 48%)}to{clip-path:inset(50% 50% 50% 50%);opacity:1}}.snow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='240'><filter id='s'><feTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23s)'/></svg>");background-size:200% 200%;animation:snow-flash .8s steps(6) forwards}@keyframes snow-flash{0%{opacity:0;background-position:0% 0%}6%{opacity:1;background-color:#c8dcff66;background-blend-mode:screen}80%{opacity:.85;background-position:80% 40%}to{opacity:0}}.osd{position:absolute;top:6%;right:6%;padding:.6rem .9rem;font-family:VT323,monospace;font-size:clamp(.9rem,1.3vw,1.3rem);color:var(--phosphor);text-shadow:0 0 6px rgba(127,255,148,.5);background:#0a1e0e8c;border:1px solid rgba(127,255,148,.25);letter-spacing:.15em;z-index:22;animation:osd-pop 2s ease-out forwards}@keyframes osd-pop{0%{opacity:0;transform:translateY(-4px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}.vol-osd{position:absolute;left:50%;bottom:18%;transform:translate(-50%);padding:.5rem .9rem;font-family:VT323,monospace;font-size:clamp(.9rem,1.3vw,1.3rem);color:var(--phosphor);text-shadow:0 0 6px rgba(127,255,148,.5);background:#0a1e0e8c;border:1px solid rgba(127,255,148,.25);letter-spacing:.18em;z-index:22;animation:osd-pop 1.5s ease-out forwards}.controls{margin-top:2.2%;padding:1.4% 1.8%;display:grid;grid-template-columns:12% minmax(0,1fr) 12%;align-items:center;gap:2.4%;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.3) 100%),linear-gradient(180deg,#1a1a1e,#121217);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0009,inset 0 0 0 1px #00000080}.controls__center{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,22px);min-width:0}.speaker{width:100%;height:clamp(16px,2.2vw,32px);border-radius:3px;background:repeating-linear-gradient(180deg,#ffffff14,#ffffff14,#05050a 1px,#050509 3px,#0009 3.5px),linear-gradient(180deg,#15151a,#06060a);box-shadow:inset 0 1px 2px #000000e6,inset 0 -1px #ffffff0f,inset 1px 0 1px #00000080,inset -1px 0 1px #00000080}.leds{display:flex;flex-direction:column;gap:4px;padding-left:4px}.led{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a0a08,#1a0404);box-shadow:inset 0 0 1px #000c;transition:all .2s}.led--pwr.on{background:radial-gradient(circle at 30% 30%,#ff8070,#ff2410);box-shadow:0 0 8px #ff3c28d9,0 0 2px #ff6450,inset 0 0 1px #0006}.led--sig.on{background:radial-gradient(circle at 30% 30%,#ffd060,#ff8010);box-shadow:0 0 6px #ffa028b3,inset 0 0 1px #0006}.led-row{display:flex;align-items:center;gap:2px}.led__label{font-family:Silkscreen,monospace;font-size:.42rem;color:#c8c8d259;letter-spacing:.15em;margin-left:8px}.numpad{display:grid;grid-template-columns:repeat(8,1fr);gap:.5vw;justify-self:center}.numkey{position:relative;width:clamp(22px,3vw,40px);aspect-ratio:1 / .75;border:0;border-radius:3px;font-family:Silkscreen,monospace;font-size:clamp(.55rem,.9vw,.85rem);color:#d4d4d8;cursor:pointer;background:linear-gradient(180deg,#3c3c42,#25252a,#1a1a1f);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0009,0 1px 2px #0009,0 0 0 1px #00000080;transition:transform .08s,box-shadow .08s}.numkey:after{content:"";position:absolute;top:2px;left:2px;right:2px;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:2px;pointer-events:none}.numkey:hover{background:linear-gradient(180deg,#48484e,#2c2c32,#20202a)}.numkey:active,.numkey.is-pressed{transform:translateY(1.5px);box-shadow:inset 0 1px 2px #0009,inset 0 -1px #ffffff0d,0 0 0 1px #000000b3}.numkey.is-active{color:var(--led-amber);text-shadow:0 0 4px rgba(255,176,32,.6)}.vol-group{display:flex;flex-direction:column;align-items:center;gap:3px}.vol-group__label{font-family:Silkscreen,monospace;font-size:.42rem;color:#c8c8d266;letter-spacing:.15em}.vol-btns{display:flex;gap:2px;padding:2px;border-radius:3px;background:#0a0a0e;box-shadow:inset 0 1px 2px #000c}.vol-btn{width:clamp(18px,2.4vw,28px);height:clamp(16px,2vw,22px);border:0;border-radius:2px;font-family:Silkscreen,monospace;font-size:clamp(.6rem,.9vw,.85rem);color:#d4d4d8;cursor:pointer;background:linear-gradient(180deg,#3c3c42,#25252a,#1a1a1f);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0009,0 1px 2px #0009;transition:transform .08s,box-shadow .08s}.vol-btn:hover{background:linear-gradient(180deg,#48484e,#2c2c32,#20202a)}.vol-btn:active{transform:translateY(1.5px);box-shadow:inset 0 1px 2px #0009,inset 0 -1px #ffffff0d}.power-btn{position:relative;width:clamp(34px,4.6vw,56px);height:clamp(24px,3vw,34px);border:0;border-radius:3px;cursor:pointer;font-size:clamp(.9rem,1.3vw,1.15rem);line-height:1;color:#d2d2dc99;background:linear-gradient(180deg,#3c3c42,#25252a,#15151a);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0009,0 1px 2px #0009,0 0 0 1px #00000080;transition:transform .1s,box-shadow .1s}.power-btn:before{content:"";position:absolute;top:2px;left:2px;right:2px;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:2px;pointer-events:none}.power-btn:hover{background:linear-gradient(180deg,#48484e,#2c2c32,#1a1a22)}.power-btn:active{transform:translateY(1.5px);box-shadow:inset 0 1px 2px #0009,inset 0 -1px #ffffff0d}.power-btn.is-on{color:var(--led-red);text-shadow:0 0 6px rgba(255,62,42,.7)}.guide{position:absolute;top:4%;right:5%;bottom:4%;left:5%;z-index:25;display:flex;flex-direction:column;background:#08120cd1;border:1px solid rgba(127,255,148,.32);box-shadow:0 0 0 1px #0006,0 0 24px #7fff9414 inset;font-family:VT323,monospace;color:var(--phosphor);text-shadow:0 0 4px rgba(127,255,148,.45);cursor:default;animation:guide-fade .18s ease-out}@keyframes guide-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.guide__head{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:clamp(.9rem,1.4vw,1.3rem);letter-spacing:.18em;border-bottom:1px solid rgba(127,255,148,.2)}.guide__hint{font-size:.75rem;opacity:.6;letter-spacing:.15em}.guide__body{flex:1;overflow-y:auto;padding:.4rem 0}.guide__body::-webkit-scrollbar{width:6px}.guide__body::-webkit-scrollbar-thumb{background:#7fff944d}.guide__row{display:grid;grid-template-columns:1.6em 3em 1fr auto;gap:.6rem;align-items:baseline;padding:.35rem 1rem;font-size:clamp(.85rem,1.2vw,1.1rem);letter-spacing:.08em;cursor:pointer;transition:background .08s}.guide__row:hover,.guide__row.is-cursor{background:#7fff941a}.guide__row.is-live .guide__row-marker{color:#ffe070;text-shadow:0 0 4px rgba(255,200,80,.6)}.guide__row-marker{text-align:center;opacity:.5}.guide__row-no{font-size:.85em;opacity:.6}.guide__row-title{color:#f3e6c4;text-shadow:0 0 4px rgba(243,230,196,.2)}.guide__row-show{font-size:.78em;opacity:.45}.guide__loading,.guide__error{padding:1.2rem;text-align:center;opacity:.7}.guide__error{color:var(--led-red)}.guide__foot{padding:.5rem 1rem;border-top:1px solid rgba(127,255,148,.18);display:flex;justify-content:flex-end}.guide__close{background:none;border:1px solid rgba(127,255,148,.35);color:var(--phosphor);font-family:VT323,monospace;font-size:.9rem;letter-spacing:.18em;padding:.25rem .7rem;cursor:pointer}.guide__close:hover{background:#7fff941a}@media (max-width: 720px){body{overflow:auto}.tv-stage{width:100vw;aspect-ratio:auto;padding:4vh 2vw 6vh;align-items:center}.tv{width:96%;transform:none}.standby__brand{font-size:clamp(2rem,12vw,3.4rem)}.standby__hint{margin-top:1.5rem;font-size:.85rem}.live__title{font-size:clamp(1.3rem,6vw,2.2rem)}.controls{padding:2.5%;gap:1.6%;grid-template-columns:10% minmax(0,1fr) 10%}.numkey{aspect-ratio:1 / .85}.guide{top:2%;right:3%;bottom:2%;left:3%}.guide__head{font-size:.85rem}.guide__hint{display:none}.guide__row{grid-template-columns:1.4em 2.6em 1fr;padding:.5rem .8rem}.guide__row-show{display:none}.hud{font-size:.7rem}}.hud{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:50;text-align:center;color:#dcc8aa73;font-family:Cormorant Garamond,serif;pointer-events:none}.hud__hint{font-family:VT323,monospace;font-size:.85rem;color:#7fff9459;letter-spacing:.15em}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:Cormorant Garamond,ZCOOL XiaoWei,serif;color:#c8c0b4;background:radial-gradient(ellipse 80% 60% at 50% 45%,#3a2416,#1a0f07 40%,#050302 78%,#000),#000;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(92deg,transparent 0px,transparent 80px,rgba(90,50,20,.04) 80px,rgba(90,50,20,.04) 82px,transparent 82px,transparent 160px,rgba(70,38,16,.03) 160px,rgba(70,38,16,.03) 163px);pointer-events:none;opacity:.7}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.6   0 0 0 0 0.5   0 0 0 0 0.4   0 0 0 0.25 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.35;pointer-events:none;mix-blend-mode:overlay;z-index:1}