暗色模式适配 Dark Mode
一套深色色板与浅色成对，切换时全部颜色整体平滑过渡而非跳变
主题演示窗口
卡片表单图表
（点右上开关：全部颜色一起过渡，而不是瞬间跳变）
**暗色模式适配（Dark Mode）**是给产品配第二套皮肤：深浅两套色板成对定义，一个开关整体切换。做得好是“夜晚柔光”，做不好是“负片反色”——深色模式不是把白色改黑，而是整套色彩关系重新调：纯黑刺眼、纯白晃眼，都要往中间收。
什么时候用：阅读时长产品（资讯、文档、编辑器）几乎必配；跟随系统偏好（prefers-color-scheme）是底线，手动开关是尊重。一次性活动页可以不做。
对 AI 说清楚的三要素：① 颜色全部抽成语义变量（surface/text/muted），禁止硬编码色值，这是能切得动的前提；② 切换时整体 0.3~0.4s 过渡，瞬间跳变很廉价；③ 深色下饱和度降、阴影加深、图片可加轻微降亮（filter: brightness(0.9)）。
复制即用的提示词片段
全站做暗色模式适配（Dark Mode）：颜色全部走 CSS 变量语义层 （背景/表面/文字/强调），深浅两套值；切换时给根元素加 transition 0.35s 让全部颜色整体过渡；深色不是反色——饱和度 降低、对比度保持，阴影改用更深的黑。