使用 Three.js 实现【极光效果】，具体要求：

【核心特效】
- 多层极光带流动
- 颜色渐变（绿→蓝→紫）
- 发光效果增强视觉冲击
- 星光点缀背景

【场景与光照】
- 黑色背景突出极光效果
- 无额外光源（自发光）

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

【技术要求】
- Three.js r150+
- ShaderMaterial 自定义着色器
- GSAP 动画库

float auroraFlow(vec2 uv, float time) {
    float flow = 0.0;
    for (int i = 0; i < 3; i++) {
        float layer = float(i) * 0.3;
        float speed = flowSpeed * (1.0 + layer * 0.5);
        float xFlow = sin(uv.x * waveFrequency + time * speed + layer * 3.14);
        float yWave = sin(uv.y * 10.0 + time * speed * 0.5) * 0.5 + 0.5;
        flow += (xFlow * yWave) * (1.0 - layer * 0.3);
    }
    return flow * 0.5 + 0.5;
}

vec3 auroraColorMap(float intensity) {
    vec3 color1 = vec3(0.0, 0.8, 0.4);  // 绿色
    vec3 color2 = vec3(0.2, 0.4, 1.0);  // 蓝色
    vec3 color3 = vec3(0.8, 0.2, 0.8);  // 紫色

    if (intensity < 0.3) {
        return mix(color1, color2, intensity / 0.3);
    } else if (intensity < 0.6) {
        return mix(color2, color3, (intensity - 0.3) / 0.3);
    } else {
        return color3;
    }
}

float glowEffect(vec2 uv, float time) {
    float dist = length(uv - vec2(0.5, 0.3));
    float pulse = sin(time * 2.0) * 0.5 + 0.5;
    return smoothstep(0.4, 0.0, dist) * pulse;
}

float stars = sin(uv.x * 50.0 + time) * sin(uv.y * 50.0 + time) * 0.1;
color += stars;