.page-about {
  --ab-rail-w: 176px;
  --ab-max: 1280px;
  display: block;
  background: var(--ink);
  color: var(--paper);
  font-family: var(--font-sans);
  overflow-x: clip;
}

.page-about * {
  box-sizing: border-box;
}

.page-about .about-container {
  width: 100%;
  max-width: var(--ab-max);
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 52px);
}

/* ---------- 首屏 ---------- */
.page-about .about-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 4vw, 44px) 0 clamp(38px, 6vw, 80px);
  background:
    radial-gradient(92% 82% at 94% 2%, rgba(255, 74, 23, 0.30), transparent 62%),
    radial-gradient(72% 70% at -8% 104%, rgba(46, 242, 184, 0.10), transparent 64%),
    var(--ink);
}

.page-about .about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.45;
  background-image: radial-gradient(rgba(242, 236, 227, 0.09) 1px, transparent 1px);
  background-size: 4px 4px;
}

.page-about .about-hero > .about-container {
  position: relative;
  z-index: 1;
}

/* 面包屑 */
.page-about .breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 clamp(20px, 3vw, 34px);
  padding: 0;
  list-style: none;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: var(--silver);
}

.page-about .breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.page-about .breadcrumbs__item + .breadcrumbs__item::before {
  content: "›";
  color: var(--line);
}

.page-about .breadcrumbs__link {
  color: var(--silver);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.18s var(--ease), border-color 0.18s var(--ease);
}

.page-about .breadcrumbs__link:hover,
.page-about .breadcrumbs__link:focus-visible {
  color: var(--flame);
  border-bottom-color: var(--flame);
}

.page-about .breadcrumbs__current {
  color: var(--paper);
}

/* 小标签 */
.page-about .eyebrow {
  display: inline-block;
  margin: 0 0 14px;
  padding: 6px 14px;
  border: 1px solid rgba(255, 74, 23, 0.5);
  border-radius: var(--r-pill);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--flame);
}

.page-about .flow-band--paper .eyebrow {
  border-color: rgba(188, 50, 8, 0.42);
  color: var(--flame-deep);
}

/* 首屏栅格 */
.page-about .hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(26px, 4vw, 52px);
}

@media (min-width: 980px) {
  .page-about .hero-grid {
    grid-template-columns: minmax(0, 1.32fr) minmax(290px, 0.82fr);
    align-items: end;
  }
}

.page-about .about-hero h1 {
  margin: 0 0 clamp(16px, 2.2vw, 26px);
  font-size: clamp(2rem, 5.4vw, 3.5rem);
  line-height: 1.06;
  font-weight: 900;
  letter-spacing: -0.015em;
  color: var(--paper);
}

.page-about .about-hero h1 .hl {
  display: inline-block;
  transform: skewX(-2.5deg);
  color: var(--flame);
}

.page-about .hero-lead {
  margin: 0;
  max-width: 62ch;
  font-size: clamp(15px, 1.4vw, 17px);
  line-height: 1.85;
  color: var(--silver);
}

/* 概览卡 */
.page-about .hero-plate {
  position: relative;
  overflow: hidden;
  padding: clamp(20px, 2.6vw, 28px);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: linear-gradient(158deg, rgba(255, 74, 23, 0.12), rgba(15, 13, 12, 0.72) 58%);
}

.page-about .plate-num {
  position: absolute;
  right: 16px;
  top: -4px;
  font-family: var(--font-mono);
  font-size: clamp(3.2rem, 7vw, 4.8rem);
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 74, 23, 0.16);
  pointer-events: none;
}

.page-about .plate-kicker {
  margin: 0 0 6px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--silver);
}

.page-about .plate-title {
  margin: 0 0 20px;
  font-size: 15px;
  font-weight: 700;
  color: var(--paper);
}

.page-about .plate-rows {
  margin: 0;
  display: grid;
  gap: 10px;
}

.page-about .plate-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.page-about .plate-row dt {
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--silver);
}

.page-about .plate-row dd {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 17px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--mint);
}

/* ---------- 主体骨架 ---------- */
.page-about .about-shell {
  display: block;
}

/* 章节轨道（移动端：横向胶囊条） */
.page-about .chapter-rail {
  padding: 12px 0;
  background: var(--ink);
  border-bottom: 1px solid var(--line);
}

.page-about .rail-head {
  display: none;
}

.page-about .chapter-list {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0 clamp(16px, 4vw, 52px);
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}

.page-about .chapter-list::-webkit-scrollbar {
  display: none;
}

.page-about .chapter-link {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  padding: 7px 14px;
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  font-size: 13px;
  line-height: 1.5;
  color: var(--silver);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease), background-color 0.2s var(--ease);
}

.page-about .chapter-link__n {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--flame);
}

.page-about .chapter-link:hover,
.page-about .chapter-link:focus-visible {
  color: var(--paper);
  border-color: rgba(255, 74, 23, 0.7);
  background: rgba(255, 74, 23, 0.08);
}

@media (min-width: 1080px) {
  .page-about .about-shell {
    display: grid;
    grid-template-columns: var(--ab-rail-w) minmax(0, 1fr);
    align-items: start;
  }

  .page-about .chapter-rail {
    position: sticky;
    top: 0;
    align-self: start;
    padding: clamp(46px, 5vw, 74px) 20px 40px 0;
    border-bottom: none;
    border-right: 1px solid var(--line);
    background: var(--ink);
  }

  .page-about .rail-head {
    display: block;
    margin: 0 0 14px;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.2em;
    color: var(--silver);
  }

  .page-about .chapter-list {
    display: grid;
    gap: 2px;
    padding: 0;
    overflow: visible;
  }

  .page-about .chapter-link {
    display: flex;
    border: none;
    border-left: 2px solid var(--line);
    border-radius: 0;
    padding: 9px 8px 9px 12px;
    font-size: 13.5px;
    white-space: normal;
  }
}

/* ---------- 内容带 ---------- */
.page-about .flow-band {
  position: relative;
  padding: clamp(44px, 6vw, 84px) clamp(16px, 4vw, 56px) clamp(48px, 7vw, 92px);
}

.page-about .flow-band::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -22px;
  height: 23px;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  pointer-events: none;
}

.page-about .flow-band--paper {
  background: var(--paper);
  color: var(--paper-ink);
}

.page-about .flow-band--paper::before {
  background: var(--paper);
}

.page-about .flow-band--ink {
  background: var(--slate);
  color: var(--paper);
}

.page-about .flow-band--ink::before {
  background: var(--slate);
}

.page-about .band-inner {
  max-width: 68ch;
}

.page-about .section-title {
  margin: 0 0 clamp(14px, 1.8vw, 20px);
  font-size: clamp(1.7rem, 3.6vw, 2.7rem);
  line-height: 1.14;
  font-weight: 900;
  letter-spacing: -0.015em;
}

.page-about .flow-band--paper .section-title {
  color: var(--paper-ink);
}

.page-about .flow-band--ink .section-title {
  color: var(--paper);
}

.page-about .flow-band .lead {
  margin: 0;
  font-size: clamp(15px, 1.35vw, 16.5px);
  line-height: 1.85;
}

.page-about .flow-band--ink .lead {
  color: var(--silver);
}

