:root{--bg: #FAF9F6;--bg-secondary: #F3F1EC;--bg-card: #F3F1EC;--bg-card-hover: #ECEAE4;--bg-header: rgba(250,249,246,.97);--bg-player: #FAF9F6;--bg-expanded: linear-gradient(170deg, #FAF9F6, #F3F1EC);--border: rgba(0,0,0,.06);--border-active: rgba(131,106,50,.35);--accent: #836A32;--accent-dim: rgba(131,106,50,.6);--accent-glow: rgba(131,106,50,.08);--accent-shadow: rgba(131,106,50,.25);--accent-gradient-top: rgba(212,175,55,.1);--accent-gradient-bottom: rgba(131,106,50,.06);--body-gradient: rgba(131,106,50,.04);--text: #1A1A1A;--text-secondary: rgba(26,26,26,.5);--text-muted: rgba(26,26,26,.28);--text-inverse: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.06);--radius: 12px;--radius-sm: 8px;--player-h: 72px;--safe-bottom: env(safe-area-inset-bottom, 0px);--font-zh: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-en: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--bg: #0F0F0F;--bg-secondary: #1A1A1A;--bg-card: rgba(255,255,255,.05);--bg-card-hover: rgba(255,255,255,.09);--bg-header: rgba(15,15,15,.97);--bg-player: #0F0F0F;--bg-expanded: linear-gradient(170deg, #0F0F0F, #1A1A1A);--border: rgba(255,255,255,.08);--border-active: rgba(212,165,74,.3);--accent: #D4A54A;--accent-dim: rgba(212,165,74,.5);--accent-glow: rgba(212,165,74,.1);--accent-shadow: rgba(212,165,74,.25);--accent-gradient-top: rgba(212,175,55,.08);--accent-gradient-bottom: rgba(212,165,74,.05);--body-gradient: rgba(212,165,74,.03);--text: #EEEEEE;--text-secondary: rgba(238,238,238,.5);--text-muted: rgba(238,238,238,.28);--text-inverse: #0F0F0F;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.3)}[data-theme=terracotta]{--border: rgba(0,0,0,.06);--border-active: rgba(196,101,58,.35);--accent: #C4653A;--accent-dim: rgba(196,101,58,.6);--accent-glow: rgba(196,101,58,.08);--accent-shadow: rgba(196,101,58,.25);--accent-gradient-top: rgba(196,101,58,.1);--accent-gradient-bottom: rgba(196,101,58,.06);--body-gradient: rgba(196,101,58,.04);--bg: #F7F2EA;--bg-secondary: #F0E8DD;--bg-card: #F0E8DD;--bg-card-hover: #E8DFCF;--bg-header: rgba(247,242,234,.97);--bg-player: #F7F2EA;--bg-expanded: linear-gradient(170deg, #F7F2EA, #F0E8DD);--text: #3D2B1F;--text-secondary: rgba(61,43,31,.55);--text-muted: rgba(61,43,31,.3);--text-inverse: #F5EAD0;--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.06)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}body{-webkit-tap-highlight-color:transparent;font-family:var(--font-zh);background:var(--bg);background-image:linear-gradient(180deg,var(--body-gradient) 0%,transparent 40%);color:var(--text);min-height:100vh;overflow-x:hidden;max-width:100vw;transition:background .35s,color .35s}@supports (min-height:100dvh){body{min-height:100dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}