/* ============================================================
   主题清单：1 套默认 + 3 套自有（C/D/E）+ 49 套 Hallmark
   样式清单：8 种形态（跟随 / 纯平 / 线框 / 硬影 / 方角 / 圆润 / 等宽 / 玻璃）
   主题与样式正交，可任意混搭；全部变量驱动，布局不动。
   ============================================================ */

/* ============================================================
   Theme Kit · 家庭服务器统一外观层
   ---- 主题（配色 / 字体 / 圆角 / 质感）× 样式（形态）自由混搭 ----
   用法：<link rel="stylesheet" href="theme.css">
        <script src="theme.js" defer></script>
        ThemeKit.mount(el, {cls:'ibtn'})
   ============================================================ */

/* ---------- 默认（auto）：面板等兜底值 ---------- */
:root{
  --panel:#ffffff;
  --bg-plain:#f5f7fd;
  --r-base:18px;
}
@media (prefers-color-scheme: dark){
  :root{ --panel:#171b25; --bg-plain:#0b0e16; }
}

/* ---------- 语义映射：把主题变量派生给打印 / 文件 / 积分页 ---------- */
html[data-theme]{
  --surf:var(--card-bg);
  --surf-solid:var(--panel);
  --surf-2:color-mix(in srgb,var(--text) 7%,transparent);
  --tile:color-mix(in srgb,var(--panel) 92%,transparent);
  --ink:var(--text);
  --ink-2:color-mix(in srgb,var(--text) 80%,var(--panel));
  --faint:color-mix(in srgb,var(--muted) 68%,var(--panel));
  --line:var(--card-border);
  --line-2:color-mix(in srgb,var(--text) 18%,transparent);
  --accent-2:var(--c-mem,var(--accent));
  --accent-soft:var(--accent-weak);
  --shadow-s:var(--card-shadow);
  --shadow-m:var(--card-shadow-hover);
  --r-s:max(1px,calc(var(--r-card) * .62));
  --r-m:max(1px,calc(var(--r-card) * .82));
  --r-l:var(--r-card);
  --r-xl:max(1px,calc(var(--r-card) * 1.22));
  --bg-blur:color-mix(in srgb,var(--panel) 92%,transparent);
}

html[data-theme] body{
  background:var(--bg);
  background-attachment:fixed;
  background-color:var(--bg-plain);
  color:var(--text);
  font-family:var(--font-ui);
  transition:background-color .35s ease,color .35s ease;
}
html[data-theme] h1,
html[data-theme] h2,
html[data-theme] h3,
html[data-theme] .card-title,
html[data-theme] .sheet-title,
html[data-theme] .ttl h1{font-family:var(--font-display)}

/* ---------- D · Mint 薄荷 ---------- */
html[data-theme="mint"]{
  color-scheme:light;
  --bg:
    radial-gradient(860px 620px at 92% -6%, oklch(96.4% .028 172), transparent 62%),
    radial-gradient(640px 520px at 4% 104%, oklch(97% .018 150), transparent 60%),
    linear-gradient(180deg, oklch(99.3% .005 170), oklch(98% .009 170));
  --bg-plain:oklch(98.6% .007 170);
  --text:oklch(21% .014 178); --muted:oklch(52% .014 176);
  --accent:oklch(46% .083 176); --on-accent:oklch(99% .004 172);
  --accent-weak:oklch(46% .083 176/.09); --accent-line:oklch(46% .083 176/.34);
  --accent-shadow:0 8px 22px oklch(46% .083 176/.26);
  --ok:oklch(52% .12 158); --warn:oklch(62% .13 72); --bad:oklch(54% .17 26);
  --track:oklch(92.5% .013 172);
  --card-bg:oklch(99.6% .004 170); --card-border:oklch(92% .013 172);
  --card-hover-bg:oklch(100% 0 0);
  --card-shadow:0 1px 2px oklch(30% .02 178/.05),0 14px 28px -22px oklch(30% .02 178/.30);
  --card-shadow-hover:0 1px 2px oklch(30% .02 178/.06),0 22px 42px -24px oklch(30% .02 178/.38);
  --pill-bg:oklch(99.6% .004 170); --pill-border:oklch(92% .013 172);
  --panel:oklch(99.6% .004 170);
  --c-cpu:oklch(50% .09 176); --c-mem:oklch(52% .10 212); --c-temp:oklch(64% .12 74);
  --c-net:oklch(56% .10 232); --c-net2:oklch(52% .10 212); --c-disk:oklch(52% .09 152); --c-pwr:oklch(58% .11 24);
  --grad:linear-gradient(120deg,oklch(46% .083 176),oklch(58% .095 166));
  --font-ui:"Figtree","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Instrument Sans","Figtree","PingFang SC",system-ui,sans-serif;
  --font-num:"Figtree",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-base:20px;
  --r-card:20px; --r-card-in:18px; --r-pill:999px; --r-ic:10px; --r-logo:16px;
  --r-sheet:26px; --r-btn:9px; --r-mark:10px;
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* ---------- E · Sage 鼠尾草 ---------- */
html[data-theme="sage"]{
  color-scheme:light;
  --bg:
    radial-gradient(760px 560px at 12% -8%, oklch(96.4% .034 132), transparent 60%),
    radial-gradient(680px 520px at 96% 104%, oklch(95.8% .03 118), transparent 58%),
    linear-gradient(178deg, oklch(98.8% .01 106), oklch(97.5% .014 104) 36%, oklch(96.4% .017 108));
  --bg-plain:oklch(97.6% .013 106);
  --text:oklch(24% .021 148); --muted:oklch(50% .016 142);
  --accent:oklch(44% .072 152); --on-accent:oklch(98.6% .007 106);
  --accent-weak:oklch(44% .072 152/.09); --accent-line:oklch(44% .072 152/.32);
  --accent-shadow:0 8px 24px oklch(44% .07 150/.24);
  --ok:oklch(50% .11 152); --warn:oklch(62% .10 72); --bad:oklch(52% .16 28);
  --track:oklch(92% .02 112);
  --card-bg:oklch(99.2% .007 106); --card-border:oklch(89.6% .019 112);
  --card-hover-bg:oklch(100% 0 0);
  --card-shadow:0 1px 2px oklch(40% .03 140/.05),0 18px 34px -26px oklch(40% .04 140/.42);
  --card-shadow-hover:0 1px 2px oklch(40% .03 140/.06),0 26px 48px -28px oklch(40% .05 140/.48);
  --pill-bg:oklch(99.2% .007 106); --pill-border:oklch(89.6% .019 112);
  --panel:oklch(99.2% .007 106);
  --c-cpu:oklch(46% .075 152); --c-mem:oklch(50% .06 192); --c-temp:oklch(62% .10 72);
  --c-net:oklch(54% .08 218); --c-net2:oklch(50% .07 192); --c-disk:oklch(48% .07 140); --c-pwr:oklch(58% .09 42);
  --grad:linear-gradient(120deg,oklch(44% .072 152),oklch(58% .085 138));
  --font-ui:"Figtree","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Schibsted Grotesk","Figtree","PingFang SC",system-ui,sans-serif;
  --font-num:"Figtree",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-base:24px;
  --r-card:24px; --r-card-in:20px; --r-pill:999px; --r-ic:11px; --r-logo:18px;
  --r-sheet:28px; --r-btn:10px; --r-mark:11px;
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* ---------- C · Atelier 工作室 ---------- */
html[data-theme="atelier"]{
  color-scheme:light;
  --bg:linear-gradient(155deg,oklch(96.8% .008 80),oklch(94.6% .011 76) 46%,oklch(92.2% .013 74));
  --bg-plain:oklch(94.6% .011 76);
  --text:oklch(19% .024 52); --muted:oklch(47% .014 60);
  --accent:oklch(41% .075 248); --on-accent:oklch(97% .008 76);
  --accent-weak:oklch(41% .075 248/.08); --accent-line:oklch(41% .075 248/.30);
  --accent-shadow:0 4px 14px oklch(41% .075 248/.18);
  --ok:oklch(48% .08 150); --warn:oklch(58% .11 62); --bad:oklch(50% .15 28);
  --track:oklch(88% .011 74);
  --card-bg:oklch(97.9% .007 82); --card-border:oklch(86% .012 72);
  --card-hover-bg:oklch(98.6% .006 82);
  --card-shadow:0 1px 0 oklch(86% .012 72);
  --card-shadow-hover:0 2px 0 oklch(78% .013 72);
  --pill-bg:oklch(97.9% .007 82); --pill-border:oklch(86% .012 72);
  --panel:oklch(97.9% .007 82);
  --c-cpu:oklch(41% .075 248); --c-mem:oklch(45% .07 292); --c-temp:oklch(56% .10 62);
  --c-net:oklch(48% .06 220); --c-net2:oklch(45% .07 292); --c-disk:oklch(46% .05 150); --c-pwr:oklch(50% .10 28);
  --grad:linear-gradient(120deg,oklch(24% .03 52),oklch(38% .04 60));
  --font-ui:"Hanken Grotesk","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Cormorant Garamond","Noto Serif SC","Songti SC","SimSun",Georgia,serif;
  --font-num:"Hanken Grotesk",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-base:3px;
  --r-card:3px; --r-card-in:3px; --r-pill:2px; --r-ic:2px; --r-logo:2px;
  --r-sheet:4px; --r-btn:2px; --r-mark:2px;
  --blur:none; --blur-pill:none; --blur-sheet:none;
}


/* 年鉴 · almanac */
html[data-theme="almanac"]{
  color-scheme:light;
  --bg:oklch(84% 0.012 245);
  --bg-plain:oklch(84% 0.012 245);
  --text:oklch(16% 0.020 245); --ink:oklch(16% 0.020 245);
  --muted:oklch(38% 0.016 245);
  --accent:oklch(45% 0.180 350); --on-accent:oklch(97% 0.006 245);
  --accent-weak:color-mix(in srgb,oklch(45% 0.180 350) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(45% 0.180 350) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(45% 0.180 350) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(16% 0.020 245) 9%,transparent);
  --card-bg:oklch(81% 0.012 245); --card-border:oklch(73% 0.013 240);
  --card-hover-bg:oklch(77% 0.012 245);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(81% 0.012 245); --pill-border:oklch(73% 0.013 240);
  --panel:oklch(81% 0.012 245); --surface-solid:oklch(81% 0.012 245);
  --c-cpu:oklch(46.12% 0.160 350.0); --c-mem:oklch(51.84% 0.147 20.0); --c-temp:oklch(41.28% 0.147 62.0);
  --c-net:oklch(57.56% 0.147 110.0); --c-net2:oklch(37.32% 0.147 158.0); --c-disk:oklch(49.64% 0.147 205.0); --c-pwr:oklch(43.92% 0.147 275.0);
  --grad:linear-gradient(120deg,oklch(45% 0.180 350),oklch(37% 0.160 350));
  --font-ui:"Newsreader", ui-serif, Georgia,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Hanken Grotesk", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"IBM Plex Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:600;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:2px;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 街机 · arcade */
html[data-theme="arcade"]{
  color-scheme:dark;
  --bg:oklch(14% 0.04 312);
  --bg-plain:oklch(14% 0.04 312);
  --text:oklch(95% 0.014 315); --ink:oklch(95% 0.014 315);
  --muted:oklch(71% 0.024 315);
  --accent:oklch(66% 0.215 40); --on-accent:oklch(14% 0.04 312);
  --accent-weak:color-mix(in srgb,oklch(66% 0.215 40) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(66% 0.215 40) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(66% 0.215 40) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(95% 0.014 315) 16%,transparent);
  --card-bg:oklch(18.5% 0.042 312); --card-border:oklch(34% 0.05 312);
  --card-hover-bg:oklch(23% 0.045 312);
  --card-shadow:6px 6px 0 oklch(88% 0.195 115);
  --card-shadow-hover:6px 6px 0 oklch(88% 0.195 115);
  --pill-bg:oklch(18.5% 0.042 312); --pill-border:oklch(34% 0.05 312);
  --panel:oklch(18.5% 0.042 312); --surface-solid:oklch(18.5% 0.042 312);
  --c-cpu:oklch(73.96% 0.160 40.0); --c-mem:oklch(80.72% 0.147 70.0); --c-temp:oklch(68.24% 0.147 112.0);
  --c-net:oklch(87.48% 0.147 160.0); --c-net2:oklch(63.56% 0.147 208.0); --c-disk:oklch(78.12% 0.147 255.0); --c-pwr:oklch(71.36% 0.147 325.0);
  --grad:linear-gradient(120deg,oklch(66% 0.215 40),oklch(88% 0.195 115));
  --font-ui:"Chivo", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Bungee", "Impact","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Silkscreen","Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:4px; --r-card-in:max(0px,calc(4px - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(4px * .55)); --r-logo:max(0px,calc(4px * .8));
  --r-sheet:max(0px,calc(4px * 1.15)); --r-btn:max(0px,calc(4px * .55)); --r-mark:max(0px,calc(4px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 花期 · bloom */
html[data-theme="bloom"]{
  color-scheme:light;
  --bg:oklch(97% 0.010 72);
  --bg-plain:oklch(97% 0.010 72);
  --text:oklch(21% 0.024 40); --ink:oklch(21% 0.024 40);
  --muted:oklch(49% 0.02 56);
  --accent:oklch(53% 0.145 36); --on-accent:oklch(98.5% 0.008 72);
  --accent-weak:color-mix(in srgb,oklch(53% 0.145 36) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(53% 0.145 36) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(53% 0.145 36) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(21% 0.024 40) 9%,transparent);
  --card-bg:oklch(94.6% 0.013 70); --card-border:oklch(88% 0.014 64);
  --card-hover-bg:oklch(91.5% 0.016 66);
  --card-shadow:0 1px 2px oklch(21% 0.024 40 / 0.06), 0 18px 36px -18px oklch(21% 0.024 40 / 0.26);
  --card-shadow-hover:0 1px 2px oklch(21% 0.024 40 / 0.06), 0 18px 36px -18px oklch(21% 0.024 40 / 0.26);
  --pill-bg:oklch(94.6% 0.013 70); --pill-border:oklch(88% 0.014 64);
  --panel:oklch(94.6% 0.013 70); --surface-solid:oklch(94.6% 0.013 70);
  --c-cpu:oklch(46.12% 0.145 36.0); --c-mem:oklch(51.84% 0.133 66.0); --c-temp:oklch(41.28% 0.133 108.0);
  --c-net:oklch(57.56% 0.133 156.0); --c-net2:oklch(37.32% 0.133 204.0); --c-disk:oklch(49.64% 0.133 251.0); --c-pwr:oklch(43.92% 0.133 321.0);
  --grad:linear-gradient(120deg,oklch(53% 0.145 36),oklch(66% 0.10 55));
  --font-ui:"Ranade", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Ranade", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Geist Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:600;
  --r-card:18px; --r-card-in:max(0px,calc(18px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(18px * .55)); --r-logo:max(0px,calc(18px * .8));
  --r-sheet:max(0px,calc(18px * 1.15)); --r-btn:max(0px,calc(18px * .55)); --r-mark:max(0px,calc(18px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 蓝图 · blueprint */
html[data-theme="blueprint"]{
  color-scheme:dark;
  --bg:oklch(35% 0.105 256);
  --bg-plain:oklch(35% 0.105 256);
  --text:oklch(97% 0.012 240); --ink:oklch(97% 0.012 240);
  --muted:oklch(80% 0.045 244);
  --accent:oklch(97% 0.012 240); --on-accent:oklch(33% 0.105 256);
  --accent-weak:color-mix(in srgb,oklch(97% 0.012 240) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(97% 0.012 240) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(97% 0.012 240) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(97% 0.012 240) 16%,transparent);
  --card-bg:oklch(31% 0.10 257); --card-border:oklch(93% 0.02 240 / 0.85);
  --card-hover-bg:oklch(26.5% 0.095 258);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(31% 0.10 257); --pill-border:oklch(93% 0.02 240 / 0.85);
  --panel:oklch(31% 0.10 257); --surface-solid:oklch(31% 0.10 257);
  --c-cpu:oklch(73.96% 0.075 240.0); --c-mem:oklch(80.72% 0.069 270.0); --c-temp:oklch(68.24% 0.069 312.0);
  --c-net:oklch(87.48% 0.069 0.0); --c-net2:oklch(63.56% 0.069 48.0); --c-disk:oklch(78.12% 0.069 95.0); --c-pwr:oklch(71.36% 0.069 165.0);
  --grad:linear-gradient(120deg,oklch(97% 0.012 240),oklch(97% 0.012 240));
  --font-ui:"IBM Plex Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Chakra Petch", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"IBM Plex Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:600;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 号外 · broadside */
html[data-theme="broadside"]{
  color-scheme:light;
  --bg:oklch(92% 0.028 88);
  --bg-plain:oklch(92% 0.028 88);
  --text:oklch(18% 0.01 50); --ink:oklch(18% 0.01 50);
  --muted:oklch(43% 0.02 62);
  --accent:oklch(53% 0.19 33); --on-accent:oklch(95.5% 0.018 88);
  --accent-weak:color-mix(in srgb,oklch(53% 0.19 33) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(53% 0.19 33) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(53% 0.19 33) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(18% 0.01 50) 9%,transparent);
  --card-bg:oklch(88.5% 0.032 88); --card-border:oklch(75% 0.028 82);
  --card-hover-bg:oklch(85% 0.036 86);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(88.5% 0.032 88); --pill-border:oklch(75% 0.028 82);
  --panel:oklch(88.5% 0.032 88); --surface-solid:oklch(88.5% 0.032 88);
  --c-cpu:oklch(46.12% 0.160 33.0); --c-mem:oklch(51.84% 0.147 63.0); --c-temp:oklch(41.28% 0.147 105.0);
  --c-net:oklch(57.56% 0.147 153.0); --c-net2:oklch(37.32% 0.147 201.0); --c-disk:oklch(49.64% 0.147 248.0); --c-pwr:oklch(43.92% 0.147 318.0);
  --grad:linear-gradient(120deg,oklch(53% 0.19 33),oklch(53% 0.19 33));
  --font-ui:"Archivo Narrow", "Arial Narrow", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Six Caps", "Impact","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Archivo Narrow", "Arial Narrow", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 粗野 · brutal */
html[data-theme="brutal"]{
  color-scheme:light;
  --bg:oklch(97.5% 0.006 95);
  --bg-plain:oklch(97.5% 0.006 95);
  --text:oklch(10% 0.006 95); --ink:oklch(10% 0.006 95);
  --muted:oklch(40% 0.008 95);
  --accent:oklch(90% 0.19 105); --on-accent:oklch(10% 0.006 95);
  --accent-weak:color-mix(in srgb,oklch(90% 0.19 105) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(90% 0.19 105) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(90% 0.19 105) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(10% 0.006 95) 9%,transparent);
  --card-bg:oklch(94% 0.007 95); --card-border:oklch(10% 0.006 95);
  --card-hover-bg:oklch(89.5% 0.008 95);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(94% 0.007 95); --pill-border:oklch(10% 0.006 95);
  --panel:oklch(94% 0.007 95); --surface-solid:oklch(94% 0.007 95);
  --c-cpu:oklch(46.12% 0.160 105.0); --c-mem:oklch(51.84% 0.147 135.0); --c-temp:oklch(41.28% 0.147 177.0);
  --c-net:oklch(57.56% 0.147 225.0); --c-net2:oklch(37.32% 0.147 273.0); --c-disk:oklch(49.64% 0.147 320.0); --c-pwr:oklch(43.92% 0.147 30.0);
  --grad:linear-gradient(120deg,oklch(90% 0.19 105),oklch(90% 0.19 105));
  --font-ui:"Libre Franklin", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Libre Franklin", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Libre Franklin", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:900;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 嘉年华 · carnival */
html[data-theme="carnival"]{
  color-scheme:light;
  --bg:oklch(92% 0.045 50);
  --bg-plain:oklch(92% 0.045 50);
  --text:oklch(18% 0.080 20); --ink:oklch(18% 0.080 20);
  --muted:oklch(42% 0.050 30);
  --accent:oklch(86% 0.18 95); --on-accent:oklch(18% 0.080 20);
  --accent-weak:color-mix(in srgb,oklch(86% 0.18 95) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(86% 0.18 95) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(86% 0.18 95) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(18% 0.080 20) 9%,transparent);
  --card-bg:oklch(88% 0.050 45); --card-border:oklch(40% 0.21 25);
  --card-hover-bg:oklch(82% 0.060 40);
  --card-shadow:4px 4px 0 oklch(18% 0.080 20);
  --card-shadow-hover:4px 4px 0 oklch(18% 0.080 20);
  --pill-bg:oklch(88% 0.050 45); --pill-border:oklch(40% 0.21 25);
  --panel:oklch(88% 0.050 45); --surface-solid:oklch(88% 0.050 45);
  --c-cpu:oklch(46.12% 0.160 95.0); --c-mem:oklch(51.84% 0.147 125.0); --c-temp:oklch(41.28% 0.147 167.0);
  --c-net:oklch(57.56% 0.147 215.0); --c-net2:oklch(37.32% 0.147 263.0); --c-disk:oklch(49.64% 0.147 310.0); --c-pwr:oklch(43.92% 0.147 20.0);
  --grad:linear-gradient(120deg,oklch(86% 0.18 95),oklch(40% 0.21 25));
  --font-ui:"Golos Text","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Big Shoulders Display", Impact,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Golos Text","Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:800;
  --r-card:2px; --r-card-in:max(0px,calc(2px - 1px)); --r-pill:2px;
  --r-ic:max(0px,calc(2px * .55)); --r-logo:max(0px,calc(2px * .8));
  --r-sheet:max(0px,calc(2px * 1.15)); --r-btn:max(0px,calc(2px * .55)); --r-mark:max(0px,calc(2px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 钴蓝 · cobalt */
html[data-theme="cobalt"]{
  color-scheme:light;
  --bg:oklch(98.6% 0.005 250);
  --bg-plain:oklch(98.6% 0.005 250);
  --text:oklch(21% 0.028 262); --ink:oklch(21% 0.028 262);
  --muted:oklch(50% 0.018 258);
  --accent:oklch(52% 0.19 258); --on-accent:oklch(98.6% 0.005 250);
  --accent-weak:color-mix(in srgb,oklch(52% 0.19 258) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(52% 0.19 258) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(52% 0.19 258) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(21% 0.028 262) 9%,transparent);
  --card-bg:oklch(96.2% 0.008 252); --card-border:oklch(90% 0.009 252);
  --card-hover-bg:oklch(93% 0.011 252);
  --card-shadow:0 1px 2px oklch(21% 0.028 262 / 0.06);
  --card-shadow-hover:0 1px 2px oklch(21% 0.028 262 / 0.06);
  --pill-bg:oklch(96.2% 0.008 252); --pill-border:oklch(90% 0.009 252);
  --panel:oklch(96.2% 0.008 252); --surface-solid:oklch(96.2% 0.008 252);
  --c-cpu:oklch(46.12% 0.160 258.0); --c-mem:oklch(51.84% 0.147 288.0); --c-temp:oklch(41.28% 0.147 330.0);
  --c-net:oklch(57.56% 0.147 18.0); --c-net2:oklch(37.32% 0.147 66.0); --c-disk:oklch(49.64% 0.147 113.0); --c-pwr:oklch(43.92% 0.147 183.0);
  --grad:linear-gradient(120deg,oklch(52% 0.19 258),oklch(76% 0.13 254));
  --font-ui:"IBM Plex Sans","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Familjen Grotesk","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"JetBrains Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:600;
  --r-card:8px; --r-card-in:max(0px,calc(8px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(8px * .55)); --r-logo:max(0px,calc(8px * .8));
  --r-sheet:max(0px,calc(8px * 1.15)); --r-btn:max(0px,calc(8px * .55)); --r-mark:max(0px,calc(8px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 控制台 · console */
html[data-theme="console"]{
  color-scheme:dark;
  --bg:oklch(17% 0.008 250);
  --bg-plain:oklch(17% 0.008 250);
  --text:oklch(95% 0.005 250); --ink:oklch(95% 0.005 250);
  --muted:oklch(71% 0.01 250);
  --accent:oklch(82% 0.15 80); --on-accent:oklch(18% 0.04 75);
  --accent-weak:color-mix(in srgb,oklch(82% 0.15 80) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(82% 0.15 80) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(82% 0.15 80) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(95% 0.005 250) 16%,transparent);
  --card-bg:oklch(21% 0.009 250); --card-border:oklch(31% 0.01 250);
  --card-hover-bg:oklch(13.5% 0.007 250);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(21% 0.009 250); --pill-border:oklch(31% 0.01 250);
  --panel:oklch(21% 0.009 250); --surface-solid:oklch(21% 0.009 250);
  --c-cpu:oklch(73.96% 0.150 80.0); --c-mem:oklch(80.72% 0.138 110.0); --c-temp:oklch(68.24% 0.138 152.0);
  --c-net:oklch(87.48% 0.138 200.0); --c-net2:oklch(63.56% 0.138 248.0); --c-disk:oklch(78.12% 0.138 295.0); --c-pwr:oklch(71.36% 0.138 5.0);
  --grad:linear-gradient(120deg,oklch(82% 0.15 80),oklch(82% 0.15 80));
  --font-ui:"Host Grotesk", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Host Grotesk", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Atkinson Hyperlegible Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:500;
  --r-card:10px; --r-card-in:max(0px,calc(10px - 1px)); --r-pill:6px;
  --r-ic:max(0px,calc(10px * .55)); --r-logo:max(0px,calc(10px * .8));
  --r-sheet:max(0px,calc(10px * 1.15)); --r-btn:max(0px,calc(10px * .55)); --r-mark:max(0px,calc(10px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 珊瑚 · coral */
html[data-theme="coral"]{
  color-scheme:light;
  --bg:oklch(97% 0.006 55);
  --bg-plain:oklch(97% 0.006 55);
  --text:oklch(21% 0.012 38); --ink:oklch(21% 0.012 38);
  --muted:oklch(47% 0.013 45);
  --accent:oklch(74% 0.125 30); --on-accent:oklch(21% 0.012 38);
  --accent-weak:color-mix(in srgb,oklch(74% 0.125 30) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(74% 0.125 30) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(74% 0.125 30) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(21% 0.012 38) 9%,transparent);
  --card-bg:oklch(94.5% 0.007 55); --card-border:oklch(87% 0.009 55);
  --card-hover-bg:oklch(91.5% 0.009 55);
  --card-shadow:0 1px 2px oklch(20% 0.01 35 / 0.05);
  --card-shadow-hover:0 1px 2px oklch(20% 0.01 35 / 0.05);
  --pill-bg:oklch(94.5% 0.007 55); --pill-border:oklch(87% 0.009 55);
  --panel:oklch(94.5% 0.007 55); --surface-solid:oklch(94.5% 0.007 55);
  --c-cpu:oklch(46.12% 0.125 30.0); --c-mem:oklch(51.84% 0.115 60.0); --c-temp:oklch(41.28% 0.115 102.0);
  --c-net:oklch(57.56% 0.115 150.0); --c-net2:oklch(37.32% 0.115 198.0); --c-disk:oklch(49.64% 0.115 245.0); --c-pwr:oklch(43.92% 0.115 315.0);
  --grad:linear-gradient(120deg,oklch(74% 0.125 30),oklch(54% 0.165 29));
  --font-ui:"General Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"General Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Geist Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:600;
  --r-card:8px; --r-card-in:max(0px,calc(8px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(8px * .55)); --r-logo:max(0px,calc(8px * .8));
  --r-sheet:max(0px,calc(8px * 1.15)); --r-btn:max(0px,calc(8px * .55)); --r-mark:max(0px,calc(8px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 暗房 · darkroom */
html[data-theme="darkroom"]{
  color-scheme:dark;
  --bg:oklch(12.5% 0.008 55);
  --bg-plain:oklch(12.5% 0.008 55);
  --text:oklch(92% 0.012 78); --ink:oklch(92% 0.012 78);
  --muted:oklch(64% 0.012 65);
  --accent:oklch(73% 0.15 58); --on-accent:oklch(12.5% 0.008 55);
  --accent-weak:color-mix(in srgb,oklch(73% 0.15 58) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(73% 0.15 58) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(73% 0.15 58) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(92% 0.012 78) 16%,transparent);
  --card-bg:oklch(16% 0.009 55); --card-border:oklch(29% 0.01 55);
  --card-hover-bg:oklch(20.5% 0.01 55);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(16% 0.009 55); --pill-border:oklch(29% 0.01 55);
  --panel:oklch(16% 0.009 55); --surface-solid:oklch(16% 0.009 55);
  --c-cpu:oklch(73.96% 0.150 58.0); --c-mem:oklch(80.72% 0.138 88.0); --c-temp:oklch(68.24% 0.138 130.0);
  --c-net:oklch(87.48% 0.138 178.0); --c-net2:oklch(63.56% 0.138 226.0); --c-disk:oklch(78.12% 0.138 273.0); --c-pwr:oklch(71.36% 0.138 343.0);
  --grad:linear-gradient(120deg,oklch(73% 0.15 58),oklch(73% 0.15 58));
  --font-ui:"Barlow", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Sofia Sans Extra Condensed", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Barlow", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:200;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 剂量 · dose */
html[data-theme="dose"]{
  color-scheme:light;
  --bg:oklch(97.6% 0.011 88);
  --bg-plain:oklch(97.6% 0.011 88);
  --text:oklch(21% 0.025 170); --ink:oklch(21% 0.025 170);
  --muted:oklch(49% 0.024 165);
  --accent:oklch(50% 0.13 160); --on-accent:oklch(99% 0.006 160);
  --accent-weak:color-mix(in srgb,oklch(50% 0.13 160) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(50% 0.13 160) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(50% 0.13 160) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(21% 0.025 170) 9%,transparent);
  --card-bg:oklch(96.5% 0.02 160); --card-border:oklch(86.5% 0.022 140);
  --card-hover-bg:oklch(93% 0.036 160);
  --card-shadow:0 1px 2px oklch(30% 0.03 165 / 0.08), 0 24px 48px -24px oklch(40% 0.08 165 / 0.35);
  --card-shadow-hover:0 1px 2px oklch(30% 0.03 165 / 0.08), 0 24px 48px -24px oklch(40% 0.08 165 / 0.35);
  --pill-bg:oklch(96.5% 0.02 160); --pill-border:oklch(86.5% 0.022 140);
  --panel:oklch(96.5% 0.02 160); --surface-solid:oklch(96.5% 0.02 160);
  --c-cpu:oklch(46.12% 0.130 160.0); --c-mem:oklch(51.84% 0.120 190.0); --c-temp:oklch(41.28% 0.120 232.0);
  --c-net:oklch(57.56% 0.120 280.0); --c-net2:oklch(37.32% 0.120 328.0); --c-disk:oklch(49.64% 0.120 15.0); --c-pwr:oklch(43.92% 0.120 85.0);
  --grad:linear-gradient(120deg,oklch(50% 0.13 160),oklch(50% 0.13 160));
  --font-ui:"Instrument Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Schibsted Grotesk", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"DM Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:700;
  --r-card:14px; --r-card-in:max(0px,calc(14px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(14px * .55)); --r-logo:max(0px,calc(14px * .8));
  --r-sheet:max(0px,calc(14px * 1.15)); --r-btn:max(0px,calc(14px * .55)); --r-mark:max(0px,calc(14px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 暮色 · dusk */
html[data-theme="dusk"]{
  color-scheme:dark;
  --bg:oklch(17.5% 0.014 268);
  --bg-plain:oklch(17.5% 0.014 268);
  --text:oklch(96% 0.006 75); --ink:oklch(96% 0.006 75);
  --muted:oklch(70% 0.016 262);
  --accent:oklch(77% 0.10 274); --on-accent:oklch(19% 0.035 274);
  --accent-weak:color-mix(in srgb,oklch(77% 0.10 274) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(77% 0.10 274) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(77% 0.10 274) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(96% 0.006 75) 16%,transparent);
  --card-bg:oklch(99.5% 0.003 75); --card-border:oklch(30% 0.016 266);
  --card-hover-bg:oklch(25% 0.017 268);
  --card-shadow:0 1px 0 oklch(100% 0 0 / 0.06) inset, 0 40px 80px -32px oklch(8% 0.02 268 / 0.7);
  --card-shadow-hover:0 1px 0 oklch(100% 0 0 / 0.06) inset, 0 40px 80px -32px oklch(8% 0.02 268 / 0.7);
  --pill-bg:oklch(99.5% 0.003 75); --pill-border:oklch(30% 0.016 266);
  --panel:oklch(99.5% 0.003 75); --surface-solid:oklch(99.5% 0.003 75);
  --c-cpu:oklch(73.96% 0.100 274.0); --c-mem:oklch(80.72% 0.092 304.0); --c-temp:oklch(68.24% 0.092 346.0);
  --c-net:oklch(87.48% 0.092 34.0); --c-net2:oklch(63.56% 0.092 82.0); --c-disk:oklch(78.12% 0.092 129.0); --c-pwr:oklch(71.36% 0.092 199.0);
  --grad:linear-gradient(120deg,oklch(77% 0.10 274),oklch(83% 0.095 62));
  --font-ui:"Wix Madefor Text", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Wix Madefor Display", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Wix Madefor Text", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:500;
  --r-card:18px; --r-card-in:max(0px,calc(18px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(18px * .55)); --r-logo:max(0px,calc(18px * .8));
  --r-sheet:max(0px,calc(18px * 1.15)); --r-btn:max(0px,calc(18px * .55)); --r-mark:max(0px,calc(18px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 社论 · editorial */
html[data-theme="editorial"]{
  color-scheme:light;
  --bg:oklch(97% 0.007 86);
  --bg-plain:oklch(97% 0.007 86);
  --text:oklch(16% 0.012 280); --ink:oklch(16% 0.012 280);
  --muted:oklch(48% 0.010 75);
  --accent:oklch(49% 0.130 152); --on-accent:oklch(98% 0.005 88);
  --accent-weak:color-mix(in srgb,oklch(49% 0.130 152) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(49% 0.130 152) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(49% 0.130 152) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(16% 0.012 280) 9%,transparent);
  --card-bg:oklch(94% 0.010 86); --card-border:oklch(85% 0.009 85);
  --card-hover-bg:oklch(91% 0.012 84);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(94% 0.010 86); --pill-border:oklch(85% 0.009 85);
  --panel:oklch(94% 0.010 86); --surface-solid:oklch(94% 0.010 86);
  --c-cpu:oklch(46.12% 0.130 152.0); --c-mem:oklch(51.84% 0.120 182.0); --c-temp:oklch(41.28% 0.120 224.0);
  --c-net:oklch(57.56% 0.120 272.0); --c-net2:oklch(37.32% 0.120 320.0); --c-disk:oklch(49.64% 0.120 7.0); --c-pwr:oklch(43.92% 0.120 77.0);
  --grad:linear-gradient(120deg,oklch(49% 0.130 152),oklch(49% 0.130 152));
  --font-ui:"Source Serif 4", ui-serif, Georgia,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Bricolage Grotesque", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Source Serif 4", ui-serif, Georgia,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:800;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 模板 · formwork */
html[data-theme="formwork"]{
  color-scheme:light;
  --bg:oklch(74% 0.008 80);
  --bg-plain:oklch(74% 0.008 80);
  --text:oklch(18% 0.005 270); --ink:oklch(18% 0.005 270);
  --muted:oklch(31.5% 0.008 80);
  --accent:oklch(66% 0.21 38); --on-accent:oklch(18% 0.005 270);
  --accent-weak:color-mix(in srgb,oklch(66% 0.21 38) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(66% 0.21 38) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(66% 0.21 38) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(18% 0.005 270) 9%,transparent);
  --card-bg:oklch(69% 0.009 80); --card-border:oklch(64% 0.01 80);
  --card-hover-bg:oklch(64% 0.01 80);
  --card-shadow:6px 6px 0 oklch(18% 0.005 270);
  --card-shadow-hover:6px 6px 0 oklch(18% 0.005 270);
  --pill-bg:oklch(69% 0.009 80); --pill-border:oklch(64% 0.01 80);
  --panel:oklch(69% 0.009 80); --surface-solid:oklch(69% 0.009 80);
  --c-cpu:oklch(46.12% 0.160 38.0); --c-mem:oklch(51.84% 0.147 68.0); --c-temp:oklch(41.28% 0.147 110.0);
  --c-net:oklch(57.56% 0.147 158.0); --c-net2:oklch(37.32% 0.147 206.0); --c-disk:oklch(49.64% 0.147 253.0); --c-pwr:oklch(43.92% 0.147 323.0);
  --grad:linear-gradient(120deg,oklch(66% 0.21 38),oklch(66% 0.21 38));
  --font-ui:"Archivo", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Oswald", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Archivo Narrow", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:700;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 犁沟 · furrow */
html[data-theme="furrow"]{
  color-scheme:light;
  --bg:oklch(96% 0.011 85);
  --bg-plain:oklch(96% 0.011 85);
  --text:oklch(18% 0.006 60); --ink:oklch(18% 0.006 60);
  --muted:oklch(44% 0.012 60);
  --accent:oklch(70% 0.19 40); --on-accent:oklch(18% 0.006 60);
  --accent-weak:color-mix(in srgb,oklch(70% 0.19 40) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(70% 0.19 40) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(70% 0.19 40) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(18% 0.006 60) 9%,transparent);
  --card-bg:oklch(99.5% 0.005 85); --card-border:oklch(88% 0.013 85);
  --card-hover-bg:oklch(92% 0.016 85);
  --card-shadow:0 1px 2px oklch(18% 0.006 60 / 0.08), 0 14px 28px -16px oklch(18% 0.006 60 / 0.28);
  --card-shadow-hover:0 1px 2px oklch(18% 0.006 60 / 0.08), 0 14px 28px -16px oklch(18% 0.006 60 / 0.28);
  --pill-bg:oklch(99.5% 0.005 85); --pill-border:oklch(88% 0.013 85);
  --panel:oklch(99.5% 0.005 85); --surface-solid:oklch(99.5% 0.005 85);
  --c-cpu:oklch(46.12% 0.160 40.0); --c-mem:oklch(51.84% 0.147 70.0); --c-temp:oklch(41.28% 0.147 112.0);
  --c-net:oklch(57.56% 0.147 160.0); --c-net2:oklch(37.32% 0.147 208.0); --c-disk:oklch(49.64% 0.147 255.0); --c-pwr:oklch(43.92% 0.147 325.0);
  --grad:linear-gradient(120deg,oklch(70% 0.19 40),oklch(70% 0.19 40));
  --font-ui:"Red Hat Text", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Red Hat Display", "Red Hat Text", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Red Hat Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:600;
  --r-card:10px; --r-card-in:max(0px,calc(10px - 1px)); --r-pill:6px;
  --r-ic:max(0px,calc(10px * .55)); --r-logo:max(0px,calc(10px * .8));
  --r-sheet:max(0px,calc(10px * 1.15)); --r-btn:max(0px,calc(10px * .55)); --r-mark:max(0px,calc(10px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 花园 · garden */
html[data-theme="garden"]{
  color-scheme:light;
  --bg:oklch(95.8% 0.024 90);
  --bg-plain:oklch(95.8% 0.024 90);
  --text:oklch(23% 0.050 152); --ink:oklch(23% 0.050 152);
  --muted:oklch(46% 0.034 142);
  --accent:oklch(46% 0.135 142); --on-accent:oklch(97% 0.015 95);
  --accent-weak:color-mix(in srgb,oklch(46% 0.135 142) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(46% 0.135 142) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(46% 0.135 142) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(23% 0.050 152) 9%,transparent);
  --card-bg:oklch(92.6% 0.030 90); --card-border:oklch(83% 0.024 112);
  --card-hover-bg:oklch(89% 0.034 90);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(92.6% 0.030 90); --pill-border:oklch(83% 0.024 112);
  --panel:oklch(92.6% 0.030 90); --surface-solid:oklch(92.6% 0.030 90);
  --c-cpu:oklch(46.12% 0.135 142.0); --c-mem:oklch(51.84% 0.124 172.0); --c-temp:oklch(41.28% 0.124 214.0);
  --c-net:oklch(57.56% 0.124 262.0); --c-net2:oklch(37.32% 0.124 310.0); --c-disk:oklch(49.64% 0.124 357.0); --c-pwr:oklch(43.92% 0.124 67.0);
  --grad:linear-gradient(120deg,oklch(46% 0.135 142),oklch(86% 0.075 128));
  --font-ui:"Hanken Grotesk", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Vollkorn", ui-serif, Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"Newsreader", ui-serif, Georgia,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:600;
  --r-card:4px; --r-card-in:max(0px,calc(4px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(4px * .55)); --r-logo:max(0px,calc(4px * .8));
  --r-sheet:max(0px,calc(4px * 1.15)); --r-btn:max(0px,calc(4px * .55)); --r-mark:max(0px,calc(4px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 网格 · grid */
html[data-theme="grid"]{
  color-scheme:light;
  --bg:oklch(97.5% 0.005 90);
  --bg-plain:oklch(97.5% 0.005 90);
  --text:oklch(19% 0.022 266); --ink:oklch(19% 0.022 266);
  --muted:oklch(47% 0.016 266);
  --accent:oklch(44% 0.2 266); --on-accent:oklch(97.5% 0.005 90);
  --accent-weak:color-mix(in srgb,oklch(44% 0.2 266) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(44% 0.2 266) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(44% 0.2 266) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(19% 0.022 266) 9%,transparent);
  --card-bg:oklch(94.2% 0.006 90); --card-border:oklch(87.5% 0.008 90);
  --card-hover-bg:oklch(90.5% 0.008 90);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(94.2% 0.006 90); --pill-border:oklch(87.5% 0.008 90);
  --panel:oklch(94.2% 0.006 90); --surface-solid:oklch(94.2% 0.006 90);
  --c-cpu:oklch(46.12% 0.160 266.0); --c-mem:oklch(51.84% 0.147 296.0); --c-temp:oklch(41.28% 0.147 338.0);
  --c-net:oklch(57.56% 0.147 26.0); --c-net2:oklch(37.32% 0.147 74.0); --c-disk:oklch(49.64% 0.147 121.0); --c-pwr:oklch(43.92% 0.147 191.0);
  --grad:linear-gradient(120deg,oklch(44% 0.2 266),oklch(44% 0.2 266));
  --font-ui:"Radio Canada", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Radio Canada Big", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Radio Canada Big", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:700;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 网点 · halftone */
html[data-theme="halftone"]{
  color-scheme:light;
  --bg:oklch(96.2% 0.032 94);
  --bg-plain:oklch(96.2% 0.032 94);
  --text:oklch(23% 0.040 38); --ink:oklch(23% 0.040 38);
  --muted:oklch(44% 0.048 44);
  --accent:oklch(54.5% 0.215 33); --on-accent:oklch(97% 0.022 94);
  --accent-weak:color-mix(in srgb,oklch(54.5% 0.215 33) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(54.5% 0.215 33) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(54.5% 0.215 33) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(23% 0.040 38) 9%,transparent);
  --card-bg:oklch(92.6% 0.046 92); --card-border:oklch(82% 0.042 82);
  --card-hover-bg:oklch(87.5% 0.058 90);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(92.6% 0.046 92); --pill-border:oklch(82% 0.042 82);
  --panel:oklch(92.6% 0.046 92); --surface-solid:oklch(92.6% 0.046 92);
  --c-cpu:oklch(46.12% 0.160 33.0); --c-mem:oklch(51.84% 0.147 63.0); --c-temp:oklch(41.28% 0.147 105.0);
  --c-net:oklch(57.56% 0.147 153.0); --c-net2:oklch(37.32% 0.147 201.0); --c-disk:oklch(49.64% 0.147 248.0); --c-pwr:oklch(43.92% 0.147 318.0);
  --grad:linear-gradient(120deg,oklch(54.5% 0.215 33),oklch(54.5% 0.215 33));
  --font-ui:"Chivo", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Ultra", ui-serif, Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"Chivo", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 树篱 · hedgerow */
html[data-theme="hedgerow"]{
  color-scheme:dark;
  --bg:oklch(24% 0.052 158);
  --bg-plain:oklch(24% 0.052 158);
  --text:oklch(93% 0.022 88); --ink:oklch(93% 0.022 88);
  --muted:oklch(69% 0.045 150);
  --accent:oklch(87% 0.19 118); --on-accent:oklch(22% 0.05 158);
  --accent-weak:color-mix(in srgb,oklch(87% 0.19 118) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(87% 0.19 118) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(87% 0.19 118) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(93% 0.022 88) 16%,transparent);
  --card-bg:oklch(19.5% 0.045 158); --card-border:oklch(35% 0.05 158);
  --card-hover-bg:oklch(29.5% 0.05 158);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(19.5% 0.045 158); --pill-border:oklch(35% 0.05 158);
  --panel:oklch(19.5% 0.045 158); --surface-solid:oklch(19.5% 0.045 158);
  --c-cpu:oklch(73.96% 0.160 118.0); --c-mem:oklch(80.72% 0.147 148.0); --c-temp:oklch(68.24% 0.147 190.0);
  --c-net:oklch(87.48% 0.147 238.0); --c-net2:oklch(63.56% 0.147 286.0); --c-disk:oklch(78.12% 0.147 333.0); --c-pwr:oklch(71.36% 0.147 43.0);
  --grad:linear-gradient(120deg,oklch(87% 0.19 118),oklch(92% 0.13 118));
  --font-ui:"Manrope", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Prata", Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"IBM Plex Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 嗡鸣 · hum */
html[data-theme="hum"]{
  color-scheme:light;
  --bg:oklch(97% 0.012 95);
  --bg-plain:oklch(97% 0.012 95);
  --text:oklch(20% 0.014 255); --ink:oklch(20% 0.014 255);
  --muted:oklch(47% 0.014 255);
  --accent:oklch(87% 0.175 96); --on-accent:oklch(20% 0.014 255);
  --accent-weak:color-mix(in srgb,oklch(87% 0.175 96) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(87% 0.175 96) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(87% 0.175 96) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(20% 0.014 255) 9%,transparent);
  --card-bg:oklch(98.8% 0.007 95); --card-border:oklch(87% 0.016 95);
  --card-hover-bg:oklch(91% 0.022 95);
  --card-shadow:0 1px 2px oklch(20% 0.014 255 / 0.06), 0 12px 28px -14px oklch(20% 0.014 255 / 0.22);
  --card-shadow-hover:0 1px 2px oklch(20% 0.014 255 / 0.06), 0 12px 28px -14px oklch(20% 0.014 255 / 0.22);
  --pill-bg:oklch(98.8% 0.007 95); --pill-border:oklch(87% 0.016 95);
  --panel:oklch(98.8% 0.007 95); --surface-solid:oklch(98.8% 0.007 95);
  --c-cpu:oklch(46.12% 0.160 96.0); --c-mem:oklch(51.84% 0.147 126.0); --c-temp:oklch(41.28% 0.147 168.0);
  --c-net:oklch(57.56% 0.147 216.0); --c-net2:oklch(37.32% 0.147 264.0); --c-disk:oklch(49.64% 0.147 311.0); --c-pwr:oklch(43.92% 0.147 21.0);
  --grad:linear-gradient(120deg,oklch(87% 0.175 96),oklch(50% 0.17 250));
  --font-ui:"Chillax", ui-rounded, ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Chillax", ui-rounded, ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Geist Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:600;
  --r-card:24px; --r-card-in:max(0px,calc(24px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(24px * .55)); --r-logo:max(0px,calc(24px * .8));
  --r-sheet:max(0px,calc(24px * 1.15)); --r-btn:max(0px,calc(24px * .55)); --r-mark:max(0px,calc(24px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 墨 · ink */
html[data-theme="ink"]{
  color-scheme:light;
  --bg:oklch(99.5% 0.003 100);
  --bg-plain:oklch(99.5% 0.003 100);
  --text:oklch(16% 0 0); --ink:oklch(16% 0 0);
  --muted:oklch(44% 0 0);
  --accent:oklch(50% 0.095 188); --on-accent:oklch(99.5% 0.003 100);
  --accent-weak:color-mix(in srgb,oklch(50% 0.095 188) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(50% 0.095 188) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(50% 0.095 188) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(16% 0 0) 9%,transparent);
  --card-bg:oklch(97% 0.004 100); --card-border:oklch(89% 0.004 100);
  --card-hover-bg:oklch(94% 0.006 100);
  --card-shadow:0 20px 40px oklch(20% 0 0 / 0.16);
  --card-shadow-hover:0 20px 40px oklch(20% 0 0 / 0.16);
  --pill-bg:oklch(97% 0.004 100); --pill-border:oklch(89% 0.004 100);
  --panel:oklch(97% 0.004 100); --surface-solid:oklch(97% 0.004 100);
  --c-cpu:oklch(46.12% 0.095 188.0); --c-mem:oklch(51.84% 0.087 218.0); --c-temp:oklch(41.28% 0.087 260.0);
  --c-net:oklch(57.56% 0.087 308.0); --c-net2:oklch(37.32% 0.087 356.0); --c-disk:oklch(49.64% 0.087 43.0); --c-pwr:oklch(43.92% 0.087 113.0);
  --grad:linear-gradient(120deg,oklch(50% 0.095 188),oklch(50% 0.095 188));
  --font-ui:"Epilogue", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Epilogue", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"IBM Plex Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:700;
  --r-card:12px; --r-card-in:max(0px,calc(12px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(12px * .55)); --r-logo:max(0px,calc(12px * .8));
  --r-sheet:max(0px,calc(12px * 1.15)); --r-btn:max(0px,calc(12px * .55)); --r-mark:max(0px,calc(12px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 窑 · kiln */
html[data-theme="kiln"]{
  color-scheme:dark;
  --bg:oklch(13% 0.012 40);
  --bg-plain:oklch(13% 0.012 40);
  --text:oklch(94% 0.02 80); --ink:oklch(94% 0.02 80);
  --muted:oklch(72% 0.03 60);
  --accent:oklch(70% 0.2 45); --on-accent:oklch(14% 0.02 40);
  --accent-weak:color-mix(in srgb,oklch(70% 0.2 45) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(70% 0.2 45) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(70% 0.2 45) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(94% 0.02 80) 16%,transparent);
  --card-bg:oklch(17.5% 0.016 40); --card-border:oklch(96% 0.01 80 / 0.12);
  --card-hover-bg:oklch(22% 0.018 40);
  --card-shadow:0 50px 90px -30px oklch(8% 0.01 40 / 0.5);
  --card-shadow-hover:0 50px 90px -30px oklch(8% 0.01 40 / 0.5);
  --pill-bg:oklch(17.5% 0.016 40); --pill-border:oklch(96% 0.01 80 / 0.12);
  --panel:oklch(17.5% 0.016 40); --surface-solid:oklch(17.5% 0.016 40);
  --c-cpu:oklch(73.96% 0.160 45.0); --c-mem:oklch(80.72% 0.147 75.0); --c-temp:oklch(68.24% 0.147 117.0);
  --c-net:oklch(87.48% 0.147 165.0); --c-net2:oklch(63.56% 0.147 213.0); --c-disk:oklch(78.12% 0.147 260.0); --c-pwr:oklch(71.36% 0.147 330.0);
  --grad:linear-gradient(120deg,oklch(70% 0.2 45),oklch(70% 0.2 45));
  --font-ui:"Geist", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Boska", "Iowan Old Style", Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"Geist Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:500;
  --r-card:28px; --r-card-in:max(0px,calc(28px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(28px * .55)); --r-logo:max(0px,calc(28px * .8));
  --r-sheet:max(0px,calc(28px * 1.15)); --r-btn:max(0px,calc(28px * .55)); --r-mark:max(0px,calc(28px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 织机 · loom */
html[data-theme="loom"]{
  color-scheme:light;
  --bg:oklch(95.5% 0.014 85);
  --bg-plain:oklch(95.5% 0.014 85);
  --text:oklch(21% 0.012 60); --ink:oklch(21% 0.012 60);
  --muted:oklch(46% 0.014 62);
  --accent:oklch(34% 0.115 267); --on-accent:oklch(95.5% 0.014 85);
  --accent-weak:color-mix(in srgb,oklch(34% 0.115 267) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(34% 0.115 267) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(34% 0.115 267) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(21% 0.012 60) 9%,transparent);
  --card-bg:oklch(92% 0.022 84); --card-border:oklch(83% 0.022 84);
  --card-hover-bg:oklch(85% 0.032 80);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(92% 0.022 84); --pill-border:oklch(83% 0.022 84);
  --panel:oklch(92% 0.022 84); --surface-solid:oklch(92% 0.022 84);
  --c-cpu:oklch(46.12% 0.115 267.0); --c-mem:oklch(51.84% 0.106 297.0); --c-temp:oklch(41.28% 0.106 339.0);
  --c-net:oklch(57.56% 0.106 27.0); --c-net2:oklch(37.32% 0.106 75.0); --c-disk:oklch(49.64% 0.106 122.0); --c-pwr:oklch(43.92% 0.106 192.0);
  --grad:linear-gradient(120deg,oklch(34% 0.115 267),oklch(43% 0.125 267));
  --font-ui:"Hanken Grotesk", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Libre Caslon Display", "Libre Caslon Text", ui-serif, Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"DM Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 流明 · lumen */
html[data-theme="lumen"]{
  color-scheme:dark;
  --bg:oklch(12.5% 0.027 290);
  --bg-plain:oklch(12.5% 0.027 290);
  --text:oklch(96% 0.01 300); --ink:oklch(96% 0.01 300);
  --muted:oklch(69% 0.026 295);
  --accent:oklch(80% 0.15 62); --on-accent:oklch(14% 0.028 290);
  --accent-weak:color-mix(in srgb,oklch(80% 0.15 62) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(80% 0.15 62) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(80% 0.15 62) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(96% 0.01 300) 16%,transparent);
  --card-bg:oklch(16% 0.03 290); --card-border:oklch(27% 0.034 290);
  --card-hover-bg:oklch(20% 0.032 290);
  --card-shadow:0 28px 64px -30px oklch(4% 0.02 290 / 0.8);
  --card-shadow-hover:0 28px 64px -30px oklch(4% 0.02 290 / 0.8);
  --pill-bg:oklch(16% 0.03 290); --pill-border:oklch(27% 0.034 290);
  --panel:oklch(16% 0.03 290); --surface-solid:oklch(16% 0.03 290);
  --c-cpu:oklch(73.96% 0.150 62.0); --c-mem:oklch(80.72% 0.138 92.0); --c-temp:oklch(68.24% 0.138 134.0);
  --c-net:oklch(87.48% 0.138 182.0); --c-net2:oklch(63.56% 0.138 230.0); --c-disk:oklch(78.12% 0.138 277.0); --c-pwr:oklch(71.36% 0.138 347.0);
  --grad:linear-gradient(120deg,oklch(80% 0.15 62),oklch(72% 0.15 12));
  --font-ui:"Geist", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Instrument Serif", ui-serif, Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"Geist Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:10px; --r-card-in:max(0px,calc(10px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(10px * .55)); --r-logo:max(0px,calc(10px * .8));
  --r-sheet:max(0px,calc(10px * 1.15)); --r-btn:max(0px,calc(10px * .55)); --r-mark:max(0px,calc(10px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 宣言 · manifesto */
html[data-theme="manifesto"]{
  color-scheme:dark;
  --bg:oklch(13% 0.01 60);
  --bg-plain:oklch(13% 0.01 60);
  --text:oklch(95% 0.014 85); --ink:oklch(95% 0.014 85);
  --muted:oklch(64% 0.016 65);
  --accent:oklch(56% 0.228 28); --on-accent:oklch(98.5% 0.004 90);
  --accent-weak:color-mix(in srgb,oklch(56% 0.228 28) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(56% 0.228 28) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(56% 0.228 28) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(95% 0.014 85) 16%,transparent);
  --card-bg:oklch(17% 0.011 60); --card-border:oklch(31% 0.014 60);
  --card-hover-bg:oklch(22% 0.012 60);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(17% 0.011 60); --pill-border:oklch(31% 0.014 60);
  --panel:oklch(17% 0.011 60); --surface-solid:oklch(17% 0.011 60);
  --c-cpu:oklch(73.96% 0.160 28.0); --c-mem:oklch(80.72% 0.147 58.0); --c-temp:oklch(68.24% 0.147 100.0);
  --c-net:oklch(87.48% 0.147 148.0); --c-net2:oklch(63.56% 0.147 196.0); --c-disk:oklch(78.12% 0.147 243.0); --c-pwr:oklch(71.36% 0.147 313.0);
  --grad:linear-gradient(120deg,oklch(56% 0.228 28),oklch(56% 0.228 28));
  --font-ui:"Public Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Anton", "Impact","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Public Sans", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 午夜 · midnight */
html[data-theme="midnight"]{
  color-scheme:dark;
  --bg:oklch(14% 0.048 264);
  --bg-plain:oklch(14% 0.048 264);
  --text:oklch(95% 0.016 250); --ink:oklch(95% 0.016 250);
  --muted:oklch(73% 0.04 256);
  --accent:oklch(80% 0.11 230); --on-accent:oklch(16% 0.05 264);
  --accent-weak:color-mix(in srgb,oklch(80% 0.11 230) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(80% 0.11 230) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(80% 0.11 230) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(95% 0.016 250) 16%,transparent);
  --card-bg:oklch(18.5% 0.052 264); --card-border:oklch(29% 0.058 264);
  --card-hover-bg:oklch(23% 0.055 264);
  --card-shadow:0 24px 48px -24px oklch(6% 0.04 264 / 0.7);
  --card-shadow-hover:0 24px 48px -24px oklch(6% 0.04 264 / 0.7);
  --pill-bg:oklch(18.5% 0.052 264); --pill-border:oklch(29% 0.058 264);
  --panel:oklch(18.5% 0.052 264); --surface-solid:oklch(18.5% 0.052 264);
  --c-cpu:oklch(73.96% 0.110 230.0); --c-mem:oklch(80.72% 0.101 260.0); --c-temp:oklch(68.24% 0.101 302.0);
  --c-net:oklch(87.48% 0.101 350.0); --c-net2:oklch(63.56% 0.101 38.0); --c-disk:oklch(78.12% 0.101 85.0); --c-pwr:oklch(71.36% 0.101 155.0);
  --grad:linear-gradient(120deg,oklch(80% 0.11 230),oklch(58% 0.1 236));
  --font-ui:"Mona Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Mona Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Mona Sans", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:300;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 新闻纸 · newsprint */
html[data-theme="newsprint"]{
  color-scheme:light;
  --bg:oklch(94% 0.011 92);
  --bg-plain:oklch(94% 0.011 92);
  --text:oklch(17% 0.012 60); --ink:oklch(17% 0.012 60);
  --muted:oklch(46% 0.014 60);
  --accent:oklch(44% 0.13 32); --on-accent:oklch(95% 0.012 90);
  --accent-weak:color-mix(in srgb,oklch(44% 0.13 32) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(44% 0.13 32) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(44% 0.13 32) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(17% 0.012 60) 9%,transparent);
  --card-bg:oklch(90.5% 0.015 88); --card-border:oklch(68% 0.016 75);
  --card-hover-bg:oklch(87% 0.017 86);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(90.5% 0.015 88); --pill-border:oklch(68% 0.016 75);
  --panel:oklch(90.5% 0.015 88); --surface-solid:oklch(90.5% 0.015 88);
  --c-cpu:oklch(46.12% 0.130 32.0); --c-mem:oklch(51.84% 0.120 62.0); --c-temp:oklch(41.28% 0.120 104.0);
  --c-net:oklch(57.56% 0.120 152.0); --c-net2:oklch(37.32% 0.120 200.0); --c-disk:oklch(49.64% 0.120 247.0); --c-pwr:oklch(43.92% 0.120 317.0);
  --grad:linear-gradient(120deg,oklch(44% 0.13 32),oklch(44% 0.13 32));
  --font-ui:"Spectral", ui-serif, Georgia,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Zilla Slab", ui-serif, Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"Libre Franklin", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:700;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 叠印 · overprint */
html[data-theme="overprint"]{
  color-scheme:light;
  --bg:oklch(91.5% 0.014 92);
  --bg-plain:oklch(91.5% 0.014 92);
  --text:oklch(17% 0.008 60); --ink:oklch(17% 0.008 60);
  --muted:oklch(42% 0.012 70);
  --accent:oklch(65% 0.12 212); --on-accent:oklch(17% 0.008 60);
  --accent-weak:color-mix(in srgb,oklch(65% 0.12 212) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(65% 0.12 212) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(65% 0.12 212) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(17% 0.008 60) 9%,transparent);
  --card-bg:oklch(87.5% 0.018 90); --card-border:oklch(78% 0.02 85);
  --card-hover-bg:oklch(83% 0.021 88);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(87.5% 0.018 90); --pill-border:oklch(78% 0.02 85);
  --panel:oklch(87.5% 0.018 90); --surface-solid:oklch(87.5% 0.018 90);
  --c-cpu:oklch(46.12% 0.120 212.0); --c-mem:oklch(51.84% 0.110 242.0); --c-temp:oklch(41.28% 0.110 284.0);
  --c-net:oklch(57.56% 0.110 332.0); --c-net2:oklch(37.32% 0.110 20.0); --c-disk:oklch(49.64% 0.110 67.0); --c-pwr:oklch(43.92% 0.110 137.0);
  --grad:linear-gradient(120deg,oklch(65% 0.12 212),oklch(71% 0.19 50));
  --font-ui:"Archivo", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Anybody", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Archivo Narrow", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:900;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 拼贴 · pasteup */
html[data-theme="pasteup"]{
  color-scheme:light;
  --bg:oklch(73% 0.068 70);
  --bg-plain:oklch(73% 0.068 70);
  --text:oklch(17% 0.01 60); --ink:oklch(17% 0.01 60);
  --muted:oklch(28% 0.026 62);
  --accent:oklch(93% 0.2 112); --on-accent:oklch(17% 0.01 60);
  --accent-weak:color-mix(in srgb,oklch(93% 0.2 112) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(93% 0.2 112) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(93% 0.2 112) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(17% 0.01 60) 9%,transparent);
  --card-bg:oklch(66% 0.072 68); --card-border:oklch(50% 0.055 68);
  --card-hover-bg:oklch(97% 0.008 90);
  --card-shadow:0 1px 0 oklch(18% 0.01 60 / 0.2), 0 4px 10px oklch(18% 0.01 60 / 0.12);
  --card-shadow-hover:0 1px 0 oklch(18% 0.01 60 / 0.2), 0 4px 10px oklch(18% 0.01 60 / 0.12);
  --pill-bg:oklch(66% 0.072 68); --pill-border:oklch(50% 0.055 68);
  --panel:oklch(66% 0.072 68); --surface-solid:oklch(66% 0.072 68);
  --c-cpu:oklch(46.12% 0.160 112.0); --c-mem:oklch(51.84% 0.147 142.0); --c-temp:oklch(41.28% 0.147 184.0);
  --c-net:oklch(57.56% 0.147 232.0); --c-net2:oklch(37.32% 0.147 280.0); --c-disk:oklch(49.64% 0.147 327.0); --c-pwr:oklch(43.92% 0.147 37.0);
  --grad:linear-gradient(120deg,oklch(93% 0.2 112),oklch(93% 0.2 112));
  --font-ui:"Newsreader", Georgia,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"League Gothic", Impact,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Newsreader", Georgia,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 雪道 · piste */
html[data-theme="piste"]{
  color-scheme:light;
  --bg:oklch(98.5% 0.005 260);
  --bg-plain:oklch(98.5% 0.005 260);
  --text:oklch(16% 0.012 260); --ink:oklch(16% 0.012 260);
  --muted:oklch(48% 0.016 260);
  --accent:oklch(52% 0.25 265); --on-accent:oklch(98.5% 0.004 260);
  --accent-weak:color-mix(in srgb,oklch(52% 0.25 265) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(52% 0.25 265) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(52% 0.25 265) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(16% 0.012 260) 9%,transparent);
  --card-bg:oklch(95.5% 0.008 260); --card-border:oklch(88% 0.01 260);
  --card-hover-bg:oklch(91% 0.01 260);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(95.5% 0.008 260); --pill-border:oklch(88% 0.01 260);
  --panel:oklch(95.5% 0.008 260); --surface-solid:oklch(95.5% 0.008 260);
  --c-cpu:oklch(46.12% 0.160 265.0); --c-mem:oklch(51.84% 0.147 295.0); --c-temp:oklch(41.28% 0.147 337.0);
  --c-net:oklch(57.56% 0.147 25.0); --c-net2:oklch(37.32% 0.147 73.0); --c-disk:oklch(49.64% 0.147 120.0); --c-pwr:oklch(43.92% 0.147 190.0);
  --grad:linear-gradient(120deg,oklch(52% 0.25 265),oklch(52% 0.25 265));
  --font-ui:"Barlow", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Barlow Condensed", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Barlow Condensed", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:800;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 折射 · refract */
html[data-theme="refract"]{
  color-scheme:light;
  --bg:oklch(98.2% 0.006 95);
  --bg-plain:oklch(98.2% 0.006 95);
  --text:oklch(23% 0.035 245); --ink:oklch(23% 0.035 245);
  --muted:oklch(50% 0.025 240);
  --accent:oklch(50% 0.12 234); --on-accent:oklch(99% 0.003 95);
  --accent-weak:color-mix(in srgb,oklch(50% 0.12 234) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(50% 0.12 234) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(50% 0.12 234) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(23% 0.035 245) 9%,transparent);
  --card-bg:oklch(96.4% 0.006 95); --card-border:oklch(89.5% 0.008 230);
  --card-hover-bg:oklch(93.6% 0.008 95);
  --card-shadow:18px 28px 48px -26px oklch(52% 0.09 220 / 0.38), 2px 3px 6px -2px oklch(40% 0.05 230 / 0.12);
  --card-shadow-hover:18px 28px 48px -26px oklch(52% 0.09 220 / 0.38), 2px 3px 6px -2px oklch(40% 0.05 230 / 0.12);
  --pill-bg:oklch(96.4% 0.006 95); --pill-border:oklch(89.5% 0.008 230);
  --panel:oklch(96.4% 0.006 95); --surface-solid:oklch(96.4% 0.006 95);
  --c-cpu:oklch(46.12% 0.120 234.0); --c-mem:oklch(51.84% 0.110 264.0); --c-temp:oklch(41.28% 0.110 306.0);
  --c-net:oklch(57.56% 0.110 354.0); --c-net2:oklch(37.32% 0.110 42.0); --c-disk:oklch(49.64% 0.110 89.0); --c-pwr:oklch(43.92% 0.110 159.0);
  --grad:linear-gradient(120deg,oklch(50% 0.12 234),oklch(50% 0.12 234));
  --font-ui:"Funnel Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Funnel Display", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Funnel Sans", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:22px; --r-card-in:max(0px,calc(22px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(22px * .55)); --r-logo:max(0px,calc(22px * .8));
  --r-sheet:max(0px,calc(22px * 1.15)); --r-btn:max(0px,calc(22px * .55)); --r-mark:max(0px,calc(22px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 缎带 · ribbon */
html[data-theme="ribbon"]{
  color-scheme:light;
  --bg:oklch(98.2% 0.008 82);
  --bg-plain:oklch(98.2% 0.008 82);
  --text:oklch(18% 0.006 80); --ink:oklch(18% 0.006 80);
  --muted:oklch(47% 0.012 80);
  --accent:oklch(44% 0.075 190); --on-accent:oklch(98% 0.006 85);
  --accent-weak:color-mix(in srgb,oklch(44% 0.075 190) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(44% 0.075 190) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(44% 0.075 190) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(18% 0.006 80) 9%,transparent);
  --card-bg:oklch(95.8% 0.011 82); --card-border:oklch(89.5% 0.011 82);
  --card-hover-bg:oklch(92.3% 0.014 82);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(95.8% 0.011 82); --pill-border:oklch(89.5% 0.011 82);
  --panel:oklch(95.8% 0.011 82); --surface-solid:oklch(95.8% 0.011 82);
  --c-cpu:oklch(46.12% 0.075 190.0); --c-mem:oklch(51.84% 0.069 220.0); --c-temp:oklch(41.28% 0.069 262.0);
  --c-net:oklch(57.56% 0.069 310.0); --c-net2:oklch(37.32% 0.069 358.0); --c-disk:oklch(49.64% 0.069 45.0); --c-pwr:oklch(43.92% 0.069 115.0);
  --grad:linear-gradient(120deg,oklch(44% 0.075 190),oklch(44% 0.075 190));
  --font-ui:"Figtree", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Instrument Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"JetBrains Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:20px; --r-card-in:max(0px,calc(20px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(20px * .55)); --r-logo:max(0px,calc(20px * .8));
  --r-sheet:max(0px,calc(20px * 1.15)); --r-btn:max(0px,calc(20px * .55)); --r-mark:max(0px,calc(20px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 边缘 · rim */
html[data-theme="rim"]{
  color-scheme:dark;
  --bg:oklch(9% 0.008 75);
  --bg-plain:oklch(9% 0.008 75);
  --text:oklch(94% 0.010 80); --ink:oklch(94% 0.010 80);
  --muted:oklch(68% 0.012 80);
  --accent:oklch(72% 0.17 45); --on-accent:oklch(10% 0.02 45);
  --accent-weak:color-mix(in srgb,oklch(72% 0.17 45) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(72% 0.17 45) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(72% 0.17 45) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(94% 0.010 80) 16%,transparent);
  --card-bg:oklch(12.5% 0.009 75); --card-border:oklch(25% 0.010 78);
  --card-hover-bg:oklch(6.5% 0.007 75);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(12.5% 0.009 75); --pill-border:oklch(25% 0.010 78);
  --panel:oklch(12.5% 0.009 75); --surface-solid:oklch(12.5% 0.009 75);
  --c-cpu:oklch(73.96% 0.160 45.0); --c-mem:oklch(80.72% 0.147 75.0); --c-temp:oklch(68.24% 0.147 117.0);
  --c-net:oklch(87.48% 0.147 165.0); --c-net2:oklch(63.56% 0.147 213.0); --c-disk:oklch(78.12% 0.147 260.0); --c-pwr:oklch(71.36% 0.147 330.0);
  --grad:linear-gradient(120deg,oklch(72% 0.17 45),oklch(74% 0.12 250));
  --font-ui:"Switzer", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Switzer", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Geist Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:500;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 孔版 · riso */
html[data-theme="riso"]{
  color-scheme:light;
  --bg:oklch(97% 0.011 90);
  --bg-plain:oklch(97% 0.011 90);
  --text:oklch(40% 0.165 265); --ink:oklch(40% 0.165 265);
  --muted:oklch(50% 0.115 265);
  --accent:oklch(68% 0.235 356); --on-accent:oklch(27% 0.13 265);
  --accent-weak:color-mix(in srgb,oklch(68% 0.235 356) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(68% 0.235 356) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(68% 0.235 356) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(40% 0.165 265) 9%,transparent);
  --card-bg:oklch(93.5% 0.034 356); --card-border:oklch(85% 0.045 265);
  --card-hover-bg:oklch(84% 0.11 356);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(93.5% 0.034 356); --pill-border:oklch(85% 0.045 265);
  --panel:oklch(93.5% 0.034 356); --surface-solid:oklch(93.5% 0.034 356);
  --c-cpu:oklch(46.12% 0.160 356.0); --c-mem:oklch(51.84% 0.147 26.0); --c-temp:oklch(41.28% 0.147 68.0);
  --c-net:oklch(57.56% 0.147 116.0); --c-net2:oklch(37.32% 0.147 164.0); --c-disk:oklch(49.64% 0.147 211.0); --c-pwr:oklch(43.92% 0.147 281.0);
  --grad:linear-gradient(120deg,oklch(68% 0.235 356),oklch(68% 0.235 356));
  --font-ui:"Literata", ui-serif, Georgia,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Cabinet Grotesk", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Literata", ui-serif, Georgia,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:800;
  --r-card:2px; --r-card-in:max(0px,calc(2px - 1px)); --r-pill:2px;
  --r-ic:max(0px,calc(2px * .55)); --r-logo:max(0px,calc(2px * .8));
  --r-sheet:max(0px,calc(2px * 1.15)); --r-btn:max(0px,calc(2px * .55)); --r-mark:max(0px,calc(2px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 至日 · solstice */
html[data-theme="solstice"]{
  color-scheme:light;
  --bg:oklch(94% 0.03 80);
  --bg-plain:oklch(94% 0.03 80);
  --text:oklch(27% 0.05 50); --ink:oklch(27% 0.05 50);
  --muted:oklch(48% 0.06 55);
  --accent:oklch(54% 0.20 24); --on-accent:oklch(97% 0.02 85);
  --accent-weak:color-mix(in srgb,oklch(54% 0.20 24) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(54% 0.20 24) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(54% 0.20 24) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(27% 0.05 50) 9%,transparent);
  --card-bg:oklch(97% 0.02 85); --card-border:oklch(84% 0.06 78);
  --card-hover-bg:oklch(89% 0.05 80);
  --card-shadow:10px 10px 0 oklch(89% 0.05 80);
  --card-shadow-hover:10px 10px 0 oklch(89% 0.05 80);
  --pill-bg:oklch(97% 0.02 85); --pill-border:oklch(84% 0.06 78);
  --panel:oklch(97% 0.02 85); --surface-solid:oklch(97% 0.02 85);
  --c-cpu:oklch(46.12% 0.160 24.0); --c-mem:oklch(51.84% 0.147 54.0); --c-temp:oklch(41.28% 0.147 96.0);
  --c-net:oklch(57.56% 0.147 144.0); --c-net2:oklch(37.32% 0.147 192.0); --c-disk:oklch(49.64% 0.147 239.0); --c-pwr:oklch(43.92% 0.147 309.0);
  --grad:linear-gradient(120deg,oklch(54% 0.20 24),oklch(54% 0.20 24));
  --font-ui:"Archivo", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Yeseva One", ui-serif, Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"Archivo Narrow", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 标本 · specimen */
html[data-theme="specimen"]{
  color-scheme:light;
  --bg:oklch(96.5% 0.016 82);
  --bg-plain:oklch(96.5% 0.016 82);
  --text:oklch(17% 0.012 60); --ink:oklch(17% 0.012 60);
  --muted:oklch(49% 0.014 65);
  --accent:oklch(45% 0.18 262); --on-accent:oklch(97% 0.012 82);
  --accent-weak:color-mix(in srgb,oklch(45% 0.18 262) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(45% 0.18 262) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(45% 0.18 262) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(17% 0.012 60) 9%,transparent);
  --card-bg:oklch(93.5% 0.02 80); --card-border:oklch(80% 0.018 75);
  --card-hover-bg:oklch(89% 0.024 78);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(93.5% 0.02 80); --pill-border:oklch(80% 0.018 75);
  --panel:oklch(93.5% 0.02 80); --surface-solid:oklch(93.5% 0.02 80);
  --c-cpu:oklch(46.12% 0.160 262.0); --c-mem:oklch(51.84% 0.147 292.0); --c-temp:oklch(41.28% 0.147 334.0);
  --c-net:oklch(57.56% 0.147 22.0); --c-net2:oklch(37.32% 0.147 70.0); --c-disk:oklch(49.64% 0.147 117.0); --c-pwr:oklch(43.92% 0.147 187.0);
  --grad:linear-gradient(120deg,oklch(45% 0.18 262),oklch(45% 0.18 262));
  --font-ui:"Geist", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Bodoni Moda", ui-serif, Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"Geist Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 孢子 · spore */
html[data-theme="spore"]{
  color-scheme:dark;
  --bg:oklch(15% 0.012 60);
  --bg-plain:oklch(15% 0.012 60);
  --text:oklch(93% 0.022 85); --ink:oklch(93% 0.022 85);
  --muted:oklch(67% 0.02 70);
  --accent:oklch(77% 0.09 30); --on-accent:oklch(15% 0.012 60);
  --accent-weak:color-mix(in srgb,oklch(77% 0.09 30) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(77% 0.09 30) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(77% 0.09 30) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(93% 0.022 85) 16%,transparent);
  --card-bg:oklch(19% 0.014 58); --card-border:oklch(31% 0.016 60);
  --card-hover-bg:oklch(24% 0.02 50);
  --card-shadow:0 16px 40px oklch(8% 0.01 60 / 0.4);
  --card-shadow-hover:0 16px 40px oklch(8% 0.01 60 / 0.4);
  --pill-bg:oklch(19% 0.014 58); --pill-border:oklch(31% 0.016 60);
  --panel:oklch(19% 0.014 58); --surface-solid:oklch(19% 0.014 58);
  --c-cpu:oklch(73.96% 0.090 30.0); --c-mem:oklch(80.72% 0.083 60.0); --c-temp:oklch(68.24% 0.083 102.0);
  --c-net:oklch(87.48% 0.083 150.0); --c-net2:oklch(63.56% 0.083 198.0); --c-disk:oklch(78.12% 0.083 245.0); --c-pwr:oklch(71.36% 0.083 315.0);
  --grad:linear-gradient(120deg,oklch(77% 0.09 30),oklch(86% 0.06 30));
  --font-ui:"Instrument Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Young Serif", Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"Instrument Sans", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:14px; --r-card-in:max(0px,calc(14px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(14px * .55)); --r-logo:max(0px,calc(14px * .8));
  --r-sheet:max(0px,calc(14px * 1.15)); --r-btn:max(0px,calc(14px * .55)); --r-mark:max(0px,calc(14px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 运动 · sport */
html[data-theme="sport"]{
  color-scheme:light;
  --bg:oklch(98% 0.005 250);
  --bg-plain:oklch(98% 0.005 250);
  --text:oklch(16% 0.080 260); --ink:oklch(16% 0.080 260);
  --muted:oklch(50% 0.020 250);
  --accent:oklch(88% 0.200 120); --on-accent:oklch(16% 0.080 260);
  --accent-weak:color-mix(in srgb,oklch(88% 0.200 120) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(88% 0.200 120) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(88% 0.200 120) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(16% 0.080 260) 9%,transparent);
  --card-bg:oklch(95% 0.006 250); --card-border:oklch(78% 0.008 250);
  --card-hover-bg:oklch(91.5% 0.007 250);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(95% 0.006 250); --pill-border:oklch(78% 0.008 250);
  --panel:oklch(95% 0.006 250); --surface-solid:oklch(95% 0.006 250);
  --c-cpu:oklch(46.12% 0.160 120.0); --c-mem:oklch(51.84% 0.147 150.0); --c-temp:oklch(41.28% 0.147 192.0);
  --c-net:oklch(57.56% 0.147 240.0); --c-net2:oklch(37.32% 0.147 288.0); --c-disk:oklch(49.64% 0.147 335.0); --c-pwr:oklch(43.92% 0.147 45.0);
  --grad:linear-gradient(120deg,oklch(88% 0.200 120),oklch(88% 0.200 120));
  --font-ui:"Albert Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Saira Condensed","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"JetBrains Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:800;
  --r-card:4px; --r-card-in:max(0px,calc(4px - 1px)); --r-pill:4px;
  --r-ic:max(0px,calc(4px * .55)); --r-logo:max(0px,calc(4px * .8));
  --r-sheet:max(0px,calc(4px * 1.15)); --r-btn:max(0px,calc(4px * .55)); --r-mark:max(0px,calc(4px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 挤压 · squeeze */
html[data-theme="squeeze"]{
  color-scheme:dark;
  --bg:oklch(41% 0.100 154);
  --bg-plain:oklch(41% 0.100 154);
  --text:oklch(99% 0.005 90); --ink:oklch(99% 0.005 90);
  --muted:oklch(90% 0.030 150);
  --accent:oklch(83% 0.115 56); --on-accent:oklch(30% 0.070 40);
  --accent-weak:color-mix(in srgb,oklch(83% 0.115 56) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(83% 0.115 56) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(83% 0.115 56) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(99% 0.005 90) 16%,transparent);
  --card-bg:oklch(97% 0.012 85); --card-border:oklch(55% 0.100 154);
  --card-hover-bg:oklch(34% 0.090 156);
  --card-shadow:0 14px 32px -16px oklch(22% 0.05 160 / 0.5);
  --card-shadow-hover:0 14px 32px -16px oklch(22% 0.05 160 / 0.5);
  --pill-bg:oklch(97% 0.012 85); --pill-border:oklch(55% 0.100 154);
  --panel:oklch(97% 0.012 85); --surface-solid:oklch(97% 0.012 85);
  --c-cpu:oklch(73.96% 0.115 56.0); --c-mem:oklch(80.72% 0.106 86.0); --c-temp:oklch(68.24% 0.106 128.0);
  --c-net:oklch(87.48% 0.106 176.0); --c-net2:oklch(63.56% 0.106 224.0); --c-disk:oklch(78.12% 0.106 271.0); --c-pwr:oklch(71.36% 0.106 341.0);
  --grad:linear-gradient(120deg,oklch(83% 0.115 56),oklch(74% 0.150 46));
  --font-ui:"Manrope", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Gabarito", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Gabarito", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:800;
  --r-card:24px; --r-card-in:max(0px,calc(24px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(24px * .55)); --r-logo:max(0px,calc(24px * .8));
  --r-sheet:max(0px,calc(24px * 1.15)); --r-btn:max(0px,calc(24px * .55)); --r-mark:max(0px,calc(24px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 贴纸 · sticker */
html[data-theme="sticker"]{
  color-scheme:light;
  --bg:oklch(95.7% 0.013 82);
  --bg-plain:oklch(95.7% 0.013 82);
  --text:oklch(21% 0.011 81); --ink:oklch(21% 0.011 81);
  --muted:oklch(50% 0.017 64);
  --accent:oklch(56% 0.225 2); --on-accent:oklch(99.5% 0.003 82);
  --accent-weak:color-mix(in srgb,oklch(56% 0.225 2) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(56% 0.225 2) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(56% 0.225 2) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(21% 0.011 81) 9%,transparent);
  --card-bg:oklch(92.8% 0.021 79); --card-border:oklch(89.7% 0.02 80);
  --card-hover-bg:oklch(99.4% 0.007 89);
  --card-shadow:5px 6px 0 oklch(21% 0.011 81);
  --card-shadow-hover:5px 6px 0 oklch(21% 0.011 81);
  --pill-bg:oklch(92.8% 0.021 79); --pill-border:oklch(89.7% 0.02 80);
  --panel:oklch(92.8% 0.021 79); --surface-solid:oklch(92.8% 0.021 79);
  --c-cpu:oklch(46.12% 0.160 2.0); --c-mem:oklch(51.84% 0.147 32.0); --c-temp:oklch(41.28% 0.147 74.0);
  --c-net:oklch(57.56% 0.147 122.0); --c-net2:oklch(37.32% 0.147 170.0); --c-disk:oklch(49.64% 0.147 217.0); --c-pwr:oklch(43.92% 0.147 287.0);
  --grad:linear-gradient(120deg,oklch(56% 0.225 2),oklch(87.6% 0.179 119));
  --font-ui:"Sofia Sans", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Bowlby One SC", "Arial Black","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Sofia Sans", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:18px; --r-card-in:max(0px,calc(18px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(18px * .55)); --r-logo:max(0px,calc(18px * .8));
  --r-sheet:max(0px,calc(18px * 1.15)); --r-btn:max(0px,calc(18px * .55)); --r-mark:max(0px,calc(18px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 影棚 · studio */
html[data-theme="studio"]{
  color-scheme:light;
  --bg:oklch(97.2% 0.006 215);
  --bg-plain:oklch(97.2% 0.006 215);
  --text:oklch(16% 0.032 250); --ink:oklch(16% 0.032 250);
  --muted:oklch(49% 0.018 240);
  --accent:oklch(68% 0.172 50); --on-accent:oklch(16% 0.032 250);
  --accent-weak:color-mix(in srgb,oklch(68% 0.172 50) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(68% 0.172 50) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(68% 0.172 50) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(16% 0.032 250) 9%,transparent);
  --card-bg:oklch(94% 0.009 215); --card-border:oklch(84% 0.010 225);
  --card-hover-bg:oklch(90.5% 0.011 215);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(94% 0.009 215); --pill-border:oklch(84% 0.010 225);
  --panel:oklch(94% 0.009 215); --surface-solid:oklch(94% 0.009 215);
  --c-cpu:oklch(46.12% 0.160 50.0); --c-mem:oklch(51.84% 0.147 80.0); --c-temp:oklch(41.28% 0.147 122.0);
  --c-net:oklch(57.56% 0.147 170.0); --c-net2:oklch(37.32% 0.147 218.0); --c-disk:oklch(49.64% 0.147 265.0); --c-pwr:oklch(43.92% 0.147 335.0);
  --grad:linear-gradient(120deg,oklch(68% 0.172 50),oklch(68% 0.172 50));
  --font-ui:"Geist", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Hedvig Letters Serif", ui-serif, Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"Sofia Sans Extra Condensed", "Arial Narrow", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:400;
  --r-card:3px; --r-card-in:max(0px,calc(3px - 1px)); --r-pill:3px;
  --r-ic:max(0px,calc(3px * .55)); --r-logo:max(0px,calc(3px * .8));
  --r-sheet:max(0px,calc(3px * 1.15)); --r-btn:max(0px,calc(3px * .55)); --r-mark:max(0px,calc(3px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 终端 · terminal */
html[data-theme="terminal"]{
  color-scheme:dark;
  --bg:oklch(12.5% 0.012 150);
  --bg-plain:oklch(12.5% 0.012 150);
  --text:oklch(94% 0.03 140); --ink:oklch(94% 0.03 140);
  --muted:oklch(64% 0.06 145);
  --accent:oklch(87% 0.2 142); --on-accent:oklch(14% 0.02 150);
  --accent-weak:color-mix(in srgb,oklch(87% 0.2 142) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(87% 0.2 142) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(87% 0.2 142) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(94% 0.03 140) 16%,transparent);
  --card-bg:oklch(16% 0.016 150); --card-border:oklch(27% 0.028 148);
  --card-hover-bg:oklch(20.5% 0.022 150);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(16% 0.016 150); --pill-border:oklch(27% 0.028 148);
  --panel:oklch(16% 0.016 150); --surface-solid:oklch(16% 0.016 150);
  --c-cpu:oklch(73.96% 0.160 142.0); --c-mem:oklch(80.72% 0.147 172.0); --c-temp:oklch(68.24% 0.147 214.0);
  --c-net:oklch(87.48% 0.147 262.0); --c-net2:oklch(63.56% 0.147 310.0); --c-disk:oklch(78.12% 0.147 357.0); --c-pwr:oklch(71.36% 0.147 67.0);
  --grad:linear-gradient(120deg,oklch(87% 0.2 142),oklch(87% 0.2 142));
  --font-ui:"Martian Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --font-display:"Martian Mono", ui-monospace,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Martian Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:500;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 水磨石 · terrazzo */
html[data-theme="terrazzo"]{
  color-scheme:light;
  --bg:oklch(96% 0.009 82);
  --bg-plain:oklch(96% 0.009 82);
  --text:oklch(16% 0.006 60); --ink:oklch(16% 0.006 60);
  --muted:oklch(46% 0.01 60);
  --accent:oklch(53% 0.15 38); --on-accent:oklch(99.5% 0.003 82);
  --accent-weak:color-mix(in srgb,oklch(53% 0.15 38) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(53% 0.15 38) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(53% 0.15 38) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(16% 0.006 60) 9%,transparent);
  --card-bg:oklch(92% 0.012 82); --card-border:oklch(81% 0.012 80);
  --card-hover-bg:oklch(87.5% 0.014 80);
  --card-shadow:14px 14px 0 oklch(87.5% 0.014 80);
  --card-shadow-hover:14px 14px 0 oklch(87.5% 0.014 80);
  --pill-bg:oklch(92% 0.012 82); --pill-border:oklch(81% 0.012 80);
  --panel:oklch(92% 0.012 82); --surface-solid:oklch(92% 0.012 82);
  --c-cpu:oklch(46.12% 0.150 38.0); --c-mem:oklch(51.84% 0.138 68.0); --c-temp:oklch(41.28% 0.138 110.0);
  --c-net:oklch(57.56% 0.138 158.0); --c-net2:oklch(37.32% 0.138 206.0); --c-disk:oklch(49.64% 0.138 253.0); --c-pwr:oklch(43.92% 0.138 323.0);
  --grad:linear-gradient(120deg,oklch(53% 0.15 38),oklch(53% 0.15 38));
  --font-ui:"Onest", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Syne", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"JetBrains Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:700;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 紫外 · ultraviolet */
html[data-theme="ultraviolet"]{
  color-scheme:light;
  --bg:oklch(95% 0.02 300);
  --bg-plain:oklch(95% 0.02 300);
  --text:oklch(18% 0.02 300); --ink:oklch(18% 0.02 300);
  --muted:oklch(46% 0.05 300);
  --accent:oklch(50% 0.25 290); --on-accent:oklch(97% 0.01 300);
  --accent-weak:color-mix(in srgb,oklch(50% 0.25 290) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(50% 0.25 290) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(50% 0.25 290) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(18% 0.02 300) 9%,transparent);
  --card-bg:oklch(92% 0.03 300); --card-border:oklch(84% 0.04 300);
  --card-hover-bg:oklch(89% 0.035 300);
  --card-shadow:0 1px 2px oklch(18% 0.02 300 / 0.06);
  --card-shadow-hover:0 1px 2px oklch(18% 0.02 300 / 0.06);
  --pill-bg:oklch(92% 0.03 300); --pill-border:oklch(84% 0.04 300);
  --panel:oklch(92% 0.03 300); --surface-solid:oklch(92% 0.03 300);
  --c-cpu:oklch(46.12% 0.160 290.0); --c-mem:oklch(51.84% 0.147 320.0); --c-temp:oklch(41.28% 0.147 2.0);
  --c-net:oklch(57.56% 0.147 50.0); --c-net2:oklch(37.32% 0.147 98.0); --c-disk:oklch(49.64% 0.147 145.0); --c-pwr:oklch(43.92% 0.147 215.0);
  --grad:linear-gradient(120deg,oklch(50% 0.25 290),oklch(50% 0.25 290));
  --font-ui:"Onest", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Outfit", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"JetBrains Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:500;
  --r-card:16px; --r-card-in:max(0px,calc(16px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(16px * .55)); --r-logo:max(0px,calc(16px * .8));
  --r-sheet:max(0px,calc(16px * 1.15)); --r-btn:max(0px,calc(16px * .55)); --r-mark:max(0px,calc(16px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 视点 · vantage */
html[data-theme="vantage"]{
  color-scheme:dark;
  --bg:oklch(13.5% 0.012 235);
  --bg-plain:oklch(13.5% 0.012 235);
  --text:oklch(95% 0.006 230); --ink:oklch(95% 0.006 230);
  --muted:oklch(66% 0.016 230);
  --accent:oklch(89% 0.19 126); --on-accent:oklch(19% 0.04 126);
  --accent-weak:color-mix(in srgb,oklch(89% 0.19 126) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(89% 0.19 126) 42%,transparent);
  --accent-shadow:0 0 0 1px color-mix(in srgb,oklch(89% 0.19 126) 40%,transparent);
  --ok:oklch(78.00% 0.130 155.0); --warn:oklch(84.00% 0.130 78.0); --bad:oklch(72.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(95% 0.006 230) 16%,transparent);
  --card-bg:oklch(17% 0.014 235); --card-border:oklch(27% 0.014 235);
  --card-hover-bg:oklch(21% 0.016 235);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(17% 0.014 235); --pill-border:oklch(27% 0.014 235);
  --panel:oklch(17% 0.014 235); --surface-solid:oklch(17% 0.014 235);
  --c-cpu:oklch(73.96% 0.160 126.0); --c-mem:oklch(80.72% 0.147 156.0); --c-temp:oklch(68.24% 0.147 198.0);
  --c-net:oklch(87.48% 0.147 246.0); --c-net2:oklch(63.56% 0.147 294.0); --c-disk:oklch(78.12% 0.147 341.0); --c-pwr:oklch(71.36% 0.147 51.0);
  --grad:linear-gradient(120deg,oklch(89% 0.19 126),oklch(89% 0.19 126));
  --font-ui:"Geologica", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Geologica", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Geologica", ui-sans-serif,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:300;
  --r-card:4px; --r-card-in:max(0px,calc(4px - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(4px * .55)); --r-logo:max(0px,calc(4px * .8));
  --r-sheet:max(0px,calc(4px * 1.15)); --r-btn:max(0px,calc(4px * .55)); --r-mark:max(0px,calc(4px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 犊皮纸 · vellum */
html[data-theme="vellum"]{
  color-scheme:light;
  --bg:oklch(94% 0.024 82);
  --bg-plain:oklch(94% 0.024 82);
  --text:oklch(23% 0.025 55); --ink:oklch(23% 0.025 55);
  --muted:oklch(46% 0.024 64);
  --accent:oklch(43% 0.17 268); --on-accent:oklch(95% 0.02 82);
  --accent-weak:color-mix(in srgb,oklch(43% 0.17 268) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(43% 0.17 268) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(43% 0.17 268) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(23% 0.025 55) 9%,transparent);
  --card-bg:oklch(90% 0.032 80); --card-border:oklch(75% 0.035 72);
  --card-hover-bg:oklch(86% 0.036 78);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(90% 0.032 80); --pill-border:oklch(75% 0.035 72);
  --panel:oklch(90% 0.032 80); --surface-solid:oklch(90% 0.032 80);
  --c-cpu:oklch(46.12% 0.160 268.0); --c-mem:oklch(51.84% 0.147 298.0); --c-temp:oklch(41.28% 0.147 340.0);
  --c-net:oklch(57.56% 0.147 28.0); --c-net2:oklch(37.32% 0.147 76.0); --c-disk:oklch(49.64% 0.147 123.0); --c-pwr:oklch(43.92% 0.147 193.0);
  --grad:linear-gradient(120deg,oklch(43% 0.17 268),oklch(43% 0.17 268));
  --font-ui:"Hanken Grotesk", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Grenze Gotisch", ui-serif, Georgia,"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  --font-num:"Grenze", ui-serif, Georgia,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:600;
  --r-card:2px; --r-card-in:max(0px,calc(2px - 1px)); --r-pill:2px;
  --r-ic:max(0px,calc(2px * .55)); --r-logo:max(0px,calc(2px * .8));
  --r-sheet:max(0px,calc(2px * 1.15)); --r-btn:max(0px,calc(2px * .55)); --r-mark:max(0px,calc(2px * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 导视 · wayfind */
html[data-theme="wayfind"]{
  color-scheme:light;
  --bg:oklch(95.5% 0.006 250);
  --bg-plain:oklch(95.5% 0.006 250);
  --text:oklch(16% 0.014 262); --ink:oklch(16% 0.014 262);
  --muted:oklch(47% 0.016 260);
  --accent:oklch(51% 0.22 264); --on-accent:oklch(99.5% 0.003 250);
  --accent-weak:color-mix(in srgb,oklch(51% 0.22 264) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(51% 0.22 264) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(51% 0.22 264) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(16% 0.014 262) 9%,transparent);
  --card-bg:oklch(91% 0.009 250); --card-border:oklch(80% 0.011 250);
  --card-hover-bg:oklch(99.5% 0.005 250);
  --card-shadow:0 24px 40px -24px oklch(8% 0.01 260 / 0.6);
  --card-shadow-hover:0 24px 40px -24px oklch(8% 0.01 260 / 0.6);
  --pill-bg:oklch(91% 0.009 250); --pill-border:oklch(80% 0.011 250);
  --panel:oklch(91% 0.009 250); --surface-solid:oklch(91% 0.009 250);
  --c-cpu:oklch(46.12% 0.160 264.0); --c-mem:oklch(51.84% 0.147 294.0); --c-temp:oklch(41.28% 0.147 336.0);
  --c-net:oklch(57.56% 0.147 24.0); --c-net2:oklch(37.32% 0.147 72.0); --c-disk:oklch(49.64% 0.147 119.0); --c-pwr:oklch(43.92% 0.147 189.0);
  --grad:linear-gradient(120deg,oklch(51% 0.22 264),oklch(81% 0.16 82));
  --font-ui:"Chivo Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --font-display:"Chivo Mono", ui-monospace,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"Chivo Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:800;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:999px;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* 工坊 · werkstatt */
html[data-theme="werkstatt"]{
  color-scheme:light;
  --bg:oklch(84% 0.024 82);
  --bg-plain:oklch(84% 0.024 82);
  --text:oklch(18% 0.008 60); --ink:oklch(18% 0.008 60);
  --muted:oklch(39% 0.014 62);
  --accent:oklch(46% 0.2 264); --on-accent:oklch(96% 0.012 82);
  --accent-weak:color-mix(in srgb,oklch(46% 0.2 264) 14%,transparent);
  --accent-line:color-mix(in srgb,oklch(46% 0.2 264) 42%,transparent);
  --accent-shadow:0 8px 22px color-mix(in srgb,oklch(46% 0.2 264) 26%,transparent);
  --ok:oklch(50.00% 0.130 155.0); --warn:oklch(62.00% 0.130 78.0); --bad:oklch(54.00% 0.170 27.0);
  --track:color-mix(in srgb,oklch(18% 0.008 60) 9%,transparent);
  --card-bg:oklch(79.5% 0.028 80); --card-border:oklch(58% 0.022 72);
  --card-hover-bg:oklch(89.5% 0.018 84);
  --card-shadow:none;
  --card-shadow-hover:none;
  --pill-bg:oklch(79.5% 0.028 80); --pill-border:oklch(58% 0.022 72);
  --panel:oklch(79.5% 0.028 80); --surface-solid:oklch(79.5% 0.028 80);
  --c-cpu:oklch(46.12% 0.160 264.0); --c-mem:oklch(51.84% 0.147 294.0); --c-temp:oklch(41.28% 0.147 336.0);
  --c-net:oklch(57.56% 0.147 24.0); --c-net2:oklch(37.32% 0.147 72.0); --c-disk:oklch(49.64% 0.147 119.0); --c-pwr:oklch(43.92% 0.147 189.0);
  --grad:linear-gradient(120deg,oklch(46% 0.2 264),oklch(58% 0.205 33));
  --font-ui:"Karla", ui-sans-serif,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-display:"Jost", "Futura","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-num:"JetBrains Mono", ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",ui-monospace,monospace;
  --tracking:0; --display-weight:700;
  --r-card:0; --r-card-in:max(0px,calc(0 - 1px)); --r-pill:0;
  --r-ic:max(0px,calc(0 * .55)); --r-logo:max(0px,calc(0 * .8));
  --r-sheet:max(0px,calc(0 * 1.15)); --r-btn:max(0px,calc(0 * .55)); --r-mark:max(0px,calc(0 * .55));
  --blur:none; --blur-pill:none; --blur-sheet:none;
}

/* ============================================================
   样式层：形态（圆角 / 阴影 / 描边 / 模糊 / 字体），与主题正交
   —— 与任意主题自由混搭，布局本身不动
   ============================================================ */
html[data-style="flat"]{
  --card-bg:var(--panel);
  --card-border:color-mix(in srgb,var(--text) 8%,transparent);
  --card-shadow:none; --card-shadow-hover:none;
  --pill-bg:var(--panel); --pill-border:color-mix(in srgb,var(--text) 10%,transparent);
  --blur:none; --blur-pill:none; --blur-sheet:none;
  --bg-blur:var(--panel);
}
html[data-style="line"]{
  --card-bg:transparent;
  --card-border:color-mix(in srgb,var(--text) 28%,transparent);
  --card-shadow:none; --card-shadow-hover:none;
  --pill-bg:transparent; --pill-border:color-mix(in srgb,var(--text) 28%,transparent);
  --blur:none; --blur-pill:none; --blur-sheet:none;
  --bg-blur:var(--panel);
  --track:color-mix(in srgb,var(--text) 10%,transparent);
}
html[data-style="solid"]{
  --card-shadow:3px 3px 0 color-mix(in srgb,var(--text) 84%,transparent);
  --card-shadow-hover:5px 5px 0 color-mix(in srgb,var(--text) 92%,transparent);
  --blur:none; --blur-pill:none; --blur-sheet:none;
}
html[data-style="sharp"]{
  --r-card:2px; --r-card-in:1px; --r-pill:2px; --r-ic:1px; --r-logo:1px;
  --r-sheet:4px; --r-btn:1px; --r-mark:1px;
}
html[data-style="round"]{
  --r-card:calc(var(--r-base,18px) * 1.5 + 10px);
  --r-card-in:max(2px,calc(var(--r-card) - 3px));
  --r-pill:999px;
  --r-ic:calc(var(--r-card) * .5);
  --r-logo:calc(var(--r-card) * .82);
  --r-sheet:calc(var(--r-card) * 1.25);
  --r-btn:calc(var(--r-card) * .5);
  --r-mark:calc(var(--r-card) * .5);
}
html[data-style="mono"]{
  --font-ui:"JetBrains Mono","Martian Mono","IBM Plex Mono",ui-monospace,"Sarasa Mono SC","PingFang SC","Microsoft YaHei",monospace;
  --font-display:var(--font-ui);
  --font-num:var(--font-ui);
  letter-spacing:-.01em;
}
html[data-style="glass"]{
  --card-bg:color-mix(in srgb,var(--panel) 64%,transparent);
  --card-border:color-mix(in srgb,var(--panel) 52%,transparent);
  --pill-bg:color-mix(in srgb,var(--panel) 58%,transparent);
  --pill-border:color-mix(in srgb,var(--panel) 46%,transparent);
  --blur:blur(18px) saturate(1.6);
  --blur-pill:blur(14px) saturate(1.5);
  --blur-sheet:blur(26px) saturate(1.6);
  --bg-blur:color-mix(in srgb,var(--panel) 82%,transparent);
  --card-shadow:0 10px 34px color-mix(in srgb,var(--text) 14%,transparent);
}

/* 主题下的统一微调：纸面主题不需要彩色光晕 */
html[data-theme] .stat::before,
html[data-theme] .glass::before{display:none}

/* 字重/字距跟随主题的 display 设定 */
html[data-theme] .brand h1,
html[data-theme] .card-title,
html[data-theme] .sheet-title,
html[data-theme] .sec-title,
html[data-theme] .ttl h1,
html[data-theme] .val,
html[data-theme] .sheet-hero b{font-weight:var(--display-weight,650);letter-spacing:var(--tracking,-.02em)}

html[data-theme="blueprint"] .brand h1,
html[data-theme="blueprint"] .sec-title,
html[data-theme="blueprint"] .card-title,
html[data-theme="blueprint"] .sheet-title,
html[data-theme="blueprint"] .ttl h1{text-transform:uppercase;letter-spacing:.04em}
html[data-theme="almanac"] .val,
html[data-theme="almanac"] .sheet-hero b,
html[data-theme="almanac"] .balance{font-family:var(--font-num);letter-spacing:-.04em}
html[data-theme="atelier"] .logo{font-size:25px;font-weight:400}
html[data-theme="terminal"] .logo,
html[data-theme="console"] .logo{font-size:18px;font-weight:700}
html[data-theme="atelier"] .label,
html[data-theme="atelier"] .desc,
html[data-theme="atelier"] .dr{font-weight:400}

/* ============================================================
   布局层：与主题、样式正交的第三维度
   —— 主要作用于导航页（统计卡 + 服务网格），其他页面自动无感
   ============================================================ */

/* ---------- 紧凑：一屏更多内容 ---------- */
html[data-layout="compact"] .stats{gap:10px;margin-bottom:24px}
html[data-layout="compact"] .stat{padding:11px 12px 9px}
html[data-layout="compact"] .stat .val{font-size:22px}
html[data-layout="compact"] .stat-main{margin-bottom:7px}
html[data-layout="compact"] .grid{gap:9px}
html[data-layout="compact"] a.card{padding:11px 13px}
html[data-layout="compact"] .card-title{font-size:13px}
html[data-layout="compact"] .desc{font-size:12px;line-height:1.45}
html[data-layout="compact"] .addr{margin-top:6px;font-size:10.5px}
html[data-layout="compact"] .netbar{padding:8px 12px;margin-bottom:16px}
html[data-layout="compact"] .sec-head{margin-bottom:12px}

/* ---------- 宽松：呼吸感 ---------- */
html[data-layout="roomy"] .stats{gap:20px;margin-bottom:46px}
html[data-layout="roomy"] .stat{padding:20px 21px 16px}
html[data-layout="roomy"] .stat .val{font-size:31px}
html[data-layout="roomy"] .stat-main{margin-bottom:14px}
html[data-layout="roomy"] .grid{gap:20px}
html[data-layout="roomy"] a.card{padding:20px 22px}
html[data-layout="roomy"] .card-title{font-size:15px}
html[data-layout="roomy"] .desc{font-size:13px;line-height:1.65}
html[data-layout="roomy"] .addr{margin-top:12px;font-size:12px}
html[data-layout="roomy"] .netbar{padding:15px 18px;margin-bottom:30px}
html[data-layout="roomy"] .sec-head{margin-bottom:22px}

/* ---------- 单列列表：服务卡变整行 ---------- */
html[data-layout="list"] .grid{grid-template-columns:1fr;gap:9px}
html[data-layout="list"] a.card{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  grid-template-areas:"top top" "desc act";
  column-gap:14px;row-gap:5px;padding:12px 16px;
}
html[data-layout="list"] a.card .card-top{grid-area:top;margin-bottom:0}
html[data-layout="list"] a.card .desc{
  grid-area:desc;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-layout="list"] a.card .addr{
  grid-area:act;margin:0;text-align:right;max-width:44%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-layout="list"] .stats{grid-template-columns:repeat(3,1fr)}
html[data-layout="list"] .stat{grid-column:span 1 !important}
html[data-layout="list"] .stat.wide{grid-column:span 3 !important}

/* ---------- 双列大卡：桌面手机都两大列 ---------- */
html[data-layout="wide"] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html[data-layout="wide"] a.card{padding:20px 22px}
html[data-layout="wide"] .card-title{font-size:15px}
html[data-layout="wide"] .desc{font-size:13px;line-height:1.6}
html[data-layout="wide"] .stats{gap:16px}

/* 手机端微调：紧凑/宽松的幅度收一点 */
@media (max-width:520px){
  html[data-layout="list"] .stats{grid-template-columns:repeat(2,1fr)}
  html[data-layout="list"] .stat.wide{grid-column:span 2 !important}
  html[data-layout="wide"] a.card{padding:15px 16px}
  html[data-layout="roomy"] a.card{padding:15px 17px}
  html[data-layout="compact"] .stat .val{font-size:20px}
}

/* ============================================================
   外观切换器（ThemeKit.mount 注入）
   ============================================================ */
.tk-trigger{
  border:0;background:none;padding:0;color:inherit;font:inherit;
  cursor:pointer;flex:none;-webkit-tap-highlight-color:transparent;
}
.tk-trigger svg{width:18px;height:18px}
.tk-trigger:hover{color:var(--accent)}
.tk-trigger.tk-btn{
  width:34px;height:34px;display:grid;place-items:center;
  border-radius:var(--r-pill,999px);
  border:1px solid var(--line,var(--pill-border));
  background:var(--surf,var(--pill-bg));
  color:var(--muted);
  box-shadow:var(--shadow-s,var(--card-shadow));
  transition:transform .18s,color .18s,border-color .18s;
}
.tk-trigger.tk-btn svg{width:16px;height:16px}
.tk-trigger.tk-btn:hover{border-color:var(--accent);transform:translateY(-1px)}
.tk-trigger.tk-btn:active{transform:scale(.94)}

/* ---------- 面板：始终不透明，保证任何主题下都看得清 ---------- */
.tk-pop{
  position:fixed;z-index:9000;
  width:min(360px,calc(100vw - 24px));
  padding:12px 12px 10px;
  display:flex;flex-direction:column;
  background:var(--panel,#fff);
  border:1px solid color-mix(in srgb,var(--text,#111) 14%,transparent);
  border-radius:var(--r-l,14px);
  box-shadow:0 24px 64px -18px color-mix(in srgb,var(--text,#000) 34%,transparent),
             0 2px 10px color-mix(in srgb,var(--text,#000) 12%,transparent);
  color:var(--text,#111);
  font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  opacity:0;transform:translateY(-6px) scale(.985);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.tk-pop.on{opacity:1;transform:none;pointer-events:auto}

.tk-h{display:flex;align-items:baseline;gap:8px;padding:2px 3px 9px}
.tk-h b{font-size:13px;font-weight:700;letter-spacing:.01em}
.tk-h span{margin-left:auto;font-size:10.5px;color:var(--muted);opacity:.9}

/* tab */
.tk-tabs{display:flex;gap:4px;padding:3px;margin-bottom:9px;
  background:color-mix(in srgb,var(--text,#111) 6%,transparent);
  border-radius:calc(var(--r-btn,8px) + 3px)}
.tk-tab{
  flex:1;border:0;background:none;font:inherit;font-size:12px;font-weight:600;
  color:var(--muted);padding:6px 4px;border-radius:var(--r-btn,8px);cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:5px;
  transition:background .15s,color .15s;
}
.tk-tab i{font-style:normal;font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:99px;
  background:color-mix(in srgb,var(--text,#111) 9%,transparent);color:inherit;opacity:.75}
.tk-tab.on{background:var(--panel,#fff);color:var(--text,#111);
  box-shadow:0 1px 3px color-mix(in srgb,var(--text,#000) 14%,transparent)}
.tk-tab.on i{background:var(--accent);color:var(--on-accent,#fff);opacity:1}

/* 滚动区 */
.tk-body{display:none;overflow:auto;overscroll-behavior:contain;
  max-height:min(52vh,392px);padding-right:2px;margin-right:-2px}
.tk-body.on{display:block}
.tk-body::-webkit-scrollbar{width:7px}
.tk-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text,#111) 20%,transparent);border-radius:99px}
.tk-body::-webkit-scrollbar-track{background:transparent}

.tk-grp{display:flex;align-items:center;gap:7px;margin:10px 2px 6px;font-size:10px;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tk-grp:first-child{margin-top:2px}
.tk-grp::after{content:'';flex:1;height:1px;background:color-mix(in srgb,var(--text,#111) 10%,transparent)}

.tk-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}

.tk-item{
  display:flex;align-items:center;gap:7px;padding:6px 7px;cursor:pointer;
  background:transparent;color:inherit;font:inherit;text-align:left;
  border:1px solid color-mix(in srgb,var(--text,#111) 12%,transparent);
  border-radius:max(3px,calc(var(--r-btn,8px) + 1px));
  transition:border-color .14s,background .14s;
}
.tk-item:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);
  background:color-mix(in srgb,var(--accent) 6%,transparent)}
.tk-item.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.tk-item.on .tk-nm::after{content:'✓';margin-left:4px;color:var(--accent);font-weight:800}
.tk-sw{width:22px;height:22px;border-radius:4px;overflow:hidden;flex:none;
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text,#111) 16%,transparent)}
.tk-sw i{display:block}
.tk-txt{min-width:0;display:block}
.tk-nm{display:block;font-size:11.5px;font-weight:600;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-sb{display:block;font-size:9.5px;color:var(--muted);margin-top:1px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}

/* 样式区 */
.tk-stys{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.tk-sitem{
  display:flex;flex-direction:column;gap:5px;padding:7px;cursor:pointer;
  background:transparent;color:inherit;font:inherit;text-align:left;
  border:1px solid color-mix(in srgb,var(--text,#111) 12%,transparent);
  border-radius:max(3px,calc(var(--r-btn,8px) + 1px));
  transition:border-color .14s,background .14s;
}
.tk-sitem:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
.tk-sitem.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent)}
.tk-sitem b{font-size:11px;font-weight:600;line-height:1.2;display:flex;align-items:center;gap:4px}
.tk-sitem.on b::after{content:'✓';color:var(--accent);font-weight:800}
.tk-sitem em{font-style:normal;font-size:9.5px;color:var(--muted);opacity:.85}
.tk-pv{
  height:30px;border-radius:var(--r-btn,8px);border:1px solid var(--card-border);
  background:var(--card-bg);box-shadow:var(--card-shadow);
  display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 6px;
}
.tk-pv i{display:block;height:2.5px;border-radius:99px;background:color-mix(in srgb,var(--text,#111) 50%,transparent)}
.tk-pv i:last-child{width:58%;opacity:.5}
.tk-pv[data-s="flat"]{box-shadow:none;background:var(--panel);border-color:color-mix(in srgb,var(--text,#111) 8%,transparent)}
.tk-pv[data-s="line"]{box-shadow:none;background:transparent;border-color:color-mix(in srgb,var(--text,#111) 30%,transparent)}
.tk-pv[data-s="solid"]{box-shadow:3px 3px 0 color-mix(in srgb,var(--text,#111) 82%,transparent)}
.tk-pv[data-s="sharp"]{border-radius:1px}
.tk-pv[data-s="round"]{border-radius:18px}
.tk-pv[data-s="mono"]{font-family:ui-monospace,monospace}
.tk-pv[data-s="glass"]{background:color-mix(in srgb,var(--panel) 55%,transparent);
  backdrop-filter:blur(6px);box-shadow:0 4px 14px color-mix(in srgb,var(--text,#111) 18%,transparent)}


/* 界面（骨架）预览 */
.tk-lpv[data-u]{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:2.5px;padding:3px 4px}
.tk-lpv[data-u] i{display:block;opacity:.55}
.tk-lpv[data-u="bento"]{grid-template-columns:repeat(3,1fr)}
.tk-lpv[data-u="bento"] i:nth-child(1){grid-column:span 2;grid-row:span 2;opacity:.85}
.tk-lpv[data-u="rail"]{grid-template-columns:1fr 2.1fr;grid-template-rows:repeat(3,1fr)}
.tk-lpv[data-u="rail"] i:nth-child(1){grid-row:span 3;opacity:.85}
.tk-lpv[data-u="rail"] i:nth-child(n+7){display:none}
.tk-lpv[data-u="headline"]{grid-template-columns:1fr;grid-template-rows:1.5fr repeat(3,1fr)}
.tk-lpv[data-u="headline"] i:nth-child(1){opacity:.85}
.tk-lpv[data-u="headline"] i:nth-child(n+6){display:none}
.tk-lpv[data-u="noc"]{grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr}
.tk-lpv[data-u="noc"] i:nth-child(1){grid-row:span 2;opacity:.85}
.tk-lpv[data-u="noc"] i:nth-child(n+7){display:none}
@media (max-width:520px){
  .tk-tabs{gap:3px;padding:2px}
  .tk-tab{font-size:11px;gap:3px;padding:6px 2px}
  .tk-tab i{display:none}
}

/* 布局预览：小线框图 */
.tk-lpv{display:grid;gap:3px;padding:4px 5px;justify-content:stretch}
.tk-lpv i{display:block;min-height:0;border-radius:2px;
  background:color-mix(in srgb,var(--text,#111) 42%,transparent);opacity:.75}
.tk-lpv[data-l="auto"]{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}
.tk-lpv[data-l="compact"]{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:2px;padding:3px 4px}
.tk-lpv[data-l="roomy"]{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr;gap:7px;padding:8px}
.tk-lpv[data-l="list"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}
.tk-lpv[data-l="wide"]{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr;gap:5px}
.tk-lpv i:nth-child(n+5){display:none}
.tk-lpv[data-l="auto"] i:nth-child(5),
.tk-lpv[data-l="auto"] i:nth-child(6){display:block}
.tk-lpv[data-l="compact"] i:nth-child(n+7){display:none}
.tk-lpv[data-l="compact"] i:nth-child(5),
.tk-lpv[data-l="compact"] i:nth-child(6),
.tk-lpv[data-l="compact"] i:nth-child(7),
.tk-lpv[data-l="compact"] i:nth-child(8){display:block}

.tk-foot{display:flex;align-items:center;gap:6px;margin-top:9px;padding-top:8px;
  border-top:1px solid color-mix(in srgb,var(--text,#111) 10%,transparent);
  font-size:10px;color:var(--muted)}
.tk-foot button{margin-left:auto;border:0;background:none;font:inherit;font-size:10px;
  font-weight:600;color:var(--accent);cursor:pointer;padding:3px 6px;border-radius:5px}
.tk-foot button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}

@media (max-width:520px){
  .tk-pop{width:calc(100vw - 20px)}
  .tk-body{max-height:min(56vh,420px)}
  .tk-nm{font-size:11px}
  .tk-grid,.tk-stys{gap:5px}
}