行级显现

行级显现 = 遮罩 + 内层位移：外层 overflow:hidden 当遮罩，内层 span 从 translateY(--line_y%) 升到 0——文字永远在遮罩内移动，任何中间帧都不会看到半截字浮在标题区外。

行数与顺序（--i）直接写在 HTML 标记上，不做运行时拆词拆行：避免 JS 分行导致的布局抖动与换行错位，复制到的代码所见即所得。

以组（.lr-group）为单位观测，一次 is-in 触发组内所有行按 --i × --stagger_ms 级联；触发后 unobserve，一次性动效。

只动 transform；渐进增强（无 JS / reduced-motion / 无 IO 时内容直接可见）。

缓动用强减速曲线（cubic-bezier(0.19,1,0.22,1)）、行间 100ms 级延迟，整组在 1s 内完成——拖得太长会显得做作。