/* Transport engineering, using the established Haolink industry layout. */
.transport-page .energy-hero-image{object-position:center 52%}
.transport-page .energy-hero-overlay{background:linear-gradient(90deg,#041c3ae8,#092d4a75 57%,#0828490d),linear-gradient(0deg,#061c38cf,transparent 40%)}
.transport-page .energy-hero-tagline{font-size:23px}
.transport-page .hero-scene-links{max-width:800px}
.transport-page .hero-scene-links a{flex:1}
.transport-page .water-pains{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.transport-page .water-pains p{min-height:50px;margin-bottom:15px}
.transport-page .water-pains h3{font-size:22px;margin:12px 0}
.transport-page .water-architecture .e-layer{grid-template-columns:230px 1fr}
.transport-page .scene-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.transport-page .scene-panel{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:45px;align-items:stretch}
.transport-diagram{position:relative;display:flex;flex-direction:column;justify-content:center;background:#e8eff7;padding:28px 26px;overflow:hidden;min-height:475px;color:#236297}
.transport-diagram:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#507cab0c 1px,transparent 1px),linear-gradient(90deg,#507cab0c 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.transport-diagram-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;color:#4e7599;position:relative}
.transport-diagram h4{font-size:25px;margin:20px 0 8px;position:relative;color:#153f68}
.transport-diagram>svg{display:block;width:100%;height:245px;margin:8px 0 13px;position:relative;color:#3474a8}
.transport-diagram-flow{display:flex;gap:7px;justify-content:space-between;align-items:center;font-size:12px;padding:15px 12px;background:#ffffffb8;position:relative;color:#2c5b88}
.transport-diagram-flow i{font-style:normal;color:#7295b9}
.transport-diagram>p{font-size:11px;color:#64809d;margin:16px 0 0;line-height:1.8;position:relative}
.transport-lanes{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.transport-lane{border:1px solid #d1deef;padding:32px;background:#fff}
.transport-lane>span{color:var(--blue);font-size:12px;letter-spacing:1px}
.transport-lane h3{font-size:25px;margin:18px 0 13px}
.transport-lane>p{font-size:14px;color:#536a83;line-height:1.9;margin:0 0 25px;max-width:480px}
.transport-lane ol{list-style:none;padding:0;margin:0;display:grid;gap:0}
.transport-lane li{display:flex;align-items:baseline;gap:17px;border-top:1px solid #dde6f1;padding:17px 0}
.transport-lane li>small{color:#7390b0;font-size:11px}
.transport-lane li strong{font-weight:500;font-size:16px;display:block;margin-bottom:5px}
.transport-lane li p{font-size:12px;color:#61778f;line-height:1.8;margin:0}
.transport-lane:last-child{background:#0d3158;color:#fff;border-color:#0d3158}
.transport-lane:last-child>span{color:#93c2ff}.transport-lane:last-child>p,.transport-lane:last-child li p{color:#bbd1e8}.transport-lane:last-child li{border-color:#426080}.transport-lane:last-child li>small{color:#9abde0}
.transport-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.transport-case{background:#fff;border:1px solid #dbe5f0;min-width:0;display:flex;flex-direction:column}
.transport-case .water-image img{aspect-ratio:16/10}
.transport-case .water-image figcaption{padding:12px 22px 0}
.transport-case-copy{padding:22px 24px 28px}
.transport-case-copy>small{color:var(--blue);font-size:11px;letter-spacing:1px}
.transport-case-copy h3{font-size:23px;line-height:1.5;margin:11px 0 15px}
.transport-case-copy p{font-size:13px;line-height:1.9;color:#566e87;margin:0}
.transport-case-copy .water-tags{margin-top:22px}
.transport-page .delivery-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}
.transport-domestic{margin-top:40px;padding:22px 26px;display:flex;align-items:center;gap:28px;border:1px solid #d4e1f0;background:#f5f8fc}
.transport-domestic strong{font-size:17px;white-space:nowrap;font-weight:500}.transport-domestic p{font-size:13px;line-height:1.8;color:#60738a;margin:0}
@media(max-width:1100px){.transport-page .scene-panel{gap:30px}.transport-diagram{padding:25px 20px}.transport-diagram-flow{font-size:11px}.transport-cases{gap:18px}.transport-case-copy{padding:20px}.transport-case-copy h3{font-size:21px}.transport-page .energy-section-nav>.wrap{gap:27px}.transport-lane{padding:26px}.transport-lane h3{font-size:23px}}
@media(max-width:800px){.transport-page .energy-hero-image{object-position:62% center}.transport-page .energy-hero-tagline{font-size:18px}.transport-page .hero-scene-links{grid-template-columns:repeat(2,1fr);max-width:280px;gap:15px 20px}.transport-page .water-pains{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.transport-page .water-pains article:last-child{grid-column:auto}.transport-page .water-pains p{min-height:0}.transport-page .water-architecture .e-layer{grid-template-columns:1fr}.transport-page .scene-panel{grid-template-columns:1fr;gap:26px}.transport-page .scene-copy{order:-1}.transport-diagram{min-height:350px;padding:22px}.transport-diagram>svg{height:205px}.transport-diagram h4{font-size:22px;margin:18px 0 0}.transport-diagram-head{font-size:9px}.transport-lanes{grid-template-columns:1fr;gap:22px}.transport-lane{padding:26px}.transport-cases{grid-template-columns:1fr;gap:26px}.transport-case-copy{padding:24px}.transport-case-copy h3{font-size:23px}.transport-case-copy p{font-size:14px}.transport-page .delivery-steps{grid-template-columns:1fr 1fr;gap:34px 25px}.transport-domestic{display:block;padding:23px}.transport-domestic p{margin-top:13px}.transport-page .energy-section-nav>.wrap{gap:27px}.transport-page .scene-tabs{display:flex}}
@media(max-width:370px){.transport-page .energy-hero h1{font-size:30px}.transport-page .energy-hero-tagline{font-size:16px}.transport-diagram{padding:20px 15px}.transport-diagram-flow{font-size:10px;padding:12px 6px}.transport-page .water-pains h3{font-size:19px}.transport-page .water-pains{gap:27px 20px}}
.transport-overview-image{margin-top:35px}.transport-overview-image .water-image img{aspect-ratio:8/3;background:#113454}.transport-overview-image .water-image button{background:#113454}#transport-applications{scroll-margin-top:calc(var(--header-height) + var(--section-nav-height) + 20px)}
.transport-case img[src$="case-huabang.webp"]{max-width:572px;margin-inline:auto}