*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:root[data-theme=dark]{--bg-primary: #050d1a;--bg-secondary: #0a1628;--bg-card: rgba(10, 22, 40, .85);--bg-card-solid: #0c1a2e;--bg-input: rgba(0, 20, 50, .5);--bg-hover: rgba(0, 212, 255, .06);--bg-overlay: rgba(0, 0, 0, .6);--bg-drawer: #0c1a2e;--text-primary: #e0eaff;--text-secondary: rgba(148, 180, 214, .7);--text-muted: rgba(148, 180, 214, .45);--text-inverse: #050d1a;--accent: #00d4ff;--accent-secondary: #7b2ff7;--accent-gradient: linear-gradient(135deg, #00a6d6, #0077b6, #7b2ff7);--accent-bg: rgba(0, 212, 255, .08);--accent-border: rgba(0, 212, 255, .2);--accent-glow: rgba(0, 212, 255, .15);--border-primary: rgba(0, 212, 255, .12);--border-light: rgba(100, 180, 255, .08);--border-focus: rgba(0, 212, 255, .5);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .12);--color-warning: #f5af19;--color-warning-bg: rgba(245, 175, 25, .12);--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .1);--color-info: #409eff;--color-info-bg: rgba(64, 158, 255, .1);--vip-gradient: linear-gradient(135deg, #f5af19, #f12711);--vip-bg: rgba(245, 175, 25, .1);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 32px rgba(0, 212, 255, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--backdrop-blur: blur(20px);--scrollbar-track: #0a1628;--scrollbar-thumb: rgba(0, 212, 255, .2);--progress-bg: rgba(100, 180, 255, .1);--progress-fill: #00d4ff;--option-border: rgba(100, 180, 255, .15);--option-selected-bg: rgba(0, 212, 255, .1);--option-selected-border: #00d4ff;--header-bg: rgba(10, 22, 40, .92);--header-border: rgba(0, 212, 255, .08);--tag-dynamic-bg: rgba(0, 212, 255, .1);--tag-dynamic-color: #00d4ff;--tag-static-bg: rgba(16, 185, 129, .1);--tag-static-color: #10b981}:root[data-theme=light]{--bg-primary: #f0f4f8;--bg-secondary: #e8edf3;--bg-card: rgba(255, 255, 255, .92);--bg-card-solid: #ffffff;--bg-input: rgba(240, 244, 250, .8);--bg-hover: rgba(0, 120, 200, .04);--bg-overlay: rgba(0, 0, 0, .35);--bg-drawer: #ffffff;--text-primary: #1a2332;--text-secondary: #5a6a7e;--text-muted: #8e9bae;--text-inverse: #ffffff;--accent: #0077cc;--accent-secondary: #6c3ce0;--accent-gradient: linear-gradient(135deg, #0088dd, #0066aa, #6c3ce0);--accent-bg: rgba(0, 119, 204, .06);--accent-border: rgba(0, 119, 204, .2);--accent-glow: rgba(0, 119, 204, .1);--border-primary: rgba(0, 80, 160, .12);--border-light: rgba(0, 80, 160, .06);--border-focus: rgba(0, 119, 204, .5);--color-success: #16a34a;--color-success-bg: rgba(22, 163, 74, .08);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .08);--color-danger: #dc2626;--color-danger-bg: rgba(220, 38, 38, .06);--color-info: #2563eb;--color-info-bg: rgba(37, 99, 235, .06);--vip-gradient: linear-gradient(135deg, #f59e0b, #ef4444);--vip-bg: rgba(245, 158, 11, .08);--shadow-card: 0 2px 12px rgba(0, 40, 80, .08);--shadow-hover: 0 6px 24px rgba(0, 40, 80, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--backdrop-blur: blur(16px);--scrollbar-track: #e8edf3;--scrollbar-thumb: rgba(0, 80, 160, .15);--progress-bg: rgba(0, 80, 160, .08);--progress-fill: #0077cc;--option-border: rgba(0, 80, 160, .12);--option-selected-bg: rgba(0, 119, 204, .08);--option-selected-border: #0077cc;--header-bg: rgba(255, 255, 255, .92);--header-border: rgba(0, 80, 160, .08);--tag-dynamic-bg: rgba(0, 119, 204, .08);--tag-dynamic-color: #0077cc;--tag-static-bg: rgba(22, 163, 74, .08);--tag-static-color: #16a34a}body{background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::selection{background:var(--accent);color:var(--text-inverse)}