水平拖拽旋转圆环，松手后惯性滑动并磁吸回正到最近卡位，正前方卡片点亮。

把角色牌拖到玩家槽位：命中槽位呼吸高亮→松手磁吸吸附并触发指令；拖到空白处弹簧回弹。模拟强盗偷牌/捣蛋鬼换牌链路。

单指拖动旋转立方体；双指捏合缩放、旋转（Pointer Events 天然同时支持鼠标与触屏）。

整个场景按景深分层，指针移动时各层以不同速度错位——连月亮、山丘、像素爱心都是用 box-shadow 逐像素拼出的纯 DOM 画面，无任何图片。

一座完全由 DOM 平面拼装的 3D 像素小镇：楼体、树木、路灯、云朵都是逐面 translateZ 组装的立体块， 窗户随机点亮并闪烁。拖拽旋转视角、滚轮 / 双指缩放，可开启自动巡航与昼夜切换。

同一张精灵图（4 帧行走循环，由位图字符串现场生成的 SVG data URI —— 依然零图片文件）， 用两种属性切帧：A 动 background-position + steps(4)（Chromium 可被合成器接管）； B 动 transform: translate + steps(4)（所有浏览器都保证走合成器）。 帧间不重绘，只改 GPU 纹理坐标 —— 开 DevTools → Rendering → Paint flashing： 播放时精灵不闪绿；闪绿才说明每帧还在主线程重新栅格化。