:root{--bg: #F7F3EC;--bg-secondary: #EEE7DD;--bg-card: #FFFCF7;--bg-card-hover: #EEE7DD;--bg-header: rgba(247, 243, 236, .75);--bg-player: rgba(247, 243, 236, .85);--bg-expanded: linear-gradient(170deg, #F7F3EC 0%, #EDE8DF 100%);--border: rgba(42, 36, 31, .06);--border-active: rgba(217, 119, 87, .25);--accent: #D97757;--accent-dim: rgba(217, 119, 87, .15);--accent-glow: rgba(217, 119, 87, .08);--accent-shadow: rgba(217, 119, 87, .25);--accent-gradient-top: rgba(217, 119, 87, .08);--accent-gradient-bottom: rgba(217, 119, 87, .03);--body-gradient: rgba(217, 119, 87, .02);--text: #2A241F;--text-secondary: rgba(42, 36, 31, .6);--text-muted: rgba(42, 36, 31, .35);--text-inverse: #FFFFFF;--danger: #ea4335;--danger-dim: rgba(234, 67, 53, .15);--success: #4caf50;--success-dim: rgba(76, 175, 80, .15);--shadow-sm: 0 1px 3px rgba(42, 36, 31, .04);--shadow-md: 0 4px 16px rgba(42, 36, 31, .06);--radius: 16px;--radius-sm: 10px;--radius-lg: 20px;--player-h: 72px;--safe-bottom: env(safe-area-inset-bottom, 0px);--font-zh: "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-en: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Noto Serif SC", "STSong", "SimSun", serif;--fs-label: .6875rem;--fs-caption: .75rem;--fs-small: .8125rem;--fs-body: .9375rem;--fs-ui: 1rem;--fs-heading: 1.0625rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--hero-gradient: linear-gradient(160deg, rgba(217, 119, 87, .06) 0%, rgba(217, 119, 87, .02) 50%, transparent 100%);--hero-radial: radial-gradient(ellipse at 25% 0%, rgba(217, 119, 87, .08) 0%, transparent 55%)}[data-theme=dark]{--bg: #181513;--bg-secondary: #1F1B17;--bg-card: #231E1A;--bg-card-hover: #2C2621;--bg-header: rgba(24, 21, 19, .75);--bg-player: rgba(24, 21, 19, .85);--bg-expanded: linear-gradient(170deg, #181513 0%, #231E1A 100%);--border: rgba(255, 255, 255, .06);--border-active: rgba(215, 177, 90, .35);--accent: #D7B15A;--accent-dim: rgba(215, 177, 90, .2);--accent-glow: rgba(215, 177, 90, .1);--accent-shadow: rgba(215, 177, 90, .3);--accent-gradient-top: rgba(215, 177, 90, .08);--accent-gradient-bottom: rgba(215, 177, 90, .03);--body-gradient: rgba(215, 177, 90, .02);--text: #ECE4DB;--text-secondary: rgba(236, 228, 219, .65);--text-muted: rgba(236, 228, 219, .4);--text-inverse: #181513;--danger: #ef5350;--danger-dim: rgba(239, 83, 80, .2);--success: #66bb6a;--success-dim: rgba(102, 187, 106, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--hero-gradient: linear-gradient(160deg, rgba(215, 177, 90, .06) 0%, rgba(215, 177, 90, .02) 50%, transparent 100%);--hero-radial: radial-gradient(ellipse at 25% 0%, rgba(215, 177, 90, .08) 0%, transparent 55%)}*,*: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-color:var(--bg);background-image:radial-gradient(ellipse at top,var(--accent-glow) 0%,transparent 60%),linear-gradient(180deg,var(--body-gradient) 0%,transparent 30%);background-attachment:fixed;color:var(--text);min-height:100vh;overflow-x:hidden;max-width:100vw;transition:background-color .35s,color .35s;line-height:1.6}@supports (min-height:100dvh){body{min-height:100dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}