进深轮播

五张卡共用一条 3D 轨道：JS 只负责把『槽位（0 前 / 1 右 / 2 后 / 3 左 / 其余隐没）』对应的 transform+opacity 写到卡上，卡片间过渡全交给 CSS transition，插值由合成器完成。

槽位用 (i - cur + n) % n 取模映射：index 只做加减，任意方向切换都形成环形轮转，跨首尾不跳变。

深度即层级：前排全亮描边加粗、两侧 55% 透明并带 26° 侧偏角、后排 18%、更远的隐没——透明度随 Z 衰减制造空气透视。

前排卡在 Z=--depth_px 处被 perspective 放大约 1.16 倍，排布要按放大后尺寸留边；两侧卡被 viewport 裁切是刻意的『探出』效果（安全框内裁切）。

交互三通道：按钮、点击侧卡直达、viewport 聚焦后左右方向键；reduced-motion 下关闭自动前进并把过渡清零。

预览空闲演示：静置约 3s 自动下一张，任何指针移动或点击立即接管。