From b9490a0c1cb8129870a530268aa75ff859bd6577 Mon Sep 17 00:00:00 2001
From: Rogee <rogee@ipao.vip>
Date: Mon, 28 Sep 2026 07:25:02 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E7=9B=91=E6=8E=A7=E8=B4=A6=E5=8F=B7?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E8=A1=8C=20hover=20=E5=8F=8D=E9=A6=88?=
 =?UTF-8?q?=EF=BC=88=E4=B8=BB=E9=A2=98=20token=EF=BC=89=E3=80=81=E5=BC=BA?=
 =?UTF-8?q?=E5=88=B6=E5=90=8C=E6=AD=A5=E6=8C=89=E9=92=AE=20loading?=
 =?UTF-8?q?=EF=BC=88=E8=B5=B0=E6=9F=A5=20P2-#7=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../accounts/MonitoringAccountList.tsx        | 25 ++++++++++++++-----
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/web/src/components/accounts/MonitoringAccountList.tsx b/web/src/components/accounts/MonitoringAccountList.tsx
index af31db6..8c7bce3 100644
--- a/web/src/components/accounts/MonitoringAccountList.tsx
+++ b/web/src/components/accounts/MonitoringAccountList.tsx
@@ -2,11 +2,25 @@
 // 展示作者头像与粉丝/关注/作品/最近发布等账号画像属性（migration 038 字段 + work 聚合）。
 import { useCallback, useEffect, useState } from 'react';
 import { history } from '@umijs/max';
-import { Alert, App, Avatar, Button, Card, Descriptions, Empty, Flex, Form, Listy, Modal, Popconfirm, Select, Space, Spin, Tag, Typography } from 'antd';
+import { Alert, App, Avatar, Button, Card, Descriptions, Empty, Flex, Form, Listy, Modal, Popconfirm, Select, Space, Spin, Tag, theme, Typography } from 'antd';
 import { CloudUploadOutlined, ReloadOutlined } from '@ant-design/icons';
 import { getList, remove, creatorAction, creatorUpdate } from '@/services/api';
 import { conflictMessage, dateTime, platformLabel } from '@/utils/helpers';
 
+const useRowHoverStyle = () => {
+  const { token } = theme.useToken();
+  return {
+    padding: 16,
+    borderBottom: `1px solid ${token.colorSplit}`,
+    borderRadius: token.borderRadiusLG,
+    cursor: 'pointer',
+    transition: 'background-color 0.2s',
+    ['@media (hover: hover)']: {
+      '&:hover': { backgroundColor: token.colorFillQuaternary },
+    },
+  } as const;
+};
+
 interface CompetitorRow {
   id: string;
   platform: string;
@@ -129,6 +143,8 @@ export default function MonitoringAccountList() {
     }
   }
 
+  const rowHoverStyle = useRowHoverStyle();
+
   const syncMeta = syncStatusMeta[tagTarget?.sync_status ?? ''] || { label: tagTarget?.sync_status || '—' };
 
   return (
@@ -151,10 +167,7 @@ export default function MonitoringAccountList() {
         itemRender={(row) => {
           const meta = syncStatusMeta[row.sync_status ?? ''] || { label: row.sync_status || '—' };
           return (
-            <div
-              style={{ padding: '16px 0', borderBottom: '1px solid rgba(5,5,5,0.06)', cursor: 'pointer' }}
-              onClick={() => history.push(`/accounts/monitoring/${row.id}`)}
-            >
+            <div style={rowHoverStyle} onClick={() => history.push(`/accounts/monitoring/${row.id}`)}>
               <Flex justify="space-between" align="flex-start" gap={16}>
                 <Flex align="flex-start" gap={12}>
                   <Avatar size={44} src={row.avatar_url || undefined}>
@@ -178,7 +191,7 @@ export default function MonitoringAccountList() {
                   <Button size="small" onClick={() => openTags(row)}>
                     编辑标签
                   </Button>
-                  <Button size="small" disabled={actionBusy === row.id} onClick={() => syncCompetitor(row)}>
+                  <Button size="small" loading={actionBusy === row.id} disabled={actionBusy === row.id} onClick={() => syncCompetitor(row)}>
                     强制同步
                   </Button>
                   <Button size="small" disabled={actionBusy === row.id} onClick={() => toggleCompetitor(row)}>