diff --git a/src/views/Activities/Game/index.vue b/src/views/Activities/Game/index.vue
index b1bb1c8..2999f95 100644
--- a/src/views/Activities/Game/index.vue
+++ b/src/views/Activities/Game/index.vue
@@ -50,39 +50,91 @@
           v-if="currentLangType == 'en'"
           style="display: flex; justify-content: space-around; margin-top: 2vw"
         >
-          <img
-            v-smart-img
-            :src="rankingShow ? imageUrl('rankingBtActive') : imageUrl('rankingBt')"
-            alt=""
-            style="display: block; width: 40%"
-            @click="rankingShow = true"
-          />
-          <img
-            v-smart-img
-            :src="!rankingShow ? imageUrl('rewardBtActive') : imageUrl('rewardsBt')"
-            alt=""
-            style="display: block; width: 40%"
-            @click="rankingShow = false"
-          />
+          <!-- 排行榜按钮 -->
+          <div style="width: 40%; position: relative">
+            <img
+              v-smart-img
+              :src="imageUrl('rankingBt')"
+              alt=""
+              style="display: block; width: 100%"
+              :style="{ opacity: rankingShow ? 0 : 1 }"
+              @click="rankingShow = true"
+            />
+            <img
+              v-smart-img
+              :src="imageUrl('rankingBtActive')"
+              alt=""
+              style="display: block; width: 100%; position: absolute; top: 0; left: 0"
+              :style="{ opacity: rankingShow ? 1 : 0 }"
+              @click="rankingShow = true"
+            />
+          </div>
+
+          <!-- 奖励按钮 -->
+          <div style="width: 40%; position: relative">
+            <img
+              v-smart-img
+              :src="imageUrl('rewardsBt')"
+              alt=""
+              style="display: block; width: 100%"
+              :style="{ opacity: rankingShow ? 1 : 0 }"
+              @click="rankingShow = false"
+            />
+            <img
+              v-smart-img
+              :src="imageUrl('rewardBtActive')"
+              alt=""
+              style="display: block; width: 100%; position: absolute; top: 0; left: 0"
+              :style="{ opacity: rankingShow ? 0 : 1 }"
+              @click="rankingShow = false"
+            />
+          </div>
         </div>
+
+        <!-- 阿拉伯语版本 -->
         <div
           v-if="currentLangType == 'ar'"
           style="display: flex; justify-content: space-around; margin-top: 2vw"
         >
-          <img
-            v-smart-img
-            :src="rankingShow ? imageUrl('rankingBtActiveAr') : imageUrl('rankingBtAr')"
-            alt=""
-            style="display: block; width: 40%"
-            @click="rankingShow = true"
-          />
-          <img
-            v-smart-img
-            :src="!rankingShow ? imageUrl('rewardBtActiveAr') : imageUrl('rewardsBtAr')"
-            alt=""
-            style="display: block; width: 40%"
-            @click="rankingShow = false"
-          />
+          <!-- 排行榜按钮 -->
+          <div style="width: 40%; position: relative">
+            <img
+              v-smart-img
+              :src="imageUrl('rankingBtAr')"
+              alt=""
+              style="display: block; width: 100%"
+              :style="{ opacity: rankingShow ? 0 : 1 }"
+              @click="rankingShow = true"
+            />
+            <img
+              v-smart-img
+              :src="imageUrl('rankingBtActiveAr')"
+              alt=""
+              style="display: block; width: 100%; position: absolute; top: 0; left: 0"
+              :style="{ opacity: rankingShow ? 1 : 0 }"
+              @click="rankingShow = true"
+            />
+          </div>
+
+          <!-- 奖励按钮 -->
+          <div style="width: 40%; position: relative">
+            <img
+              v-smart-img
+              :src="imageUrl('rewardsBtAr')"
+              alt=""
+              style="display: block; width: 100%"
+              :style="{ opacity: rankingShow ? 1 : 0 }"
+              @click="rankingShow = false"
+            />
+            <img
+              v-smart-img
+              :src="imageUrl('rewardBtActiveAr')"
+              alt=""
+              style="display: block; width: 100%; position: absolute; top: 0; left: 0"
+              :style="{ opacity: rankingShow ? 0 : 1 }"
+              @click="rankingShow = false"
+            />
+          </div>
         </div>
       </div>