.page-about .flow-band--paper .lead {
  color: rgba(31, 28, 26, 0.74);
}

.page-about .band-tail {
  margin: clamp(26px, 3.4vw, 40px) 0 0;
  max-width: 68ch;
  font-size: 14px;
  line-height: 1.85;
}

.page-about .flow-band--ink .band-tail {
  color: var(--silver);
}

.page-about .flow-band--paper .band-tail {
  color: rgba(31, 28, 26, 0.72);
}

.page-about .inline-link {
  color: var(--flame);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 74, 23, 0.42);
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
}

.page-about .flow-band--paper .inline-link {
  color: var(--flame-deep);
  border-bottom-color: rgba(188, 50, 8, 0.4);
}

.page-about .inline-link:hover,
.page-about .inline-link:focus-visible {
  border-bottom-color: currentColor;
}

/* ---------- 图片 ---------- */
.page-about .media {
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  overflow: hidden;
}

.page-about .flow-band--paper .media {
  border-color: rgba(31, 28, 26, 0.16);
}

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

.page-about .timeline-figure,
.page-about .team-figure {
  margin-top: clamp(24px, 3.4vw, 40px);
}

.page-about .timeline-figure img {
  aspect-ratio: 4 / 3;
}

.page-about .team-figure img {
  aspect-ratio: 21 / 8;
}

.page-about .pipe-figure img {
  aspect-ratio: 3 / 2;
}

.page-about .media__cap {
  padding: 12px clamp(14px, 2vw, 20px) 14px;
  font-size: 12.5px;
  line-height: 1.7;
  border-top: 1px solid var(--line);
  color: var(--silver);
}

.page-about .flow-band--paper .media__cap {
  border-top-color: rgba(31, 28, 26, 0.14);
  color: rgba(31, 28, 26, 0.66);
}

/* ---------- 赛季时间线 ---------- */
.page-about .season-line {
  position: relative;
  margin: clamp(30px, 4vw, 48px) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: clamp(14px, 2vw, 20px);
}

.page-about .season-line::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 18px;
  bottom: 18px;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--flame) 0%, rgba(255, 74, 23, 0.32) 55%, var(--mint) 100%);
}

.page-about .season-node {
  position: relative;
  padding: clamp(18px, 2.2vw, 26px) clamp(18px, 2.4vw, 28px) clamp(18px, 2.2vw, 24px) clamp(44px, 5vw, 56px);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: rgba(242, 236, 227, 0.025);
  transition: border-color 0.2s var(--ease), background-color 0.2s var(--ease);
}

.page-about .season-node:hover {
  border-color: rgba(255, 74, 23, 0.65);
  background: rgba(255, 74, 23, 0.06);
}

.page-about .season-node.is-current {
  border-color: rgba(46, 242, 184, 0.42);
  background: linear-gradient(120deg, rgba(46, 242, 184, 0.07), transparent 62%);
}

.page-about .season-node__dot {
  position: absolute;
  left: 2px;
  top: 26px;
  width: 20px;
  height: 12px;
  border-radius: var(--r-pill);
  border: 2px solid var(--flame);
  background: var(--slate);
}

.page-about .season-node.is-current .season-node__dot {
  border-color: var(--mint);
  background: var(--mint);
}

.page-about .season-node__year {
  margin: 0 0 6px;
  font-family: var(--font-mono);
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
  color: var(--flame);
}

.page-about .season-node.is-current .season-node__year {
  color: var(--mint);
}

.page-about .season-node__title {
  margin: 0 0 8px;
  font-size: clamp(1rem, 1.6vw, 1.15rem);
  font-weight: 800;
  color: var(--paper);
}

.page-about .season-node__text {
  margin: 0 0 14px;
  font-size: 14.5px;
  line-height: 1.82;
  color: var(--silver);
}

.page-about .season-node__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ---------- 胶囊标签 ---------- */
.page-about .chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 11px;
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--silver);
  background: transparent;
}

.page-about .chip--flame {
  border-color: rgba(255, 74, 23, 0.6);
  color: var(--flame);
}

.page-about .chip--mint {
  border-color: rgba(46, 242, 184, 0.5);
  color: var(--mint);
}

.page-about .chip--clay {
  border-color: rgba(180, 105, 74, 0.62);
  color: var(--clay);
}

.page-about .chip--moss {
  border-color: rgba(92, 122, 85, 0.7);
  color: #93AC8B;
}

.page-about .chip--mini {
  border-color: rgba(156, 150, 142, 0.4);
}

.page-about .flow-band--paper .chip {
  border-color: rgba(31, 28, 26, 0.22);
  color: rgba(31, 28, 26, 0.72);
}

.page-about .flow-band--paper .chip--flame {
  border-color: rgba(188, 50, 8, 0.5);
  color: var(--flame-deep);
}

.page-about .flow-band--paper .chip--moss {
  border-color: rgba(92, 122, 85, 0.6);
  color: #46603F;
}

/* ---------- 团队 ---------- */
.page-about .team-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(14px, 2vw, 20px);
  margin-top: clamp(24px, 3.4vw, 40px);
}

@media (min-width: 760px) {
  .page-about .team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.page-about .team-card {
  display: flex;
  flex-direction: column;
  padding: clamp(18px, 2.4vw, 26px);
  border: 1px solid rgba(31, 28, 26, 0.16);
  border-radius: var(--r-card);
  background: #FAF6EF;
  transition: border-color 0.2s var(--ease), background-color 0.2s var(--ease), transform 0.2s var(--ease);
}

.page-about .team-card:hover {
  border-color: rgba(188, 50, 8, 0.5);
  background: #FFFBF5;
  transform: translateY(-3px);
}

.page-about .team-card__n {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: clamp(2.1rem, 4vw, 2.9rem);
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: var(--flame-deep);
}

.page-about .team-card__title {
  margin: 0 0 10px;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--paper-ink);
}

.page-about .team-card__text {
  margin: 0 0 16px;
  font-size: 14.5px;
  line-height: 1.82;
  color: rgba(31, 28, 26, 0.76);
}

.page-about .team-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: auto 0 0;
  padding: 0;
  list-style: none;
}

/* ---------- 上线路径 ---------- */
.page-about .pipe-intro {
  max-width: none;
}

@media (min-width: 900px) {
  .page-about .pipe-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
    gap: clamp(24px, 4vw, 48px);
    align-items: center;
  }
}

.page-about .pipe-intro__copy {
  max-width: 60ch;
}

.page-about .pipe-figure {
  margin-top: clamp(20px, 3vw, 0px);
}

@media (min-width: 900px) {
  .page-about .pipe-figure {
    margin-top: 0;
  }
}

.page-about .pipe-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(12px, 1.8vw, 18px);
  margin: clamp(28px, 4vw, 44px) 0 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 900px) {
  .page-about .pipe-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.page-about .pipe-step {
  display: flex;
  gap: clamp(12px, 1.6vw, 18px);
  padding: clamp(16px, 2vw, 22px);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: rgba(242, 236, 227, 0.025);
  transition: border-color 0.2s var(--ease), background-color 0.2s var(--ease);
}

.page-about .pipe-step:hover {
  border-color: rgba(255, 74, 23, 0.5);
  background: rgba(255, 74, 23, 0.05);
}

.page-about .pipe-step__n {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 74, 23, 0.5);
  border-radius: 50%;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--flame);
}

