/* ============================================================
   about.css —— 关于我们页专属样式
   hero:polygon 左下柔化波浪;故事板块错位网格;
   理念板块墨黑深色+圆形印章;团队板块键帽卡片;
   时间轴竖排等宽编号;数据墙深底大字。
   ============================================================ */

/* ---------- Hero:曲线异形裁切(底缘左低右高波浪) ---------- */
.ab-hero{
  margin-top:var(--nav-h);
  background:
    linear-gradient(135deg, rgba(28,26,23,.86), rgba(74,55,40,.78)),
    url("../images/banner-about.jpg") center/cover no-repeat;
  color:var(--cream);
  padding:96px 0 130px;
  /* 柔化裁切:右下角斜收、左下留波谷 */
  clip-path:polygon(0 0, 100% 0, 100% 84%, 62% 100%, 0 92%);
}
.ab-hero-in{ max-width:920px; }
.ab-keycap{ margin-bottom:22px; }
.ab-hero h1{
  font-size:clamp(30px,4.4vw,52px);
  color:var(--cream); margin:14px 0 18px; line-height:1.2;
}
.ab-sub{ font-size:17px; color:rgba(242,232,213,.86); max-width:720px; }
.ab-cta{ margin:30px 0 26px; display:flex; flex-wrap:wrap; gap:14px; }
.ab-hero-meta{
  display:flex; flex-wrap:wrap; gap:30px; margin-top:10px;
  border-top:1px dashed rgba(242,232,213,.28); padding-top:18px;
}
.ab-hero-meta li{ display:flex; flex-direction:column; }
.ab-hero-meta span{ font-family:var(--font-mono); font-size:11px; letter-spacing:2px; color:var(--tan); }
.ab-hero-meta b{ font-family:var(--font-head); font-size:17px; color:var(--cream); margin-top:2px; }

/* ---------- 通用板块编号(等宽) ---------- */
.ab-num{
  font-family:var(--font-mono); font-size:13px; letter-spacing:4px;
  color:var(--brown-3); margin-bottom:10px;
}
.ab-num-light{
  font-family:var(--font-mono); font-size:13px; letter-spacing:4px; color:var(--tan); margin-bottom:10px;
}
.ab-lead{ color:var(--brown-2); margin:6px 0 30px; max-width:760px; }

/* ---------- 板块 2:创业故事(错位网格) ---------- */
.ab-story{ padding:80px 0 60px; background:var(--paper); }
.ab-story-grid{
  display:grid; grid-template-columns:1fr 1.1fr; gap:50px; align-items:center;
}
.ab-story-img img{
  border-radius:var(--r-l);
  /* 图片自身也做异形裁切,与 hero 呼应 */
  clip-path:polygon(0 0, 100% 0, 100% 88%, 0 100%);
  box-shadow:var(--shadow);
}
.ab-story-txt h2{ font-size:clamp(22px,2.6vw,32px); margin-bottom:16px; }
.ab-story-txt p{ margin-bottom:14px; color:var(--ink-2); }

/* ---------- 板块 3:服务理念(墨黑深底+印章) ---------- */
.ab-philosophy{
  background:var(--ink); color:rgba(242,232,213,.88);
  padding:80px 0 90px;
  clip-path:polygon(0 6%, 100% 0, 100% 94%, 0 100%);
}
.ab-light-h{ color:var(--cream); font-size:clamp(22px,2.6vw,32px); margin-bottom:36px; }
.ab-philo-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.ab-philo{
  background:var(--ink-2); border:1px solid rgba(242,232,213,.12);
  border-radius:var(--r-m); padding:26px 22px; position:relative;
}
.ab-stamp{
  position:absolute; top:-18px; right:18px;
  width:44px; height:44px; border-radius:50%;
  background:var(--brown); color:var(--cream);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-head); font-size:18px; font-weight:700;
  border:2px dashed var(--tan);
}
.ab-philo h3{ color:var(--cream); font-size:18px; margin:6px 0 10px; }
.ab-philo p{ font-size:14px; color:rgba(242,232,213,.72); }

