From 1503fe1d9701dc3246c80fdfc4ad76817908568f Mon Sep 17 00:00:00 2001
From: yuyx <237899745@qq.com>
Date: Sun, 30 Nov 2025 16:30:16 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E5=88=97=E8=A1=A8hover=E6=97=B6=E5=8F=98=E7=99=BD?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除硬编码的mouseover/mouseout颜色
- 添加.file-list-row类使用CSS处理hover效果
- 深色/浅色主题都使用半透明紫色作为hover背景

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/app.html | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/app.html b/frontend/app.html
index f48b5d4..f82bdb8 100644
--- a/frontend/app.html
+++ b/frontend/app.html
@@ -925,6 +925,19 @@
       color: var(--text-secondary);
     }
 
+    /* 文件列表行样式 */
+    .file-list-row {
+      border-bottom: 1px solid var(--glass-border);
+      cursor: pointer;
+      transition: background 0.15s ease;
+    }
+    .file-list-row:hover {
+      background: rgba(102, 126, 234, 0.08);
+    }
+    body.light-theme .file-list-row:hover {
+      background: rgba(102, 126, 234, 0.06);
+    }
+
     /* ========== 危险按钮 ========== */
     .btn-danger {
       background: linear-gradient(135deg, #ef4444, #dc2626);
@@ -1390,14 +1403,12 @@
               </thead>
               <tbody>
                 <tr v-for="file in files" :key="file.name"
-                    style="border-bottom: 1px solid #eee; cursor: pointer;"
+                    class="file-list-row"
                     @click="handleFileClick(file)"
                     @contextmenu.prevent="showFileContextMenu(file, $event)"
                     @touchstart="handleLongPressStart(file, $event)"
                     @touchmove="handleLongPressMove($event)"
-                    @touchend="handleLongPressEnd"
-                    @mouseover="$event.currentTarget.style.background='#f9f9f9'"
-                    @mouseout="$event.currentTarget.style.background='white'">
+                    @touchend="handleLongPressEnd">
                   <td style="padding: 10px;">
                     <div style="display: flex; align-items: center; gap: 10px; overflow: hidden;">
                     <!-- 图片缩略图 -->