fix: 修复弹窗样式覆盖问题

src/components/AIChat/ChatExplorer.vue

@@ -310,22 +310,9 @@ watch(
             class="relative min-h-0 flex-1 overflow-x-hidden overflow-y-auto p-4"
             :class="{ 'p-0!': messages.length === 0 && !isAIThinking }"
           >
-            <!-- 空状态全局背景光 -->
-            <div
-              v-if="messages.length === 0 && !isAIThinking"
-              class="pointer-events-none absolute left-1/2 top-0 -z-10 h-full w-full max-w-[800px] -translate-x-1/2 overflow-hidden opacity-50"
-            >
-              <div
-                class="absolute -top-10 left-1/4 h-80 w-80 rounded-full bg-blue-400/20 blur-[80px] dark:bg-blue-500/20"
-              ></div>
-              <div
-                class="absolute -top-10 right-1/4 h-80 w-80 rounded-full bg-pink-400/20 blur-[80px] dark:bg-pink-500/20"
-              ></div>
-            </div>
-
             <div
               ref="conversationContentRef"
-              class="relative z-10 mx-auto max-w-3xl space-y-6"
+              class="mx-auto max-w-3xl space-y-6"
               :class="{
                 'flex min-h-full flex-col justify-center px-4 pb-32 pt-4 space-y-0!':
                   messages.length === 0 && !isAIThinking,

src/components/layout/ActionToolsPanel.vue

@@ -120,7 +120,7 @@ const tools = [
   <div v-else class="fixed right-0 top-1/3 z-40" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave">
     <!-- Trigger 标签（面板隐藏时可见，面板展开时淡出） -->
     <div
-      class="h-10 w-6 cursor-pointer items-center justify-center rounded-l-lg border border-r-0 border-gray-200 bg-white text-gray-400 shadow-sm transition-opacity duration-200 hover:bg-gray-50 hover:text-gray-600 dark:border-white/10 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-gray-300"
+      class="h-10 w-6 cursor-pointer items-center justify-center rounded-l-lg border border-r-0 border-primary-200 bg-primary-50 text-primary-500 shadow-sm transition-opacity duration-200 hover:bg-primary-100 hover:text-primary-600 dark:border-primary-800 dark:bg-primary-950 dark:text-primary-400 dark:hover:bg-primary-900 dark:hover:text-primary-300"
       :class="isVisible ? 'pointer-events-none flex opacity-0' : 'flex opacity-100'"
     >
       <UIcon name="i-heroicons-wrench-screwdriver" class="h-3.5 w-3.5" />