diff --git a/static/style.css b/static/style.css index f5872f4..8eee08d 100644 --- a/static/style.css +++ b/static/style.css @@ -184,8 +184,7 @@ body { /* 确保所有子元素正确布局 */ .key-info-categories > .category-section { - display: flex !important; - flex-direction: column !important; + display: block !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)); diff --git a/templates/result.html b/templates/result.html index 65c3280..2c9b50d 100644 --- a/templates/result.html +++ b/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;