适用场景

• 大标题、编辑感排版与动态文字
• 作为安静页面上的唯一招牌动效瞬间

可调参数

--bg

#070711

--panel

rgba(255,255,255,.04)

--line

rgba(255,255,255,.09)

--txt

#eceaf9

--dim

#9d99c4

--v1

#8b5cf6

--v2

#d946ef

--c1

#22d3ee

无障碍

• ⚠尚未内置 reduced-motion 兜底——上线前请把动画包进 @media (prefers-reduced-motion: reduce)。
• ⚠检测到交互控件——图标若承载含义请补充 aria-label。

性能特征

• 动画只用 transform/opacity（GPU 合成），不触发布局重排。
• 使用了 CSS blur（最贵的滤镜）——移动端请控制模糊面积。
• 自包含单文件（约 3 KB，零网络请求）——可内联或 iframe 懒加载。