From 3b280eb57921b536c705c57a9a854c696501a98f Mon Sep 17 00:00:00 2001
From: libingxiang <libx@shpso.com>
Date: Mon, 6 Jul 2026 15:15:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8C=89=E9=92=AE=E4=BD=8D=E7=BD=AE=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4+=E5=95=86=E6=A0=87=E6=8C=82=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 667 +++++++++++++++++++++++++++++-----------------------
 src/GP.webp | Bin 0 -> 5581 bytes
 2 files changed, 371 insertions(+), 296 deletions(-)
 create mode 100644 src/GP.webp

diff --git a/src/App.vue b/src/App.vue
index e659301..431c2f4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,17 +9,17 @@
         <div class="connect-logo">
           <svg viewBox="0 0 48 48" width="56" height="56" fill="none">
             <circle
-              cx="24"
-              cy="20"
-              r="10"
-              stroke="currentColor"
-              stroke-width="2.5"
+                cx="24"
+                cy="20"
+                r="10"
+                stroke="currentColor"
+                stroke-width="2.5"
             />
             <path
-              d="M10 42c0-7.732 6.268-14 14-14s14 6.268 14 14"
-              stroke="currentColor"
-              stroke-width="2.5"
-              stroke-linecap="round"
+                d="M10 42c0-7.732 6.268-14 14-14s14 6.268 14 14"
+                stroke="currentColor"
+                stroke-width="2.5"
+                stroke-linecap="round"
             />
           </svg>
         </div>
@@ -28,17 +28,17 @@
         <div class="connect-actions">
           <button class="connect-btn primary" @click="handleConnect('rtc')">
             <svg
-              viewBox="0 0 24 24"
-              width="20"
-              height="20"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
+                viewBox="0 0 24 24"
+                width="20"
+                height="20"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
             >
-              <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" />
-              <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
-              <line x1="12" y1="19" x2="12" y2="23" />
-              <circle cx="18" cy="5" r="2" fill="currentColor" stroke="none" />
+              <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
+              <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+              <line x1="12" y1="19" x2="12" y2="23"/>
+              <circle cx="18" cy="5" r="2" fill="currentColor" stroke="none"/>
             </svg>
             开始对话
           </button>
@@ -69,37 +69,35 @@
       <!-- 字幕区域（底部，不遮挡数字人主体） -->
       <div class="subtitle-overlay">
         <div class="subtitle-container">
-          <SubtitlePanel :ai-subtitle="currentAISubtitle" />
+          <SubtitlePanel :ai-subtitle="currentAISubtitle"/>
         </div>
       </div>
 
-      <!-- 右侧垂直控制按钮组 -->
-      <div class="side-controls">
-        <!-- 拾音按钮 -->
-        <button
+      <!-- 拾音按钮 - 左下角 -->
+      <button
           v-if="audioMode === 'btn'"
-          class="mic-btn"
+          class="mic-btn mic-bottom-left"
           :class="{
-            recording: pickPhase === 'recording',
-            'mic-processing': pickPhase === 'processing',
-            'mic-waiting': pickPhase === 'waiting',
-            'mic-broadcasting': pickPhase === 'broadcasting',
-          }"
+          recording: pickPhase === 'recording',
+          'mic-processing': pickPhase === 'processing',
+          'mic-waiting': pickPhase === 'waiting',
+          'mic-broadcasting': pickPhase === 'broadcasting',
+        }"
           @touchstart.prevent="dhStartRecord"
           @touchend.prevent="dhStopRecord"
           @mousedown.prevent="dhStartRecord"
           @mouseup.prevent="dhStopRecord"
           @mouseleave="isRecording && dhStopRecord()"
           @contextmenu.prevent
-        >
-          <div
+      >
+        <div
             class="mic-btn-ring"
             :class="{
