粒子漂浮

粒子是 18 颗固定小圆（radial-gradient 实心核心 + 渐隐边），数量固定、不做随机逻辑——CSS 粒子的纪律是『少量、精排』：每颗粒子手动指定横向位置、初始相位（负 delay）、尺寸倍率与摆向。

上升动画一条 keyframes 走完：淡入 → 中段横向摆（--sw 控制摆向，路径为弧线）→ 冲出顶部淡出；infinite 循环靠首尾 opacity 0 掩盖重置跳变。

只动 transform + opacity；终点 -125vh 让任何高度的 iframe 里粒子都能完整飘出画面（vh 随容器自适应）。

可见性下限是硬指标：基准 4px、尺寸倍率 0.8-1.5（最小 3.2px）、亮度峰值 --dot_o=0.8 且 8%-82% 全程 α≥0.68——深底上的 1px 半透明粒子等于隐形；wash 垫底只为氛围，可读性由粒子自己保证。

reduced-motion 下停用上浮，粒子以半透明静止在各自初始位置；需要更密请复制粒子节点，不要加大 blur。