useMouseVars

给元素喂光标坐标 CSS 变量，配合 effects.css 的 .lx-spot（光标 spotlight）与 .lx-tilt（3D 微倾斜）。

用法

光标跟随卡片移动光标：spotlight 跟随 + 3D 微倾斜（≤±7°）

API

useMouseVars(target: Ref<HTMLElement | null>, opts?: { tilt?: boolean; maxTilt?: number }): void

参数	默认	说明
target	—	目标元素 ref
opts.tilt	false	是否输出倾斜角变量
opts.maxTilt	7	最大倾斜角（度）

输出的 CSS 变量：

变量	说明
--lx-mx / --lx-my	光标在元素内坐标（.lx-spot spotlight 用）
--lx-rx / --lx-ry	倾斜角（tilt: true 时输出，离开归零）

行为与边界：SSR 安全（只在 onMounted 绑定）；prefers-reduced-motion: reduce 时不输出倾斜角。