diff --git a/src/components/ChatBox.vue b/src/components/ChatBox.vue
index 72d0656..1488e0c 100644
--- a/src/components/ChatBox.vue
+++ b/src/components/ChatBox.vue
@@ -1,5 +1,25 @@
 <template>
   <view class="chat-container" :style="{ paddingTop: navBarHeight + 'px' }">
+    <video
+      v-if="isVideoBackground"
+      class="background-video"
+      :src="backgroundVideo"
+      autoplay
+      loop
+      muted
+      :controls="false"
+      :show-center-play-btn="false"
+      :show-fullscreen-btn="false"
+      :enable-progress-gesture="false"
+      object-fit="cover"
+    ></video>
+    <image
+      v-else
+      class="background-gif"
+      :src="backgroundVideo"
+      mode="aspectFill"
+    />
+    <view class="video-overlay"></view>
     <!-- 夜空装饰背景 -->
     <view class="night-sky-decoration">
       <view class="star star-1"></view>
@@ -41,33 +61,16 @@
 
         <!-- 声波动画 -->
         <view class="sound-wave-container">
-          <view class="sound-wave" :class="[voiceState]">
-            <view class="wave-bar" v-for="i in 40" :key="i" :style="{ animationDelay: (i * 0.05) + 's' }"></view>
+          <view class="sound-wave" :key="voiceWaveKey" :class="[voiceState]">
+            <view
+              class="wave-bar"
+              v-for="(style, i) in voiceWaveStyles"
+              :key="i"
+              :style="style"
+            ></view>
           </view>
         </view>
 
-        <!-- 提示文本 -->
-        <text class="voice-hint-text">{{ voiceHintText }}</text>
-
-        <!-- 录音控制按钮 -->
-        <view 
-          v-if="voiceState === 'idle' || voiceState === 'listening'"
-          class="voice-record-btn" 
-          :class="{ 'recording': isVoiceRecording }"
-          @click="toggleVoiceRecording"
-        >
-          <text class="voice-record-icon">{{ isVoiceRecording ? '⏹' : '🎙️' }}</text>
-          <text class="voice-record-text">{{ isVoiceRecording ? '停止并发送' : '开始录音' }}</text>
-        </view>
-
-        <!-- 处理中状态显示 -->
-        <view 
-          v-else
-          class="voice-processing-btn"
-        >
-          <text class="voice-processing-icon">⏳</text>
-          <text class="voice-processing-text">{{ voiceState === 'thinking' ? '处理中...' : '回复中...' }}</text>
-        </view>
       </view>
     </view>
 
@@ -249,7 +252,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted, nextTick, watch, getCurrentInstance } from 'vue';
+import { ref, computed, onMounted, onBeforeUnmount, nextTick, watch, getCurrentInstance } from 'vue';
 import { useUserStore } from '@/stores/user.js';
 import { getCharacterById, getSmartResponse } from '@/utils/aiCharacters.js';
 import { chatAPI, voiceAPI, cleanText, configAPI, getResourceUrl } from '@/utils/api.js';
@@ -303,6 +306,12 @@ const isOnline = ref(true);
 const scrollTop = ref(0);
 const currentCharacter = ref({});
 const userAvatar = ref('/static/default-avatar.png');
+const backgroundMediaPath = 'file/background/2025/11/09/grok-video-db7bc117-861f-477e-bef3-e73273a4b55c-1.gif';
+const backgroundVideo = computed(() => {
+  const normalizedPath = backgroundMediaPath.startsWith('/') ? backgroundMediaPath : `/${backgroundMediaPath}`;
+  return getResourceUrl(normalizedPath);
+});
+const isVideoBackground = computed(() => /\.(mp4|mov|webm)(\?|$)/i.test(backgroundMediaPath));
 const conversationId = ref(null);
 const isLoading = ref(false);
 const isLoggedIn = ref(false);
@@ -341,11 +350,26 @@ const recordingTipText = ref('松手发送，上移取消');
 const touchStartY = ref(0);
 const recorderManager = ref(null);
 const audioContext = ref(null);
+const isRecorderActive = ref(false); // 录音器真实启动状态
+const isVoiceModeInterrupted = ref(false); // 语音模式是否被中断（用于阻止 onStop 回调继续处理）
+const volumeSimulationTimer = ref(null); // 音量模拟定时器
 
 // 🎧 语音对话模式
 const isVoiceMode = ref(false);
 const voiceState = ref('idle'); // idle, listening, thinking, speaking
 const isVoiceRecording = ref(false); // 是否正在录音
+const voiceWaveKey = ref(0); // 用于强制刷新声纹动画
+
+// VAD (语音活动检测) 相关
+const isAutoVoiceMode = ref(true); // 是否开启自动语音模式
+const currentVolume = ref(0);
+const lastSpeechTimestamp = ref(0);
+const silenceTimer = ref(null);
+const recordedBuffers = ref([]);
+const vadConfig = ref({
+  threshold: 20,          // 说话阈值 (0-100)
+  silenceDuration: 1500   // 静音判定时间 (ms)
+});
 
 // AI配置
 const availableTemplates = ref([]);
