混合模式光标

白色圆点 + mix-blend-mode:difference：与底下像素做差值运算，深底上呈亮色、扫过浅色板自动反相、压过彩色块呈补色——无需 JS 判断底色。

双层光标：dot 高跟随（--follow 0.3）、ring 慢半拍（--ring_lag 0.14），速度差产生『拖拽感』；悬停标题/色块时 ring 放大 1.6 倍、按下收缩 0.72 倍。

demo 里 body { cursor:none } 隐藏系统光标——只在 demo 范围内做；生产中要保留文本 I 光标与键盘焦点样式，避免可访问性问题。

位置走 CSS 变量 + transform 合成器路径；difference 混合会把元素提升为独立合成层并限制部分优化，同屏大粒子/大面积动画时慎用。

reduced-motion：它是功能性替代光标，保留即时跟随（不插值），仅停用自动演示。

鼠标离开 iframe 时双层光标淡出，避免静止残影；触屏设备无 hover，建议只在指针精细设备启用（matchMedia (pointer:fine)）。