:root{--bg: #0b1020;--bg-soft: #141b32;--card: #172142;--card-hover: #1e2b52;--border: #2a3a66;--text: #e8ecf7;--text-dim: #9aa7c7;--accent: #ff8a3d;--accent-2: #4da3ff;--good: #33d17a;--bad: #ff5d5d;--radius: 16px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1200px 800px at 70% -10%,#1a2547 0%,var(--bg) 55%);color:var(--text);font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:32px 20px 60px}.site-header{text-align:center;padding:28px 0 12px}.site-header h1{font-size:clamp(26px,4vw,40px);margin:0 0 8px;letter-spacing:1px}.site-header h1 .grad{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.site-header p{color:var(--text-dim);margin:0;font-size:15px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:28px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:transform .18s ease,background .18s ease,border-color .18s ease;display:flex;flex-direction:column;gap:12px}.card.available:hover{transform:translateY(-4px);background:var(--card-hover);border-color:var(--accent-2)}.card.disabled{opacity:.55;cursor:not-allowed}.card .icon{font-size:40px;line-height:1}.card h3{margin:0;font-size:20px}.card p{margin:0;color:var(--text-dim);font-size:14px;line-height:1.6;flex:1}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:12px;padding:4px 10px;border-radius:999px;background:#4da3ff24;color:var(--accent-2);border:1px solid rgba(77,163,255,.3)}.card .enter{align-self:flex-start;margin-top:4px;padding:8px 16px;border-radius:10px;background:linear-gradient(90deg,var(--accent),#ff6b2c);color:#fff;font-weight:600;font-size:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{background:var(--card-hover);border-color:var(--accent-2)}.btn.primary{background:linear-gradient(90deg,var(--accent),#ff6b2c);border:none;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.viewer-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}@media (max-width: 900px){.viewer-layout{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.panel h2{margin:0 0 14px;font-size:18px}.qr-box{background:#fff;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;min-height:240px}.qr-box canvas,.qr-box img{display:block}.hint{color:var(--text-dim);font-size:13px;line-height:1.7;margin:12px 0 0}.status-line{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:12px}.dot{width:10px;height:10px;border-radius:50%;background:var(--text-dim)}.dot.on{background:var(--good);box-shadow:0 0 8px var(--good)}.dot.wait{background:var(--accent);box-shadow:0 0 8px var(--accent)}.stage{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.stage video{display:none}.stage canvas{width:100%;height:100%;object-fit:contain;cursor:crosshair}.stage .placeholder{position:absolute;color:var(--text-dim);text-align:center;font-size:15px;padding:20px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.loading-bar{margin-top:12px;font-size:13px;color:var(--accent-2)}.cam-body{display:flex;flex-direction:column;min-height:100vh;align-items:center;justify-content:center;padding:20px;text-align:center}.cam-preview{width:100%;max-width:480px;aspect-ratio:9 / 16;background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.cam-preview video{width:100%;height:100%;object-fit:cover}.cam-tip{margin-top:18px;color:var(--text-dim);font-size:15px;line-height:1.7;max-width:480px}.badge{display:inline-block;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600;margin-bottom:14px}.badge.ok{background:#33d17a26;color:var(--good);border:1px solid rgba(51,209,122,.4)}.badge.wait{background:#ff8a3d26;color:var(--accent);border:1px solid rgba(255,138,61,.4)}.badge.err{background:#ff5d5d26;color:var(--bad);border:1px solid rgba(255,93,93,.4)}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);font-size:14px;margin-bottom:18px}.back-link:hover{color:var(--text)}