/* ============================================================ * 主题配色 Theme palettes (CSS variables) * 通过 切换，瞬时生效、无刷新、无 FOUC。 * 令牌契约: --c-primary --c-secondary --c-accent * --c-bg --c-surface --c-text --c-muted * --grad-1/2/3 --glass --hairline --scrim --shadow --is-dark * ========================================================== */ /* 暮光 Sunset Farewell —— 默认主题（黄昏最后一次走过校园的暖光） */ :root, [data-theme="sunset"] { --c-primary: #C75B39; --c-secondary: #E8915B; --c-accent: #E0A82E; --c-bg: #FFF6EE; --c-surface: #FFFFFF; --c-text: #4A2418; --c-muted: #855040; --grad-1: #FFE8D6; --grad-2: #FFB07C; --grad-3: #E8704A; --glass: rgba(255,255,255,.66); --hairline: rgba(74,36,24,.10); --scrim: rgba(40,18,10,.62); --shadow: 0 18px 48px rgba(199,91,57,.16); --is-dark: 0; } /* 青春 Verdant Youth —— 万物初生、未写完的可能 */ [data-theme="youth"] { --c-primary: #2E7D5B; --c-secondary: #5BA88A; --c-accent: #F2A65A; --c-bg: #F4F9F4; --c-surface: #FFFFFF; --c-text: #1B3A2C; --c-muted: #566B5E; --grad-1: #E8F5E9; --grad-2: #C5E8D5; --grad-3: #9BD4B5; --glass: rgba(255,255,255,.68); --hairline: rgba(27,58,44,.10); --scrim: rgba(16,40,28,.62); --shadow: 0 18px 48px rgba(46,125,91,.16); --is-dark: 0; } /* 星空 Starry Memory —— 宿舍窗外的夜空，梦像星子散落（深色） */ [data-theme="starry"] { --c-primary: #A99CEC; --c-secondary: #7E96EE; --c-accent: #F0C987; --c-bg: #0F1330; --c-surface: #1C2249; --c-text: #EAEBFA; --c-muted: #A8ACD4; --grad-1: #0F1330; --grad-2: #2A2E63; --grad-3: #4A3F8C; --glass: rgba(28,34,73,.55); --hairline: rgba(255,255,255,.12); --scrim: rgba(4,6,18,.78); --shadow: 0 20px 54px rgba(0,0,0,.5); --is-dark: 1; } /* 樱花 Sakura Whisper —— 毕业时飘落的花瓣，粉色的再见 */ [data-theme="sakura"] { --c-primary: #C9577F; --c-secondary: #E68AA8; --c-accent: #5E8378; --c-bg: #FFF5F7; --c-surface: #FFFFFF; --c-text: #4D1F30; --c-muted: #8C5567; --grad-1: #FFE4EC; --grad-2: #FBC6D7; --grad-3: #F2A0BC; --glass: rgba(255,255,255,.66); --hairline: rgba(77,31,48,.10); --scrim: rgba(60,20,36,.6); --shadow: 0 18px 48px rgba(201,87,127,.16); --is-dark: 0; } /* 墨韵 Ink Reverie —— 莫兰迪的静，一封折好的手写信 */ [data-theme="ink"] { --c-primary: #5C6B80; --c-secondary: #8E9A91; --c-accent: #B08E62; --c-bg: #F2F0EB; --c-surface: #FAF8F4; --c-text: #33373D; --c-muted: #656B70; --grad-1: #E8E5DE; --grad-2: #CDD2CC; --grad-3: #A8B0AE; --glass: rgba(255,255,255,.6); --hairline: rgba(51,55,61,.10); --scrim: rgba(40,42,46,.6); --shadow: 0 18px 48px rgba(92,107,128,.16); --is-dark: 0; }