From 62db8e198231ea93d12ce8bf825ba465ba137fc3 Mon Sep 17 00:00:00 2001
From: zhongluofeng <zhongluofeng@sinways.com.cn>
Date: Thu, 23 Jul 2026 16:03:38 +0800
Subject: [PATCH] tips

---
 src/components/layout/Sidebar.vue           |   2 -
 src/components/layout/TitleBar.vue          |  28 +-
 src/modules/downloader/DownloaderModule.vue | 466 ++++++++++++--------
 src/modules/general/GeneralSettings.vue     |  17 +-
 src/modules/proxy/ProxyModule.vue           |  88 ++--
 5 files changed, 374 insertions(+), 227 deletions(-)

diff --git a/src/components/layout/Sidebar.vue b/src/components/layout/Sidebar.vue
index 1fd0b8a..fd6e691 100644
--- a/src/components/layout/Sidebar.vue
+++ b/src/components/layout/Sidebar.vue
@@ -36,7 +36,6 @@ const displayModules = computed(() => {
                 'bg-primary text-primary-foreground shadow-md': activeModule === module.id,
                 'hover:bg-secondary/50': activeModule !== module.id
               }"
-              :title="module.name"
               @click="emit('change', module.id)"
             >
               <component :is="getModuleIcon(module.icon)" class="h-5 w-5" />
@@ -61,7 +60,6 @@ const displayModules = computed(() => {
             'bg-primary text-primary-foreground shadow-md': activeModule === 'settings',
             'hover:bg-secondary/50': activeModule !== 'settings'
           }"
-          title="常规设置"
           @click="emit('change', 'settings')"
         >
           <Settings class="h-5 w-5" />
diff --git a/src/components/layout/TitleBar.vue b/src/components/layout/TitleBar.vue
index bf84938..011162a 100644
--- a/src/components/layout/TitleBar.vue
+++ b/src/components/layout/TitleBar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted } from 'vue'
-import { Search, Minus, X, Settings, ChevronRight } from '@lucide/vue'
+import { Search, Settings, ChevronRight } from '@lucide/vue'
 import { Input } from '@/components/ui/input'
 import { getCurrentWindow } from '@tauri-apps/api/window'
 import { useSearchStore, type SearchItem } from '@/stores/searchStore'
@@ -263,7 +263,10 @@ const handleBlur = () => {
         @click="minimize"
         @mousedown.stop
       >
-        <Minus class="h-4 w-4" />
+        <!-- 最小化：水平线，1:1 渲染 + 0.5 像素偏移确保锐利 -->
+        <svg class="w-[10px] h-[10px]" viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="1" shape-rendering="geometricPrecision">
+          <path d="M0 5.5 H10" />
+        </svg>
       </button>
       <button
         id="titlebar-maximize"
@@ -271,14 +274,16 @@ const handleBlur = () => {
         @click="maximize"
         @mousedown.stop
       >
-        <!-- 最大化：单圆角矩形 -->
-        <svg v-if="!isMaximized" class="h-3 w-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <rect x="4" y="4" width="16" height="16" rx="2" />
+        <!-- 最大化：单正方形（Windows 11 原生样式） -->
+        <svg v-if="!isMaximized" class="w-[10px] h-[10px]" viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="1" shape-rendering="geometricPrecision">
+          <rect x="0.5" y="0.5" width="9" height="9" />
         </svg>
-        <!-- 还原：单圆角矩形 + 右上角圆角 L形（顶边+右边，圆角连接） -->
-        <svg v-else class="h-3 w-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <rect x="4" y="4" width="16" height="16" rx="2" />
-          <path d="M14 4H20V10" />
+        <!-- 还原：两个重叠正方形，前正方形在左下、后正方形在右上（Windows 11 原生样式） -->
+        <svg v-else class="w-[10px] h-[10px]" viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="1" shape-rendering="geometricPrecision">
+          <!-- 后正方形（右上）：只勾勒未被前正方形遮挡的可见轮廓，在 (2.5,2.5) 与 (7.5,7.5) 交汇点停止 -->
+          <path d="M2.5 0.5 H9.5 V7.5 H7.5 V2.5 H2.5 Z" />
+          <!-- 前正方形（左下）：完整绘制 -->
+          <path d="M0.5 2.5 H7.5 V9.5 H0.5 Z" />
         </svg>
       </button>
       <button
@@ -286,7 +291,10 @@ const handleBlur = () => {
         @click="close"
         @mousedown.stop
       >
-        <X class="h-4 w-4" />
+        <!-- 关闭：X 对角线 -->
+        <svg class="w-[10px] h-[10px]" viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="1.05" shape-rendering="geometricPrecision">
+          <path d="M0.5 0.5 L9.5 9.5 M9.5 0.5 L0.5 9.5" />
+        </svg>
       </button>
     </div>
   </div>
diff --git a/src/modules/downloader/DownloaderModule.vue b/src/modules/downloader/DownloaderModule.vue
index b102fe1..58e7555 100644
--- a/src/modules/downloader/DownloaderModule.vue
+++ b/src/modules/downloader/DownloaderModule.vue
@@ -21,6 +21,7 @@ import { Switch } from '@/components/ui/switch'
 import { Input } from '@/components/ui/input'
 import { Textarea } from '@/components/ui/textarea'
 import { Label } from '@/components/ui/label'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs'
 import { ScrollArea } from '@/components/ui/scroll-area'
 import { Separator } from '@/components/ui/separator'
@@ -506,16 +507,20 @@ const toggleSortOrder = () => {
           <!-- 工具栏：筛选 / 排序 / 搜索 -->
           <div class="shrink-0 flex items-center gap-2 flex-wrap">
             <!-- 新建下载按钮 -->
-            <Button
-              size="sm"
-              class="h-8 gap-1.5"
-              :disabled="addingTask"
-              title="添加下载链接"
-              @click="addDialogOpen = true"
-            >
-              <Plus class="h-4 w-4" />
-              新建下载
-            </Button>
+            <Tooltip>
+              <TooltipTrigger as-child>
+                <Button
+                  size="sm"
+                  class="h-8 gap-1.5"
+                  :disabled="addingTask"
+                  @click="addDialogOpen = true"
+                >
+                  <Plus class="h-4 w-4" />
+                  新建下载
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>添加下载链接</TooltipContent>
+            </Tooltip>
 
             <!-- 状态筛选 -->
             <Select v-model="statusFilter">
@@ -550,16 +555,20 @@ const toggleSortOrder = () => {
             </Select>
 
             <!-- 升降序切换 -->
-            <Button
-              size="sm"
-              variant="outline"
-              class="h-8 w-8 p-0 bg-transparent"
-              :title="sortOrder === 'asc' ? '升序（点击切换降序）' : '降序（点击切换升序）'"
-              @click="toggleSortOrder"
-            >
-              <ArrowUp v-if="sortOrder === 'asc'" class="h-4 w-4" />
-              <ArrowDown v-else class="h-4 w-4" />
-            </Button>
+            <Tooltip>
+              <TooltipTrigger as-child>
+                <Button
+                  size="sm"
+                  variant="outline"
+                  class="h-8 w-8 p-0 bg-transparent"
+                  @click="toggleSortOrder"
+                >
+                  <ArrowUp v-if="sortOrder === 'asc'" class="h-4 w-4" />
+                  <ArrowDown v-else class="h-4 w-4" />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>{{ sortOrder === 'asc' ? '升序（点击切换降序）' : '降序（点击切换升序）' }}</TooltipContent>
+            </Tooltip>
 
             <!-- 搜索框 -->
             <div class="relative flex-1 min-w-[180px] max-w-xs">
@@ -571,16 +580,20 @@ const toggleSortOrder = () => {
               />
             </div>
 
-            <Button
-              size="sm"
-              variant="outline"
-              class="h-8 gap-1.5 bg-transparent"
-              title="下载设置"
-              @click="downloadSettingsOpen = true"
-            >
-              <SettingsIcon class="h-4 w-4" />
-              下载设置
-            </Button>
+            <Tooltip>
+              <TooltipTrigger as-child>
+                <Button
+                  size="sm"
+                  variant="outline"
+                  class="h-8 gap-1.5 bg-transparent"
+                  @click="downloadSettingsOpen = true"
+                >
+                  <SettingsIcon class="h-4 w-4" />
+                  下载设置
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>下载设置</TooltipContent>
+            </Tooltip>
 
             <span class="text-xs text-muted-foreground ml-auto">
               共 {{ sortedTasks.length }} 个任务
@@ -603,9 +616,14 @@ const toggleSortOrder = () => {
                   <div class="flex items-start justify-between gap-3 mb-3">
                     <div class="flex-1 min-w-0">
                       <div class="flex items-center gap-2 mb-1">
-                        <span class="font-medium truncate" :title="getFileName(task)">
-                          {{ getFileName(task) }}
-                        </span>
+                        <Tooltip>
+                          <TooltipTrigger as-child>
+                            <span class="font-medium truncate cursor-default">
+                              {{ getFileName(task) }}
+                            </span>
+                          </TooltipTrigger>
+                          <TooltipContent>{{ getFileName(task) }}</TooltipContent>
+                        </Tooltip>
                         <Badge
                           :variant="getTaskStatusBadge(task).variant"
                           class="shrink-0"
@@ -626,67 +644,85 @@ const toggleSortOrder = () => {
                           <Zap class="h-2.5 w-2.5" />
                           {{ task.segments.length }} 连接
                         </Badge>
-                        <span
-                          v-if="task.dir"
-                          class="truncate max-w-md cursor-help"
-                          :title="task.dir"
-                        >
-                          {{ truncatePath(task.dir) }}
-                        </span>
+                        <Tooltip v-if="task.dir">
+                          <TooltipTrigger as-child>
+                            <span class="truncate max-w-md cursor-default">
+                              {{ truncatePath(task.dir) }}
+                            </span>
+                          </TooltipTrigger>
+                          <TooltipContent class="max-w-[400px] break-all">{{ task.dir }}</TooltipContent>
+                        </Tooltip>
                         <span v-if="task.error" class="text-destructive">
                           {{ task.error }}
                         </span>
                       </div>
                     </div>
                     <div class="flex items-center gap-1 shrink-0">
-                      <Button
-                        v-if="task.status === 'active' || task.status === 'queued'"
-                        size="icon"
-                        variant="ghost"
-                        class="h-8 w-8"
-                        :title="task.status === 'queued' ? '取消排队' : '暂停'"
-                        @click="handlePause(task.id)"
-                      >
-                        <Pause class="h-4 w-4" />
-                      </Button>
-                      <Button
-                        v-if="task.status === 'paused' || task.status === 'error'"
-                        size="icon"
-                        variant="ghost"
-                        class="h-8 w-8"
-                        title="继续"
-                        @click="handleResume(task.id)"
-                      >
-                        <Play class="h-4 w-4" />
-                      </Button>
-                      <Button
-                        size="icon"
-                        variant="ghost"
-                        class="h-8 w-8"
-                        title="详细信息"
-                        @click="handleShowDetail(task)"
-                      >
-                        <Info class="h-4 w-4" />
-                      </Button>
-                      <Button
-                        v-if="task.dir"
-                        size="icon"
-                        variant="ghost"
-                        class="h-8 w-8"
-                        title="打开目录"
-                        @click="handleOpenDir(task)"
-                      >
-                        <FolderOpen class="h-4 w-4" />
-                      </Button>
-                      <Button
-                        size="icon"
-                        variant="ghost"
-                        class="h-8 w-8 text-destructive hover:text-destructive"
-                        title="删除"
-                        @click="handleRemove(task)"
-                      >
-                        <Trash2 class="h-4 w-4" />
-                      </Button>
+                      <Tooltip v-if="task.status === 'active' || task.status === 'queued'">
+                        <TooltipTrigger as-child>
+                          <Button
+                            size="icon"
+                            variant="ghost"
+                            class="h-8 w-8"
+                            @click="handlePause(task.id)"
+                          >
+                            <Pause class="h-4 w-4" />
+                          </Button>
+                        </TooltipTrigger>
+                        <TooltipContent>{{ task.status === 'queued' ? '取消排队' : '暂停' }}</TooltipContent>
+                      </Tooltip>
+                      <Tooltip v-if="task.status === 'paused' || task.status === 'error'">
+                        <TooltipTrigger as-child>
+                          <Button
+                            size="icon"
+                            variant="ghost"
+                            class="h-8 w-8"
+                            @click="handleResume(task.id)"
+                          >
+                            <Play class="h-4 w-4" />
+                          </Button>
+                        </TooltipTrigger>
+                        <TooltipContent>继续</TooltipContent>
+                      </Tooltip>
+                      <Tooltip>
+                        <TooltipTrigger as-child>
+                          <Button
+                            size="icon"
+                            variant="ghost"
+                            class="h-8 w-8"
+                            @click="handleShowDetail(task)"
+                          >
+                            <Info class="h-4 w-4" />
+                          </Button>
+                        </TooltipTrigger>
+                        <TooltipContent>详细信息</TooltipContent>
+                      </Tooltip>
+                      <Tooltip v-if="task.dir">
+                        <TooltipTrigger as-child>
+                          <Button
+                            size="icon"
+                            variant="ghost"
+                            class="h-8 w-8"
+                            @click="handleOpenDir(task)"
+                          >
+                            <FolderOpen class="h-4 w-4" />
+                          </Button>
+                        </TooltipTrigger>
+                        <TooltipContent>打开目录</TooltipContent>
+                      </Tooltip>
+                      <Tooltip>
+                        <TooltipTrigger as-child>
+                          <Button
+                            size="icon"
+                            variant="ghost"
+                            class="h-8 w-8 text-destructive hover:text-destructive"
+                            @click="handleRemove(task)"
+                          >
+                            <Trash2 class="h-4 w-4" />
+                          </Button>
+                        </TooltipTrigger>
+                        <TooltipContent>删除</TooltipContent>
+                      </Tooltip>
                     </div>
                   </div>
                   <Progress :model-value="getProgress(task)" class="h-1.5" />
@@ -702,51 +738,67 @@ const toggleSortOrder = () => {
 
             <!-- 分页控件 -->
             <div v-if="totalPages > 1" class="flex items-center justify-center gap-2 pt-2 pb-4">
-              <Button
-                size="sm"
-                variant="outline"
-                class="h-8 w-8 p-0"
-                :disabled="currentPage <= 1"
-                title="第一页"
-                @click="currentPage = 1"
-              >
-                <ChevronLeft class="h-4 w-4" />
-                <ChevronLeft class="h-4 w-4 -ml-2" />
-              </Button>
-              <Button
-                size="sm"
-                variant="outline"
-                class="h-8 w-8 p-0"
-                :disabled="currentPage <= 1"
-                title="上一页"
-                @click="currentPage--"
-              >
-                <ChevronLeft class="h-4 w-4" />
-              </Button>
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    class="h-8 w-8 p-0"
+                    :disabled="currentPage <= 1"
+                    @click="currentPage = 1"
+                  >
+                    <ChevronLeft class="h-4 w-4" />
+                    <ChevronLeft class="h-4 w-4 -ml-2" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>第一页</TooltipContent>
+              </Tooltip>
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    class="h-8 w-8 p-0"
+                    :disabled="currentPage <= 1"
+                    @click="currentPage--"
+                  >
+                    <ChevronLeft class="h-4 w-4" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>上一页</TooltipContent>
+              </Tooltip>
               <span class="text-xs text-muted-foreground px-2">
                 {{ currentPage }} / {{ totalPages }}
               </span>
-              <Button
-                size="sm"
-                variant="outline"
-                class="h-8 w-8 p-0"
-                :disabled="currentPage >= totalPages"
-                title="下一页"
-                @click="currentPage++"
-              >
-                <ChevronRight class="h-4 w-4" />
-              </Button>
-              <Button
-                size="sm"
-                variant="outline"
-                class="h-8 w-8 p-0"
-                :disabled="currentPage >= totalPages"
-                title="最后一页"
-                @click="currentPage = totalPages"
-              >
-                <ChevronRight class="h-4 w-4" />
-                <ChevronRight class="h-4 w-4 -ml-2" />
-              </Button>
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    class="h-8 w-8 p-0"
+                    :disabled="currentPage >= totalPages"
+                    @click="currentPage++"
+                  >
+                    <ChevronRight class="h-4 w-4" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>下一页</TooltipContent>
+              </Tooltip>
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    class="h-8 w-8 p-0"
+                    :disabled="currentPage >= totalPages"
+                    @click="currentPage = totalPages"
+                  >
+                    <ChevronRight class="h-4 w-4" />
+                    <ChevronRight class="h-4 w-4 -ml-2" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>最后一页</TooltipContent>
+              </Tooltip>
             </div>
           </ScrollArea>
         </div>
@@ -781,9 +833,14 @@ const toggleSortOrder = () => {
                       class="font-mono text-sm"
                       @update:model-value="(v: string | number) => store.settings && (store.settings.downloadDir = String(v))"
                     />
-                    <Button variant="outline" size="icon" title="选择目录" @click="handleSelectSettingsDir">
-                      <FolderOpen class="h-4 w-4" />
-                    </Button>
+                    <Tooltip>
+                      <TooltipTrigger as-child>
+                        <Button variant="outline" size="icon" @click="handleSelectSettingsDir">
+                          <FolderOpen class="h-4 w-4" />
+                        </Button>
+                      </TooltipTrigger>
+                      <TooltipContent>选择目录</TooltipContent>
+                    </Tooltip>
                   </div>
                 </div>
                 <div class="grid grid-cols-2 gap-3">
@@ -900,19 +957,28 @@ const toggleSortOrder = () => {
                   <div class="flex items-center justify-between gap-2">
                     <div class="flex flex-col gap-0.5 min-w-0">
                       <Label class="text-xs text-muted-foreground">API 地址</Label>
-                      <span class="font-mono text-sm truncate" :title="store.extensionInfo.url">
-                        {{ store.extensionInfo.url }}
-                      </span>
+                      <Tooltip>
+                        <TooltipTrigger as-child>
+                          <span class="font-mono text-sm truncate cursor-default">
+                            {{ store.extensionInfo.url }}
+                          </span>
+                        </TooltipTrigger>
+                        <TooltipContent class="max-w-[400px] break-all">{{ store.extensionInfo.url }}</TooltipContent>
+                      </Tooltip>
                     </div>
-                    <Button
-                      size="icon"
-                      variant="ghost"
-                      class="h-8 w-8 shrink-0"
-                      title="复制 API 地址"
-                      @click="handleCopy(store.extensionInfo.url, 'API 地址')"
-                    >
-                      <Copy class="h-4 w-4" />
-                    </Button>
+                    <Tooltip>
+                      <TooltipTrigger as-child>
+                        <Button
+                          size="icon"
+                          variant="ghost"
+                          class="h-8 w-8 shrink-0"
+                          @click="handleCopy(store.extensionInfo.url, 'API 地址')"
+                        >
+                          <Copy class="h-4 w-4" />
+                        </Button>
+                      </TooltipTrigger>
+                      <TooltipContent>复制 API 地址</TooltipContent>
+                    </Tooltip>
                   </div>
 
                   <div class="flex items-center justify-between gap-2">
@@ -923,27 +989,33 @@ const toggleSortOrder = () => {
                       </span>
                     </div>
                     <div class="flex gap-1 shrink-0">
-                      <Button
-                        v-if="store.extensionInfo.secret"
-                        size="icon"
-                        variant="ghost"
-                        class="h-8 w-8"
-                        :title="showSecret ? '隐藏' : '显示'"
-                        @click="showSecret = !showSecret"
-                      >
-                        <Eye v-if="!showSecret" class="h-4 w-4" />
-                        <EyeOff v-else class="h-4 w-4" />
-                      </Button>
-                      <Button
-                        v-if="store.extensionInfo.secret"
-                        size="icon"
-                        variant="ghost"
-                        class="h-8 w-8"
-                        title="复制密钥"
-                        @click="handleCopy(store.extensionInfo.secret, '密钥')"
-                      >
-                        <Copy class="h-4 w-4" />
-                      </Button>
+                      <Tooltip v-if="store.extensionInfo.secret">
+                        <TooltipTrigger as-child>
+                          <Button
+                            size="icon"
+                            variant="ghost"
+                            class="h-8 w-8"
+                            @click="showSecret = !showSecret"
+                          >
+                            <Eye v-if="!showSecret" class="h-4 w-4" />
+                            <EyeOff v-else class="h-4 w-4" />
+                          </Button>
+                        </TooltipTrigger>
+                        <TooltipContent>{{ showSecret ? '隐藏' : '显示' }}</TooltipContent>
+                      </Tooltip>
+                      <Tooltip v-if="store.extensionInfo.secret">
+                        <TooltipTrigger as-child>
+                          <Button
+                            size="icon"
+                            variant="ghost"
+                            class="h-8 w-8"
+                            @click="handleCopy(store.extensionInfo.secret, '密钥')"
+                          >
+                            <Copy class="h-4 w-4" />
+                          </Button>
+                        </TooltipTrigger>
+                        <TooltipContent>复制密钥</TooltipContent>
+                      </Tooltip>
                     </div>
                   </div>
                 </div>
@@ -1002,9 +1074,14 @@ const toggleSortOrder = () => {
                 class="font-mono text-sm"
                 @update:model-value="(v: string | number) => store.settings && (store.settings.downloadDir = String(v))"
               />
-              <Button variant="outline" size="icon" title="选择目录" @click="handleSelectSettingsDir">
-                <FolderOpen class="h-4 w-4" />
-              </Button>
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <Button variant="outline" size="icon" @click="handleSelectSettingsDir">
+                    <FolderOpen class="h-4 w-4" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>选择目录</TooltipContent>
+              </Tooltip>
             </div>
           </div>
 
@@ -1112,9 +1189,14 @@ const toggleSortOrder = () => {
                 placeholder="留空使用默认目录"
                 class="font-mono text-sm"
               />
-              <Button variant="outline" size="icon" title="选择目录" @click="handleSelectDir">
-                <FolderOpen class="h-4 w-4" />
-              </Button>
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <Button variant="outline" size="icon" @click="handleSelectDir">
+                    <FolderOpen class="h-4 w-4" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>选择目录</TooltipContent>
+              </Tooltip>
             </div>
             <p v-if="store.settings?.downloadDir" class="text-xs text-muted-foreground">
               当前默认：
@@ -1191,9 +1273,14 @@ const toggleSortOrder = () => {
                 <span class="text-xs text-muted-foreground">文件名</span>
                 <span class="font-medium break-all">{{ detailDialogState.task.filename }}</span>
               </div>
-              <Button size="icon" variant="ghost" class="h-7 w-7 shrink-0" title="复制文件名" @click="handleCopyText(detailDialogState.task.filename, '文件名')">
-                <Copy class="h-3.5 w-3.5" />
-              </Button>
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <Button size="icon" variant="ghost" class="h-7 w-7 shrink-0" @click="handleCopyText(detailDialogState.task.filename, '文件名')">
+                    <Copy class="h-3.5 w-3.5" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>复制文件名</TooltipContent>
+              </Tooltip>
             </div>
 
             <Separator />
@@ -1213,9 +1300,14 @@ const toggleSortOrder = () => {
                 <span class="text-xs text-muted-foreground">下载链接</span>
                 <span class="font-mono text-xs break-all">{{ detailDialogState.task.url }}</span>
               </div>
-              <Button size="icon" variant="ghost" class="h-7 w-7 shrink-0" title="复制链接" @click="handleCopyText(detailDialogState.task.url, '下载链接')">
-                <Copy class="h-3.5 w-3.5" />
-              </Button>
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <Button size="icon" variant="ghost" class="h-7 w-7 shrink-0" @click="handleCopyText(detailDialogState.task.url, '下载链接')">
+                    <Copy class="h-3.5 w-3.5" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>复制链接</TooltipContent>
+              </Tooltip>
             </div>
 
             <Separator />
@@ -1224,12 +1316,22 @@ const toggleSortOrder = () => {
             <div class="flex items-start justify-between gap-2">
               <div class="flex flex-col gap-0.5 min-w-0 flex-1">
                 <span class="text-xs text-muted-foreground">保存位置</span>
-                <span class="font-mono text-xs break-all" :title="detailDialogState.task.dir">{{ detailDialogState.task.dir }}</span>
+                <Tooltip>
+                  <TooltipTrigger as-child>
+                    <span class="font-mono text-xs break-all cursor-default">{{ detailDialogState.task.dir }}</span>
+                  </TooltipTrigger>
+                  <TooltipContent class="max-w-[400px] break-all">{{ detailDialogState.task.dir }}</TooltipContent>
+                </Tooltip>
                 <span class="font-mono text-xs text-muted-foreground break-all">{{ detailDialogState.task.filename }}</span>
               </div>
-              <Button size="icon" variant="ghost" class="h-7 w-7 shrink-0" title="复制完整路径" @click="handleCopyText(detailDialogState.task.dir + '\\' + detailDialogState.task.filename, '完整路径')">
-                <Copy class="h-3.5 w-3.5" />
-              </Button>
+              <Tooltip>
+                <TooltipTrigger as-child>
+                  <Button size="icon" variant="ghost" class="h-7 w-7 shrink-0" @click="handleCopyText(detailDialogState.task.dir + '\\' + detailDialogState.task.filename, '完整路径')">
+                    <Copy class="h-3.5 w-3.5" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>复制完整路径</TooltipContent>
+              </Tooltip>
             </div>
 
             <Separator />
diff --git a/src/modules/general/GeneralSettings.vue b/src/modules/general/GeneralSettings.vue
index 79dd806..4951ccf 100644
--- a/src/modules/general/GeneralSettings.vue
+++ b/src/modules/general/GeneralSettings.vue
@@ -4,6 +4,7 @@ import { Switch } from '@/components/ui/switch'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { Label } from '@/components/ui/label'
 import { Button } from '@/components/ui/button'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { useAppStore, type Theme, type EffectType, type ModuleInfo } from '@/stores/appStore'
 import { useSearchStore } from '@/stores/searchStore'
 import { useProcessStore } from '@/stores/processStore'
@@ -265,12 +266,16 @@ const onDragEnd = () => {
                 :class="{ 'opacity-60': isModuleToggling(module.id) }"
               >
                 <div class="flex items-center gap-3">
-                  <div
-                    class="drag-handle cursor-grab active:cursor-grabbing text-muted-foreground/40 hover:text-muted-foreground transition-colors"
-                    title="拖拽排序"
-                  >
-                    <GripVertical class="h-4 w-4 no-native-drag" />
-                  </div>
+                  <Tooltip>
+                    <TooltipTrigger as-child>
+                      <div
+                        class="drag-handle cursor-grab active:cursor-grabbing text-muted-foreground/40 hover:text-muted-foreground transition-colors"
+                      >
+                        <GripVertical class="h-4 w-4 no-native-drag" />
+                      </div>
+                    </TooltipTrigger>
+                    <TooltipContent>拖拽排序</TooltipContent>
+                  </Tooltip>
                   <div
                     class="w-9 h-9 rounded-lg flex items-center justify-center"
                     :class="module.enabled ? 'bg-primary/10 text-primary' : 'bg-muted text-muted-foreground'"
diff --git a/src/modules/proxy/ProxyModule.vue b/src/modules/proxy/ProxyModule.vue
index 310f460..29ea566 100644
--- a/src/modules/proxy/ProxyModule.vue
+++ b/src/modules/proxy/ProxyModule.vue
@@ -22,6 +22,7 @@ import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs'
 import { ScrollArea } from '@/components/ui/scroll-area'
 import { Separator } from '@/components/ui/separator'
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@/components/ui/accordion'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { Progress } from '@/components/ui/progress'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import {
@@ -924,9 +925,14 @@ const saveSettingsForm = async () => {
               </div>
               <div v-if="store.kernel?.exists" class="flex items-center justify-between">
                 <span class="text-muted-foreground">当前版本</span>
-                <Badge variant="secondary" class="font-mono text-xs" :title="store.kernel?.version ?? ''">
-                  {{ versionShort }}
-                </Badge>
+                <Tooltip>
+                  <TooltipTrigger as-child>
+                    <Badge variant="secondary" class="font-mono text-xs cursor-default">
+                      {{ versionShort }}
+                    </Badge>
+                  </TooltipTrigger>
+                  <TooltipContent>{{ store.kernel?.version ?? '' }}</TooltipContent>
+                </Tooltip>
               </div>
               <div v-if="kernelUpdateInfo" class="flex items-center justify-between">
                 <span class="text-muted-foreground">最新版本</span>
@@ -947,19 +953,33 @@ const saveSettingsForm = async () => {
               <div class="flex items-center justify-between gap-3">
                 <span class="text-muted-foreground shrink-0">路径</span>
                 <div class="flex items-center gap-1.5 min-w-0">
-                  <span
-                    v-if="store.kernel?.exists"
-                    class="font-mono text-xs text-right truncate"
-                    :title="store.kernel?.path ?? ''"
-                  >{{ pathDisplay || pathShort }}</span>
-                  <span v-else class="font-mono text-xs text-right" :title="store.kernel?.path ?? ''">{{ pathShort }}</span>
+                  <Tooltip>
+                    <TooltipTrigger as-child>
+                      <span
+                        v-if="store.kernel?.exists"
+                        class="font-mono text-xs text-right truncate cursor-default"
+                      >{{ pathDisplay || pathShort }}</span>
+                      <span v-else class="font-mono text-xs text-right cursor-default">{{ pathShort }}</span>
+                    </TooltipTrigger>
+                    <TooltipContent class="max-w-[400px] break-all">{{ store.kernel?.path ?? '' }}</TooltipContent>
+                  </Tooltip>
                   <template v-if="store.kernel?.exists">
-                    <Button size="icon-xs" variant="ghost" title="复制路径" @click="copyPath">
-                      <Copy class="size-3" />
-                    </Button>
-                    <Button size="icon-xs" variant="ghost" title="在文件夹中显示" @click="openFolder">
-                      <FolderOpen class="size-3" />
-                    </Button>
+                    <Tooltip>
+                      <TooltipTrigger as-child>
+                        <Button size="icon-xs" variant="ghost" @click="copyPath">
+                          <Copy class="size-3" />
+                        </Button>
+                      </TooltipTrigger>
+                      <TooltipContent>复制路径</TooltipContent>
+                    </Tooltip>
+                    <Tooltip>
+                      <TooltipTrigger as-child>
+                        <Button size="icon-xs" variant="ghost" @click="openFolder">
+                          <FolderOpen class="size-3" />
+                        </Button>
+                      </TooltipTrigger>
+                      <TooltipContent>在文件夹中显示</TooltipContent>
+                    </Tooltip>
                   </template>
                 </div>
               </div>
@@ -1448,18 +1468,32 @@ const saveSettingsForm = async () => {
                     </p>
                   </div>
                   <div class="flex gap-1 shrink-0">
-                    <Button size="icon-sm" variant="ghost" title="更新" @click="doUpdate(p.id)">
-                      <RefreshCw class="size-3.5" />
-                    </Button>
-                    <Button
-                      v-if="store.settings.currentProfile !== p.id"
-                      size="icon-sm" variant="ghost" title="切换" @click="doActivate(p.id)"
-                    >
-                      <Check class="size-3.5" />
-                    </Button>
-                    <Button size="icon-sm" variant="ghost" title="删除" @click="doDelete(p.id, p.name)">
-                      <Trash2 class="size-3.5 text-destructive" />
-                    </Button>
+                    <Tooltip>
+                      <TooltipTrigger as-child>
+                        <Button size="icon-sm" variant="ghost" @click="doUpdate(p.id)">
+                          <RefreshCw class="size-3.5" />
+                        </Button>
+                      </TooltipTrigger>
+                      <TooltipContent>更新</TooltipContent>
+                    </Tooltip>
+                    <Tooltip v-if="store.settings.currentProfile !== p.id">
+                      <TooltipTrigger as-child>
+                        <Button
+                          size="icon-sm" variant="ghost" @click="doActivate(p.id)"
+                        >
+                          <Check class="size-3.5" />
+                        </Button>
+                      </TooltipTrigger>
+                      <TooltipContent>切换</TooltipContent>
+                    </Tooltip>
+                    <Tooltip>
+                      <TooltipTrigger as-child>
+                        <Button size="icon-sm" variant="ghost" @click="doDelete(p.id, p.name)">
+                          <Trash2 class="size-3.5 text-destructive" />
+                        </Button>
+                      </TooltipTrigger>
+                      <TooltipContent>删除</TooltipContent>
+                    </Tooltip>
                   </div>
                 </div>
               </div>