适用场景

• 数据看板、KPI 指标条与后台界面
• 可作为完整区块嵌入更大的站点

可调参数

#070711

accent color

#ECEAF9

accent color

#34D399

accent color

#9D99C4

accent color

1.8s

motion timing

3s

motion timing

1.2s

motion timing

无障碍

• ⚠尚未内置 reduced-motion 兜底——上线前请把动画包进 @media (prefers-reduced-motion: reduce)。

性能特征

• 基于 Canvas：控制粒子数量上限并复用 2D 上下文——逐帧渲染是主要开销。
• 自包含单文件（约 6.5 KB，零网络请求）——可内联或 iframe 懒加载。