下划线绘制

线条是 ::after 伪元素（height 可调、bottom 偏移固定 -7px），默认 scaleX(0) 隐藏；hover/focus-visible/aria-current 三种状态都能点亮，键盘 Tab 与鼠标行为一致。

方向感的关键在 transform-origin 换向：默认态 origin:right（从左画出、向右收回），hover 态 origin:left——移入从左长出、移出向右缩走，形成『穿过去』的方向流。

反向变体（--alt）交换两个 origin，实现从右画出向左收，同一套代码靠选择器覆盖即可派生。

动画只动 transform（合成器路径），不触碰 width/left，任意帧无文字重排；线条用 border-radius 圆头避免两端生硬。

预览自动演示：body 未 hover 时线条按 1.8s 节奏画出-保持-收回循环，光标进入 iframe 后让位给真实 hover 过渡。

reduced-motion：过渡压到 0.01ms 并停掉演示动画，hover 时线条瞬时出现，信息不丢失。