【示例】把散落的灰色收进语义变量以后，夜间模式终于好维护了

试运营示例：参与成员与历史互动为演示数据，欢迎留下你的真实想法。

这次没有先调颜色，而是先给颜色命名：正文、次要文字、分隔线、表面和交互强调。组件只依赖这些含义，日夜主题再提供具体值。

最容易漏掉的是输入框占位文字、代码背景和弹出层。它们在首页截图里不显眼，真正使用时却一直能遇到。

.note {
  color: var(--foreground);
  background: var(--surface);
  border: 1px solid var(--border);
}
.note small { color: var(--muted-foreground); }