deving

static/style.css

@@ -184,8 +184,7 @@ body {
 
 /* 确保所有子元素正确布局 */
 .key-info-categories > .category-section {
-    display: flex !important;
+    display: block !important;
-    flex-direction: column !important;
 }
 
 .key-info-categories > .category-section .category-content {
@@ -194,12 +193,6 @@ body {
     gap: 12px !important;
 }
 
-/* 覆盖 result.html 内联样式 */
-.result-section .key-info-categories {
-    display: grid !important;
-    grid-template-columns: repeat(3, 1fr) !important;
-}
-
 .data-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

templates/result.html

@@ -106,6 +106,53 @@
             display: grid;
             gap: 10px;
         }
+        
+        /* 强制关键工艺参数三列布局 */
+        .key-info-categories {
+            display: grid !important;
+            grid-template-columns: repeat(3, 1fr) !important;
+            gap: 20px !important;
+            margin-bottom: 20px !important;
+            width: 100% !important;
+            align-items: start !important;
+        }
+        
+        .key-info-categories .category-section {
+            display: block !important;
+            width: 100% !important;
+            min-height: 200px !important;
+            background: #f8f9fa !important;
+            border: 1px solid #e0e0e0 !important;
+            border-radius: 8px !important;
+            padding: 15px !important;
+        }
+        
+        .key-info-categories .category-title {
+            font-weight: bold !important;
+            font-size: 16px !important;
+            color: #333 !important;
+            margin-bottom: 15px !important;
+            padding-bottom: 8px !important;
+            border-bottom: 1px solid #ddd !important;
+        }
+        
+        .key-info-categories .category-content {
+            display: flex !important;
+            flex-direction: column !important;
+            gap: 12px !important;
+        }
+        
+        .key-info-categories .data-item {
+            display: flex !important;
+            justify-content: space-between !important;
+            align-items: center !important;
+            padding: 8px 0 !important;
+            border-bottom: 1px solid #f0f0f0 !important;
+        }
+        
+        .key-info-categories .data-item:last-child {
+            border-bottom: none !important;
+        }
 
         .data-label {
             font-weight: bold;