用途：生成一个单文件、零外部请求的 index.html，用片元着色器通过球体追踪（sphere tracing）实时渲染全屏 3D 场景，并在其上叠加简洁的排版文字作为主视觉。
主要能力：使用有符号距离函数（SDF）构建场景，默认用 smin 平滑融合多个移动球体形成 metaball；也可用圆角盒/环面/胶囊等图元配合域重复，或球体加低幅噪声位移。着色包含漫反射、软阴影（penumbra）、菲涅尔边缘光 pow(1 - dot(n,-rd), 3) 与一个高光瓣，末尾做轻微 gamma。相机由 ro/ta 构建并缓慢环绕。
使用方式：先完整阅读 example.html 参考实现，注意其结构——一个全屏三角形、map(p) 距离函数、有限差分求法线、软阴影步进与相机环绕。随后构建 index.html：限制步进迭代约 90 次，命中（d < 0.001）或超出远距离时提前退出，DPR 限制在约 1.5；着色器编译需带错误日志，避免静默黑屏。叠加层标题不超过 13 字符并配一行辅助文字，强调色可映射到当前 DESIGN.md，否则用克制的深色调加一个鲜明强调色。
适用场景：需要实时 3D 主视觉的网页首屏或展示页，且运行环境支持 WebGL2。
限制：球体追踪逐像素开销大，需控制迭代与 DPR 以维持约 60fps；若 webgl2 不可用，应降级为提示信息而非空白页；需自检轮廓无带状伪影、法线稳定、窗口缩放清晰。具体收费、平台与效果数据暂未提供。