/* ============================================================
   公司介绍页（2026-09 重排版 · 移动优先）
   ============================================================ */

/* ============ 公司简介（手机：文字上图下；桌面：左文右图） ============ */
.about-hero{
  display:grid;grid-template-columns:1fr;gap:24px;
  background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:clamp(20px,4vw,40px);
}
.about-eyebrow{
  display:inline-block;color:var(--blue);font-size:12.5px;font-weight:700;
  letter-spacing:1.5px;margin-bottom:10px;
}
.about-hero-text h2{
  font-size:clamp(20px,2.6vw,26px);color:var(--navy);font-weight:800;
  line-height:1.4;margin:0 0 14px;
}
.about-hero-text p{
  font-size:14.5px;color:var(--text-2);line-height:1.85;margin:0 0 12px;
}
.about-hero-text p b{color:var(--navy);font-weight:700;}
.about-hero-img img{
  width:100%;height:auto;display:block;border-radius:var(--radius);
  box-shadow:0 16px 40px -16px rgba(15,23,42,.22);
}
/* 数据指标：手机 2×2 网格 */
.about-stats{
  list-style:none;margin:18px 0 0;padding:18px 0 0;
  display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;
  border-top:1px solid var(--border);
}
.about-stats li{display:flex;flex-direction:column;}
.about-stats b{
  color:var(--navy);font-size:clamp(18px,2.2vw,24px);font-weight:800;
  line-height:1.15;letter-spacing:-.5px;
}
.about-stats span{color:var(--text-3);font-size:12px;margin-top:4px;}

/* ============ 能力矩阵（手机 1 列 → 平板 2 列 → 桌面 3 列） ============ */
.about-cap-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.about-cap-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:22px 22px;display:flex;flex-direction:column;gap:8px;
  transition:all .25s;
}
.about-cap-card:hover{border-color:var(--blue);box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.about-cap-num{
  display:inline-block;width:fit-content;
  color:var(--blue);font-size:13px;font-weight:800;letter-spacing:1.5px;
  background:rgba(37,99,235,.08);padding:4px 10px;border-radius:6px;
}
.about-cap-card h3{font-size:16px;color:var(--navy);font-weight:700;margin:4px 0 2px;}
.about-cap-card p{font-size:13.5px;color:var(--text-2);line-height:1.7;}

/* ============ 左右分栏（实拍 + 服务承诺） ============ */
.about-split{display:grid;grid-template-columns:1fr;gap:26px;}
.about-split-img{position:relative;}
.about-split-img img{
  width:100%;height:auto;display:block;border-radius:var(--radius-lg);
  box-shadow:0 18px 44px -18px rgba(15,23,42,.22);
}
.about-img-caption{
  position:absolute;left:12px;bottom:12px;
  background:rgba(15,23,42,.78);color:#fff;
  font-size:12.5px;letter-spacing:.5px;padding:6px 12px;border-radius:6px;
}
.about-split-text h2{
  font-size:clamp(20px,2.6vw,26px);color:var(--navy);font-weight:800;
  line-height:1.4;margin:0 0 18px;
}
.about-commit{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:22px;}
.about-commit li{display:flex;flex-direction:column;gap:4px;padding-left:20px;position:relative;}
.about-commit li::before{
  content:"";position:absolute;left:0;top:8px;width:8px;height:8px;
  background:var(--blue);border-radius:50%;
}
.about-commit b{color:var(--navy);font-size:14.5px;font-weight:700;}
.about-commit span{color:var(--text-2);font-size:13.5px;line-height:1.7;}

/* ============ 底部联系条（手机：上下堆叠左对齐） ============ */
.about-contact-band{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:clamp(22px,4vw,36px);
  display:flex;flex-direction:column;align-items:flex-start;gap:20px;
}
.about-contact-band h2{font-size:clamp(19px,2.2vw,24px);color:var(--navy);font-weight:800;margin:4px 0 6px;}
.about-contact-band p{color:var(--text-2);font-size:14px;margin:0;}
.about-contact-info{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%;}
.about-contact-line{
  display:flex;flex-direction:column;gap:2px;text-decoration:none;
  color:var(--text-2);transition:color .18s;padding:6px 0;
}
.about-contact-line:hover{color:var(--blue);}
.about-contact-line b{color:var(--text-3);font-weight:600;font-size:12px;letter-spacing:1px;}
.about-contact-line span{font-size:15px;font-weight:600;}
.about-contact-btn{margin-top:8px;width:100%;}

/* ============ 响应式 ============ */
@media(min-width:560px){
  .about-cap-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .about-stats{grid-template-columns:repeat(4,auto);justify-content:start;gap:28px;}
  .about-contact-line{flex-direction:row;align-items:center;gap:14px;}
  .about-contact-line b{min-width:90px;}
  .about-contact-btn{width:auto;}
}

@media(min-width:960px){
  .about-hero{grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;}
  .about-cap-grid{grid-template-columns:repeat(3,1fr);gap:18px;}
  .about-cap-card{padding:24px 26px;}
  .about-split{grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;}
  .about-contact-band{flex-direction:row;justify-content:space-between;align-items:center;gap:32px;}
  .about-contact-info{align-items:flex-end;width:auto;}
}