.page-about{
  display:block;
  background:var(--void);
  color:var(--text);
  font-family:var(--font-body);
  overflow-x:hidden;
}

/* ---------- 面包屑 ---------- */
.page-about .about-breadcrumb{
  padding-top:clamp(14px,3vw,26px);
}
.page-about .about-breadcrumb .breadcrumb-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  font-size:13px;
  color:var(--muted);
}
.page-about .about-breadcrumb .breadcrumb-link{
  color:var(--muted);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.page-about .about-breadcrumb .breadcrumb-link:hover,
.page-about .about-breadcrumb .breadcrumb-link:focus-visible{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}
.page-about .about-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  content:"/";
  margin-right:8px;
  color:var(--grid-line);
}
.page-about .about-breadcrumb .breadcrumb-current{
  color:var(--text);
}

/* ---------- 首屏 ---------- */
.page-about .about-hero{
  position:relative;
  margin-top:clamp(18px,3.5vw,36px);
  padding:clamp(32px,6vw,72px) 0 clamp(38px,6vw,78px);
  border-top:1px solid var(--grid-line);
  border-bottom:1px solid var(--grid-line);
  background:
    radial-gradient(120% 100% at 90% 0%, rgba(138,92,255,.22), transparent 60%),
    radial-gradient(100% 80% at 0% 100%, rgba(34,230,255,.12), transparent 62%),
    linear-gradient(180deg, rgba(11,16,32,.92), rgba(5,6,14,0));
  overflow:hidden;
}
.page-about .about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(to right, rgba(36,48,86,.55) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(36,48,86,.55) 1px, transparent 1px);
  background-size:68px 68px;
  -webkit-mask-image:linear-gradient(160deg, rgba(0,0,0,.8), transparent 72%);
  mask-image:linear-gradient(160deg, rgba(0,0,0,.8), transparent 72%);
  pointer-events:none;
}
.page-about .about-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(26px,4vw,52px);
  align-items:end;
}
@media (min-width:940px){
  .page-about .about-hero-grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  }
}
.page-about .about-eyebrow{
  margin:0;
  font-size:12px;
  letter-spacing:.14em;
  color:var(--cyan);
  text-transform:uppercase;
}
.page-about .about-title{
  margin:14px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(32px,7vw,64px);
  line-height:1.08;
  letter-spacing:-.02em;
  text-align:left;
}
.page-about .about-title em{
  font-style:normal;
  color:var(--cyan);
  background:linear-gradient(transparent 62%, rgba(34,230,255,.24) 62%);
}
.page-about .about-lead{
  margin:22px 0 0;
  font-size:clamp(15px,1.7vw,17.5px);
  line-height:1.85;
  color:var(--muted);
  max-width:50ch;
}
.page-about .about-hero-actions{
  margin-top:30px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* ---------- 首屏数据面板 ---------- */
.page-about .about-facts{
  position:relative;
  padding:clamp(20px,3vw,28px);
  border:1px solid var(--grid-line);
  border-radius:var(--r-md);
  background:linear-gradient(155deg, rgba(21,28,51,.94), rgba(11,16,32,.94));
  overflow:hidden;
}
.page-about .about-facts::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:34px;
  height:34px;
  background:var(--cyan);
  clip-path:polygon(0 0, 100% 0, 100% 100%);
  opacity:.9;
}
.page-about .about-facts-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding-bottom:16px;
  border-bottom:1px solid var(--grid-line);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--muted);
}
.page-about .about-facts .status-dot{
  flex:none;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 10px rgba(49,227,154,.85);
}
.page-about .about-fact-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:20px;
  margin:0;
  padding:0;
}
.page-about .about-fact{
  padding:16px 0 6px;
  border-top:1px solid var(--grid-line);
}
.page-about .about-fact:nth-child(-n+2){
  border-top:0;
}
.page-about .about-fact-key{
  font-size:12px;
  letter-spacing:.08em;
  color:var(--muted);
}
.page-about .about-fact-num{
  display:flex;
  align-items:baseline;
  gap:4px;
  margin:8px 0 0;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(24px,3.6vw,32px);
  font-weight:700;
  line-height:1;
  color:var(--text);
}
.page-about .about-fact-num small{
  font-size:12px;
  font-weight:400;
  letter-spacing:.04em;
  color:var(--muted);
}
.page-about .about-facts-foot{
  margin:20px 0 0;
  padding-left:11px;
  border-left:2px solid var(--purple);
  font-size:12.5px;
  line-height:1.75;
  color:var(--muted);
}