@@ -373,26 +397,27 @@ const voiceStateText = computed(() => {
   return stateMap[voiceState.value] || '准备就绪';
 });
 
-// 🎧 语音模式提示文本
-const voiceHintText = computed(() => {
-  const hintMap = {
-    idle: '点击下方按钮开始录音',
-    listening: '说完后再次点击按钮发送',
-    thinking: 'AI 正在思考你的问题...',
-    speaking: 'AI 正在回复...'
-  };
-  return hintMap[voiceState.value] || '点击下方按钮开始录音';
+// 根据音量动态生成声纹高度
+const voiceWaveStyles = computed(() => {
+  const barCount = 40;
+  const volumeRatio = Math.min(Math.max(currentVolume.value / 100, 0), 1);
+  const minHeight = 18; // rpx
+  const maxHeight = 140; // rpx
+
+  return Array.from({ length: barCount }, (_, index) => {
+    const phase = (index / barCount) * Math.PI; // 0 - π
+    const waveFactor = Math.abs(Math.sin(phase)); // 0-1
+    const height = minHeight + (maxHeight - minHeight) * waveFactor * volumeRatio;
+    const opacity = 0.2 + 0.6 * waveFactor * (0.3 + 0.7 * volumeRatio);
+
+    return {
+      height: `${height}rpx`,
+      opacity,
+      transitionDelay: `${(index % 10) * 0.02}s`
+    };
+  });
 });
 
-// 🎧 语音按钮文本
-const voiceButtonText = computed(() => {
-  if (voiceState === 'idle' && !isVoiceRecording.value) {
-    return '开始录音';
-  } else if (voiceState === 'listening' || isVoiceRecording.value) {
-    return '停止并发送';
-  }
-  return '处理中...';
-});
 
 // 处理头像URL
 const processedAvatar = computed(() => {
@@ -451,6 +476,11 @@ watch(() => props.characterConfig, async (newConfig) => {
   }, 300);
 }, { immediate: true, deep: true });
 
+// 监听语音状态变化，每次切换都强制刷新声纹DOM，避免残留
+watch(voiceState, () => {
+  voiceWaveKey.value += 1;
+});
+
 // 获取系统状态栏高度
 const getSystemInfo = () => {
   const systemInfo = uni.getSystemInfoSync();
@@ -532,6 +562,49 @@ onMounted(() => {
   // #endif
 });
 
+// 组件销毁前清理资源
+onBeforeUnmount(() => {
+  console.log('🧹 组件销毁前清理资源...');
+
+  // 0. 设置中断标志，阻止 onStop 回调继续处理
+  isVoiceModeInterrupted.value = true;
+
+  // 1. 停止正在进行的录音（不发送到后端）
+  if (isVoiceRecording.value) {
+    isVoiceRecording.value = false;
+    // #ifdef MP-WEIXIN
+    stopRecorderSafely();
+    // #endif
+    console.log('⏹️ 已停止录音');
+  }
+
+  // 2. 清空录音缓冲区，防止 onStop 回调处理
+  recordedBuffers.value = [];
+
+  // 3. 停止正在播放的音频
+  // #ifdef MP-WEIXIN
+  if (audioContext.value) {
+    try {
+      audioContext.value.stop();
+      audioContext.value.destroy();
+      audioContext.value = null;
+      console.log('⏹️ 已停止音频播放');
+    } catch (error) {
+      console.warn('停止音频播放失败:', error);
+    }
+  }
+  // #endif
+
+  // 4. 停止音量模拟
+  stopVolumeSimulation();
+
+  // 5. 重置所有语音状态
+  voiceState.value = 'idle';
+  currentVolume.value = 0;
+
+  console.log('✅ 资源清理完成');
+});
+
 // 加载AI配置
 const loadAIConfigs = async () => {
   try {
@@ -575,15 +648,40 @@ const initRecorder = () => {
 
   recorderManager.value.onStart(() => {
     console.log('录音开始');
+    isRecorderActive.value = true;
+    if (isVoiceMode.value && isAutoVoiceMode.value) {
+      recordedBuffers.value = [];
+      lastSpeechTimestamp.value = Date.now();
+    }
   });
 
   recorderManager.value.onStop((res) => {
+    isRecorderActive.value = false;
+
+    // 🔴 检查语音模式是否被中断，如果是则不处理任何录音
+    if (isVoiceModeInterrupted.value) {
+      console.log('⚠️ 语音模式已中断，onStop 不处理录音');
+      isVoiceModeInterrupted.value = false; // 重置标志
+      return;
+    }
+
     // 判断是语音模式还是普通录音模式
     if (isVoiceMode.value) {
       // 语音模式：处理语音对话
-      if (isVoiceRecording.value) {
+      if (isAutoVoiceMode.value && recordedBuffers.value.length > 0) {
+        // 自动模式：使用手动生成的 WAV
+        const wavPath = createWavFile();
+        if (wavPath) {
+          handleVoiceModeMessage(wavPath);
+        } else {
+          // 生成失败，尝试使用原生文件（虽然是 PCM）
+          handleVoiceModeMessage(res.tempFilePath);
+        }
+      } else if (isVoiceRecording.value) {
+        // 手动模式
         handleVoiceModeMessage(res.tempFilePath);
       }
+      // 如果 recordedBuffers 为空或 isVoiceRecording 为 false，说明被中断了，不处理
     } else {
       // 普通录音模式：原有逻辑
       if (!isRecordingCancelled.value) {
@@ -592,7 +690,47 @@ const initRecorder = () => {
     }
   });
 
+  recorderManager.value.onFrameRecorded((res) => {
+    if (!isVoiceMode.value || !isAutoVoiceMode.value) return;
+    
+    const { frameBuffer } = res;
+    if (frameBuffer && frameBuffer.byteLength > 0) {
+      recordedBuffers.value.push(frameBuffer);
+      
+      // VAD 实时分析
+      const vol = calculateVolumeRMS(frameBuffer);
+      currentVolume.value = vol;
+      
+      const now = Date.now();
+      
+      if (vol >= vadConfig.value.threshold) {
+        lastSpeechTimestamp.value = now;
+        
+        // 如果处于等待说话状态，且检测到声音 -> 转为正在说话(listening)
+        // 注意：这里复用 'listening' 状态，表示正在录入有效声音
+        // 如果 voiceState 是 'idle'，表示正在等待用户说话
+        if (voiceState.value === 'idle') {
+          voiceState.value = 'listening';
+          console.log('>>> VAD: 检测到说话');
+        }
+      } else {
+        // 低于阈值 (静音)
+        if (voiceState.value === 'listening') {
+           const silenceTime = now - lastSpeechTimestamp.value;
+           
+           if (silenceTime > vadConfig.value.silenceDuration) {
+             console.log('<<< VAD: 检测到说话结束 (静音超时)');
+             // 停止录音并发送
+             stopVoiceRecordingAndSend();
+           }
+        }
+      }
+    }
+  });
+
   recorderManager.value.onError((err) => {
+    isRecorderActive.value = false;
+    console.error('录音错误', err);
     uni.showToast({
       title: '录音失败',
       icon: 'none'
@@ -604,6 +742,25 @@ const initRecorder = () => {
   // #endif
 };
 
+// 统一的录音停止入口，避免重复 stop 触发错误
+const stopRecorderSafely = () => {
+  // #ifdef MP-WEIXIN
+  if (!recorderManager.value || !isRecorderActive.value) {
+    return false;
+  }
+  try {
+    recorderManager.value.stop();
+    return true;
+  } catch (error) {
+    console.warn('停止录音失败:', error);
+    return false;
+  } finally {
+    isRecorderActive.value = false;
+  }
+  // #endif
+  return false;
+};
+
 // 添加消息
 const addMessage = (type, content) => {
   const now = new Date();
@@ -977,7 +1134,7 @@ const stopActualRecording = () => {
   // #ifdef MP-WEIXIN
   isActuallyRecording.value = false;
   isRecordingCancelled.value = false;
-  recorderManager.value.stop();
+  stopRecorderSafely();
   // #endif
 };
 
@@ -988,7 +1145,7 @@ const cancelActualRecording = () => {
   // #ifdef MP-WEIXIN
   isActuallyRecording.value = false;
   isRecordingCancelled.value = true;
-  recorderManager.value.stop();
+  stopRecorderSafely();
 
   uni.showToast({
     title: '录音已取消',
@@ -1105,62 +1262,133 @@ const handleVoiceMessage = async (filePath) => {
 };
 
 // 播放语音
+// 开始模拟音量变化（用于 AI 语音播放时的动画）
+const startVolumeSimulation = () => {
+  // 先清除之前的定时器
+  stopVolumeSimulation();
+
+  let baseVolume = 40; // 基础音量
+  let phase = 0; // 相位，用于生成波形
+
+  volumeSimulationTimer.value = setInterval(() => {
+    // 使用正弦波 + 随机噪声模拟自然的音量变化
+    const sineWave = Math.sin(phase) * 20; // 正弦波动 ±20
+    const randomNoise = (Math.random() - 0.5) * 15; // 随机噪声 ±7.5
+    const variation = (Math.random() - 0.5) * 25; // 额外的随机变化 ±12.5
+
+    // 组合所有因素，确保在合理范围内 (20-80)
+    const simulatedVolume = Math.max(20, Math.min(80, baseVolume + sineWave + randomNoise + variation));
+
+    currentVolume.value = simulatedVolume;
+
+    // 更新相位，控制波形频率
+    phase += 0.15 + Math.random() * 0.1; // 动态调整频率
+
+    // 偶尔改变基础音量，模拟语调变化
+    if (Math.random() < 0.1) {
+      baseVolume = 35 + Math.random() * 20; // 35-55 之间
+    }
+  }, 80); // 每 80ms 更新一次，约 12.5 fps
+};
+
+// 停止音量模拟
+const stopVolumeSimulation = () => {
+  if (volumeSimulationTimer.value) {
+    clearInterval(volumeSimulationTimer.value);
+    volumeSimulationTimer.value = null;
+  }
+  currentVolume.value = 0;
+};
+
 const playVoiceResponse = async (text, audioUrl = null) => {
-  // #ifdef MP-WEIXIN
-  try {
-    let finalAudioUrl = audioUrl;
+  return new Promise(async (resolve, reject) => {
+    // #ifdef MP-WEIXIN
+    try {
+      let finalAudioUrl = audioUrl;
 
-    if (!finalAudioUrl) {
-      const ttsResult = await voiceAPI.textToSpeech(text, currentCharacter.value.voiceStyle);
+      if (!finalAudioUrl) {
+        const ttsResult = await voiceAPI.textToSpeech(text, currentCharacter.value.voiceStyle);
 
-      if (ttsResult.success) {
-        finalAudioUrl = ttsResult.data.audioUrl;
-      } else {
+        if (ttsResult.success) {
+          finalAudioUrl = ttsResult.data.audioUrl;
+        } else {
+          uni.showToast({
+            title: '语音合成失败',
+            icon: 'none'
+          });
+          resolve(); // 失败也resolve，避免卡住
+          return;
+        }
+      }
+
+      if (audioContext.value) {
+        audioContext.value.destroy();
+      }
+
+      // 确保静音键/听筒不会拦截播放
+      uni.setInnerAudioOption({
+        obeyMuteSwitch: false,
+        speakerOn: true
+      });
+
+      audioContext.value = uni.createInnerAudioContext();
+      audioContext.value.autoplay = false;
+      audioContext.value.obeyMuteSwitch = false;
+      audioContext.value.volume = 1;
+      audioContext.value.loop = false;
+      audioContext.value.playbackRate = 1;
+      audioContext.value.src = finalAudioUrl;
+
+      audioContext.value.onCanplay(() => {
+        // 某些机型需要在 canplay 后再触发播放才会有声音
+        if (audioContext.value?.paused) {
+          audioContext.value.play();
+        }
+      });
+
+      audioContext.value.onPlay(() => {
+        console.log('开始播放语音');
+        // 🎵 开始模拟音量变化，驱动声波动画
+        startVolumeSimulation();
+      });
+
+      audioContext.value.onEnded(() => {
+        console.log('语音播放结束');
+        // 🎵 停止音量模拟
+        stopVolumeSimulation();
+        resolve();
+      });
+
+      audioContext.value.onError((err) => {
+        // 🎵 停止音量模拟
+        stopVolumeSimulation();
         uni.showToast({
-          title: '语音合成失败',
+          title: '语音播放失败',
           icon: 'none'
         });
-        return;
-      }
-    }
-
-    if (audioContext.value) {
-      audioContext.value.destroy();
-    }
-
-    audioContext.value = uni.createInnerAudioContext();
-    audioContext.value.src = finalAudioUrl;
-
-    audioContext.value.onPlay(() => {
-      uni.showToast({
-        title: '正在播放语音',
-        icon: 'none',
-        duration: 1000
+        resolve(); // 出错也继续
       });
-    });
 
-    audioContext.value.onError((err) => {
+      audioContext.value.play();
+    } catch (error) {
+      // 🎵 停止音量模拟
+      stopVolumeSimulation();
       uni.showToast({
-        title: '语音播放失败',
+        title: '语音播放异常',
         icon: 'none'
       });
-    });
+      resolve();
+    }
+    // #endif
 
-    audioContext.value.play();
-  } catch (error) {
+    // #ifndef MP-WEIXIN
     uni.showToast({
-      title: '语音播放异常',
+      title: '语音功能仅支持微信小程序',
       icon: 'none'
     });
-  }
-  // #endif
-
-  // #ifndef MP-WEIXIN
-  uni.showToast({
-    title: '语音功能仅支持微信小程序',
-    icon: 'none'
+    resolve();
+    // #endif
   });
-  // #endif
 };
 
 // 显示模板选择器
@@ -1264,18 +1492,62 @@ const clearContext = async () => {
 // 🎧 切换语音模式
 const toggleVoiceMode = () => {
   isVoiceMode.value = !isVoiceMode.value;
-  
+
   if (isVoiceMode.value) {
     // 进入语音模式
     voiceState.value = 'idle';
+    isVoiceModeInterrupted.value = false; // 重置中断标志
+
     uni.showToast({
       title: '已切换到语音模式',
       icon: 'none',
       duration: 1500
     });
+
+    // 如果是自动模式，直接开始监听
+    if (isAutoVoiceMode.value) {
+      startVoiceRecording();
+    }
   } else {
-    // 退出语音模式
+    // 退出语音模式 - 中断所有正在进行的语音操作
+    console.log('🔄 退出语音模式，中断所有语音操作...');
+
+    // 0. 设置中断标志，阻止 onStop 回调继续处理
+    isVoiceModeInterrupted.value = true;
+
+    // 1. 停止正在进行的录音（不发送到后端）
+    if (isVoiceRecording.value) {
+      isVoiceRecording.value = false;
+      // #ifdef MP-WEIXIN
+      stopRecorderSafely();
+      // #endif
+      console.log('⏹️ 已停止录音');
+    }
+
+    // 2. 清空录音缓冲区，防止 onStop 回调处理
+    recordedBuffers.value = [];
+
+    // 3. 停止正在播放的音频
+    // #ifdef MP-WEIXIN
+    if (audioContext.value) {
+      try {
+        audioContext.value.stop();
+        audioContext.value.destroy();
+        audioContext.value = null;
+        console.log('⏹️ 已停止音频播放');
+      } catch (error) {
+        console.warn('停止音频播放失败:', error);
+      }
+    }
+    // #endif
+
+    // 4. 停止音量模拟
+    stopVolumeSimulation();
+
+    // 5. 重置所有语音状态
     voiceState.value = 'idle';
+    currentVolume.value = 0;
+
     uni.showToast({
       title: '已切换到文本模式',
       icon: 'none',
@@ -1284,6 +1556,107 @@ const toggleVoiceMode = () => {
   }
 };
 
+// 计算音量 RMS
+const calculateVolumeRMS = (buffer) => {
+  const dataView = new DataView(buffer);
+  let sumSquares = 0;
+  const length = buffer.byteLength / 2;
+  
+  for (let i = 0; i < length; i++) {
+    const sample = dataView.getInt16(i * 2, true);
+    sumSquares += sample * sample;
+  }
+  
+  const meanSquare = sumSquares / length;
+  const rms = Math.sqrt(meanSquare);
+  
+  // 映射到 0-100
+  let vol = Math.round((rms / 12000) * 100); 
+  if (vol > 100) vol = 100;
+  if (vol < 0) vol = 0;
+  
+  return vol;
+};
+
+// 写入字符串到 DataView
+const writeString = (view, offset, string) => {
+  for (let i = 0; i < string.length; i++) {
+    view.setUint8(offset + i, string.charCodeAt(i));
+  }
+};
+
+// 创建 WAV 头部
+const createWavHeader = (dataLength, sampleRate, channelCount, bitDepth) => {
+  const buffer = new ArrayBuffer(44);
+  const view = new DataView(buffer);
+  
+  // RIFF identifier
+  writeString(view, 0, 'RIFF');
+  // file length
+  view.setUint32(4, 36 + dataLength, true);
+  // RIFF type
+  writeString(view, 8, 'WAVE');
+  // format chunk identifier
+  writeString(view, 12, 'fmt ');
+  // format chunk length
+  view.setUint32(16, 16, true);
+  // sample format (raw)
+  view.setUint16(20, 1, true);
+  // channel count
+  view.setUint16(22, channelCount, true);
+  // sample rate
+  view.setUint32(24, sampleRate, true);
+  // byte rate (sample rate * block align)
+  view.setUint32(28, sampleRate * channelCount * (bitDepth / 8), true);
+  // block align (channel count * bytes per sample)
+  view.setUint16(32, channelCount * (bitDepth / 8), true);
+  // bits per sample
+  view.setUint16(34, bitDepth, true);
+  // data chunk identifier
+  writeString(view, 36, 'data');
+  // data chunk length
+  view.setUint32(40, dataLength, true);
+  
+  return buffer;
+};
+
+// 生成 WAV 文件
+const createWavFile = () => {
+  if (recordedBuffers.value.length === 0) return null;
+  
+  // 1. 合并所有 Buffer
+  const totalLength = recordedBuffers.value.reduce((acc, buf) => acc + buf.byteLength, 0);
+  const allData = new Uint8Array(totalLength);
+  let offset = 0;
+  for (const buf of recordedBuffers.value) {
+    allData.set(new Uint8Array(buf), offset);
+    offset += buf.byteLength;
+  }
+
+  // 2. 创建 WAV 头部 (44字节)
+  const wavHead = createWavHeader(totalLength, 16000, 1, 16);
+  
+  // 3. 拼接头部和数据
+  const wavFile = new Uint8Array(wavHead.byteLength + allData.byteLength);
+  wavFile.set(new Uint8Array(wavHead), 0);
+  wavFile.set(allData, wavHead.byteLength);
+  
+  // #ifdef MP-WEIXIN
+  const fs = uni.getFileSystemManager();
+  const filePath = `${wx.env.USER_DATA_PATH}/auto_record_${Date.now()}.wav`;
+  
+  try {
+    fs.writeFileSync(filePath, wavFile.buffer, 'binary');
+    return filePath;
+  } catch (e) {
+    console.error('文件保存失败', e);
+    return null;
+  }
+  // #endif
+  
+  return null;
+};
+
 // 🎧 切换录音状态（开始/停止录音）
 const toggleVoiceRecording = async () => {
   if (voiceState.value === 'thinking' || voiceState.value === 'speaking') {
@@ -1310,21 +1683,30 @@ const startVoiceRecording = () => {
     scope: 'scope.record',
     success: () => {
       isVoiceRecording.value = true;
-      voiceState.value = 'listening';
+      isVoiceModeInterrupted.value = false; // 重置中断标志
+      // 自动模式下初始状态为 idle (等待说话)，手动模式直接为 listening
+      voiceState.value = isAutoVoiceMode.value ? 'idle' : 'listening';
       
-      recorderManager.value.start({
-        duration: 60000, // 最长60秒
+      const options = {
+        duration: 600000, // 自动模式下时长设长一点
         sampleRate: 16000,
         numberOfChannels: 1,
         encodeBitRate: 96000,
-        format: 'aac'  // AAC 格式（需要 ffmpeg 转换）
-      });
+        format: isAutoVoiceMode.value ? 'pcm' : 'aac',
+        frameSize: isAutoVoiceMode.value ? 2 : undefined // VAD 需要分片回调
+      };
+      
+      recorderManager.value.start(options);
 
-      uni.showToast({
-        title: '开始录音',
-        icon: 'none',
-        duration: 1000
-      });
+      if (!isAutoVoiceMode.value) {
+        uni.showToast({
+          title: '开始录音',
+          icon: 'none',
+          duration: 1000
+        });
+      } else {
+        console.log('自动语音模式已启动，等待说话...');
+      }
     },
     fail: () => {
       uni.showModal({
@@ -1346,8 +1728,15 @@ const startVoiceRecording = () => {
 
 // 🎧 停止录音并发送
 const stopVoiceRecordingAndSend = async () => {
+  if (!isVoiceRecording.value) return;
+
+  isVoiceRecording.value = false;
+
   // #ifdef MP-WEIXIN
-  recorderManager.value.stop();
+  const stopped = stopRecorderSafely();
+  if (!stopped) {
+    voiceState.value = 'idle';
+  }
   // 停止后会触发 onStop 回调，在那里处理录音文件
   // #endif
 
@@ -1356,13 +1745,18 @@ const stopVoiceRecordingAndSend = async () => {
     title: '语音功能仅支持微信小程序',
     icon: 'none'
   });
-  isVoiceRecording.value = false;
   voiceState.value = 'idle';
   // #endif
 };
 
 // 🎧 处理语音模式的录音消息
 const handleVoiceModeMessage = async (filePath) => {
+  // 检查是否还在语音模式，如果已切换则不处理
+  if (!isVoiceMode.value) {
+    console.log('⚠️ 已切换到文本模式，取消语音处理');
+    return;
+  }
+
   isVoiceRecording.value = false;
   voiceState.value = 'thinking';
 
@@ -1386,6 +1780,27 @@ const handleVoiceModeMessage = async (filePath) => {
       console.log('🎧 AI回复文本:', llmResult?.response);
       console.log('🎧 TTS音频:', ttsResult?.audioBase64 ? '已获取' : '未获取');
 
+      // 再次检查是否还在语音模式
+      if (!isVoiceMode.value) {
+        console.log('⚠️ API返回时已切换到文本模式，取消后续处理');
+        return;
+      }
+
+      // 可选：将对话记录到聊天列表
+      if (sttResult?.text) {
+        addMessage('user', sttResult.text);
+      }
+      if (llmResult?.response) {
+        const cleanedResponse = cleanText(llmResult.response);
+        await addSegmentedAIResponse(cleanedResponse);
+      }
+
+      // 再次检查是否还在语音模式（因为 addSegmentedAIResponse 是异步的）
+      if (!isVoiceMode.value) {
+        console.log('⚠️ 消息添加后已切换到文本模式，取消音频播放');
+        return;
+      }
+
       // 切换到说话状态
       voiceState.value = 'speaking';
 
@@ -1407,23 +1822,21 @@ const handleVoiceModeMessage = async (filePath) => {
         await sleep(2000);
       }
 
-      // 可选：将对话记录到聊天列表
-      if (sttResult?.text) {
-        addMessage('user', sttResult.text);
-      }
-      if (llmResult?.response) {
-        const cleanedResponse = cleanText(llmResult.response);
-        await addSegmentedAIResponse(cleanedResponse);
+      // 循环对话：播放结束后，如果是自动模式且仍在语音模式，重新开始录音
+      if (isAutoVoiceMode.value && isVoiceMode.value) {
+        console.log('↺ 自动模式：重新开始监听');
+        startVoiceRecording();
+      } else if (isVoiceMode.value) {
+        // 如果还在语音模式但不是自动模式，回到待机状态
+        voiceState.value = 'idle';
       }
+      // 如果已经不在语音模式，不做任何操作（已被中断）
 
     } else {
       // API调用失败
       throw new Error(result.error?.message || '语音处理失败');
     }
 
-    // 回到待机状态
-    voiceState.value = 'idle';
-
   } catch (error) {
     console.error('🎧 语音处理失败:', error);
     voiceState.value = 'idle';
@@ -1433,6 +1846,8 @@ const handleVoiceModeMessage = async (filePath) => {
       icon: 'none',
       duration: 2000
     });
+    
+    // 出错后是否重启？为了安全起见，出错暂不自动重启，让用户手动点击重试
   }
 };
 
@@ -1458,20 +1873,42 @@ const playVoiceFromBase64 = async (audioBase64, text = '') => {
             audioContext.value.destroy();
           }
 
+          uni.setInnerAudioOption({
+            obeyMuteSwitch: false,
+            speakerOn: true
+          });
+
           audioContext.value = uni.createInnerAudioContext();
+          audioContext.value.autoplay = false;
+          audioContext.value.obeyMuteSwitch = false;
+          audioContext.value.volume = 1;
+          audioContext.value.loop = false;
+          audioContext.value.playbackRate = 1;
           audioContext.value.src = filePath;
 
+          audioContext.value.onCanplay(() => {
+            if (audioContext.value?.paused) {
+              audioContext.value.play();
+            }
+          });
+
           audioContext.value.onPlay(() => {
             console.log('🎧 开始播放AI语音');
+            // 🎵 开始模拟音量变化，驱动声波动画
+            startVolumeSimulation();
           });
 
           audioContext.value.onEnded(() => {
             console.log('🎧 AI语音播放完成');
+            // 🎵 停止音量模拟
+            stopVolumeSimulation();
             resolve();
           });
 
           audioContext.value.onError((err) => {
             console.error('🎧 语音播放失败:', err);
+            // 🎵 停止音量模拟
+            stopVolumeSimulation();
             reject(err);
           });
 
@@ -1502,13 +1939,13 @@ const playVoiceFromBase64 = async (audioBase64, text = '') => {
 const cancelVoiceRecording = () => {
   if (!isVoiceRecording.value) return;
 
-  // #ifdef MP-WEIXIN
-  recorderManager.value.stop();
-  // #endif
-
   isVoiceRecording.value = false;
   voiceState.value = 'idle';
 
+  // #ifdef MP-WEIXIN
+  stopRecorderSafely();
+  // #endif
+
   uni.showToast({
     title: '已取消录音',
     icon: 'none',
@@ -1541,6 +1978,37 @@ page {
   overflow: hidden;
 }
 
+.background-video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  z-index: -2;
+}
+
+.background-gif {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -2;
+  pointer-events: none;
+}
+
+.video-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(180deg, rgba(26, 11, 46, 0.9) 0%, rgba(45, 27, 78, 0.75) 50%, rgba(26, 11, 46, 0.9) 100%);
+  z-index: -1;
+  pointer-events: none;
+}
+
 /* 夜空装饰 */
 .night-sky-decoration {
   position: absolute;
@@ -2340,172 +2808,19 @@ page {
   border-radius: 3rpx;
   height: 20rpx;
   opacity: 0.3;
-  transition: all 0.3s;
+  transition: height 0.15s linear, opacity 0.15s linear;
 }
 
-/* 🎧 倾听状态 */
 .sound-wave.listening .wave-bar {
-  animation: wave-listening 1.2s infinite ease-in-out;
   background: linear-gradient(180deg, #4caf50 0%, #45a049 100%);
-  opacity: 0.8;
 }
 
-@keyframes wave-listening {
-  0%, 100% {
-    height: 30rpx;
-  }
-  50% {
-    height: 80rpx;
-  }
-}
-
-/* 🎧 思考状态 */
 .sound-wave.thinking .wave-bar {
-  animation: wave-thinking 2s infinite ease-in-out;
   background: linear-gradient(180deg, #2196f3 0%, #1976d2 100%);
-  opacity: 0.7;
 }
 
-@keyframes wave-thinking {
-  0%, 100% {
-    height: 20rpx;
-    opacity: 0.3;
-  }
-  50% {
-    height: 50rpx;
-    opacity: 0.9;
-  }
-}
-
-/* 🎧 说话状态 */
 .sound-wave.speaking .wave-bar {
-  animation: wave-speaking 0.8s infinite ease-in-out;
   background: linear-gradient(180deg, #f9e076 0%, #f5d042 100%);
-  opacity: 1;
 }
 
-@keyframes wave-speaking {
-  0%, 100% {
-    height: 40rpx;
-  }
-  50% {
-    height: 100rpx;
-  }
-}
-
-/* 每个波形条使用不同的延迟创造连续效果 */
-.sound-wave .wave-bar:nth-child(1) { animation-delay: 0s; }
-.sound-wave .wave-bar:nth-child(2) { animation-delay: 0.05s; }
-.sound-wave .wave-bar:nth-child(3) { animation-delay: 0.1s; }
-.sound-wave .wave-bar:nth-child(4) { animation-delay: 0.15s; }
-.sound-wave .wave-bar:nth-child(5) { animation-delay: 0.2s; }
-.sound-wave .wave-bar:nth-child(6) { animation-delay: 0.25s; }
-.sound-wave .wave-bar:nth-child(7) { animation-delay: 0.3s; }
-.sound-wave .wave-bar:nth-child(8) { animation-delay: 0.35s; }
-.sound-wave .wave-bar:nth-child(9) { animation-delay: 0.4s; }
-.sound-wave .wave-bar:nth-child(10) { animation-delay: 0.45s; }
-
-/* 🎧 提示文本 */
-.voice-hint-text {
-  font-size: 28rpx;
-  color: rgba(249, 224, 118, 0.7);
-  text-align: center;
-  line-height: 1.6;
-}
-
-/* 🎧 录音控制按钮 */
-.voice-record-btn {
-  width: 280rpx;
-  height: 280rpx;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #f9e076 0%, #f5d042 100%);
-  box-shadow: 0 12rpx 48rpx rgba(249, 224, 118, 0.5), 0 0 80rpx rgba(249, 224, 118, 0.3);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 12rpx;
-  transition: all 0.3s;
-  margin-top: 32rpx;
-}
-
-.voice-record-btn:active {
-  transform: scale(0.95);
-  box-shadow: 0 8rpx 32rpx rgba(249, 224, 118, 0.4), 0 0 60rpx rgba(249, 224, 118, 0.2);
-}
-
-/* 录音中状态 */
-.voice-record-btn.recording {
-  background: linear-gradient(135deg, rgba(244, 67, 54, 0.9) 0%, rgba(211, 47, 47, 0.9) 100%);
-  box-shadow: 0 12rpx 48rpx rgba(244, 67, 54, 0.5), 0 0 80rpx rgba(244, 67, 54, 0.3);
-  animation: pulse-recording-btn 1.5s infinite;
-}
-
-@keyframes pulse-recording-btn {
-  0%, 100% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.05);
-  }
-}
-
-.voice-record-icon {
-  font-size: 72rpx;
-  filter: drop-shadow(0 4rpx 8rpx rgba(26, 11, 46, 0.3));
-}
-
-.voice-record-btn.recording .voice-record-icon {
-  color: #fff;
-  filter: drop-shadow(0 4rpx 8rpx rgba(0, 0, 0, 0.3));
-}
-
-.voice-record-text {
-  font-size: 32rpx;
-  font-weight: 600;
-  color: #1a0b2e;
-  letter-spacing: 2rpx;
-}
-
-.voice-record-btn.recording .voice-record-text {
-  color: #fff;
-}
-
-/* 🎧 处理中状态按钮 */
-.voice-processing-btn {
-  width: 280rpx;
-  height: 280rpx;
-  border-radius: 50%;
-  background: linear-gradient(135deg, rgba(249, 224, 118, 0.3) 0%, rgba(249, 224, 118, 0.15) 100%);
-  border: 4rpx solid rgba(249, 224, 118, 0.5);
-  box-shadow: 0 8rpx 32rpx rgba(249, 224, 118, 0.3);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 12rpx;
-  margin-top: 32rpx;
-  opacity: 0.8;
-}
-
-.voice-processing-icon {
-  font-size: 72rpx;
-  animation: rotate-processing 2s linear infinite;
-}
-
-@keyframes rotate-processing {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.voice-processing-text {
-  font-size: 28rpx;
-  font-weight: 600;
-  color: #f9e076;
-  letter-spacing: 2rpx;
-}
 </style>
diff --git a/src/static/grok-video-db7bc117-861f-477e-bef3-e73273a4b55c-1.mp4 b/src/static/grok-video-db7bc117-861f-477e-bef3-e73273a4b55c-1.mp4
new file mode 100644
index 0000000..74ca4fd
Binary files /dev/null and b/src/static/grok-video-db7bc117-861f-477e-bef3-e73273a4b55c-1.mp4 differ
diff --git a/src/utils/config.js b/src/utils/config.js
index c0f0596..c800673 100644
--- a/src/utils/config.js
+++ b/src/utils/config.js
@@ -1,7 +1,7 @@
 // API配置统一管理
 export const API_CONFIG = {
   // 基础API地址
-  BASE_URL: 'http://192.168.3.13:8091',
+  BASE_URL: 'https://api.aixsy.com.cn',
   
   // 其他服务地址（如果需要）
   WEB_URL: 'https://www.aixsy.com.cn',