@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f13;--surface:#1a1a23;--surface2:#22222e;--border:#2e2e3e;--text:#e8e8f0;--text-muted:#88a;--accent:#7c6af5;--accent-soft:#4a4470;--green:#4ade80;--yellow:#facc15;--red:#f87171;--c-又琳:#e879a0;--c-威全:#60a5fa;--c-傑米:#34d399;--topbar-h:52px;--tabbar-h:60px}body{background:var(--bg);color:var(--text);overscroll-behavior:none;min-height:100vh;margin:0;font-family:Noto Sans TC,sans-serif;font-size:15px;line-height:1.6}#root{min-height:100vh}.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#6b5ae0}.btn-outline{border:1px solid var(--border);color:var(--text-muted);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--text)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--surface2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{min-height:38px;padding:5px 12px;font-size:13px}.btn-danger{color:var(--red);background:#f8717126;border:1px solid #f871714d}.btn-danger:hover{background:#f8717140}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.input{background:var(--surface2);border:1px solid var(--border);color:var(--text);-webkit-appearance:none;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 14px;font-family:inherit;font-size:16px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:80px}select.input{cursor:pointer}.badge{border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{color:var(--green);background:#4ade8026}.badge-yellow{color:var(--yellow);background:#facc1526}.badge-red{color:var(--red);background:#f8717126}.badge-accent{color:var(--accent);background:#7c6af526}.score-bar{background:var(--surface2);border-radius:3px;height:6px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg, var(--accent), #a78bfa);border-radius:3px;height:100%;transition:width .5s}.host-tag{border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.host-又琳{color:var(--c-又琳);background:#e879a026}.host-威全{color:var(--c-威全);background:#60a5fa26}.host-傑米{color:var(--c-傑米);background:#34d39926}.warning-caution{color:var(--yellow);background:#facc1514;border:1px solid #facc154d;border-radius:8px;padding:10px 14px;font-size:13px}.warning-alert{color:var(--red);background:#f8717114;border:1px solid #f871714d;border-radius:8px;padding:10px 14px;font-size:13px}.divider{background:var(--border);height:1px;margin:16px 0}.label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-2-sm{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=767px){.card{border-radius:10px;padding:14px}.grid-2,.grid-2-sm{grid-template-columns:1fr}}