.page-about{
  background:var(--foam);
  color:var(--ink);
  --ab-dark-line:rgba(246,243,236,.22);
  --ab-dash:rgba(16,30,41,.24);
  --ab-sand-soft:rgba(217,169,76,.18);
}

/* ---------- 首屏：非对称分屏 ---------- */
.page-about .ab-hero{
  position:relative;
  overflow:hidden;
  padding-block:clamp(24px,4.5vw,56px);
  color:var(--foam);
  background:
    radial-gradient(120% 85% at 88% 6%,rgba(27,102,144,.62),transparent 62%),
    radial-gradient(90% 70% at 8% 96%,rgba(47,143,115,.24),transparent 58%),
    linear-gradient(158deg,var(--sea-900) 0%,var(--sea-700) 64%,#0a2f4a 100%);
}
.page-about .ab-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(0deg,rgba(110,147,168,.18) 0 1px,transparent 1px 58px),
    repeating-linear-gradient(90deg,rgba(110,147,168,.13) 0 1px,transparent 1px 58px);
  -webkit-mask-image:radial-gradient(82% 72% at 68% 26%,#000,transparent 76%);
  mask-image:radial-gradient(82% 72% at 68% 26%,#000,transparent 76%);
}
.page-about .ab-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(26px,4vw,52px);
}
.page-about .ab-crumbs .vf-crumbs__link{color:rgba(246,243,236,.66);}
.page-about .ab-crumbs .vf-crumbs__item span{color:var(--sand);}
.page-about .ab-hero__eyebrow{color:var(--coral-300);}
.page-about .ab-hero__title{
  margin:14px 0 0;
  font-size:clamp(30px,5vw,58px);
  line-height:1.14;
  letter-spacing:-.02em;
  font-weight:500;
  color:var(--foam);
}
.page-about .ab-hero__lede{
  margin-top:20px;
  max-width:34em;
  color:rgba(246,243,236,.8);
}
.page-about .ab-facts{
  display:flex;
  flex-wrap:wrap;
  gap:14px 30px;
  margin:26px 0 0;
  padding:18px 0 0;
  list-style:none;
  border-top:1px solid var(--ab-dark-line);
}
.page-about .ab-facts li{display:flex;flex-direction:column;gap:2px;min-width:84px;}
.page-about .ab-facts .vf-num{font-size:clamp(18px,2.4vw,24px);color:var(--sand);}
.page-about .ab-facts__label{
  font-size:11px;
  letter-spacing:.12em;
  color:rgba(246,243,236,.62);
}
.page-about .ab-hero__figure{
  margin:28px 0 0;
  padding:6px;
  border:1px solid var(--ab-dark-line);
  background:rgba(7,38,61,.4);
}
.page-about .ab-hero__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  filter:saturate(.82) contrast(1.04);
}
.page-about .ab-hero__caption{
  padding:8px 4px 2px;
  font-size:12px;
  letter-spacing:.02em;
  color:rgba(246,243,236,.6);
}

/* 仪表盘 */
.page-about .ab-dash{
  align-self:start;
  padding:clamp(16px,2.4vw,26px);
  border:1px solid var(--ab-dark-line);
  background:linear-gradient(180deg,rgba(7,38,61,.5),rgba(14,58,90,.32));
}
.page-about .ab-dash__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:14px;
  border-bottom:1px solid var(--ab-dark-line);
}
.page-about .ab-dash__ver{
  font-size:26px;
  color:var(--sand);
  letter-spacing:.04em;
}
.page-about .ab-dash__state{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  letter-spacing:.12em;
  color:rgba(246,243,236,.72);
}
.page-about .ab-dash__dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--tide);
  box-shadow:0 0 0 4px rgba(47,143,115,.2);
}
.page-about .ab-dash__svg{
  display:block;
  width:100%;
  height:auto;
  margin:18px 0 4px;
}
.page-about .ab-dash__grid line{stroke:rgba(110,147,168,.28);stroke-width:1;}
.page-about .ab-dash__route{
  fill:none;
  stroke:var(--coral-300);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:6 7;
}
.page-about .ab-dash__nodes circle{fill:var(--foam);stroke:rgba(7,38,61,.7);stroke-width:2;}
.page-about .ab-dash__node--end{fill:var(--sand);}
.page-about .ab-dash__list{margin:14px 0 0;padding:0;}
.page-about .ab-dash__list > div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:9px 0;
  border-bottom:1px solid rgba(246,243,236,.1);
  font-size:12px;
}
.page-about .ab-dash__list > div:last-child{border-bottom:0;}
.page-about .ab-dash__list dt{color:rgba(246,243,236,.58);letter-spacing:.06em;}
.page-about .ab-dash__list dd{margin:0;color:var(--foam);text-align:right;}

