.page-about{
  --about-rail:1.15rem;
  --about-sticky:96px;
  background:var(--c-ink);
  color:var(--c-grey);
  overflow-x:clip;
}

.page-about .wrap{ width:100%; }

.page-about h2{
  font-family:var(--font-sans);
  font-weight:800;
  letter-spacing:-.015em;
  line-height:1.14;
  color:var(--c-paper);
  font-size:var(--step-3);
  margin:.35rem 0 0;
}

.page-about h3{
  font-family:var(--font-sans);
  font-weight:700;
  color:var(--c-paper);
  margin:0;
}

.page-about p{ line-height:1.78; margin:.7rem 0 0; }

.page-about .eyebrow{
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.22em;
  color:var(--c-ice);
  text-transform:none;
  margin:0;
}

.page-about .lede{
  color:var(--c-grey);
  max-width:62ch;
  font-size:var(--step-0);
}

.page-about .num{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}

/* ---------- 首屏 ---------- */
.page-about .about-hero{
  position:relative;
  padding:clamp(1rem,2.6vw,1.8rem) 0 clamp(2rem,5vw,3.4rem);
  background:
    radial-gradient(92% 72% at 86% -8%, rgba(124,255,107,.15), transparent 62%),
    radial-gradient(70% 60% at 4% 104%, rgba(142,216,232,.10), transparent 60%),
    linear-gradient(178deg,var(--c-ink) 0%,var(--c-night) 100%);
  border-bottom:1px solid var(--line);
}

.page-about .about-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.5rem,4vw,2.6rem);
}

.page-about .about-kicker{
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.26em;
  color:var(--c-neon);
  margin:0 0 .8rem;
}

.page-about .about-title{
  font-family:var(--font-sans);
  font-weight:800;
  font-size:clamp(1.95rem,5.4vw,3.5rem);
  line-height:1.06;
  letter-spacing:-.03em;
  color:var(--c-paper);
  margin:0;
  max-width:15ch;
}

.page-about .about-lede{
  font-size:var(--step-1);
  color:var(--c-grey);
  max-width:52ch;
  margin-top:1.05rem;
}

.page-about .about-lede--dim{
  font-size:var(--step-0);
  color:rgba(215,224,227,.78);
  padding-left:.9rem;
  border-left:2px solid rgba(201,183,156,.5);
  margin-top:1rem;
}

.page-about .about-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:1.6rem;
  background:var(--line);
  border:1px solid var(--line);
}

.page-about .about-stats .stat{
  display:flex;
  flex-direction:column;
  gap:.3rem;
  padding:.8rem .85rem;
  background:rgba(8,26,43,.74);
}

.page-about .about-stats .stat-value{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(1.2rem,3.4vw,1.55rem);
  font-weight:700;
  color:var(--c-neon);
  line-height:1.1;
}

.page-about .about-stats .stat-label{
  font-size:.78rem;
  letter-spacing:.06em;
  color:rgba(215,224,227,.8);
}

.page-about .about-hero-figure{ margin:0; }

.page-about .about-hero-figure .media{
  border:1px solid var(--line-strong);
  background:var(--c-black);
}

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

.page-about .media-caption{
  margin-top:.55rem;
  font-size:.78rem;
  line-height:1.6;
  color:rgba(142,216,232,.85);
}

.page-about .about-figure-note{
  margin-top:.5rem;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.08em;
  color:rgba(201,183,156,.9);
  border-top:1px dashed var(--line-soft);
  padding-top:.55rem;
}

/* ---------- 时间轴 ---------- */
.page-about .about-flow{
  padding:clamp(2.2rem,5.5vw,4rem) 0;
  background:linear-gradient(180deg,var(--c-night) 0%,var(--c-ink) 62%);
  border-bottom:1px solid var(--line-soft);
}

.page-about .about-flow-head .lede{ margin-top:.9rem; }

.page-about .about-timeline{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.2rem,3vw,2rem);
  margin-top:clamp(1.6rem,4vw,2.4rem);
}

.page-about .about-scale-wrap{ display:none; }

.page-about .about-scale{
  list-style:none;
  margin:0;
  padding:0 0 0 1rem;
  border-left:1px solid var(--line-strong);
  display:grid;
  gap:1.7rem;
}