.page-about .pipe-step__body {
  min-width: 0;
}

.page-about .pipe-step__title {
  margin: 6px 0 8px;
  font-size: 1rem;
  font-weight: 800;
  color: var(--paper);
}

.page-about .pipe-step__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--silver);
}

/* 折叠区 */
.page-about .fold {
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px dashed var(--line);
}

.page-about .fold > summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  list-style: none;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--mint);
  transition: color 0.2s var(--ease);
}

.page-about .fold > summary::-webkit-details-marker {
  display: none;
}

.page-about .fold > summary::before {
  content: "+";
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 1;
}

.page-about .fold[open] > summary::before {
  content: "–";
}

.page-about .fold > summary:hover,
.page-about .fold > summary:focus-visible {
  color: var(--paper);
}

.page-about .fold__body {
  padding-top: 10px;
}

.page-about .fold__body p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--silver);
}

/* ---------- 口径与自律 ---------- */
.page-about .rule-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(14px, 2vw, 20px);
  margin-top: clamp(26px, 3.6vw, 42px);
}

@media (min-width: 800px) {
  .page-about .rule-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

.page-about .rule-card {
  padding: clamp(20px, 2.6vw, 30px);
  border: 1px solid rgba(31, 28, 26, 0.16);
  border-radius: var(--r-card);
  background: #FAF6EF;
}

.page-about .rule-card--stop {
  border-color: rgba(188, 50, 8, 0.34);
  background: linear-gradient(150deg, rgba(255, 74, 23, 0.09), #FAF6EF 56%);
}

.page-about .rule-card__title {
  margin: 0 0 14px;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--paper-ink);
}

.page-about .rule-card__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.page-about .rule-card__list li {
  position: relative;
  padding-left: 18px;
  font-size: 14.5px;
  line-height: 1.8;
  color: rgba(31, 28, 26, 0.78);
}

.page-about .rule-card__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--silver);
}

.page-about .rule-card--stop .rule-card__list li::before {
  background: var(--flame-deep);
}

.page-about .rule-card__list--num {
  counter-reset: rule;
}

.page-about .rule-card__list--num li {
  padding-left: 26px;
  counter-increment: rule;
}

.page-about .rule-card__list--num li::before {
  content: counter(rule);
  left: 0;
  top: 0.36em;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(31, 28, 26, 0.28);
  font-family: var(--font-mono);
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  color: var(--paper-ink);
}

/* ---------- 本地属性与公示 ---------- */
.page-about .local-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(14px, 2vw, 20px);
  margin-top: clamp(28px, 3.8vw, 44px);
}

@media (min-width: 860px) {
  .page-about .local-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
  }

  .page-about .local-grid > :nth-child(2) {
    margin-top: 26px;
  }

  .page-about .local-grid > :nth-child(3) {
    margin-top: 52px;
  }
}

.page-about .local-card {
  padding: clamp(18px, 2.4vw, 26px);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: rgba(242, 236, 227, 0.028);
  transition: border-color 0.2s var(--ease), background-color 0.2s var(--ease);
}

.page-about .local-card:hover {
  border-color: rgba(255, 74, 23, 0.5);
  background: rgba(255, 74, 23, 0.05);
}

.page-about .local-card--filing {
  border-color: rgba(46, 242, 184, 0.34);
}

.page-about .local-card__label {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--silver);
}

.page-about .local-card__value {
  margin: 0 0 12px;
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--paper);
}

.page-about .local-card__value .num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  color: var(--flame);
}

.page-about .local-card__note {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--silver);
}

.page-about .local-card__note .num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  color: var(--mint);
}

.page-about .filing-rows {
  margin: 0 0 12px;
  display: grid;
  gap: 10px;
}

