旋转立方体

标准三件套：父级 perspective、立方体 preserve-3d、六面各自 rotate + translateZ(半边长)；所有面共用 --size_px，改边长时六面与半径 calc 自动同步。

面用半透明底 + 描边，刻意不设 backface-visibility:hidden——透出背面棱线的『线框感』正是玻璃立方体的质感来源；透视会把靠近的面放大约 7%。

动画只改 transform 且 will-change:transform 走合成器，匀速 linear 无逐帧开销；悬停用 animation-play-state:paused 暂停，不会重启动画。

场景预留 2 倍边长的安全框：旋转到对角线姿态（约 1.73 倍边长）也不触边，外层 overflow:hidden 兜底。

reduced-motion：动画替换为固定 -22° 俯角 + 32° 偏航的静置姿态，六面编号仍可读。