用途：grainient 是一个 GPU 片元着色器背景，采用无依赖的 WebGL 实现，定位为营销级的主视觉（hero）背景。
主要能力：以 WebGL 片元着色器渲染背景效果，不依赖第三方库。资料提到它渲染为静态效果（原文在此处截断，完整特性暂未提供）。
使用方式：复制 _fx/shaderbg.js 与 grainient.js 两个文件，然后在内容后方添加一个容器元素：<div class="grainient" style="position:absolute;inset:0"></div>。
使用限制：每个视图只应使用一个 grainient；文字后方需要加遮罩层（scrim）以保证可读性。
适用场景：需要营销级主视觉背景的页面。其余细节（如参数配置、浏览器兼容性、性能表现）资料未提供。