优化：更新组件样式

Author: c1921

frontend/src/components/PromptBadges.vue

@@ -41,7 +41,7 @@
           <div 
             v-for="(prompt, index) in prompts" 
             :key="'prompt-' + index + '-' + prompt.text"
-            class="badge badge-lg badge-primary flex items-center gap-2 px-3 py-2 cursor-move min-w-24 h-auto"
+            class="badge badge-lg badge-secondary flex items-center gap-2 px-3 py-2 cursor-move min-w-24 h-auto"
             :class="{ 'opacity-70': prompt.isTranslating }"
             :data-id="index"
           >
@@ -56,7 +56,7 @@
               </div>
             </div>
             <button 
-              class="btn btn-ghost btn-xs btn-circle flex-shrink-0"
+              class="btn btn-secondary btn-soft btn-xs btn-circle opacity-30 hover:opacity-100 flex-shrink-0"
               @click.stop="removePrompt(index)"
             >
               <i class="icon-[tabler--x] size-3"></i>

frontend/src/components/Translator.vue

@@ -1,10 +1,5 @@
 <template>
-  <div class="card bg-base-100 shadow-md mb-6">
     <div class="card-body p-4">
-      <h3 class="card-title text-lg mb-2">
-        <i class="icon-[tabler--language] mr-2"></i>
-        快速翻译
-      </h3>
       <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
         <div class="form-control">
           <div class="flex items-center mb-1">
@@ -63,7 +58,6 @@
         </button>
       </div>
     </div>
-  </div>
 </template>
 
 <script lang="ts">

frontend/src/pages/PromptManager.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="prompt-manager-container p-5">
-    <div class="card bg-base-100 shadow-md">
       <div class="card-body p-3 sm:p-5">
         <!-- Tabs 导航 -->
         <nav class="tabs tabs-bordered w-full" aria-label="提示词工具" role="tablist" aria-orientation="horizontal">
@@ -86,7 +85,6 @@
           </div>
         </div>
       </div>
-    </div>
   </div>
 </template>