deving

static/style.css

@@ -167,6 +167,12 @@ body {
     gap: 15px;
 }
 
+.key-info-grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 12px;
+}
+
 .data-item {
     background: white;
     padding: 20px;

templates/result.html

@@ -329,6 +329,7 @@
             const geoChars = cavityKeyInfo.geometric_characteristics || {};
             
             return `
+                <div class="key-info-grid">
                     <div class="data-item">
                         <div class="data-label">收缩率</div>
                         <div class="data-value">${metadata.shrinkage_rate !== undefined ? metadata.shrinkage_rate : 'N/A'}</div>
@@ -361,6 +362,7 @@
                         <div class="data-label">预估周期</div>
                         <div class="data-value">${manufacturingInfo.estimated_cycle_time || 'N/A'}</div>
                     </div>
+                </div>
             `;
         }
         

templates/snapshot.html

@@ -343,6 +343,7 @@
             const geoChars = cavityKeyInfo.geometric_characteristics || {};
             
             return `
+                <div class="key-info-grid">
                     <div class="data-item">
                         <div class="data-label">收缩率</div>
                         <div class="data-value">${metadata.shrinkage_rate !== undefined ? metadata.shrinkage_rate : 'N/A'}</div>
@@ -375,6 +376,7 @@
                         <div class="data-label">预估周期</div>
                         <div class="data-value">${manufacturingInfo.estimated_cycle_time || 'N/A'}</div>
                     </div>
+                </div>
             `;
         }