使用 Three.js 实现【爱心粒子动画效果】，具体要求：

【核心特效】
- 大量心形粒子组成的3D爱心形状
- 粒子脉动效果和浮动动画
- 多种颜色主题切换

【场景与光照】
- 渐变背景从深紫到深蓝
- 环境光和点光源组合
- 动态光晕效果

【交互与控制】
- 鼠标移动控制相机和光源位置
- 点击切换颜色主题
- 平滑过渡动画

【技术要求】
- Three.js 版本
- GSAP 动画库
- 实例化渲染(InstancedBufferGeometry)
- 自定义着色器材质

vec3 heartShape(float t, float scale) {
    t = aPhase + sin(uTime * 0.2) * 0.05;
    float sign = 2.0 * (step(0.5, aOffset) - 0.5);
    t = sign * mod(-uTime * aSpeed * 0.004 + 9.0 * aSpeed * aSpeed, PI);

    float r = 0.16 * scale;
    // 经典心形参数方程
    float x = r * 16.0 * pow(sin(t), 2.0) * sin(t);
    float y = r * (13.0 * cos(t) - 5.0 * cos(2.0 * t) - 2.0 * cos(3.0 * t) - cos(4.0 * t));
    float z = 0.13 * a * (aOffset - 0.5) * sin(12.0 * sin(0.3 * uTime + aOffset * 3.0) * t);

    // 添加浮动动画
    y += sin(uTime * 0.5) * 0.06;
    x += cos(uTime * 0.3) * 0.04;

    return vec3(x, y, z);
}

const count = this.params.heartParticles; // 1800个粒子
const instancedGeometry = new THREE.InstancedBufferGeometry();

// 创建实例化属性
const scales = new Float32Array(count);
const colors = new Float32Array(count * 3);
const speeds = new Float32Array(count);
const offsets = new Float32Array(count);
const phases = new Float32Array(count);

// 设置实例化属性
instancedGeometry.setAttribute("aScale", new THREE.InstancedBufferAttribute(scales, 1));
instancedGeometry.setAttribute("aColor", new THREE.InstancedBufferAttribute(colors, 3));
instancedGeometry.setAttribute("aSpeed", new THREE.InstancedBufferAttribute(speeds, 1));
instancedGeometry.setAttribute("aOffset", new THREE.InstancedBufferAttribute(offsets, 1));
instancedGeometry.setAttribute("aPhase", new THREE.InstancedBufferAttribute(phases, 1));

void main() {
    // 计算发光强度
    float strength = 1.0 - 2.0 * distance(vUv, vec2(0.5));
    strength = pow(strength, 1.4);

    // 增强发光和颜色饱和度
    vec3 finalColor = vColor * (1.0 + vIntensity * 0.8);

    // 添加白色光晕
    finalColor += vec3(1.0) * pow(strength, 6.0) * 0.4;

    gl_FragColor = vec4(finalColor * strength, strength);
}