style(3d): 场景背景去紫感，穹顶极光色退役靛蓝/青

Author: Aparencia

client/src/lib/3d/core/SceneProvider.tsx

@@ -50,7 +50,7 @@ function ThemeAwareEnvironment() {
   useEffect(() => {
     if (theme === 'deep-sea') {
       scene.fog = new THREE.FogExp2('#0a0a2e', 0.03);
-      scene.background = new THREE.Color('#0a0a2e');
+      scene.background = new THREE.Color('#0A1620');
     } else {
       scene.fog = new THREE.FogExp2('#e8f4f8', 0.015);
       scene.background = new THREE.Color('#e8f4f8');
@@ -135,7 +135,7 @@ export function SceneProvider({ children, interactive = false }: SceneProviderPr
         camera={{ fov: 60, near: 0.1, far: 1000, position: [0, 0, 10] }}
         dpr={[1, 2]}
         style={{ background: 'transparent' }}
-        onCreated={({ gl, scene }) => {
+        onCreated={({ gl }) => {
           gl.toneMapping = THREE.ACESFilmicToneMapping;
           gl.toneMappingExposure = 1.0;
           gl.shadowMap.enabled = true;

client/src/lib/3d/scenes/AuroraDomeWorld.tsx

@@ -41,7 +41,7 @@ const domeFragmentShader = /* glsl */ `
 function SkyDome() {
   const uniforms = useMemo(() => ({
     uColorTop: { value: new THREE.Color('#FCD34D') },
-    uColorMid: { value: new THREE.Color('#60A5FA') },
+    uColorMid: { value: new THREE.Color('#4A7DB0') },
     uColorBottom: { value: new THREE.Color('#F8FAFC') },
   }), []);
 
@@ -114,13 +114,12 @@ function SunSystem() {
 
 // ─── 极光效果 ─────────────────────────────────────────────
 function AuroraBorealis() {
-  const meshRef = useRef<THREE.Mesh>(null);
   const timeRef = useRef(0);
 
   const uniforms = useMemo(() => ({
     uTime: { value: 0 },
-    uColorA: { value: new THREE.Color('#22D3EE') },
-    uColorB: { value: new THREE.Color('#818CF8') },
+    uColorA: { value: new THREE.Color('#6FB4E8') },
+    uColorB: { value: new THREE.Color('#9FB8D8') },
     uColorC: { value: new THREE.Color('#34D399') },
   }), []);
 
@@ -307,7 +306,7 @@ function CloudLayer() {
   const cloudsRef = useRef<THREE.Group>(null);
 
   const cloudData = useMemo(() => {
-    return Array.from({ length: 8 }, (_, i) => ({
+    return Array.from({ length: 8 }, () => ({
       position: [
         (Math.random() - 0.5) * 50,
         12 + Math.random() * 25,
@@ -393,7 +392,7 @@ export function AuroraDomeWorld() {
             <mesh position={[0, 12, 25]} rotation={[-0.2, Math.PI * 0.7, 0]}>
               <planeGeometry args={[50, 18, 48, 48]} />
               <shaderMaterial
-                uniforms={{ uTime: { value: 0 }, uColorA: { value: new THREE.Color('#34D399') }, uColorB: { value: new THREE.Color('#FCD34D') }, uColorC: { value: new THREE.Color('#818CF8') } }}
+                uniforms={{ uTime: { value: 0 }, uColorA: { value: new THREE.Color('#34D399') }, uColorB: { value: new THREE.Color('#FCD34D') }, uColorC: { value: new THREE.Color('#9FB8D8') } }}
                 vertexShader={`varying vec2 vUv;varying vec3 vPosition;void main(){vUv=uv;vPosition=position;gl_Position=projectionMatrix*modelViewMatrix*vec4(position,1.0);}`}
                 fragmentShader={`
                   uniform float uTime;uniform vec3 uColorA;uniform vec3 uColorB;uniform vec3 uColorC;varying vec2 vUv;varying vec3 vPosition;

client/src/lib/3d/scenes/DeepSeaWorld.tsx

@@ -15,6 +15,9 @@ import { OrderRipples } from '../objects/OrderRipples';
 import { TideBreath } from '../objects/TideBreath';
 import { StrataField } from '../objects/StrataField';
 import { ParticleSystem } from '../objects/ParticleSystem';
+import { JellyfishField } from '../objects/JellyfishField';
+import { FishSchool } from '../objects/FishSchool';
+import { LeviathanShadow } from '../objects/LeviathanShadow';
 
 // ─── 深海背景着色器（渐变+深渊光感） ─────────────────
 const abyssVertexShader = `
@@ -69,8 +72,8 @@ const abyssFragmentShader = `
 /** 深海背景穹顶 */
 function AbyssDome() {
   const uniforms = useMemo(() => ({
-    uColorTop: { value: new THREE.Color('#0A1628') },
-    uColorMid: { value: new THREE.Color('#0D1F3C') },
+    uColorTop: { value: new THREE.Color('#0A1620') },
+    uColorMid: { value: new THREE.Color('#0F1F2E') },
     uColorBottom: { value: new THREE.Color('#0A0E1A') },
     uGlowColor: { value: new THREE.Color('#1A5276') },
     uTime: { value: 0 },
@@ -213,7 +216,6 @@ function CausticLight() {
 
 // ─── 体积光柱（God rays 简化版） ─────────────────────
 function LightRays() {
-  const meshRef = useRef<THREE.Mesh>(null);
   const timeRef = useRef(0);
 
   const uniforms = useMemo(() => ({
@@ -355,6 +357,11 @@ export function DeepSeaWorld() {
       <TideBreath />
       <StrataField />
 
+      {/* 深海生命层（2026-08-07 新增）：鱼群=思绪游弋，水母=灵感浮现，巨影=未知敬畏 */}
+      <FishSchool />
+      <JellyfishField />
+      <LeviathanShadow />
+
       {/* 后处理 — ── 临时诊断：完全禁用 composer，验证实体是否因此可见 ── */}
       {null}
     </group>