From df76625007a96c4b27d2b2c4b4f53333d32515d9 Mon Sep 17 00:00:00 2001
From: yanlongqi <yuchat@163.com>
Date: Mon, 17 Nov 2025 21:31:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=9B=E4=B8=80=E6=AD=A5=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=8E=92=E8=A1=8C=E6=A6=9C=E5=88=87=E6=8D=A2=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BB=A5=E7=AC=A6=E5=90=88=E6=95=B4=E4=BD=93=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?&#10;&#10;1.=20=E7=BB=9F=E4=B8=80=E4=BD=BF=E7=94=A8=E4=B8=BB?=
 =?UTF-8?q?=E9=A2=98=E8=89=B2#007aff=E6=9B=BF=E4=BB=A3=E4=B9=8B=E5=89=8D?=
 =?UTF-8?q?=E7=9A=84=E8=93=9D=E8=89=B2=E6=B8=90=E5=8F=98&#10;2.=20?=
 =?UTF-8?q?=E4=BD=BF=E5=88=87=E6=8D=A2=E5=AE=B9=E5=99=A8=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=B8=8E=E5=8D=A1=E7=89=87=E6=A0=B7=E5=BC=8F=E4=BF=9D=E6=8C=81?=
 =?UTF-8?q?=E4=B8=80=E8=87=B4&#10;3.=20=E6=B7=BB=E5=8A=A0=E6=8C=89?=
 =?UTF-8?q?=E9=92=AEactive=E7=8A=B6=E6=80=81=E6=A0=B7=E5=BC=8F&#10;4.=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=AF=9B=E7=8E=BB=E7=92=83=E6=95=88=E6=9E=9C?=
 =?UTF-8?q?=E5=92=8C=E9=98=B4=E5=BD=B1=E4=BB=A5=E5=8C=B9=E9=85=8D=E6=95=B4?=
 =?UTF-8?q?=E4=BD=93=E8=AE=BE=E8=AE=A1?=
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 | 19 +++++++++++++++----
 web/src/pages/Home.tsx         |  6 +++---
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/web/src/pages/Home.module.less b/web/src/pages/Home.module.less
index 4133de5..0268167 100644
--- a/web/src/pages/Home.module.less
+++ b/web/src/pages/Home.module.less
@@ -474,12 +474,18 @@
 
   .rankingSwitch {
     display: inline-flex;
-    background: #f5f5f5;
+    background: rgba(255, 255, 255, 0.8);
     border-radius: 20px;
     padding: 4px;
     margin-bottom: 16px;
     position: relative;
-    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+    box-shadow:
+      0 2px 8px rgba(0, 0, 0, 0.05),
+      0 1px 3px rgba(0, 0, 0, 0.03),
+      0 0 0 1px rgba(0, 0, 0, 0.03);
+    border: 0.5px solid rgba(0, 0, 0, 0.04);
+    backdrop-filter: blur(30px) saturate(180%);
+    -webkit-backdrop-filter: blur(30px) saturate(180%);
   }
 
   .rankingSwitchButton {
@@ -500,6 +506,11 @@
     &:hover {
       color: #333;
     }
+
+    &.active {
+      color: #fff;
+      font-weight: 600;
+    }
   }
 
   .rankingSwitchSlider {
@@ -507,10 +518,10 @@
     top: 4px;
     left: 4px;
     height: calc(100% - 8px);
-    background: linear-gradient(135deg, #1890ff 0%, #40a9ff 100%);
+    background: linear-gradient(135deg, #007aff 0%, #007aff 100%);
     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);
+    box-shadow: 0 2px 8px rgba(0, 122, 255, 0.3);
     z-index: 1;
   }
 
diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
index 8719bd9..2b542e7 100644
--- a/web/src/pages/Home.tsx
+++ b/web/src/pages/Home.tsx
@@ -693,15 +693,15 @@ const Home: React.FC = () => {
         <Title level={4} className={styles.sectionTitle}>
           <TrophyOutlined /> 排行榜
         </Title>
-        <div className={styles.rankingSwitch} style={{ width: '200px' }}>
+        <div className={styles.rankingSwitch}>
           <div
-            className={styles.rankingSwitchButton}
+            className={`${styles.rankingSwitchButton} ${rankingType === 'daily' ? styles.active : ''}`}
             onClick={() => switchRankingType('daily')}
           >
             今日排行榜
           </div>
           <div
-            className={styles.rankingSwitchButton}
+            className={`${styles.rankingSwitchButton} ${rankingType === 'total' ? styles.active : ''}`}
             onClick={() => switchRankingType('total')}
           >
             总排行榜