/* ==========================================================================
   about.html · 公司介绍 —— 杂志编辑式非对称版式
   ========================================================================== */

/* ---------- 页首 hero ---------- */
.ab-hero{padding:150px 0 70px}
.ab-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.ab-hero-copy h1{margin:14px 0 20px}
.ab-hero-desc{color:var(--ink-2);max-width:520px;margin-bottom:30px;font-size:16px}
.ab-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.ab-hero-media{position:relative}
.ab-hero-media img{border-radius:var(--r);box-shadow:var(--shadow);width:100%;height:auto}
.ab-hero-media figcaption{margin-top:12px;font-size:13px;color:var(--muted);padding-left:14px;border-left:2px solid var(--brown-soft)}

/* ---------- 我们是谁：大引号 + 错位文字 ---------- */
.ab-story{padding:60px 0}
.ab-story-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.ab-story-quote{position:sticky;top:110px;background:var(--brown-bg);border-radius:var(--r);padding:44px 40px}
.ab-quote-mark{font-family:var(--font-serif);font-size:64px;line-height:.6;color:var(--brown-soft);display:block;margin-bottom:18px}
.ab-story-quote p{font-family:var(--font-serif);font-size:21px;line-height:1.9;color:var(--brown-deep)}
.ab-story-text .sec-title{margin:0 0 22px}
.ab-p{color:var(--ink-2);margin-bottom:16px}
.ab-story-text .arrow-link{margin-top:8px}

/* ---------- 数字条 ---------- */
.ab-nums{padding:30px 0 20px}
.ab-nums-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden}
.ab-nums-list li{padding:34px 28px;border-right:1px dashed var(--line)}
.ab-nums-list li:last-child{border-right:0}
.ab-nums-list b{font-family:var(--font-serif);font-size:44px;color:var(--brown);display:block;line-height:1.1}
.ab-nums-list b em{font-style:normal;font-size:20px;margin-left:4px;color:var(--brown-soft)}
.ab-nums-list span{font-size:13.5px;color:var(--ink-2);display:block;margin-top:8px}

/* ---------- 日常三步：左右错位图文 ---------- */
.ab-do{padding:80px 0 30px}
.ab-do-row{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;margin-bottom:64px}
.ab-do-row-flip{grid-template-columns:.95fr 1.05fr;margin-top:-40px}
.ab-do-row-flip .ab-do-media{order:2}
.ab-do-media{position:relative}
.ab-do-media img{border-radius:var(--r);box-shadow:var(--shadow);width:100%;height:auto}
.ab-do-no{position:absolute;left:-22px;bottom:-22px;width:64px;height:64px;border-radius:50%;background:var(--brown);color:#fff;font-family:var(--font-serif);font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}
.ab-do-row-flip .ab-do-no{left:auto;right:-22px}
.ab-do-body h3{margin-bottom:12px}
.ab-do-body p{color:var(--ink-2);font-size:15px;margin-bottom:10px}

/* ---------- 办公环境：图左文右偏上 ---------- */
.ab-office{padding:60px 0 30px}
.ab-office-in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.ab-office-media img{border-radius:var(--r);box-shadow:var(--shadow);width:100%;height:auto}
.ab-office-body{padding-top:40px}
.ab-office-body .sec-title{margin:10px 0 18px}
.ab-office-body .btn{margin-top:16px}

/* ---------- 几条小坚持：编号竖排 ---------- */
.ab-stick{padding:60px 0}
.ab-stick-in{max-width:880px;margin:0 auto}
.ab-stick-list{border-top:1px solid var(--line)}
.ab-stick-list li{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:22px 6px;border-bottom:1px solid var(--line-2);align-items:baseline}
.ab-stick-list b{font-family:var(--font-serif);font-size:18px;color:var(--brown-deep)}
.ab-stick-list span{color:var(--ink-2);font-size:14.5px}

/* ---------- 服务行业 ---------- */
.ab-industries{padding:50px 0 10px}
.ab-ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ab-ind{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);padding:24px 22px}
.ab-ind b{font-family:var(--font-serif);font-size:18px;color:var(--brown-deep);display:block;margin-bottom:8px}
.ab-ind p{font-size:13.5px;color:var(--ink-2)}

/* ---------- FAQ ---------- */
.ab-faq{padding:40px 0}
.ab-faq-in{max-width:860px;margin:0 auto}
.ab-faq-list{display:grid;gap:14px}
.ab-faq-list details{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);padding:18px 24px}
.ab-faq-list summary{cursor:pointer;font-weight:600;color:var(--brown-deep)}
.ab-faq-list p{color:var(--ink-2);font-size:14.5px;margin-top:10px}

/* ---------- 合作流程 ---------- */
.ab-flow{padding:50px 0 10px}
.ab-flow-list{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:step}
.ab-flow-list li{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);padding:24px 20px;position:relative}
.ab-flow-list b{font-family:var(--font-serif);font-size:30px;color:var(--brown-bg);display:block;margin-bottom:10px}
.ab-flow-list h3{font-size:16px;margin-bottom:8px}
.ab-flow-list p{font-size:13.5px;color:var(--ink-2)}

/* ---------- CTA ---------- */
.ab-cta{background:var(--brown-deep);border-radius:26px;margin:30px 28px 0}
.ab-cta-in{max-width:1200px;margin:0 auto;padding:64px 28px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.ab-cta-copy h2{color:#fff;margin:12px 0 18px}
.ab-cta-copy p{color:rgba(255,255,255,.72);font-size:15px;line-height:2}
.ab-cta-acts{display:flex;flex-direction:column;gap:14px;align-items:flex-start}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .ab-hero-in,.ab-story-in,.ab-do-row,.ab-do-row-flip,.ab-office-in,.ab-cta-in{grid-template-columns:1fr;gap:36px}
  .ab-story-quote{position:static}
  .ab-do-row-flip{margin-top:0}
  .ab-do-row-flip .ab-do-media{order:0}
  .ab-nums-list{grid-template-columns:1fr 1fr}
  .ab-nums-list li{border-bottom:1px dashed var(--line)}
}
@media (max-width:640px){
  .ab-nums-list{grid-template-columns:1fr}
  .ab-stick-list li{grid-template-columns:1fr;gap:6px}
  .ab-cta{margin:20px 16px 0}
  .ab-do-no{display:none}
}