/* ============================================================ 前台主题（全局管理 · 风格切换）默认：暖珊瑚（不写 data-theme 即默认） 13 套风格：春 / 夏 / 秋 / 冬 / 春节 / 端午 / 中秋 / 国庆 / 雨天 / 晴天 / 元旦 / 爬山用法：即可整体换肤 ============================================================ */ /* —— 默认 · 暖珊瑚（无 data-theme 时生效） —— */ body:not([data-theme]){--bg-img:url('themes/bg-default.jpg');} body[data-theme="default"]{--bg-img:url('themes/bg-default.jpg');} /* —— 春 · 嫩绿 —— */ body[data-theme="spring"]{ --bg-img:url('themes/bg-spring.jpg'); --coral:#57A64A; --coral-deep:#3F8A36; --peach:#8BC34A; --ink:#26321E; --ink-2:#555F4B; --muted:#8B937E; --paper:#F4F8EC; --card:#FFFFFF; --line:#E2E8D4; --go:#3E8E41; --go-deep:#2E7031; } /* —— 夏 · 海蓝 —— */ body[data-theme="summer"]{ --bg-img:url('themes/bg-summer.jpg'); --coral:#2FA8E0; --coral-deep:#1E8EC4; --peach:#64C5F0; --ink:#1E2A32; --ink-2:#4C5C66; --muted:#8CA0AB; --paper:#EEF6FB; --card:#FFFFFF; --line:#DCEAF2; --go:#12A5B0; --go-deep:#0E858E; } /* —— 秋 · 枫橙 —— */ body[data-theme="autumn"]{ --bg-img:url('themes/bg-autumn.jpg'); --coral:#E8913A; --coral-deep:#D17A22; --peach:#F5B564; --ink:#2E271E; --ink-2:#5E5547; --muted:#9C917E; --paper:#FAF3E8; --card:#FFFFFF; --line:#EFE3D0; --go:#B7791F; --go-deep:#966116; } /* —— 冬 · 冰蓝 —— */ body[data-theme="winter"]{ --bg-img:url('themes/bg-winter.jpg'); --coral:#5B8FD9; --coral-deep:#3F6FB8; --peach:#8FB5E8; --ink:#1F2733; --ink-2:#4C5A6E; --muted:#8B98AC; --paper:#F1F5FA; --card:#FFFFFF; --line:#DCE5F0; --go:#2E6F9E; --go-deep:#1F5680; } /* —— 春节 · 中国红金 —— */ body[data-theme="springfestival"]{ --bg-img:url('themes/bg-springfestival.jpg'); --coral:#C62828; --coral-deep:#A51D1D; --peach:#E8564A; --ink:#2A1515; --ink-2:#5E3A34; --muted:#9C7A70; --paper:#FDF1EE; --card:#FFFFFF; --line:#F3DCD6; --go:#B7791F; --go-deep:#966116; } /* —— 端午 · 粽叶绿 —— */ body[data-theme="dragonboat"]{ --bg-img:url('themes/bg-dragonboat.jpg'); --coral:#2E7D32; --coral-deep:#1F5E23; --peach:#66BB6A; --ink:#1C2A1C; --ink-2:#4A5C48; --muted:#87967F; --paper:#F2F8EF; --card:#FFFFFF; --line:#DFE8D8; --go:#B7791F; --go-deep:#966116; } /* —— 中秋 · 桂花金 —— */ body[data-theme="midautumn"]{ --bg-img:url('themes/bg-midautumn.jpg'); --coral:#C8963C; --coral-deep:#A87A28; --peach:#E5BC6E; --ink:#2A2418; --ink-2:#5C533F; --muted:#9C9074; --paper:#FAF5EA; --card:#FFFFFF; --line:#F0E6D0; --go:#8D6E63; --go-deep:#6F564D; } /* —— 国庆 · 国旗红金 —— */ body[data-theme="nationalday"]{ --bg-img:url('themes/bg-nationalday.jpg'); --coral:#D32F2F; --coral-deep:#B71C1C; --peach:#F0625A; --ink:#241414; --ink-2:#5C3734; --muted:#9C7770; --paper:#FDF2F0; --card:#FFFFFF; --line:#F4DCD8; --go:#C9A227; --go-deep:#A8861C; } /* —— 雨天 · 雾蓝 —— */ body[data-theme="rain"]{ --bg-img:url('themes/bg-rain.jpg'); --coral:#5A7D9A; --coral-deep:#456078; --peach:#8FA8C4; --ink:#26303A; --ink-2:#4E5C68; --muted:#8C99A6; --paper:#F0F3F6; --card:#FFFFFF; --line:#DCE3EA; --go:#4A6FA5; --go-deep:#385988; } /* —— 晴天 · 晴空蓝 —— */ body[data-theme="sunny"]{ --bg-img:url('themes/bg-sunny.jpg'); --coral:#38A8E8; --coral-deep:#1E8FD0; --peach:#7CC6F0; --ink:#1C2A33; --ink-2:#4A5E6B; --muted:#8BA3B3; --paper:#F2FAFD; --card:#FFFFFF; --line:#DCEAF4; --go:#E8930C; --go-deep:#C97F06; } /* —— 元旦 · 跨年红金 —— */ body[data-theme="newyear"]{ --bg-img:url('themes/bg-newyear.jpg'); --coral:#E0443C; --coral-deep:#C02E26; --peach:#F0716A; --ink:#281716; --ink-2:#5C3834; --muted:#9C7B74; --paper:#FDF3F1; --card:#FFFFFF; --line:#F4DEDA; --go:#D9A514; --go-deep:#B78A0E; } /* —— 爬山 · 山野绿 —— */ body[data-theme="hiking"]{ --bg-img:url('themes/bg-hiking.jpg'); --coral:#4C8C5E; --coral-deep:#3A7049; --peach:#7FB069; --ink:#22301F; --ink-2:#4F5E48; --muted:#8B967F; --paper:#F2F5EC; --card:#FFFFFF; --line:#DEE5D2; --go:#B7791F; --go-deep:#966116; }