/* ---------- 章节骨架 ---------- */
.page-about .about-chapter{
  padding:clamp(48px,8vw,96px) 0;
  border-bottom:1px solid var(--grid-line);
}
.page-about .about-chapter--wide{
  background:linear-gradient(180deg, rgba(11,16,32,.75), rgba(5,6,14,0));
}
.page-about .about-split{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}
@media (min-width:900px){
  .page-about .about-split{
    grid-template-columns:170px minmax(0,1fr);
    gap:clamp(32px,4.5vw,60px);
  }
}
.page-about .about-rail{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding-bottom:12px;
  border-bottom:1px solid var(--grid-line);
}
.page-about .about-rail .term-note{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  border-left:0;
  padding-left:0;
}
@media (min-width:900px){
  .page-about .about-split .about-rail{
    position:sticky;
    top:132px;
    align-self:start;
    display:block;
    padding-bottom:0;
    border-bottom:0;
  }
  .page-about .about-split .about-rail .term-note{
    margin-top:14px;
    border-left:1px solid var(--grid-line);
    padding-left:12px;
  }
}
.page-about .about-rail--inline{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:12px;
  margin:0 0 18px;
  padding:0;
  border-bottom:0;
}
.page-about .about-rail--inline .term-note{
  margin:0;
  max-width:56ch;
  border-left:0;
  padding-left:0;
}
.page-about .chapter-no{
  display:block;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.16em;
  color:var(--cyan);
}
.page-about .term-note{
  margin:0;
  font-size:12.5px;
  line-height:1.8;
  color:var(--muted);
}
.page-about .about-body{
  min-width:0;
}
.page-about .chapter-title{
  margin:0;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(23px,3.4vw,34px);
  line-height:1.32;
  letter-spacing:-.01em;
  text-align:left;
}
.page-about .chapter-title::before{
  content:"";
  display:block;
  width:38px;
  height:2px;
  margin-bottom:16px;
  background:linear-gradient(90deg, var(--cyan), rgba(34,230,255,0));
}
.page-about .chapter-lead{
  margin:18px 0 0;
  font-size:clamp(15px,1.7vw,17px);
  line-height:1.85;
  color:var(--muted);
  max-width:64ch;
}
.page-about .inline-link{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(34,230,255,.45);
}
.page-about .inline-link:hover,
.page-about .inline-link:focus-visible{
  border-bottom-color:var(--cyan);
}
.page-about .rail-afterword{
  margin:30px 0 0;
  max-width:60ch;
  font-size:14px;
  line-height:1.85;
  color:var(--muted);
}

/* ---------- 三条主线 ---------- */
.page-about .line-list{
  list-style:none;
  margin:32px 0 0;
  padding:0;
}
.page-about .line-item{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  padding:26px 0;
  border-top:1px solid var(--grid-line);
}
@media (min-width:760px){
  .page-about .line-item{
    grid-template-columns:64px minmax(0,1fr);
    gap:28px;
  }
}
.page-about .line-no{
  font-size:13px;
  letter-spacing:.16em;
  color:var(--cyan);
}
.page-about .line-no::after{
  content:"";
  display:block;
  width:24px;
  height:2px;
  margin-top:10px;
  background:linear-gradient(90deg, var(--cyan), transparent);
}
.page-about .line-copy{
  min-width:0;
}
.page-about .line-title{
  margin:0 0 10px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(18px,2.2vw,22px);
  letter-spacing:-.01em;
  color:var(--text);
}
.page-about .line-item p{
  margin:0 0 12px;
  max-width:62ch;
  font-size:15.5px;
  line-height:1.85;
  color:var(--muted);
}
.page-about .line-item .line-scene{
  margin:0;
  padding:9px 12px;
  border-left:2px solid var(--orange);
  background:rgba(255,122,26,.07);
  font-size:14px;
  line-height:1.8;
  color:var(--text);
}

