使用 Three.js 实现全息数据流特效，具体要求：

【核心特效】
- 数据包随机生成
- 数据流波动
- 网格线效果
- 颜色模式切换
- 7个实时参数

【场景与光照】
- 深蓝渐变背景
- 加法混合发光
- 平面轻微旋转

【交互与控制】
- OrbitControls 阻尼旋转
- GUI 面板实时调节
- 传输速度/流强度/数据密度

【技术要求】
- Three.js 版本 (ES Module)
- 自定义 ShaderMaterial
- PlaneGeometry 载体
- 伪随机数生成器

float dataPackets(vec2 uv, float density) {
    float packets = 0.0;
    for(int i = 0; i < 20; i++) {
        vec2 packetPos = vec2(
            random(vec2(float(i) * 0.123, 0.456)) * 2.0 - 1.0,
            mod(random(vec2(float(i) * 0.456, 0.789)) + uTime * uDataSpeed * 0.5, 2.0) - 1.0
        );
        float dist = distance(uv, packetPos);
        packets += exp(-dist * 15.0) * density;
    }
    return packets;
}

float gridLines(vec2 uv, float size) {
    vec2 grid = fract(uv * size * 10.0);
    float lines = 1.0 - smoothstep(0.0, 0.02, min(grid.x, grid.y));
    return lines * 0.3;
}

float dataStream = sin(uv.x * 8.0 + uTime * uDataSpeed)
                 * cos(uv.y * 6.0 + uTime * uDataSpeed * 0.8);