.page-about .filing-row {
  display: grid;
  gap: 3px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.page-about .filing-row dt {
  font-size: 12.5px;
  letter-spacing: 0.04em;
  color: var(--silver);
}

.page-about .filing-row dd {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 14.5px;
  font-weight: 700;
  word-break: break-word;
  color: var(--paper);
}

.page-about .local-card--filing .inline-link {
  color: var(--mint);
  border-bottom-color: rgba(46, 242, 184, 0.4);
}

/* ---------- 交互与可访问性 ---------- */
.page-about a:focus-visible,
.page-about summary:focus-visible {
  outline: 2px solid var(--mint);
  outline-offset: 3px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .page-about *,
  .page-about *::before,
  .page-about *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

  .page-about .team-card:hover {
    transform: none;
  }
}
<<<END>>>

等等——检查一下：我用了 `.page-about .chip--mini` 等等，没问题。

另外检查一下：`--bar-h`、`--rail` 没有用到。这没问题。

再检查一下：我用了 `var(--r-pill)`、`var(--r-card)`、`var(--ease)`、`var(--ink)`、`var(--slate)`、`var(--line)`、`var(--silver)`、`var(--paper)`、`var(--paper-ink)`、`var(--flame)`、`var(--flame-deep)`、`var(--mint)`、`var(--clay)`、`var(--font-mono)`、`var(--font-sans)`——这些在 css_variables 列表里都存在。

还有 `--ab-rail-w` 定义在 .page-about 作用域里，也在列表里吗？不在，但反正我本地定义了。没问题。

另外注意到：`#93AC8B` 和 `#FAF6EF`、`#FFFBF5`、`#46603F` 都是硬编码的十六进制颜色——允许的（不是 var()）。

现在检查一下图片计数：3 张图片，目标也是 3 张，没问题。第一张没有加 lazy（在首屏区域？不，它在第一个 section 里的时间线上，有可能会被折叠……算了，还是给它加 loading lazy？需求说首屏主图不要 lazy。它不是首屏主图。但加上 lazy 也没问题。还是给时间线图片加上 loading="lazy" 吧，因为它在折叠区域下面。

不过等等——“首屏主图不要 lazy”——时间线图片不是首屏主图（那其实没有图片）。那三张全都加 lazy 吧？其实第一张位置挺靠上的。我给它加上……

算了，为了稳妥，只给下面两张加。

再检查一下 required_sections 的覆盖情况：
1. 起点与赛季时间线 ✓（#timeline，用大编号锚点？嗯——我本来想用大号 season 年份。“配大编号锚点”——季节年份算大吗？还行）
2. 团队分工 ✓
3. 一份数据的上线路径 ✓（6 步，误差来源）
4. 口径与自律 ✓
5. 本地属性与公示 ✓（宁夏、备案号、邮箱）

好。

现在开始拼装最终输出。让我最后确认一下 HTML 结构是完整的。缺了 `</section>` 之类的标签吗？再通读一遍。

在时间线 section 里：`</ol>` 后面是 `<p class="band-tail">`，然后是 `</section>`。好。

团队 section 也是，`</div>` 接 `</section>`。好。

pipeline 部分：`</ol>` 接 `<p>` 再接 `</section>`。可以。

纪律部分：`</div>` 接 `<p>` 再接 `</section>`。可以。

本地部分：`</div>` 接 `<p>` 再接 `</section>`。可以。

然后 `</div>` 是 `chapter-flow`，再 `</div>` 是 `about-shell`，再 `</main>`。可以。

可以了。写出来。
<main id="main-content" class="page-about">

  <section class="about-hero">
    <div class="about-container">
      <nav class="breadcrumbs" aria-label="所在位置">
        <ol class="breadcrumbs__list">
          <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="/">首页</a></li>
          <li class="breadcrumbs__item breadcrumbs__current">我们是谁</li>
        </ol>
      </nav>

      <div class="hero-grid">
        <div class="hero-copy">
          <p class="eyebrow">档案室 / 编者说明</p>
          <h1>把六个联赛的每一轮，<span class="hl">归到能复核的位置</span></h1>
          <p class="hero-lead">火博体育官网从 2021/22 赛季的一份点球记录表起步，如今按轮次归档英超、西甲、意甲、德甲、法甲与葡超的逐场数据。页面上出现的每个数字，都标着它来自哪一轮、按哪一版口径算出来。</p>
        </div>

        <aside class="hero-plate" aria-label="站点档案概览">
          <span class="plate-num" aria-hidden="true">01</span>
          <p class="plate-kicker">ARCHIVE / 概览</p>
          <p class="plate-title">2025/26 赛季 · 归档进行中</p>
          <dl class="plate-rows">
            <div class="plate-row">
              <dt>累计归档</dt>
              <dd>1100 余轮</dd>
            </div>
            <div class="plate-row">
              <dt>逐场记录</dt>
              <dd>11000 余场</dd>
            </div>
            <div class="plate-row">
              <dt>跑动区间</dt>
              <dd>5 个赛季</dd>
            </div>
          </dl>
        </aside>
      </div>
    </div>
  </section>

  <div class="about-shell">

    <aside class="chapter-rail" aria-label="章节索引">
      <p class="rail-head">SECTIONS</p>
      <ol class="chapter-list">
        <li><a class="chapter-link" href="#timeline"><span class="chapter-link__n">01</span>赛季时间线</a></li>
        <li><a class="chapter-link" href="#team"><span class="chapter-link__n">02</span>团队分工</a></li>
        <li><a class="chapter-link" href="#pipeline"><span class="chapter-link__n">03</span>数据上线路径</a></li>
        <li><a class="chapter-link" href="#discipline"><span class="chapter-link__n">04</span>口径与自律</a></li>
        <li><a class="chapter-link" href="#local"><span class="chapter-link__n">05</span>本地属性与公示</a></li>
      </ol>
    </aside>

    <div class="chapter-flow">

      <section id="timeline" class="flow-band flow-band--ink" data-reveal>
        <div class="band-inner">
          <p class="eyebrow">01 / 赛季时间线</p>
          <h2 class="section-title">档案不是一次定下来的</h2>
          <p class="lead">每过一个赛季，档案里就多出一种维度，检索方式也跟着调一次。下面这条线按赛季区间排列，不写具体日期，只看范围怎么一层层铺开。</p>
        </div>

        <figure class="media timeline-figure">
          <img src="{zhanqunpic:h:900w:1200}" width="1200" height="900" alt="整齐排列的资料卡与档案盒静物，暖色光线下带颗粒感">
          <figcaption class="media__cap">归档完成的赛季资料按联赛与轮次依次上架，供逐场回查。</figcaption>
        </figure>

        <ol class="season-line">
          <li class="season-node">
            <span class="season-node__dot" aria-hidden="true"></span>
            <p class="season-node__year">2021/22</p>
            <h3 class="season-node__title">比分与点球记录并轨</h3>
            <p class="season-node__text">第一次把逐场比分、主客场表现与点球判罚整理成同一条记录线。归档范围先落在接触最密的几个联赛，字段表也在这一季被反复推翻重写。</p>
            <ul class="season-node__tags">
              <li class="chip chip--flame">实时比分</li>
              <li class="chip chip--mini">主客场</li>
              <li class="chip chip--mini">点球判罚</li>
            </ul>
          </li>

          <li class="season-node">
            <span class="season-node__dot" aria-hidden="true"></span>
            <p class="season-node__year">2022/23</p>
            <h3 class="season-node__title">复盘时间线成形</h3>
            <p class="season-node__text">赛后复盘不再按文章列表堆放，而是挂到轮次坐标上。读者从某一轮的比分出发，能顺着时间线走到当轮的观察笔记与点球明细。</p>
            <ul class="season-node__tags">
              <li class="chip chip--mini">轮次坐标</li>
              <li class="chip chip--clay">赛后复盘</li>
            </ul>
          </li>

          <li class="season-node">
            <span class="season-node__dot" aria-hidden="true"></span>
            <p class="season-node__year">2023/24</p>
            <h3 class="season-node__title">跑动指标纳入档案</h3>
            <p class="season-node__text">全队场均跑动距离、冲刺次数与高强度跑动占比开始按赛季区间归拢。跑动数据和比分放在同一套检索入口下，横着看一支球队在不同赛季的投入强度。</p>
            <ul class="season-node__tags">
              <li class="chip chip--mini">场均跑动</li>
              <li class="chip chip--mini">冲刺次数</li>
              <li class="chip chip--moss">赛季区间</li>
            </ul>
          </li>

          <li class="season-node">
            <span class="season-node__dot" aria-hidden="true"></span>
            <p class="season-node__year">2024/25</p>
            <h3 class="season-node__title">跨联赛横向档案</h3>
            <p class="season-node__text">六个联赛的口径被摆到同一张比较表上。不同联赛的跑动采集方式与统计范围差异，在这一季被逐条写进字段说明，比较时可以看到注脚。</p>
            <ul class="season-node__tags">
              <li class="chip chip--mini">横向比较</li>
              <li class="chip chip--clay">字段说明</li>
            </ul>
          </li>

          <li class="season-node is-current">
            <span class="season-node__dot" aria-hidden="true"></span>
            <p class="season-node__year">2025/26</p>
            <h3 class="season-node__title">档案式导航与侧边数据轨道</h3>
            <p class="season-node__text">把栏目收进左侧轨道，赛季区间与六个联赛的归档进度常驻可见。检索路径变短，逐场记录继续按轮次累加，累计点球判罚记录已整理到 2800 余次。</p>
            <ul class="season-node__tags">
              <li class="chip chip--mint">当前赛季</li>
              <li class="chip chip--mini">归档进度</li>
            </ul>
          </li>
        </ol>

        <p class="band-tail">想看具体的档案条目怎么读，可以顺着 <a class="inline-link" href="/stories/">复盘专题</a> 按轮次往回翻。</p>
      </section>

      <section id="team" class="flow-band flow-band--paper" data-reveal>
        <div class="band-inner">
          <p class="eyebrow">02 / 团队分工</p>
          <h2 class="section-title">三组人，一条数据要过六道关</h2>
          <p class="lead">站点目前 31 人，分三组推进同一条数据。三组共用一张字段表，谁也不单独改动口径；一旦字段定义变了，由编辑组发起，另外两组同步更新。</p>
        </div>

        <figure class="media team-figure">
          <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="夜间球场看台的广角远景，灯光呈橙红色调，画面中没有可辨识的人脸" loading="lazy" decoding="async">
          <figcaption class="media__cap">比赛日的数据采集从开场哨响起，到次日上午补齐跑动与点球明细。</figcaption>
        </figure>

        <div class="team-grid">
          <article class="team-card">
            <p class="team-card__n">12</p>
            <h3 class="team-card__title">数据编辑</h3>
            <p class="team-card__text">按轮次采集逐场记录，做双人交叉核对，并计算射门转化率、高强度跑动占比这类派生指标。所有字段入库前统一单位与小数位。</p>
            <ul class="team-card__tags">
              <li class="chip chip--mini">采集</li>
              <li class="chip chip--mini">交叉核对</li>
              <li class="chip chip--mini">指标计算</li>
            </ul>
          </article>

          <article class="team-card">
            <p class="team-card__n">8</p>
            <h3 class="team-card__title">复盘撰稿</h3>
            <p class="team-card__text">把当轮的比分、射门与跑动读成一段能复核的观察，写清引用的是初版还是终版数据。撰稿不写解说腔，也不做赛果判断。</p>
            <ul class="team-card__tags">
              <li class="chip chip--mini">复盘文本</li>
              <li class="chip chip--mini">口径引用</li>
            </ul>
          </article>

          <article class="team-card">
            <p class="team-card__n">11</p>
            <h3 class="team-card__title">可视化与前端</h3>
            <p class="team-card__text">负责看板、跑动对比图与档案式检索界面的实现，保证图表坐标轴不被拉伸、等宽数字对齐小数点，窄屏下不出现横向滚动。</p>
            <ul class="team-card__tags">
              <li class="chip chip--mini">图表</li>
              <li class="chip chip--mini">看板</li>
              <li class="chip chip--mini">检索界面</li>
            </ul>
          </article>
        </div>
      </section>

      <section id="pipeline" class="flow-band flow-band--ink" data-reveal>
        <div class="band-inner pipe-intro">
          <div class="pipe-intro__copy">
            <p class="eyebrow">03 / 数据上线路径</p>
            <h2 class="section-title">一份数据从赛后到上线</h2>
            <p class="lead">六道关，每道关都可能引入误差。下面把每步做的事和最常见的偏差写在一起，方便读者判断手上的数字处在哪一版。</p>
          </div>

          <figure class="media pipe-figure">
            <img src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="多人在长桌前整理打印图表的背影镜头，暖色台灯照明，画面中没有可辨识的人脸" loading="lazy" decoding="async">
            <figcaption class="media__cap">交叉核对环节保留两份原始来源，差异会写进该轮备注。</figcaption>
          </figure>
        </div>

        <ol class="pipe-list">
          <li class="pipe-step">
            <span class="pipe-step__n">01</span>
            <div class="pipe-step__body">
              <h3 class="pipe-step__title">采集逐场原始记录</h3>
              <p class="pipe-step__text">比赛日整场结束后，按联赛与轮次录入比分、射门数、射正数与禁区内射门。比分与射门初版数据当夜发布。</p>
              <details class="fold">
                <summary>常见误差来源</summary>
                <div class="fold__body"><p>进球归属的判定与补时阶段的记录延迟，往往让初版比分在个别场次上晚几分钟才对上。</p></div>
              </details>
            </div>
          </li>

          <li class="pipe-step">
            <span class="pipe-step__n">02</span>
            <div class="pipe-step__body">
              <h3 class="pipe-step__title">两个来源交叉核对</h3>
              <p class="pipe-step__text">同一场比赛的记分与射门记录各取一份，逐项比对。出现分歧时不折中，两份都留档，再判断该轮采用哪一版。</p>
              <details class="fold">
                <summary>常见误差来源</summary>
                <div class="fold__body"><p>同一脚射门是否计入射正，两份记录偶尔给出不同答案，尤其是被封堵后折射入网的球。</p></div>
              </details>
            </div>
          </li>

          <li class="pipe-step">
            <span class="pipe-step__n">03</span>
            <div class="pipe-step__body">
              <h3 class="pipe-step__title">计算派生指标</h3>
              <p class="pipe-step__text">射门转化率、禁区内射门占比、全队场均跑动距离、冲刺次数与高强度跑动占比在这一步生成，统一保留一位小数。</p>
              <details class="fold">
                <summary>常见误差来源</summary>
                <div class="fold__body"><p>射门转化率的分母是射门数还是射正数，两套算法结果差别明显，站内统一采用射门数并在字段说明中标注。</p></div>
              </details>
            </div>
          </li>

          <li class="pipe-step">
            <span class="pipe-step__n">04</span>
            <div class="pipe-step__body">
              <h3 class="pipe-step__title">跑动与点球明细补齐</h3>
              <p class="pipe-step__text">次日上午，跑动指标与点球判罚明细补进该轮档案，覆盖前一晚发布的初版数据，并保留修改痕迹。</p>
              <details class="fold">
                <summary>常见误差来源</summary>
                <div class="fold__body"><p>不同联赛的跑动采集设备采样频率不一致，跨联赛比较时需要用站点给出的换算说明，而不是直接比数值。</p></div>
              </details>
            </div>
          </li>

          <li class="pipe-step">
            <span class="pipe-step__n">05</span>
            <div class="pipe-step__body">
              <h3 class="pipe-step__title">可视化与版面生成</h3>
              <p class="pipe-step__text">把核对后的数据接入比分看板、跑动对比图与射手榜变动表。图表坐标轴区间由后台按赛季区间固定，避免视觉夸大。</p>
              <details class="fold">
                <summary>常见误差来源</summary>
                <div class="fold__body"><p>坐标轴起点若随数据浮动，横向比较会产生误导；站内图表统一从零刻度起算，并标出对比基准线。</p></div>
              </details>
            </div>
          </li>

          <li class="pipe-step">
            <span class="pipe-step__n">06</span>
            <div class="pipe-step__body">
              <h3 class="pipe-step__title">复盘归档与发布</h3>
              <p class="pipe-step__text">每轮结束后 48 小时内完成复盘文本与档案条目的归档发布，复盘统一引用终版数据，若引用初版会在正文中标注。</p>
              <details class="fold">
                <summary>常见误差来源</summary>
                <div class="fold__body"><p>复盘写作与终版数据发布时间若错开，文中数字可能与最新档案不符，归档前会再跑一次全文比对。</p></div>
              </details>
            </div>
          </li>
        </ol>

        <p class="band-tail">看板支持按赛季区间横向比较，具体读法整理在 <a class="inline-link" href="/features/">功能中心</a>。</p>
      </section>

      <section id="discipline" class="flow-band flow-band--paper" data-reveal>
        <div class="band-inner">
          <p class="eyebrow">04 / 口径与自律</p>
          <h2 class="section-title">先说清哪些事我们不做</h2>
          <p class="lead">数据来源是公开赛事官方统计与赛事直播信息的整理归纳。以下边界写在前面，读者在引用前可以先判断这些数字适不适合自己的用途。</p>
        </div>

        <div class="rule-grid">
          <article class="rule-card rule-card--stop">
            <h3 class="rule-card__title">本站不提供</h3>
            <ul class="rule-card__list">
              <li>博彩、赔率与投注相关的任何内容或入口</li>
              <li>赛果预测、比分预测与结果倾向判断</li>
              <li>声称获得联赛、俱乐部或任何机构的官方授权与认证</li>
              <li>把站内数据包装成投注参考或决策依据</li>
            </ul>
          </article>

          <article class="rule-card">
            <h3 class="rule-card__title">出现争议数据时</h3>
            <ol class="rule-card__list rule-card__list--num">
              <li>保留两份原始来源记录，不做单方面覆盖</li>
              <li>在当轮档案备注中写明差异所在字段</li>
              <li>由数据编辑组确认该轮采用哪一版口径</li>
              <li>涉及历史归档的修正，同步更新复盘正文中的引用</li>
            </ol>
          </article>
        </div>

        <p class="band-tail">发现站内数字与自己的记录对不上，可以带上联赛、轮次与字段名，发给客服邮箱。内容引用的边界写在 <a class="inline-link" href="/agreement/">使用协议</a> 里。</p>
      </section>

      <section id="local" class="flow-band flow-band--ink" data-reveal>
        <div class="band-inner">
          <p class="eyebrow">05 / 本地属性与公示</p>
          <h2 class="section-title">在宁夏银川，做全国读者能核对的数据档案</h2>
          <p class="lead">站点注册与备案落在宁夏，内容兼顾本地化与国际赛事数据。本地体育文化机构与高校体育社团保持着内容交流，这部分工作不改变数据口径，只影响选题的观察角度。</p>
        </div>

        <div class="local-grid">
          <article class="local-card">
            <p class="local-card__label">月度访问</p>
            <p class="local-card__value"><span class="num">38</span> 万人次</p>
            <p class="local-card__note">其中宁夏本地访问占比约 <span class="num">9%</span>，其余来自全国其他地区。</p>
          </article>

          <article class="local-card">
            <p class="local-card__label">内容交流</p>
            <p class="local-card__value">本地机构</p>
            <p class="local-card__note">与本地体育文化机构、高校体育社团的交流围绕选题与观察角度展开，不涉及数据口径变更。</p>
          </article>

          <article class="local-card local-card--filing">
            <p class="local-card__label">备案与联络公示</p>
            <dl class="filing-rows">
              <div class="filing-row">
                <dt>ICP 备案号</dt>
                <dd>宁ICP备44236117号</dd>
              </div>
              <div class="filing-row">
                <dt>客服邮箱</dt>
                <dd><a class="inline-link" href="/find-us/">email@sports-hobo.com.cn</a></dd>
              </div>
            </dl>
            <p class="local-card__note">该邮箱用于处理实时比分、赛后复盘等数据咨询与内容反馈，也受理数据纠错。</p>
          </article>
        </div>

        <p class="band-tail">需要提交纠错或咨询内容使用，可以从 <a class="inline-link" href="/find-us/">找到我们</a> 进入反馈通道，那里同时公示通信地址与电话。</p>
      </section>

    </div>
  </div>
</main>

.page-about {
  --ab-rail-w: 176px;
  --ab-max: 1280px;
  display: block;
  background: var(--ink);
  color: var(--paper);
  font-family: var(--font-sans);
  overflow-x: clip;
}

.page-about * {
  box-sizing: border-box;
}

.page-about .about-container {
  width: 100%;
  max-width: var(--ab-max);
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 52px);
}

