使用 Three.js 实现水流效果着色器，具体要求：

**核心特效**
- 多层波浪叠加
- 涟漪扩散效果
- 泡沫闪烁效果
- 三色渐变混合

**场景与光照**
- 深蓝径向背景
- 加法混合发光
- 平面水平旋转

**交互与控制**
- OrbitControls 阻尼旋转
- GUI 面板实时调节
- 颜色/速度/波浪/涟漪

**技术要求**
- Three.js 版本 (ES Module)
- 自定义 ShaderMaterial
- PlaneGeometry 5x5
- 改进 Perlin 噪声

float improvedNoise(vec2 p) {
    vec2 i = floor(p);
    vec2 f = fract(p);
    float a = noise(i);
    float b = noise(i + vec2(1.0, 0.0));
    float c = noise(i + vec2(0.0, 1.0));
    float d = noise(i + vec2(1.0, 1.0));
    vec2 u = f * f * (3.0 - 2.0 * f);
    return mix(a, b, u.x) + (c - a) * u.y * (1.0 - u.x) + (d - b) * u.x * u.y;
}

vWave = sin(position.x * uWaveFrequency + uTime * uFlowSpeed) *
        cos(position.y * uWaveFrequency * 0.8 + uTime * uFlowSpeed * 0.7);

float rippleDist = length(position.xy);
vRipple = sin(rippleDist * 8.0 - uTime * uRippleSpeed) * 0.5 + 0.5;

float colorMix1 = (vWave * 0.5 + 0.5);
float colorMix2 = vRipple;
vec3 colorA = mix(uColor1, uColor2, colorMix1);
vec3 colorB = mix(colorA, uColor3, colorMix2);