.page-about{
  --about-rail:132px;
  --about-gap:26px;
  overflow-wrap:break-word;
}

/* 面包屑 */
.page-about .crumbs{
  display:flex;
  align-items:center;
  gap:10px;
  padding-top:20px;
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.06em;
  color:var(--text-mute);
}
.page-about .crumbs a{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .2s ease;
}
.page-about .crumbs a:hover{border-bottom-color:var(--line-strong);}

/* 首屏 */
.page-about .about-hero{padding-top:26px;}
.page-about .about-hero-grid{
  display:grid;
  gap:36px;
  align-items:end;
}
.page-about .about-hero-main h1{
  margin:.38em 0 .42em;
  font-size:clamp(36px,8.4vw,80px);
  line-height:1.03;
  letter-spacing:-.03em;
  font-weight:800;
}
.page-about .about-hero-main .lede{max-width:60ch;}
.page-about .about-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.page-about .about-hero-board{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  padding:1px;
  border-radius:var(--radius);
  background:var(--line-soft);
  overflow:hidden;
}
.page-about .about-hero-board .stat{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 16px;
  background:rgba(11,19,26,.78);
}
.page-about .about-hero-board .stat:first-child{
  grid-column:1 / -1;
  background:linear-gradient(120deg,rgba(0,229,255,.14),rgba(168,85,247,.10)),rgba(11,19,26,.86);
}
.page-about .about-hero-board .stat-value{
  font-family:var(--font-en);
  font-size:28px;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--cyan);
}
.page-about .about-hero-board .stat:first-child .stat-value{
  font-size:clamp(32px,7vw,44px);
  color:var(--glass);
}
.page-about .about-hero-board .stat-label{
  font-size:13px;
  line-height:1.5;
  color:var(--text-dim);
}

/* 时间轴 */
.page-about .tl-index{
  display:flex;
  gap:10px;
  margin:26px 0 0;
  padding:2px 0 14px;
  list-style:none;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.page-about .tl-index a{
  display:inline-block;
  white-space:nowrap;
  padding:7px 13px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--text-dim);
  text-decoration:none;
  border:1px solid var(--line);
  border-radius:999px;
  transition:color .2s ease,border-color .2s ease;
}
.page-about .tl-index a:hover,
.page-about .tl-index a:focus-visible{
  color:var(--cyan);
  border-color:var(--line-strong);
}
.page-about .tl-visual{margin-top:14px;}
.page-about .timeline{
  display:grid;
  gap:18px;
  margin:30px 0 0;
  padding:0;
  list-style:none;
}
.page-about .tl-item{
  position:relative;
  display:grid;
  gap:12px;
}
.page-about .tl-mark{display:flex;align-items:baseline;gap:12px;}
.page-about .tl-year{
  font-family:var(--font-mono);
  font-size:19px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--cyan);
}
.page-about .tl-tag{
  font-size:11px;
  letter-spacing:.16em;
  color:var(--text-mute);
}
.page-about .tl-body{
  padding:20px 22px;
  border-radius:var(--radius);
}
.page-about .tl-body .card-title{
  margin:0 0 8px;
  font-size:19px;
  line-height:1.4;
}
.page-about .tl-body .card-text{
  margin:0;
  color:var(--text-dim);
  line-height:1.75;
}
.page-about .tl-item:nth-child(3) .tl-year{color:var(--purple);}
.page-about .tl-item:nth-child(4) .tl-year{color:var(--gold);}
.page-about .tl-item:nth-child(5) .tl-year{color:var(--green);}
.page-about .tl-item:nth-child(3) .tl-body{border-left:2px solid rgba(168,85,247,.55);}
.page-about .tl-item:nth-child(4) .tl-body{border-left:2px solid rgba(255,138,0,.55);}
.page-about .tl-item:nth-child(5) .tl-body{border-left:2px solid rgba(61,255,162,.5);}

/* 团队 */
.page-about .team-grid{
  display:grid;
  gap:36px;
}
.page-about .team-intro .lede{max-width:56ch;}
.page-about .team-media{margin-top:24px;}
.page-about .team-cards{
  display:grid;
  gap:16px;
  align-content:start;
}
.page-about .team-card{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:16px;
  padding:20px;
  align-items:start;
}
.page-about .team-num{
  font-family:var(--font-en);
  font-size:32px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--cyan);
}
.page-about .team-card:nth-child(2) .team-num{color:var(--purple);}
.page-about .team-card:nth-child(3) .team-num{color:var(--gold);}
.page-about .team-card .card-title{margin:0 0 8px;font-size:18px;}
.page-about .team-card .card-text{margin:0;color:var(--text-dim);line-height:1.72;font-size:15px;}

