用途：在 hero 等区块背后添加装饰性动态动画背景，无需从零构建完整 three.js 场景，可轻量集成到静态站点或 React/Vue 项目。
主要能力：Vanta 向容器元素注入 canvas 并渲染效果；典型用法是引入 three.min.js（或提供 THREE）加一个 Vanta 效果包。常用效果包括 waves、birds、fog、net 等。
使用方式：初始化 const effect = VANTA.WAVES({ el: "#hero", ...options }); 初始化后更新 effect.setOptions({ color: 0xff88cc }); 容器尺寸变化时调用 effect.resize()；单页应用中卸载时调用 effect.destroy()。
限制与注意：容器必须有显式宽高，否则不可见；同页多个 WebGL canvas 会增加 GPU 负载，建议每页保持 1–2 个效果；移动端或旧 GPU 需提供回退背景色/图片，或在小屏禁用；框架打包时可能需要 window.THREE 或通过 options 传入 THREE。是否适合在文字背后使用需考虑对比度与可读性。