流光渐变字

首尾色相同（a-b-c-a）+ background-size:200% + background-position 0%→200%，一个周期恰好平移一个图块，循环无缝。

background-clip:text 必须双写 -webkit- 前缀（Chrome 老版本与部分内核依赖），color:transparent 让文字透出背景。

动画走 background-position，属于重绘路径；标题级小面积文本开销可忽略，但不要用于超过 200px 的巨幅字或整段正文。

文字被裁成透明后，::selection 高亮不可见——重要交互文本慎用，装饰性标题无碍。

用 @supports not (background-clip: text) 降级为纯色文字，避免出现整块渐变矩形。