/* ══════════════════════════════════════════════════════════════
   作家舟 · 皮肤令牌（20 套）
   —— 从 login.html 里抽出来的，和写作页 / 会员页共用 writer_theme 这个键。
   首页把这些令牌映射成自己的变量（见 home.html 里的 :root），
   用户在哪儿换皮肤，全站都跟着变。
   ══════════════════════════════════════════════════════════════ */
:root{
  --accent-line:color-mix(in srgb, var(--accent) 45%, transparent);
  --accent-tint-1:color-mix(in srgb, var(--accent) 14%, transparent);
  --accent-tint-2:color-mix(in srgb, var(--accent) 30%, transparent);
  --accent-ink:color-mix(in srgb, var(--accent) 58%, var(--text));
  --focus:var(--accent);
  --btn-h:34px;          /* 输入框与相邻按钮统一用这个高度 */
  --btn-h-sm:28px;
  --r-lg:12px;
  --r-md:8px;
  --r-sm:6px;
  --r-pill:999px;
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --editor-font-size:17px;
  --editor-line-height:2.0;
  --editor-measure:clamp(772px, 68vw, 1040px);
  --dur-fast:.12s;
  --dur:.18s;
  --ease-out:cubic-bezier(.2,.7,.3,1);
  --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);
 --zz-serif:"Source Han Serif SC","Songti SC","Noto Serif SC","SimSun",serif; --zz-rule:1px
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}

[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);
}