完善页面细节8

components/analytics/AnalyticsUserGenderSection.uvue

@@ -276,7 +276,13 @@ export default {
 /* 响应式断点 - 维持垂直布局并增加空间 */
 @media (max-width: 1199.98px) {
   .chart-col {
-    height: 350px; /* 在移动端断点可以有明确高度 */
+    height: 400px; /* 增加高度，给图表更多空间 */
+    min-height: 400px;
+  }
+  
+  .gender-card {
+    height: auto; /* 在单列模式下允许高度自适应 */
+    min-height: 480px; /* 确保整体卡片有足够高度 */
   }
 }
 

pages/mall/admin/user/statistics/index.uvue

@@ -301,6 +301,12 @@ function onExport() {
 }
 
 @media (max-width: 1199.98px) {
+  .analysis-row {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 900px) {
   .filter-card {
     flex-direction: column;
     align-items: flex-start;
@@ -314,13 +320,7 @@ function onExport() {
   .select-box, .date-picker-box {
     flex: 1;
   }
-  
-  .analysis-row {
-    grid-template-columns: 1fr;
-  }
-  
-  .map-col, .gender-col {
-    width: 100%;
-  }
 }
+
+/* @media (max-width: 1199.98px)  已将 analysis-row 移出，与 filter-card 逻辑解耦 */
 </style>