/* ============================================================
   about-page.css v1 —— 关于我们页面专属样式（ab- 前缀隔离，不影响其他页面）
   依赖 style.css 中的变量：--color-primary / --color-hover / rem 体系
   ============================================================ */

/* ---------- 品牌首屏（简介 + 公司视频） ---------- */
.ab-hero{padding:0.56rem 0 0.9rem;background:linear-gradient(180deg,#ffffff 0%,#f7faf9 100%)}
.ab-hero-inner{display:grid;grid-template-columns:1.02fr 0.98fr;gap:0.72rem;align-items:center}
.ab-eyebrow{display:inline-block;font-size:max(0.14rem,12px);letter-spacing:.14em;color:#1e8f72;background:rgba(30,143,114,.09);border-radius:999px;padding:0.07rem 0.2rem;margin-bottom:0.24rem;font-weight:600}
.ab-hero-title{font-size:0.52rem;line-height:1.24;font-weight:800;color:#13241d;margin:0 0 0.22rem}
.ab-hero-lead{font-size:0.2rem;line-height:1.95;color:#5a6c64;margin:0 0 0.3rem}
.ab-hero-meta{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:0.44rem;list-style:none;margin:0 0 0.34rem;padding:0.26rem 0 0;border-top:1px solid #e6ede9}
.ab-hero-meta b{display:block;font-size:0.32rem;line-height:1.15;color:#1e8f72;font-weight:800;white-space:nowrap}
.ab-hero-meta span{display:block;font-size:max(0.13rem,12px);color:#7d8d85;margin-top:0.07rem;white-space:nowrap}
.ab-hero-btns{display:flex;gap:0.2rem;flex-wrap:wrap}
.ab-btn{display:inline-flex;align-items:center;justify-content:center;height:0.56rem;padding:0 0.38rem;border-radius:999px;font-size:max(0.16rem,15px);font-weight:600;text-decoration:none;transition:all .25s ease}
.ab-btn--primary{background:#1e8f72;color:#fff;box-shadow:0 0.08rem 0.2rem rgba(30,143,114,.28)}
.ab-btn--primary:hover{background:#ff8b00;box-shadow:0 0.08rem 0.2rem rgba(255,139,0,.3);color:#fff;transform:translateY(-2px)}
.ab-btn--ghost{border:1px solid rgba(30,143,114,.4);color:#1e8f72;background:#fff}
.ab-btn--ghost:hover{background:rgba(30,143,114,.08);transform:translateY(-2px)}
.ab-hero-media{position:relative}
.ab-video{position:relative;aspect-ratio:4/3;border-radius:0.3rem;overflow:hidden;box-shadow:0 0.24rem 0.6rem rgba(19,36,29,.14)}
.ab-video>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.ab-video:hover>img{transform:scale(1.045)}
.ab-video-tip{position:absolute;left:0.24rem;bottom:0.2rem;color:#fff;font-size:max(0.13rem,12px);background:rgba(0,0,0,.45);border-radius:999px;padding:0.06rem 0.16rem;pointer-events:none}

/* ---------- 通用小节头 ---------- */
.ab-sec-head{text-align:center;max-width:10rem;margin:0 auto 0.5rem}
.ab-sec-head .ab-eyebrow{margin-bottom:0.18rem}
.ab-sec-head h2{font-size:0.4rem;line-height:1.3;color:#13241d;margin:0 0 0.14rem;font-weight:800}
.ab-sec-head p{font-size:0.18rem;color:#6b7c74;margin:0;line-height:1.8}

/* ---------- 全球服务网络（世界地图） ---------- */
.ab-map{position:relative;padding:0.9rem 0;background:#04121f url(/static/images/mapbj.webp) center/cover no-repeat;color:#fff;overflow:hidden}
.ab-map::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,14,25,.92) 0%,rgba(2,14,25,.55) 45%,rgba(2,14,25,.2) 100%)}
.ab-map-inner{position:relative;display:grid;grid-template-columns:0.78fr 1.22fr;gap:0.6rem;align-items:center}
.ab-map .ab-eyebrow{background:rgba(255,255,255,.12);color:#7fd6b8}
.ab-map h2{font-size:0.44rem;line-height:1.25;color:#fff;margin:0 0 0.18rem;font-weight:800}
.ab-map-lead{font-size:0.19rem;line-height:1.9;color:rgba(255,255,255,.75);margin:0 0 0.32rem}
.ab-map-list{list-style:none;margin:0;padding:0;display:grid;gap:0.18rem}
.ab-map-list li{position:relative;padding-left:0.36rem;font-size:max(0.16rem,15px);color:rgba(255,255,255,.92);line-height:1.6}
.ab-map-list li::before{content:"";position:absolute;left:0.02rem;top:0.5em;width:0.09rem;height:0.17rem;border-left:2px solid #46c39a;border-bottom:2px solid #46c39a;transform:rotate(-45deg)}
.ab-map-visual img{width:100%;display:block;filter:drop-shadow(0 0.16rem 0.4rem rgba(0,0,0,.35))}

/* ---------- 团队风采 ---------- */
.ab-team{padding:0.9rem 0 1rem;background:#f7faf9}
.ab-team .team-img{border-radius:0.24rem;overflow:hidden;aspect-ratio:108/60;box-shadow:0 0.1rem 0.3rem rgba(19,36,29,.08)}
.ab-team .team-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ab-team .team-img:hover img{transform:scale(1.05)}
.ab-team .swiper-pagination{margin-top:0.4rem}

/* ---------- 多品牌运营矩阵 ---------- */
.ab-bm{padding:0.9rem 0;background:linear-gradient(180deg,#eef7f3 0%,#f7faf9 100%)}
.ab-bm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.22rem}
.ab-bm-item{position:relative;background:#fff;border:1px solid #e2efe8;border-radius:0.24rem;padding:0.44rem 0.3rem;text-align:center;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.ab-bm-item::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#1e8f72,#2aa384);opacity:0;transition:opacity .3s ease}
.ab-bm-item:hover{transform:translateY(-4px);box-shadow:0 0.14rem 0.36rem rgba(19,36,29,.1)}
.ab-bm-item:hover::before{opacity:1}
.ab-bm-name{font-size:0.32rem;font-weight:800;color:#13241d;letter-spacing:.04em;margin:0 0 0.14rem}
.ab-bm-desc{font-size:max(0.15rem,14px);line-height:1.8;color:#6b7c74;margin:0}
.ab-bm-item--hl{background:linear-gradient(150deg,#166b57 0%,#1e8f72 100%);border-color:transparent;box-shadow:0 0.14rem 0.36rem rgba(30,143,114,.22)}
.ab-bm-item--hl::before{display:none}
.ab-bm-item--hl .ab-bm-name{color:#f5d78e}
.ab-bm-item--hl .ab-bm-desc{color:rgba(255,255,255,.82)}

/* ---------- 响应式 ---------- */
@media screen and (max-width:991px){
  .ab-hero{padding:0.4rem 0 0.6rem}
  .ab-hero-inner{grid-template-columns:1fr;gap:0.44rem}
  .ab-hero-title{font-size:0.4rem}
  .ab-hero-meta{grid-template-columns:repeat(2,1fr);gap:0.24rem}
  .ab-hero-meta span{white-space:normal}
  .ab-btn{height:0.88rem;padding:0 0.6rem}
  .ab-bm{padding:0.6rem 0}
  .ab-bm-grid{grid-template-columns:repeat(2,1fr);gap:0.2rem}
  .ab-map{padding:0.6rem 0}
  .ab-map-inner{grid-template-columns:1fr;gap:0.4rem}
  .ab-team{padding:0.6rem 0 0.7rem}
}
@media screen and (max-width:767px){
  .ab-bm-name{font-size:0.28rem}
  .ab-bm-item{padding:0.36rem 0.22rem}
}