chore(游戏王榜单): 将部分背景图更改成使用img，以搭配图片缓存策略的使用

src/views/Ranking/GamesKing/index.vue

@@ -2,9 +2,23 @@
 <template>
   <div class="fullPage">
     <!-- 新增的背景图层 -->
-    <div class="background-overlay" :style="{ '--bg2-url': `url(${imageUrl('bg2')})` }"></div>
+    <img
+      v-smart-img
+      :src="imageUrl('bg2')"
+      alt=""
+      style="display: block; width: 100%; position: absolute; inset: 80vw 0 0; z-index: 0"
+      @click="maskLayerShow = true"
+    />
+
+    <div class="bg">
+      <img
+        v-smart-img
+        :src="imageUrl('bg')"
+        alt=""
+        style="display: block; width: 100%; position: absolute; z-index: 0"
+        @click="maskLayerShow = true"
+      />
 
-    <div class="bg" :style="{ '--bg-url': `url(${imageUrl('bg')})` }">
       <!-- 状态栏占位区域（仅在APP中显示） -->
       <div v-if="isInAppEnvironment" style="height: 30px"></div>
 
@@ -832,23 +846,10 @@ onUnmounted(() => {
 .bg {
   width: 100vw;
   min-height: 100vh;
-  background-image: var(--bg-url);
-  background-size: 100% auto;
-  background-repeat: no-repeat;
   position: relative;
   z-index: 1;
 }
 
-.background-overlay {
-  position: absolute;
-  inset: 80vw 0 0;
-  background-image: var(--bg2-url);
-  background-repeat: repeat-y;
-  background-position: top center;
-  background-size: 100% auto;
-  z-index: 0; /* 确保在.bg之下 */
-}
-
 .ranking-bg {
   background-color: #400000;
   background-image: var(--ranking-bg-url);