.page-about{
  --about-pad:56px;
  position:relative;
  background:var(--night);
  color:var(--ivory);
  font-family:var(--font-cn);
  overflow-x:hidden;
}
@media (min-width:900px){
  .page-about{ --about-pad:96px; }
}

.page-about :focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

/* 分区色带：暗夜蓝 → 靛紫 → 收束回暗夜蓝 */
.page-about .about-band{
  position:relative;
  padding:var(--about-pad) 0;
}
.page-about .about-band::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right,var(--grid-fine) 1px,transparent 1px),
    linear-gradient(to bottom,var(--grid-fine) 1px,transparent 1px);
  background-size:96px 96px,96px 96px;
}
.page-about .about-band--night{ background:var(--night); }
.page-about .about-band--indigo{
  background:linear-gradient(180deg,var(--night) 0%,var(--indigo) 16%,var(--indigo) 84%,var(--night) 100%);
  border-top:1px solid var(--gold-line);
  border-bottom:1px solid var(--gold-line);
}
.page-about .about-band--closing{
  background:radial-gradient(95% 70% at 12% 0%,rgba(107,15,28,.55),var(--night) 72%);
}
.page-about .about-band > .container{ position:relative; z-index:1; }

.page-about .about-section{ padding-top:var(--about-pad); }
.page-about .about-section:first-child{ padding-top:0; }

.page-about .panel-label{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-latin);
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
}
.page-about .panel-label .mono{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:22px;
  padding:0 6px;
  border:1px solid var(--gold-line);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--gold-soft);
}
.page-about .section-head .lead{ max-width:62ch; }

/* 首屏 */
.page-about .about-hero{ padding:24px 0 8px; }
.page-about .about-hero__grid{
  display:grid;
  gap:32px;
  margin-top:24px;
}
.page-about .about-hero__title{
  margin:14px 0 0;
  max-width:15ch;
}
.page-about .about-hero__lead{
  margin-top:20px;
  max-width:58ch;
}
.page-about .about-index{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-about .about-index__row{
  display:grid;
  gap:4px;
  padding:14px 0;
  border-bottom:1px solid var(--line-soft);
}
.page-about .about-index__row:last-child{ border-bottom:0; }
.page-about .about-index__k{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--slate);
}
.page-about .about-index__v{
  font-size:15px;
  line-height:1.7;
  color:var(--ivory);
}
@media (min-width:640px){
  .page-about .about-index__row{ grid-template-columns:118px 1fr; gap:16px; align-items:baseline; }
}
@media (min-width:1000px){
  .page-about .about-hero__grid{ grid-template-columns:repeat(12,1fr); gap:var(--gap); }
  .page-about .about-hero__main{ grid-column:span 7; }
  .page-about .about-hero__aside{ grid-column:span 5; }
}

/* 站点坐标 */
.page-about .about-cols{ display:grid; gap:32px; }
.page-about .about-cols__text p{
  margin-bottom:16px;
  max-width:66ch;
  line-height:1.9;
}
.page-about .about-stats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-content:start;
}
.page-about .about-stat{
  padding:18px 14px;
  border:1px solid var(--line-soft);
  background:var(--glass);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.page-about .about-stat__num{
  font-family:var(--font-mono);
  font-size:clamp(26px,6vw,34px);
  line-height:1;
  color:var(--gold);
}
.page-about .about-stat__label{
  font-size:13px;
  line-height:1.5;
  color:var(--slate);
}
@media (min-width:900px){
  .page-about .about-cols{ grid-template-columns:7fr 5fr; gap:48px; }
  .page-about .about-stats{ grid-template-columns:1fr; gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); }
  .page-about .about-stat{ background:var(--night); border:0; }
}
.page-about .about-coord__figure{ margin-top:40px; }
.page-about .about-coord__figure img{ opacity:.9; }

