/* ============================================================ 续写 · 主题色板 THEME PALETTE ------------------------------------------------------------ 5 套马卡龙配色，全项目禁用绿色。 使用： 切换：document.documentElement.dataset.theme = 'lavender-fog' 约定：浅档(--accent/--night/--gold)只用于面·描边·晕染； 深档(--accent-d/--night-d/--gold-d)用于文字与按钮底，保证 WCAG AA。 新增主题：复制任意一个块，改 data-theme 名与色值即可，页面零改动。 ============================================================ */ /* ---------- 方案 1 · 玫瑰拿铁 ROSE LATTE（默认 / 首推） ---------- */ :root, [data-theme="rose-latte"]{ --paper:#FBF7F5; --paper2:#FFFFFF; --paper3:#F7EEEA; --ink:#4A3B40; --ink2:#7C6A70; --ink3:#AC9AA0; --accent:#E9A7B4; --accent-d:#A85C6F; --accent-dd:#8E4757; --night:#C9A9BC; --night-d:#8D6B7E; --gold:#E0BE86; --gold-d:#A98150; --line:rgba(74,59,64,.14); --line2:rgba(74,59,64,.07); /* RGB 通道：供半透明场景 rgba(var(--xx-rgb), .n) 使用 */ --paper-rgb:251,247,245; --ink-rgb:74,59,64; --accent-rgb:168,92,111; --night-rgb:141,107,126; --gold-rgb:169,129,80; } /* 板块色（暖轴：樱粉/藕荷/奶茶/绛梅…） */ :root, [data-theme="rose-latte"]{ --bc1:#F5DEE1; --bcd1:#935565; /* 主色系·档2 */ --bc2:#E6D6DD; --bcd2:#614C56; /* 辅色系·档4 */ --bc3:#F4D9DD; --bcd3:#7E4D5A; /* 主色系·档3 */ --bc4:#DBD5D4; --bcd4:#7C7073; /* 中性系·档3 */ --bc5:#D4CECD; --bcd5:#82797B; /* 中性系·档4 */ --bc6:#F2E5D2; --bcd6:#94724C; /* 金色系·档2 */ --bc7:#E2DDDC; --bcd7:#635559; /* 中性系·档2 */ --bc8:#EBDEE3; --bcd8:#7E6070; /* 辅色系·档2 */ --bc9:#EEE3E6; --bcd9:#8D6B7E; /* 辅色系·档1 */ --bc10:#F3D5D9; --bcd10:#6B4750; /* 主色系·档4 */ --bc11:#E9DAE0; --bcd11:#6F5562; /* 辅色系·档3 */ --bc12:#F4E8D8; --bcd12:#957246; /* 金色系·档1 */ --bc13:#F1E2CC; --bcd13:#7E6249; /* 金色系·档3 */ --bc14:#E9E4E3; --bcd14:#4A3B40; /* 中性系·档1 */ --bc15:#F0DFC6; --bcd15:#6B5446; /* 金色系·档4 */ --bc16:#F6E2E4; --bcd16:#A85C6F; /* 主色系·档1 */ } /* ---------- 方案 2 · 薰衣草雾 LAVENDER FOG ---------- */ [data-theme="lavender-fog"]{ --paper:#FAF8FC; --paper2:#FFFFFF; --paper3:#F3EEFA; --ink:#40384A; --ink2:#6F6680; --ink3:#A29BB0; --accent:#C9B3E8; --accent-d:#7557A8; --accent-dd:#62468E; --night:#AEC4E8; --night-d:#5A74AA; --gold:#E2CB9A; --gold-d:#A98A50; --line:rgba(64,56,74,.14); --line2:rgba(64,56,74,.07); --paper-rgb:250,248,252; --ink-rgb:64,56,74; --accent-rgb:117,87,168; --night-rgb:90,116,170; --gold-rgb:169,138,80; --bc1:#EBE2F6; --bcd1:#695093; /* 主色系·档2 */ --bc2:#DAE2F4; --bcd2:#494D6C; /* 辅色系·档4 */ --bc3:#E8DEF5; --bcd3:#5D497E; /* 主色系·档3 */ --bc4:#D9D5DC; --bcd4:#746E7C; /* 中性系·档3 */ --bc5:#D1CED5; --bcd5:#7D7983; /* 中性系·档4 */ --bc6:#F2EADD; --bcd6:#92784F; /* 金色系·档2 */ --bc7:#E0DDE3; --bcd7:#5A5363; /* 中性系·档2 */ --bc8:#E2E8F6; --bcd8:#546795; /* 辅色系·档2 */ --bc9:#E6EAF7; --bcd9:#5A74AA; /* 辅色系·档1 */ --bc10:#E5DBF4; --bcd10:#53436B; /* 主色系·档4 */ --bc11:#DEE5F5; --bcd11:#4E597F; /* 辅色系·档3 */ --bc12:#F4ECE3; --bcd12:#957946; /* 金色系·档1 */ --bc13:#F1E7D8; --bcd13:#7A654D; /* 金色系·档3 */ --bc14:#E7E5EA; --bcd14:#40384A; /* 中性系·档1 */ --bc15:#F0E5D2; --bcd15:#65554C; /* 金色系·档4 */ --bc16:#EDE6F7; --bcd16:#7557A8; /* 主色系·档1 */ } /* ---------- 方案 3 · 暮山雾蓝 MISTY DUSK ---------- */ [data-theme="misty-dusk"]{ --paper:#F8FAFC; --paper2:#FFFFFF; --paper3:#EDF1F7; --ink:#333C48; --ink2:#62707E; --ink3:#98A3AF; --accent:#A9C7E8; --accent-d:#4A7091; --accent-dd:#3B5B76; --night:#CBB9E6; --night-d:#7A5F9E; --gold:#E0C68A; --gold-d:#A2824A; --line:rgba(51,60,72,.14); --line2:rgba(51,60,72,.07); --paper-rgb:248,250,252; --ink-rgb:51,60,72; --accent-rgb:74,112,145; --night-rgb:122,95,158; --gold-rgb:162,130,74; --bc1:#DFEAF6; --bcd1:#456581; /* 主色系·档2 */ --bc2:#E5DEF3; --bcd2:#4C4866; /* 辅色系·档4 */ --bc3:#DBE7F5; --bcd3:#405970; /* 主色系·档3 */ --bc4:#D5D8DC; --bcd4:#6A717A; /* 中性系·档3 */ --bc5:#CDD0D4; --bcd5:#767B82; /* 中性系·档4 */ --bc6:#F0EAD8; --bcd6:#8A734A; /* 金色系·档2 */ --bc7:#DCDFE3; --bcd7:#4F5761; /* 中性系·档2 */ --bc8:#EAE6F5; --bcd8:#6A578B; /* 辅色系·档2 */ --bc9:#ECE9F6; --bcd9:#7A5F9E; /* 辅色系·档1 */ --bc10:#D6E4F4; --bcd10:#3B4E62; /* 主色系·档4 */ --bc11:#E7E2F4; --bcd11:#5A4F77; /* 辅色系·档3 */ --bc12:#F2ECDE; --bcd12:#8F7241; /* 金色系·档1 */ --bc13:#EFE7D2; --bcd13:#706349; /* 金色系·档3 */ --bc14:#E4E7EA; --bcd14:#333C48; /* 中性系·档1 */ --bc15:#EEE4CC; --bcd15:#5A5549; /* 金色系·档4 */ --bc16:#E3EDF7; --bcd16:#4A7091; /* 主色系·档1 */ } /* ---------- 方案 4 · 杏仁奶油 ALMOND CREAM ---------- */ [data-theme="almond-cream"]{ --paper:#FAF6F0; --paper2:#FFFFFF; --paper3:#F3EAE0; --ink:#4A403A; --ink2:#7A6E64; --ink3:#AC9F92; --accent:#E8C9A0; --accent-d:#A67A45; --accent-dd:#8C6537; --night:#C6AEB4; --night-d:#8A6670; --gold:#CFA95E; --gold-d:#8F6E2E; --line:rgba(74,64,58,.14); --line2:rgba(74,64,58,.07); --paper-rgb:250,246,240; --ink-rgb:74,64,58; --accent-rgb:166,122,69; --night-rgb:138,102,112; --gold-rgb:143,110,46; --bc1:#F4E8D7; --bcd1:#926D43; /* 主色系·档2 */ --bc2:#E4D7D7; --bcd2:#604D4D; /* 辅色系·档4 */ --bc3:#F3E5D2; --bcd3:#7D6040; /* 主色系·档3 */ --bc4:#DAD5CF; --bcd4:#7B736D; /* 中性系·档3 */ --bc5:#D3CEC8; --bcd5:#827B76; /* 中性系·档4 */ --bc6:#E8D4BE; --bcd6:#664D35; /* 金色系·档2 */ --bc7:#E1DDD7; --bcd7:#635953; /* 中性系·档2 */ --bc8:#EADFDD; --bcd8:#7C5E64; /* 辅色系·档2 */ --bc9:#ECE3E0; --bcd9:#8A6670; /* 辅色系·档1 */ --bc10:#F2E3CE; --bcd10:#6A543E; /* 主色系·档4 */ --bc11:#E7DBDA; --bcd11:#6D5558; /* 辅色系·档3 */ --bc12:#EBDAC7; --bcd12:#6E5133; /* 金色系·档1 */ --bc13:#E5CEB6; --bcd13:#5E4936; /* 金色系·档3 */ --bc14:#E8E4DE; --bcd14:#4A403A; /* 中性系·档1 */ --bc15:#E1C9AD; --bcd15:#574638; /* 金色系·档4 */ --bc16:#F5EADB; --bcd16:#926B3D; /* 主色系·档1 */ } /* ---------- 方案 5 · 初雪樱花 SAKURA SNOW ---------- */ [data-theme="sakura-snow"]{ --paper:#FDF7F8; --paper2:#FFFFFF; --paper3:#F9ECEE; --ink:#4B3A3E; --ink2:#7D686D; --ink3:#AD9BA0; --accent:#F4B6C2; --accent-d:#B5697B; --accent-dd:#9C5666; --night:#B9C7E8; --night-d:#6E7EA8; --gold:#EDC97B; --gold-d:#A98A3C; --line:rgba(75,58,62,.14); --line2:rgba(75,58,62,.07); --paper-rgb:253,247,248; --ink-rgb:75,58,62; --accent-rgb:181,105,123; --night-rgb:110,126,168; --gold-rgb:169,138,60; --bc1:#FAE3E7; --bcd1:#9E5F6E; /* 主色系·档2 */ --bc2:#E0E3F1; --bcd2:#575263; /* 辅色系·档4 */ --bc3:#FADFE4; --bcd3:#855460; /* 主色系·档3 */ --bc4:#DDD5D7; --bcd4:#7D6F72; /* 中性系·档3 */ --bc5:#D6CDCF; --bcd5:#84797B; /* 中性系·档4 */ --bc6:#F8E9D1; --bcd6:#94783C; /* 金色系·档2 */ --bc7:#E4DDDE; --bcd7:#645458; /* 中性系·档2 */ --bc8:#E8E8F3; --bcd8:#666F91; /* 辅色系·档2 */ --bc9:#EBEBF4; --bcd9:#6E7EA8; /* 辅色系·档1 */ --bc10:#F9DBE1; --bcd10:#704A53; /* 主色系·档4 */ --bc11:#E4E5F2; --bcd11:#5E5F78; /* 辅色系·档3 */ --bc12:#F9EBD8; --bcd12:#957935; /* 金色系·档1 */ --bc13:#F7E6CA; --bcd13:#7F663D; /* 金色系·档3 */ --bc14:#EBE4E5; --bcd14:#4B3A3E; /* 中性系·档1 */ --bc15:#F6E3C3; --bcd15:#6C563D; /* 金色系·档4 */ --bc16:#FBE6EA; --bcd16:#B5697B; /* 主色系·档1 */ } /* ---------- 兼容桥接：A 版历史变量 --jade 合并进 --night ---------- */ :root{ --jade:var(--night); } /* ---------- 板块色桥接：.board.bN 引用变量，换肤零改动；--bct 文字色（深块在对应主题块内写 --bctN:#fff 即反白） ---------- */ /* [2026-10-06 14:40] 续写广场下线：原 `.sqblock.bN` 选择器已从桥接中移除，只留首页 `.board.bN` */ .board.b1 {--bc:var(--bc1); --bcd:var(--bcd1); --bct:var(--bct1, var(--bcd));} .board.b2 {--bc:var(--bc2); --bcd:var(--bcd2); --bct:var(--bct2, var(--bcd));} .board.b3 {--bc:var(--bc3); --bcd:var(--bcd3); --bct:var(--bct3, var(--bcd));} .board.b4 {--bc:var(--bc4); --bcd:var(--bcd4); --bct:var(--bct4, var(--bcd));} .board.b5 {--bc:var(--bc5); --bcd:var(--bcd5); --bct:var(--bct5, var(--bcd));} .board.b6 {--bc:var(--bc6); --bcd:var(--bcd6); --bct:var(--bct6, var(--bcd));} .board.b7 {--bc:var(--bc7); --bcd:var(--bcd7); --bct:var(--bct7, var(--bcd));} .board.b8 {--bc:var(--bc8); --bcd:var(--bcd8); --bct:var(--bct8, var(--bcd));} .board.b9 {--bc:var(--bc9); --bcd:var(--bcd9); --bct:var(--bct9, var(--bcd));} .board.b10{--bc:var(--bc10); --bcd:var(--bcd10); --bct:var(--bct10, var(--bcd));} .board.b11{--bc:var(--bc11); --bcd:var(--bcd11); --bct:var(--bct11, var(--bcd));} .board.b12{--bc:var(--bc12); --bcd:var(--bcd12); --bct:var(--bct12, var(--bcd));} .board.b13{--bc:var(--bc13); --bcd:var(--bcd13); --bct:var(--bct13, var(--bcd));} .board.b14{--bc:var(--bc14); --bcd:var(--bcd14); --bct:var(--bct14, var(--bcd));} .board.b15{--bc:var(--bc15); --bcd:var(--bcd15); --bct:var(--bct15, var(--bcd));} .board.b16{--bc:var(--bc16); --bcd:var(--bcd16); --bct:var(--bct16, var(--bcd));}