渐变流动 Animated Gradient / Gradient Flow

渐变流动（Animated Gradient）的技巧是把渐变画布放大再平移：background-size 设为 300%，然后让 background-position 缓慢往返移动，三种以上的颜色就开始互相流动、此消彼长。渐变本身不能直接动画，动的其实是“取景框”。

什么时候用：登录页/首页的氛围背景、按钮 hover 的高亮流动、品牌感强的 banner。内容密集页别用整页流动——它持续消耗注意力。

对 AI 说清楚的三要素：① 颜色 3 个以上（两个颜色流动感弱）；② 周期 6~10s（太快像故障）；③ 放大 background-size 到 200%~300% 才有位移空间。

背景使用渐变流动（Animated Gradient）：linear-gradient(120deg,
#ff7eb3, #a68bff, #7af5ff) 并 background-size 放大至 300%，
background-position 0%→100% 循环 6s ease-in-out infinite。