From 8d9c91beb42816463f8c9ade6f388fbb07267fea Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Fri, 14 Nov 2025 08:57:30 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/BattleRanking.vue | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/views/BattleRanking.vue b/src/views/BattleRanking.vue
index 20e8571..bf8b8b4 100644
--- a/src/views/BattleRanking.vue
+++ b/src/views/BattleRanking.vue
@@ -912,9 +912,6 @@ onUnmounted(() => {
 
 .bonus-section {
   position: fixed;
-  top: 360px;
-  left: 320px;
-  z-index: 100;
   cursor: move;
   transition: transform 0.2s ease;
 }
@@ -942,6 +939,7 @@ onUnmounted(() => {
   /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); */
 }
 
+
 /* 响应式设计 */
 @media (max-width: 768px) {
   /* 隐藏倒计时模块 */
@@ -1491,8 +1489,8 @@ onUnmounted(() => {
   border-radius: 6px;
 }
 
-/* 针对高度1080分辨率的精确优化 */
-@media (height: 1080px) {
+/* 针对高度大于1080分辨率的精确优化 */
+@media (min-height: 1080px) {
   /* 优化表格布局 - 设置高度确保只显示5行 */
   .rank-table {
     min-height: 280px !important;
@@ -1772,4 +1770,25 @@ onUnmounted(() => {
     transform: scale(0.98);
   }
 }
+
+/* 响应式设计，1200px以上显示 */
+@media (min-width: 1920px) {
+  .bonus-section {
+    top: 360px;
+    left: 320px;
+  }
+}
+
+
+@media (min-width: 2000px) {
+  .bonus-section {
+    position: fixed;
+    top: 360px;
+    left: 720px;
+    z-index: 100;
+    cursor: move;
+    transition: transform 0.2s ease;
+  }  
+}
+
 </style>
\ No newline at end of file