使用 Three.js 实现【海洋波浪效果】，具体要求：

【核心特效】
- 双层波浪系统（大波+小波）
- Perlin噪声驱动的细浪
- 深度颜色渐变
- 雾化效果

【场景与光照】
- 雾效背景
- 无光源（自发光效果）

【交互与控制】
- OrbitControls 轨道控制器
- GUI 面板调节波浪参数

【技术要求】
- Three.js 最新版本
- ShaderMaterial 自定义着色器
- Perlin噪声函数

// 大波 - 正弦函数
float elevation = sin(modelPosition.x * uBigWavesFrequency.x + uTime * uBigWaveSpeed) 
               * sin(modelPosition.z * uBigWavesFrequency.y + uTime * uBigWaveSpeed) 
               * uBigWavesElevation;

// 小波 - Perlin噪声迭代
for(float i = 1.0; i <= 10.0; i++) {
    elevation -= abs(cnoise(vec3(modelPosition.xz * uSmallWavesFrequency * i, 
                                  uTime * uSmallWavesSpeed)) 
                     * uSmallWavesElevation / i);
    if(i >= uSmallWavesIterations) break;
}

float cnoise(vec3 P) {
    vec3 Pi0 = floor(P);
    vec3 Pi1 = Pi0 + vec3(1.0);
    Pi0 = mod(Pi0, 289.0);
    Pi1 = mod(Pi1, 289.0);
    vec3 Pf0 = fract(P);
    vec3 Pf1 = Pf0 - vec3(1.0);
    
    // ... 完整的噪声计算
    return 2.2 * n_xyz;
}

float mixStrength = (vElevation + uColorOffset) * uColorMultiplier;
vec3 color = mix(uDepthColor, uSurfaceColor, mixStrength);