*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--color-bg-primary);height:100%;color:var(--color-text-primary);font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c9a84c66}:root{--color-bg-primary:#0f1629;--color-bg-secondary:#1a2140;--color-bg-tertiary:#232b4a;--color-bg-card:#1a2140d9;--color-bg-sidebar:#0f1629f2;--color-accent-gold:#c9a84c;--color-accent-gold-hover:#d4b85e;--color-accent-jade:#4ecdc4;--color-accent-jade-hover:#5fd8d0;--color-accent-red:#e74c3c;--color-accent-green:#2ecc71;--color-text-primary:#e8e6e3;--color-text-secondary:#e8e6e3a6;--color-text-muted:#e8e6e366;--color-border:#c9a84c33;--color-border-hover:#c9a84c66;--glass-blur:12px;--glass-bg:#1a214099;--shadow-glow-gold:0 0 20px #c9a84c26;--shadow-glow-jade:0 0 20px #4ecdc426;--shadow-card:0 4px 24px #0000004d;--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;--font-family-serif:"Noto Serif TC", serif;--font-family-sans:"Noto Sans TC", sans-serif;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--ease-out:cubic-bezier(.16, 1, .3, 1)}