.topbar[data-v-0b41bcc1]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand[data-v-0b41bcc1]{font-weight:700;letter-spacing:.05em}.user[data-v-0b41bcc1]{display:flex;align-items:center;gap:.75rem}.name[data-v-0b41bcc1]{font-weight:600}.currency[data-v-0b41bcc1]{color:var(--text-dim);font-size:.85rem}.logout[data-v-0b41bcc1]{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:6px;padding:.3rem .8rem}.logout[data-v-0b41bcc1]:hover{color:var(--text);border-color:var(--text-dim)}.content[data-v-0b41bcc1]{max-width:1080px;margin:0 auto;padding:1.5rem 1.25rem}.login-wrap[data-v-f0779bf8]{display:flex;justify-content:center;padding-top:8vh}.card[data-v-f0779bf8]{width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem}h1[data-v-f0779bf8]{font-size:1.4rem;text-align:center}label[data-v-f0779bf8]{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text-dim);flex:1}input[data-v-f0779bf8],select[data-v-f0779bf8]{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem}input[data-v-f0779bf8]:focus,select[data-v-f0779bf8]:focus{outline:none;border-color:var(--accent)}.row[data-v-f0779bf8]{display:flex;gap:.75rem}.error[data-v-f0779bf8]{color:var(--danger);font-size:.85rem}button[data-v-f0779bf8]{background:var(--accent);color:#fff;border-radius:8px;padding:.65rem;font-weight:600}button[data-v-f0779bf8]:hover:not(:disabled){background:var(--accent-hover)}button[data-v-f0779bf8]:disabled{opacity:.6;cursor:default}.card[data-v-7f61e9ad]{display:flex;flex-direction:column;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;text-align:left;color:var(--text);transition:border-color .15s,background .15s}.card[data-v-7f61e9ad]:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}.card[data-v-7f61e9ad]:disabled{opacity:.6;cursor:default}.thumb[data-v-7f61e9ad]{display:flex;align-items:center;justify-content:center;height:96px;border-radius:8px;background:linear-gradient(135deg,#2c3550,#1a1f2b);font-size:2.2rem;font-weight:700;color:var(--accent)}.info[data-v-7f61e9ad]{display:flex;flex-direction:column;gap:.15rem}.name[data-v-7f61e9ad]{font-weight:600}.id[data-v-7f61e9ad]{color:var(--text-dim);font-size:.8rem}.play[data-v-7f61e9ad]{align-self:flex-end;color:var(--accent);font-size:.85rem;font-weight:600}.title[data-v-0e80fcd3]{font-size:1.2rem;margin-bottom:1.25rem}.hint[data-v-0e80fcd3]{color:var(--text-dim)}.grid[data-v-0e80fcd3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.error-box[data-v-0e80fcd3]{display:flex;align-items:center;gap:1rem;color:var(--danger)}.error-box button[data-v-0e80fcd3]{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.3rem .8rem}.launch-error[data-v-0e80fcd3]{margin-top:1rem;color:var(--danger);font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--bg: #10131a;--surface: #1a1f2b;--surface-hover: #232a3a;--border: #2c3550;--text: #e8ecf4;--text-dim: #8b94ab;--accent: #4f7cff;--accent-hover: #6b91ff;--danger: #ff5d6c}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Noto Sans TC,system-ui,sans-serif;min-height:100vh}button{font:inherit;cursor:pointer;border:none}input,select{font:inherit}