.page-about{
  --about-hair:rgba(36,52,74,.68);
  --about-cyan-wash:rgba(35,227,211,.10);
  --about-orange-wash:rgba(255,122,47,.12);
  position:relative;
  padding-top:var(--sp-6);
  padding-bottom:var(--sp-9);
  overflow-x:clip;
}

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

/* ---------- 面包屑 ---------- */
.page-about .breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45em;
  margin:0 0 var(--sp-5);
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--muted);
}
.page-about .breadcrumbs a{
  color:var(--muted);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);
}
.page-about .breadcrumbs a:hover,
.page-about .breadcrumbs a:focus-visible{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}
.page-about .breadcrumbs [aria-current="page"]{color:var(--soft)}

/* ---------- 首屏 ---------- */
.page-about .about-hero{
  position:relative;
  padding-bottom:var(--sp-8);
}
.page-about .about-hero::before{
  content:"";
  position:absolute;
  top:-120px;
  left:-20vw;
  right:-20vw;
  height:120%;
  background:
    radial-gradient(42% 46% at 16% 8%,var(--about-cyan-wash),transparent 68%),
    radial-gradient(36% 40% at 90% 2%,var(--about-orange-wash),transparent 72%);
  pointer-events:none;
  z-index:0;
}
.page-about .about-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:var(--sp-6);
  margin-bottom:var(--sp-7);
}
.page-about .about-hero__lead .h-display{
  margin:var(--sp-2) 0 var(--sp-4);
  font-size:clamp(2rem,7vw,4.2rem);
  font-weight:300;
  line-height:1.06;
  letter-spacing:-.015em;
  text-wrap:balance;
}
.page-about .about-hero__lead .h-display b{
  font-weight:800;
  color:var(--cyan);
}
.page-about .about-hero__lead .lead{
  max-width:60ch;
}
.page-about .about-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--sp-3);
  margin-top:var(--sp-5);
}

.page-about .about-facts{
  list-style:none;
  margin:0;
  padding:0;
}
.page-about .about-facts li{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--sp-4);
  padding:.7rem 0;
  border-bottom:1px solid var(--about-hair);
}
.page-about .about-facts li:last-child{border-bottom:0}
.page-about .about-facts__k{
  font-size:.8rem;
  color:var(--muted);
  line-height:1.5;
}
.page-about .about-facts__v{
  flex:none;
  font-family:var(--font-mono);
  font-size:.88rem;
  font-weight:600;
  color:var(--text);
  white-space:nowrap;
}
.page-about .about-facts__v em{
  font-style:normal;
  color:var(--cyan);
}

.page-about .about-hero__media{margin:0}
.page-about .about-hero__media .media-frame__img{
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
}

/* ---------- 通用章节 ---------- */
.page-about .about-section{
  position:relative;
  padding-top:var(--sp-7);
  border-top:1px solid var(--line);
}
.page-about .about-hero + .about-section{
  padding-top:var(--sp-6);
  border-top:0;
}

.page-about .about-section__head{
  display:grid;
  gap:var(--sp-5);
  margin-bottom:var(--sp-6);
}

.page-about .about-no{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin:0;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.18em;
  color:var(--cyan);
}
.page-about .about-no::before{
  content:"";
  display:block;
  width:20px;
  height:1px;
  background:currentColor;
}

.page-about .section-title{
  margin:var(--sp-3) 0 0;
  font-family:var(--font-head);
  font-size:clamp(1.55rem,4.4vw,2.4rem);
  font-weight:300;
  line-height:1.16;
  letter-spacing:.01em;
  color:var(--text);
  text-wrap:balance;
}
.page-about .section-title b{
  font-weight:800;
  color:var(--cyan);
}

/* ---------- 团队分工 ---------- */
.page-about .about-split{
  display:grid;
  gap:var(--sp-6);
}
.page-about .about-split__main,
.page-about .about-split__side{min-width:0}

.page-about .about-team__media{margin:0}
.page-about .about-team__media .media-frame__img{
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
}

.page-about .about-mini-title{
  margin:0 0 var(--sp-4);
  font-family:var(--font-head);
  font-size:1rem;
  font-weight:800;
  letter-spacing:.06em;
  color:var(--muted);
}

