Refactor and enhance various HTML pages with updated links, improved styles, and optimized JavaScript functionality

- Updated badge styles in culture.html for better visual consistency and added backdrop-filter support.
- Introduced a fallback panel for the map in index.html with enhanced styles and responsive design.
- Changed links in product_ecommerce_freight_booking.html, product_full_logistics_chain_cargo_agent.html, product_full_logistics_chain_platform.html, product_full_logistics_chain_ship_agent.html, product_port_cdi_container.html, product_shipping_boat.html, product_shipping_company.html to point to new URLs with query parameters.
- Improved scroll reveal functionality in solution_inland_river_shipping.html, solution_logistics_chain.html, solution_port_supply_chain.html, and solution_supply_chain.html by replacing forEach with a traditional for loop for better performance.

assets/css/solution.css

@@ -456,6 +456,7 @@
 
         .arch-grid-item {
             background: rgba(30, 41, 59, 0.8);
+            -webkit-backdrop-filter: blur(8px);
             backdrop-filter: blur(8px);
             border: 1px solid rgba(71, 85, 105, 0.5);
             border-radius: 16px;
@@ -519,6 +520,7 @@
             border-radius: 16px;
             padding: 10px ;
             border: 1px solid rgba(71, 85, 105, 0.5);
+            -webkit-backdrop-filter: blur(8px);
             backdrop-filter: blur(8px);
             box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.3);
             display: flex;

assets/css/style.css

@@ -4679,6 +4679,7 @@ color:#ffffff;
   box-shadow: -1px 3px 6px rgb(5 99 241 / 67%);
   border-radius: 30px;
   background: rgba(16, 119, 255, 0.918);
+  -webkit-backdrop-filter: blur(6px);
   backdrop-filter: blur(6px);
   transform: translateY(-4px);
 }
@@ -7730,16 +7731,18 @@ color:#ffffff;
   display: flex;
   flex-direction: column;
   position: relative;
+
 }
 .product-card .card-header {
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items:top;
+  height: 2em;
   margin-bottom: 12px;
 }
 .product-card .card-header h4 {
   margin: 0;
-  font-size: 17px;
+  font-size: 16px;
   color: #102541;
   font-weight: 600;
   white-space: normal;
@@ -7761,7 +7764,7 @@ color:#ffffff;
   color: #666;
   line-height: 1.6;
   display: -webkit-box;
-  -webkit-line-clamp: 3;
+  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -7986,3 +7989,76 @@ color:#ffffff;
     color: #23527c;
     text-decoration: none;
 }
+
+/* 客户案例详情页项目 Tab */
+.case-project-switcher {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 14px;
+    margin: 40px 0 30px;
+    padding-bottom: 18px;
+    border-bottom: 1px solid #dbe6f3;
+}
+
+.case-project-tab {
+    border: 0;
+    border-radius: 16px;
+    padding: 14px 22px;
+    background: #f2f7ff;
+    color: #39526d;
+    font-size: 15px;
+    font-weight: 600;
+    line-height: 1.4;
+    transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
+}
+
+.case-project-tab:hover,
+.case-project-tab:focus {
+    background: #e3efff;
+    color: #173f73;
+    outline: none;
+}
+
+.case-project-tab.is-active {
+    background: linear-gradient(135deg, #0b63ce 0%, #1ba0ff 100%);
+    color: #ffffff;
+    box-shadow: 0 12px 24px rgba(11, 99, 206, 0.2);
+}
+
+.case-project-pane {
+    display: none;
+}
+
+.case-project-pane.is-active {
+    display: block;
+    animation: caseProjectFadeIn 0.25s ease;
+}
+
+.case-project-pane .project-single-content {
+    margin-bottom: 24px;
+}
+
+@keyframes caseProjectFadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(8px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@media (max-width: 991px) {
+    .case-project-switcher {
+        margin-top: 30px;
+    }
+}
+
+@media (max-width: 767px) {
+    .case-project-tab {
+        width: 100%;
+        text-align: left;
+    }
+}

assets/css/timeline.css

@@ -241,7 +241,7 @@
     background: linear-gradient(90deg, rgba(20, 129, 255, 0.08) 0%, transparent 100%);
 }
 
-.timeline-container:has(.auto-expanded) .timeline-item:not(.auto-expanded) {
+.timeline-container.has-auto-expanded .timeline-item:not(.auto-expanded) {
     opacity: 0.4;
 }