这个效果是怎么做出来的
旋转描边的实现是一个经典组合：用 conic-gradient 画一圈多色渐变，再用 CSS @property 把角度注册成可动画的属性，让这圈渐变绕着卡片缓慢流转。真正让它只露出 2px 边框的是 mask 技术——把渐变层铺满整个卡片，然后用 mask-composite 把中间区域挖掉，只留下边缘一圈。这样渐变在挖空的区域里照常旋转，视觉上就是一圈会流动的描边。
底部的弥散背光是另一层：一团彩色模糊光斑（filter: blur 加上较大的模糊半径）放在卡片下方，用 keyframes 做缓慢的缩放和透明度起伏，形成呼吸感。两层叠加后，卡片像是悬浮在一团活的光上面。性能上要注意：blur 是高开销滤镜，只让光斑层用它，卡片本体不要沾；动画只碰 transform 和 opacity，浏览器可以全程合成器渲染。
怎么用这条提示词
这条提示词适合直接发给 AI 生成一个独立组件或 CSS 片段。发给 AI 时可以补充你的品牌色，比如「渐变用我的主题蓝到紫」，AI 会替换 conic-gradient 的色标。如果卡片内容较多，建议让 AI 把光晕层放在 ::before 伪元素上，避免干扰真实内容的层叠顺序。
想效果更好？试试这些
渐变色不要超过三个色标，太多会显得脏。呼吸动画的周期控制在 3 到 4 秒，太快会让人烦躁。深色背景下光晕效果翻倍，浅色背景则要把光斑透明度调低一半，不然会糊成一团。最后记得加 will-change: transform 提示浏览器提前分好合成层，首帧更顺滑。