/* ==========================================================================
   about.html 关于我们 私有样式
   版式：左文右图 hero + 横条数据带 + 汉字序号理念卡 + 图文交错团队
   ========================================================================== */

/* ---------- Hero：左文右图 ---------- */
.ab-hero{
  position:relative;
  padding:calc(var(--topbar-h) + var(--header-h) + 60px) 0 80px;
  background:
    radial-gradient(900px 420px at -6% 0%, rgba(143,174,138,.20), transparent 60%),
    var(--cream);
  overflow:hidden;
}
.ab-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.ab-kicker{display:flex;align-items:center;gap:12px;font-size:13.5px;letter-spacing:3px;color:var(--green-deep);font-weight:600;margin-bottom:20px}
.ab-k-line{width:44px;height:2px;background:var(--wood);display:inline-block}
.ab-title{font-size:clamp(30px,4vw,48px);line-height:1.3;letter-spacing:2px;margin-bottom:22px}
.ab-line{display:block;opacity:0;filter:blur(8px);transform:translateY(18px);animation:abLineIn .9s var(--ease) forwards}
.ab-line-2{animation-delay:.25s}
@keyframes abLineIn{to{opacity:1;filter:blur(0);transform:translateY(0)}}
.ab-desc{max-width:560px;font-size:15.5px;line-height:2;margin-bottom:30px;color:var(--ink-soft)}
.ab-actions{display:flex;gap:14px;flex-wrap:wrap}

.ab-hero-media{position:relative}
.ab-hero-media img{
  width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-lg);
  border:6px solid var(--white);
}
.ab-media-cap{
  margin-top:12px;font-size:13px;color:var(--ink-faint);letter-spacing:1px;text-align:center;
}

/* ---------- 数据条 ---------- */
.ab-stats{background:var(--green-dark);padding:34px 0}
.ab-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ab-stats-grid li{display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px dashed rgba(220,228,213,.25)}
.ab-stats-grid li:last-child{border-right:0}
.ab-stats-grid strong{font-family:var(--font-serif);font-size:32px;color:#f0e8d0;line-height:1.1}
.ab-stats-grid strong span{font-size:15px;color:var(--wood-light)}
.ab-stats-grid em{font-style:normal;font-size:12.5px;color:#c6d1bd;margin-top:6px;letter-spacing:1px}

/* ---------- 理念卡：汉字序号 ---------- */
.ab-idea{background:var(--cream-3)}
.ab-idea-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.ab-idea-card{
  position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:34px 30px 30px;box-shadow:var(--shadow-sm);overflow:hidden;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.ab-idea-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.ab-idea-no{
  position:absolute;top:16px;right:20px;font-family:var(--font-serif);font-size:52px;
  color:var(--cream-2);line-height:1;user-select:none;
}
.ab-idea-card h3{font-size:19px;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid var(--green);display:inline-block}
.ab-idea-card p{font-size:14.5px;line-height:1.9}

/* ---------- 团队：图文交错 ---------- */
.ab-team{padding:90px 0;background:var(--cream)}
.ab-team-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ab-team-photo img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-md)}
.ab-team-copy .section-title{font-size:clamp(24px,3vw,34px);text-align:left;letter-spacing:1px}
.ab-team-copy .kicker{justify-content:flex-start}
.ab-team-p{margin-top:16px;font-size:15px;line-height:2}

/* ---------- 服务范围表 ---------- */
.ab-range{background:var(--cream-3)}
.ab-table-wrap{max-width:900px;margin:0 auto}
.ab-table-wrap a{color:var(--green-deep);font-weight:600}
.ab-table-wrap a:hover{color:var(--wood-deep)}

/* ---------- FAQ 带 ---------- */
.ab-band{background:var(--cream-2)}
.ab-faq{padding:90px 0}
.ab-faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
.ab-faq-head .section-title{text-align:left;font-size:clamp(24px,3vw,34px)}
.ab-faq-head .kicker{justify-content:flex-start}
.ab-faq-list{display:flex;flex-direction:column;gap:14px}
.ab-faq-item{
  background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);
  padding:4px 20px;
}
.ab-faq-item summary{
  cursor:pointer;font-weight:600;font-size:15.5px;padding:15px 0;list-style:none;position:relative;padding-right:26px;
}
.ab-faq-item summary::-webkit-details-marker{display:none}
.ab-faq-item summary::after{
  content:"+";position:absolute;right:0;top:14px;font-size:20px;color:var(--wood);transition:transform .3s var(--ease);
}
.ab-faq-item[open] summary::after{transform:rotate(45deg)}
.ab-faq-item p{padding:0 0 16px;font-size:14.5px;line-height:1.9;color:var(--ink-soft)}

/* ---------- 底部 CTA ---------- */
.ab-cta{
  padding:80px 0;text-align:center;color:#f4f1e6;
  background:linear-gradient(135deg,var(--green-dark),#4c6b52);
}
.ab-cta h2{font-size:clamp(24px,3.4vw,38px);color:#f4f1e6;letter-spacing:2px;line-height:1.5;margin-bottom:14px}
.ab-cta p{color:#d8e0d0;margin-bottom:28px}
.ab-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .ab-hero-grid,.ab-team-wrap,.ab-faq-wrap{grid-template-columns:1fr;gap:36px}
  .ab-team-photo{order:-1}
  .ab-stats-grid{grid-template-columns:repeat(2,1fr);gap:26px 0}
  .ab-stats-grid li:nth-child(2){border-right:0}
}
@media (max-width:640px){
  .ab-idea-grid{grid-template-columns:1fr}
  .ab-actions .btn,.ab-cta-actions .btn{width:100%}
}