修改移动端界面效果、修改左右区域切换逻辑

css/max_width.css

@@ -3,35 +3,32 @@
         flex-direction: column;
     }
 
-    .left-panel, .right-panel {
+    #fullscreen-button {
+        padding-right: 10px;
+        padding-top: 10px;
+    }
+
+    .left-panel {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .right-panel {
         width: 100%;
         display: none;
+        justify-content: center;
+        align-items: center;
     }
 
-    .chat-container {
-        bottom: 0;
-    }
-
-    footer {
-        padding-bottom: 60px;
-    }
-
-    .mobile-toggle {
-        display: block;
-    }
-
-    .mobile-toggle button {
-        margin: 0 5px;
-        padding: 8px 16px;
-        font-size: 14px;
-        border: none;
-        background-color: #007BFF;
-        color: white;
-        border-radius: 4px;
-        cursor: pointer;
-    }
-
-    .mobile-toggle button:hover {
-        background-color: #0056b3;
-    }
+    .switch_button {
+        position: fixed;
+        left: 50%;
+        right: auto;
+        transform: translateX(-50%);
+        bottom: 120px;
+        z-index: 1;
+      }
+      
 }