解决方案

header.html

@@ -107,10 +107,10 @@
                                 <a href="solution_inland_river_shipping.html" target="_parent">内河航运一体化解决方案</a>
                             </li>
                             <li>
-                                <a href="solution.html" target="_parent">港航电商平台系列产品</a>
+                                <a href="solution_supply_chain.html" target="_parent">大宗货物供应链解决方案</a>
                             </li>
                             <li>
-                                <a href="solution.html" target="_parent">云码头系列产品</a>
+                                <a href="solution_port_supply_chain.html" target="_parent">港口供应链解决方案</a>
                             </li>
                         </ul>
                     </li>

solution.html

@@ -970,7 +970,6 @@
         .case-card-header {
             position: relative;
             padding: 28px;
-            height: 160px;
             display: flex;
             align-items: flex-end;
             overflow: hidden;

solution_inland_river_shipping.html

@@ -45,7 +45,7 @@
             min-height: 50vh;
             display: flex;
             align-items: center;
-            padding-top: 80px;
+            padding-top: 110px; /* header高度80px + 最小间距30px */
             overflow: hidden;
             background: linear-gradient(135deg, #001a4d 0%, #003080 50%, #001a4d 100%);
         }
@@ -355,6 +355,14 @@
             font-weight: 700;
             color: #0f172a;
             margin-bottom: 12px;
+            line-height: 1.4;
+            min-height: 2.8em;
+            display: -webkit-box;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+            line-clamp: 2;
+            box-orient: vertical;
         }
 
         .pain-point-card p {
@@ -970,7 +978,6 @@
         .case-card-header {
             position: relative;
             padding: 28px;
-            height: 160px;
             display: flex;
             align-items: flex-end;
             overflow: hidden;
@@ -1052,7 +1059,7 @@
         @media (max-width: 767px) {
             .solution-hero {
                 min-height: auto;
-                padding: 100px 0 60px;
+                padding: 110px 0 60px; /* header高度80px + 最小间距30px */
             }
 
             .hero-title {
@@ -1378,8 +1385,25 @@
                     <p>不仅是软件升级，更是管理模式的重构。</p>
                 </div>
 
-                <div class="row">
-                    <div class="col-md-12">
+                <style>
+                    .value-grid {
+                        display: flex;
+                        flex-wrap: wrap;
+                        margin: 0 -15px;
+                    }
+                    .value-grid-item {
+                        width: 50%;
+                        padding: 0 15px;
+                        box-sizing: border-box;
+                    }
+                    @media (max-width: 767px) {
+                        .value-grid-item {
+                            width: 100%;
+                        }
+                    }
+                </style>
+                <div class="value-grid">
+                    <div class="value-grid-item">
                         <div class="value-item reveal">
                             <div class="value-icon">
                                 <i class="ti-bar-chart"></i>
@@ -1389,7 +1413,9 @@
                                 <p>打破数据孤岛，实现"一屏统管"。实时精准的经营数据，让管理层能快速响应市场变化，规避经营风险。</p>
                             </div>
                         </div>
+                    </div>
 
+                    <div class="value-grid-item">
                         <div class="value-item reveal" style="transition-delay: 50ms;">
                             <div class="value-icon">
                                 <i class="ti-layers"></i>
@@ -1399,7 +1425,9 @@
                                 <p>打通壁垒，客户仅需签署一份合同即可完成全链条服务。消除反复沟通填单繁琐，真正实现"一次委托、全程负责"。</p>
                             </div>
                         </div>
+                    </div>
 
+                    <div class="value-grid-item">
                         <div class="value-item reveal" style="transition-delay: 100ms;">
                             <div class="value-icon">
                                 <i class="ti-anchor"></i>
@@ -1409,7 +1437,9 @@
                                 <p>港口生产与物流运输深度协同。提前调度泊位与机械，精准派车，减少等待时间，大幅降低综合物流成本。</p>
                             </div>
                         </div>
+                    </div>
 
+                    <div class="value-grid-item">
                         <div class="value-item reveal" style="transition-delay: 150ms;">
                             <div class="value-icon">
                                 <i class="ti-world"></i>
@@ -1419,7 +1449,9 @@
                                 <p>集成多方数据，实现公铁水多式联运全程可视化。实时掌握节点信息及异常预警，让每一环节都透明可控。</p>
                             </div>
                         </div>
+                    </div>
 
+                    <div class="value-grid-item">
                         <div class="value-item reveal" style="transition-delay: 200ms;">
                             <div class="value-icon">
                                 <i class="ti-stats-up"></i>