.page-about .about-scale-item{
  position:relative;
  display:grid;
  gap:.12rem;
}

.page-about .about-scale-item::before{
  content:"";
  position:absolute;
  left:-1rem;
  top:.55rem;
  width:.62rem;
  height:2px;
  background:var(--c-sand);
}

.page-about .about-scale-year{
  font-size:1.02rem;
  font-weight:700;
  color:var(--c-neon);
  letter-spacing:.04em;
}

.page-about .about-scale-label{
  font-size:.72rem;
  letter-spacing:.12em;
  color:rgba(142,216,232,.8);
}

.page-about .filter-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.4rem;
  padding-bottom:.4rem;
}

.page-about .filter-btn{
  font-family:var(--font-mono);
  font-size:.8rem;
  letter-spacing:.04em;
  padding:.36rem .72rem;
  border:1px solid var(--line-strong);
  border-radius:var(--radius);
  background:transparent;
  color:var(--c-grey);
  cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}

.page-about .filter-btn:hover{ border-color:var(--c-neon); color:var(--c-paper); }

.page-about .filter-btn[aria-pressed="true"]{
  background:var(--c-neon);
  border-color:var(--c-neon);
  color:var(--c-black);
  font-weight:700;
}

.page-about .filter-count{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.08em;
  color:var(--c-ice);
}

.page-about .about-stops{
  margin-top:1.1rem;
  border-left:1px solid var(--line-strong);
  padding-left:var(--about-rail);
}

.page-about .about-stop{
  position:relative;
  padding:1.1rem 0 1.25rem;
  border-bottom:1px dashed var(--line-soft);
}

.page-about .about-stop:last-child{ border-bottom:0; }

.page-about .about-stop::before{
  content:"";
  position:absolute;
  top:1.5rem;
  left:calc(-1 * var(--about-rail) - 4px);
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--c-ink);
  border:2px solid var(--c-neon);
}

.page-about .about-stop-head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.4rem .9rem;
}

.page-about .about-year{
  font-size:.92rem;
  font-weight:700;
  color:var(--c-ember);
  letter-spacing:.08em;
}

.page-about .about-stop-title{
  font-size:var(--step-1);
  line-height:1.3;
}

.page-about .about-stop-body{
  color:rgba(215,224,227,.88);
  max-width:62ch;
}

.page-about .about-stop-note{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:rgba(201,183,156,.92);
  margin-top:.65rem;
}

/* ---------- 团队 ---------- */
.page-about .about-team{
  padding:clamp(2.2rem,5.5vw,4rem) 0;
  background:linear-gradient(180deg,var(--c-ink) 0%,var(--c-night) 100%);
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
}

.page-about .about-team-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.5rem,4vw,2.6rem);
}

.page-about .about-team-copy p{ max-width:58ch; color:rgba(215,224,227,.88); }

.page-about .about-team-figure{ margin:1.4rem 0 0; }
.page-about .about-team-figure .media{
  border:1px solid var(--line);
  background:var(--c-black);
}

.page-about .about-team-aside{ min-width:0; }

.page-about .about-map{
  display:block;
  width:100%;
  height:auto;
  border:1px solid var(--line);
  background:rgba(31,77,66,.3);
}

.page-about .about-map .map-frame{
  fill:none;
  stroke:var(--line-strong);
  stroke-width:1;
}

.page-about .about-map .map-link{
  fill:none;
  stroke:var(--c-sand);
  stroke-width:1;
  stroke-dasharray:4 4;
  opacity:.75;
}

.page-about .about-map .map-box{
  fill:rgba(10,42,36,.9);
  stroke:rgba(201,183,156,.6);
  stroke-width:1;
}

.page-about .about-map .map-box--core{
  fill:rgba(124,255,107,.16);
  stroke:var(--c-neon);
}

.page-about .about-map text{
  fill:var(--c-paper);
  font-family:var(--font-sans);
  font-size:13px;
  text-anchor:middle;
}

.page-about .about-map .map-foot{
  fill:var(--c-ice);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
}

.page-about .about-team-items{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.7rem;
  margin-top:1rem;
}

.page-about .about-team-item{
  border:1px solid var(--line);
  background:rgba(31,77,66,.4);
  border-radius:var(--radius);
}

