.navbar[data-v-531bbb0f]{z-index:100;padding:var(--space-3) var(--space-6);position:fixed;top:0;left:0;right:0}.navbar-inner[data-v-531bbb0f]{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:1200px;height:48px;padding:0 var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-smooth);margin:0 auto;display:flex}.brand[data-v-531bbb0f]{align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-weight:700;font-size:var(--text-lg);flex-shrink:0;text-decoration:none;display:flex}.brand-mark[data-v-531bbb0f]{width:1.4em;height:1.4em;color:var(--color-accent)}.brand-text[data-v-531bbb0f]{font-family:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", var(--font-sans);letter-spacing:-.02em}.navbar-right[data-v-531bbb0f]{align-items:center;gap:var(--space-2);min-width:0;display:flex}.nav-links[data-v-531bbb0f]{align-items:center;gap:var(--space-1);display:flex}.nav-link[data-v-531bbb0f]{height:var(--touch-target);padding:0 var(--space-3);align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-smooth);white-space:nowrap;font-weight:500;text-decoration:none;display:flex}.nav-link svg[data-v-531bbb0f]{flex-shrink:0;width:18px;height:18px}.nav-link.router-link-exact-active[data-v-531bbb0f]{background:var(--color-accent-bg);color:var(--color-accent);font-weight:600}.nav-link[data-v-531bbb0f]:active{transform:scale(.96)}@media (pointer:fine){.nav-link[data-v-531bbb0f]:hover{background:var(--color-accent-bg);color:var(--color-accent)}}.divider[data-v-531bbb0f]{background:var(--color-border);flex-shrink:0;width:1px;height:20px}.account[data-v-531bbb0f]{height:var(--touch-target);padding:0 var(--space-2);align-items:center;gap:var(--space-2);border-radius:var(--radius-full);min-width:0;display:flex}.avatar[data-v-531bbb0f]{border-radius:var(--radius-full);background:var(--color-accent-bg);width:28px;height:28px;color:var(--color-accent);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-name[data-v-531bbb0f]{font-size:var(--text-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:500;overflow:hidden}.login-btn[data-v-531bbb0f]{height:var(--touch-target);padding:0 var(--space-5);align-items:center;gap:var(--space-2);background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);white-space:nowrap;border:none;font-weight:600;text-decoration:none;display:flex}.login-btn svg[data-v-531bbb0f]{flex-shrink:0;width:18px;height:18px}.login-btn[data-v-531bbb0f]:active{opacity:.9;transform:scale(.96)}@media (pointer:fine){.login-btn[data-v-531bbb0f]:hover{background:var(--color-accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}}.icon-btn[data-v-531bbb0f]{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn svg[data-v-531bbb0f]{width:20px;height:20px}.icon-btn[data-v-531bbb0f]:active{transform:scale(.92)}.logout-btn[data-v-531bbb0f]:hover{color:var(--color-danger);background:#ef44441a}@media (pointer:fine){.theme-btn[data-v-531bbb0f]:hover{background:var(--color-accent-bg);color:var(--color-accent)}}@media (width<=640px){.navbar[data-v-531bbb0f]{padding:var(--space-2) var(--space-3)}.navbar-inner[data-v-531bbb0f]{gap:var(--space-2)}.brand-text[data-v-531bbb0f],.nav-link span[data-v-531bbb0f]{display:none}.nav-link[data-v-531bbb0f]{padding:0 var(--space-3)}.user-name[data-v-531bbb0f]{display:none}.account[data-v-531bbb0f]{padding:0 var(--space-1)}}.app-shell[data-v-601be52c]{flex-direction:column;min-height:100dvh;display:flex}.app-content[data-v-601be52c]{flex-direction:column;flex:1;padding-top:64px;display:flex}.page-enter-active[data-v-601be52c],.page-leave-active[data-v-601be52c]{transition:opacity var(--duration-normal) var(--ease-smooth), transform var(--duration-normal) var(--ease-smooth)}.page-enter-from[data-v-601be52c]{opacity:0;transform:translateY(12px)}.page-leave-to[data-v-601be52c]{opacity:0;transform:translateY(-12px)}:root{--color-bg-primary:#f8f9fc;--color-bg-secondary:#fff;--color-bg-glass:#ffffffb8;--color-bg-elevated:#fff;--color-text-primary:#1a1d26;--color-text-secondary:#5f6b7a;--color-text-muted:#9ca3af;--color-accent:#6366f1;--color-accent-light:#818cf8;--color-accent-bg:#6366f114;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-border:#00000014;--color-border-light:#0000000a;--color-node-default:#94a3b8;--color-node-mastered:#10b981;--color-node-understood:#60a5fa;--color-node-misconception:#f59e0b;--color-node-unfamiliar:#ef4444;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 48px #00000029;--glass-blur:blur(30px) saturate(180%);--glass-bg:#ffffffb8;--glass-border:#ffffff4d;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-serif:"Georgia", "Times New Roman", serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:clamp(.625rem, .6rem + .1vw, .75rem);--text-sm:clamp(.75rem, .7rem + .2vw, .875rem);--text-base:clamp(.875rem, .8rem + .3vw, 1rem);--text-lg:clamp(1rem, .9rem + .4vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + .8vw, 2rem);--text-3xl:clamp(2rem, 1.6rem + 1.2vw, 3rem);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--touch-target:44px}[data-theme=dark]{--color-bg-primary:#0f1119;--color-bg-secondary:#1a1d2e;--color-bg-glass:#1a1d2ecc;--color-bg-elevated:#242840;--color-text-primary:#f1f3f9;--color-text-secondary:#a1a9b8;--color-text-muted:#6b7280;--color-accent:#818cf8;--color-accent-light:#a5b4fc;--color-accent-bg:#818cf81f;--color-border:#ffffff14;--color-border-light:#ffffff0a;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 16px 48px #00000080;--glass-blur:blur(30px) saturate(120%);--glass-bg:#1a1d2ecc;--glass-border:#ffffff0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--color-bg-primary);color:var(--color-text-primary);transition:background var(--duration-normal) var(--ease-smooth), color var(--duration-normal) var(--ease-smooth);-webkit-overflow-scrolling:touch;line-height:1.6;overflow-x:hidden}#app{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--color-accent);transition:color var(--duration-fast) var(--ease-smooth);text-decoration:none}a:hover{color:var(--color-accent-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent-bg);color:var(--color-accent)}@media (pointer:coarse){*{-webkit-tap-highlight-color:transparent}button:active,a:active{opacity:.8}}.theme-transition *{transition:background var(--duration-normal) var(--ease-smooth), color var(--duration-normal) var(--ease-smooth), border-color var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth)!important}