做了一圈渐变描边，圆角处出现缺口或直角，怎么调都不对。第一次遇到会往复杂处想，其实漏掉的多是个小前提。
.box { border: 2px solid transparent; border-radius: 12px; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg,#2b6cff,#8a4dff) border-box; }
边框渐变通过背景裁切实现，内外两层圆角半径没有对齐。这一点先确认清楚，后面就不用反复试。
碰到「渐变边框圆角」这类问题，我习惯先把当前配置原样备份一份，改坏了立刻换回来，不用现场推。把这次用到的命令存进笔记，比记住结论有用，换个环境还能照着走。
改完隔一天再看一次，当场正常不代表能稳住。测试环境和线上的差别，往往就在版本号和那几行被忽略的配置上。
线上出问题先对时间点，跟发布、备份、任务执行的时刻排一排，能省掉一半功夫。日志级别临时调高可以，记得改回去，长期开着既占磁盘又掩盖真问题。
具体做法是，用双层背景加内边距模拟边框；内外圆角半径做差值；避免直接设边框颜色。
改完照着核一遍，四角圆滑连续，渐变描边均匀无缺口。