dsh-krill-theme

使用与调参（浮游生物）

对话栏（L2 阅读区）带一层极轻量的深海浮游生物动画（canvas 预渲染发光 sprite， 无依赖；洋流驱动：所有粒子同向漂移、流向/流速周期性变化、个体仅微小游动扰动）。 prefers-reduced-motion 时只渲染静态帧。

亮色（浅海）下粒子仍为深海荧光色板，不做主题切换（用户裁定，2026-08-15）。

参数（默认值）

参数	CSS 变量	默认	说明
count	--dsh-plankton-count	90	粒子数
opacity	--dsh-plankton-opacity	0.32	整体透明度（低，不干扰阅读）
speed	--dsh-plankton-speed	0.0007	洋流基准流速（视口比例/秒）
baseAngle	--dsh-plankton-angle	-1.28	基准流向（弧度，-π/2=竖直向上，默认斜竖向向上）
swing	--dsh-plankton-swing	0.18	流向周期摆动幅度（弧度）
swingPeriod	--dsh-plankton-swing-period	55	流向摆动周期（秒）
flowPulse	--dsh-plankton-flow-pulse	0.45	流速脉动深度（0..1，潮汐感）
flowPulsePeriod	--dsh-plankton-flow-pulse-period	42	流速脉动周期（秒）
diveCountScale	--dsh-plankton-dive-count-scale	1.6	深潜时光点倍率（额外小光点从底部涌出）
diveBrightness	--dsh-plankton-dive-brightness	1.15	深潜时整体亮度倍率
diveGlow	--dsh-plankton-dive-glow	0.22	深潜时面板辉光强度（0 关闭；呼吸幅度温和）

三种调参方式

1. 加载前（window 配置）：

   // 页面加载前（如注入脚本/书签）设置
   window.__DSH_DEEPSEA_PLANKTON__ = { speed: 0.0004, count: 70 }
   

2. 实时调参（无需重启）：

   window.__DSH_DEEPSEA__.setPlankton({ speed: 0.001, baseAngle: -1.2 })
   window.__DSH_DEEPSEA__.getPlankton()
   

3. CSS 变量（自己的样式表里覆盖）：

   :root { --dsh-plankton-speed: 0.0004; --dsh-plankton-angle: -1.2; }
   

关闭：window.__DSH_DEEPSEA_PLANKTON__ = false（加载前设置）。

深潜（"Deep diving..." 工作态）增强

生成期间（对话栏出现 Deep diving... 状态）浮游生物进入深潜模式：

• 加速上涌：全体粒子以 ~40× 流速近乎竖直上冲，叠加各自相位的周期性涌浪 （2.0 rad/s ≈ 3.1s 周期），像随深潜节奏呼吸。
• 更多光点：按 diveCountScale 额外涌出更小更亮的光点（从底部边缘下方 升起，深潜结束即退场）。
• 整体调亮：粒子亮度乘 diveBrightness（默认 1.15），生物荧光更明显。
• 面板辉光脉动：对话栏背景叠一层预渲染柔光——下深上白的竖向渐变（顶部 近海面的柔白光，向底部渐隐入深海暗色），透明度随上涌节奏（同 2.0 rad/s， 单相位）在 70%..100% 强度间温和呼吸，总强度由 diveGlow 控制（0 关闭）。 开销：预渲染渐变仅随 resize 重建，每帧只多 1 次 drawImage，可忽略。

prefers-reduced-motion 时深潜动画同样退化为静态帧（无循环、无辉光脉动）。

---