.page-about{
  --about-pad:56px;
  --about-archive-line:rgba(124,115,150,.38);
  background:var(--ink);
  color:var(--ivory);
}
@media (min-width:900px){
  .page-about{--about-pad:92px}
}

/* ---------- 首屏观测窗口 ---------- */
.page-about .about-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--header-h) + 36px) var(--gutter) 56px;
  background:
    radial-gradient(130% 100% at 86% 0%, rgba(53,230,230,.16), transparent 56%),
    radial-gradient(90% 80% at 0% 100%, rgba(124,115,150,.22), transparent 62%),
    var(--space);
  border-bottom:1px solid var(--line);
}
.page-about .about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(247,244,236,.32) 1px, transparent 1px);
  background-size:64px 64px;
  opacity:.32;
  pointer-events:none;
}
.page-about .about-hero__inner{
  position:relative;
  z-index:1;
  max-width:var(--maxw);
  margin:0 auto;
  display:grid;
  gap:36px;
}
@media (min-width:900px){
  .page-about .about-hero__inner{
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
    gap:64px;
    align-items:end;
  }
}
.page-about .about-hero .crumbs__link{color:rgba(247,244,236,.55)}
.page-about .about-hero .crumbs__current{color:var(--cyan)}
.page-about .about-hero .crumbs{margin-bottom:22px}

.page-about .about-hero h1{
  margin:0 0 18px;
  line-height:1.02;
  letter-spacing:-.02em;
}
.page-about .about-hero h1 strong{
  font-weight:700;
  color:var(--cyan);
}
.page-about .about-hero .lede{
  max-width:52ch;
  margin:0;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.85;
  color:rgba(247,244,236,.8);
}

.page-about .about-hero__meta{
  list-style:none;
  margin:30px 0 0;
  padding:18px 0 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  border-top:1px solid var(--line-soft);
}
.page-about .about-hero__meta li{
  display:grid;
  gap:5px;
  min-width:0;
}
.page-about .about-k{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.14em;
  color:rgba(247,244,236,.48);
}
.page-about .about-v{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--gold);
  word-break:break-word;
}

.page-about .about-hero__visual{
  position:relative;
  margin:0;
  padding:10px;
  border:1px solid var(--line);
  background:var(--glass);
}
.page-about .about-hero__visual::before,
.page-about .about-hero__visual::after{
  content:"";
  position:absolute;
  height:1px;
  width:48px;
  background:var(--cyan);
}
.page-about .about-hero__visual::before{left:-1px;top:-1px}
.page-about .about-hero__visual::after{right:-1px;bottom:-1px}
.page-about .about-hero__visual img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  max-width:100%;
}
.page-about .about-hero__cap{
  display:block;
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:rgba(247,244,236,.5);
}

/* ---------- 通用章节与索引栏 ---------- */
.page-about .about-sec{
  position:relative;
  padding:var(--about-pad) var(--gutter);
  border-bottom:1px solid var(--line-soft);
}
.page-about .about-sec--last{border-bottom:0}

.page-about .about-row{
  max-width:var(--maxw);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:22px;
}
@media (min-width:900px){
  .page-about .about-row{
    grid-template-columns:212px minmax(0,1fr);
    gap:56px;
    align-items:start;
  }
}

.page-about .about-row__index{
  display:flex;
  align-items:baseline;
  gap:14px;
}
@media (min-width:900px){
  .page-about .about-row__index{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    position:sticky;
    top:calc(var(--header-h) + 24px);
  }
}
.page-about .about-row__index--inline{
  flex-direction:row;
  align-items:baseline;
  gap:14px;
  position:static;
  margin-bottom:18px;
}

.page-about .about-num{
  font-family:var(--font-mono);
  font-size:clamp(38px,6vw,62px);
  line-height:.9;
  letter-spacing:-.03em;
  color:transparent;
  -webkit-text-stroke:1px rgba(53,230,230,.6);
}
.page-about .about-num--archive{-webkit-text-stroke:1px rgba(124,115,150,.75)}
.page-about .about-num--ink{-webkit-text-stroke:1px rgba(20,24,40,.55)}