.page-about .about-team-item summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:baseline;
  gap:.65rem;
  padding:.8rem .9rem;
  font-family:var(--font-sans);
  font-weight:700;
  color:var(--c-paper);
  font-size:.96rem;
}

.page-about .about-team-item summary::-webkit-details-marker{ display:none; }

.page-about .about-team-item summary::after{
  content:"+";
  margin-left:auto;
  font-family:var(--font-mono);
  color:var(--c-neon);
  font-size:1rem;
  line-height:1;
}

.page-about .about-team-item[open] summary::after{ content:"–"; }

.page-about .about-team-item[open] summary{ border-bottom:1px dashed var(--line-soft); }

.page-about .about-team-no{
  font-size:.76rem;
  letter-spacing:.1em;
  color:var(--c-ember);
}

.page-about .about-team-name{ flex:1 1 auto; }

.page-about .about-team-item p{
  margin:0;
  padding:.75rem .9rem .9rem;
  font-size:.92rem;
  line-height:1.72;
  color:rgba(215,224,227,.85);
}

/* ---------- 合作生态（纸白反转区） ---------- */
.page-about .about-partners{
  background:var(--c-paper);
  color:var(--c-black);
  padding:clamp(2.2rem,5.5vw,4rem) 0;
  border-top:1px solid var(--line-strong);
  border-bottom:1px solid var(--line-strong);
}

.page-about .about-partners h2{ color:var(--c-black); }

.page-about .about-partners .eyebrow{ color:#1F4D42; }

.page-about .about-partners .lede{
  color:rgba(5,16,13,.78);
  max-width:58ch;
}

.page-about .about-partners-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.4rem,3.4vw,2.2rem);
  margin-top:clamp(1.4rem,3.6vw,2.2rem);
}

.page-about .about-partners-figure{ margin:0; }

.page-about .about-partners-figure .media{
  border:1px solid rgba(5,16,13,.24);
  background:var(--c-black);
}

.page-about .about-partners .media-caption{
  color:rgba(5,16,13,.66);
}

.page-about .about-partners .filter-btn{
  border-color:rgba(5,16,13,.3);
  color:var(--c-black);
  background:transparent;
}

.page-about .about-partners .filter-btn:hover{
  border-color:var(--c-ink);
  background:rgba(10,42,36,.08);
  color:var(--c-black);
}

.page-about .about-partners .filter-btn[aria-pressed="true"]{
  background:var(--c-ink);
  border-color:var(--c-ink);
  color:var(--c-paper);
}

.page-about .about-partners .filter-count{ color:rgba(5,16,13,.6); }

.page-about .about-partner-cards{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.8rem;
  margin-top:1rem;
}

.page-about .about-pcard{
  background:rgba(255,255,255,.6);
  border:1px solid rgba(5,16,13,.18);
  border-radius:var(--radius);
  padding:.85rem .95rem;
  color:var(--c-black);
  box-shadow:none;
}

.page-about .about-pcard .card-head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.3rem .7rem;
  border-bottom:1px dashed rgba(5,16,13,.18);
  padding-bottom:.5rem;
}

.page-about .about-pcard .card-title{
  font-size:.98rem;
  color:var(--c-black);
  margin:0;
}

.page-about .about-pcard .card-meta{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.1em;
  color:#1F4D42;
}

.page-about .about-pcard p{
  margin:.55rem 0 0;
  font-size:.9rem;
  line-height:1.72;
  color:rgba(5,16,13,.78);
}

/* ---------- 服务与联系 ---------- */
.page-about .about-service{
  padding:clamp(2.2rem,5.5vw,4rem) 0;
  background:var(--c-night);
  border-bottom:1px solid var(--line-soft);
}

.page-about .about-service-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.5rem,3.6vw,2.4rem);
}

.page-about .about-service-copy p{
  max-width:56ch;
  color:rgba(215,224,227,.88);
}

.page-about .about-service-link{ margin-top:1.1rem; }

.page-about .about-service-link a{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:.82rem;
  letter-spacing:.08em;
  color:var(--c-neon);
  border-bottom:1px solid rgba(124,255,107,.5);
  padding-bottom:.15rem;
}

