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 = [