/* ---------- 板块 4:团队分工(键帽卡片) ---------- */
.ab-team{ padding:80px 0 60px; background:var(--paper); }
.ab-team h2{ font-size:clamp(22px,2.6vw,32px); margin-bottom:8px; }
.ab-keyrow{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:30px 0 36px;
}
.ab-key{
  background:var(--paper-2); border:1px solid var(--line-2);
  border-radius:10px; padding:22px 18px; text-align:center;
  box-shadow:0 6px 0 var(--line-2), inset 0 -4px 0 rgba(0,0,0,.06);
}
.ab-key b{ display:block; font-family:var(--font-head); font-size:19px; color:var(--ink); margin-bottom:6px; }
.ab-key span{ font-family:var(--font-mono); font-size:12px; color:var(--brown-2); letter-spacing:1px; }
.ab-team-img img{ border-radius:var(--r-l); box-shadow:var(--shadow); }

/* ---------- 板块 5:竖排时间轴(grid 三列对齐) ---------- */
.ab-timeline{ padding:60px 0 80px; background:var(--paper-2); }
.ab-timeline h2{ font-size:clamp(22px,2.6vw,32px); margin-bottom:30px; }
.ab-tl{
  display:grid; grid-template-columns:110px 26px 1fr; column-gap:18px; row-gap:0;
}
.ab-tl-i{ display:contents; }
.ab-tl-i time{
  font-family:var(--font-mono); font-size:18px; color:var(--brown-2);
  text-align:right; padding-top:6px;
}
.ab-tl-dot{
  width:14px; height:14px; border-radius:50%; background:var(--brown);
  border:3px solid var(--paper); outline:2px solid var(--brown-3);
  justify-self:center; align-self:start; margin-top:10px;
  position:relative; z-index:1;
}
.ab-tl-i:not(:last-child) .ab-tl-dot::after{
  content:""; position:absolute; top:16px; left:50%; transform:translateX(-50%);
  width:2px; height:calc(100% + 34px); background:var(--line-2);
}
.ab-tl-c{ padding:0 0 34px 10px; }
.ab-tl-c h3{ font-size:18px; margin-bottom:4px; }
.ab-tl-c p{ color:var(--ink-2); font-size:14.5px; }

/* ---------- 板块 6:数据墙(墨黑深底) ---------- */
.ab-data{ background:var(--ink); color:var(--cream); padding:70px 0 60px; }
.ab-data-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin:24px 0 18px; }
.ab-data-i{
  border:1px dashed rgba(242,232,213,.22); border-radius:var(--r-m);
  padding:22px 16px; text-align:center;
}
.ab-data-i b{
  display:block; font-family:var(--font-head); font-size:38px; color:var(--tan); line-height:1.1;
}
.ab-data-i span{ font-size:13px; color:rgba(242,232,213,.7); }
.ab-data-note{ font-size:12.5px; color:rgba(242,232,213,.5); margin-top:10px; }

/* ---------- 板块 7:资质与合规(左右咬合) ---------- */
.ab-honor{ padding:80px 0; background:var(--paper); }
.ab-honor-grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:50px; align-items:center; }
.ab-honor-img img{
  border-radius:var(--r-l); box-shadow:var(--shadow);
  clip-path:polygon(0 0, 100% 8%, 100% 100%, 0 92%);
}
.ab-honor-txt h2{ font-size:clamp(22px,2.6vw,30px); margin-bottom:18px; }
.ab-honor-list{ margin:0 0 16px; }
.ab-honor-list li{
  padding:10px 0 10px 26px; border-bottom:1px dashed var(--line); position:relative;
  color:var(--ink-2);
}
.ab-honor-list li::before{
  content:"×"; position:absolute; left:0; top:10px;
  font-family:var(--font-mono); color:var(--brown); font-weight:700;
}
.ab-honor-note{ color:var(--brown-2); font-style:italic; }

