/* ========================================== * 内置主题（管理员在后台「活动配置」中统一切换） * 投票端与后台共用：在 上设置 data-theme="xxx" 即可套用 * 未设置时回落到各页面 :root 默认值（即 aurora 极光） * * 变量说明： * --cy/--mg/--gd/--ok/--g1/--g2/--bg/--bg2/--txt/--txt2/--muted/--card/--card2/--line/--dg 主变量 * --cy-rgb/--mg-rgb 主辅色的 RGB 三元组，用于 rgba(var(--cy-rgb),.x) 透色 * --cy2/--mg2 按钮渐变端点（主辅色的亮/暗一档） * --cy-soft 浅色文字（提示文案） * --panel/--panel-rgb/--panel-d 深色面板/顶栏/弹窗底色 * --img-bg 图片占位底色 * --gate-card/--work-grad/--bar-bg 登录卡片、作品卡、顶栏渐变 * ========================================== */ /* 1) 极光（默认）：深蓝紫 + 青/品红/金 */ :root[data-theme="aurora"]{ --bg:#0d0b26; --bg2:#16123d; --cy:#3ce8ff; --mg:#ff4fd8; --gd:#ffc95c; --ok:#3ddc97; --g1:#2a1b6b; --g2:#5b1b6b; --txt:#f0eeff; --txt2:#a9a5d6; --muted:#7a76ab; --card:rgba(255,255,255,.06); --card2:rgba(255,255,255,.1); --line:rgba(255,255,255,.12); --dg:#ff5a5a; --cy-rgb:60,232,255; --mg-rgb:255,79,216; --cy2:#7ee8ff; --mg2:#a24bff; --cy-soft:#cfe9ff; --panel:#12102e; --panel-rgb:18,16,46; --panel-d:#1c1740; --img-bg:#1e1a4a; --gate-card:linear-gradient(180deg,rgba(40,30,90,.9),rgba(20,16,52,.95)); --work-grad:linear-gradient(135deg,#3a1b7a,#b5269a); --bar-bg:linear-gradient(180deg,#1c1740 0%,#12102e 100%); } /* 2) 海洋：深蓝青 + 蓝/青绿 */ :root[data-theme="ocean"]{ --bg:#06121f; --bg2:#0a2236; --cy:#36e0ff; --mg:#4f9dff; --gd:#37e0c8; --ok:#3ddc97; --g1:#0e3a5c; --g2:#103a4a; --txt:#eaf6ff; --txt2:#9fc4dd; --muted:#6f93ad; --card:rgba(255,255,255,.06); --card2:rgba(255,255,255,.1); --line:rgba(255,255,255,.12); --dg:#ff5a5a; --cy-rgb:54,224,255; --mg-rgb:79,157,255; --cy2:#7ee8ff; --mg2:#2a5fd0; --cy-soft:#d4f1ff; --panel:#0c1c2a; --panel-rgb:12,28,42; --panel-d:#0f2638; --img-bg:#0e2233; --gate-card:linear-gradient(180deg,rgba(14,58,92,.9),rgba(10,34,54,.95)); --work-grad:linear-gradient(135deg,#0e3a5c,#1d6a8a); --bar-bg:linear-gradient(180deg,#0f2638 0%,#0c1c2a 100%); } /* 3) 落日：暗紫红 + 橙/粉 */ :root[data-theme="sunset"]{ --bg:#1a0e1f; --bg2:#2a1320; --cy:#ff8a5c; --mg:#ff4f8b; --gd:#ffc95c; --ok:#7ee0a0; --g1:#5c1b3a; --g2:#5c2a1b; --txt:#ffeef5; --txt2:#d6a5b8; --muted:#ab7688; --card:rgba(255,255,255,.06); --card2:rgba(255,255,255,.1); --line:rgba(255,255,255,.12); --dg:#ff5a5a; --cy-rgb:255,138,92; --mg-rgb:255,79,139; --cy2:#ffb38a; --mg2:#c42a6a; --cy-soft:#ffe1d4; --panel:#1c0e18; --panel-rgb:28,14,24; --panel-d:#2a1320; --img-bg:#241320; --gate-card:linear-gradient(180deg,rgba(92,27,58,.9),rgba(42,19,32,.95)); --work-grad:linear-gradient(135deg,#5c1b3a,#b5266a); --bar-bg:linear-gradient(180deg,#2a1320 0%,#1c0e18 100%); } /* 4) 森林：墨绿 + 青绿/草绿 */ :root[data-theme="forest"]{ --bg:#06160f; --bg2:#0c2418; --cy:#4fe0a0; --mg:#7bd64f; --gd:#ffd95c; --ok:#3ddc97; --g1:#0e3a24; --g2:#123a10; --txt:#eafff3; --txt2:#a5d6bd; --muted:#76ab8c; --card:rgba(255,255,255,.06); --card2:rgba(255,255,255,.1); --line:rgba(255,255,255,.12); --dg:#ff5a5a; --cy-rgb:79,224,160; --mg-rgb:123,214,79; --cy2:#9af0c8; --mg2:#4f9a2a; --cy-soft:#d4f6e6; --panel:#0c2418; --panel-rgb:12,36,24; --panel-d:#102f20; --img-bg:#0e2a1c; --gate-card:linear-gradient(180deg,rgba(14,58,36,.9),rgba(12,36,24,.95)); --work-grad:linear-gradient(135deg,#0e3a24,#1d6a3a); --bar-bg:linear-gradient(180deg,#102f20 0%,#0c2418 100%); } /* 5) 玫瑰：紫红 + 粉/紫 */ :root[data-theme="rose"]{ --bg:#160a1c; --bg2:#241030; --cy:#ff6ec7; --mg:#b45cff; --gd:#ffc95c; --ok:#5ce0c0; --g1:#3a1b5c; --g2:#5c1b4a; --txt:#fdeeff; --txt2:#cba5d6; --muted:#9b76ab; --card:rgba(255,255,255,.06); --card2:rgba(255,255,255,.1); --line:rgba(255,255,255,.12); --dg:#ff5a5a; --cy-rgb:255,110,199; --mg-rgb:180,92,255; --cy2:#ffb0e6; --mg2:#7a2ad0; --cy-soft:#ffd9f2; --panel:#241030; --panel-rgb:36,16,48; --panel-d:#2e1440; --img-bg:#28143a; --gate-card:linear-gradient(180deg,rgba(58,27,92,.9),rgba(36,16,48,.95)); --work-grad:linear-gradient(135deg,#3a1b5c,#7a2ad0); --bar-bg:linear-gradient(180deg,#2e1440 0%,#241030 100%); } /* 6) 暗金：暖棕 + 金/橙 */ :root[data-theme="amber"]{ --bg:#15110a; --bg2:#241b0e; --cy:#ffb84f; --mg:#ff7a4f; --gd:#ffe08a; --ok:#7ee0a0; --g1:#5c3a0e; --g2:#5c2a0e; --txt:#fff6e8; --txt2:#d6c0a5; --muted:#ab9476; --card:rgba(255,255,255,.06); --card2:rgba(255,255,255,.1); --line:rgba(255,255,255,.12); --dg:#ff5a5a; --cy-rgb:255,184,79; --mg-rgb:255,122,79; --cy2:#ffd89a; --mg2:#c23a1a; --cy-soft:#ffe9cc; --panel:#241b0e; --panel-rgb:36,27,14; --panel-d:#2e2312; --img-bg:#2a2012; --gate-card:linear-gradient(180deg,rgba(92,58,14,.9),rgba(36,27,14,.95)); --work-grad:linear-gradient(135deg,#5c3a0e,#c23a1a); --bar-bg:linear-gradient(180deg,#2e2312 0%,#241b0e 100%); }