.page-about .flow{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--glass-bg);
  overflow:hidden;
}
.page-about .flow > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  cursor:pointer;
  list-style:none;
  font-size:15.5px;
  font-weight:700;
  color:var(--text);
}
.page-about .flow > summary::-webkit-details-marker{display:none;}
.page-about .flow > summary::after{
  content:"＋";
  font-family:var(--font-mono);
  color:var(--gold);
}
.page-about .flow[open] > summary::after{content:"－";}
.page-about .flow-steps{
  display:grid;
  gap:8px;
  margin:0;
  padding:0 18px 18px;
  list-style:none;
}
.page-about .flow-steps li{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  padding-top:10px;
  font-size:14.5px;
  line-height:1.7;
  color:var(--text-dim);
  border-top:1px solid var(--line-soft);
}
.page-about .flow-steps .mono{color:var(--cyan);font-size:12.5px;}

/* 内容体系 */
.page-about .pillar-grid{
  display:grid;
  gap:14px;
  margin-top:24px;
}
.page-about .pillar-item{
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:20px;
  border-left:2px solid rgba(0,229,255,.5);
}
.page-about .pillar-item[hidden]{display:none;}
.page-about .pillar-item[data-tags~="query"]{border-left-color:rgba(61,255,162,.5);}
.page-about .pillar-item[data-tags~="compare"]{border-left-color:rgba(255,138,0,.5);}
.page-about .pillar-item[data-tags~="term"]{border-left-color:rgba(168,85,247,.5);}
.page-about .pillar-item[data-tags~="rule"]{border-left-color:rgba(255,77,109,.5);}
.page-about .pillar-key{
  font-size:11px;
  letter-spacing:.18em;
  color:var(--cyan);
}
.page-about .pillar-item[data-tags~="query"] .pillar-key{color:var(--green);}
.page-about .pillar-item[data-tags~="compare"] .pillar-key{color:var(--gold);}
.page-about .pillar-item[data-tags~="term"] .pillar-key{color:var(--purple);}
.page-about .pillar-item[data-tags~="rule"] .pillar-key{color:var(--red);}
.page-about .pillar-item h3{
  margin:0;
  font-size:17.5px;
  line-height:1.4;
}
.page-about .pillar-item .card-text{
  margin:0;
  font-size:15px;
  line-height:1.72;
  color:var(--text-dim);
}

/* 覆盖范围 */
.page-about .coverage-grid{
  display:grid;
  gap:32px;
  align-items:center;
}
.page-about .coverage-legend{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin:24px 0 0;
  padding:0;
  list-style:none;
  font-size:13.5px;
  color:var(--text-dim);
}
.page-about .coverage-legend li{display:flex;align-items:center;gap:8px;}
.page-about .coverage-legend .dot{
  width:12px;
  height:12px;
  border-radius:3px;
  background:rgba(232,246,255,.12);
  border:1px solid var(--line-soft);
}
.page-about .coverage-legend .dot--hot{
  background:linear-gradient(140deg,rgba(0,229,255,.8),rgba(168,85,247,.6));
  border-color:rgba(0,229,255,.5);
}
.page-about .coverage-side{display:grid;gap:16px;}
.page-about .coverage-map{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(24px,1fr));
  gap:8px;
  padding:22px;
  border-radius:var(--radius);
}
.page-about .coverage-map span{
  aspect-ratio:1 / 1;
  border-radius:4px;
  background:rgba(232,246,255,.09);
  border:1px solid var(--line-soft);
}
.page-about .coverage-map span.on{
  background:linear-gradient(140deg,rgba(0,229,255,.75),rgba(168,85,247,.55));
  border-color:rgba(0,229,255,.5);
  box-shadow:0 0 12px rgba(0,229,255,.22);
}
.page-about .coverage-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.page-about .coverage-stats .stat{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:15px 16px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--graphite-2);
}
.page-about .coverage-stats .stat-value{
  font-family:var(--font-en);
  font-size:22px;
  font-weight:800;
  letter-spacing:-.01em;
  color:var(--cyan);
}
.page-about .coverage-stats .stat:nth-child(2) .stat-value{color:var(--glass);}
.page-about .coverage-stats .stat:nth-child(3) .stat-value{color:var(--purple);}
.page-about .coverage-stats .stat:nth-child(4) .stat-value{color:var(--gold);}
.page-about .coverage-stats .stat-label{
  font-size:12.5px;
  line-height:1.5;
  color:var(--text-dim);
}

