chore: 调整样式适配

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分辨率的精确优化 */
+/* 针对高度大于1080分辨率的精确优化 */
-@media (height: 1080px) {
+@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>