feat(游戏王打榜): 调整历史模块展示数据和样式

src/views/Ranking/GamesKing/index.vue

@@ -151,17 +151,20 @@
             <!-- 历史榜首 -->
             <itemCenter
               :imgUrl="imageUrl(getImgName('historyTopBg'))"
-              :contentStyle="`inset: 31vw 5vw 4vw;
+              :contentStyle="`inset: 25vw 5vw 4vw;
                 flex-direction: column;
-                justify-content: space-between;
+                justify-content: center;
                 gap:2vw`"
             >
+              <!-- 主要内容 -->
               <div
                 style="
                   width: 100%;
                   display: flex;
                   justify-content: space-between;
                   align-items: center;
+
+                  gap: 2vw;
                 "
               >
                 <!-- 上一周榜首按钮 -->
@@ -192,7 +195,7 @@
                   :avatarUrl="historyTopList[historyTopIndex].topUser.avatar"
                   :name="historyTopList[historyTopIndex].topUser.nickname"
                   :distributionValue="historyTopList[historyTopIndex].topUser.quantity || ''"
-                  style="width: 90%"
+                  style="flex: 1; min-width: 0"
                   @click="viewUserInfo(historyTopList[historyTopIndex].topUser.userId)"
                 />
 
@@ -220,17 +223,33 @@
                   />
                 </div>
               </div>
+
+              <!-- 结算时间 -->
+              <div
+                style="
+                  font-weight: 590;
+                  background-image: -webkit-linear-gradient(
+                    top,
+                    rgb(243, 183, 0),
+                    rgb(255, 238, 198)
+                  );
+                  background-clip: text;
+                  -webkit-text-fill-color: transparent;
+                "
+              >
+                {{ historyTopList[historyTopIndex].cycleDisplay }}
+              </div>
             </itemCenter>
 
             <!-- 特殊奖励 -->
             <itemCenter
               :imgUrl="imageUrl(getImgName('specialRewardsBg'))"
-              :contentStyle="`inset: 50vw 3vw 5vw;`"
+              :contentStyle="`inset: 43vw 3vw 5vw;`"
             >
               <img
                 :src="specialReward?.cover"
                 alt=""
-                style="display: block; width: 66%; object-fit: cover"
+                style="display: block; width: 70%; object-fit: cover"
               />
             </itemCenter>
           </div>