用途：为 hero 产品卡、封面图或少量作品缩略图添加触感化的 3D 深度，卡片会朝指针方向倾斜并带有柔和反光。
主要能力：基于指针位置计算 rotateX/rotateY，配合遮罩反光；遵循 MOTION-SPEC.md；技术思路源自 vanilla-tilt.js，但为无依赖重实现；指针离开后恢复水平。
使用方式：将 tilt-3d.css 与 tilt-3d.js 复制进项目并引入，然后在卡片上标记：<div class="tilt" data-tilt-max="10"> … </div>。脚本会自动挂载到 .tilt 元素。data-tilt-max 建议保持较小（8–10）。React 中可在 useEffect 内调用 attachTilt(ref.current)，并加上相同的条件判断。
适用场景：hero 产品卡、封面图、少量作品缩略图。
限制与注意：不要用于密集网格（多张卡片同时倾斜会显得混乱，可能引起不适）；不要用于文字密集卡片（影响可读性）；纯触屏环境下会自动保持平面。在 prefers-reduced-motion 和 (hover: none) 触屏设备上会保持平面。仅使用 transform: rotateX/rotateY 与遮罩反光，对 GPU 友好。
其他信息：官方文本暂未提供；具体安装包、版本或收费情况资料未提及。