.page-about .about-service-link a:hover{ color:var(--c-paper); border-color:var(--c-paper); }

.page-about .about-contact-card{
  border:1px solid var(--line-strong);
  background:rgba(10,42,36,.62);
  padding:1rem 1.1rem 1.15rem;
  align-self:start;
}

.page-about .about-contact-title{
  margin:0 0 .8rem;
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.18em;
  color:var(--c-ice);
}

.page-about .about-contact-list{
  margin:0;
  display:grid;
  gap:1px;
  background:var(--line-soft);
}

.page-about .about-contact-row{
  display:grid;
  gap:.15rem;
  padding:.6rem .1rem;
  background:rgba(8,26,43,.5);
}

.page-about .about-contact-row .footer-key{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.14em;
  color:rgba(201,183,156,.9);
}

.page-about .about-contact-row .footer-value{
  margin:0;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:.92rem;
  color:var(--c-paper);
  word-break:break-word;
}

.page-about .about-contact-row .footer-value--text{
  font-family:var(--font-sans);
  font-size:.9rem;
}

.page-about .about-contact-note{
  margin-top:.85rem;
  font-size:.8rem;
  line-height:1.7;
  color:rgba(215,224,227,.72);
  border-top:1px dashed var(--line-soft);
  padding-top:.7rem;
}

/* ---------- 长期方向 ---------- */
.page-about .about-principles{
  padding:clamp(2.2rem,5.5vw,4rem) 0 clamp(2.4rem,6vw,4.2rem);
  background:
    radial-gradient(80% 70% at 12% 0%, rgba(124,255,107,.1), transparent 60%),
    linear-gradient(180deg,var(--c-ink) 0%,var(--c-black) 100%);
}

.page-about .about-principle-list{
  margin-top:clamp(1.2rem,3vw,1.8rem);
}

.page-about .about-principle{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.4rem;
  padding:1.1rem 0;
  border-top:1px dashed var(--line-soft);
}

.page-about .about-principle:last-of-type{ border-bottom:1px dashed var(--line-soft); }

.page-about .about-principle-no{
  font-size:1.5rem;
  font-weight:700;
  color:var(--c-neon);
  letter-spacing:.04em;
  line-height:1;
}

.page-about .about-principle h3{
  font-size:var(--step-1);
  line-height:1.35;
}

.page-about .about-principle p{
  max-width:60ch;
  color:rgba(215,224,227,.85);
  margin-top:.5rem;
}

.page-about .about-cta{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:clamp(1.4rem,3.4vw,2rem);
  padding-top:clamp(1.2rem,3vw,1.6rem);
  border-top:1px solid var(--line);
}

/* ---------- 断点 ---------- */
@media (min-width:640px){
  .page-about .about-stats{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .page-about .about-partner-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (min-width:900px){
  .page-about{ --about-rail:1.9rem; }

  .page-about .about-hero-grid{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
    align-items:start;
    gap:clamp(2rem,4vw,3.4rem);
  }

  .page-about .about-title{ max-width:13ch; }

  .page-about .about-scale-wrap{ display:block; }

  .page-about .about-scale{
    position:sticky;
    top:var(--about-sticky);
  }

  .page-about .about-timeline{
    grid-template-columns:132px minmax(0,1fr);
    gap:clamp(1.8rem,4vw,3.2rem);
    align-items:start;
  }

  .page-about .about-team-grid{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    align-items:start;
    gap:clamp(2rem,4vw,3rem);
  }

  .page-about .about-team-items{ grid-template-columns:repeat(2,minmax(0,1fr)); }

  .page-about .about-partners-grid{
    grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);
    align-items:start;
    gap:clamp(1.6rem,3.6vw,2.6rem);
  }

  .page-about .about-partners-figure .media{ position:sticky; top:var(--about-sticky); }

  .page-about .about-service-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    align-items:start;
    gap:clamp(2rem,4vw,3rem);
  }

  .page-about .about-principle{
    grid-template-columns:88px minmax(0,1fr);
    gap:1.4rem;
    padding:1.35rem 0;
  }

  .page-about .about-principle-no{ font-size:1.8rem; }
}

@media (min-width:1200px){
  .page-about .about-partner-cards{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
<<<END>>>