From 2e0a434cacd16e56d460621380e2fc7af6014016 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 23 Apr 2026 11:14:36 +0800
Subject: [PATCH] =?UTF-8?q?chore(=E6=80=BB=E6=8E=92=E8=A1=8C=E6=A6=9C):=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=9B=BE=E6=BA=90=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Ranking/Overall/Ranking.vue | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/views/Ranking/Overall/Ranking.vue b/src/views/Ranking/Overall/Ranking.vue
index 24ee2a6..3e40a1e 100644
--- a/src/views/Ranking/Overall/Ranking.vue
+++ b/src/views/Ranking/Overall/Ranking.vue
@@ -58,11 +58,11 @@
             padding: 4px;
             border-radius: 32px;
             border: 1px solid #b2a67d;
-            background: linear-gradient(90deg, #0d0d0d 0%, #232323 100%);
             backdrop-filter: blur(32px);
             display: grid;
             grid-template-columns: repeat(3, 1fr);
           "
+          :style="{ background: currentRankingConfig.timeBackground }"
         >
           <div
             v-for="tab in timeTabs"
@@ -301,6 +301,8 @@ const imageUrl = (filename) => getPngUrl('Ranking/Overall/', filename)
 
 const RANKING_CONFIG = {
   Wealth: {
+    timeBackground:
+      'linear-gradient(97deg, rgba(21, 50, 22, 0.10) 12.03%, rgba(33, 99, 40, 0.10) 100.37%), linear-gradient(90deg, #0D0D0D 0%, #232323 100%)',
     labelKey: 'ranking_wealth',
     activeColor: '#60FF83',
     backgroundColor: '#242A2A',
@@ -310,17 +312,8 @@ const RANKING_CONFIG = {
     rankingItemBg: imageUrl('RankingItem-wealth'),
     myRankingBg: imageUrl('myRankingBg-wealth'),
   },
-  Charm: {
-    labelKey: 'ranking_charm',
-    activeColor: '#FF9A60',
-    backgroundColor: '#3E1308',
-    backgroundImage: imageUrl('bgCharm'),
-    paramsType: 'GIFTS_RECEIVED',
-    topBorders: [imageUrl('top1-charm'), imageUrl('top2-charm'), imageUrl('top3-charm')],
-    rankingItemBg: imageUrl('RankingItem-charm'),
-    myRankingBg: imageUrl('myRankingBg-charm'),
-  },
   Room: {
+    timeBackground: 'linear-gradient(97deg, #211532 12.03%, #3C2163 100.37%)',
     labelKey: 'ranking_room',
     activeColor: '#AA60FF',
     backgroundColor: '#2B2022',
@@ -330,6 +323,17 @@ const RANKING_CONFIG = {
     rankingItemBg: imageUrl('RankingItem-room'),
     myRankingBg: imageUrl('myRankingBg-room'),
   },
+  Charm: {
+    timeBackground: 'linear-gradient(97deg, #322215 12.03%, #633421 100.37%)',
+    labelKey: 'ranking_charm',
+    activeColor: '#FF9A60',
+    backgroundColor: '#3E1308',
+    backgroundImage: imageUrl('bgCharm'),
+    paramsType: 'GIFTS_RECEIVED',
+    topBorders: [imageUrl('top1-charm'), imageUrl('top2-charm'), imageUrl('top3-charm')],
+    rankingItemBg: imageUrl('RankingItem-charm'),
+    myRankingBg: imageUrl('myRankingBg-charm'),
+  },
 }
 
 const TIME_TABS = [