-              active: pickPhase === 'recording' || pickPhase === 'broadcasting',
-            }"
-          ></div>
-          <!-- 拾音中：麦克风+脉冲环 -->
-          <svg
+            active: pickPhase === 'recording' || pickPhase === 'broadcasting',
+          }"
+        ></div>
+        <!-- 拾音中：麦克风+脉冲环 -->
+        <svg
             v-if="pickPhase === 'recording'"
             viewBox="0 0 24 24"
             width="26"
@@ -109,14 +107,14 @@
             stroke-width="2"
             stroke-linecap="round"
             stroke-linejoin="round"
-          >
-            <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" />
-            <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
-            <line x1="12" y1="19" x2="12" y2="23" />
-            <line x1="8" y1="23" x2="16" y2="23" />
-          </svg>
-          <!-- 识别中：文字气泡+三点跳动 -->
-          <svg
+        >
+          <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
+          <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+          <line x1="12" y1="19" x2="12" y2="23"/>
+          <line x1="8" y1="23" x2="16" y2="23"/>
+        </svg>
+        <!-- 识别中：文字气泡+三点跳动 -->
+        <svg
             v-else-if="pickPhase === 'processing'"
             class="anim-dots"
             viewBox="0 0 24 24"
@@ -127,37 +125,37 @@
             stroke-width="1.5"
             stroke-linecap="round"
             stroke-linejoin="round"
-          >
-            <path
+        >
+          <path
               d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
-            />
-            <circle
+          />
+          <circle
               class="dot dot-1"
               cx="8"
               cy="10"
               r="1"
               fill="currentColor"
               stroke="none"
-            />
-            <circle
+          />
+          <circle
               class="dot dot-2"
               cx="12"
               cy="10"
               r="1"
               fill="currentColor"
               stroke="none"
-            />
-            <circle
+          />
+          <circle
               class="dot dot-3"
               cx="16"
               cy="10"
               r="1"
               fill="currentColor"
               stroke="none"
-            />
-          </svg>
-          <!-- 等待回复：省略号三点循环 -->
-          <svg
+          />
+        </svg>
+        <!-- 等待回复：省略号三点循环 -->
+        <svg
             v-else-if="pickPhase === 'waiting'"
             class="anim-ellipsis"
             viewBox="0 0 24 24"
@@ -168,34 +166,34 @@
             stroke-width="1.5"
             stroke-linecap="round"
             stroke-linejoin="round"
-          >
-            <circle
+        >
+          <circle
               class="ellipsis-dot ed-1"
               cx="5"
               cy="12"
               r="2"
               fill="currentColor"
               stroke="none"
-            />
-            <circle
+          />
+          <circle
               class="ellipsis-dot ed-2"
               cx="12"
               cy="12"
               r="2"
               fill="currentColor"
               stroke="none"
-            />
-            <circle
+          />
+          <circle
               class="ellipsis-dot ed-3"
               cx="19"
               cy="12"
               r="2"
               fill="currentColor"
               stroke="none"
-            />
-          </svg>
-          <!-- 播报中：喇叭+音波纹扩散 -->
-          <svg
+          />
+        </svg>
+        <!-- 播报中：喇叭+音波纹扩散 -->
+        <svg
             v-else-if="pickPhase === 'broadcasting'"
             class="anim-wave"
             viewBox="0 0 24 24"
@@ -206,17 +204,17 @@
             stroke-width="2"
             stroke-linecap="round"
             stroke-linejoin="round"
-          >
-            <polygon
+        >
+          <polygon
               points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"
               fill="currentColor"
               stroke="none"
-            />
-            <path class="wave-1" d="M15.54 8.46a5 5 0 0 1 0 7.07" />
-            <path class="wave-2" d="M19.07 4.93a10 10 0 0 1 0 14.14" />
-          </svg>
-          <!-- 空闲：麦克风 -->
-          <svg
+          />
+          <path class="wave-1" d="M15.54 8.46a5 5 0 0 1 0 7.07"/>
+          <path class="wave-2" d="M19.07 4.93a10 10 0 0 1 0 14.14"/>
+        </svg>
+        <!-- 空闲：麦克风 -->
+        <svg
             v-else
             viewBox="0 0 24 24"
             width="26"