/* ---------- 布局骨架 ---------- */
.page-about .ab-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
}
.page-about .ab-content{min-width:0;}
.page-about .ab-rail{display:none;}

.page-about .ab-section{
  padding-block:clamp(34px,5.5vw,68px);
  border-top:1px solid var(--line-ink);
}
.page-about .ab-section:first-child{border-top:0;}
.page-about .ab-section--narrow{padding-block:clamp(26px,4vw,48px);}
.page-about .ab-section--tint{
  background:var(--paper);
  margin-inline:calc(var(--pad) * -1);
  padding-inline:var(--pad);
}
.page-about .ab-section__title{
  margin:10px 0 0;
  letter-spacing:-.01em;
}
.page-about .ab-section__lede{
  margin-top:16px;
  max-width:46em;
  color:var(--ink-soft);
  font-size:clamp(15px,1.6vw,17px);
}
.page-about .ab-split{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  margin-top:22px;
}
.page-about .ab-split__main p + p{margin-top:16px;}
.page-about .ab-split__aside{
  border-left:2px solid var(--coral-600);
  padding-left:16px;
}

/* ---------- 四类客人卡片 ---------- */
.page-about .ab-crowd{
  list-style:none;
  margin:clamp(26px,4vw,40px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
}
.page-about .ab-card{
  position:relative;
  padding:22px 20px 20px;
  border:1px solid var(--line-strong);
  background:var(--foam);
  box-shadow:var(--shadow-paper);
  transition:transform .18s ease,box-shadow .18s ease;
}
.page-about .ab-card:hover{
  transform:translateY(-4px);
  box-shadow:0 2px 0 rgba(16,30,41,.08),0 18px 34px -22px rgba(7,38,61,.6);
}
.page-about .ab-card__idx{
  position:absolute;
  top:14px;right:16px;
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--mist);
}
.page-about .ab-card .vf-tag{display:inline-block;margin:0 0 10px;}
.page-about .ab-card__title{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.4;
  color:var(--sea-700);
}
.page-about .ab-card p{margin:0;font-size:14.5px;line-height:1.7;color:var(--ink-soft);}
.page-about .ab-card__link{
  display:inline-block;
  margin-top:16px;
  font-size:13px;
  letter-spacing:.04em;
  color:var(--route-500);
  text-decoration:none;
  border-bottom:1px solid rgba(27,102,144,.4);
  padding-bottom:2px;
}
.page-about .ab-card__link:hover{color:var(--coral-600);border-bottom-color:var(--coral-600);}

/* ---------- 场景筛选与栏目表 ---------- */
.page-about .ab-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.page-about .ab-filters .vf-filter{
  border:1px solid var(--line-strong);
  background:transparent;
  color:var(--ink-soft);
  font-size:12.5px;
  letter-spacing:.06em;
  padding:8px 14px;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.page-about .ab-filters .vf-filter:hover{border-color:var(--route-500);color:var(--route-500);}
.page-about .ab-filters .vf-filter[aria-pressed="true"]{
  background:var(--coral-600);
  border-color:var(--coral-600);
  color:var(--foam);
}

.page-about .ab-map{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
  margin-top:26px;
}
.page-about .ab-map__group{
  border:1px solid var(--line-ink);
  border-top:3px solid var(--sea-700);
  background:#fdfbf6;
  padding:18px 18px 6px;
}
.page-about .ab-map__group--prep{border-top-color:var(--coral-600);}
.page-about .ab-map__group--pick{border-top-color:var(--sea-700);}
.page-about .ab-map__group--onsite{border-top-color:var(--route-500);}
.page-about .ab-map__group--keep{border-top-color:var(--sand);}
.page-about .ab-map__name{
  margin:0;
  font-size:16px;
  letter-spacing:.02em;
  color:var(--sea-900);
}
.page-about .ab-map__hint{
  margin:6px 0 12px;
  font-size:13px;
  line-height:1.65;
  color:var(--mist);
}
.page-about .ab-map__list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--line-ink);
}
.page-about .ab-map__list li{border-bottom:1px solid var(--line-ink);}
.page-about .ab-map__list li:last-child{border-bottom:0;}
.page-about .ab-map__list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 2px;
  font-size:14px;
  color:var(--ink);
  text-decoration:none;
  transition:color .16s ease,background .16s ease;
}
.page-about .ab-map__list a::after{
  content:"→";
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--mist);
}
.page-about .ab-map__list a:hover{
  color:var(--coral-600);
  background:rgba(228,87,46,.05);
}
.page-about .ab-map__list a:hover::after{color:var(--coral-600);}
.page-about .ab-map__empty{
  margin:0;
  padding:16px;
  font-size:13px;
  color:var(--mist);
  border:1px dashed var(--line-strong);
}
.page-about .ab-map__group[hidden]{display:none;}

