交互式欧拉霓虹流体模拟

编写一个完整的单文件 HTML 文档，其中包含高性能、GPU 加速的交互式欧拉霓虹流体模拟。 严格的技术与美术要求： 1. 架构与性能： - 单文件：所有 HTML、CSS 以及 JavaScript/GLSL 着色器均须内联。 - 零外部依赖：使用纯 WebGL 1.0 或 2.0（不得使用 Three.js、Pixi 或其他外部库）。 - GPU 流体动力学计算：模拟必须完全通过乒乓式帧缓冲对象（FBO）运行，并使用自定义片元着色器实现： a) 平流（速度与染料） b) 散度计算 c) 压力泊松求解器（雅可比迭代，每帧迭代 20–30 次） d) 梯度减法 / 速度投影 e) 涡量约束（增加湍流旋涡，防止流体变成沉闷、模糊的一团）。 2. 视觉效果（“霓虹烟雾”风格）： - 漆黑如墨的虚空背景（`#050508`）。 - 为染料注入启用加法 / 高动态范围混合。 - 动态调色板：每次光标快速划动或触摸拖拽都要注入高亮度霓虹染料，并在鲜艳的赛博色调之间平滑循环（电光青 `#00F0FF`、炽热洋红 `#FF007F`、深紫外和 radiant gold）。 - 显示着色器增强：在最终渲染着色器中直接加入后处理阶段，为流体翻涌的边缘应用细微的泛光、色调映射和色差效果。 3. 交互： - 鼠标与触摸：快速移动光标或拖拽时，注入与鼠标速度成正比的速度，同时注入高密度发光染料。 - 被动环境运动：闲置时生成细微的程序化卷曲噪声或缓慢漂移的涡旋，使画布不会完全静止。 - 控件：在角落放置简洁利落、极简至上的玻璃拟态 HUD（无操作时自动隐藏）： * 黏度滑块 * 染料耗散 / 持久度滑块 * 喷溅半径滑块 * “清空画布”按钮 * 用于循环切换配色主题的按钮（赛博朋克、热能炼狱、生物荧光深海）。 4. 生产级打磨： - 自动处理高 DPI 显示屏和 `resize` 事件，不得拉伸画面或清空 FBO 纹理。 - 优雅地检测浮点纹理支持情况（`OES_texture_float` / `OES_texture_half_float`）。 - 代码整洁、无错误且完整实现，不得包含任何占位内容或截断的注释。 只返回完整填充、可直接在 Chrome/Safari/Firefox 中运行的 HTML 文件。