翻页转场

翻页层是『双面卡片』：front 为当前右页、back 预置 rotateY(180deg)，两面 backface-visibility:hidden（含 -webkit- 前缀）；flipper 绕 left 中轴 rotateY(-180deg)，整层翻落后恰好盖住左页。

perspective:1400px 放在 .stage 上：书页尺度大、透视要远才不会畸变；flipper preserve-3d，两面 overflow:hidden 只负责裁切内容。

真实感来自三层细节：中缝渐变阴影（.spine 叠在 z-index 最上）、翻页层落影、纸页本身的微渐变米色；两面内容都排满，翻到任意角度不露空白。

翻页终态盖住左页——所以左页尺寸、圆角方向与 flipper 落点完全一致，转场结束即是一副完整的『摊开的新对页』，无接缝跳变。

reduced-motion：关闭过渡与自动演示，hover 时内容直接呈现终态（瞬时翻完）。

预览自动演示：body 未被 hover 时以 8s 周期自动翻页再翻回（keyframes 复用同一角度），光标进入即让位给真实 hover。