.page-about .about-tag{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.18em;
  color:rgba(247,244,236,.5);
  white-space:nowrap;
}
.page-about .about-tag--ink{color:rgba(20,24,40,.55)}

.page-about .about-h2{
  margin:0 0 20px;
  font-size:clamp(26px,4vw,44px);
  font-weight:300;
  line-height:1.22;
  letter-spacing:-.01em;
  color:var(--ivory);
}
.page-about .about-h2--ink{color:var(--ink-text)}

.page-about .about-p{
  margin:0 0 16px;
  max-width:64ch;
  font-size:16px;
  line-height:1.9;
  color:rgba(247,244,236,.78);
}
.page-about .about-p--ink{color:rgba(20,24,40,.78)}
.page-about .about-p:last-child{margin-bottom:0}

.page-about .about-facts{
  list-style:none;
  margin:32px 0 0;
  padding:22px 0 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  border-top:1px solid var(--line-soft);
}
.page-about .about-facts li{display:grid;gap:6px;min-width:0}
.page-about .about-facts__n{
  font-family:var(--font-mono);
  font-size:clamp(26px,3.4vw,38px);
  line-height:1;
  color:var(--cyan);
}
.page-about .about-facts__l{
  font-size:12px;
  line-height:1.5;
  color:rgba(247,244,236,.58);
}

/* ---------- 版本轨道时间线 ---------- */
.page-about .about-track{
  list-style:none;
  margin:34px 0 0;
  padding:0 0 0 28px;
  position:relative;
  display:grid;
  gap:16px;
}
.page-about .about-track::before{
  content:"";
  position:absolute;
  left:7px;
  top:12px;
  bottom:12px;
  width:1px;
  background:linear-gradient(180deg,var(--cyan),var(--cyan-2) 46%,rgba(124,115,150,.7));
  opacity:.75;
}
.page-about .about-track__item{position:relative}
.page-about .about-track__dot{
  position:absolute;
  left:-28px;
  top:24px;
  width:15px;
  height:15px;
  border-radius:50%;
  border:1px solid var(--cyan);
  background:var(--ink);
  box-shadow:0 0 0 4px rgba(53,230,230,.08);
  transition:background .3s var(--ease),box-shadow .3s var(--ease);
}
.page-about .about-track__card{
  padding:18px 20px;
  border:1px solid var(--line-soft);
  border-radius:var(--radius);
  background:linear-gradient(160deg,rgba(26,47,90,.72),rgba(15,30,61,.46));
  transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease);
}
.page-about .about-track__item:hover .about-track__card,
.page-about .about-track__item:focus-within .about-track__card{
  border-color:var(--line);
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(0,0,0,.36);
}
.page-about .about-track__item:hover .about-track__dot{
  background:var(--cyan);
  box-shadow:0 0 0 7px rgba(53,230,230,.14);
}
.page-about .about-track__item--now .about-track__card{
  border-color:rgba(53,230,230,.42);
}
.page-about .about-track__ver{
  display:inline-block;
  margin-bottom:10px;
  padding:2px 9px;
  border-radius:2px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  background:var(--cyan);
  color:var(--ink);
}
.page-about .about-track__ver--now{
  background:var(--gold);
  color:var(--ink-deep);
}
.page-about .about-track__title{
  margin:0 0 8px;
  font-size:clamp(17px,2vw,21px);
  font-weight:500;
  line-height:1.45;
  color:var(--ivory);
}
.page-about .about-track__text{
  margin:0;
  max-width:62ch;
  font-size:15px;
  line-height:1.85;
  color:rgba(247,244,236,.72);
}

