使用 Three.js 实现液态金属特效，具体要求：

**核心特效**
- 金属立方体变形
- 表面张力效果
- 涟漪传播效果
- 金属类型切换 (水银/黄金/铜)
- 7个实时参数

**场景与光照**
- 深灰径向背景
- 加法混合发光
- 立方体自旋转

**交互与控制**
- OrbitControls 阻尼旋转
- GUI 面板实时调节
- 流动性/表面张力/涟漪效果

**技术要求**
- Three.js 版本 (ES Module)
- 自定义 ShaderMaterial
- BoxGeometry 立方体
- 金属反射模型

float fluidFlow = sin(position.x * 3.0 + uTime * uFluidity)
                * cos(position.y * 3.0 + uTime * uFluidity)
                * sin(position.z * 3.0 + uTime * uFluidity);

float tension = sin(length(position) * 4.0 + uTime * uSurfaceTension);

float metalReflection(vec3 normal, vec3 viewDir, float intensity) {
    float reflection = dot(normal, viewDir);
    return pow(1.0 - abs(reflection), intensity);
}

float ripples(vec2 uv, float effect) {
    float ripple = 0.0;
    for(int i = 0; i < 3; i++) {
        vec2 center = vec2(0.5, 0.5);
        float dist = distance(uv, center);
        float wave = sin(dist * 15.0 - uTime * effect * 3.0 + float(i) * 2.0);
        ripple += wave * 0.1;
    }
    return ripple;
}