样式收敛：一个按钮不要八套 CSS

操作步骤

1. 样式重复不是模型偷懒

   样式重复不是模型偷懒，而是三个结构性原因叠加：AI 看不到项目已有的 CSS；读懂旧样式并修改的成本比新写更高；害怕改坏别人在用的样式，所以并列新类名。这些原因都指向缺少一份'我们已经有什么'的清单，把样式资产写进项目规则文件，AI 每轮才能看见。

2. 收敛已经乱掉的项目要分四步

   收敛已经乱掉的项目要分四步：先让 AI 扫描全项目产出重复清单，只盘点不改代码；从真正在用的值里定一小套 token，包括主色、语义色、少量圆角和间距；按控件类型分批合并，每批单独提交，收敛是等价替换，视觉上应无明显变化；最后把'先搜 token 和公共组件，搜到复用，搜不到才新建并说明搜过什么'写进规则。

3. 判断该不该合并只问一句

   判断该不该合并只问一句：这个差异叫什么名字。叫得出名字的是设计决策，如次要按钮、危险操作、触摸目标；叫不出名字的两个差 2px 的圆角或两个肉眼分不出的蓝，应当合掉。收敛中要避免一把梭全量重构、顺手改视觉和把 token 定得太细。

完成检查

• 样式收敛和普通视觉改版有什么区别： 收敛是等价替换，视觉上应该看不出变化，目标是把重复样式收成 token；视觉改版是主动改变外观的任务。两者如果混在一起，就分不清页面变化是合并 bug 还是审美调整。

• 为什么 token 档位越少越好： 档位少到几乎没得选才有约束力。如果圆角定十二档、灰色定九种，AI 仍然要在相近值之间挑选，挑错的可能性并没有降低。