纯 CSS 实现滚动联动导航图库预览效果

    这是一款基于纯 CSS 实现的图片画廊导航效果，综合运用了 :target-before、:target-current、:target-after 伪选择器、CSS 锚点定位（Anchor Positioning）以及 animation-timeline 滚动时间线技术。左侧缩略图会随页面滚动位置实时感知"前一张、当前、后一张"的状态并自动切换高亮——当前选中项有金色边框标记，前后项保持灰显，整个过程不依赖任何 JavaScript。右侧大图区域的标题文字也会在滚动进入视野时触发细腻的入场动画。这套方案最值得关注的地方在于：以往这类联动效果离不开 JS 监听滚动事件，而这里纯靠 CSS 新特性就实现了，代表了前端实现思路的一次转变。适用于摄影作品集、产品图册、新闻专题页等需要图文联动展示的长页面场景。