
.page-hero{
  background-image:linear-gradient(90deg,rgba(8,65,89,.40),rgba(8,65,89,.14)),url(../../images/banner-airfreight-20260901.webp);
  text-shadow:0 1px 4px rgba(2,22,34,.75)
}
.quote-intro{
  background-image:linear-gradient(90deg,rgba(8,78,107,.78),rgba(24,143,197,.56)),url(../../images/banner-airfreight-20260901.webp)
}
.contact-visual:after{
  background:linear-gradient(180deg,transparent 60%,rgba(5,48,68,.58))
}
.footer:before{
  background:linear-gradient(90deg,rgba(5,48,68,.34),rgba(5,65,88,.16)),linear-gradient(0deg,rgba(5,47,66,.28),rgba(5,47,66,.08))
}
.hero:after{
  background:linear-gradient(90deg,rgba(8,65,89,.38) 0%,rgba(8,65,89,.22) 38%,rgba(8,65,89,.035) 72%,rgba(8,65,89,0) 100%)
}
.hero-copy,.hero-stats,.footer-grid,.copyright{text-shadow:0 1px 4px rgba(2,22,34,.72)}
@media(max-width:720px){
  .hero:after{
    background:linear-gradient(90deg,rgba(8,65,89,.43),rgba(8,65,89,.22))
  }
  .page-hero{
    background-image:linear-gradient(90deg,rgba(8,65,89,.46),rgba(8,65,89,.22)),url(../../images/banner-airfreight-20260901.webp)
  }
  .quote-intro{
    background-image:linear-gradient(90deg,rgba(8,78,107,.76),rgba(24,143,197,.54)),url(../../images/banner-airfreight-20260901.webp)
  }
}