/* ---------- 首屏 ---------- */
.page-about .about-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 4vw, 44px) 0 clamp(38px, 6vw, 80px);
  background:
    radial-gradient(92% 82% at 94% 2%, rgba(255, 74, 23, 0.30), transparent 62%),
    radial-gradient(72% 70% at -8% 104%, rgba(46, 242, 184, 0.10), transparent 64%),
    var(--ink);
}

.page-about .about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.45;
  background-image: radial-gradient(rgba(242, 236, 227, 0.09) 1px, transparent 1px);
  background-size: 4px 4px;
}

.page-about .about-hero > .about-container {
  position: relative;
  z-index: 1;
}

/* 面包屑 */
.page-about .breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 clamp(20px, 3vw, 34px);
  padding: 0;
  list-style: none;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: var(--silver);
}

.page-about .breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.page-about .breadcrumbs__item + .breadcrumbs__item::before {
  content: "›";
  color: var(--line);
}

.page-about .breadcrumbs__link {
  color: var(--silver);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.18s var(--ease), border-color 0.18s var(--ease);
}

.page-about .breadcrumbs__link:hover,
.page-about .breadcrumbs__link:focus-visible {
  color: var(--flame);
  border-bottom-color: var(--flame);
}

.page-about .breadcrumbs__current {
  color: var(--paper);
}

