反模式 · 布局 · 中
嵌套圆角不同心
嵌套圆角不同心指内层圆角照抄容器值而非由容器减 padding 推导，两段弧不共圆心。
症状
嵌套元素的圆角曲线与容器不共圆心——转角处间隙明显变宽。
为什么会这样
模型到处用同一个圆角值，因为这看起来「统一」。统一是对的，值相同却是错的——同心需要减掉 padding。
规则
内半径 = 外半径 − padding。要推导，不要照抄。
- 量出容器边缘与嵌套元素之间的 padding。
- 用容器半径减去这个 padding，得到内半径。
- 两者都写成 token，关系才能在后续改动中存活。
嵌套圆角不同心是什么？
把一个按钮放进卡片，两者的角很少能对齐：内层曲线通常直接照抄外层半径，于是两段弧的圆心不同，转角处的间隙肉眼可见地变宽。规则是算术的——内半径等于外半径减去两者之间的 padding。设成 token 一次，嵌套的角就自动同心。
修复 Prompt
贴在你现有 Prompt 之后，把这类毛病从结果里剥掉。