用途：为前端 CSS 渐变提供确定性规则，覆盖 linear-gradient、radial-gradient、conic-gradient 及其 repeating-* 变体，解决中点发灰、色带、色相路径错误与动画闪烁等问题。
主要能力：其一，插值色彩空间选择，默认 sRGB 常在互补色中点发灰，改用 in oklab（通用默认）或 in oklch（需要色相弧修饰时）可改善；极坐标空间支持 shorter/longer/increasing/decreasing hue 修饰符。其二，渐变函数选型：线性用于轴向过渡，径向用于高光、暗角、光晕，锥形用于饼图、加载环、色轮，repeating 变体用于条纹、棋盘格等重复图案。其三，停止点写法，包括隐式/显式位置、硬停止、中点提示及重复硬停止。其四，动画：用 @property 注册 --grad-angle（syntax: '<angle>'）等类型化自定义属性，否则动画结束会跳变；必须用 prefers-reduced-motion 降低动效。其五，网格渐变模拟：CSS 无原生 mesh-gradient，可堆叠 2-4 个 radial-gradient 图层，各自在定位点淡出至透明并叠加在纯色底色上。
使用方式与注意：渐变属于图像，应设置在 background-image 而非 background-color；平滑过渡需用不同停止点位置，相同位置会产生硬边；背景位置动画会逐帧触发重绘，应改用 transform 动画或预留绘制成本。示例代码与反模式清单见其方法与示例文档。限制：网格渐变、复杂有机形状（可用 SVG feGaussianBlur）等超出该技能范围；具体浏览器兼容与实测效果资料未提供。