/* 时间线 */
.page-about .about-timeline__figure{ margin:32px 0 8px; }
.page-about .about-timeline{
  list-style:none;
  margin:32px 0 0;
  padding:0;
}
.page-about .about-stage{
  position:relative;
  padding:0 0 40px 28px;
  border-left:1px solid var(--line);
}
.page-about .about-stage:last-child{
  padding-bottom:0;
  border-left-color:transparent;
}
.page-about .about-stage::before{
  content:"";
  position:absolute;
  left:-4px;
  top:8px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(231,178,60,.14);
}
.page-about .about-stage__mark{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:12px;
}
.page-about .about-stage__num{
  font-size:15px;
  letter-spacing:.14em;
  color:var(--gold);
}
.page-about .about-stage__era{
  font-size:13px;
  letter-spacing:.06em;
  color:var(--slate);
}
.page-about .about-stage__card{
  border:1px solid var(--line-soft);
  background:var(--glass);
  backdrop-filter:blur(6px);
}
.page-about .about-stage__card > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:54px;
  padding:14px 18px;
  cursor:pointer;
  list-style:none;
}
.page-about .about-stage__card > summary::-webkit-details-marker{ display:none; }
.page-about .about-stage__card > summary::after{
  content:"+";
  font-family:var(--font-mono);
  font-size:18px;
  line-height:1;
  color:var(--gold);
  flex:0 0 auto;
}
.page-about .about-stage__card[open] > summary::after{ content:"–"; }
.page-about .about-stage__card[open] > summary{ border-bottom:1px solid var(--line-soft); }
.page-about .about-stage__title{
  font-family:var(--font-display);
  font-weight:700;
  font-size:19px;
  line-height:1.4;
  color:var(--ivory);
}
.page-about .about-stage__card .file-card__body{ padding:16px 18px; }
.page-about .about-stage__card .file-card__body p{
  max-width:64ch;
  line-height:1.9;
  color:var(--ivory);
  font-size:15px;
}
@media (min-width:900px){
  .page-about .about-stage{
    padding:0 0 48px 200px;
  }
  .page-about .about-stage:last-child{ padding-bottom:0; }
  .page-about .about-stage__mark{
    position:absolute;
    left:0;
    top:4px;
    width:172px;
    flex-direction:column;
    align-items:flex-end;
    gap:4px;
    margin:0;
    padding-right:28px;
    text-align:right;
  }
  .page-about .about-stage::before{ top:12px; }
}

/* 大屏取舍 */
.page-about .about-split{ display:grid; gap:32px; }
.page-about .about-split__text p{
  max-width:60ch;
  line-height:1.9;
  margin-bottom:16px;
}
.page-about .about-split__figure{ margin:0; }
@media (min-width:960px){
  .page-about .about-split{ grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
}

/* 更新纪律 */
.page-about .about-rules{
  list-style:none;
  margin:32px 0 0;
  padding:0;
  display:grid;
  gap:24px;
}
.page-about .about-rule{
  border-top:1px solid var(--gold-line);
  padding-top:16px;
}
.page-about .about-rule__k{
  display:block;
  font-size:13px;
  letter-spacing:.16em;
  color:var(--gold);
  margin-bottom:8px;
}
.page-about .about-rule .h3{ margin:0 0 8px; }
.page-about .about-rule p{
  max-width:52ch;
  line-height:1.9;
  font-size:15px;
  color:var(--ivory);
}
@media (min-width:820px){
  .page-about .about-rules{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
}

/* 维护与技术支持 */
.page-about .about-teams{
  display:grid;
  gap:16px;
  margin-top:32px;
}
.page-about .about-team{ padding:20px; }
.page-about .about-team p{
  line-height:1.85;
  font-size:15px;
}
@media (min-width:820px){
  .page-about .about-teams{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
.page-about .about-table-wrap{
  margin-top:32px;
  overflow-x:auto;
  border:1px solid var(--line-soft);
}
.page-about .about-table__cap{
  padding:14px 16px;
  text-align:left;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--slate);
  background:var(--glass);
}
.page-about .about-note{
  margin-top:24px;
  max-width:66ch;
  font-size:15px;
  line-height:1.9;
  color:var(--slate);
}
.page-about .about-link{
  color:var(--gold-soft);
  text-decoration:none;
  border-bottom:1px solid var(--gold-line);
}
.page-about .about-link:hover{ color:var(--gold); border-bottom-color:var(--gold); }

/* 备案与联络 */
.page-about .about-contact{
  display:grid;
  gap:1px;
  margin-top:32px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
}
.page-about .about-contact__item{
  background:var(--night);
  padding:20px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.page-about .about-contact__k{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--slate);
}
.page-about .about-contact__v{
  font-size:15px;
  line-height:1.7;
  color:var(--ivory);
  word-break:break-word;
}
.page-about .copy-status{
  min-height:22px;
  margin-top:12px;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.08em;
  color:var(--jade);
}
@media (min-width:820px){
  .page-about .about-contact{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
</main>