/* 小标签 */
.page-about .eyebrow {
  display: inline-block;
  margin: 0 0 14px;
  padding: 6px 14px;
  border: 1px solid rgba(255, 74, 23, 0.5);
  border-radius: var(--r-pill);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--flame);
}

.page-about .flow-band--paper .eyebrow {
  border-color: rgba(188, 50, 8, 0.42);
  color: var(--flame-deep);
}

/* 首屏栅格 */
.page-about .hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(26px, 4vw, 52px);
}

@media (min-width: 980px) {
  .page-about .hero-grid {
    grid-template-columns: minmax(0, 1.32fr) minmax(290px, 0.82fr);
    align-items: end;
  }
}

.page-about .about-hero h1 {
  margin: 0 0 clamp(16px, 2.2vw, 26px);
  font-size: clamp(2rem, 5.4vw, 3.5rem);
  line-height: 1.06;
  font-weight: 900;
  letter-spacing: -0.015em;
  color: var(--paper);
}

.page-about .about-hero h1 .hl {
  display: inline-block;
  transform: skewX(-2.5deg);
  color: var(--flame);
}

.page-about .hero-lead {
  margin: 0;
  max-width: 62ch;
  font-size: clamp(15px, 1.4vw, 17px);
  line-height: 1.85;
  color: var(--silver);
}

/* 概览卡 */
.page-about .hero-plate {
  position: relative;
  overflow: hidden;
  padding: clamp(20px, 2.6vw, 28px);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: linear-gradient(158deg, rgba(255, 74, 23, 0.12), rgba(15, 13, 12, 0.72) 58%);
}

.page-about .plate-num {
  position: absolute;
  right: 16px;
  top: -4px;
  font-family: var(--font-mono);
  font-size: clamp(3.2rem, 7vw, 4.8rem);
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 74, 23, 0.16);
  pointer-events: none;
}

.page-about .plate-kicker {
  margin: 0 0 6px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--silver);
}

.page-about .plate-title {
  margin: 0 0 20px;
  font-size: 15px;
  font-weight: 700;
  color: var(--paper);
}

.page-about .plate-rows {
  margin: 0;
  display: grid;
  gap: 10px;
}

.page-about .plate-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.page-about .plate-row dt {
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--silver);
}

.page-about .plate-row dd {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 17px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--mint);
}

/* ---------- 主体骨架 ---------- */
.page-about .about-shell {
  display: block;
}

.page-about .chapter-rail {
  padding: 12px 0;
  background: var(--ink);
  border-bottom: 1px solid var(--line);
}

.page-about .rail-head {
  display: none;
}

.page-about .chapter-list {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0 clamp(16px, 4vw, 52px);
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}

.page-about .chapter-list::-webkit-scrollbar {
  display: none;
}

.page-about .chapter-link {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  padding: 7px 14px;
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  font-size: 13px;
  line-height: 1.5;
  color: var(--silver);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease), background-color 0.2s var(--ease);
}

