.topbar[data-v-889af25d]{position:sticky;top:0;z-index:100;background:#0b0e1abf;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.topbar-inner[data-v-889af25d]{max-width:860px;margin:0 auto;padding:0 16px;height:var(--nav-h);display:flex;align-items:center;gap:14px}.brand[data-v-889af25d]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-0)}.brand-logo[data-v-889af25d]{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#22d3ee);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff}.brand-name[data-v-889af25d]{font-weight:800;font-size:15px;letter-spacing:1px}.nav[data-v-889af25d]{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}.nav[data-v-889af25d]::-webkit-scrollbar{display:none}.nav-item[data-v-889af25d]{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:10px;color:var(--text-1);text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap;transition:all .15s ease}.nav-item[data-v-889af25d]:hover{color:var(--text-0);background:#ffffff0f}.nav-item.active[data-v-889af25d]{color:#fff;background:#6366f147}.nav-icon[data-v-889af25d]{font-size:14px}.play-btn[data-v-889af25d]{padding:7px 14px;font-size:13px;white-space:nowrap}@media(max-width:640px){.brand-name[data-v-889af25d],.nav-label[data-v-889af25d]{display:none}.nav-item[data-v-889af25d]{padding:8px}}.toast-stack{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;background:#141a30eb;border:1px solid rgba(129,140,248,.4);box-shadow:0 8px 30px #00000073;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;backdrop-filter:blur(8px)}.toast-icon{font-size:18px}:root{--bg-0: #0b0e1a;--bg-1: #131a30;--bg-2: #1a2342;--card: rgba(255, 255, 255, .055);--card-border: rgba(255, 255, 255, .1);--text-0: #f2f5ff;--text-1: #aab3d0;--text-2: #6b7699;--accent: #6366f1;--accent-2: #22d3ee;--green: #34d399;--yellow: #fbbf24;--red: #f87171;--radius: 14px;--nav-h: 52px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:radial-gradient(1200px 800px at 70% -10%,#1d2a55 0%,var(--bg-1) 45%,var(--bg-0) 100%) fixed;color:var(--text-0);overscroll-behavior:none}#app{min-height:100%}.boot-splash{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.boot-logo{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#6366f1,#22d3ee);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:#fff;animation:bootPulse 1.2s ease-in-out infinite alternate}.boot-title{font-size:22px;font-weight:700;letter-spacing:6px}.boot-sub{font-size:12px;color:var(--text-2);letter-spacing:4px}@keyframes bootPulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.page{max-width:860px;margin:0 auto;padding:20px 16px calc(28px + env(safe-area-inset-bottom))}.page-title{font-size:24px;font-weight:800;margin:8px 0 4px}.page-sub{color:var(--text-2);font-size:13px;margin-bottom:18px}.panel{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:16px;backdrop-filter:blur(6px)}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--card-border);background:#ffffff12;color:var(--text-0);border-radius:12px;padding:10px 18px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;user-select:none}.btn:hover{background:#ffffff1f}.btn:active{transform:scale(.96)}.btn.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#818cf899;box-shadow:0 6px 24px #6366f159}.btn.primary:hover{box-shadow:0 8px 30px #6366f180}.btn.ghost{background:transparent}.btn.danger{background:#f871711f;border-color:#f8717166;color:#fca5a5}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--card-border);background:#ffffff0d;color:var(--text-1);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.chip.active{background:linear-gradient(135deg,#6366f159,#22d3ee40);border-color:#818cf8a6;color:#fff;box-shadow:0 0 14px #6366f159}.grid-cards{display:grid;gap:12px}.stat-num{font-size:26px;font-weight:800;background:linear-gradient(135deg,#a5b4fc,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:12px;color:var(--text-2)}.divider{height:1px;background:var(--card-border);margin:14px 0}.fade-enter-active,.fade-leave-active{transition:opacity .22s ease}.fade-enter-from,.fade-leave-to{opacity:0}.pop-enter-active{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.pop-leave-active{transition:all .18s ease}.pop-enter-from,.pop-leave-to{opacity:0;transform:scale(.92)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}