这是一款基于 CSS animation-timeline: scroll() 实现的滚动缩放效果。页面初始呈现一排等大的深色卡片，随着用户向下滚动，位于中心的卡片会逐渐放大并高亮为蓝色，两侧卡片同步缩小退后，形成明确的视觉焦点层次。

    整个过程不依赖任何 JavaScript，纯 CSS 驱动，滚动与动画完全同步——快滚快变、慢滚慢变，手感极其丝滑。这正是原生滚动时间线最大的优势：把滚动进度直接映射成动画进度，丝滑且性能出色。这个效果最适合做内容展示型页面，比如产品功能逐条介绍、时间轴回顾、或者卡片式课程目录——用滚动行为本身引导用户聚焦，比传统点击切换更自然，也更有记忆点。