/* ---------- 旧版归档：暖纸 + 灰紫 ---------- */
.page-about .about-archive{
  position:relative;
  overflow:hidden;
  padding:var(--about-pad) var(--gutter);
  background:var(--paper);
  color:var(--ink-text);
}
.page-about .about-archive::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:repeating-linear-gradient(0deg,rgba(20,24,40,.05) 0 1px,transparent 1px 6px);
  pointer-events:none;
}
.page-about .about-archive::after{
  content:"";
  position:absolute;
  right:-140px;
  top:-110px;
  width:440px;
  height:440px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(124,115,150,.3),transparent 68%);
  pointer-events:none;
}
.page-about .about-archive__inner{
  position:relative;
  z-index:1;
  max-width:var(--maxw);
  margin:0 auto;
}
.page-about .about-archive__head{
  display:grid;
  gap:18px;
  margin-bottom:36px;
}
@media (min-width:900px){
  .page-about .about-archive__head{
    grid-template-columns:132px minmax(0,1fr);
    gap:48px;
    align-items:start;
  }
}
.page-about .about-archive__head .about-num{display:block;margin-bottom:10px}
.page-about .about-archive .tag--archive{
  display:inline-block;
  margin-bottom:16px;
}

.page-about .about-archive__grid{
  display:grid;
  gap:32px;
}
@media (min-width:900px){
  .page-about .about-archive__grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    gap:56px;
    align-items:start;
  }
}

.page-about .about-archive__item{
  border-top:1px solid var(--about-archive-line);
}
.page-about .about-archive__item:last-of-type{
  border-bottom:1px solid var(--about-archive-line);
}
.page-about .about-archive__sum{
  display:flex;
  align-items:center;
  gap:14px;
  padding:15px 0;
  cursor:pointer;
  list-style:none;
  color:var(--ink-text);
  transition:color .25s var(--ease);
}
.page-about .about-archive__sum::-webkit-details-marker{display:none}
.page-about .about-archive__sum:hover{color:#5B5478}
.page-about .about-archive__idx{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--archive);
  flex:none;
}
.page-about .about-archive__name{
  font-size:16px;
  line-height:1.5;
}
.page-about .about-archive__sign{
  position:relative;
  margin-left:auto;
  width:14px;
  height:14px;
  flex:none;
}
.page-about .about-archive__sign::before,
.page-about .about-archive__sign::after{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  height:1px;
  background:var(--archive);
  transform:translateY(-50%);
}
.page-about .about-archive__sign::after{
  transform:translateY(-50%) rotate(90deg);
  transition:transform .3s var(--ease);
}
.page-about .about-archive__item[open] .about-archive__sign::after{
  transform:translateY(-50%) rotate(0deg);
}
.page-about .about-archive__item[open] .about-archive__idx{color:#3F3A57}
.page-about .about-archive__body{
  padding:0 0 18px 42px;
}
.page-about .about-archive__body p{
  margin:0;
  max-width:58ch;
  font-size:15px;
  line-height:1.85;
  color:rgba(20,24,40,.72);
}

.page-about .about-archive__figure{
  margin:0;
}
.page-about .about-archive__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  border:1px solid var(--about-archive-line);
  filter:saturate(.8);
}
.page-about .about-archive__figure figcaption{
  margin-top:12px;
  font-size:12px;
  line-height:1.7;
  color:rgba(20,24,40,.6);
}

/* ---------- 团队与更新机制 ---------- */
.page-about .about-team{
  max-width:var(--maxw);
  margin:0 auto;
  display:grid;
  gap:30px;
}
@media (min-width:900px){
  .page-about .about-team{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:56px;
    align-items:center;
  }
}
.page-about .about-team__figure{
  margin:0;
  position:relative;
  padding:8px;
  border:1px solid var(--line);
  background:var(--glass);
}
.page-about .about-team__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}