@@ -226,48 +224,48 @@
             stroke-width="2"
             stroke-linecap="round"
             stroke-linejoin="round"
-          >
-            <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" />
-            <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
-            <line x1="12" y1="19" x2="12" y2="23" />
-            <line x1="8" y1="23" x2="16" y2="23" />
-          </svg>
-          <span class="mic-label">{{
-            pickPhase === "recording"
-              ? "拾音中"
-              : pickPhase === "processing"
-                ? "识别中"
-                : pickPhase === "waiting"
-                  ? "等待回复"
-                  : pickPhase === "broadcasting"
-                    ? "播报中"
-                    : "按住说话"
-          }}</span>
-        </button>
-
-        <!-- RTC模式拾音按钮 -->
-        <button
-          v-if="audioMode === 'rtc'"
-          class="mic-btn"
-          :class="{
-            'mic-on': pickPhase === 'idle' && !isMuted,
-            'mic-off': pickPhase === 'idle' && isMuted,
-            'mic-processing': pickPhase === 'processing',
-            'mic-waiting': pickPhase === 'waiting',
-            'mic-broadcasting': pickPhase === 'broadcasting',
-          }"
-          @click="toggleMic"
         >
-          <div
+          <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
+          <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+          <line x1="12" y1="19" x2="12" y2="23"/>
+          <line x1="8" y1="23" x2="16" y2="23"/>
+        </svg>
+        <span class="mic-label">{{
+            pickPhase === "recording"
+                ? "拾音中"
+                : pickPhase === "processing"
+                    ? "识别中"
+                    : pickPhase === "waiting"
+                        ? "等待回复"
+                        : pickPhase === "broadcasting"
+                            ? "播报中"
+                            : "按住说话"
+          }}</span>
+      </button>
+
+      <!-- RTC模式拾音按钮 - 左下角 -->
+      <button
+          v-if="audioMode === 'rtc'"
+          class="mic-btn mic-bottom-left"
+          :class="{
+          'mic-on': pickPhase === 'idle' && !isMuted,
+          'mic-off': pickPhase === 'idle' && isMuted,
+          'mic-processing': pickPhase === 'processing',
+          'mic-waiting': pickPhase === 'waiting',
+          'mic-broadcasting': pickPhase === 'broadcasting',
+        }"
+          @click="toggleMic"
+      >
+        <div
             class="mic-btn-ring"
             :class="{
-              active:
-                (pickPhase === 'idle' && !isMuted) ||
-                pickPhase === 'broadcasting',
-            }"
-          ></div>
-          <!-- 正在拾音 -->
-          <svg
+            active:
+              (pickPhase === 'idle' && !isMuted) ||
+              pickPhase === 'broadcasting',
+          }"
+        ></div>
+        <!-- 正在拾音 -->
+        <svg
             v-if="pickPhase === 'idle' && !isMuted"
             viewBox="0 0 24 24"
             width="26"
@@ -277,14 +275,14 @@
             stroke-width="2"
             stroke-linecap="round"
             stroke-linejoin="round"
-          >
-            <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" />
-            <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
-            <line x1="12" y1="19" x2="12" y2="23" />
-            <line x1="8" y1="23" x2="16" y2="23" />
-          </svg>
-          <!-- 识别中：文字气泡+三点跳动 -->
-          <svg
+        >
+          <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
+          <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+          <line x1="12" y1="19" x2="12" y2="23"/>
+          <line x1="8" y1="23" x2="16" y2="23"/>
+        </svg>
+        <!-- 识别中：文字气泡+三点跳动 -->
+        <svg
             v-else-if="pickPhase === 'processing'"
             class="anim-dots"
             viewBox="0 0 24 24"
@@ -295,37 +293,37 @@
             stroke-width="1.5"
             stroke-linecap="round"
             stroke-linejoin="round"
-          >
-            <path
+        >
+          <path
               d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
