From 6f4f6a391410e1bc12715c34798d6315c9a507a6 Mon Sep 17 00:00:00 2001
From: xiamuceer <xiamuceer@gmail.com>
Date: Wed, 18 Mar 2026 11:08:41 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E4=BC=98=E5=8C=96=E7=94=9F?=
 =?UTF-8?q?=E6=88=90=E5=B0=81=E9=9D=A2=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=8C=E9=80=82=E9=85=8D=E6=98=8E=E6=9A=97=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/BookshelfPage.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/BookshelfPage.tsx b/frontend/src/pages/BookshelfPage.tsx
index 5ef4925..bcd6495 100644
--- a/frontend/src/pages/BookshelfPage.tsx
+++ b/frontend/src/pages/BookshelfPage.tsx
@@ -58,6 +58,15 @@ export default function BookshelfPage({
   const { resolvedMode } = useThemeMode();
   const isDark = resolvedMode === 'dark';
   const alphaColor = (color: string, alpha: number) => `color-mix(in srgb, ${color} ${(alpha * 100).toFixed(0)}%, transparent)`;
+  const coverButtonStyle = {
+    color: isDark ? token.colorWhite : token.colorPrimaryText,
+    background: isDark
+      ? 'rgba(255,255,255,0.14)'
+      : `linear-gradient(135deg, ${alphaColor(token.colorWhite, 0.92)} 0%, ${alphaColor(token.colorBgContainer, 0.84)} 100%)`,
+    borderColor: isDark ? 'rgba(255,255,255,0.22)' : alphaColor(token.colorPrimary, 0.35),
+    boxShadow: isDark ? 'none' : `0 6px 16px ${alphaColor(token.colorPrimary, 0.18)}`,
+    backdropFilter: 'blur(8px)',
+  };
   const [flippedProjectIds, setFlippedProjectIds] = useState<Record<string, boolean>>({});
   const [coverGeneratingIds, setCoverGeneratingIds] = useState<Record<string, boolean>>({});
   const mobileBookHeight = 520;
@@ -689,6 +698,7 @@ export default function BookshelfPage({
                               icon={<ReloadOutlined />}
                               loading={coverActionLoading}
                               onClick={(e) => void handleGenerateCoverClick(e, project, true)}
+                              style={coverButtonStyle}
                             >
                               {coverActionLoading ? '重新生成中...' : '重新生成'}
                             </Button>
@@ -702,6 +712,7 @@ export default function BookshelfPage({
                               icon={<PictureOutlined />}
                               loading={coverActionLoading}
                               onClick={(e) => void handleGenerateCoverClick(e, project, true)}
+                              style={coverButtonStyle}
                             >
                               {coverActionLoading ? '生成中...' : '生成封面'}
                             </Button>
@@ -894,10 +905,7 @@ export default function BookshelfPage({
                                     loading={coverActionLoading}
                                     onClick={(e) => void handleGenerateCoverClick(e, project, true)}
                                     style={{
-                                      color: token.colorWhite,
-                                      background: 'rgba(255,255,255,0.14)',
-                                      borderColor: 'rgba(255,255,255,0.22)',
-                                      backdropFilter: 'blur(8px)',
+                                      ...coverButtonStyle,
                                       minWidth: isMobile ? 112 : 124,
                                     }}
                                   >