滚动投影导航

投影与实底背景画在 ::after 上，滚动只驱动它的 opacity 0→1（scroll(root) 时间轴 + animation-range 0-80px）——opacity 是合成器属性，比逐帧重绘 box-shadow 便宜一个量级。

animation-range 0→80px：滚动 80px 内完成从『透明悬浮』到『实底投影』的过渡；背景与 backdrop-filter 一起随 opacity 淡入，边缘不会突兀。

导航定高由 --nav_h 控制，hero 顶部 padding 同步引用它，任何滚动位置 logo 与链接都不会被内容顶到或截断。

@supports not (animation-timeline: scroll()) 降级为常显投影导航，功能不受影响（Chrome/Edge 115+ 才支持时间轴）。

reduced-motion 不影响（状态由滚动位置决定，非时间驱动）；demo 自动滚动为预览辅助，用户滚动即停。