chore: 调整图片及优化前端页面

src/views/BattleRanking.vue

@@ -149,7 +149,7 @@
 
     <!-- 浮动倒计时组件 -->
     <div class="timer-float glow-border"
-      :style="{ right: '20px', top: '100px' }"
+      :style="{ right: '20px', top: '10px' }"
     >
       <span class="label">距离结束还有：</span>
       <div class="countdown" style="display: flex; gap: 15px;">
@@ -898,10 +898,8 @@ onUnmounted(() => {
 
 /* 奖金图片样式 */
 .award-image {
-  width: 100%;
-  max-width: 80px;
-  min-width: 70px;
-  height: auto;
+  width: auto;
+  height: 120px;
   border-radius: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   transition: transform 0.2s ease, box-shadow 0.2s ease;
@@ -1296,6 +1294,9 @@ onUnmounted(() => {
   box-shadow: 0 4px 20px rgba(108, 92, 231, 0.4);
   transition: all 0.3s ease;
   border: 2px solid rgba(255, 255, 255, 0.3);
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
 }
 
 .btn-game-secondary:hover {