/* 合作生态 */
.page-about .partner-grid{
  display:grid;
  gap:16px;
  margin-top:26px;
}
.page-about .partner-block{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:26px;
  border-radius:var(--radius);
  border:1px solid var(--line);
}
.page-about .partner-num{
  font-family:var(--font-en);
  font-size:clamp(46px,10vw,72px);
  font-weight:800;
  line-height:.95;
  letter-spacing:-.04em;
  background:linear-gradient(120deg,var(--cyan),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.page-about .partner-num--gold{
  background:linear-gradient(120deg,var(--gold),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
}
.page-about .partner-block .card-title{margin:0;font-size:18px;line-height:1.5;}
.page-about .partner-block .card-text{margin:0;font-size:15px;line-height:1.75;color:var(--text-dim);}
.page-about .partner-block .btn{align-self:flex-start;margin-top:4px;}

/* 质量机制 */
.page-about .quality-grid{
  display:grid;
  gap:14px;
  margin-top:24px;
}
.page-about .quality-card{
  padding:22px;
  border-radius:var(--radius);
  border-top:2px solid var(--cyan);
}
.page-about .quality-card:nth-child(2){border-top-color:var(--purple);}
.page-about .quality-card:nth-child(3){border-top-color:var(--gold);}
.page-about .quality-card .card-title{margin:0 0 10px;font-size:17.5px;}
.page-about .quality-card .card-text{margin:0;font-size:15px;line-height:1.75;color:var(--text-dim);}

/* 荣誉与愿景 */
.page-about .honors-grid{
  display:grid;
  gap:34px;
  align-items:start;
}
.page-about .honor-list{
  display:grid;
  gap:12px;
  margin:22px 0 0;
  padding:0;
  list-style:none;
}
.page-about .honor-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:linear-gradient(110deg,rgba(255,138,0,.10),rgba(168,85,247,.06));
  font-size:15.5px;
  color:var(--text);
}
.page-about .honor-year{
  font-size:12.5px;
  letter-spacing:.1em;
  color:var(--gold);
}
.page-about .honors-note{margin-top:22px;max-width:52ch;}
.page-about .honors-side{display:grid;gap:18px;}
.page-about .tag-matrix{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

/* 行动区 */
.page-about .about-cta{
  display:grid;
  gap:18px;
  padding:28px;
  border-radius:var(--radius);
}
.page-about .about-cta .card-title{margin:0 0 8px;font-size:20px;}
.page-about .about-cta .card-text{margin:0;color:var(--text-dim);line-height:1.75;}
.page-about .about-cta-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.page-about .about-cta .about-cta-links{margin-top:0;}

/* 图片 */
.page-about .media-frame img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:var(--radius);
}

/* 窄屏保护 */
.page-about .tl-index,
.page-about .tag-matrix{max-width:100%;}

@media (min-width:700px){
  .page-about .pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-about .quality-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-about .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:820px){
  .page-about .timeline{position:relative;gap:30px;}
  .page-about .tl-item{
    grid-template-columns:var(--about-rail) minmax(0,1fr);
    gap:28px;
  }
  .page-about .tl-mark{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    padding-top:12px;
  }
  .page-about .tl-item::before{
    content:"";
    position:absolute;
    left:calc(var(--about-rail) - 1px);
    top:26px;
    bottom:-30px;
    width:1px;
    background:linear-gradient(var(--line-strong),var(--line-soft));
  }
  .page-about .tl-item:last-child::before{display:none;}
  .page-about .tl-item::after{
    content:"";
    position:absolute;
    left:calc(var(--about-rail) - 5px);
    top:18px;
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--ink);
    border:2px solid var(--cyan);
    box-shadow:0 0 0 4px rgba(0,229,255,.12);
  }
  .page-about .tl-item:nth-child(3)::after{border-color:var(--purple);box-shadow:0 0 0 4px rgba(168,85,247,.14);}
  .page-about .tl-item:nth-child(4)::after{border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,138,0,.14);}
  .page-about .tl-item:nth-child(5)::after{border-color:var(--green);box-shadow:0 0 0 4px rgba(61,255,162,.14);}
}

@media (min-width:900px){
  .page-about .coverage-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:52px;}
  .page-about .honors-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;}
}

@media (min-width:960px){
  .page-about .about-hero-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);
    gap:56px;
  }
  .page-about .team-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
    gap:54px;
  }
  .page-about .about-cta{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
  }
}

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

@media (prefers-reduced-motion:reduce){
  .page-about .crumbs a,
  .page-about .tl-index a{transition:none;}
}