-            />
-            <circle
+          />
+          <circle
               class="dot dot-1"
               cx="8"
               cy="10"
               r="1"
               fill="currentColor"
               stroke="none"
-            />
-            <circle
+          />
+          <circle
               class="dot dot-2"
               cx="12"
               cy="10"
               r="1"
               fill="currentColor"
               stroke="none"
-            />
-            <circle
+          />
+          <circle
               class="dot dot-3"
               cx="16"
               cy="10"
               r="1"
               fill="currentColor"
               stroke="none"
-            />
-          </svg>
-          <!-- 等待回复：省略号三点循环 -->
-          <svg
+          />
+        </svg>
+        <!-- 等待回复：省略号三点循环 -->
+        <svg
             v-else-if="pickPhase === 'waiting'"
             class="anim-ellipsis"
             viewBox="0 0 24 24"
@@ -336,34 +334,34 @@
             stroke-width="1.5"
             stroke-linecap="round"
             stroke-linejoin="round"
-          >
-            <circle
+        >
+          <circle
               class="ellipsis-dot ed-1"
               cx="5"
               cy="12"
               r="2"
               fill="currentColor"
               stroke="none"
-            />
-            <circle
+          />
+          <circle
               class="ellipsis-dot ed-2"
               cx="12"
               cy="12"
               r="2"
               fill="currentColor"
               stroke="none"
-            />
-            <circle
+          />
+          <circle
               class="ellipsis-dot ed-3"
               cx="19"
               cy="12"
               r="2"
               fill="currentColor"
               stroke="none"
-            />
-          </svg>
-          <!-- 播报中：喇叭+音波纹扩散 -->
-          <svg
+          />
+        </svg>
+        <!-- 播报中：喇叭+音波纹扩散 -->
+        <svg
             v-else-if="pickPhase === 'broadcasting'"
             class="anim-wave"
             viewBox="0 0 24 24"
@@ -374,17 +372,17 @@
             stroke-width="2"
             stroke-linecap="round"
             stroke-linejoin="round"
-          >
-            <polygon
+        >
+          <polygon
               points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"
               fill="currentColor"
               stroke="none"
-            />
-            <path class="wave-1" d="M15.54 8.46a5 5 0 0 1 0 7.07" />
-            <path class="wave-2" d="M19.07 4.93a10 10 0 0 1 0 14.14" />
-          </svg>
-          <!-- 麦克风已关闭 -->
-          <svg
+          />
+          <path class="wave-1" d="M15.54 8.46a5 5 0 0 1 0 7.07"/>
+          <path class="wave-2" d="M19.07 4.93a10 10 0 0 1 0 14.14"/>
+        </svg>
+        <!-- 麦克风已关闭 -->
+        <svg
             v-else
             viewBox="0 0 24 24"
             width="26"
@@ -394,27 +392,27 @@
             stroke-width="2"
             stroke-linecap="round"
             stroke-linejoin="round"
