chore: 移动端基本适配完成

src/style.css

@@ -60,7 +60,10 @@ html, body {
   height: 100%;
   color: var(--text-color);
   background-color: var(--dark-color);
-  background-image: var(--gradient-background);
+  background-image: url(/battle-background.jpg);
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
   background-attachment: fixed;
 }
 
@@ -524,12 +527,31 @@ table {
   :root {
     font-size: 14px;
   }
+  
+  /* 移动端body不设置任何背景相关属性 */
+  html, body {
+    background: none !important;
+    background-image: none !important;
+    background-color: var(--dark-color) !important;
+    background-size: auto !important;
+    background-position: static !important;
+    background-repeat: repeat !important;
+    background-attachment: scroll !important;
+  }
+
+  .content-container {
+    padding: 0;
+  }
 }
 
 @media (max-width: 480px) {
   :root {
     font-size: 13px;
   }
+
+  .content-container {
+    padding: 0;
+  }
 }
 
 /* 游戏化标题发光动画 */