.page-about .chapter-link__n {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--flame);
}

.page-about .chapter-link:hover,
.page-about .chapter-link:focus-visible {
  color: var(--paper);
  border-color: rgba(255, 74, 23, 0.7);
  background: rgba(255, 74, 23, 0.08);
}

@media (min-width: 1080px) {
  .page-about .about-shell {
    display: grid;
    grid-template-columns: var(--ab-rail-w) minmax(0, 1fr);
    align-items: start;
  }

  .page-about .chapter-rail {
    position: sticky;
    top: 0;
    align-self: start;
    padding: clamp(46px, 5vw, 74px) 20px 40px 0;
    border-bottom: none;
    border-right: 1px solid var(--line);
    background: var(--ink);
  }

  .page-about .rail-head {
    display: block;
    margin: 0 0 14px;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.2em;
    color: var(--silver);
  }

  .page-about .chapter-list {
    display: grid;
    gap: 2px;
    padding: 0;
    overflow: visible;
  }

  .page-about .chapter-link {
    display: flex;
    border: none;
    border-left: 2px solid var(--line);
    border-radius: 0;
    padding: 9px 8px 9px 12px;
    font-size: 13.5px;
    white-space: normal;
  }
}

/* ---------- 内容带 ---------- */
.page-about .flow-band {
  position: relative;
  padding: clamp(44px, 6vw, 84px) clamp(16px, 4vw, 56px) clamp(48px, 7vw, 92px);
}

.page-about .flow-band::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -22px;
  height: 23px;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  pointer-events: none;
}

.page-about .flow-band--paper {
  background: var(--paper);
  color: var(--paper-ink);
}

.page-about .flow-band--paper::before {
  background: var(--paper);
}

.page-about .flow-band--ink {
  background: var(--slate);
  color: var(--paper);
}

.page-about .flow-band--ink::before {
  background: var(--slate);
}

.page-about .band-inner {
  max-width: 68ch;
}

.page-about .section-title {
  margin: 0 0 clamp(14px, 1.8vw, 20px);
  font-size: clamp(1.7rem, 3.6vw, 2.7rem);
  line-height: 1.14;
  font-weight: 900;
  letter-spacing: -0.015em;
}

.page-about .flow-band--paper .section-title {
  color: var(--paper-ink);
}

.page-about .flow-band--ink .section-title {
  color: var(--paper);
}

.page-about .flow-band .lead {
  margin: 0;
  font-size: clamp(15px, 1.35vw, 16.5px);
  line-height: 1.85;
}

.page-about .flow-band--ink .lead {
  color: var(--silver);
}

.page-about .flow-band--paper .lead {
  color: rgba(31, 28, 26, 0.74);
}

.page-about .band-tail {
  margin: clamp(26px, 3.4vw, 40px) 0 0;
  max-width: 68ch;
  font-size: 14px;
  line-height: 1.85;
}

.page-about .flow-band--ink .band-tail {
  color: var(--silver);
}

.page-about .flow-band--paper .band-tail {
  color: rgba(31, 28, 26, 0.72);
}

.page-about .inline-link {
  color: var(--flame);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 74, 23, 0.42);
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
}

.page-about .flow-band--paper .inline-link {
  color: var(--flame-deep);
  border-bottom-color: rgba(188, 50, 8, 0.4);
}

.page-about .inline-link:hover,
.page-about .inline-link:focus-visible {
  border-bottom-color: currentColor;
}

/* ---------- 图片 ---------- */
.page-about .media {
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  overflow: hidden;
}

.page-about .flow-band--paper .media {
  border-color: rgba(31, 28, 26, 0.16);
}

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

.page-about .timeline-figure,
.page-about .team-figure {
  margin-top: clamp(24px, 3.4vw, 40px);
}

.page-about .timeline-figure img {
  aspect-ratio: 4 / 3;
}

.page-about .team-figure img {
  aspect-ratio: 21 / 8;
}

.page-about .pipe-figure img {
  aspect-ratio: 3 / 2;
}

.page-about .media__cap {
  padding: 12px clamp(14px, 2vw, 20px) 14px;
  font-size: 12.5px;
  line-height: 1.7;
  border-top: 1px solid var(--line);
  color: var(--silver);
}

.page-about .flow-band--paper .media__cap {
  border-top-color: rgba(31, 28, 26, 0.14);
  color: rgba(31, 28, 26, 0.66);
}

/* ---------- 赛季时间线 ---------- */
.page-about .season-line {
  position: relative;
  margin: clamp(30px, 4vw, 48px) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: clamp(14px, 2vw, 20px);
}

.page-about .season-line::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 18px;
  bottom: 18px;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--flame) 0%, rgba(255, 74, 23, 0.32) 55%, var(--mint) 100%);
}

.page-about .season-node {
  position: relative;
  padding: clamp(18px, 2.2vw, 26px) clamp(18px, 2.4vw, 28px) clamp(18px, 2.2vw, 24px) clamp(44px, 5vw, 56px);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: rgba(242, 236, 227, 0.025);
  transition: border-color 0.2s var(--ease), background-color 0.2s var(--ease);
}

.page-about .season-node:hover {
  border-color: rgba(255, 74, 23, 0.65);
  background: rgba(255, 74, 23, 0.06);
}

.page-about .season-node.is-current {
  border-color: rgba(46, 242, 184, 0.42);
  background: linear-gradient(120deg, rgba(46, 242, 184, 0.07), transparent 62%);
}

.page-about .season-node__dot {
  position: absolute;
  left: 2px;
  top: 26px;
  width: 20px;
  height: 12px;
  border-radius: var(--r-pill);
  border: 2px solid var(--flame);
  background: var(--slate);
}

.page-about .season-node.is-current .season-node__dot {
  border-color: var(--mint);
  background: var(--mint);
}

.page-about .season-node__year {
  margin: 0 0 6px;
  font-family: var(--font-mono);
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
  color: var(--flame);
}

.page-about .season-node.is-current .season-node__year {
  color: var(--mint);
}

.page-about .season-node__title {
  margin: 0 0 8px;
  font-size: clamp(1rem, 1.6vw, 1.15rem);
  font-weight: 800;
  color: var(--paper);
}

.page-about .season-node__text {
  margin: 0 0 14px;
  font-size: 14.5px;
  line-height: 1.82;
  color: var(--silver);
}

.page-about .season-node__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ---------- 胶囊标签 ---------- */
.page-about .chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 11px;
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--silver);
  background: transparent;
}

.page-about .chip--flame {
  border-color: rgba(255, 74, 23, 0.6);
  color: var(--flame);
}

.page-about .chip--mint {
  border-color: rgba(46, 242, 184, 0.5);
  color: var(--mint);
}

.page-about .chip--clay {
  border-color: rgba(180, 105, 74, 0.62);
  color: var(--clay);
}

.page-about .chip--moss {
  border-color: rgba(92, 122, 85, 0.7);
  color: #93AC8B;
}

.page-about .chip--mini {
  border-color: rgba(156, 150, 142, 0.4);
}

.page-about .flow-band--paper .chip {
  border-color: rgba(31, 28, 26, 0.22);
  color: rgba(31, 28, 26, 0.72);
}

