用途：dot-grid 是一个交互式点阵背景效果，定位为营销级主视觉（hero）背景，用于页面或区块的装饰性底层。
主要能力：指针靠近时点阵产生邻近发光；指针快速移动时点阵被推开（shove）；点击时产生冲击波（shockwave）；交互结束后点阵弹性回位（elastic return）。
使用方式：复制 dot-grid.js，并在内容后方添加一个容器元素，例如 <div class="dot-grid" style="position:absolute;inset:0"></div>。
适用场景：需要动态视觉吸引力的营销页主视觉背景。
限制：资料建议每个视图只使用一个；资料中提及 scrim（遮罩）但未给出具体说明。其余实现细节、依赖、参数配置与兼容性暂未提供。