遮罩显图

揭示用 clip-path: inset(0 100% 0 0) → inset(0)：右缘内缩量从 100% 归零，图从左向右擦出；inset 的 round 分量让裁切边缘保持圆角，与画框圆角联动（外框圆角 - 1px 描边）。

图片是纯 CSS 渐变假图（多层 radial/linear/conic 叠出星空、月亮、晚霞天空与两道山脊），零外链、零资源加载；真实项目中把背景层换成 <img> 即可，动画逻辑不变。

揭幕同时假图从 scale 1.25 缩到 1.02，形成 Ken Burns 式视差：遮罩是线性揭示、内容是缩放沉降，两层不同速率叠加出『幕布后有纵深』的观感。

transition 挂 clip-path 与 transform，均为可插值属性；clip-path 动画在合成器路径上，800ms 内全程流畅，任何帧画框与题注不截断。

figure 可聚焦（tabindex 由宿主补充或换 button 包裹），:focus-visible 与 :hover 同效；题注常显在画框内底部，任意帧可读。

reduced-motion：动画与过渡全部关闭，clip-path 固定为全显——静态呈现完整图片，信息零丢失。