:root{color-scheme:dark;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;background:#070711;color:#f8fafc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 0%,#312e81 0,transparent 34%),radial-gradient(circle at 95% 18%,#4c1d95 0,transparent 28%),#070711}button{font:inherit}main{width:min(1180px,calc(100% - 32px));margin:auto;padding:32px 0 64px}header{display:flex;align-items:center;justify-content:space-between;height:56px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;letter-spacing:.16em;text-shadow:0 0 24px #a78bfa66}.logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#7c3aed;box-shadow:0 0 28px #7c3aed55}.badge{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #3f3f46;border-radius:999px;color:#a1a1aa;font-size:12px}.badge i{width:7px;height:7px;border-radius:50%;background:#71717a}.badge.online{color:#fca5a5;border-color:#7f1d1d;background:#450a0a55}.badge.online i{background:#ef4444;box-shadow:0 0 10px #ef4444;animation:pulse 1.3s infinite}.stage{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;margin-top:28px;border:1px solid #ffffff1c;border-radius:24px;background:#000;box-shadow:0 30px 100px #000b,0 0 0 8px #ffffff03}video,.player{width:100%;height:100%;object-fit:contain;background:#000;display:block}.placeholder{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at 50% 38%,#312e8133,transparent 28%),linear-gradient(145deg,#17152b,#080811);text-align:center}.placeholder.tap-play{background:#00000073}.placeholder h1{margin:20px 0 8px;font-size:clamp(24px,4vw,40px)}.placeholder p,.info p{margin:0;color:#71717a}.placeholder button,.sound{margin-top:22px;padding:10px 18px;border:1px solid #3f3f46;border-radius:10px;background:#27272a;color:#fff;cursor:pointer}.signal{display:flex;align-items:end;gap:5px;height:36px}.signal span{width:6px;border-radius:5px;background:#7c3aed;animation:bars 1s ease-in-out infinite alternate}.signal span:nth-child(1){height:14px}.signal span:nth-child(2){height:26px;animation-delay:.2s}.signal span:nth-child(3){height:36px;animation-delay:.4s}.info{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 4px 24px}.info h2{letter-spacing:-.02em}.info h2{margin:0 0 8px;font-size:20px}.actions{display:flex;align-items:center;gap:18px;color:#a1a1aa;font-size:13px}.sound{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats div{padding:18px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff08;box-shadow:inset 0 1px #ffffff0b}.stats small{display:block;margin-bottom:8px;color:#71717a;font-size:12px}.stats strong{font-size:18px;font-weight:650}@keyframes pulse{50%{opacity:.35}}@keyframes bars{to{transform:scaleY(.45);opacity:.4}}@media(max-width:640px){main{width:calc(100% - 20px);padding-top:10px}.stage{margin-top:12px;border-radius:10px}.info{align-items:flex-start;flex-direction:column}.actions{width:100%;justify-content:space-between}.stats{grid-template-columns:repeat(2,1fr)}}.admin{max-width:1000px}.admin h1{margin:20px 0 24px}.card{margin:16px 0;padding:20px;border:1px solid #27272a;border-radius:14px;background:#111113;overflow-x:auto}.card input,.card select{padding:10px;margin:5px;border:1px solid #3f3f46;border-radius:8px;background:#18181b;color:#fff}.card button{padding:9px 13px;margin:5px;border:0;border-radius:8px;background:#7c3aed;color:#fff;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{padding:12px 8px;border-bottom:1px solid #27272a;text-align:left;white-space:nowrap}code{color:#c4b5fd}.copy-row{display:flex;align-items:center;gap:12px}.copy-row code{overflow-wrap:anywhere}.hint{color:#71717a;font-size:13px}.mini{padding:5px 8px!important;margin:0 0 0 8px!important;font-size:12px}.mode{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:18px}.mode label{cursor:pointer}.mode input{margin-right:6px}.gate-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#000000eb}.gate-card{width:min(400px,calc(100% - 40px));padding:28px;border:1px solid #ffffff14;border-radius:16px;background:#15151c;box-shadow:0 24px 80px #000a;text-align:center}.gate-card h2{margin:0 0 8px;color:#c4b5fd;font-size:22px}.gate-card p{margin:0 0 18px;color:#71717a;font-size:13px}.gate-card input{width:100%;padding:12px;margin-bottom:12px;border:1px solid #3f3f46;border-radius:10px;background:#0f0f14;color:#f8fafc;font:inherit}.gate-card button{width:100%;padding:12px;border:0;border-radius:10px;background:#7c3aed;color:#fff;font:inherit;cursor:pointer}.gate-card button:disabled{opacity:.6;cursor:not-allowed}.gate-error{margin-top:12px;color:#fca5a5;font-size:13px}.tap-play{gap:12px}.play-btn{width:88px;height:88px;margin-top:0;border:0;border-radius:999px;background:#7c3aed;color:#fff;font-size:16px;font-weight:700;box-shadow:0 0 40px #7c3aed88;cursor:pointer}.play-btn:active{transform:scale(.96)}