.page-about .bar-set{
  display:grid;
  gap:var(--sp-4);
}
.page-about .bar-row{display:grid;gap:.45rem}
.page-about .bar-row__top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--sp-3);
  font-size:.85rem;
  color:var(--soft);
}
.page-about .bar-row__val{
  font-family:var(--font-mono);
  color:var(--text);
}
.page-about .bar-track{
  height:10px;
  background:rgba(36,52,74,.55);
  overflow:hidden;
}
.page-about .bar-fill{
  display:block;
  height:100%;
  transform-origin:left center;
  animation:about-bar-grow 620ms var(--ease) both;
}
.page-about .bar-fill--a{width:67.9%;background:linear-gradient(90deg,var(--teal-deep),var(--cyan))}
.page-about .bar-fill--b{width:17.9%;background:var(--cyan)}
.page-about .bar-fill--c{width:14.3%;background:var(--green)}

@keyframes about-bar-grow{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

.page-about .bar-note{
  margin:var(--sp-5) 0 0;
  font-size:.84rem;
  line-height:1.7;
  color:var(--muted);
}

.page-about .table-wrap{
  margin-top:var(--sp-6);
  border:1px solid var(--line);
  background:rgba(13,22,34,.62);
  overflow-x:auto;
}
.page-about .role-table{
  width:100%;
  min-width:600px;
  border-collapse:collapse;
  font-size:.88rem;
}
.page-about .role-table th,
.page-about .role-table td{
  text-align:left;
  padding:.85rem .9rem;
  border-bottom:1px solid var(--about-hair);
  vertical-align:top;
}
.page-about .role-table thead th{
  font-family:var(--font-mono);
  font-size:.68rem;
  font-weight:500;
  letter-spacing:.14em;
  color:var(--muted);
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}
.page-about .role-table tbody th{
  font-weight:600;
  color:var(--text);
  white-space:nowrap;
}
.page-about .role-table tbody td{
  color:var(--soft);
  line-height:1.7;
}
.page-about .role-table tbody .num{
  font-family:var(--font-mono);
  color:var(--cyan);
  font-weight:600;
}
.page-about .role-table tbody tr:last-child th,
.page-about .role-table tbody tr:last-child td{border-bottom:0}
.page-about .role-table tbody tr{
  transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);
}
.page-about .role-table tbody tr:hover,
.page-about .role-table tbody tr:focus-within{
  background:rgba(35,227,211,.07);
  box-shadow:inset 3px 0 0 var(--cyan);
}
.page-about .role-table tbody tr:focus-visible{
  outline:2px solid var(--focus);
  outline-offset:-2px;
}

/* ---------- 赛前流程 ---------- */
.page-about .flow{
  display:grid;
  gap:var(--sp-4);
}
.page-about .flow-step{
  position:relative;
  padding:var(--sp-5);
  background:linear-gradient(180deg,rgba(13,22,34,.94),rgba(9,15,24,.88));
  border:1px solid var(--line);
  border-left:3px solid var(--cyan);
}
.page-about .flow-step:nth-child(2){border-left-color:var(--teal-deep)}
.page-about .flow-step:nth-child(3){border-left-color:var(--orange)}
.page-about .flow-step__idx{
  margin:0 0 var(--sp-3);
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.18em;
  color:var(--muted);
}
.page-about .flow-step__title{
  margin:0 0 var(--sp-3);
  font-family:var(--font-head);
  font-size:1.2rem;
  font-weight:800;
  letter-spacing:.01em;
  color:var(--text);
}
.page-about .flow-step p{
  margin:0;
  font-size:.88rem;
  line-height:1.75;
  color:var(--soft);
}

.page-about .about-flow__media{
  margin:var(--sp-6) 0 0;
}
.page-about .about-flow__media .media-frame__img{
  width:100%;
  aspect-ratio:14 / 9;
  object-fit:cover;
}

/* ---------- 发展历程 ---------- */
.page-about .year-tabs{margin-top:var(--sp-2)}
.page-about .year-tabs .segmented{
  display:flex;
  flex-wrap:wrap;
  gap:2px;
}
.page-about .year-panels{
  display:grid;
  gap:var(--sp-4);
  margin-top:var(--sp-5);
}
.page-about .year-panel{
  position:relative;
  padding:var(--sp-5) var(--sp-5) var(--sp-5) var(--sp-6);
  background:linear-gradient(150deg,rgba(13,22,34,.95),rgba(8,13,21,.9));
  border:1px solid var(--line);
}
.page-about .year-panel::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--cyan);
}
.page-about .year-panel--now::before{background:var(--orange)}
.page-about .year-panel__figure{
  margin:0 0 var(--sp-3);
  font-family:var(--font-mono);
  font-size:clamp(2rem,6vw,3rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--cyan);
}
.page-about .year-panel--now .year-panel__figure{color:var(--orange)}
.page-about .year-panel h3{
  margin:0 0 var(--sp-3);
  font-family:var(--font-head);
  font-size:1.15rem;
  font-weight:800;
  letter-spacing:.01em;
  color:var(--text);
}
.page-about .year-panel p{
  margin:0;
  font-size:.88rem;
  line-height:1.8;
  color:var(--soft);
}
.page-about .year-panel__body{min-width:0}
.page-about .year-panel[hidden]{display:none}

