@siact/sime-x-vue 0.0.9 → 0.0.11

package/dist/style.css

@@ -1,853 +1,429 @@
-@charset "UTF-8";/* --- Design Tokens --- */
-/* --- Main Container --- */
-.voice-status-wrapper[data-v-c9fa6caf] {
+@charset "UTF-8";.ai-chat[data-v-958fd919] {
+  --chat-bg: #ffffff;
+  --chat-text: #1a1a1a;
+  --chat-text-secondary: #6b7280;
+  --chat-border: #e5e7eb;
+  --chat-user-bg: #f3f4f6;
+  --chat-assistant-bg: transparent;
+  --chat-input-bg: #f9fafb;
+  --chat-input-border: #d1d5db;
+  --chat-input-focus: #3b82f6;
+  --chat-btn-bg: #3b82f6;
+  --chat-btn-text: #ffffff;
+  --chat-suggestion-bg: #f3f4f6;
+  --chat-suggestion-hover: #e5e7eb;
+  --chat-tool-accent: #6366f1;
+  --chat-tool-success: #10b981;
+  --chat-tool-error: #ef4444;
+  --chat-code-bg: #f3f4f6;
+  --chat-scroll-btn-bg: #ffffff;
   display: flex;
-  align-items: flex-start;
-  gap: 20px;
-  padding: 24px;
-  background: rgba(15, 23, 42, 0.85);
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 24px;
-  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  max-width: 480px;
-  width: 100%;
-}
-
-/* --- Indicator Section --- */
-.indicator-container[data-v-c9fa6caf] {
+  flex-direction: column;
+  height: 100%;
+  min-width: 0;
+  overflow: hidden;
+  background: var(--chat-bg);
+  color: var(--chat-text);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  font-size: 14px;
+  line-height: 1.6;
   position: relative;
-  width: 64px;
-  height: 64px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
 }
-.ambient-glow[data-v-c9fa6caf] {
-  position: absolute;
-  inset: -20px;
-  border-radius: 50%;
-  opacity: 0;
-  filter: blur(20px);
-  transition: all 0.5s ease;
-}
-.icon-core[data-v-c9fa6caf] {
-  position: relative;
-  width: 52px;
-  height: 52px;
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.05);
+.ai-chat__welcome[data-v-958fd919] {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  z-index: 10;
-  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
-  overflow: hidden;
-}
-.icon-core .mic-icon[data-v-c9fa6caf] {
-  width: 24px;
-  height: 24px;
-  color: rgba(255, 255, 255, 0.9);
-  transition: all 0.3s ease;
-}
-.icon-core .mic-icon .mic-capsule[data-v-c9fa6caf] {
-  transition: transform 0.2s ease;
-  transform-origin: center center;
-}
-
-/* --- Ripple Effects --- */
-.ripple-layer[data-v-c9fa6caf] {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-}
-.ripple[data-v-c9fa6caf] {
-  position: absolute;
-  inset: 0;
-  border-radius: 50%;
-  border: 2px solid transparent;
-  opacity: 0;
-}
-
-/* --- Content Section --- */
-.content-container[data-v-c9fa6caf] {
   flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-width: 0; /* Prevent flex text overflow */
-  padding-top: 4px;
-}
-.status-header[data-v-c9fa6caf] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 8px;
-}
-.status-dot[data-v-c9fa6caf] {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: currentColor;
-  box-shadow: 0 0 8px currentColor;
-  transition: color 0.3s ease;
+  padding: 24px;
+  overflow-y: auto;
 }
