.page-about{
  --about-ghost:rgba(33,26,20,.06);
  --about-gap:26px;
  background:var(--paper);
  color:var(--ink);
  overflow-x:clip;
}

.page-about .eyebrow{margin:0 0 12px}
.page-about .eyebrow--on-ink{color:var(--cyan)}

.page-about h1,
.page-about h2,
.page-about h3{
  font-family:var(--font-display);
  font-weight:300;
  letter-spacing:.05em;
  margin:0;
}

.page-about h1{
  font-size:clamp(2rem,7.4vw,4.1rem);
  line-height:1.16;
  letter-spacing:.03em;
  margin:0 0 20px;
}

.page-about h2{
  font-size:clamp(1.5rem,4.6vw,2.5rem);
  line-height:1.24;
  margin:0 0 18px;
}

.page-about h3{
  font-size:1.08rem;
  letter-spacing:.05em;
  margin:0 0 10px;
}

.page-about p{
  font-size:.97rem;
  line-height:1.78;
  margin:0 0 16px;
  max-width:34em;
}

/* ---------- 首屏 ---------- */
.page-about .about-hero{
  padding:22px 0 46px;
  border-bottom:var(--line-ink);
  background:
    radial-gradient(120% 90% at 88% 0%, rgba(242,106,46,.14) 0%, rgba(242,106,46,0) 58%),
    linear-gradient(180deg, rgba(255,249,238,.7) 0%, rgba(247,239,223,0) 62%);
}

.page-about .breadcrumb{margin-bottom:26px}

.page-about .about-hero__grid{
  display:grid;
  gap:32px;
}

.page-about .about-hero__lead .lede{
  font-size:1.02rem;
  max-width:36em;
  color:rgba(33,26,20,.86);
}

.page-about .about-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:24px 0 26px;
}

.page-about .about-index{
  display:flex;
  flex-wrap:wrap;
  gap:8px 6px;
  padding-top:18px;
  border-top:1px dashed rgba(33,26,20,.28);
}

