.page-about{
  --ab-coord:132px;
  --ab-card-pad:clamp(18px,2.4vw,26px);
  background:var(--qd-night);
  color:var(--qd-text);
  font-family:var(--qd-sans);
}

.page-about img{
  max-width:100%;
  height:auto;
  display:block;
}

.page-about .qd-crumbs{
  padding-top:22px;
}

/* ---------- 首屏 ---------- */
.ab-intro{
  padding-top:clamp(26px,4.5vw,50px);
}

.ab-intro__grid{
  display:grid;
  gap:clamp(30px,5vw,56px);
}

.ab-intro__lead .qd-title-xl{
  margin:14px 0 0;
  max-width:19ch;
}

.ab-intro__lead .qd-lead{
  margin:22px 0 0;
  max-width:60ch;
  color:var(--qd-dim);
  font-size:clamp(16px,1.55vw,18px);
  line-height:1.85;
}

.ab-intro__lead .qd-body{
  margin:16px 0 0;
  max-width:56ch;
  color:var(--qd-muted);
}

.ab-intro__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.ab-intro__side{
  border-top:2px solid var(--qd-orange);
  padding-top:16px;
}

.ab-facts{
  margin:18px 0 0;
  padding:0;
  border-top:1px solid var(--qd-line);
}

.ab-facts__row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid var(--qd-line);
}

.ab-facts dt{
  color:var(--qd-muted);
  font-size:13.5px;
  letter-spacing:.04em;
}

.ab-facts dd{
  margin:0;
  color:var(--qd-paper);
  text-align:right;
}

.ab-facts__row:first-child dd{
  color:var(--qd-orange);
}

/* ---------- 章节索引 ---------- */
.ab-index__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.ab-index__list a{
  display:inline-block;
  padding:8px 15px;
  border:1px solid var(--qd-line);
  border-radius:var(--qd-radius);
  color:var(--qd-dim);
  font-family:var(--qd-mono);
  font-size:13px;
  letter-spacing:.06em;
  text-decoration:none;
  transition:color .12s ease,border-color .12s ease,transform .12s ease;
}

.ab-index__list a:hover,
.ab-index__list a:focus-visible{
  color:var(--qd-paper);
  border-color:var(--qd-orange);
  transform:translateY(-1px);
}

/* ---------- 共用区块标题 ---------- */
.ab-head{
  max-width:62ch;
}

.ab-head .qd-title-lg{
  margin:12px 0 0;
}

.ab-head .qd-body{
  margin:16px 0 0;
  color:var(--qd-dim);
  max-width:52ch;
}

/* ---------- 时间线 ---------- */
.ab-timeline{
  list-style:none;
  margin:clamp(30px,4.5vw,48px) 0 0;
  padding:0;
}

.ab-timeline__row{
  display:grid;
  gap:14px;
  padding:clamp(20px,3vw,30px) 0;
  border-top:1px solid var(--qd-line);
}

.ab-timeline__row:last-child{
  border-bottom:1px solid var(--qd-line);
}

.ab-timeline__coord{
  display:flex;
  align-items:baseline;
  gap:12px;
}

.ab-timeline__stage{
  font-family:var(--qd-mono);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--qd-orange);
}

.ab-timeline__body .qd-title-sm{
  margin:0 0 10px;
}

.ab-timeline__body .qd-body{
  margin:0;
  max-width:58ch;
  color:var(--qd-dim);
}

/* ---------- 团队 ---------- */
.ab-team__media{
  margin:0 0 clamp(28px,4vw,46px);
}

.ab-team__media img{
  width:100%;
  border:1px solid var(--qd-line);
  object-fit:cover;
  aspect-ratio:16/9;
}

.qd-media__cap{
  margin-top:10px;
  color:var(--qd-muted);
  font-size:13px;
  line-height:1.7;
}

.ab-seats{
  list-style:none;
  margin:clamp(26px,4vw,40px) 0 0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--qd-line);
  border:1px solid var(--qd-line);
}

.ab-seat{
  background:var(--qd-panel);
  padding:var(--ab-card-pad);
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:background .12s ease;
}

.ab-seat:hover{
  background:var(--qd-night);
}

.ab-seat__no{
  font-family:var(--qd-mono);
  font-size:12px;
  letter-spacing:.12em;
  color:var(--qd-mint);
}

.ab-seat .qd-title-sm{
  margin:0;
}

.ab-seat .qd-body{
  margin:0;
  color:var(--qd-dim);
  font-size:15px;
  line-height:1.8;
}

/* ---------- 数据合作 ---------- */
.ab-data__grid{
  display:grid;
  gap:clamp(28px,4.5vw,52px);
}

.ab-data__text .qd-title-lg{
  margin:12px 0 0;
}

.ab-data__text .qd-body{
  margin:18px 0 0;
  color:var(--qd-dim);
  max-width:54ch;
}

.ab-data__members{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:26px;
}

.ab-data__link{
  margin-top:28px;
}

.ab-data__media{
  margin:0;
}

.ab-data__media img{
  width:100%;
  border:1px solid var(--qd-line);
  object-fit:cover;
  aspect-ratio:11/8;
}

/* ---------- 版本迭代 ---------- */
.ab-versions__grid{
  display:grid;
  gap:clamp(30px,4.5vw,54px);
}