/* ---------- 图片容器 ---------- */
.page-about .about-figure{
  margin:30px 0 0;
}
.page-about .about-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
  border:1px solid var(--grid-line);
  border-radius:var(--r-md);
  background:var(--base);
}
.page-about .about-figure--wide img{
  aspect-ratio:16/8;
}
.page-about .about-figure--team img{
  aspect-ratio:3/2;
  margin-top:26px;
}
.page-about .about-figure--map img{
  aspect-ratio:4/3;
}

/* ---------- 阶段轴 ---------- */
.page-about .phase-track{
  list-style:none;
  margin:34px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
}
.page-about .phase{
  position:relative;
  padding:24px 0;
  border-top:1px solid var(--grid-line);
}
.page-about .phase::before{
  content:"";
  position:absolute;
  top:-4px;
  left:0;
  width:7px;
  height:7px;
  background:var(--cyan);
  transform:rotate(45deg);
}
.page-about .phase[data-step="1"]::before{
  background:var(--purple);
  opacity:.5;
}
.page-about .phase[data-step="2"]::before{
  opacity:.75;
}
.page-about .phase[data-step="3"]::before{
  opacity:.9;
}
.page-about .phase[data-step="4"]::before{
  box-shadow:0 0 16px rgba(34,230,255,.9);
}
@media (min-width:900px){
  .page-about .phase-track{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:26px;
  }
  .page-about .phase{
    padding:26px 16px 26px 0;
  }
  .page-about .phase:hover .phase-name,
  .page-about .phase:focus-within .phase-name{
    color:var(--cyan);
  }
  .page-about .phase:hover .phase-tag,
  .page-about .phase:focus-within .phase-tag{
    border-color:var(--cyan);
    background:rgba(34,230,255,.12);
    color:var(--cyan);
  }
}
.page-about .phase-no{
  display:block;
  font-size:12px;
  letter-spacing:.16em;
  color:var(--cyan);
}
.page-about .phase-name{
  margin:10px 0 10px;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(17px,2vw,20px);
  line-height:1.45;
  color:var(--text);
  transition:color .2s ease;
}
.page-about .phase-desc{
  margin:0 0 16px;
  font-size:14px;
  line-height:1.82;
  color:var(--muted);
}
.page-about .tag-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-about .phase-tag{
  display:inline-block;
  padding:3px 9px;
  border:1px solid rgba(138,92,255,.45);
  border-radius:var(--r-sm);
  background:rgba(138,92,255,.12);
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.05em;
  white-space:nowrap;
  color:var(--purple);
  transition:color .2s ease, background .2s ease, border-color .2s ease;
}

/* ---------- 团队 ---------- */
.page-about .team-lines{
  list-style:none;
  margin:32px 0 0;
  padding:0;
}
.page-about .team-line{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding:22px 0;
  border-top:1px solid var(--grid-line);
}
@media (min-width:760px){
  .page-about .team-line{
    grid-template-columns:206px minmax(0,1fr);
    gap:26px;
    align-items:start;
  }
}
.page-about .team-line h3{
  margin:0;
  padding-left:12px;
  border-left:2px solid var(--cyan);
  font-size:16px;
  font-weight:700;
  line-height:1.5;
  color:var(--text);
}
.page-about .team-line:nth-child(2) h3{
  border-left-color:var(--purple);
}
.page-about .team-line:nth-child(3) h3{
  border-left-color:var(--orange);
}
.page-about .team-line p{
  margin:0;
  max-width:58ch;
  font-size:15px;
  line-height:1.85;
  color:var(--muted);
}

/* ---------- 赛制与赛区 ---------- */
.page-about .format-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.page-about .format-item{
  padding:8px 13px;
  border:1px solid var(--grid-line);
  border-radius:var(--r-sm);
  background:rgba(21,28,51,.75);
  font-size:14px;
  line-height:1.4;
  color:var(--text);
}
.page-about .format-item:nth-child(3n+2){
  border-color:rgba(138,92,255,.45);
}
.page-about .format-item:nth-child(3n){
  border-color:rgba(34,230,255,.4);
}
.page-about .scale-split{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(28px,4vw,48px);
  margin-top:clamp(32px,5vw,52px);
}
@media (min-width:900px){
  .page-about .scale-split{
    grid-template-columns:minmax(0,5fr) minmax(0,6fr);
    align-items:start;
  }
}
.page-about .scale-title{
  margin:0 0 14px;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(19px,2.3vw,23px);
  line-height:1.45;
  color:var(--text);
}
.page-about .scale-copy p{
  margin:0 0 14px;
  max-width:56ch;
  font-size:15px;
  line-height:1.85;
  color:var(--muted);
}
.page-about .scale-visual{
  min-width:0;
}
.page-about .region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(34px, 1fr));
  gap:5px;
  margin:20px 0 0;
}
.page-about .region-cell{
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:1;
  border:1px solid rgba(138,92,255,.35);
  border-radius:var(--r-sm);
  background:rgba(138,92,255,.16);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.04em;
  color:rgba(166,176,206,.8);
  transition:background .2s ease, border-color .2s ease, color .2s ease;
}
.page-about .region-cell:hover,
.page-about .region-cell:focus-visible{
  border-color:var(--cyan);
  background:rgba(34,230,255,.22);
  color:var(--text);
}
.page-about .region-caption{
  margin:12px 0 0;
  font-size:12.5px;
  line-height:1.7;
  color:var(--muted);
}

