:root{--ink: #07080b;--ink2: #0e1117;--paper: #efe6d4;--gold: #d8b46a;--jade: #5fe3b0;--rose: #ff5fa2;--text: #ece7dc;--muted: #9a958b;--line: rgba(216, 180, 106, .18);--font: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--serif: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}#root{min-height:100vh}.hall{max-width:1180px;margin:0 auto;padding:calc(28px + var(--safe-top)) 18px calc(40px + var(--safe-bottom));background:radial-gradient(1200px 500px at 85% -10%,rgba(95,227,176,.08),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(255,95,162,.07),transparent 60%)}.hall-hero{display:flex;gap:18px;align-items:flex-start;margin:8px 0 30px}.seal{flex:none;width:58px;height:58px;border:1.5px solid #b8322c;color:#e0574e;background:#b8322c14;font-family:var(--serif);font-weight:700;font-size:19px;line-height:24px;text-align:center;padding-top:4px;border-radius:6px;transform:rotate(-4deg)}.hall-hero h1{margin:0;font-family:var(--serif);font-size:clamp(30px,6vw,46px);letter-spacing:.08em;font-weight:700;color:#f4ecdc}.hall-hero h1 span{font-size:.5em;color:var(--gold);letter-spacing:.2em;font-weight:500}.lead{margin:10px 0 6px;color:#cfc8ba;font-size:15px;line-height:1.7}.privacy{margin:0;font-size:12.5px;color:var(--muted)}.hall-group{margin:30px 0 10px}.group-head{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:14px}.group-head h2{margin:0;font-family:var(--serif);font-size:20px;letter-spacing:.15em;color:var(--gold)}.group-head p{margin:0;font-size:12.5px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}@media (max-width: 520px){.cards{grid-template-columns:1fr 1fr;gap:10px}.hall{padding-left:12px;padding-right:12px}}.card{all:unset;cursor:pointer;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#ffffff09,#ffffff03);border:1px solid rgba(255,255,255,.07);transition:transform .2s ease,border-color .2s ease}.card:hover,.card:focus-visible{transform:translateY(-2px);border-color:#d8b46a73}.card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cover{position:relative;aspect-ratio:4 / 3;overflow:hidden}.cover-svg{width:100%;height:100%;display:block}.cover .glyph{position:absolute;left:12px;top:8px;font-family:var(--serif);font-size:22px;font-weight:700;text-shadow:0 0 12px currentColor}.card-body{padding:10px 12px 12px}.card-body h3{margin:0 0 4px;font-size:16px;font-weight:600;letter-spacing:.04em}.card-body p{margin:0 0 8px;font-size:12.5px;color:var(--muted);line-height:1.5;min-height:2.9em}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:11px;padding:2px 7px;border-radius:99px;border:1px solid rgba(255,255,255,.14);color:#cfc8ba}.tag-hand{border-color:#5fe3b080;color:var(--jade)}.tag-face{border-color:#ff5fa280;color:#ff8fc0}.tag-pose{border-color:#d8b46a8c;color:var(--gold)}.tag-mic{border-color:#8cb4ff80;color:#9fc0ff}.hall-foot{margin-top:40px;text-align:center;font-size:12px;color:#6f6a62;line-height:1.8}.stage{position:fixed;inset:0;overflow:hidden;background:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}.stage-bg{position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 40%,#151b24,#07080b 70%),var(--ink)}.cam{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);transition:opacity .4s;pointer-events:none}.layers{position:absolute;inset:0;touch-action:none}.layer,.cursor-layer{position:absolute;left:0;top:0;pointer-events:none}.progress{position:absolute;left:0;right:0;top:0;height:3px;background:#ffffff0f;z-index:6}.progress div{height:100%;background:linear-gradient(90deg,var(--jade),var(--gold));box-shadow:0 0 10px var(--jade);transition:width .2s}.topbar{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:8px;padding:calc(10px + var(--safe-top)) 10px 10px;background:linear-gradient(180deg,#07080bb3,#07080b00);z-index:5;pointer-events:none}.topbar>*{pointer-events:auto}.title-block{flex:1;min-width:0}.title-block h1{margin:0;font-family:var(--serif);font-size:18px;letter-spacing:.1em;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.6)}.status{display:flex;align-items:center;gap:6px;font-size:12px;color:#d9d2c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.7)}.status .dot{width:7px;height:7px;border-radius:50%;background:#6f6a62;flex:none}.status .dot[data-on="1"]{background:var(--jade);box-shadow:0 0 8px var(--jade)}.status .pct{color:var(--gold)}.icon-btn{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#0a0c108c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.icon-btn:active{transform:scale(.94)}.hint{position:absolute;left:50%;bottom:calc(96px + var(--safe-bottom));transform:translate(-50%);width:min(92vw,520px);padding:10px 14px;border-radius:14px;background:#080a0eb8;border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:4;text-align:center;animation:rise .35s ease}.hint p{margin:0;font-size:14px;line-height:1.6}.hint .sub,.photo-modal .sub{font-size:12px;color:var(--muted);margin-top:3px}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.toast{position:absolute;top:calc(76px + var(--safe-top));left:50%;transform:translate(-50%);padding:8px 16px;border-radius:99px;background:#d8b46aeb;color:#1a1408;font-size:13px;font-weight:600;z-index:7;white-space:nowrap}.banner{position:absolute;top:calc(70px + var(--safe-top));left:50%;transform:translate(-50%);width:min(92vw,480px);padding:12px 14px;border-radius:14px;background:#1e0e10e0;border:1px solid rgba(255,120,120,.35);z-index:8;backdrop-filter:blur(10px)}.banner p{margin:0 0 8px;font-size:13.5px;line-height:1.6}.banner-actions{display:flex;gap:8px;justify-content:center}.bottom-bar{position:absolute;left:0;right:0;bottom:0;padding:10px 12px calc(14px + var(--safe-bottom));display:flex;align-items:center;justify-content:center;gap:10px;z-index:5;pointer-events:none;background:linear-gradient(0deg,#07080b99,#07080b00)}.scene-ui{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;pointer-events:auto;max-width:calc(100vw - 100px)}.chip{min-height:40px;padding:8px 14px;border-radius:99px;border:1px solid rgba(216,180,106,.45);background:#0a0c1099;color:#f1e8d6;font-size:13.5px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.chip.on{background:#d8b46ae6;color:#1a1408}.chip.ghost{border-color:#fff3}.chip:active{transform:scale(.96)}.chip:disabled{opacity:.4}.shutter{pointer-events:auto;width:60px;height:60px;flex:none;border-radius:50%;border:3px solid rgba(255,255,255,.85);background:#d8b46a40;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 18px #d8b46a59}.photo-modal{position:absolute;inset:0;z-index:20;background:#040507eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.photo-modal img{max-width:100%;max-height:70vh;border-radius:10px;border:1px solid var(--line)}.scene-panel{position:absolute;z-index:4}