/* ---------- 板块 8:客户评价 ---------- */
.ab-voices{ padding:60px 0 80px; background:var(--paper-2); }
.ab-voices h2{ font-size:clamp(22px,2.6vw,30px); margin-bottom:30px; }
.ab-voice-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.ab-voice{
  background:var(--paper); border-left:4px solid var(--brown-3);
  border-radius:0 var(--r-m) var(--r-m) 0; padding:22px 24px; box-shadow:var(--shadow-sm);
}
.ab-voice p{ font-size:15px; color:var(--ink-2); margin-bottom:12px; }
.ab-voice footer{ font-size:13px; color:var(--brown-3); font-family:var(--font-mono); }

/* ---------- 板块 9:底部 CTA ---------- */
.ab-cta{
  background:
    linear-gradient(120deg, rgba(74,55,40,.92), rgba(28,26,23,.92)),
    url("../images/scene-huiyi.jpg") center/cover;
  color:var(--cream); padding:80px 0;
  clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 100%);
  text-align:center;
}
.ab-cta h2{ color:var(--cream); font-size:clamp(24px,3vw,36px); margin-bottom:14px; }
.ab-cta p{ max-width:680px; margin:0 auto 26px; color:rgba(242,232,213,.85); }
.ab-cta-row{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
.ab-cta-links{ margin-top:24px; font-size:13.5px; color:rgba(242,232,213,.7); }
.ab-cta-links a{ color:var(--tan); text-decoration:underline; }

/* ---------- 板块 8.5:团队的一天 ---------- */
.ab-day{ padding:60px 0 40px; background:var(--paper); }
.ab-day h2{ font-size:clamp(22px,2.6vw,32px); margin-bottom:24px; }
.ab-day-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.ab-day-i{
  background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r-m);
  padding:22px 20px; border-top:3px solid var(--brown);
}
.ab-day-i span{ font-family:var(--font-mono); font-size:12px; color:var(--brown-3); letter-spacing:1px; }
.ab-day-i h3{ font-size:17px; margin:8px 0 8px; }
.ab-day-i p{ font-size:14px; color:var(--ink-2); }
.ab-day-note{ margin-top:18px; color:var(--brown-2); font-style:italic; }
@media (max-width:1080px){ .ab-day-grid{ grid-template-columns:1fr; } }

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .ab-story-grid,.ab-honor-grid{ grid-template-columns:1fr; gap:30px; }
  .ab-philo-grid,.ab-data-grid{ grid-template-columns:1fr 1fr; }
  .ab-keyrow{ grid-template-columns:1fr 1fr; }
  .ab-voice-grid{ grid-template-columns:1fr; }
  .ab-tl{ grid-template-columns:80px 22px 1fr; }
}
@media (max-width:640px){
  .ab-hero{ padding:70px 0 100px; }
  .ab-philo-grid,.ab-data-grid,.ab-keyrow{ grid-template-columns:1fr; }
  .ab-tl{ grid-template-columns:1fr; }
  .ab-tl-i time{ text-align:left; padding-top:0; }
  .ab-tl-dot{ display:none; }
  .ab-tl-c{ padding:0 0 24px; }
}

/* ---------- 板块 8.8:客户类型(新增二轮) ---------- */
.ab-clients{ padding:60px 0; background:var(--paper-2); }
.ab-clients h2{ font-size:clamp(22px,2.6vw,32px); margin-bottom:24px; }
.ab-clients-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.ab-clients-i{
  background:var(--paper); border:1px solid var(--line); border-radius:var(--r-s);
  padding:22px 20px; border-left:4px solid var(--brown);
}
.ab-clients-i span{ font-family:var(--font-mono); font-size:12px; color:var(--brown-3); letter-spacing:2px; }
.ab-clients-i h3{ font-size:17px; margin:8px 0 8px; }
.ab-clients-i p{ font-size:14px; color:var(--ink-2); line-height:1.8; }
.ab-clients-i p a{ color:var(--brown-2); text-decoration:underline; }
.ab-clients-note{ margin-top:20px; color:var(--brown-2); }
@media (max-width:1080px){ .ab-clients-grid{ grid-template-columns:1fr; } }