/* ---------- 团队四象限 ---------- */
.page-about .ab-team{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:26px;
  margin-top:clamp(24px,3.5vw,36px);
}
.page-about .ab-quad{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
}
.page-about .ab-quad__cell{
  padding:16px 16px 18px;
  border:1px dashed var(--ab-dash);
  background:#fbf8f2;
}
.page-about .ab-quad__cell .vf-eyebrow{
  color:var(--sand);
  letter-spacing:.2em;
}
.page-about .ab-quad__title{
  margin:8px 0 8px;
  font-size:17px;
  color:var(--sea-700);
}
.page-about .ab-quad__cell p{margin:0;font-size:14px;line-height:1.7;color:var(--ink-soft);}
.page-about .ab-team__figure{
  margin:0;
  border:1px solid var(--line-ink);
  padding:6px;
  background:var(--paper);
  align-self:start;
}
.page-about .ab-team__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  filter:saturate(.8);
}
.page-about .ab-team__figure figcaption{
  padding:10px 4px 4px;
  font-size:12px;
  line-height:1.6;
  color:var(--ink-soft);
}

/* ---------- 竖排时间线 ---------- */
.page-about .ab-tl{
  list-style:none;
  margin:clamp(24px,4vw,36px) 0 0;
  padding:0 0 0 30px;
  position:relative;
}
.page-about .ab-tl::before{
  content:"";
  position:absolute;
  left:6px;
  top:10px;
  bottom:10px;
  width:1px;
  background:linear-gradient(180deg,var(--sand),rgba(217,169,76,.12));
}
.page-about .ab-tl li{
  position:relative;
  padding:0 0 26px;
}
.page-about .ab-tl li:last-child{padding-bottom:0;}
.page-about .ab-tl li::before{
  content:"";
  position:absolute;
  left:-30px;
  top:7px;
  width:11px;height:11px;
  border-radius:50%;
  background:var(--foam);
  border:2px solid var(--sand);
  transition:background .2s ease,box-shadow .2s ease;
}
.page-about .ab-tl li:hover::before{
  background:var(--sand);
  box-shadow:0 0 0 5px var(--ab-sand-soft);
}
.page-about .ab-tl__year{
  margin:0;
  font-family:var(--font-mono);
  font-weight:700;
  font-size:15px;
  letter-spacing:.1em;
  color:var(--sand);
}
.page-about .ab-tl__title{
  margin:4px 0 6px;
  font-size:16.5px;
  color:var(--sea-900);
}
.page-about .ab-tl__note{
  margin:0;
  max-width:38em;
  font-size:14px;
  line-height:1.7;
  color:var(--ink-soft);
}

/* ---------- 合作生态 ---------- */
.page-about .ab-eco__figure{
  margin:clamp(22px,3.5vw,34px) 0 0;
  border:1px solid var(--line-ink);
  padding:6px;
  background:var(--paper);
}
.page-about .ab-eco__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  filter:saturate(.75) contrast(1.03);
}
.page-about .ab-eco__figure figcaption{
  padding:10px 4px 4px;
  font-size:12px;
  color:var(--ink-soft);
}
.page-about .ab-eco{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:26px;
  margin-top:clamp(22px,3.5vw,34px);
  align-items:center;
}
.page-about .ab-eco__rings{max-width:280px;margin-inline:auto;}
.page-about .ab-eco__rings svg{display:block;width:100%;height:auto;}
.page-about .ab-ring{fill:none;stroke-width:1.2;}
.page-about .ab-ring--1{stroke:var(--coral-600);}
.page-about .ab-ring--2{stroke:var(--route-500);stroke-dasharray:5 6;}
.page-about .ab-ring--3{stroke:var(--mist);stroke-dasharray:2 7;}
.page-about .ab-ring__core{fill:var(--sand);}
.page-about .ab-ring__tick{stroke:rgba(16,30,41,.16);stroke-width:1;}
.page-about .ab-eco__text p{margin:0;}
.page-about .ab-eco__text p + p{margin-top:16px;}
.page-about .ab-eco__stats{
  margin:22px 0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:14px;
  border-top:1px solid var(--line-ink);
  border-bottom:1px solid var(--line-ink);
  padding:16px 0;
}
.page-about .ab-eco__stats > div{display:flex;flex-direction:column;gap:2px;}
.page-about .ab-eco__stats dt{font-size:26px;color:var(--sea-700);}
.page-about .ab-eco__stats dd{margin:0;font-size:12px;letter-spacing:.04em;color:var(--mist);}

