3D 倾斜卡片

光标归一化坐标（0-1）映射为 rotateX/rotateY：光标所在一侧抬起、对侧下沉，最大角度由 --max_tilt 限制。

perspective 放在外层 stage 上而不是卡片自身，透视中心稳定；卡片 preserve-3d 让子层保住深度。

内容层 translateZ(30px)、强调条 translateZ(42px)，与柔光层形成视差——『厚实感』来自这几层深度差。

不要在 preserve-3d 元素上设 overflow:hidden（会强制扁平化、3D 失效）；圆角交给子层与 glare 层。

高光是白色单色柔光：渐变峰值 alpha 0.14 × --glare_opacity（0-0.35），实际渲染透明度 ≤5%，只提质感不抢内容；圆心由 --gx/--gy 跟随光标；跟随用 60ms 线性过渡、离开用 --dur_ms 缓动回正。

预览空闲演示：光标离开区域约 3s 后 JS 依次演示左倾/右倾/回正三步并同步移动柔光，用户进入区域立即让位给真实交互。