src/views/BattleRanking.vue

@@ -45,7 +45,10 @@
     <section class="total-score-section card-game">
       <div class="total-score-container">
         <div class="game-subtitle total-score-total-title">
-          <img src="/completed_performance.png" alt="总战绩" class="total-score-total-image">
+          <img src="/completed_performance.png" 
+  alt="总战绩" 
+  style="width: 500px; display: block; margin: 0 auto; height: auto;" 
+  class="total-score-total-image">
         </div>
         <div class="total-score-content">
           <div class="total-score-item">
@@ -63,7 +66,8 @@
         <div class="team-rankings">
           <!-- 战区排名宣传语 -->
           <div class="team-rankings-propagation">
-            <img src="/team-propagation.png" alt="虎狼之师" class="team-rankings-propagation-image">
+            <img src="/team-propagation.png" alt="虎狼之师" class="team-rankings-propagation-image"
+            style="width: 500px; height: auto">
           </div>
           <!-- 战区冠军 -->
           <div class="team-champion">
@@ -119,7 +123,8 @@
         <div class="individual-rankings">
           <!-- 英雄排名宣传语 -->
           <div class="individual-rankings-propagation">
-            <img src="/individual-propagation.png" alt="虎狼之师" class="individual-rankings-propagation-image">
+            <img src="/individual-propagation.png" alt="虎狼之师" class="individual-rankings-propagation-image"
+    style="width: 500px; height: auto">
           </div>          
           <!-- 英雄冠军 -->
           <div class="individual-champion">
@@ -209,7 +214,7 @@
 </template>
 
 <script setup>
-import { ref,  onBeforeMount, onMounted, onUnmounted, watch, computed, reactive } from 'vue';
+import { ref,  onBeforeMount, onMounted, onUnmounted, watch, computed, reactive, proxyRefs } from 'vue';
 import { useRouter } from 'vue-router';
 import {
   individualRankings as importedIndividualRankings,
@@ -1778,6 +1783,7 @@ onUnmounted(() => {
   overflow-y: auto;
   position: relative;
   margin-top: 0.8rem;
+  max-height: 420px;
 }
 
 .table-header {
@@ -1922,9 +1928,7 @@ onUnmounted(() => {
   gap: 15px;
 }
 
-.total-score-content {
 
-}
 
 .total-score-item {
   display: flex;
@@ -1935,7 +1939,7 @@ onUnmounted(() => {
 }
 
 .score-value {
-  font-size: calc(var(--individual-champion-font-size, 2.4rem) * 2);
+  font-size: calc(var(--individual-champion-font-size, 5rem) * 2);
   font-weight: bold;
   color: #fff2c4;
   text-shadow: 0 0 10px rgba(0, 0, 0, .8), 0 0 20px rgb(16 16 16 / 30%), 1px 1px 2px rgba(0, 0, 0, .8);
@@ -1947,7 +1951,7 @@ onUnmounted(() => {
 
 /* 战区冠军分数特殊样式 */
 .team-champion .score-value {
-  font-size: calc(var(--team-champion-font-size, 1.8rem) * 2);
+  font-size: calc(var(--team-champion-font-size, 1.8rem) * 4);
   text-shadow: 
     0 0 15px rgba(255, 215, 0, 0.7),
     0 0 30px rgba(255, 215, 0, 0.4),