磁性按钮 Magnetic Button

按钮像被磁铁吸住，光标靠近就朝指针方向偏移，离开又弹回原位

（鼠标移近会被吸过去；没鼠标时自动巡演）

**磁性按钮（Magnetic Button）**给按钮加了块看不见的磁铁：光标还没碰到它，它就先凑过来；光标离开，又“啪”地弹回原位。Awwwards 获奖网站的标配微交互——把“点这里”变成一次小小的调情。

什么时候用：作品集、品牌官网、活动页的主 CTA——恰恰因为克制使用才显高级。表单提交、批量操作这类严肃按钮别磁，用户会怀疑按钮是不是没对准。

对 AI 说清楚的三要素：① 跟随系数 0.2~~0.35 且限制最大偏移（12~~18px），1:1 跟随就成了拖拽；② 回弹必须带过冲缓动（spring back），线性归位像断了电；③ 触屏端直接关掉——手指没有 hover，磁了个寂寞。

主按钮用磁性按钮（Magnetic Button）：监听容器 pointermove，
按钮朝光标方向偏移（跟随系数 0.3、最大 18px，非 1:1 跟随）；
光标离开时用带回弹的缓动（cubic-bezier 0.34,1.56,0.64,1）
弹回原位；触屏设备禁用此效果。