.page-about .flow-band--paper .chip--flame {
  border-color: rgba(188, 50, 8, 0.5);
  color: var(--flame-deep);
}

.page-about .flow-band--paper .chip--moss {
  border-color: rgba(92, 122, 85, 0.6);
  color: #46603F;
}

/* ---------- 团队 ---------- */
.page-about .team-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(14px, 2vw, 20px);
  margin-top: clamp(24px, 3.4vw, 40px);
}

@media (min-width: 760px) {
  .page-about .team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.page-about .team-card {
  display: flex;
  flex-direction: column;
  padding: clamp(18px, 2.4vw, 26px);
  border: 1px solid rgba(31, 28, 26, 0.16);
  border-radius: var(--r-card);
  background: #FAF6EF;
  transition: border-color 0.2s var(--ease), background-color 0.2s var(--ease), transform 0.2s var(--ease);
}

.page-about .team-card:hover {
  border-color: rgba(188, 50, 8, 0.5);
  background: #FFFBF5;
  transform: translateY(-3px);
}

.page-about .team-card__n {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: clamp(2.1rem, 4vw, 2.9rem);
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: var(--flame-deep);
}

.page-about .team-card__title {
  margin: 0 0 10px;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--paper-ink);
}

.page-about .team-card__text {
  margin: 0 0 16px;
  font-size: 14.5px;
  line-height: 1.82;
  color: rgba(31, 28, 26, 0.76);
}

.page-about .team-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: auto 0 0;
  padding: 0;
  list-style: none;
}

/* ---------- 上线路径 ---------- */
.page-about .pipe-intro {
  max-width: none;
}

@media (min-width: 900px) {
  .page-about .pipe-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
    gap: clamp(24px, 4vw, 48px);
    align-items: center;
  }
}

.page-about .pipe-intro__copy {
  max-width: 60ch;
}

.page-about .pipe-figure {
  margin-top: clamp(20px, 3vw, 28px);
}

@media (min-width: 900px) {
  .page-about .pipe-figure {
    margin-top: 0;
  }
}

.page-about .pipe-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(12px, 1.8vw, 18px);
  margin: clamp(28px, 4vw, 44px) 0 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 900px) {
  .page-about .pipe-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.page-about .pipe-step {
  display: flex;
  gap: clamp(12px, 1.6vw, 18px);
  padding: clamp(16px, 2vw, 22px);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: rgba(242, 236, 227, 0.025);
  transition: border-color 0.2s var(--ease), background-color 0.2s var(--ease);
}

.page-about .pipe-step:hover {
  border-color: rgba(255, 74, 23, 0.5);
  background: rgba(255, 74, 23, 0.05);
}

.page-about .pipe-step__n {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 74, 23, 0.5);
  border-radius: 50%;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--flame);
}

.page-about .pipe-step__body {
  min-width: 0;
}

.page-about .pipe-step__title {
  margin: 6px 0 8px;
  font-size: 1rem;
  font-weight: 800;
  color: var(--paper);
}

.page-about .pipe-step__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--silver);
}

/* 折叠区 */
.page-about .fold {
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px dashed var(--line);
}

.page-about .fold > summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  list-style: none;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--mint);
  transition: color 0.2s var(--ease);
}

.page-about .fold > summary::-webkit-details-marker {
  display: none;
}

.page-about .fold > summary::before {
  content: "+";
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 1;
}

.page-about .fold[open] > summary::before {
  content: "–";
}

.page-about .fold > summary:hover,
.page-about .fold > summary:focus-visible {
  color: var(--paper);
}

.page-about .fold__body {
  padding-top: 10px;
}

.page-about .fold__body p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--silver);
}

/* ---------- 口径与自律 ---------- */
.page-about .rule-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(14px, 2vw, 20px);
  margin-top: clamp(26px, 3.6vw, 42px);
}

@media (min-width: 800px) {
  .page-about .rule-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

.page-about .rule-card {
  padding: clamp(20px, 2.6vw, 30px);
  border: 1px solid rgba(31, 28, 26, 0.16);
  border-radius: var(--r-card);
  background: #FAF6EF;
}

.page-about .rule-card--stop {
  border-color: rgba(188, 50, 8, 0.34);
  background: linear-gradient(150deg, rgba(255, 74, 23, 0.09), #FAF6EF 56%);
}

.page-about .rule-card__title {
  margin: 0 0 14px;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--paper-ink);
}

.page-about .rule-card__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.page-about .rule-card__list li {
  position: relative;
  padding-left: 18px;
  font-size: 14.5px;
  line-height: 1.8;
  color: rgba(31, 28, 26, 0.78);
}

.page-about .rule-card__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--silver);
}

.page-about .rule-card--stop .rule-card__list li::before {
  background: var(--flame-deep);
}

.page-about .rule-card__list--num {
  counter-reset: rule;
}

.page-about .rule-card__list--num li {
  padding-left: 26px;
  counter-increment: rule;
}

.page-about .rule-card__list--num li::before {
  content: counter(rule);
  left: 0;
  top: 0.36em;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(31, 28, 26, 0.28);
  font-family: var(--font-mono);
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  color: var(--paper-ink);
}

/* ---------- 本地属性与公示 ---------- */
.page-about .local-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(14px, 2vw, 20px);
  margin-top: clamp(28px, 3.8vw, 44px);
}

@media (min-width: 860px) {
  .page-about .local-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
  }

  .page-about .local-grid > :nth-child(2) {
    margin-top: 26px;
  }

  .page-about .local-grid > :nth-child(3) {
    margin-top: 52px;
  }
}

.page-about .local-card {
  padding: clamp(18px, 2.4vw, 26px);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: rgba(242, 236, 227, 0.028);
  transition: border-color 0.2s var(--ease), background-color 0.2s var(--ease);
}

.page-about .local-card:hover {
  border-color: rgba(255, 74, 23, 0.5);
  background: rgba(255, 74, 23, 0.05);
}

.page-about .local-card--filing {
  border-color: rgba(46, 242, 184, 0.34);
}

.page-about .local-card__label {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--silver);
}

.page-about .local-card__value {
  margin: 0 0 12px;
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--paper);
}

.page-about .local-card__value .num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  color: var(--flame);
}

.page-about .local-card__note {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--silver);
}

.page-about .local-card__note .num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  color: var(--mint);
}

.page-about .filing-rows {
  margin: 0 0 12px;
  display: grid;
  gap: 10px;
}

.page-about .filing-row {
  display: grid;
  gap: 3px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.page-about .filing-row dt {
  font-size: 12.5px;
  letter-spacing: 0.04em;
  color: var(--silver);
}

.page-about .filing-row dd {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 14.5px;
  font-weight: 700;
  word-break: break-word;
  color: var(--paper);
}

.page-about .local-card--filing .inline-link {
  color: var(--mint);
  border-bottom-color: rgba(46, 242, 184, 0.4);
}

/* ---------- 交互与可访问性 ---------- */
.page-about a:focus-visible,
.page-about summary:focus-visible {
  outline: 2px solid var(--mint);
  outline-offset: 3px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .page-about *,
  .page-about *::before,
  .page-about *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

  .page-about .team-card:hover {
    transform: none;
  }
}
<<<END>>>