chore: 修改移动端英雄排名列表样式，确保表头固定不动，只有表格内容可以滚动。

src/views/BattleRanking.vue

@@ -1988,6 +1988,16 @@ onUnmounted(() => {
     /* 禁止横向滚动 */
     overflow-y: auto;
     /* 允许纵向滚动 */
+    /* 隐藏移动端滚动条 */
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+    display: flex;
+    flex-direction: column;
+  }
+  
+  /* 隐藏WebKit浏览器移动端滚动条 */
+  .rank-table::-webkit-scrollbar {
+    display: none;
   }
   
   /* 移动端英雄排名列表滚动设置 */
@@ -1996,18 +2006,34 @@ onUnmounted(() => {
     /* 禁止横向滚动 */
     overflow-y: auto !important;
     /* 允许纵向滚动 */
+    /* 确保英雄排名列表隐藏滚动条 */
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .individual-rankings-container .rank-table::-webkit-scrollbar {
+    display: none;
   }
 
   .table-header {
     font-size: 1rem;
     padding: 8px 6px;
     min-width: 500px;
+    /* 固定表头，防止滚动时移动 */
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background-color: rgba(255, 255, 255, 0.95);
   }
 
   .table-row {
     font-size: 0.9rem;
     padding: 8px 6px;
     min-width: 500px;
+    /* 确保行内容不会被截断 */
+    overflow: visible;
   }
 
   /* 冠军部分调整 */