用途：渲染一条看起来像现场画出的手绘感 SVG 线条，用作标题下划线、箭头标注、logo 周围的装饰波浪线，或跟随元素运动轨迹的拖尾。资料强调“不完全矢量”的视觉信号是常见的反 AI 感手段，笔直干净的线显得算法化，带轻微抖动的手绘线更像人工。
主要能力：可按 path_kind 生成 underline、arrow、squiggle、underline-with-arrow、circle-around 等路径；通过 control_points 生成贝塞尔路径（缺省用默认弧线）；对路径按约 12px 间隔采样，用 wobble_amplitude_px * noise(t, seed) 施加每顶点抖动；用 getTotalLength() 计算路径长度，设置 stroke-dasharray = pathLength、stroke-dashoffset = pathLength * (1 - progress)，在 draw_duration_frames 内把 progress 由 0 插值到 1；arrow_tip 为 true 时在线条画完后 4 帧内补画手绘三角箭头。实现为使用 SVG、useCurrentFrame() 和 interpolate 的 React 组件。参数包括 stroke_color、stroke_width_px、stroke_linecap、wobble_frequency、wobble_seed、arrow_size_px、draw_easing、draw_start_frame 等。
风格包覆盖：SP-B（pinterest-saturated）用 stroke_width_px 4、wobble_amplitude_px 6、arrow_tip true，墨色 #0F0F0F；SP-E（chaos-card）用 6/8，颜色取卡片补色；SP-G（riso-illustration）用 5/6，并可在 anchor_target 为 element-handoff:ball 时沿元素关键帧轨迹生成路径；SP-A（marshmallow）和 SP-C（editorial-cinematic）不使用。
适用场景：标题下划线（SP-B、SP-G）、指向 UI 元素的箭头标注（SP-B）、logo 周围装饰（SP-B、SP-E、SP-G）、元素交接轨迹拖尾（SP-G）。限制：SP-A、SP-D 不适用；单场景不超过 3 条，否则显得杂乱；只作点缀，不作主体。质量检查包括路径每帧在画布内、描边动画在 draw_start_frame + draw_duration_frames 前到达 0、箭头落在终点、抖动可见但不混乱。常见失败与修正：线未到终点多因 pathLength 在抖动前测量，需抖动后测量；抖动像正弦波需改用 perlin/simplex 噪声；箭头方向错需按终点切线定向；线条被裁切需把起终点加抖动限制在 88% 安全区内。