-.status-text[data-v-c9fa6caf] {
-  font-size: 13px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: rgba(255, 255, 255, 0.6);
+.ai-chat__welcome-header[data-v-958fd919] {
+  text-align: center;
+  margin-bottom: 32px;
 }
-.text-window[data-v-c9fa6caf] {
-  min-height: 24px;
-  position: relative;
+.ai-chat__welcome-title[data-v-958fd919] {
+  font-size: 24px;
+  font-weight: 700;
+  margin: 0 0 8px;
 }
-.transcription-content[data-v-c9fa6caf] {
-  font-size: 16px;
-  line-height: 1.5;
-  color: #fff;
-  font-weight: 500;
+.ai-chat__welcome-desc[data-v-958fd919] {
+  color: var(--chat-text-secondary);
   margin: 0;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-}
-.placeholder-text[data-v-c9fa6caf] {
-  font-size: 16px;
-  color: rgba(255, 255, 255, 0.3);
-  font-style: italic;
-  margin: 0;
-}
-
-/* --- State: Wake --- */
-.mode-wake[data-v-c9fa6caf] {
-  border-color: rgba(16, 185, 129, 0.3);
-}
-.mode-wake .ambient-glow[data-v-c9fa6caf] {
-  background: #10b981;
-  opacity: 0.2;
-}
-.mode-wake .icon-core[data-v-c9fa6caf] {
-  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1));
-  border-color: rgba(16, 185, 129, 0.4);
-  box-shadow: 0 0 15px rgba(16, 185, 129, 0.2);
+  max-width: 480px;
 }
-.mode-wake .icon-core .mic-icon[data-v-c9fa6caf] {
-  color: rgb(20.0597014925, 231.9402985075, 161.7313432836);
+.ai-chat__messages[data-v-958fd919] {
+  flex: 1;
+  overflow-y: auto;
+  scroll-behavior: smooth;
 }
-.mode-wake .status-dot[data-v-c9fa6caf] {
-  color: #10b981;
-  animation: pulse-dot-c9fa6caf 2s infinite;
+.ai-chat__messages[data-v-958fd919]::-webkit-scrollbar {
+  width: 6px;
 }
-.mode-wake .ripple[data-v-c9fa6caf] {
-  border-color: #10b981;
-  animation: ripple-out-c9fa6caf 3s infinite;
+.ai-chat__messages[data-v-958fd919]::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.15);
+  border-radius: 3px;
 }
-.mode-wake .ripple.delay-1[data-v-c9fa6caf] {
-  animation-delay: 0s;
+.ai-chat__messages-inner[data-v-958fd919] {
+  max-width: 768px;
+  margin: 0 auto;
+  padding: 16px 16px 8px;
 }
-.mode-wake .ripple.delay-2[data-v-c9fa6caf] {
-  animation-delay: 1s;
+.ai-chat--full-width .ai-chat__messages-inner[data-v-958fd919] {
+  max-width: 100%;
+  padding: 16px 48px 8px;
 }
-.mode-wake .ripple.delay-3[data-v-c9fa6caf] {
-  animation-delay: 2s;
+.ai-chat__message-group[data-v-958fd919] {
+  margin-bottom: 16px;
 }
-
-/* --- State: Transcribing --- */
-.mode-transcribing[data-v-c9fa6caf] {
-  border-color: rgba(59, 130, 246, 0.3);
-}
-.mode-transcribing .ambient-glow[data-v-c9fa6caf] {
-  background: #3b82f6;
-  opacity: 0.3;
-  animation: glow-breathe-c9fa6caf 1.5s ease-in-out infinite alternate;
-}
-.mode-transcribing .icon-core[data-v-c9fa6caf] {
-  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.1));
-  border-color: rgba(59, 130, 246, 0.5);
-  box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
-  transform: scale(1.1);
-}
-.mode-transcribing .icon-core .mic-icon[data-v-c9fa6caf] {
-  color: #fff;
+.ai-chat__message[data-v-958fd919] {
+  display: flex;
+  margin-bottom: 4px;
 }
-.mode-transcribing .icon-core .mic-icon .mic-capsule[data-v-c9fa6caf] {
-  animation: mic-bounce-c9fa6caf 0.6s ease-in-out infinite alternate;
+.ai-chat__message--user[data-v-958fd919] {
+  justify-content: flex-end;
 }
-.mode-transcribing .status-dot[data-v-c9fa6caf] {
-  color: #3b82f6;
+.ai-chat__message--user .ai-chat__message-content[data-v-958fd919] {
+  background: var(--chat-user-bg);
+  border-radius: 16px 16px 4px 16px;
+  max-width: 85%;
 }
-.mode-transcribing .ripple[data-v-c9fa6caf] {
-  border-color: #3b82f6;
-  animation: ripple-rapid-c9fa6caf 1.5s infinite;
+.ai-chat__message--assistant[data-v-958fd919] {
+  justify-content: flex-start;
 }
-.mode-transcribing .ripple.delay-1[data-v-c9fa6caf] {
-  animation-delay: 0s;
+.ai-chat__message--assistant .ai-chat__message-content[data-v-958fd919] {
+  background: var(--chat-assistant-bg);
+  max-width: 100%;
 }
-.mode-transcribing .ripple.delay-2[data-v-c9fa6caf] {
-  animation-delay: 0.3s;
+.ai-chat__message-content[data-v-958fd919] {
+  padding: 10px 14px;
+  border-radius: 16px;
+  word-break: break-word;
 }
-.mode-transcribing .ripple.delay-3[data-v-c9fa6caf] {
-  animation-delay: 0.6s;
+.ai-chat__message-text[data-v-958fd919] code {
+  background: var(--chat-code-bg);
+  padding: 1px 4px;
+  border-radius: 3px;
+  font-size: 13px;
+  font-family: "SF Mono", Monaco, Consolas, monospace;
 }
-
-/* --- Animations --- */
-@keyframes ripple-out-c9fa6caf {
-0% {
-    transform: scale(0.8);
-    opacity: 0;
-    border-width: 2px;
+.ai-chat__message-text[data-v-958fd919] pre {
+  background: var(--chat-code-bg);
+  padding: 12px;
+  border-radius: 8px;
+  overflow-x: auto;
+  margin: 8px 0;
 }
-20% {
-    opacity: 0.5;
+.ai-chat__message-text[data-v-958fd919] pre code {
+  background: transparent;
+  padding: 0;
 }
-100% {
-    transform: scale(2.2);
-    opacity: 0;
-    border-width: 0px;
+.ai-chat__message-text[data-v-958fd919] strong {
+  font-weight: 600;
 }
+.ai-chat__reasoning[data-v-958fd919] {
+  margin: 4px 0;
 }
-@keyframes ripple-rapid-c9fa6caf {
-0% {
-    transform: scale(0.9);
-    opacity: 0;
+.ai-chat__reasoning-trigger[data-v-958fd919] {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  background: none;
+  border: none;
+  color: var(--chat-text-secondary);
+  font-size: 12px;
+  cursor: pointer;
+  padding: 4px 8px;
+  border-radius: 6px;
+  transition: background 0.15s;
 }
-50% {
-    opacity: 0.4;
+.ai-chat__reasoning-trigger[data-v-958fd919]:hover {
+  background: var(--chat-suggestion-bg);
 }
-100% {
-    transform: scale(1.6);
-    opacity: 0;
+.ai-chat__reasoning-icon[data-v-958fd919] {
+  transition: transform 0.2s;
 }
+.ai-chat__reasoning-icon--open[data-v-958fd919] {
+  transform: rotate(90deg);
 }
-@keyframes pulse-dot-c9fa6caf {
-0%, 100% {
-    opacity: 1;
-    transform: scale(1);
+.ai-chat__reasoning-streaming[data-v-958fd919] {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--chat-tool-accent);
+  animation: pulse-958fd919 1s infinite;
+}
+.ai-chat__reasoning-content[data-v-958fd919] {
+  margin: 4px 0 4px 20px;
+  padding: 8px 12px;
+  border-left: 2px solid var(--chat-border);
+  color: var(--chat-text-secondary);
+  font-size: 13px;
+  white-space: pre-wrap;
+  word-break: break-word;
 }
-50% {
-    opacity: 0.5;
-    transform: scale(0.8);
+.ai-chat__tool[data-v-958fd919] {
+  margin: 2px 0;
 }
+.ai-chat__tool-step[data-v-958fd919] {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  border-radius: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  animation: slide-in-958fd919 0.25s ease;
 }
-@keyframes glow-breathe-c9fa6caf {
-0% {
-    opacity: 0.2;
-    transform: scale(0.9);
+.ai-chat__tool-step--loading .ai-chat__tool-icon[data-v-958fd919] {
+  color: var(--chat-tool-accent);
 }
-100% {
-    opacity: 0.4;
-    transform: scale(1.1);
+.ai-chat__tool-step--loading .ai-chat__tool-name[data-v-958fd919] {
+  color: var(--chat-text-secondary);
 }
+.ai-chat__tool-step--done .ai-chat__tool-icon[data-v-958fd919] {
+  color: var(--chat-tool-success);
 }
-@keyframes mic-bounce-c9fa6caf {
-0% {
-    transform: scaleY(1);
+.ai-chat__tool-step--done .ai-chat__tool-name[data-v-958fd919] {
+  color: var(--chat-text-secondary);
+  opacity: 0.7;
 }
-100% {
-    transform: scaleY(0.7);
+.ai-chat__tool-step--error .ai-chat__tool-icon[data-v-958fd919] {
+  color: var(--chat-tool-error);
 }
+.ai-chat__tool-step--error .ai-chat__tool-name[data-v-958fd919] {
+  color: var(--chat-tool-error);
 }
-/* --- Vue Transitions --- */
-.voice-panel-enter-active[data-v-c9fa6caf],
-.voice-panel-leave-active[data-v-c9fa6caf] {
-  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+.ai-chat__tool-icon[data-v-958fd919] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
 }
-.voice-panel-enter-from[data-v-c9fa6caf],
-.voice-panel-leave-to[data-v-c9fa6caf] {
-  opacity: 0;
-  transform: translateY(20px) scale(0.95);
+.ai-chat__tool-spinner[data-v-958fd919] {
+  animation: spin-958fd919 0.8s linear infinite;
 }
-.fade-slide-enter-active[data-v-c9fa6caf],
-.fade-slide-leave-active[data-v-c9fa6caf] {
-  transition: all 0.3s ease;
+.ai-chat__tool-name[data-v-958fd919] {
+  white-space: nowrap;
 }
-.fade-slide-enter-from[data-v-c9fa6caf] {
+.ai-chat__message-actions[data-v-958fd919] {
+  display: flex;
+  gap: 4px;
+  margin-top: 4px;
   opacity: 0;
-  transform: translateY(10px);
+  transition: opacity 0.2s;
 }
-.fade-slide-leave-to[data-v-c9fa6caf] {
-  opacity: 0;
-  transform: translateY(-10px);
+.ai-chat__message-group:hover .ai-chat__message-actions[data-v-958fd919] {
+  opacity: 1;
 }
-.execution-bubble[data-v-8244ff0d] {
+.ai-chat__action-btn[data-v-958fd919] {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 12px 20px;
-  background: rgba(15, 23, 42, 0.9);
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
-  border: 1px solid rgba(168, 85, 247, 0.35);
-  border-radius: 20px;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 20px -5px rgba(168, 85, 247, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08);
+  width: 28px;
+  height: 28px;
+  border-radius: 6px;
+  border: 1px solid var(--chat-border);
+  background: var(--chat-bg);
+  color: var(--chat-text-secondary);
+  cursor: pointer;
+  transition: all 0.15s;
 }
-
-/* 文本样式 */
-.exec-text[data-v-8244ff0d] {
-  font-size: 14px;
-  font-weight: 500;
-  color: rgba(255, 255, 255, 0.9);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 300px;
+.ai-chat__action-btn[data-v-958fd919]:hover {
+  background: var(--chat-suggestion-bg);
+  color: var(--chat-text);
 }
-
-/* 三点加载动画 */
-.loading-dots[data-v-8244ff0d] {
-  display: flex;
+.ai-chat__thinking[data-v-958fd919] {
+  padding: 8px 0;
+}
+.ai-chat__thinking-dots[data-v-958fd919] {
+  display: inline-flex;
   align-items: center;
-  gap: 5px;
-  margin-left: 10px;
+  gap: 4px;
 }
-.dot[data-v-8244ff0d] {
+.ai-chat__thinking-dots span[data-v-958fd919] {
   width: 6px;
   height: 6px;
   border-radius: 50%;
-  background: #c084fc;
-  animation: dot-bounce-8244ff0d 1.4s ease-in-out infinite;
-}
-.dot[data-v-8244ff0d]:nth-child(1) {
-  animation-delay: 0s;
-}
-.dot[data-v-8244ff0d]:nth-child(2) {
-  animation-delay: 0.2s;
-}
-.dot[data-v-8244ff0d]:nth-child(3) {
-  animation-delay: 0.4s;
-}
-@keyframes dot-bounce-8244ff0d {
-0%, 80%, 100% {
-    transform: scale(0.6);
-    opacity: 0.4;
-}
-40% {
-    transform: scale(1);
-    opacity: 1;
-    box-shadow: 0 0 8px rgba(192, 132, 252, 0.6);
-}
-}
-/* Vue 过渡动画 */
-.exec-bubble-enter-active[data-v-8244ff0d] {
-  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.exec-bubble-leave-active[data-v-8244ff0d] {
-  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.exec-bubble-enter-from[data-v-8244ff0d] {
-  opacity: 0;
-  transform: scale(0.8);
-}
-.exec-bubble-leave-to[data-v-8244ff0d] {
-  opacity: 0;
-  transform: scale(0.8);
-}
-.sime-x[data-v-91f104d1] {
-  --bg-primary: #ffffff;
-  --bg-secondary: #f8fafc;
-  --bg-header: #0f172a;
-  --text-primary: #0f172a;
-  --text-secondary: #64748b;
-  --text-header: #ffffff;
-  --border-color: #e2e8f0;
-  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
-  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
-  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.15);
-  --accent-color: #3b82f6;
-  --hover-bg: rgba(0, 0, 0, 0.05);
-}
-.sime-x[data-theme=dark][data-v-91f104d1] {
-  --bg-primary: #1e293b;
-  --bg-secondary: #0f172a;
-  --bg-header: #0f172a;
-  --text-primary: #f1f5f9;
-  --text-secondary: #94a3b8;
-  --text-header: #f1f5f9;
-  --border-color: #334155;
-  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
-  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
-  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
-  --accent-color: #60a5fa;
-  --hover-bg: rgba(255, 255, 255, 0.1);
-}
-.is-hidden[data-v-91f104d1] {
-  height: 0;
-  opacity: 0 !important;
-  pointer-events: none !important;
-  visibility: hidden !important;
-}
-.assistant-fab[data-v-91f104d1] {
-  position: relative;
-  cursor: pointer;
-  overflow: visible;
-  filter: drop-shadow(var(--shadow-md));
-  opacity: 1;
-  pointer-events: auto;
-  transition: all 0.3s ease;
-}
-.assistant-fab[data-v-91f104d1]:hover {
-  transform: scale(1.05);
-}
-.assistant-fab[data-v-91f104d1]:active {
-  transform: scale(0.95);
+  background: var(--chat-text-secondary);
+  animation: thinking-bounce-958fd919 1s infinite ease-in-out;
 }
-.assistant-fab .voice-status[data-v-91f104d1] {
-  position: absolute;
-  right: 100%;
-  margin-right: 20px;
+.ai-chat__thinking-dots span[data-v-958fd919]:nth-child(2) {
+  animation-delay: 0.15s;
 }
-.assistant-fab img[data-v-91f104d1] {
-  display: block;
-  position: relative;
-  object-fit: contain;
+.ai-chat__thinking-dots span[data-v-958fd919]:nth-child(3) {
+  animation-delay: 0.3s;
 }
-.assistant-fab .fab-pulse[data-v-91f104d1] {
+.ai-chat__scroll-btn[data-v-958fd919] {
   position: absolute;
-  inset: -4px;
+  bottom: 80px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 36px;
+  height: 36px;
   border-radius: 50%;
-  border: 2px solid var(--accent-color);
-  opacity: 0;
-}
-@keyframes pulse-91f104d1 {
-0%, 100% {
-    opacity: 0;
-    transform: scale(1);
-}
-50% {
-    opacity: 0.5;
-    transform: scale(1.1);
-}
-}
-.x-dialog-container[data-v-91f104d1] {
-  position: fixed;
-  top: 0;
-  left: 0;
-  transform: translate(var(--dialog-x), var(--dialog-y));
-  border-radius: 16px;
+  border: 1px solid var(--chat-border);
+  background: var(--chat-scroll-btn-bg);
+  color: var(--chat-text-secondary);
+  cursor: pointer;
   display: flex;
-  flex-direction: column;
-  cursor: grab;
-  overflow: hidden;
-  z-index: 1100;
-  opacity: 0;
-  pointer-events: none;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  transition: all 0.15s;
+  z-index: 10;
 }
-.x-dialog-container.position-ready[data-v-91f104d1] {
-  opacity: 1;
-  pointer-events: auto;
+.ai-chat__scroll-btn[data-v-958fd919]:hover {
+  background: var(--chat-suggestion-bg);
+  color: var(--chat-text);
 }
-.x-dialog-container[data-v-91f104d1]:active {
-  cursor: grabbing;
+.ai-chat__input-area[data-v-958fd919] {
+  width: 100%;
+  max-width: 768px;
+  margin: 0 auto;
+  padding: 0 16px;
 }
-.x-dialog-container.collapsed .x-dialog-header[data-v-91f104d1] {
-  border-radius: 16px;
+.ai-chat--full-width .ai-chat__input-area[data-v-958fd919] {
+  max-width: 100%;
+  padding: 0 48px;
 }
-.x-dialog-container .x-dialog-header[data-v-91f104d1] {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  background: var(--bg-header);
-  padding: 12px 16px;
-  cursor: move;
-  user-select: none;
-  border-bottom: 1px solid var(--border-color);
+.ai-chat__input-area--bottom[data-v-958fd919] {
+  padding-bottom: 16px;
+  flex-shrink: 0;
 }
-.x-dialog-container .x-dialog-header .header-left[data-v-91f104d1] {
-  display: flex;
-  align-items: center;
-  gap: 10px;
+.ai-chat__form[data-v-958fd919] {
+  width: 100%;
 }
-.x-dialog-container .x-dialog-header .header-left .logo-icon[data-v-91f104d1] {
+.ai-chat__input-wrapper[data-v-958fd919] {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 36px;
-  height: 36px;
-  transition: transform 0.2s ease;
+  align-items: flex-end;
+  gap: 8px;
+  border: 1px solid var(--chat-input-border);
+  border-radius: 12px;
+  padding: 8px 12px;
+  background: var(--chat-input-bg);
+  transition: border-color 0.2s, box-shadow 0.2s;
 }
-.x-dialog-container .x-dialog-header .header-left .logo-icon .logo[data-v-91f104d1] {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
+.ai-chat__input-wrapper[data-v-958fd919]:focus-within {
+  border-color: var(--chat-input-focus);
+  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
 }
-.x-dialog-container .x-dialog-header .header-left .title[data-v-91f104d1] {
-  font-weight: 600;
-  font-size: 15px;
-  color: var(--text-header);
-  letter-spacing: -0.01em;
+.ai-chat__textarea[data-v-958fd919] {
+  flex: 1;
+  border: none;
+  outline: none;
+  resize: none;
+  background: transparent;
+  color: var(--chat-text);
+  font-size: 14px;
+  line-height: 1.5;
+  font-family: inherit;
+  min-height: 24px;
+  max-height: 200px;
 }
-.x-dialog-container .x-dialog-header .actions[data-v-91f104d1] {
-  display: flex;
-  align-items: center;
-  gap: 4px;
+.ai-chat__textarea[data-v-958fd919]::placeholder {
+  color: var(--chat-text-secondary);
 }
-.x-dialog-container .x-dialog-header .actions .action-btn[data-v-91f104d1] {
+.ai-chat__send-btn[data-v-958fd919],
+.ai-chat__stop-btn[data-v-958fd919] {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
+  border-radius: 8px;
   border: none;
-  background: transparent;
   cursor: pointer;
-  color: var(--text-secondary);
-  transition: all 0.2s ease;
-  border-radius: 8px;
+  flex-shrink: 0;
+  transition: all 0.15s;
 }
-.x-dialog-container .x-dialog-header .actions .action-btn[data-v-91f104d1]:hover {
-  color: var(--text-header);
-  background: var(--hover-bg);
-  transform: translateY(-1px);
+.ai-chat__send-btn[data-v-958fd919] {
+  background: var(--chat-btn-bg);
+  color: var(--chat-btn-text);
 }
-.x-dialog-container .x-dialog-header .actions .action-btn[data-v-91f104d1]:active {
-  transform: translateY(0);
+.ai-chat__send-btn[data-v-958fd919]:hover:not(:disabled) {
+  opacity: 0.9;
 }
-.x-dialog-container .x-dialog-header .actions .action-btn svg[data-v-91f104d1] {
-  transition: transform 0.2s ease;
+.ai-chat__send-btn[data-v-958fd919]:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
 }
-.x-dialog-container .x-dialog-header .actions .action-btn.collapse-btn:hover svg[data-v-91f104d1] {
-  transform: scale(1.1);
+.ai-chat__stop-btn[data-v-958fd919] {
+  background: var(--chat-tool-error);
+  color: white;
 }
-.x-dialog-container .voice-container[data-v-91f104d1] {
-  width: 100%;
-  opacity: 1;
-  pointer-events: auto;
+.ai-chat__stop-btn[data-v-958fd919]:hover {
+  opacity: 0.9;
 }
-.x-dialog-container .x-dialog-content[data-v-91f104d1] {
-  flex: 1;
+.ai-chat__suggestions[data-v-958fd919] {
   display: flex;
-  overflow: hidden;
-  background: var(--bg-secondary);
-  opacity: 1;
-  pointer-events: auto;
-}
-.x-dialog-container .x-iframe[data-v-91f104d1] {
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  border: none;
-}
-.x-dialog-container .resize-handle[data-v-91f104d1] {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  width: 40px;
-  height: 40px;
-  cursor: nwse-resize;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-secondary);
-  transition: all 0.2s ease;
-  background: linear-gradient(135deg, transparent 50%, var(--bg-primary) 50%);
-  border-bottom-right-radius: 16px;
-  z-index: 10;
-}
-.x-dialog-container .resize-handle[data-v-91f104d1]:hover {
-  color: var(--accent-color);
-  background: linear-gradient(135deg, transparent 50%, var(--hover-bg) 50%);
-}
-.x-dialog-container .resize-handle svg[data-v-91f104d1] {
-  width: 16px;
-  height: 16px;
-  transform: rotate(0deg);
-  transition: transform 0.2s ease;
-}
-.x-dialog-container .resize-handle:hover svg[data-v-91f104d1] {
-  transform: scale(1.2);
-}
-
-/* 语音按钮状态样式 */
-.action-btn.theme-btn[data-v-91f104d1] {
-  position: relative;
-  transition: all 0.3s ease;
-}
-.action-btn.theme-btn.active[data-v-91f104d1] {
-  background: rgba(59, 130, 246, 0.1);
-  color: #3b82f6;
-}
-.action-btn.theme-btn.listening[data-v-91f104d1] {
-  animation: pulse-listening-91f104d1 2s ease-in-out infinite;
-}
-.action-btn.theme-btn.woke[data-v-91f104d1] {
-  background: rgba(34, 197, 94, 0.2);
-  color: #22c55e;
-  animation: pulse-wake-91f104d1 0.6s ease-in-out;
-}
-@keyframes pulse-listening-91f104d1 {
-0%, 100% {
-    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
-}
-50% {
-    box-shadow: 0 0 0 8px rgba(59, 130, 246, 0);
-}
-}
-@keyframes pulse-wake-91f104d1 {
-0%, 100% {
-    transform: scale(1);
-}
-50% {
-    transform: scale(1.1);
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 12px;
+}
+.ai-chat__suggestion[data-v-958fd919] {
+  padding: 8px 14px;
+  border-radius: 12px;
+  border: 1px solid var(--chat-border);
+  background: var(--chat-suggestion-bg);
+  color: var(--chat-text);
+  font-size: 13px;
+  cursor: pointer;
+  transition: all 0.15s;
+  text-align: left;
+  line-height: 1.4;
 }
+.ai-chat__suggestion[data-v-958fd919]:hover {
+  background: var(--chat-suggestion-hover);
+  border-color: var(--chat-input-border);
 }
-/* 语音指示器 */
-.voice-indicator[data-v-91f104d1] {
-  position: absolute;
-  top: 4px;
-  right: 4px;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: #3b82f6;
+@keyframes spin-958fd919 {
+from {
+    transform: rotate(0deg);
 }
-.action-btn.theme-btn.listening .voice-indicator[data-v-91f104d1] {
-  animation: blink-91f104d1 1.5s ease-in-out infinite;
+to {
+    transform: rotate(360deg);
 }
-.action-btn.theme-btn.woke .voice-indicator[data-v-91f104d1] {
-  background: #22c55e;
-  animation: none;
 }
-@keyframes blink-91f104d1 {
+@keyframes pulse-958fd919 {
 0%, 100% {
     opacity: 1;
 }
 50% {
-    opacity: 0.3;
-}
-}
-/* 麦克风唤醒动画 */
-.listening-badge.wake-active[data-v-91f104d1] {
-  background-color: rgba(34, 197, 94, 0.85);
-  animation: wake-badge-pop-91f104d1 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-}
-.listening-badge.wake-active .listening-icon[data-v-91f104d1] {
-  animation: wake-icon-flash-91f104d1 1.5s ease-in-out;
-}
-.listening-badge.wake-active[data-v-91f104d1]::after {
-  content: "";
-  position: absolute;
-  inset: -3px;
-  border-radius: 50%;
-  border: 2px solid #22c55e;
-  animation: wake-mic-ring-91f104d1 1.2s ease-out forwards;
-  pointer-events: none;
-}
-@keyframes wake-badge-pop-91f104d1 {
-0% {
-    transform: scale(1);
-}
-50% {
-    transform: scale(1.4);
-}
-100% {
-    transform: scale(1);
-}
-}
-@keyframes wake-icon-flash-91f104d1 {
-0%, 100% {
-    color: #ffffff;
-}
-25% {
-    color: #bbf7d0;
-}
-50% {
-    color: #ffffff;
-}
-75% {
-    color: #bbf7d0;
-}
-}
-@keyframes wake-mic-ring-91f104d1 {
-0% {
-    transform: scale(1);
-    opacity: 0.8;
-}
-100% {
-    transform: scale(2.2);
-    opacity: 0;
-}
-}
-/* FAB 头像容器 */
-.fab-avatar-wrapper[data-v-91f104d1] {
-  position: relative;
-  display: flex; /* 改用 flex 可以消除图片底部的行高间隙 */
-  align-items: center;
-  justify-content: center;
-  width: fit-content; /* 宽度随内容自适应 */
-  margin: 0 auto;
-}
-
-/* 2. 修正图片样式 */
-.fab-avatar-wrapper img[data-v-91f104d1] {
-  display: block;
-  max-width: 100%;
-  height: auto;
-  /* 移除原本 style 里的 width/height 可能造成的拉伸，保持比例 */
-}
-
-/* 3. 优化徽章定位 */
-.listening-badge[data-v-91f104d1] {
-  position: absolute;
-  /* 强制定位到容器边缘 */
-  top: 0;
-  right: 0;
-  /* 使用 transform 偏移，让徽章中心点落在图片的右上角顶点上 */
-  transform: translate(30%, -30%);
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background-color: rgba(0, 0, 0, 0.75); /* 稍微加深一点 */
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-  /* 继承你原有的动画 */
-  animation: badge-float-91f104d1 5s ease-in-out infinite;
-  pointer-events: none; /* 防止遮挡头像点击 */
-}
-
-/* 4. 调整声波扩散的基准 */
-.wave[data-v-91f104d1] {
-  position: absolute;
-  /* 确保声波从徽章中心扩散，而不是从容器左上角 */
-  inset: -2px;
-  border-radius: 50%;
-  border: 2px solid rgba(59, 130, 246, 0.6); /* 声波颜色建议跟主题色一致 */
-  animation: wave-expand-91f104d1 3s ease-out infinite;
+    opacity: 0.4;
 }
-
-/* 优化后的监听状态徽章 */
-.listening-badge[data-v-91f104d1] {
-  position: absolute;
-  top: -8px;
-  right: -8px;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background-color: rgba(0, 0, 0, 0.651);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10;
-  animation: badge-float-91f104d1 5s ease-in-out infinite;
 }
-
-/* 徽章浮动动画 */
-@keyframes badge-float-91f104d1 {
+@keyframes thinking-bounce-958fd919 {
 0%, 100% {
-    transform: translateY(0) scale(1);
+    transform: translateY(0);
+    opacity: 0.3;
 }
 50% {
-    transform: translateY(-2px) scale(1.05);
-}
-}
-/* 声波容器 */
-.listening-waves[data-v-91f104d1] {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-/* 声波动画 */
-.wave[data-v-91f104d1] {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  border: 2px solid rgba(255, 255, 255, 0.6);
-  animation: wave-expand-91f104d1 3s ease-out infinite;
-}
-.wave-1[data-v-91f104d1] {
-  animation-delay: 0s;
-}
-.wave-2[data-v-91f104d1] {
-  animation-delay: 0.6s;
-}
-.wave-3[data-v-91f104d1] {
-  animation-delay: 1.2s;
+    transform: translateY(-3px);
+    opacity: 1;
 }
-@keyframes wave-expand-91f104d1 {
-0% {
-    transform: scale(0.8);
-    opacity: 0.8;
 }
-100% {
-    transform: scale(1.2);
+@keyframes slide-in-958fd919 {
+from {
     opacity: 0;
+    transform: translateX(-6px);
 }
+to {
+    opacity: 1;
+    transform: translateX(0);
 }
-/* 麦克风图标 */
-.listening-icon[data-v-91f104d1] {
-  position: relative;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #ffffff;
-  z-index: 1;
-  animation: icon-pulse-91f104d1 2.5s ease-in-out infinite;
-}
-@keyframes icon-pulse-91f104d1 {
-0%, 100% {
-    transform: scale(1);
-}
-50% {
-    transform: scale(1.1);
-}
-}
-/* 徽章淡入淡出动画 */
-.indicator-fade-enter-active[data-v-91f104d1] {
-  transition: all 1s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
-.indicator-fade-leave-active[data-v-91f104d1] {
-  transition: all 1s ease;
 }
-.indicator-fade-enter-from[data-v-91f104d1] {
-  opacity: 0;
-  transform: scale(0.3) rotate(-180deg);
+.fade-enter-active[data-v-958fd919],
+.fade-leave-active[data-v-958fd919] {
+  transition: opacity 0.2s;
 }
-.indicator-fade-leave-to[data-v-91f104d1] {
+.fade-enter-from[data-v-958fd919],
+.fade-leave-to[data-v-958fd919] {
   opacity: 0;
-  transform: scale(0.5) rotate(180deg);
-}
-
-/* FAB 脉冲效果 */
-.fab-pulse[data-v-91f104d1] {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border-radius: 50%;
-  pointer-events: none;
-}
-.fab-pulse.active[data-v-91f104d1] {
-  animation: fab-pulse-91f104d1 2s ease-in-out infinite;
-}
-@keyframes fab-pulse-91f104d1 {
-0%, 100% {
-    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
-}
-50% {
-    box-shadow: 0 0 0 20px rgba(59, 130, 246, 0);
-}
-}
-/* 深色模式适配 */
-[data-theme=dark] .action-btn.theme-btn.active[data-v-91f104d1] {
-  background: rgba(59, 130, 246, 0.2);
-}
-[data-theme=dark] .action-btn.theme-btn.woke[data-v-91f104d1] {
-  background: rgba(34, 197, 94, 0.3);
 }
-.voice-assistant[data-v-d81f42d8] {
+.voice-assistant[data-v-fda883a9] {
   --text-primary: #e6edf7;
   --text-secondary: #95a8c8;
   --glass-bg: rgba(8, 16, 32, 0.72);
@@ -864,16 +440,16 @@
 }
 
 /* ── FAB 按钮 ── */
-.assistant-fab[data-v-d81f42d8] {
+.assistant-fab[data-v-fda883a9] {
   position: relative;
   cursor: pointer;
   transition: transform 0.2s ease, filter 0.2s ease;
 }
-.assistant-fab[data-v-d81f42d8]:hover {
+.assistant-fab[data-v-fda883a9]:hover {
   transform: translateY(-1px) scale(1.03);
   filter: brightness(1.06);
 }
-.status-pill[data-v-d81f42d8] {
+.status-pill[data-v-fda883a9] {
   position: absolute;
   right: calc(100% + 12px);
   top: 50%;
@@ -892,13 +468,13 @@
   text-overflow: ellipsis;
   box-shadow: 0 10px 20px rgba(2, 8, 24, 0.38);
 }
-.fab-avatar-wrapper[data-v-d81f42d8] {
+.fab-avatar-wrapper[data-v-fda883a9] {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.fab-avatar-wrapper img[data-v-d81f42d8] {
+.fab-avatar-wrapper img[data-v-fda883a9] {
   display: block;
   height: auto;
   object-fit: contain;
@@ -906,7 +482,7 @@
 }
 
 /* ── 气泡容器 ── */
-.bubble-stack[data-v-d81f42d8] {
+.bubble-stack[data-v-fda883a9] {
   position: absolute;
   right: 0;
   bottom: calc(100% + 16px);
@@ -914,16 +490,16 @@
   max-height: min(58vh, 520px);
   overflow: auto;
 }
-.bubble-stack[data-v-d81f42d8]::-webkit-scrollbar {
+.bubble-stack[data-v-fda883a9]::-webkit-scrollbar {
   width: 4px;
 }
-.bubble-stack[data-v-d81f42d8]::-webkit-scrollbar-thumb {
+.bubble-stack[data-v-fda883a9]::-webkit-scrollbar-thumb {
   background: rgba(126, 155, 204, 0.3);
   border-radius: 999px;
 }
 
 /* ── 统一 agent 气泡 ── */
-.agent-bubble[data-v-d81f42d8] {
+.agent-bubble[data-v-fda883a9] {
   border-radius: 16px;
   padding: 12px 14px;
   background: radial-gradient(circle at 12% 10%, rgba(80, 122, 255, 0.14), transparent 50%), linear-gradient(155deg, rgba(24, 42, 72, 0.96), rgba(14, 24, 46, 0.97));
@@ -933,9 +509,9 @@
   display: flex;
   flex-direction: column;
   gap: 0;
-  animation: bubble-appear-d81f42d8 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  animation: bubble-appear-fda883a9 0.3s cubic-bezier(0.16, 1, 0.3, 1);
 }
-@keyframes bubble-appear-d81f42d8 {
+@keyframes bubble-appear-fda883a9 {
 from {
     opacity: 0;
     transform: translateY(8px) scale(0.97);
@@ -946,7 +522,7 @@ to {
 }
 }
 /* ── 工具执行步骤（内联紧凑） ── */
-.tool-steps[data-v-d81f42d8] {
+.tool-steps[data-v-fda883a9] {
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -954,40 +530,40 @@ to {
   padding-bottom: 8px;
   border-bottom: 1px solid rgba(125, 160, 220, 0.1);
 }
-.tool-step[data-v-d81f42d8] {
+.tool-step[data-v-fda883a9] {
   display: flex;
   align-items: center;
   gap: 7px;
   padding: 4px 6px;
   border-radius: 8px;
   transition: background 0.2s ease;
-  animation: step-in-d81f42d8 0.25s cubic-bezier(0.16, 1, 0.3, 1);
+  animation: step-in-fda883a9 0.25s cubic-bezier(0.16, 1, 0.3, 1);
 }
-.tool-step--loading .tool-step__icon[data-v-d81f42d8] {
+.tool-step--loading .tool-step__icon[data-v-fda883a9] {
   color: var(--color-accent);
 }
-.tool-step--loading .tool-step__name[data-v-d81f42d8] {
+.tool-step--loading .tool-step__name[data-v-fda883a9] {
   color: rgba(200, 215, 240, 0.85);
 }
-.tool-step--done .tool-step__icon[data-v-d81f42d8] {
+.tool-step--done .tool-step__icon[data-v-fda883a9] {
   color: var(--color-success);
 }
-.tool-step--done .tool-step__name[data-v-d81f42d8] {
+.tool-step--done .tool-step__name[data-v-fda883a9] {
   color: rgba(200, 215, 240, 0.55);
 }
-.tool-step--error .tool-step__icon[data-v-d81f42d8] {
+.tool-step--error .tool-step__icon[data-v-fda883a9] {
   color: var(--color-error);
 }
-.tool-step--error .tool-step__name[data-v-d81f42d8] {
+.tool-step--error .tool-step__name[data-v-fda883a9] {
   color: rgba(248, 113, 113, 0.8);
 }
-.tool-step--executing[data-v-d81f42d8] {
+.tool-step--executing[data-v-fda883a9] {
   background: rgba(129, 140, 248, 0.06);
 }
-.tool-step--executing .tool-step__icon[data-v-d81f42d8] {
+.tool-step--executing .tool-step__icon[data-v-fda883a9] {
   color: var(--color-accent);
 }
-@keyframes step-in-d81f42d8 {
+@keyframes step-in-fda883a9 {
 from {
     opacity: 0;
     transform: translateX(-6px);
@@ -997,7 +573,7 @@ to {
     transform: translateX(0);
 }
 }
-.tool-step__icon[data-v-d81f42d8] {
+.tool-step__icon[data-v-fda883a9] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1005,10 +581,10 @@ to {
   height: 18px;
   flex-shrink: 0;
 }
-.tool-step__spinner[data-v-d81f42d8] {
-  animation: tool-spin-d81f42d8 0.8s linear infinite;
+.tool-step__spinner[data-v-fda883a9] {
+  animation: tool-spin-fda883a9 0.8s linear infinite;
 }
-@keyframes tool-spin-d81f42d8 {
+@keyframes tool-spin-fda883a9 {
 from {
     transform: rotate(0deg);
 }
@@ -1016,7 +592,7 @@ to {
     transform: rotate(360deg);
 }
 }
-.tool-step__name[data-v-d81f42d8] {
+.tool-step__name[data-v-fda883a9] {
   font-size: 12px;
   font-weight: 500;
   white-space: nowrap;
@@ -1024,7 +600,7 @@ to {
   text-overflow: ellipsis;
   transition: color 0.2s ease;
 }
-.tool-step__tag[data-v-d81f42d8] {
+.tool-step__tag[data-v-fda883a9] {
   font-size: 10px;
   font-weight: 500;
   padding: 1px 6px;
@@ -1032,32 +608,32 @@ to {
   white-space: nowrap;
   flex-shrink: 0;
 }
-.tool-step__tag--exec[data-v-d81f42d8] {
+.tool-step__tag--exec[data-v-fda883a9] {
   background: rgba(129, 140, 248, 0.12);
   color: var(--color-accent);
 }
 
 /* ── 思考中动画 ── */
-.thinking-dots[data-v-d81f42d8] {
+.thinking-dots[data-v-fda883a9] {
   display: inline-flex;
   align-items: center;
   gap: 5px;
   padding: 2px 0;
 }
-.thinking-dots span[data-v-d81f42d8] {
+.thinking-dots span[data-v-fda883a9] {
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background: var(--text-secondary);
-  animation: thinking-bounce-d81f42d8 1s infinite ease-in-out;
+  animation: thinking-bounce-fda883a9 1s infinite ease-in-out;
 }
-.thinking-dots span[data-v-d81f42d8]:nth-child(2) {
+.thinking-dots span[data-v-fda883a9]:nth-child(2) {
   animation-delay: 0.15s;
 }
-.thinking-dots span[data-v-d81f42d8]:nth-child(3) {
+.thinking-dots span[data-v-fda883a9]:nth-child(3) {
   animation-delay: 0.3s;
 }
-@keyframes thinking-bounce-d81f42d8 {
+@keyframes thinking-bounce-fda883a9 {
 0%, 100% {
     transform: translateY(0);
     opacity: 0.3;
@@ -1068,7 +644,7 @@ to {
 }
 }
 /* ── 文本内容 ── */
-.agent-text[data-v-d81f42d8] {
+.agent-text[data-v-fda883a9] {
   font-size: 14px;
   line-height: 1.55;
   color: var(--text-primary);
@@ -1077,23 +653,23 @@ to {
 }
 
 /* ── 气泡淡入淡出过渡 ── */
-.bubble-fade-enter-active[data-v-d81f42d8] {
+.bubble-fade-enter-active[data-v-fda883a9] {
   transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
 }
-.bubble-fade-leave-active[data-v-d81f42d8] {
+.bubble-fade-leave-active[data-v-fda883a9] {
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.bubble-fade-enter-from[data-v-d81f42d8] {
+.bubble-fade-enter-from[data-v-fda883a9] {
   opacity: 0;
   transform: translateY(12px) scale(0.95);
 }
-.bubble-fade-leave-to[data-v-d81f42d8] {
+.bubble-fade-leave-to[data-v-fda883a9] {
   opacity: 0;
   transform: translateY(8px) scale(0.97);
 }
 
 /* ── 监听状态指示器 ── */
-.listening-badge[data-v-d81f42d8] {
+.listening-badge[data-v-fda883a9] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -1105,57 +681,57 @@ to {
   align-items: center;
   justify-content: center;
 }
-.listening-waves[data-v-d81f42d8] {
+.listening-waves[data-v-fda883a9] {
   position: absolute;
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.wave[data-v-d81f42d8] {
+.wave[data-v-fda883a9] {
   position: absolute;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, 0.65);
-  animation: wave-expand-d81f42d8 3s ease-out infinite;
+  animation: wave-expand-fda883a9 3s ease-out infinite;
 }
-.wave-1[data-v-d81f42d8] {
+.wave-1[data-v-fda883a9] {
   animation-delay: 0s;
 }
-.wave-2[data-v-d81f42d8] {
+.wave-2[data-v-fda883a9] {
   animation-delay: 0.6s;
 }
-.wave-3[data-v-d81f42d8] {
+.wave-3[data-v-fda883a9] {
   animation-delay: 1.2s;
 }
-.listening-icon[data-v-d81f42d8] {
+.listening-icon[data-v-fda883a9] {
   position: relative;
   color: #fff;
 }
-.listening-badge.wake-active[data-v-d81f42d8] {
+.listening-badge.wake-active[data-v-fda883a9] {
   background-color: rgba(34, 197, 94, 0.9);
-  animation: wake-badge-pop-d81f42d8 0.35s ease;
+  animation: wake-badge-pop-fda883a9 0.35s ease;
 }
-.indicator-fade-enter-active[data-v-d81f42d8],
-.indicator-fade-leave-active[data-v-d81f42d8] {
+.indicator-fade-enter-active[data-v-fda883a9],
+.indicator-fade-leave-active[data-v-fda883a9] {
   transition: all 0.2s ease;
 }
-.indicator-fade-enter-from[data-v-d81f42d8],
-.indicator-fade-leave-to[data-v-d81f42d8] {
+.indicator-fade-enter-from[data-v-fda883a9],
+.indicator-fade-leave-to[data-v-fda883a9] {
   opacity: 0;
   transform: translateY(6px);
 }
 @media (max-width: 768px) {
-.bubble-stack[data-v-d81f42d8] {
+.bubble-stack[data-v-fda883a9] {
     width: min(320px, 88vw);
     max-height: min(54vh, 420px);
 }
-.status-pill[data-v-d81f42d8] {
+.status-pill[data-v-fda883a9] {
     max-width: 220px;
 }
 }
-@keyframes wave-expand-d81f42d8 {
+@keyframes wave-expand-fda883a9 {
 0% {
     transform: scale(0.8);
     opacity: 0.8;
@@ -1165,7 +741,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes wake-badge-pop-d81f42d8 {
+@keyframes wake-badge-pop-fda883a9 {
 0% {
     transform: scale(1);
 }