/* ---------- 服务承诺 ---------- */
.page-about .promise-list{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  margin:30px 0 0;
  padding:0;
  list-style:none;
  border:1px solid var(--grid-line);
  border-radius:var(--r-md);
  background:var(--grid-line);
  overflow:hidden;
}
@media (min-width:820px){
  .page-about .promise-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
.page-about .promise{
  padding:24px 20px;
  background:linear-gradient(180deg, rgba(21,28,51,.92), rgba(11,16,32,.96));
}
.page-about .promise-time{
  display:block;
  font-size:clamp(17px,2.3vw,21px);
  letter-spacing:.02em;
  color:var(--cyan);
}
.page-about .promise:nth-child(2) .promise-time{
  color:var(--purple);
}
.page-about .promise:nth-child(3) .promise-time{
  color:var(--green);
}
.page-about .promise h3{
  margin:12px 0 8px;
  font-size:15.5px;
  font-weight:700;
  color:var(--text);
}
.page-about .promise p{
  margin:0;
  font-size:14px;
  line-height:1.82;
  color:var(--muted);
}

/* ---------- 三条理由 ---------- */
.page-about .reason-list{
  list-style:none;
  margin:32px 0 0;
  padding:0;
}
.page-about .reason{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding:26px 0;
  border-top:1px solid var(--grid-line);
}
@media (min-width:760px){
  .page-about .reason{
    grid-template-columns:auto minmax(0,1fr);
    gap:34px;
    align-items:baseline;
  }
}
.page-about .reason-no{
  font-family:var(--font-mono);
  font-size:clamp(26px,4vw,38px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--cyan);
  opacity:.6;
}
.page-about .reason:nth-child(2) .reason-no{
  color:var(--purple);
}
.page-about .reason:nth-child(3) .reason-no{
  color:var(--orange);
}
.page-about .reason-copy{
  min-width:0;
}
.page-about .reason h3{
  margin:0 0 10px;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(18px,2.4vw,23px);
  line-height:1.42;
  color:var(--text);
}
.page-about .reason p{
  margin:0;
  max-width:60ch;
  font-size:15px;
  line-height:1.85;
  color:var(--muted);
}

/* ---------- 收束 ---------- */
.page-about .about-cta{
  padding:clamp(44px,7vw,80px) 0 clamp(56px,8vw,96px);
  border-top:1px solid var(--grid-line);
  background:
    radial-gradient(90% 130% at 8% 0%, rgba(34,230,255,.16), transparent 62%),
    linear-gradient(140deg, rgba(21,28,51,.95), rgba(5,6,14,.96));
}
.page-about .about-cta-inner{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
}
@media (min-width:900px){
  .page-about .about-cta-inner{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:44px;
  }
}
.page-about .about-cta h2{
  margin:0;
  max-width:22ch;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(24px,3.6vw,38px);
  line-height:1.2;
  letter-spacing:-.02em;
}
.page-about .about-cta p{
  margin:14px 0 0;
  max-width:52ch;
  font-size:15px;
  line-height:1.8;
  color:var(--muted);
}
.page-about .about-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* ---------- 动效兼容 ---------- */
@media (prefers-reduced-motion: reduce){
  .page-about .about-title em,
  .page-about .phase,
  .page-about .region-cell,
  .page-about .phase-name,
  .page-about .phase-tag{
    transition:none;
  }
}
<<<END>>>