x

static/style.css

@@ -368,12 +368,37 @@ body {
    ================================ */
 .main-content {
   flex: 1;
-  max-width: 1400px;
   width: 100%;
   margin: 0 auto;
   padding: var(--space-8) var(--space-6);
 }
 
+/* 响应式布局 */
+@media (max-width: 768px) {
+  .main-content {
+    padding: var(--space-6) var(--space-4);
+  }
+}
+
+@media (min-width: 1400px) {
+  .main-content {
+    max-width: 95vw;
+    padding: var(--space-8) var(--space-8);
+  }
+}
+
+@media (min-width: 1600px) {
+  .main-content {
+    max-width: 90vw;
+  }
+}
+
+@media (min-width: 1920px) {
+  .main-content {
+    max-width: 85vw;
+  }
+}
+
 /* ================================
    页面标题
    ================================ */