.page-about .about-index a{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.06em;
  color:var(--ink);
  text-decoration:none;
  padding:5px 11px;
  border:1px solid rgba(33,26,20,.28);
  background:var(--milk);
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.page-about .about-index a:hover,
.page-about .about-index a:focus-visible{
  background:var(--forest);
  color:var(--milk);
  border-color:var(--forest);
  transform:translateY(-2px);
}

.page-about .about-hero__stack{
  display:grid;
  gap:12px;
}

.page-about .stack-card{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:15px 17px;
  background:var(--milk);
  border:var(--line-ink);
  border-left:4px solid var(--apricot);
  box-shadow:var(--shadow-print);
  transition:transform .2s ease,box-shadow .2s ease;
}

.page-about .stack-card:hover{
  transform:translate(-2px,-2px);
  box-shadow:8px 8px 0 rgba(33,26,20,.13);
}

.page-about .stack-card__num{
  font-family:var(--font-mono);
  font-size:1.85rem;
  font-weight:700;
  line-height:1;
  color:var(--apricot);
  letter-spacing:-.02em;
  flex:none;
}

.page-about .stack-card__unit{font-size:.85rem;margin-left:2px}

.page-about .stack-card__txt{
  font-size:.83rem;
  line-height:1.6;
  color:rgba(33,26,20,.78);
  max-width:22em;
}

.page-about .stack-card--ink{
  background:var(--forest);
  border-color:var(--forest);
  border-left-color:var(--cyan);
}
.page-about .stack-card--ink .stack-card__num{color:var(--cyan)}
.page-about .stack-card--ink .stack-card__txt{color:rgba(255,249,238,.86)}

/* ---------- 通用章节 ---------- */
.page-about .about-sec{
  padding:52px 0;
  position:relative;
}

.page-about .about-sec--wheat{
  background:linear-gradient(180deg, rgba(216,206,188,.5) 0%, rgba(216,206,188,.16) 100%);
  border-top:var(--line-ink);
  border-bottom:var(--line-ink);
}

.page-about .about-sec--ink{
  background:var(--forest);
  color:var(--milk);
}

.page-about .about-sec--ink p{color:rgba(255,249,238,.84)}
.page-about .about-sec--ink h2{color:var(--milk)}

/* ---------- 图片 ---------- */
.page-about .about-fig{
  margin:0;
  border:var(--line-ink);
  background:var(--milk);
  box-shadow:var(--shadow-print);
  overflow:hidden;
}

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

.page-about .about-fig--wide img{aspect-ratio:12/7}
.page-about .about-fig--team img{aspect-ratio:3/2}

.page-about .about-fig__cap{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.05em;
  color:rgba(33,26,20,.62);
  padding:9px 12px;
  border-top:1px dashed rgba(33,26,20,.24);
  background:rgba(247,239,223,.7);
}

/* ---------- 起点 ---------- */
.page-about .origin-grid{display:grid;gap:var(--about-gap)}

.page-about .origin-note{
  border-left:3px solid var(--apricot);
  padding-left:14px;
  font-size:.9rem;
  color:rgba(33,26,20,.72);
  max-width:32em;
}

/* ---------- 时间线 ---------- */
.page-about .about-timeline{
  overflow:hidden;
  border-top:var(--line-ink);
  border-bottom:var(--line-ink);
}

.page-about .about-timeline .container{position:relative;z-index:2}

.page-about .about-timeline__ghost{
  position:absolute;
  right:-52px;
  top:36px;
  width:230px;
  height:auto;
  max-width:none;
  opacity:.14;
  filter:grayscale(1) contrast(1.1);
  z-index:1;
  pointer-events:none;
}

.page-about .timeline-head{margin-bottom:8px}

.page-about .timeline-lede{
  font-size:.95rem;
  color:rgba(255,249,238,.8);
  max-width:38em;
}

.page-about .tl-arc{
  display:none;
  width:100%;
  height:70px;
  margin:6px 0 -6px;
}
.page-about .tl-arc path{stroke:var(--apricot);opacity:.75}

.page-about .tl{
  list-style:none;
  margin:26px 0 0;
  padding:0;
  display:grid;
  gap:18px;
}

.page-about .tl__item{
  position:relative;
  padding:18px 16px 20px;
  background:rgba(255,249,238,.06);
  border-top:2px solid rgba(255,249,238,.28);
  border-left:1px solid rgba(255,249,238,.14);
  transition:background .2s ease,transform .2s ease,border-top-color .2s ease;
}

.page-about .tl__item::before{
  content:"";
  position:absolute;
  top:-7px;
  left:16px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 4px rgba(46,242,200,.18);
}

.page-about .tl__item:hover,
.page-about .tl__item:focus-within{
  background:rgba(255,249,238,.11);
  border-top-color:var(--cyan);
  transform:translateY(-4px);
}

.page-about .tl__item--now{background:rgba(46,242,200,.1)}
.page-about .tl__item--now::before{background:var(--apricot);box-shadow:0 0 0 4px rgba(242,106,46,.24)}

.page-about .tl__num{
  display:block;
  font-family:var(--font-mono);
  font-size:2.9rem;
  font-weight:300;
  line-height:1;
  color:rgba(255,249,238,.16);
  letter-spacing:-.03em;
  margin-bottom:6px;
}

.page-about .tl__item .tag{margin-bottom:10px}

.page-about .tl__title{
  font-size:1.02rem;
  color:var(--milk);
  margin:0 0 8px;
}

.page-about .tl__text{
  font-size:.88rem;
  line-height:1.72;
  color:rgba(255,249,238,.84);
  margin:0 0 10px;
}

.page-about .tl__note{
  font-family:var(--font-mono);
  font-size:.72rem;
  line-height:1.6;
  color:rgba(46,242,200,.82);
  border-top:1px dashed rgba(255,249,238,.24);
  padding-top:9px;
  margin:0;
}

/* ---------- 团队 ---------- */
.page-about .team-grid{display:grid;gap:var(--about-gap)}

.page-about .team-folds{
  margin-top:22px;
  display:grid;
  gap:10px;
}

.page-about .fold{
  background:var(--milk);
  border:var(--line-ink);
  border-left:4px solid var(--forest);
  box-shadow:3px 3px 0 rgba(33,26,20,.07);
}

.page-about .fold[open]{border-left-color:var(--apricot)}

.page-about .fold__sum{
  cursor:pointer;
  list-style:none;
  padding:12px 15px;
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.07em;
  color:var(--ink);
  display:flex;
  align-items:center;
  gap:10px;
}

.page-about .fold__sum::-webkit-details-marker{display:none}

.page-about .fold__sum::before{
  content:"+";
  font-size:1rem;
  color:var(--apricot);
  line-height:1;
}

.page-about .fold[open] .fold__sum::before{content:"−"}

.page-about .fold__sum:hover{background:rgba(216,206,188,.34)}
.page-about .fold__sum:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}

