使用 Three.js 实现晶体矩阵生长特效，具体要求：

【核心特效】
- 三种生长模式 (径向/层状/随机)
- 晶体面折射效果
- 晶格线可视化
- 边缘发光效果
- 7个实时参数

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

【交互与控制】
- OrbitControls 阻尼旋转
- GUI 面板实时调节
- 生长速度/晶体密度/矩阵大小

【技术要求】
- Three.js 版本 (ES Module)
- 自定义 ShaderMaterial
- BoxGeometry 立方体
- 多层正弦叠加

if(uGrowthPattern == 0) {
    // 径向生长
    growth = sin(length(position) * 3.0 + uTime * uGrowthSpeed);
} else if(uGrowthPattern == 1) {
    // 层状生长
    growth = sin(position.y * 4.0 + uTime * uGrowthSpeed);
} else {
    // 随机生长
    growth = sin(position.x * 2.0 + position.y * 2.0 + position.z * 2.0 + uTime * uGrowthSpeed);
}

float crystalLattice(vec3 pos, float density) {
    vec3 lattice = fract(pos * density * 8.0);
    float lines = 1.0 - smoothstep(0.0, 0.05, min(min(lattice.x, lattice.y), lattice.z));
    return lines * 0.4;
}

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