:root{--bg: #F7F8FB;--bg-gradient: linear-gradient(165deg, #F7F8FB 0%, #FFFFFF 50%, #F5F7FA 100%);--surface: #FFFFFF;--surface-hover: #F3F4F8;--surface-tint: #F9FAFB;--text: #1A1D26;--text-secondary: #5F6577;--text-muted: #8B90A0;--sidebar-bg: hsl(160, 45%, 28%);--sidebar-text: hsl(160, 15%, 65%);--sidebar-text-hover: hsl(0, 0%, 100%);--sidebar-active-bg: hsl(160, 50%, 35%);--sidebar-active-text: hsl(0, 0%, 100%);--accent: hsl(160, 75%, 44%);--accent-hover: hsl(160, 75%, 38%);--accent-soft: hsl(160, 60%, 93%);--accent-light: hsl(160, 70%, 68%);--accent-link: hsl(160, 75%, 38%);--primary: hsl(160, 72%, 40%);--primary-hover: hsl(160, 72%, 34%);--primary-foreground: hsl(0, 0%, 100%);--accent-badge: hsl(160, 75%, 44%);--accent-ultra-soft: hsl(160, 60%, 95%);--border: #E2E4EA;--border-light: #EEEFF3;--divider: #F0F1F5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .03);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .03);--shadow-focus: 0 0 0 4px hsl(158 50% 92% / .5);--shadow-card: 0 1px 4px rgba(0, 0, 0, .04), 0 0 1px rgba(0, 0, 0, .06);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 40px;--space-4xl: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-heading: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;--font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--color-primary: var(--primary);--color-primary-hover: var(--primary-hover);--color-primary-foreground: var(--primary-foreground);--color-primary-soft: var(--accent-soft);--color-accent: var(--accent);--color-accent-hover: var(--accent-hover);--color-accent-soft: var(--accent-soft);--color-accent-light: var(--accent-light);--color-accent-link: var(--accent-link);--color-accent-ultra-soft: var(--accent-ultra-soft);--color-bg: var(--bg);--color-bg-gradient: var(--bg-gradient);--color-bg-muted: var(--surface-hover);--color-surface: var(--surface);--color-surface-hover: var(--surface-hover);--color-surface-tint: var(--surface-tint);--color-sidebar-bg: var(--sidebar-bg);--color-sidebar-text: var(--sidebar-text);--color-sidebar-text-hover: var(--sidebar-text-hover);--color-sidebar-active-bg: var(--sidebar-active-bg);--color-sidebar-active-text: var(--sidebar-active-text);--color-text: var(--text);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-border: var(--border);--color-border-light: var(--border-light);--color-divider: var(--divider);--radius-full: var(--radius-pill);--space-1: var(--space-xs);--space-2: var(--space-sm);--space-3: var(--space-md);--space-4: var(--space-lg);--space-5: 20px;--space-6: var(--space-xl);--space-8: var(--space-2xl);--space-10: var(--space-3xl);--space-12: var(--space-4xl);--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*,*:before,*:after{box-sizing:border-box;margin:0}html{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;line-height:var(--line-height-normal);font-family:var(--font-sans);background-color:var(--color-bg)}#app{min-height:100vh}a{color:var(--color-accent-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-tint)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (max-width: 768px){:root{--mobile-tab-bar-height: calc(56px + env(safe-area-inset-bottom, 0px)) }html{-webkit-text-size-adjust:100%;text-size-adjust:100%}::-webkit-scrollbar{width:4px;height:4px}body{overscroll-behavior:none}}