.page-about .fold__body{
  padding:0 15px 14px;
  border-top:1px dashed rgba(33,26,20,.2);
  margin-top:2px;
}

.page-about .fold__body p{
  font-size:.88rem;
  margin:12px 0 0;
  color:rgba(33,26,20,.8);
  max-width:36em;
}

/* ---------- 六个栏目 ---------- */
.page-about .columns-head{margin-bottom:26px}

.page-about .columns-lede{
  font-size:.95rem;
  color:rgba(33,26,20,.74);
  max-width:36em;
}

.page-about .col-grid{
  display:grid;
  gap:14px;
}

.page-about .col-card{
  position:relative;
  background:var(--paper);
  border:var(--line-ink);
  padding:20px 18px 18px;
  box-shadow:var(--shadow-print);
  transition:transform .2s ease,box-shadow .2s ease;
}

.page-about .col-card:hover{
  transform:translate(-3px,-3px);
  box-shadow:9px 9px 0 rgba(33,26,20,.12);
}

.page-about .col-card__idx{
  display:block;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.14em;
  color:var(--apricot);
  margin-bottom:10px;
}

.page-about .col-card p{
  font-size:.88rem;
  color:rgba(33,26,20,.8);
  margin:0;
  max-width:30em;
}

.page-about .col-card--accent{
  background:var(--forest);
  border-color:var(--forest);
}
.page-about .col-card--accent h3{color:var(--milk)}
.page-about .col-card--accent p{color:rgba(255,249,238,.84)}
.page-about .col-card--accent .col-card__idx{color:var(--cyan)}

/* ---------- 合作与荣誉 ---------- */
.page-about .partner-grid{display:grid;gap:var(--about-gap)}

.page-about .partner-stats{display:grid;gap:12px}

.page-about .stat-slab{
  background:var(--milk);
  border:var(--line-ink);
  border-top:5px solid var(--apricot);
  padding:18px;
  box-shadow:var(--shadow-print);
}

.page-about .stat-slab--alt{border-top-color:var(--pitch)}

.page-about .stat-slab__num{
  display:block;
  font-family:var(--font-mono);
  font-size:2.7rem;
  font-weight:700;
  line-height:1;
  letter-spacing:-.03em;
  color:var(--ink);
}

.page-about .stat-slab__label{
  display:block;
  margin-top:9px;
  font-size:.82rem;
  line-height:1.6;
  color:rgba(33,26,20,.72);
}

.page-about .honor-band{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 15px;
  background:var(--apricot);
  color:#fff;
  border:1px solid var(--ink);
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.05em;
}

.page-about .honor-band__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--milk);
  flex:none;
}

/* ---------- 测试版 ---------- */
.page-about .beta-panel{
  display:grid;
  gap:26px;
  border:1px solid rgba(46,242,200,.4);
  padding:26px 20px;
  background:
    linear-gradient(135deg, rgba(46,242,200,.08) 0%, rgba(46,242,200,0) 55%),
    var(--forest-deep);
}

