生成出来的界面为什么一眼假，颜色只是一个原因。圆角、阴影、间距全用默认值， 半透明到处飞，深色模式把浅色那套 α 原样抄过去，这些加起来才是那股味。 能算的做成工具，口味的老实说是口味，这一站按这个分。
专题
- 透明度 半透明压在底上实际是什么色
- 毛玻璃 蒙层至少多不透明，字才在任何内容上都读得出来
- 渐变 字压在渐变上最难读的一点，以及中段发灰
- 阴影 边上那圈到底有多浓；深色底换明度
- 分割线 只问看得见吗
- 圆角 内径 = 外径 − 间距，以及一套刻度
- 令牌体检 粘一段 CSS，数一数各有几种
这一站的几条规矩
- α 不是令牌，成色才是。同一个 rgba 压在不同底上是不同的颜色， 算出成色写成实色，浅色深色各一个，数才是定的。
- 控制不了的东西按最坏情况算。毛玻璃后面滚过什么、渐变上字落在哪一段， 都取最差的那一点。最差点过线，整个才算过。
- 看得见吗，不是 3:1。阴影和分割线是装饰，WCAG 1.4.11 的 3:1 管的是有意义的界面部件。 这里的门槛 :1 是建议，跟配色工作台判分隔线用的同一个数。
- 深色底上阴影失效，用明度。黑影压黑底没有落差，表面盖一层白，越高越亮。
- 口味不打分。圆角的气质、线还是留白，这类事只摆对照，不发明公式。
接下来
版式那一组（卡片网格、文档三栏、居中窄栏这些）会作为一个分组挂进左栏，
断点按正文字数推出来，不猜。这一站本身就是文档三栏的活样板：
左栏 13rem、正文限 40rem、右栏 12rem，两个断点是加出来的，写在 surface.css 的注释里。
导出那一块之后会并进配色工作台的九种格式和命令行 skill，一套引擎不写第二份。