:root{--bg:#070a12;--panel:#121828b8;--line:#78a0ff29;--txt:#e7eefc;--dim:#8ea0c2;--cy:#4de2ff;--pk:#ff5fa8}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,system-ui,sans-serif;position:relative;overflow-x:hidden}.glow{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.glow-a{background:#4de2ff21;width:520px;height:520px;top:-180px;left:-140px}.glow-b{background:#ff5fa81c;width:460px;height:460px;top:30%;right:-180px}.topbar{z-index:2;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:relative}.brand{letter-spacing:.02em;align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.brand .dot{background:var(--cy);width:11px;height:11px;box-shadow:0 0 14px var(--cy);border-radius:50%}.src{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dashed #8ea0c266;font-size:12.5px;text-decoration:none;overflow:hidden}.src:hover{color:var(--cy)}main{z-index:1;max-width:1060px;margin:0 auto;padding:0 20px 40px;position:relative}.hero{padding:26px 0 16px}h1{letter-spacing:-.01em;margin:0;font-size:clamp(30px,6.4vw,54px);font-weight:800;line-height:1.14}h1 span{display:block}h1 .hl{background:linear-gradient(92deg, var(--cy), var(--pk));color:#0000;background-clip:text}.lede{color:var(--dim);max-width:62ch;margin:12px 0 0;font-size:clamp(13.5px,3.4vw,16px);line-height:1.72}.lede b{color:var(--txt)}.tabs{scrollbar-width:none;gap:8px;padding-bottom:10px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:#ffffff0d;border-radius:999px;flex:none;padding:8px 15px;font-family:inherit;font-size:13.5px;transition:all .16s}.tab:hover{color:var(--txt)}.tab.on{color:#dff8ff;background:#4de2ff24;border-color:#4de2ff8c;box-shadow:0 0 18px #4de2ff2e}.stage-wrap{border:1px solid var(--line);touch-action:none;background:radial-gradient(120% 90% at 50% 0,#3c64b426,#0000 65%),#060911;border-radius:16px;height:min(60vh,560px);position:relative;overflow:hidden}#stage{cursor:grab;width:100%;height:100%;display:block}.overlay{pointer-events:none;position:absolute;top:10px;right:12px}.stat{color:#bed2f099;font-variant-numeric:tabular-nums;background:#060a1480;border-radius:6px;padding:3px 8px;font-size:11.5px}.hint{color:var(--dim);margin:10px 2px 14px;font-size:13px;line-height:1.6}.panel{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(8px);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px 22px;padding:16px 18px;display:grid}.knob label{color:#cddcf5;margin-bottom:6px;font-size:12.5px;display:block}.knob label i{color:#6c7f9f;margin-left:4px;font-size:11.5px;font-style:normal}.knob{grid-template-columns:1fr auto;grid-template-areas:"l l""i o";align-items:center;gap:0 10px;display:grid}.knob label{grid-area:l}.knob input{grid-area:i}.knob output{color:var(--cy);font-variant-numeric:tabular-nums;text-align:right;grid-area:o;min-width:44px;font-size:12px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:#8cafeb38;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cy);border-radius:50%;width:17px;height:17px;margin-top:-6.5px;box-shadow:0 0 10px #4de2ffb3}input[type=range]::-moz-range-track{background:#8cafeb38;border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:var(--cy);border:none;border-radius:50%;width:15px;height:15px}.acts{align-items:flex-end;gap:9px;display:flex}.ghost{border:1px solid var(--line);color:#cddcf5;cursor:pointer;background:#ffffff0d;border-radius:9px;flex:1;padding:9px 10px;font-family:inherit;font-size:12.5px}.ghost:hover{color:#fff;border-color:#4de2ff80}.ghost.on{color:#dff8ff;background:#4de2ff24;border-color:#4de2ff8c}.notes,.credit{margin-top:42px}h2{margin:0 0 16px;font-size:clamp(19px,4.4vw,25px);font-weight:700}.cards{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px;display:grid}.cards article{border:1px solid var(--line);background:#ffffff09;border-radius:13px;padding:16px 17px}.cards h3{color:var(--cy);margin:0 0 8px;font-size:14.5px;font-weight:700}.cards p{color:#a8b8d4;margin:0;font-size:13.2px;line-height:1.78}.more{color:var(--dim);margin-top:16px;font-size:13.5px}.credit p{color:#a8b8d4;max-width:74ch;font-size:13.6px;line-height:1.85}.credit b{color:var(--txt)}a{color:var(--cy);text-decoration:none}a:hover{text-decoration:underline}.links{flex-wrap:wrap;gap:16px;font-size:13.5px;display:flex}footer{z-index:1;border-top:1px solid var(--line);color:#6c7f9f;text-align:center;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:44px;padding:20px;font-size:12px;display:flex;position:relative}@media (width<=640px){main{padding:0 14px 32px}.topbar{gap:8px;padding:11px 14px}.src{max-width:46%;font-size:11px}.hero{padding:18px 0 12px}.lede{margin-top:9px}.stage-wrap{border-radius:13px;height:46vh;min-height:320px}.panel{gap:11px 16px;padding:13px 14px}.acts{margin-top:2px}}