.ab-versions__media{
  margin:0;
}

.ab-versions__media img{
  width:100%;
  border:1px solid var(--qd-line);
  object-fit:cover;
  aspect-ratio:5/7;
}

.ab-versions__list{
  margin-top:clamp(26px,3.5vw,38px);
}

.ab-ver{
  border-left:2px solid var(--qd-line);
  padding:2px 0 2px 20px;
  margin-bottom:22px;
  transition:border-color .12s ease,transform .12s ease;
}

.ab-ver:last-child{
  margin-bottom:0;
}

.ab-ver:hover{
  border-left-color:var(--qd-line-strong);
  transform:translateX(2px);
}

.ab-ver--current{
  border-left-color:var(--qd-orange);
}

.ab-ver__no{
  margin:0 0 6px;
  font-family:var(--qd-mono);
  font-size:12.5px;
  letter-spacing:.12em;
  color:var(--qd-amber);
}

.ab-ver--current .ab-ver__no{
  color:var(--qd-orange);
}

.ab-ver .qd-title-sm{
  margin:0 0 8px;
}

.ab-ver .qd-body{
  margin:0;
  color:var(--qd-dim);
  font-size:15px;
  line-height:1.8;
}

/* ---------- 覆盖与节奏 ---------- */
.ab-cov{
  margin-top:clamp(28px,4vw,44px);
  display:grid;
  gap:1px;
  background:var(--qd-line);
  border:1px solid var(--qd-line);
}

.ab-cov__cell{
  background:var(--qd-panel);
  padding:var(--ab-card-pad);
  display:flex;
  flex-direction:column;
  gap:8px;
}

.ab-cov__num{
  font-family:var(--qd-mono);
  font-size:clamp(26px,4.4vw,38px);
  line-height:1.1;
  color:var(--qd-paper);
  letter-spacing:-.01em;
}

.ab-cov__cell:first-child .ab-cov__num{
  color:var(--qd-orange);
}

.ab-cov__cell:nth-child(2) .ab-cov__num{
  color:var(--qd-amber);
}

.ab-cov__label{
  color:var(--qd-paper);
  font-size:15px;
  line-height:1.6;
}

.ab-cov__note{
  color:var(--qd-muted);
  font-size:13px;
  line-height:1.7;
}

/* ---------- 安全与审核 ---------- */
.ab-sec__grid{
  margin-top:clamp(28px,4vw,44px);
  display:grid;
  gap:1px;
  background:var(--qd-line);
  border:1px solid var(--qd-line);
}

.ab-sec__item{
  background:var(--qd-night);
  padding:var(--ab-card-pad);
}

.ab-sec__item .qd-title-sm{
  margin:14px 0 10px;
}

.ab-sec__item .qd-body{
  margin:0;
  color:var(--qd-dim);
  font-size:15px;
  line-height:1.8;
}

.ab-flow{
  list-style:none;
  margin:0;
  padding:0;
}

.ab-flow__step{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:14px 0;
  border-top:1px solid var(--qd-line);
}

.ab-flow__step:first-child{
  border-top:0;
  padding-top:4px;
}

.ab-flow__no{
  font-family:var(--qd-mono);
  font-size:13px;
  letter-spacing:.1em;
  color:var(--qd-orange);
  padding-top:2px;
}

.ab-flow__step .qd-body{
  margin:0;
  color:var(--qd-dim);
  font-size:15px;
  line-height:1.8;
}

/* ---------- 结尾行动区 ---------- */
.ab-cta__box{
  display:grid;
  gap:26px;
  padding:clamp(24px,4vw,42px);
  border:1px solid var(--qd-line-strong);
  border-left:3px solid var(--qd-orange);
  background:linear-gradient(118deg,var(--qd-mid) 0%,var(--qd-green) 78%);
  border-radius:var(--qd-radius);
}

.ab-cta__text .qd-title-md{
  margin:0 0 12px;
}

.ab-cta__text .qd-body{
  margin:0;
  max-width:54ch;
  color:var(--qd-dim);
}

.ab-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-self:center;
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .ab-cov{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ab-seats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:840px){
  .ab-intro__grid{
    grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);
    align-items:start;
  }
  .ab-timeline{
    position:relative;
  }
  .ab-timeline::before{
    content:"";
    position:absolute;
    left:var(--ab-coord);
    top:0;
    bottom:0;
    width:1px;
    background:var(--qd-line-strong);
  }
  .ab-timeline__row{
    grid-template-columns:var(--ab-coord) minmax(0,1fr);
    gap:clamp(24px,4vw,56px);
  }
  .ab-timeline__coord{
    flex-direction:column;
    gap:7px;
    padding-right:18px;
  }
  .ab-data__grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    align-items:start;
  }
  .ab-versions__grid{
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    align-items:start;
  }
  .ab-sec__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ab-cta__box{
    grid-template-columns:minmax(0,1.4fr) auto;
    align-items:center;
    gap:34px;
  }
}

@media (min-width:1080px){
  .ab-seats{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .ab-cov{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (prefers-reduced-motion:reduce){
  .page-about .ab-seat,
  .page-about .ab-ver,
  .page-about .ab-index__list a{
    transition:none;
  }
  .page-about .ab-ver:hover,
  .page-about .ab-index__list a:hover{
    transform:none;
  }
}