/* ---------- 服务范围 ---------- */
.page-about .coverage-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-about .coverage-stats > .stat{
  min-width:0;
  padding:var(--sp-5) var(--sp-4);
  background:var(--panel);
}
.page-about .coverage-stats .stat__value{
  margin:0 0 .4rem;
  font-family:var(--font-mono);
  font-size:clamp(1.5rem,4vw,2.1rem);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.01em;
  color:var(--cyan);
}
.page-about .coverage-stats .stat__label{
  margin:0;
  font-size:.78rem;
  line-height:1.55;
  color:var(--muted);
}

/* ---------- 内容标准与合作 ---------- */
.page-about .partner-grid{
  display:grid;
  gap:var(--sp-5);
}
.page-about .partner-lead{
  padding:var(--sp-5);
  background:rgba(13,22,34,.7);
  border:1px solid var(--line);
  border-top:3px solid var(--cyan);
}
.page-about .partner-lead__num{
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(2.4rem,7vw,3.4rem);
  font-weight:700;
  line-height:1;
  color:var(--cyan);
}
.page-about .partner-lead p:last-child{
  margin:var(--sp-4) 0 0;
  font-size:.88rem;
  line-height:1.8;
  color:var(--soft);
}
.page-about .partner-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-about .partner-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-4);
  align-items:baseline;
  padding:var(--sp-4);
  background:rgba(8,13,21,.78);
  font-size:.86rem;
  line-height:1.75;
  color:var(--soft);
  transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);
}
.page-about .partner-list li:hover,
.page-about .partner-list li:focus-within{
  background:rgba(35,227,211,.07);
  box-shadow:inset 3px 0 0 var(--cyan);
}
.page-about .partner-list__k{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--cyan);
}
.page-about .partner-list strong{
  color:var(--text);
  font-weight:700;
}

/* ---------- 联系与共建 ---------- */
.page-about .about-cta .about-cta__inner{
  margin-top:var(--sp-5);
  padding:var(--sp-6) var(--sp-5);
  border:1px solid var(--line);
  background:
    radial-gradient(85% 130% at 100% 0%,var(--about-orange-wash),transparent 64%),
    linear-gradient(150deg,rgba(13,22,34,.96),rgba(7,12,19,.92));
}
.page-about .about-cta .prose{
  max-width:64ch;
  margin-top:var(--sp-4);
}
.page-about .about-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--sp-3);
  margin-top:var(--sp-5);
}

/* ---------- 焦点可见 ---------- */
.page-about a:focus-visible,
.page-about button:focus-visible{
  outline:2px solid var(--focus);
  outline-offset:2px;
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-about .about-cta .about-cta__inner{
    padding:var(--sp-7) var(--sp-6);
  }
}

@media (min-width:760px){
  .page-about .about-section__head{
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
    gap:var(--sp-7);
    align-items:end;
  }
  .page-about .coverage-stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-about .year-panel{
    display:grid;
    grid-template-columns:minmax(0,180px) minmax(0,1fr);
    gap:var(--sp-6);
    align-items:start;
    padding-right:var(--sp-6);
  }
  .page-about .year-panel__figure{
    margin:0;
    font-size:clamp(2.6rem,4.4vw,3.6rem);
  }
}

@media (min-width:880px){
  .page-about .flow{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:var(--sp-5);
  }
  .page-about .flow-step:nth-child(1){grid-column:span 5}
  .page-about .flow-step:nth-child(2){grid-column:span 4}
  .page-about .flow-step:nth-child(3){grid-column:span 3}
}

@media (min-width:940px){
  .page-about .about-hero__grid{
    grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
    gap:var(--sp-7);
    align-items:start;
  }
  .page-about .about-split{
    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
    gap:var(--sp-7);
    align-items:start;
  }
  .page-about .partner-grid{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:var(--sp-7);
    align-items:start;
  }
  .page-about .partner-lead{
    padding:var(--sp-6) var(--sp-5);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-about .bar-fill{animation:none}
  .page-about *{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
}