.page-about .beta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.page-about .beta-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:0;
  border-top:1px solid rgba(255,249,238,.2);
}

.page-about .beta-list li{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:6px 14px;
  padding:12px 2px;
  border-bottom:1px dashed rgba(255,249,238,.2);
}

.page-about .beta-list__k{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.08em;
  color:var(--cyan);
  flex:none;
}

.page-about .beta-list__v{
  font-size:.84rem;
  line-height:1.6;
  color:rgba(255,249,238,.86);
}

/* ---------- 适合谁用 ---------- */
.page-about .aud-grid{
  display:grid;
  gap:14px;
  margin-bottom:30px;
}

.page-about .aud-card{
  background:var(--milk);
  border:var(--line-ink);
  border-bottom:4px solid var(--wheat);
  padding:20px 18px;
  transition:border-bottom-color .2s ease,transform .2s ease;
}

.page-about .aud-card:hover{
  border-bottom-color:var(--apricot);
  transform:translateY(-3px);
}

.page-about .aud-card .tag{margin-bottom:12px}
.page-about .aud-card h3{font-size:1.05rem}
.page-about .aud-card p{font-size:.88rem;margin:0;color:rgba(33,26,20,.8)}

.page-about .about-cta{
  border-top:1px solid rgba(33,26,20,.22);
  padding-top:24px;
  display:grid;
  gap:16px;
}

.page-about .about-cta__line{
  font-size:1rem;
  max-width:32em;
  margin:0;
}

.page-about .about-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* ---------- 平板 ---------- */
@media (min-width:640px){
  .page-about .about-sec{padding:66px 0}

  .page-about .col-grid{grid-template-columns:repeat(2,1fr)}
  .page-about .aud-grid{grid-template-columns:repeat(3,1fr)}
  .page-about .partner-stats{grid-template-columns:repeat(2,1fr)}
  .page-about .honor-band{grid-column:1/-1}
  .page-about .beta-panel{padding:32px 28px}
  .page-about .about-timeline__ghost{width:300px;right:-30px}
}

/* ---------- 桌面 ---------- */
@media (min-width:900px){
  .page-about .about-hero{padding:26px 0 60px}

  .page-about .about-hero__grid{
    grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);
    gap:46px;
    align-items:start;
  }

  .page-about .about-hero__stack{padding-top:34px}
  .page-about .stack-card:nth-child(2){margin-left:34px}
  .page-about .stack-card:nth-child(3){margin-right:20px}
  .page-about .stack-card:nth-child(4){margin-left:52px}

  .page-about .origin-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
    gap:44px;
    align-items:center;
  }

  .page-about .origin-grid .about-fig{order:2}

  .page-about .about-timeline__ghost{width:340px;right:-40px;top:20px;opacity:.16}

  .page-about .tl-arc{display:block}
  .page-about .tl{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-top:0;
  }
  .page-about .tl__item:nth-child(even){margin-top:26px}
  .page-about .tl__num{font-size:3.2rem}

  .page-about .team-grid{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    gap:44px;
    align-items:start;
  }

  .page-about .col-grid{grid-template-columns:repeat(3,1fr);gap:16px}
  .page-about .col-card:nth-child(2){margin-top:22px}
  .page-about .col-card:nth-child(5){margin-top:22px}

  .page-about .partner-grid{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    gap:44px;
    align-items:start;
  }

  .page-about .beta-panel{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
    gap:40px;
    padding:38px 34px;
  }

  .page-about .about-cta{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:28px;
  }
  .page-about .about-cta__actions{justify-content:flex-end}
}

@media (min-width:1180px){
  .page-about .about-hero__lead .lede{font-size:1.08rem}
  .page-about .about-sec{padding:78px 0}
  .page-about .about-timeline__ghost{width:380px}
}
<<<END>>>