隐藏数字输入框上下箭头需同时处理WebKit/Blink和Firefox：Chrome/Edge/Safari用::-webkit-inner-spin-button和::-webkit-outer-spin-button加-webkit-appearance:none；Firefox必须加-moz-appearance:textfield，且均需设margin:0避免留白。margin: 0;

能，border-image 可配合 linear-gradient 实现边框渐变，需同时设置 border、border-image-source、border-image-slice（值为1）和 border-image-repeat 四个属性，缺一不可。border-image 和 border-radius 天然不兼容：渐变图是按矩形边框绘制的，圆角区域不会自动裁切或过渡，结果是边框直角部

因为 background-position: center 只控制背景图的“起始锚点”落在容器中心，但最终是否视觉居中，还取决于背景图尺寸和 background-size 的配合。background-position: center 确保被保留的中心区域居中contain：等比缩放至全部可见，留白在四周；），它会重置 background-position 为 0% 0%，必须显式写全：ba

在构建类似 SketchPad 的网格画布时，一个常见误区是：仅通过 grid-template-rows: repeat(var(--rows), 1fr) 和 grid-template-columns: repeat(var(--cols), 1fr) 控制行列数量——这会导致当行列数增加时，每个 1fr 单元实际占据的像素变小，但容器内总网格面积仍会因子元素 padding、border

触发器适合处理「同库同表内、低延迟、无外部依赖」的衍生字段一旦需要查另一张表、调 API、解析 JSON、或写入其他数据库，就该换方案（比如 CDC + Flink / Debezium）MySQL 触发器不支持 SELECT ... INTO 赋值给变量以外的复杂查询；别试图写“兼容双端”的触发器 SQL —— 语法树根本不同，维护成本爆炸如果必须多库支持，把转换逻辑抽成应用层方法，数据库只留最