:root{--bg: #f7f7f8;--fg: #1a1a2e;--text-secondary: #6b7280;--border: #e4e4e7;--border-strong: #d1d1d6;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-bg: #eff6ff;--accent-soft: #6ea8fe;--muted: #9ca3af;--surface: #ffffff;--surface-2: #f4f4f5;--surface-3: #e9e9ec;--code-bg: #f4f4f5;--code-fg: #1e1e2e;--danger: #dc2626;--danger-bg: rgba(220,38,38,.08);--success: #16a34a;--success-bg: rgba(22,163,74,.08);--warning: #ea580c;--warning-bg: rgba(234,88,12,.08);--terminal-bg: #1e1e2e;--terminal-fg: #cdd6f4;--terminal-header: #181825;--terminal-border: #313244;--note-color: #f59e0b;--note-color-strong: #b45309;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 26px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-focus: 0 0 0 3px rgba(37,99,235,.15);--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--bg: #1e1e2e;--fg: #cdd6f4;--text-secondary: #9399b2;--border: #313244;--border-strong: #45475a;--accent: #89b4fa;--accent-hover: #b4befe;--accent-bg: rgba(137,180,250,.1);--accent-soft: #89b4fa;--muted: #6c7086;--surface: #181825;--surface-2: #11111b;--surface-3: #313244;--code-bg: #313244;--code-fg: #cdd6f4;--danger: #f38ba8;--danger-bg: rgba(243,139,168,.1);--success: #a6e3a1;--success-bg: rgba(166,227,161,.1);--warning: #fab387;--warning-bg: rgba(250,179,135,.1);--terminal-bg: #1e1e2e;--terminal-fg: #cdd6f4;--terminal-header: #181825;--terminal-border: #313244;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.4);--shadow-focus: 0 0 0 3px rgba(137,180,250,.2)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}button{cursor:pointer;font:inherit;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font:inherit}input:focus,textarea:focus,select:focus{outline:none;box-shadow:var(--shadow-focus)}::selection{background:var(--accent-bg);color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.book-card{transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition);box-shadow:var(--shadow-sm)}.book-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.fade-in{animation:fadeIn .2s ease}.slide-up{animation:slideUp .2s ease}.slide-down{animation:slideDown .2s ease}@media (max-width: 768px){body{font-size:14px}.book-card:hover{transform:none}}@media (max-width: 480px){body{font-size:13px}}