-          >
-            <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" />
-            <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
-            <line x1="1" y1="1" x2="23" y2="23" />
-          </svg>
-          <span class="mic-label">{{
+        >
+          <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
+          <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+          <line x1="1" y1="1" x2="23" y2="23"/>
+        </svg>
+        <span class="mic-label">{{
             pickPhase === "processing"
-              ? "识别中"
-              : pickPhase === "waiting"
-                ? "等待回复中"
-                : pickPhase === "broadcasting"
-                  ? "播报中"
-                  : isMuted
-                    ? "开启麦克风"
-                    : "拾音中"
+                ? "识别中"
+                : pickPhase === "waiting"
+                    ? "等待回复中"
+                    : pickPhase === "broadcasting"
+                        ? "播报中"
+                        : isMuted
+                            ? "开启麦克风"
+                            : "拾音中"
           }}</span>
-        </button>
+      </button>
 
-        <!-- 打断按钮 -->
-        <button class="interrupt-btn" @click="dhInterrupt">
-          <svg
+      <!-- 打断按钮 - 右下角 -->
+      <button class="interrupt-btn interrupt-bottom-right" @click="dhInterrupt">
+        <svg
             viewBox="0 0 24 24"
             width="24"
             height="24"
@@ -422,45 +420,29 @@
             stroke="currentColor"
             stroke-width="2.5"
             stroke-linecap="round"
-          >
-            <path d="M18.36 6.64a9 9 0 1 1-12.73 0" />
-            <line x1="12" y1="2" x2="12" y2="12" />
-          </svg>
-          <span class="interrupt-label">打断</span>
-        </button>
+        >
+          <path d="M18.36 6.64a9 9 0 1 1-12.73 0"/>
+          <line x1="12" y1="2" x2="12" y2="12"/>
+        </svg>
+        <span class="interrupt-label">打断</span>
+      </button>
 
-        <!-- 挂断按钮 -->
-        <button class="hangup-btn" @click="handleDisconnect" title="挂断">
-          <svg
-            viewBox="0 0 24 24"
-            width="24"
-            height="24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2.5"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          >
-            <path
-              d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91"
-            />
-            <line x1="1" y1="1" x2="23" y2="23" />
-          </svg>
-          <span class="hangup-label">挂断</span>
-        </button>
-      </div>
+      <!-- 挂断按钮 - 右上角 -->
+      <button class="hangup-btn hangup-top-left" @click="handleDisconnect" title="挂断">
+        <img src="./GP.webp" alt="挂断" class="hangup-img"/>
+      </button>
     </template>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from "vue";
-import { ElMessage } from "element-plus";
+import {ref, watch} from "vue";
+import {ElMessage} from "element-plus";
 import SubtitlePanel from "@/components/SubtitlePanel.vue";
-import { useDigitalHuman } from "@/hooks/useDigitalHuman";
-import { useLLM } from "@/hooks/useLLM";
+import {useDigitalHuman} from "@/hooks/useDigitalHuman";
+import {useLLM} from "@/hooks/useLLM";
 
-const { sendToChatBase } = useLLM();
+const {sendToChatBase} = useLLM();
 
 const {
   isConnected,
@@ -507,8 +489,8 @@ const dhInterrupt = () => interrupt();
 // 语音有效性辅助函数：去除空白和标点后检查是否有实质内容
 const hasSubstantialContent = (text: string): boolean => {
   const cleaned = text.replace(
-    /[\s\u3000.,!?;:，。！？；：、…—\-_·""''（）()\[\]【】《》<>]/g,
-    "",
+      /[\s\u3000.,!?;:，。！？；：、…—\-_·""''（）()\[\]【】《》<>]/g,
+      "",
   );
   return cleaned.length > 0;
 };
@@ -621,6 +603,7 @@ async function handleVoiceQueryComplete(text: string) {
     background: linear-gradient(135deg, #4f6ef7, #6c8cff);
     color: #fff;
     box-shadow: 0 8px 32px rgba(79, 110, 247, 0.35);
+
     &:hover {
       transform: translateY(-2px);
       box-shadow: 0 12px 40px rgba(79, 110, 247, 0.5);
@@ -631,6 +614,7 @@ async function handleVoiceQueryComplete(text: string) {
     background: rgba(255, 255, 255, 0.06);
     border: 1px solid rgba(255, 255, 255, 0.12);
     color: rgba(255, 255, 255, 0.8);
+
     &:hover {
       background: rgba(255, 255, 255, 0.1);
       border-color: rgba(255, 255, 255, 0.2);
@@ -670,6 +654,7 @@ async function handleVoiceQueryComplete(text: string) {
     &::placeholder {
       color: rgba(255, 255, 255, 0.25);
     }
+
     &:focus {
       border-color: rgba(108, 140, 255, 0.5);
     }
@@ -720,17 +705,48 @@ async function handleVoiceQueryComplete(text: string) {
   font-weight: 500;
 }
 
-/* ===== 右侧垂直控制按钮组 ===== */
-.side-controls {
+/* ===== 麦克风按钮 - 字幕下方左侧 ===== */
+.mic-bottom-left {
   position: absolute;
-  right: 24px;
-  top: 50%;
-  transform: translateY(-50%);
+  left: 50%;
+  transform: translateX(-120px);
+  bottom: 10%;
+  z-index: 25;
+  transition: transform 0.2s ease;
+
+  &:hover {
+    transform: translateX(-120px) scale(1.06);
+  }
+
+  &:active {
+    transform: translateX(-120px) scale(0.95);
+  }
+}
+
+/* ===== 打断按钮 - 字幕下方右侧 ===== */
+.interrupt-bottom-right {
+  position: absolute;
+  right: 50%;
+  transform: translateX(120px);
+  bottom: 10%;
+  z-index: 25;
+  transition: transform 0.2s ease;
+
+  &:hover {
+    transform: translateX(120px) scale(1.06);
+  }
+
+  &:active {
+    transform: translateX(120px) scale(0.95);
+  }
+}
+
+/* ===== 挂断按钮 - 右上角 ===== */
+.hangup-top-left {
+  position: absolute;
+  right: 32px;
+  top: 24px;
   z-index: 25;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 10px;
 }
 
 /* ===== 字幕区域（屏幕中央居中） ===== */
@@ -756,11 +772,10 @@ async function handleVoiceQueryComplete(text: string) {
 
 /* ===== 拾音按钮 ===== */
 .mic-btn {
-  position: relative;
   flex-shrink: 0;
-  width: 72px;
-  height: 72px;
-  border-radius: 20px;
+  width: 110px;
+  height: 110px;
+  border-radius: 30px;
   border: 2px solid rgba(255, 255, 255, 0.15);
   background: rgba(255, 255, 255, 0.08);
   backdrop-filter: blur(12px);
@@ -785,11 +800,9 @@ async function handleVoiceQueryComplete(text: string) {
   &:hover {
     background: rgba(255, 255, 255, 0.14);
     border-color: rgba(255, 255, 255, 0.3);
-    transform: scale(1.06);
   }
 
   &:active {
-    transform: scale(0.95);
   }
 
   &.recording {
@@ -869,12 +882,15 @@ async function handleVoiceQueryComplete(text: string) {
   .dot {
     transform-origin: center;
   }
+
   .dot-1 {
     animation: dotBounce 1.4s ease-in-out infinite;
   }
+
   .dot-2 {
     animation: dotBounce 1.4s ease-in-out 0.2s infinite;
   }
+
   .dot-3 {
     animation: dotBounce 1.4s ease-in-out 0.4s infinite;
   }
@@ -898,12 +914,15 @@ async function handleVoiceQueryComplete(text: string) {
   .ellipsis-dot {
     transform-origin: center;
   }
+
   .ed-1 {
     animation: ellipsisPulse 1.8s ease-in-out infinite;
   }
+
   .ed-2 {
     animation: ellipsisPulse 1.8s ease-in-out 0.3s infinite;
   }
+
   .ed-3 {
     animation: ellipsisPulse 1.8s ease-in-out 0.6s infinite;
   }
@@ -928,6 +947,7 @@ async function handleVoiceQueryComplete(text: string) {
     animation: waveExpand 2s ease-out infinite;
     transform-origin: 12px 12px;
   }
+
   .wave-2 {
     animation: waveExpand 2s ease-out 0.5s infinite;
     transform-origin: 12px 12px;
@@ -997,9 +1017,9 @@ async function handleVoiceQueryComplete(text: string) {
 /* ===== 打断按钮 ===== */
 .interrupt-btn {
   flex-shrink: 0;
-  width: 72px;
-  height: 72px;
-  border-radius: 20px;
+  width: 110px;
+  height: 110px;
+  border-radius: 30px;
   border: 2px solid rgba(251, 146, 60, 0.35);
   background: rgba(251, 146, 60, 0.12);
   backdrop-filter: blur(12px);
@@ -1025,55 +1045,34 @@ async function handleVoiceQueryComplete(text: string) {
     background: rgba(251, 146, 60, 0.22);
     border-color: rgba(251, 146, 60, 0.6);
     box-shadow: 0 0 32px rgba(251, 146, 60, 0.25);
-    transform: scale(1.06);
   }
 
   &:active {
     background: rgba(251, 146, 60, 0.3);
     border-color: rgba(251, 146, 60, 0.8);
     box-shadow: 0 0 48px rgba(251, 146, 60, 0.4);
-    transform: scale(0.95);
   }
 }
 
 /* ===== 挂断按钮 ===== */
 .hangup-btn {
-  flex-shrink: 0;
-  width: 72px;
-  height: 72px;
-  border-radius: 20px;
-  border: 2px solid rgba(239, 68, 68, 0.35);
-  background: rgba(239, 68, 68, 0.12);
-  backdrop-filter: blur(12px);
-  color: #f87171;
+  padding: 0;
+  border: none;
+  background: none;
   cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  transition: all 0.25s ease;
-  user-select: none;
-  -webkit-user-select: none;
-  touch-action: manipulation;
+  transition: transform 0.2s ease;
 
-  .hangup-label {
-    font-size: 10px;
-    font-weight: 600;
-    opacity: 0.85;
+  .hangup-img {
+    width: 80px;
+    height: 80px;
+    object-fit: contain;
   }
 
   &:hover {
-    background: rgba(239, 68, 68, 0.22);
-    border-color: rgba(239, 68, 68, 0.6);
-    box-shadow: 0 0 32px rgba(239, 68, 68, 0.25);
-    transform: scale(1.06);
+    transform: scale(1.1);
   }
 
   &:active {
-    background: rgba(239, 68, 68, 0.3);
-    border-color: rgba(239, 68, 68, 0.8);
-    box-shadow: 0 0 48px rgba(239, 68, 68, 0.4);
     transform: scale(0.95);
   }
 }
@@ -1124,15 +1123,24 @@ async function handleVoiceQueryComplete(text: string) {
     width: 65%;
   }
 
-  .side-controls {
-    right: 12px;
-    gap: 8px;
+  .mic-bottom-left {
+    left: 50%;
+    transform: translateX(-100px);
+    bottom: 10%;
+  }
+
+  .mic-bottom-left:hover {
+    transform: translateX(-100px) scale(1.06);
+  }
+
+  .mic-bottom-left:active {
+    transform: translateX(-100px) scale(0.95);
   }
 
   .mic-btn {
-    width: 52px;
-    height: 52px;
-    border-radius: 16px;
+    width: 70px;
+    height: 70px;
+    border-radius: 20px;
 
     .mic-label {
       font-size: 8px;
@@ -1143,24 +1151,39 @@ async function handleVoiceQueryComplete(text: string) {
     border-radius: 20px;
   }
 
+  .interrupt-bottom-right {
+    right: 50%;
+    transform: translateX(100px);
+    bottom: 10%;
+  }
+
+  .interrupt-bottom-right:hover {
+    transform: translateX(100px) scale(1.06);
+  }
+
+  .interrupt-bottom-right:active {
+    transform: translateX(100px) scale(0.95);
+  }
+
   .interrupt-btn {
-    width: 52px;
-    height: 52px;
-    border-radius: 16px;
+    width: 70px;
+    height: 70px;
+    border-radius: 20px;
 
     .interrupt-label {
       font-size: 8px;
     }
   }
 
-  .hangup-btn {
-    width: 52px;
-    height: 52px;
-    border-radius: 16px;
 
-    .hangup-label {
-      font-size: 8px;
-    }
+  .hangup-top-left {
+    right: 16px;
+    top: 16px;
+  }
+
+  .hangup-img {
+    width: 56px;
+    height: 56px;
   }
 
   .config-row {
@@ -1171,6 +1194,7 @@ async function handleVoiceQueryComplete(text: string) {
       text-align: left;
       min-width: auto;
     }
+
     input {
       padding: 10px 14px;
       font-size: 13px;
@@ -1193,30 +1217,58 @@ async function handleVoiceQueryComplete(text: string) {
     padding: 20px 28px;
   }
 
-  .side-controls {
-    right: 16px;
+  .mic-bottom-left {
+    left: 50%;
+    transform: translateX(-110px);
+    bottom: 10%;
+  }
+
+  .mic-bottom-left:hover {
+    transform: translateX(-110px) scale(1.06);
+  }
+
+  .mic-bottom-left:active {
+    transform: translateX(-110px) scale(0.95);
   }
 
   .mic-btn {
-    width: 60px;
-    height: 60px;
-    border-radius: 18px;
+    width: 80px;
+    height: 80px;
+    border-radius: 22px;
   }
 
   .mic-btn-ring {
     border-radius: 22px;
   }
 
-  .interrupt-btn {
-    width: 60px;
-    height: 60px;
-    border-radius: 18px;
+  .interrupt-bottom-right {
+    right: 50%;
+    transform: translateX(110px);
+    bottom: 10%;
   }
 
-  .hangup-btn {
-    width: 60px;
-    height: 60px;
-    border-radius: 18px;
+  .interrupt-bottom-right:hover {
+    transform: translateX(110px) scale(1.06);
+  }
+
+  .interrupt-bottom-right:active {
+    transform: translateX(110px) scale(0.95);
+  }
+
+  .interrupt-btn {
+    width: 80px;
+    height: 80px;
+    border-radius: 22px;
+  }
+
+  .hangup-top-left {
+    right: 20px;
+    top: 20px;
+  }
+
+  .hangup-img {
+    width: 64px;
+    height: 64px;
   }
 }
 
@@ -1253,15 +1305,24 @@ async function handleVoiceQueryComplete(text: string) {
     width: 70%;
   }
 
-  .side-controls {
-    right: 10px;
-    gap: 6px;
+  .mic-bottom-left {
+    left: 50%;
+    transform: translateX(-90px);
+    bottom: 8%;
+  }
+
+  .mic-bottom-left:hover {
+    transform: translateX(-90px) scale(1.06);
+  }
+
+  .mic-bottom-left:active {
+    transform: translateX(-90px) scale(0.95);
   }
 
   .mic-btn {
-    width: 48px;
-    height: 48px;
-    border-radius: 14px;
+    width: 64px;
+    height: 64px;
+    border-radius: 18px;
 
     .mic-label {
       font-size: 8px;
@@ -1272,24 +1333,38 @@ async function handleVoiceQueryComplete(text: string) {
     border-radius: 18px;
   }
 
+  .interrupt-bottom-right {
+    right: 50%;
+    transform: translateX(90px);
+    bottom: 8%;
+  }
+
+  .interrupt-bottom-right:hover {
+    transform: translateX(90px) scale(1.06);
+  }
+
+  .interrupt-bottom-right:active {
+    transform: translateX(90px) scale(0.95);
+  }
+
   .interrupt-btn {
-    width: 48px;
-    height: 48px;
-    border-radius: 14px;
+    width: 64px;
+    height: 64px;
+    border-radius: 18px;
 
     .interrupt-label {
       font-size: 8px;
     }
   }
 
-  .hangup-btn {
-    width: 48px;
-    height: 48px;
-    border-radius: 14px;
+  .hangup-top-left {
+    right: 14px;
+    top: 14px;
+  }
 
-    .hangup-label {
-      font-size: 8px;
-    }
+  .hangup-img {
+    width: 52px;
+    height: 52px;
   }
 }
 </style>
diff --git a/src/GP.webp b/src/GP.webp
new file mode 100644
index 0000000000000000000000000000000000000000..9f24819c761c4cf494f732333130a2d738b8d892
GIT binary patch
literal 5581
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

literal 0
HcmV?d00001