.page-about .about-stats{
  list-style:none;
  margin:30px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
}
@media (min-width:700px){
  .page-about .about-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.page-about .about-stats li{
  background:var(--ink);
  padding:16px 14px;
  display:grid;
  gap:6px;
  min-width:0;
}
.page-about .about-stats__n{
  font-family:var(--font-mono);
  font-size:clamp(24px,3vw,32px);
  line-height:1;
  color:var(--gold);
}
.page-about .about-stats__l{
  font-size:12px;
  line-height:1.5;
  color:rgba(247,244,236,.6);
}

/* ---------- 承诺说明牌 ---------- */
.page-about .about-pledge{
  max-width:var(--maxw);
  margin:0 auto;
  padding:26px 22px;
  background:var(--paper);
  color:var(--ink-text);
  border-radius:var(--radius);
  display:grid;
  gap:28px;
}
@media (min-width:900px){
  .page-about .about-pledge{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:56px;
    padding:44px;
    align-items:start;
  }
}
.page-about .about-pledge__head .about-h2{margin-bottom:14px}
.page-about .about-pledge__rows{
  display:grid;
  gap:0;
}
.page-about .about-pledge__row{
  display:grid;
  gap:5px;
  padding:14px 0;
  border-top:1px solid var(--about-archive-line);
}
.page-about .about-pledge__row:first-child{border-top:0;padding-top:0}
.page-about .about-pledge__key{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--archive);
}
.page-about .about-pledge__val{
  font-size:15px;
  line-height:1.8;
  color:var(--ink-text);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.page-about .about-pledge__val a{
  color:#1A2F5A;
  border-bottom:1px solid rgba(26,47,90,.4);
  transition:color .25s var(--ease),border-color .25s var(--ease);
  word-break:break-all;
}
.page-about .about-pledge__val a:hover{
  color:#0F1E3D;
  border-color:#0F1E3D;
}
.page-about .about-pledge .copy-btn{
  flex:none;
}

/* ---------- 收束入口 ---------- */
.page-about .about-end{
  padding:var(--about-pad) var(--gutter);
  background:
    radial-gradient(100% 120% at 78% 0%, rgba(53,230,230,.12), transparent 60%),
    var(--ink-deep);
  border-top:1px solid var(--line);
}
.page-about .about-end__inner{
  max-width:var(--maxw);
  margin:0 auto;
}
.page-about .about-end__links{
  display:grid;
  gap:14px;
  margin:28px 0 24px;
}
@media (min-width:800px){
  .page-about .about-end__links{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
  }
}
.page-about .about-end__link{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "no label arrow"
    "no desc arrow";
  align-items:center;
  gap:2px 16px;
  padding:22px 20px;
  border:1px solid var(--line-soft);
  border-radius:var(--radius);
  color:var(--ivory);
  background:rgba(26,47,90,.34);
  transition:border-color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease);
}
.page-about .about-end__link:hover,
.page-about .about-end__link:focus-visible{
  border-color:var(--cyan);
  background:rgba(26,47,90,.58);
  transform:translateY(-2px);
}
.page-about .about-end__no{
  grid-area:no;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--gold);
}
.page-about .about-end__label{
  grid-area:label;
  font-size:19px;
  font-weight:500;
  line-height:1.4;
}
.page-about .about-end__desc{
  grid-area:desc;
  font-size:13px;
  line-height:1.6;
  color:rgba(247,244,236,.62);
}
.page-about .about-end__arrow{
  grid-area:arrow;
  font-family:var(--font-mono);
  font-size:18px;
  color:var(--cyan);
  transition:transform .3s var(--ease);
}
.page-about .about-end__link:hover .about-end__arrow{
  transform:translateX(5px);
}
.page-about .about-end__more{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:rgba(247,244,236,.6);
}
.page-about .about-end__more a{
  color:var(--cyan);
  border-bottom:1px solid rgba(53,230,230,.35);
  transition:border-color .25s var(--ease);
}
.page-about .about-end__more a:hover{border-color:var(--cyan)}

/* ---------- 减少动态偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  .page-about .about-track__card,
  .page-about .about-track__dot,
  .page-about .about-end__link,
  .page-about .about-end__arrow,
  .page-about .about-archive__sign::after{
    transition:none;
  }
  .page-about .about-track__item:hover .about-track__card,
  .page-about .about-end__link:hover{transform:none}
  .page-about .about-end__link:hover .about-end__arrow{transform:none}
}
<<<END>>>