主题系统是如何工作的

主题由两个相互独立的维度组成，都以 data-* 属性挂在 <html> 上：

• data-mode：light / dark
• data-theme：配色名称

defaultoceanforestsakurapaper

无闪烁初始化

<head> 中有一段阻塞执行的内联脚本，在首帧渲染前从 localStorage 读取偏好并设置属性，因此刷新页面不会出现白屏闪烁。

新增配色

1. 在 src/styles/themes.css 中添加：

[data-theme='mint'] {
  --hue: 170;
  --accent-c: 0.12;
  --neutral-c: 0.01;
}

2. 在 src/config/themes.ts 中注册 { id: 'mint', swatch: 'oklch(0.6 0.12 170)' }。
3. 在三个语言词典中添加 theme.palette.mint 文案。

所有语义色（背景、文字、边框、强调色）都由 oklch 公式从色相推导，明暗两套自动生成。