2025-08-01 09:20 🚀

app.py

@@ -567,6 +567,13 @@ select option[value*="━━━━━━"] {
         width: 100% !important;
         margin-bottom: 20px !important;
     }
+    
+    /* 重置中等屏幕上的组件高度 */
+    .gr-row:nth-of-type(2) .gr-group,
+    .gr-row:nth-of-type(3) .gr-group {
+        height: auto !important;
+        min-height: auto !important;
+    }
 }
 
 @media (max-width: 900px) {
@@ -589,6 +596,13 @@ select option[value*="━━━━━━"] {
         width: 100% !important;
         margin-bottom: 16px !important;
     }
+    
+    /* 重置小屏幕上的组件高度 */
+    .gr-row:nth-of-type(2) .gr-group,
+    .gr-row:nth-of-type(3) .gr-group {
+        height: auto !important;
+        min-height: auto !important;
+    }
 }
 
 @media (max-width: 768px) {
@@ -622,6 +636,13 @@ select option[value*="━━━━━━"] {
     .zero-analysis-image {
         height: 300px !important;
     }
+    
+    /* 小屏幕上重置组件高度 */
+    .gr-row:nth-of-type(2) .gr-group,
+    .gr-row:nth-of-type(3) .gr-group {
+        height: auto !important;
+        min-height: auto !important;
+    }
 }
 
 /* 超宽屏幕优化 */
@@ -734,8 +755,8 @@ select option[value*="━━━━━━"] {
 
 /* 确保第二行组件等高 */
 .gr-row:nth-of-type(2) .gr-group {
-    height: auto !important;
-    min-height: 180px !important;
+    height: 220px !important;
+    min-height: 220px !important;
     display: flex !important;
     flex-direction: column !important;
 }
@@ -756,6 +777,29 @@ select option[value*="━━━━━━"] {
     min-height: 60px !important;
 }
 
+/* 确保第三行组件等高 */
+.gr-row:nth-of-type(3) .gr-group {
+    height: 520px !important;
+    min-height: 520px !important;
+    display: flex !important;
+    flex-direction: column !important;
+}
+
+.gr-row:nth-of-type(3) .gr-group > * {
+    flex: 1 !important;
+}
+
+/* 第三行的图像容器特殊处理 */
+.gr-row:nth-of-type(3) .gr-image {
+    height: 400px !important;
+    flex: 0 0 400px !important;
+}
+
+/* 第三行的按钮容器 */
+.gr-row:nth-of-type(3) .gr-button {
+    margin-top: auto !important;
+}
+
 /* 列间距优化 */
 .gr-column {
     padding: 0 8px !important;
@@ -826,6 +870,18 @@ select option[value*="━━━━━━"] {
     height: 100% !important;
 }
 
+/* 第二行内部子行等高处理 */
+.gr-row:nth-of-type(2) .gr-group .gr-row {
+    height: 100% !important;
+    align-items: stretch !important;
+}
+
+.gr-row:nth-of-type(2) .gr-group .gr-row .gr-column {
+    display: flex !important;
+    flex-direction: column !important;
+    justify-content: space-between !important;
+}
+
 /* 统计信息卡片美化 */
 .gr-textbox[label*="Count"] {
     background: linear-gradient(135deg, #ecfcff 0%, #cffafe 100%) !important;