/* ---------- 结尾行动区 ---------- */
.page-about .ab-cta{
  margin-block:clamp(30px,5vw,60px);
  background:linear-gradient(150deg,var(--sea-900),var(--sea-700));
  color:var(--foam);
  padding:clamp(28px,4.5vw,52px);
  position:relative;
  overflow:hidden;
}
.page-about .ab-cta::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:repeating-linear-gradient(115deg,rgba(246,243,236,.07) 0 1px,transparent 1px 26px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);
  mask-image:linear-gradient(90deg,transparent,#000 70%);
}
.page-about .ab-cta__inner{position:relative;z-index:1;max-width:44em;}
.page-about .ab-cta__title{margin:0;color:var(--foam);font-size:clamp(22px,3.2vw,34px);}
.page-about .ab-cta__text{
  margin:14px 0 0;
  color:rgba(246,243,236,.78);
  font-size:15px;
  line-height:1.75;
}
.page-about .ab-cta__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.page-about .ab-cta .vf-btn--line{
  border-color:rgba(246,243,236,.5);
  color:var(--foam);
}
.page-about .ab-cta .vf-btn--line:hover{
  border-color:var(--sand);
  color:var(--sand);
}

/* ---------- 断点 ---------- */
@media (min-width:640px){
  .page-about .ab-quad{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .page-about .ab-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
  .page-about .ab-crowd{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 26px;}
  .page-about .ab-crowd > li:nth-child(2n){margin-top:36px;}
  .page-about .ab-eco__rings{margin-inline:0;}
}

@media (min-width:900px){
  .page-about .ab-hero__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:start;
    gap:clamp(32px,4vw,60px);
  }
  .page-about .ab-split{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);}
  .page-about .ab-split--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);}
  .page-about .ab-split--reverse .ab-split__main{order:2;}
  .page-about .ab-split--reverse .ab-split__aside{order:1;border-left:0;border-right:2px solid var(--sand);padding-left:0;padding-right:16px;}
  .page-about .ab-team{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,3.5vw,44px);}
  .page-about .ab-eco{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(28px,4vw,52px);}
  .page-about .ab-tl{max-width:44em;}
}

@media (min-width:1080px){
  .page-about .ab-layout{
    grid-template-columns:164px minmax(0,1fr);
    column-gap:clamp(24px,3.5vw,52px);
  }
  .page-about .ab-rail{
    display:flex;
    flex-direction:column;
    gap:2px;
    position:sticky;
    top:calc(var(--header-h-condensed) + 28px);
    align-self:start;
    padding-top:clamp(34px,5.5vw,68px);
    font-size:12px;
    letter-spacing:.08em;
  }
  .page-about .ab-rail .vf-rail__link{
    padding:7px 0 7px 12px;
    border-left:1px solid var(--line-ink);
    color:var(--mist);
    text-decoration:none;
    transition:color .18s ease,border-color .18s ease;
  }
  .page-about .ab-rail .vf-rail__link:hover{color:var(--sea-700);border-left-color:var(--route-500);}
  .page-about .ab-rail .vf-rail__link[aria-current]{
    color:var(--coral-600);
    border-left:2px solid var(--coral-600);
    font-weight:700;
  }
  .page-about .ab-hero__title{font-size:clamp(38px,4.6vw,58px);}
}

@media (prefers-reduced-motion:reduce){
  .page-about .ab-card,
  .page-about .ab-tl li::before,
  .page-about .ab-map__list a{transition:none;}
  .page-about .ab-card:hover{transform:none;}
}
<<<END>>>