From d7926615f1472bf8d5b1aa7e2aa3838cef5fd96d Mon Sep 17 00:00:00 2001
From: yanlongqi <yuchat@163.com>
Date: Mon, 17 Nov 2025 21:26:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=8E=92=E8=A1=8C=E6=A6=9C?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98&#10;&#10?=
 =?UTF-8?q?;1.=20=E4=BF=AE=E5=A4=8D=E5=B7=A8=E5=A4=A7=E7=9A=84=E8=93=9D?=
 =?UTF-8?q?=E8=89=B2=E6=96=B9=E5=9D=97=E9=97=AE=E9=A2=98&#10;2.=20?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=BB=91=E5=9D=97=E5=AE=BD=E5=BA=A6=E8=AE=A1?=
 =?UTF-8?q?=E7=AE=97=E5=92=8C=E5=AE=B9=E5=99=A8=E6=A0=B7=E5=BC=8F&#10;3.?=
 =?UTF-8?q?=20=E4=BC=98=E5=8C=96=E5=88=87=E6=8D=A2=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E7=9A=84=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.com/claude-code)&#10;&#10;Co-Authored-By: Claude <noreply@anthropic.com>
---
 web/src/pages/Home.module.less | 14 ++++++--------
 web/src/pages/Home.tsx         |  2 +-
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/web/src/pages/Home.module.less b/web/src/pages/Home.module.less
index 5741a3e..4133de5 100644
--- a/web/src/pages/Home.module.less
+++ b/web/src/pages/Home.module.less
@@ -473,12 +473,12 @@
   }
 
   .rankingSwitch {
-    display: flex;
+    display: inline-flex;
     background: #f5f5f5;
     border-radius: 20px;
     padding: 4px;
     margin-bottom: 16px;
-    width: fit-content;
+    position: relative;
     box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
   }
 
@@ -493,16 +493,13 @@
     color: #666;
     transition: all 0.3s ease;
     position: relative;
-    z-index: 1;
+    z-index: 2;
+    min-width: 80px;
+    text-align: center;
 
     &:hover {
       color: #333;
     }
-
-    &.active {
-      color: #fff;
-      font-weight: 600;
-    }
   }
 
   .rankingSwitchSlider {
@@ -514,6 +511,7 @@
     border-radius: 16px;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3);
+    z-index: 1;
   }
 
   .rankingCard {
diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
index 496aae0..8719bd9 100644
--- a/web/src/pages/Home.tsx
+++ b/web/src/pages/Home.tsx
@@ -693,7 +693,7 @@ const Home: React.FC = () => {
         <Title level={4} className={styles.sectionTitle}>
           <TrophyOutlined /> 排行榜
         </Title>
-        <div className={styles.rankingSwitch}>
+        <div className={styles.rankingSwitch} style={{ width: '200px' }}>
           <div
             className={styles.rankingSwitchButton}
             onClick={() => switchRankingType('daily')}