/* Independent, CMS-managed carrier brand strip */
.carrier-showcase{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.6fr);align-items:center;gap:42px;margin-top:26px;padding:28px 34px;border:1px solid #d7edf6;background:linear-gradient(115deg,#f5fbfe 0%,#fff 72%)}
.carrier-showcase-head span{display:block;margin-bottom:7px;color:#188fc5;font-size:10px;font-weight:800;letter-spacing:.17em}
.carrier-showcase-head strong{display:block;color:#18334a;font-size:18px;line-height:1.45}
.carrier-showcase-list{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.carrier-showcase-track{display:flex;width:max-content;animation:carrier-scroll var(--carrier-duration,20s) linear infinite;will-change:transform}
.carrier-showcase-list:hover .carrier-showcase-track{animation-play-state:paused}
.carrier-showcase-group{display:flex;gap:10px;padding-right:10px}
.carrier-showcase-group>a,.carrier-showcase-group>span{width:154px;min-height:64px;display:flex;flex:0 0 auto;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #e0e9ee;background:#fff;transition:.2s}
.carrier-showcase-group>a:hover{border-color:#28a8e0;box-shadow:0 8px 22px rgba(24,143,197,.11);transform:translateY(-2px)}
.carrier-showcase-list img{display:block;max-width:112px;max-height:38px;width:auto;height:auto;object-fit:contain}
.carrier-showcase-list b{font:900 18px/1 Arial,sans-serif;color:#173e68}
.carrier-showcase-list .carrier_dhl{padding:7px 14px;background:#ffdf00;color:#c71920;font-style:italic}
.carrier-showcase-list .carrier_ups{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#351c15;color:#ffb500;font-size:14px}
.carrier-showcase-list .carrier_fedex{color:#4d2484}
.carrier-showcase-list .carrier_ems{color:#e2272f}
@keyframes carrier-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.carrier-showcase-track{animation-play-state:paused}}
@media(max-width:720px){.carrier-showcase{grid-template-columns:1fr;gap:18px;margin-top:18px;padding:23px 18px}.carrier-showcase-head strong{font-size:16px}.carrier-showcase-group>a,.carrier-showcase-group>span{width:128px;min-height:58px}.carrier-showcase-list img{max-width:98px;max-height:34px}}

/* 首页优势图片：统一为紧凑视觉卡，避免后台横幅图被拉成细条。 */
.benefit:has(.benefit-icon){padding-top:16px!important}
.benefit:has(.benefit-icon):before{display:none}
.benefit-icon,.benefit>img{display:block;width:56px!important;height:56px!important;max-width:none!important;object-fit:cover!important;object-position:center;border-radius:14px;background:#eaf7fc;border:1px solid #d4ecf7;box-shadow:0 7px 18px rgba(24,143,197,.12);margin:0 0 13px!important}
.benefit:has(.benefit-icon) b{font-size:15px}
@media(max-width:720px){.benefit-icon,.benefit>img{width:48px!important;height:48px!important;border-radius:12px;margin-bottom:10px!important}}

/* 关于我们价值观：一幅连贯的港口画面，三张卡片保持统一高度与层次。 */
body[data-page="about"] .soft .services-grid{gap:0;border:1px solid #d7e7ee;background:#fff url(../../images/hero-logistics.jpg) center 48%/cover no-repeat;box-shadow:0 14px 36px rgba(10,54,76,.08)}
body[data-page="about"] .soft .service-card{min-height:250px;padding:148px 30px 28px;border:0;border-right:1px solid #dce8ed;background:linear-gradient(to bottom,transparent 0,transparent 118px,rgba(255,255,255,.97) 118px,#fff 100%);overflow:visible;transform:none!important;box-shadow:none!important}
body[data-page="about"] .soft .service-card:last-child{border-right:0}
body[data-page="about"] .soft .service-card:before{display:none}
body[data-page="about"] .soft .service-icon{position:absolute;top:94px;left:30px;width:52px;height:52px;margin:0;border:4px solid #fff;border-radius:13px;background:#28a8e0;color:#fff;box-shadow:0 8px 20px rgba(15,120,164,.22);font-size:18px}
body[data-page="about"] .soft .service-card h3{margin:0 0 9px;font-size:19px;color:#1d3548}
body[data-page="about"] .soft .service-card p{font-size:13px;line-height:1.7;color:#63798a}
body[data-page="about"] .soft .service-card:hover{background:linear-gradient(to bottom,transparent 0,transparent 118px,rgba(255,255,255,.97) 118px,#fff 100%);color:inherit}
body[data-page="about"] .soft .service-card:hover .service-icon{background:#188fc5;color:#fff}
body[data-page="about"] .soft .service-card:hover p{color:#63798a}
@media(max-width:720px){body[data-page="about"] .soft .services-grid{display:block;background-position:center top;background-size:auto 116px}body[data-page="about"] .soft .service-card{min-height:154px;padding:66px 22px 22px;border-right:0;border-bottom:1px solid #dce8ed;background:linear-gradient(to bottom,transparent 0,transparent 36px,rgba(255,255,255,.97) 36px,#fff 100%)}body[data-page="about"] .soft .service-card:last-child{border-bottom:0}body[data-page="about"] .soft .service-icon{top:17px;left:22px;width:46px;height:46px;font-size:16px}body[data-page="about"] .soft .service-card:hover{background:linear-gradient(to bottom,transparent 0,transparent 36px,rgba(255,255,255,.97) 36px,#fff 100%)}}

/* 价值观改为简洁信息卡，避免横幅裁切不全。 */
body[data-page="about"] .soft .services-grid{gap:18px;border:0;background:none;box-shadow:none}
body[data-page="about"] .soft .service-card{min-height:210px;padding:34px 30px 30px;border:1px solid #d8e8ef!important;background:linear-gradient(145deg,#fff 0%,#f4fbfe 100%)!important;overflow:hidden}
body[data-page="about"] .soft .service-card:before{display:block;content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#28a8e0}
body[data-page="about"] .soft .service-card:nth-child(2):before{background:#167ea9}
body[data-page="about"] .soft .service-card:nth-child(3):before{background:#0b5879}
body[data-page="about"] .soft .service-icon{position:relative;left:auto;top:auto;width:54px;height:54px;margin:0 0 26px;border:0;border-radius:50%;background:#e1f5fc;color:#168fc3;box-shadow:none}
body[data-page="about"] .soft .service-card:nth-child(2) .service-icon{background:#e5f1f6;color:#167ea9}
body[data-page="about"] .soft .service-card:nth-child(3) .service-icon{background:#e3edf1;color:#0b5879}
body[data-page="about"] .soft .service-card:hover{background:linear-gradient(145deg,#fff 0%,#edf8fc 100%)!important;transform:translateY(-3px)!important;box-shadow:0 14px 30px rgba(9,78,106,.10)!important}
@media(max-width:720px){body[data-page="about"] .soft .services-grid{display:grid;grid-template-columns:1fr;gap:12px}body[data-page="about"] .soft .service-card{min-height:0;padding:25px 22px}body[data-page="about"] .soft .service-icon{width:46px;height:46px;margin-bottom:17px}}

/* 首页六个行业方案三列两排铺满，不留空白占位。 */
#solutions.solutions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#solutions .solution-card{height:330px}
@media(max-width:900px){#solutions.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#solutions.solutions-grid{grid-template-columns:1fr}#solutions .solution-card{height:300px}}
