:root{--color-void:#070b14;--color-deep:#0a1020;--color-surface:#0e1424;--color-surface-elevated:#0e1424eb;--color-surface-glass:#121a2eb8;--color-primary:#00e5ff;--color-primary-dim:#00e5ff1f;--color-accent:#ff2d95;--color-accent-dim:#ff2d951f;--color-violet:#7c6cff;--color-on-primary:#070b14;--color-on-surface:#e8f0ff;--color-on-surface-muted:#8b9bb8;--color-on-surface-subtle:#5a6780;--color-sidebar:#080c18f2;--color-sidebar-active:#00e5ff1a;--color-border:#00e5ff2e;--color-border-subtle:#ffffff0f;--color-ai-bg:#00e5ff0f;--color-ai-border:#00e5ff59;--color-success:#00ff9d;--color-warning:#ffb020;--color-danger:#f36;--glow-cyan:0 0 24px #00e5ff59;--glow-magenta:0 0 24px #ff2d9540;--shadow-sm:0 0 0 1px #00e5ff1a, 0 4px 16px #0006;--shadow-md:0 0 0 1px #00e5ff26, 0 8px 32px #00000073;--shadow-lg:0 0 40px #00e5ff1f, 0 16px 48px #00000080;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--header-height:56px;--sidebar-width:216px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-display:"Exo 2", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"Exo 2", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--text-display:800 22px/1.2 var(--font-display);--text-title:700 16px/1.4 var(--font-display);--text-body:400 14px/1.6 var(--font-body);--text-caption:500 12px/1.5 var(--font-mono);--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-base:.26s cubic-bezier(.4, 0, .2, 1);--grid-line:#00e5ff0a}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s}}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font:var(--text-body);color:var(--color-on-surface);background:var(--color-void);-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 80% 50% at 20% -10%, #00e5ff1f, transparent), radial-gradient(ellipse 60% 40% at 90% 100%, #ff2d9514, transparent), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:auto,auto,48px 48px,48px 48px}a{color:var(--color-primary);text-decoration:none}a:hover{text-shadow:var(--glow-cyan);text-decoration:underline}.page-shell{gap:var(--space-md);flex-direction:column;min-height:100%;display:flex}.page-toolbar{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.page-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ai-card{background:var(--color-ai-bg);border:1px solid var(--color-ai-border);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:inset 0 0 32px #00e5ff0a}.text-link{color:var(--color-primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.text-link:hover{text-shadow:var(--glow-cyan)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}