:root{--primary: #4fd1a0;--primary-dk: #35b283;--bg: #10161f;--card: #1a2230;--bd: #2a3547;--tx: #e8ecf5;--mt: #8b9ab0;--rd: #ff6b64;--yw: #f5c842;--bl: #6aa5ff;font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0f16;color:var(--tx);font-size:15px}.phone{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:20;background:var(--card);border-bottom:1px solid var(--bd);padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.page{flex:1;padding:14px 14px 84px}.bottom-nav{position:sticky;bottom:0;z-index:20;background:var(--card);border-top:1px solid var(--bd);display:flex;max-width:480px}.bottom-nav a{flex:1;text-align:center;padding:9px 0 8px;font-size:11px;color:var(--mt);text-decoration:none}.bottom-nav a .ic{display:block;font-size:20px;margin-bottom:2px}.bottom-nav a.router-link-active{color:var(--primary);font-weight:700}.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--bd);background:#222c3d;color:var(--tx);padding:12px 18px;border-radius:12px;font-size:15px;cursor:pointer}.btn.primary{background:var(--primary);border-color:var(--primary);color:#0a1f17;font-weight:800}.btn.danger{background:var(--rd);border-color:var(--rd);color:#fff;font-weight:700}.btn.block{width:100%;padding:15px;font-size:17px}.btn.sm{padding:7px 12px;font-size:13px}.btn:disabled{opacity:.45}.chip{display:inline-block;padding:3px 12px;border-radius:20px;font-size:12px;font-weight:700}.chip.green{background:#143528;color:var(--primary)}.chip.red{background:#3c1a1a;color:var(--rd)}.chip.yellow{background:#3a2f12;color:var(--yw)}.chip.blue{background:#16283f;color:var(--bl)}.chip.gray{background:#232d3d;color:var(--mt)}.online-toggle{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:2px solid var(--bd);border-radius:16px;padding:18px;margin-bottom:14px}.online-toggle.on{border-color:var(--primary);box-shadow:0 0 24px #4fd1a026}.big-switch{position:relative;width:64px;height:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#33405a;border-radius:30px;cursor:pointer;transition:.2s}.big-switch:checked{background:var(--primary)}.big-switch:after{content:"";position:absolute;top:3px;left:3px;width:28px;height:28px;background:#fff;border-radius:50%;transition:.2s}.big-switch:checked:after{left:33px}@keyframes pulse{0%,to{border-color:var(--yw)}50%{border-color:transparent}}.offer{border:2px solid var(--yw);animation:pulse 1.2s infinite}.mock-banner{background:#2e2712;border:1px solid #4d3f14;color:#d8b957;border-radius:8px;padding:7px 12px;font-size:11px;margin-bottom:10px}.kv{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.kv .k{color:var(--mt)}