/* ===== 主题调色板 —— 全站共用 =====
切换：。只改这一个文件，所有页面一起变。
2026-09-13 统一重做（Hallmark「素笺」方案）：
12 套皮肤现在共用同一套「分层原则」，只是色相血统各自保留 ——
· 正文纸面最亮 → 卡片 → 面板 → 侧栏/顶栏 依次退后，视线自然落在正文上
· 中性色都带一点锚色彩度（不是死灰）
· 强调色只用于焦点环 / 进度 / 当前项（占屏 <=3%）；主按钮用墨色实底
· 明暗两套对比度都按 WCAG 2.1 程序化验证过（正文 >=7:1，次要/辅助 >=4.5:1）
改颜色请改这里的数值，页面里不要再写死颜色。
================================================================= */
:root{
--accent:oklch(47.0% 0.098 162);
--accent-hover:oklch(41.0% 0.098 162);
--accent-soft:oklch(93.5% 0.028 162);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(94.6% 0.010 158);
--border:oklch(87.5% 0.010 158);
--border-soft:oklch(91.5% 0.010 158);
--card:oklch(96.2% 0.010 158);
--card-hover:oklch(92.2% 0.010 158);
--center-bg:oklch(97.6% 0.010 158);
--editor-bg:oklch(97.6% 0.010 158);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.013 158);
--panel:oklch(95.4% 0.010 158);
--panel2:oklch(92.2% 0.010 158);
--placeholder:oklch(47.0% 0.013 158);
--progress-track:oklch(91.4% 0.010 158);
--prompt-bg:oklch(95.6% 0.010 158);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(96.4% 0.010 158);
--scroll:oklch(87.0% 0.010 158);
--scroll-hover:oklch(76.0% 0.010 158);
--side-bg:oklch(94.7% 0.010 158);
--text:oklch(24.0% 0.018 158);
--text-dim:oklch(36.0% 0.014 158);
--top-bg:oklch(94.4% 0.010 158);
}
/* 白色 */
html[data-theme="white"]{
--accent:oklch(47.0% 0.155 262);
--accent-hover:oklch(41.0% 0.155 262);
--accent-soft:oklch(93.5% 0.028 262);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(95.4% 0.004 255);
--border:oklch(88.3% 0.004 255);
--border-soft:oklch(92.3% 0.004 255);
--card:oklch(97.0% 0.004 255);
--card-hover:oklch(93.0% 0.004 255);
--center-bg:oklch(98.4% 0.004 255);
--editor-bg:oklch(98.4% 0.004 255);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.007 255);
--panel:oklch(96.2% 0.004 255);
--panel2:oklch(93.0% 0.004 255);
--placeholder:oklch(47.0% 0.007 255);
--progress-track:oklch(92.2% 0.004 255);
--prompt-bg:oklch(96.4% 0.004 255);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(97.2% 0.004 255);
--scroll:oklch(87.8% 0.004 255);
--scroll-hover:oklch(76.8% 0.004 255);
--side-bg:oklch(95.5% 0.004 255);
--text:oklch(24.0% 0.010 255);
--text-dim:oklch(36.0% 0.008 255);
--top-bg:oklch(95.2% 0.004 255);
}
/* 黑色 */
html[data-theme="black"]{
--accent:oklch(60.0% 0.150 258);
--accent-hover:oklch(66.0% 0.150 258);
--accent-soft:oklch(26.0% 0.032 258);
--amber:oklch(78.0% 0.105 62);
--bg:oklch(14.1% 0.006 255);
--border:oklch(27.9% 0.006 255);
--border-soft:oklch(23.1% 0.006 255);
--card:oklch(19.1% 0.006 255);
--card-hover:oklch(21.1% 0.006 255);
--center-bg:oklch(16.5% 0.006 255);
--editor-bg:oklch(16.5% 0.006 255);
--green:oklch(72.0% 0.090 155);
--hl:oklch(85.0% 0.120 95);
--muted:oklch(67.0% 0.007 255);
--panel:oklch(17.9% 0.006 255);
--panel2:oklch(21.1% 0.006 255);
--placeholder:oklch(64.0% 0.007 255);
--progress-track:oklch(23.1% 0.006 255);
--prompt-bg:oklch(18.1% 0.006 255);
--purple:oklch(72.0% 0.110 300);
--red:oklch(68.0% 0.145 27);
--rewrite-bg:oklch(18.9% 0.006 255);
--scroll:oklch(28.5% 0.006 255);
--scroll-hover:oklch(36.5% 0.006 255);
--side-bg:oklch(15.3% 0.006 255);
--text:oklch(92.0% 0.009 255);
--text-dim:oklch(78.0% 0.009 255);
--top-bg:oklch(13.1% 0.006 255);
}
/* 灰色 */
html[data-theme="gray"]{
--accent:oklch(60.0% 0.130 258);
--accent-hover:oklch(66.0% 0.130 258);
--accent-soft:oklch(26.0% 0.032 258);
--amber:oklch(78.0% 0.105 62);
--bg:oklch(18.1% 0.008 255);
--border:oklch(31.9% 0.008 255);
--border-soft:oklch(27.1% 0.008 255);
--card:oklch(23.1% 0.008 255);
--card-hover:oklch(25.1% 0.008 255);
--center-bg:oklch(20.5% 0.008 255);
--editor-bg:oklch(20.5% 0.008 255);
--green:oklch(72.0% 0.090 155);
--hl:oklch(85.0% 0.120 95);
--muted:oklch(67.0% 0.008 255);
--panel:oklch(21.9% 0.008 255);
--panel2:oklch(25.1% 0.008 255);
--placeholder:oklch(64.0% 0.008 255);
--progress-track:oklch(27.1% 0.008 255);
--prompt-bg:oklch(22.1% 0.008 255);
--purple:oklch(72.0% 0.110 300);
--red:oklch(68.0% 0.145 27);
--rewrite-bg:oklch(22.9% 0.008 255);
--scroll:oklch(32.5% 0.008 255);
--scroll-hover:oklch(40.5% 0.008 255);
--side-bg:oklch(19.3% 0.008 255);
--text:oklch(92.0% 0.010 255);
--text-dim:oklch(78.0% 0.010 255);
--top-bg:oklch(17.1% 0.008 255);
}
/* 蓝色 */
html[data-theme="blue"]{
--accent:oklch(60.0% 0.140 250);
--accent-hover:oklch(66.0% 0.140 250);
--accent-soft:oklch(26.0% 0.032 250);
--amber:oklch(78.0% 0.105 62);
--bg:oklch(14.6% 0.016 255);
--border:oklch(28.4% 0.016 255);
--border-soft:oklch(23.6% 0.016 255);
--card:oklch(19.6% 0.016 255);
--card-hover:oklch(21.6% 0.016 255);
--center-bg:oklch(17.0% 0.016 255);
--editor-bg:oklch(17.0% 0.016 255);
--green:oklch(72.0% 0.090 155);
--hl:oklch(85.0% 0.120 95);
--muted:oklch(67.0% 0.013 255);
--panel:oklch(18.4% 0.016 255);
--panel2:oklch(21.6% 0.016 255);
--placeholder:oklch(64.0% 0.013 255);
--progress-track:oklch(23.6% 0.016 255);
--prompt-bg:oklch(18.6% 0.016 255);
--purple:oklch(72.0% 0.110 300);
--red:oklch(68.0% 0.145 27);
--rewrite-bg:oklch(19.4% 0.016 255);
--scroll:oklch(29.0% 0.016 255);
--scroll-hover:oklch(37.0% 0.016 255);
--side-bg:oklch(15.8% 0.016 255);
--text:oklch(92.0% 0.017 255);
--text-dim:oklch(78.0% 0.017 255);
--top-bg:oklch(13.6% 0.016 255);
}
/* 粉色 */
html[data-theme="pink"]{
--accent:oklch(60.0% 0.145 350);
--accent-hover:oklch(66.0% 0.145 350);
--accent-soft:oklch(26.0% 0.032 350);
--amber:oklch(78.0% 0.105 62);
--bg:oklch(14.6% 0.016 350);
--border:oklch(28.4% 0.016 350);
--border-soft:oklch(23.6% 0.016 350);
--card:oklch(19.6% 0.016 350);
--card-hover:oklch(21.6% 0.016 350);
--center-bg:oklch(17.0% 0.016 350);
--editor-bg:oklch(17.0% 0.016 350);
--green:oklch(72.0% 0.090 155);
--hl:oklch(85.0% 0.120 95);
--muted:oklch(67.0% 0.013 350);
--panel:oklch(18.4% 0.016 350);
--panel2:oklch(21.6% 0.016 350);
--placeholder:oklch(64.0% 0.013 350);
--progress-track:oklch(23.6% 0.016 350);
--prompt-bg:oklch(18.6% 0.016 350);
--purple:oklch(72.0% 0.110 300);
--red:oklch(68.0% 0.145 27);
--rewrite-bg:oklch(19.4% 0.016 350);
--scroll:oklch(29.0% 0.016 350);
--scroll-hover:oklch(37.0% 0.016 350);
--side-bg:oklch(15.8% 0.016 350);
--text:oklch(92.0% 0.017 350);
--text-dim:oklch(78.0% 0.017 350);
--top-bg:oklch(13.6% 0.016 350);
}
/* 护眼绿 */
html[data-theme="green"]{
--accent:oklch(47.0% 0.125 152);
--accent-hover:oklch(41.0% 0.125 152);
--accent-soft:oklch(93.5% 0.028 152);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(92.5% 0.030 145);
--border:oklch(85.4% 0.030 145);
--border-soft:oklch(89.4% 0.030 145);
--card:oklch(94.1% 0.030 145);
--card-hover:oklch(90.1% 0.030 145);
--center-bg:oklch(95.5% 0.030 145);
--editor-bg:oklch(95.5% 0.030 145);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.033 145);
--panel:oklch(93.3% 0.030 145);
--panel2:oklch(90.1% 0.030 145);
--placeholder:oklch(47.0% 0.033 145);
--progress-track:oklch(89.3% 0.030 145);
--prompt-bg:oklch(93.5% 0.030 145);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(94.3% 0.030 145);
--scroll:oklch(84.9% 0.030 145);
--scroll-hover:oklch(73.9% 0.030 145);
--side-bg:oklch(92.6% 0.030 145);
--text:oklch(24.0% 0.046 145);
--text-dim:oklch(36.0% 0.034 145);
--top-bg:oklch(92.3% 0.030 145);
}
/* 羊皮纸 */
html[data-theme="paper"]{
--accent:oklch(47.0% 0.115 70);
--accent-hover:oklch(41.0% 0.115 70);
--accent-soft:oklch(93.5% 0.028 70);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(94.0% 0.018 85);
--border:oklch(86.9% 0.018 85);
--border-soft:oklch(90.9% 0.018 85);
--card:oklch(95.6% 0.018 85);
--card-hover:oklch(91.6% 0.018 85);
--center-bg:oklch(97.0% 0.018 85);
--editor-bg:oklch(97.0% 0.018 85);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.021 85);
--panel:oklch(94.8% 0.018 85);
--panel2:oklch(91.6% 0.018 85);
--placeholder:oklch(47.0% 0.021 85);
--progress-track:oklch(90.8% 0.018 85);
--prompt-bg:oklch(95.0% 0.018 85);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(95.8% 0.018 85);
--scroll:oklch(86.4% 0.018 85);
--scroll-hover:oklch(75.4% 0.018 85);
--side-bg:oklch(94.1% 0.018 85);
--text:oklch(24.0% 0.029 85);
--text-dim:oklch(36.0% 0.022 85);
--top-bg:oklch(93.8% 0.018 85);
}
/* 素笺（默认） */
html[data-theme="sagreen"]{
--accent:oklch(47.0% 0.098 162);
--accent-hover:oklch(41.0% 0.098 162);
--accent-soft:oklch(93.5% 0.028 162);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(94.6% 0.010 158);
--border:oklch(87.5% 0.010 158);
--border-soft:oklch(91.5% 0.010 158);
--card:oklch(96.2% 0.010 158);
--card-hover:oklch(92.2% 0.010 158);
--center-bg:oklch(97.6% 0.010 158);
--editor-bg:oklch(97.6% 0.010 158);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.013 158);
--panel:oklch(95.4% 0.010 158);
--panel2:oklch(92.2% 0.010 158);
--placeholder:oklch(47.0% 0.013 158);
--progress-track:oklch(91.4% 0.010 158);
--prompt-bg:oklch(95.6% 0.010 158);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(96.4% 0.010 158);
--scroll:oklch(87.0% 0.010 158);
--scroll-hover:oklch(76.0% 0.010 158);
--side-bg:oklch(94.7% 0.010 158);
--text:oklch(24.0% 0.018 158);
--text-dim:oklch(36.0% 0.014 158);
--top-bg:oklch(94.4% 0.010 158);
}
/* 杏仁黄 */
html[data-theme="almond"]{
--accent:oklch(47.0% 0.110 78);
--accent-hover:oklch(41.0% 0.110 78);
--accent-soft:oklch(93.5% 0.028 78);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(94.2% 0.020 88);
--border:oklch(87.1% 0.020 88);
--border-soft:oklch(91.1% 0.020 88);
--card:oklch(95.8% 0.020 88);
--card-hover:oklch(91.8% 0.020 88);
--center-bg:oklch(97.2% 0.020 88);
--editor-bg:oklch(97.2% 0.020 88);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.023 88);
--panel:oklch(95.0% 0.020 88);
--panel2:oklch(91.8% 0.020 88);
--placeholder:oklch(47.0% 0.023 88);
--progress-track:oklch(91.0% 0.020 88);
--prompt-bg:oklch(95.2% 0.020 88);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(96.0% 0.020 88);
--scroll:oklch(86.6% 0.020 88);
--scroll-hover:oklch(75.6% 0.020 88);
--side-bg:oklch(94.3% 0.020 88);
--text:oklch(24.0% 0.032 88);
--text-dim:oklch(36.0% 0.024 88);
--top-bg:oklch(94.0% 0.020 88);
}
/* 墨绿夜 */
html[data-theme="darkgreen"]{
--accent:oklch(60.0% 0.120 160);
--accent-hover:oklch(66.0% 0.120 160);
--accent-soft:oklch(26.0% 0.032 160);
--amber:oklch(78.0% 0.105 62);
--bg:oklch(14.6% 0.014 155);
--border:oklch(28.4% 0.014 155);
--border-soft:oklch(23.6% 0.014 155);
--card:oklch(19.6% 0.014 155);
--card-hover:oklch(21.6% 0.014 155);
--center-bg:oklch(17.0% 0.014 155);
--editor-bg:oklch(17.0% 0.014 155);
--green:oklch(72.0% 0.090 155);
--hl:oklch(85.0% 0.120 95);
--muted:oklch(67.0% 0.011 155);
--panel:oklch(18.4% 0.014 155);
--panel2:oklch(21.6% 0.014 155);
--placeholder:oklch(64.0% 0.011 155);
--progress-track:oklch(23.6% 0.014 155);
--prompt-bg:oklch(18.6% 0.014 155);
--purple:oklch(72.0% 0.110 300);
--red:oklch(68.0% 0.145 27);
--rewrite-bg:oklch(19.4% 0.014 155);
--scroll:oklch(29.0% 0.014 155);
--scroll-hover:oklch(37.0% 0.014 155);
--side-bg:oklch(15.8% 0.014 155);
--text:oklch(92.0% 0.015 155);
--text-dim:oklch(78.0% 0.015 155);
--top-bg:oklch(13.6% 0.014 155);
}
/* 暖灰米 */
html[data-theme="warmgray"]{
--accent:oklch(47.0% 0.090 75);
--accent-hover:oklch(41.0% 0.090 75);
--accent-soft:oklch(93.5% 0.028 75);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(93.6% 0.010 80);
--border:oklch(86.5% 0.010 80);
--border-soft:oklch(90.5% 0.010 80);
--card:oklch(95.2% 0.010 80);
--card-hover:oklch(91.2% 0.010 80);
--center-bg:oklch(96.6% 0.010 80);
--editor-bg:oklch(96.6% 0.010 80);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.013 80);
--panel:oklch(94.4% 0.010 80);
--panel2:oklch(91.2% 0.010 80);
--placeholder:oklch(47.0% 0.013 80);
--progress-track:oklch(90.4% 0.010 80);
--prompt-bg:oklch(94.6% 0.010 80);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(95.4% 0.010 80);
--scroll:oklch(86.0% 0.010 80);
--scroll-hover:oklch(75.0% 0.010 80);
--side-bg:oklch(93.7% 0.010 80);
--text:oklch(24.0% 0.018 80);
--text-dim:oklch(36.0% 0.014 80);
--top-bg:oklch(93.4% 0.010 80);
}
/* 黑金 */
html[data-theme="blackgold"]{
--accent:oklch(60.0% 0.130 80);
--accent-hover:oklch(66.0% 0.130 80);
--accent-soft:oklch(26.0% 0.032 80);
--amber:oklch(78.0% 0.105 62);
--bg:oklch(13.6% 0.014 70);
--border:oklch(27.4% 0.014 70);
--border-soft:oklch(22.6% 0.014 70);
--card:oklch(18.6% 0.014 70);
--card-hover:oklch(20.6% 0.014 70);
--center-bg:oklch(16.0% 0.014 70);
--editor-bg:oklch(16.0% 0.014 70);
--green:oklch(72.0% 0.090 155);
--hl:oklch(85.0% 0.120 95);
--muted:oklch(67.0% 0.011 70);
--panel:oklch(17.4% 0.014 70);
--panel2:oklch(20.6% 0.014 70);
--placeholder:oklch(64.0% 0.011 70);
--progress-track:oklch(22.6% 0.014 70);
--prompt-bg:oklch(17.6% 0.014 70);
--purple:oklch(72.0% 0.110 300);
--red:oklch(68.0% 0.145 27);
--rewrite-bg:oklch(18.4% 0.014 70);
--scroll:oklch(28.0% 0.014 70);
--scroll-hover:oklch(36.0% 0.014 70);
--side-bg:oklch(14.8% 0.014 70);
--text:oklch(92.0% 0.015 70);
--text-dim:oklch(78.0% 0.015 70);
--top-bg:oklch(12.6% 0.014 70);
}
/* 青瓷 */
html[data-theme="qingci"]{
--accent:oklch(47.0% 0.105 205);
--accent-hover:oklch(41.0% 0.105 205);
--accent-soft:oklch(93.5% 0.028 205);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(94.6% 0.013 200);
--border:oklch(87.5% 0.013 200);
--border-soft:oklch(91.5% 0.013 200);
--card:oklch(96.2% 0.013 200);
--card-hover:oklch(92.2% 0.013 200);
--center-bg:oklch(97.6% 0.013 200);
--editor-bg:oklch(97.6% 0.013 200);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.016 200);
--panel:oklch(95.4% 0.013 200);
--panel2:oklch(92.2% 0.013 200);
--placeholder:oklch(47.0% 0.016 200);
--progress-track:oklch(91.4% 0.013 200);
--prompt-bg:oklch(95.6% 0.013 200);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(96.4% 0.013 200);
--scroll:oklch(87.0% 0.013 200);
--scroll-hover:oklch(76.0% 0.013 200);
--side-bg:oklch(94.7% 0.013 200);
--text:oklch(24.0% 0.022 200);
--text-dim:oklch(36.0% 0.017 200);
--top-bg:oklch(94.4% 0.013 200);
}
/* 靛蓝 */
html[data-theme="dianlan"]{
--accent:oklch(47.0% 0.140 262);
--accent-hover:oklch(41.0% 0.140 262);
--accent-soft:oklch(93.5% 0.028 262);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(95.2% 0.006 255);
--border:oklch(88.1% 0.006 255);
--border-soft:oklch(92.1% 0.006 255);
--card:oklch(96.8% 0.006 255);
--card-hover:oklch(92.8% 0.006 255);
--center-bg:oklch(98.2% 0.006 255);
--editor-bg:oklch(98.2% 0.006 255);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.009 255);
--panel:oklch(96.0% 0.006 255);
--panel2:oklch(92.8% 0.006 255);
--placeholder:oklch(47.0% 0.009 255);
--progress-track:oklch(92.0% 0.006 255);
--prompt-bg:oklch(96.2% 0.006 255);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(97.0% 0.006 255);
--scroll:oklch(87.6% 0.006 255);
--scroll-hover:oklch(76.6% 0.006 255);
--side-bg:oklch(95.3% 0.006 255);
--text:oklch(24.0% 0.012 255);
--text-dim:oklch(36.0% 0.010 255);
--top-bg:oklch(95.0% 0.006 255);
}
/* 朱印 */
html[data-theme="zhuyin"]{
--accent:oklch(47.0% 0.155 27);
--accent-hover:oklch(41.0% 0.155 27);
--accent-soft:oklch(93.5% 0.028 27);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(94.8% 0.008 30);
--border:oklch(87.7% 0.008 30);
--border-soft:oklch(91.7% 0.008 30);
--card:oklch(96.4% 0.008 30);
--card-hover:oklch(92.4% 0.008 30);
--center-bg:oklch(97.8% 0.008 30);
--editor-bg:oklch(97.8% 0.008 30);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.011 30);
--panel:oklch(95.6% 0.008 30);
--panel2:oklch(92.4% 0.008 30);
--placeholder:oklch(47.0% 0.011 30);
--progress-track:oklch(91.6% 0.008 30);
--prompt-bg:oklch(95.8% 0.008 30);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(96.6% 0.008 30);
--scroll:oklch(87.2% 0.008 30);
--scroll-hover:oklch(76.2% 0.008 30);
--side-bg:oklch(94.9% 0.008 30);
--text:oklch(24.0% 0.015 30);
--text-dim:oklch(36.0% 0.012 30);
--top-bg:oklch(94.6% 0.008 30);
}
/* 暖砂 */
html[data-theme="nuansha"]{
--accent:oklch(47.0% 0.130 45);
--accent-hover:oklch(41.0% 0.130 45);
--accent-soft:oklch(93.5% 0.028 45);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(94.2% 0.016 60);
--border:oklch(87.1% 0.016 60);
--border-soft:oklch(91.1% 0.016 60);
--card:oklch(95.8% 0.016 60);
--card-hover:oklch(91.8% 0.016 60);
--center-bg:oklch(97.2% 0.016 60);
--editor-bg:oklch(97.2% 0.016 60);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.019 60);
--panel:oklch(95.0% 0.016 60);
--panel2:oklch(91.8% 0.016 60);
--placeholder:oklch(47.0% 0.019 60);
--progress-track:oklch(91.0% 0.016 60);
--prompt-bg:oklch(95.2% 0.016 60);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(96.0% 0.016 60);
--scroll:oklch(86.6% 0.016 60);
--scroll-hover:oklch(75.6% 0.016 60);
--side-bg:oklch(94.3% 0.016 60);
--text:oklch(24.0% 0.026 60);
--text-dim:oklch(36.0% 0.020 60);
--top-bg:oklch(94.0% 0.016 60);
}
/* 紫檀 */
html[data-theme="zitan"]{
--accent:oklch(47.0% 0.125 335);
--accent-hover:oklch(41.0% 0.125 335);
--accent-soft:oklch(93.5% 0.028 335);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(94.4% 0.010 330);
--border:oklch(87.3% 0.010 330);
--border-soft:oklch(91.3% 0.010 330);
--card:oklch(96.0% 0.010 330);
--card-hover:oklch(92.0% 0.010 330);
--center-bg:oklch(97.4% 0.010 330);
--editor-bg:oklch(97.4% 0.010 330);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.013 330);
--panel:oklch(95.2% 0.010 330);
--panel2:oklch(92.0% 0.010 330);
--placeholder:oklch(47.0% 0.013 330);
--progress-track:oklch(91.2% 0.010 330);
--prompt-bg:oklch(95.4% 0.010 330);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(96.2% 0.010 330);
--scroll:oklch(86.8% 0.010 330);
--scroll-hover:oklch(75.8% 0.010 330);
--side-bg:oklch(94.5% 0.010 330);
--text:oklch(24.0% 0.018 330);
--text-dim:oklch(36.0% 0.014 330);
--top-bg:oklch(94.2% 0.010 330);
}
/* 松烟 */
html[data-theme="songyan"]{
--accent:oklch(47.0% 0.022 250);
--accent-hover:oklch(41.0% 0.022 250);
--accent-soft:oklch(93.5% 0.028 250);
--amber:oklch(45.0% 0.115 62);
--bg:oklch(94.6% 0.004 250);
--border:oklch(87.5% 0.004 250);
--border-soft:oklch(91.5% 0.004 250);
--card:oklch(96.2% 0.004 250);
--card-hover:oklch(92.2% 0.004 250);
--center-bg:oklch(97.6% 0.004 250);
--editor-bg:oklch(97.6% 0.004 250);
--green:oklch(52.0% 0.100 155);
--hl:oklch(45.0% 0.115 62);
--muted:oklch(47.0% 0.007 250);
--panel:oklch(95.4% 0.004 250);
--panel2:oklch(92.2% 0.004 250);
--placeholder:oklch(47.0% 0.007 250);
--progress-track:oklch(91.4% 0.004 250);
--prompt-bg:oklch(95.6% 0.004 250);
--purple:oklch(52.0% 0.130 300);
--red:oklch(52.0% 0.160 27);
--rewrite-bg:oklch(96.4% 0.004 250);
--scroll:oklch(87.0% 0.004 250);
--scroll-hover:oklch(76.0% 0.004 250);
--side-bg:oklch(94.7% 0.004 250);
--text:oklch(24.0% 0.010 250);
--text-dim:oklch(36.0% 0.008 250);
--top-bg:oklch(94.4% 0.004 250);
}
/* 苍青 */
html[data-theme="cangqing"]{
--accent:oklch(60.0% 0.095 200);
--accent-hover:oklch(66.0% 0.095 200);
--accent-soft:oklch(26.0% 0.032 200);
--amber:oklch(78.0% 0.105 62);
--bg:oklch(15.1% 0.010 245);
--border:oklch(28.9% 0.010 245);
--border-soft:oklch(24.1% 0.010 245);
--card:oklch(20.1% 0.010 245);
--card-hover:oklch(22.1% 0.010 245);
--center-bg:oklch(17.5% 0.010 245);
--editor-bg:oklch(17.5% 0.010 245);
--green:oklch(72.0% 0.090 155);
--hl:oklch(85.0% 0.120 95);
--muted:oklch(67.0% 0.009 245);
--panel:oklch(18.9% 0.010 245);
--panel2:oklch(22.1% 0.010 245);
--placeholder:oklch(64.0% 0.009 245);
--progress-track:oklch(24.1% 0.010 245);
--prompt-bg:oklch(19.1% 0.010 245);
--purple:oklch(72.0% 0.110 300);
--red:oklch(68.0% 0.145 27);
--rewrite-bg:oklch(19.9% 0.010 245);
--scroll:oklch(29.5% 0.010 245);
--scroll-hover:oklch(37.5% 0.010 245);
--side-bg:oklch(16.3% 0.010 245);
--text:oklch(92.0% 0.012 245);
--text-dim:oklch(78.0% 0.012 245);
--top-bg:oklch(14.1% 0.010 245);
}
/* 黛墨 */
html[data-theme="daimo"]{
--accent:oklch(60.0% 0.105 295);
--accent-hover:oklch(66.0% 0.105 295);
--accent-soft:oklch(26.0% 0.032 295);
--amber:oklch(78.0% 0.105 62);
--bg:oklch(14.1% 0.011 300);
--border:oklch(27.9% 0.011 300);
--border-soft:oklch(23.1% 0.011 300);
--card:oklch(19.1% 0.011 300);
--card-hover:oklch(21.1% 0.011 300);
--center-bg:oklch(16.5% 0.011 300);
--editor-bg:oklch(16.5% 0.011 300);
--green:oklch(72.0% 0.090 155);
--hl:oklch(85.0% 0.120 95);
--muted:oklch(67.0% 0.010 300);
--panel:oklch(17.9% 0.011 300);
--panel2:oklch(21.1% 0.011 300);
--placeholder:oklch(64.0% 0.010 300);
--progress-track:oklch(23.1% 0.011 300);
--prompt-bg:oklch(18.1% 0.011 300);
--purple:oklch(72.0% 0.110 300);
--red:oklch(68.0% 0.145 27);
--rewrite-bg:oklch(18.9% 0.011 300);
--scroll:oklch(28.5% 0.011 300);
--scroll-hover:oklch(36.5% 0.011 300);
--side-bg:oklch(15.3% 0.011 300);
--text:oklch(92.0% 0.013 300);
--text-dim:oklch(78.0% 0.013 300);
--top-bg:oklch(13.1% 0.011 300);
}