.page-about{
  --about-edge:rgba(143,163,184,.28);
  --about-soft:rgba(143,163,184,.14);
  --about-shadow:10px 10px 0 rgba(0,0,0,.38);
  background:
    radial-gradient(120% 70% at 88% 0%, rgba(33,230,193,.12), transparent 58%),
    radial-gradient(90% 60% at 0% 100%, rgba(232,180,90,.10), transparent 60%),
    var(--ky-night);
  color:#E7EFF8;
  padding-bottom:clamp(40px,7vw,88px);
  overflow-x:clip;
}

/* ---------- 面包屑 ---------- */
.page-about .ky-breadcrumbs{
  padding-top:clamp(16px,3vw,28px);
  font-size:.82rem;
  letter-spacing:.04em;
}
.page-about .ky-breadcrumbs__link{ color:var(--ky-mist); }

/* ---------- 首屏 ---------- */
.page-about .about-hero{
  display:grid;
  gap:clamp(24px,5vw,52px);
  align-items:center;
  padding-block:clamp(20px,4vw,40px) clamp(28px,5vw,56px);
}
.page-about .about-hero__title{
  margin:.2em 0 .5em;
  font-size:clamp(2.05rem,7.2vw,4.1rem);
  line-height:1.04;
  letter-spacing:.01em;
  font-weight:800;
  color:#F6FAFF;
  text-wrap:balance;
}
.page-about .about-hero__title::after{
  content:"";
  display:block;
  width:clamp(60px,14vw,120px);
  height:6px;
  margin-top:.55em;
  background:linear-gradient(90deg,var(--ky-cyan),var(--ky-gold));
}
.page-about .about-hero__lead{
  max-width:36em;
  color:#C9D8E8;
  font-size:clamp(1rem,1.7vw,1.1rem);
  line-height:1.85;
}
.page-about .about-hero__facts{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:clamp(20px,3vw,32px);
  border-top:1px solid var(--about-soft);
  padding-top:clamp(16px,3vw,24px);
}
.page-about .about-fact{
  display:flex;
  align-items:baseline;
  gap:12px;
}
.page-about .about-fact__num{
  font-size:1.5rem;
  font-weight:700;
  color:var(--ky-gold);
  letter-spacing:.02em;
}
.page-about .about-fact__label{
  font-size:.88rem;
  color:var(--ky-mist);
}
.page-about .about-hero__visual{
  border:3px solid var(--ky-ink);
  box-shadow:var(--about-shadow);
  background:var(--ky-deep);
  transform:rotate(-.6deg);
}
.page-about .about-hero__svg{
  display:block;
  width:100%;
  height:auto;
}

/* ---------- 章节锚点轨 ---------- */
.page-about .about-anchors{
  display:flex;
  align-items:center;
  gap:14px;
  padding-block:14px;
  border-top:1px solid var(--about-edge);
  border-bottom:1px solid var(--about-edge);
  background:rgba(20,38,77,.55);
}
.page-about .about-anchors__eyebrow{
  flex:0 0 auto;
  font-size:.72rem;
  letter-spacing:.22em;
  color:var(--ky-cyan);
  text-transform:uppercase;
}
.page-about .about-anchors__list{
  display:flex;
  gap:8px;
  margin:0;
  padding:0 4px 4px 0;
  list-style:none;
  overflow-x:auto;
  scrollbar-width:thin;
}
.page-about .about-anchors__link{
  display:block;
  white-space:nowrap;
  padding:6px 12px;
  border:1px solid var(--about-edge);
  border-radius:999px;
  color:#C9D8E8;
  font-size:.84rem;
  text-decoration:none;
  transition:border-color .2s var(--ky-ease),color .2s var(--ky-ease),background .2s var(--ky-ease);
}
.page-about .about-anchors__link:hover,
.page-about .about-anchors__link:focus-visible{
  color:var(--ky-night);
  background:var(--ky-cyan);
  border-color:var(--ky-cyan);
}

/* ---------- 通用章节 ---------- */
.page-about .about-section{
  padding-block:clamp(44px,7vw,92px);
  border-bottom:1px solid var(--about-soft);
}
.page-about .about-head{ margin-bottom:clamp(24px,4vw,44px); }
.page-about .about-head__title{
  margin:.25em 0 0;
  font-size:clamp(1.6rem,4.4vw,2.7rem);
  line-height:1.2;
  font-weight:800;
  color:#F2F8FF;
  text-wrap:balance;
}
.page-about .about-head__title--ink{ color:var(--ky-ink); }
.page-about .about-head__lead{
  max-width:44em;
  margin:.9em 0 0;
  color:#BCCCDD;
  line-height:1.85;
}
.page-about .about-head--split{ display:grid; gap:12px; }
.page-about .about-head__note{
  writing-mode:horizontal-tb;
  font-size:.78rem;
  letter-spacing:.16em;
  color:var(--ky-mist);
}

/* ---------- 品牌起点 ---------- */
.page-about .about-split{
  display:grid;
  gap:clamp(24px,4vw,48px);
  align-items:start;
}
.page-about .about-split__text p{
  margin:0 0 1.1em;
  color:#C9D8E8;
  line-height:1.9;
}
.page-about .about-split__text p:first-child::first-letter{
  float:left;
  margin:.08em .18em 0 0;
  font-size:3.1rem;
  line-height:.9;
  font-weight:800;
  color:var(--ky-cyan);
}
.page-about .about-split__media{ margin:0; }
.page-about .ky-media{
  overflow:hidden;
  border:3px solid var(--ky-ink);
  box-shadow:8px 8px 0 rgba(0,0,0,.34);
  background:var(--ky-deep);
}
.page-about .ky-media__img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.page-about .ky-media--shear{ transform:rotate(.8deg); }
.page-about .ky-media__cap{
  margin-top:10px;
  font-size:.82rem;
  color:var(--ky-mist);
  letter-spacing:.02em;
}

/* ---------- 理念落地 ---------- */
.page-about .about-pillars{
  display:grid;
  gap:clamp(14px,2.4vw,22px);
  margin:0;
  padding:0;
  list-style:none;
}
.page-about .about-pillar{
  position:relative;
  padding:clamp(20px,3vw,30px);
  background:linear-gradient(160deg,rgba(20,38,77,.92),rgba(11,23,51,.92));
  border:2px solid var(--about-edge);
  border-left:5px solid var(--ky-cyan);
  box-shadow:6px 6px 0 rgba(0,0,0,.30);
}
.page-about .about-pillar:nth-child(2){ border-left-color:var(--ky-gold); }
.page-about .about-pillar:nth-child(3){ border-left-color:var(--ky-cyan); }
.page-about .about-pillar:nth-child(4){ border-left-color:var(--ky-signal); }
.page-about .about-pillar__idx{
  display:inline-block;
  font-size:.85rem;
  letter-spacing:.2em;
  color:var(--ky-gold);
}
.page-about .about-pillar__title{
  margin:.5em 0 .5em;
  font-size:1.15rem;
  font-weight:700;
  color:#F2F8FF;
}
.page-about .about-pillar__body{
  margin:0;
  color:#BCCCDD;
  font-size:.95rem;
  line-height:1.85;
}

/* ---------- 版本时间轴 ---------- */
.page-about .about-section--track{
  background:linear-gradient(180deg,rgba(20,38,77,.45),transparent 70%);
}
.page-about .about-track{
  position:relative;
  padding-left:30px;
}
.page-about .about-track::before{
  content:"";
  position:absolute;
  left:9px;
  top:6px;
  bottom:6px;
  width:2px;
  background:linear-gradient(180deg,var(--ky-cyan),rgba(33,230,193,.12));
}
.page-about .about-node{
  position:relative;
  padding:14px 0 24px;
  outline:none;
}
.page-about .about-node::before{
  content:"";
  position:absolute;
  left:-27px;
  top:20px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--ky-deep);
  border:2px solid var(--ky-line);
  transition:background .25s var(--ky-ease),box-shadow .25s var(--ky-ease),border-color .25s var(--ky-ease);
}
.page-about .about-node.is-active::before,
.page-about .about-node:hover::before,
.page-about .about-node:focus-visible::before{
  background:var(--ky-cyan);
  border-color:var(--ky-cyan);
  box-shadow:0 0 0 5px rgba(33,230,193,.16);
}
.page-about .about-node__ver{
  margin:0;
  font-size:.85rem;
  letter-spacing:.22em;
  color:var(--ky-gold);
  text-transform:uppercase;
}
.page-about .about-node__title{
  margin:.4em 0 .45em;
  font-size:clamp(1.1rem,2.6vw,1.4rem);
  font-weight:700;
  color:#F2F8FF;
}
.page-about .about-node__body{
  margin:0;
  max-width:42em;
  color:#BCCCDD;
  line-height:1.85;
  font-size:.96rem;
}
.page-about .about-node__more{
  max-height:0;
  margin:0;
  overflow:hidden;
  opacity:0;
  color:var(--ky-cyan);
  font-size:.86rem;
  line-height:1.7;
  transition:max-height .35s var(--ky-ease),opacity .3s var(--ky-ease),margin .3s var(--ky-ease);
}
.page-about .about-node:hover .about-node__more,
.page-about .about-node:focus-visible .about-node__more,
.page-about .about-node.is-active .about-node__more{
  max-height:120px;
  margin-top:.7em;
  opacity:1;
}
.page-about .about-track__media{
  margin:clamp(28px,5vw,52px) 0 0;
}

/* ---------- 团队与节点 ---------- */
.page-about .about-team{
  display:grid;
  gap:clamp(24px,4vw,48px);
  align-items:start;
}
.page-about .about-team__media{ margin:0; }
.page-about .about-team__body p{
  margin:0 0 1.1em;
  color:#C9D8E8;
  line-height:1.9;
}
.page-about .about-team__list{
  margin:0 0 1.2em;
  padding:0;
  list-style:none;
  border-top:1px solid var(--about-soft);
}
.page-about .about-team__list li{
  display:flex;
  flex-wrap:wrap;
  gap:.6em;
  padding:12px 0;
  border-bottom:1px solid var(--about-soft);
  color:#BCCCDD;
  font-size:.94rem;
  line-height:1.7;
}
.page-about .about-team__list .ky-mono{
  flex:0 0 5.6em;
  color:var(--ky-cyan);
  letter-spacing:.06em;
  font-size:.86rem;
}
.page-about .about-team__note{
  margin:0;
  padding-left:14px;
  border-left:3px solid var(--ky-gold);
  color:#D8E3F0;
  font-size:.92rem;
  line-height:1.8;
}

/* ---------- 合作生态 ---------- */
.page-about .about-stats{
  display:grid;
  gap:clamp(14px,2.4vw,22px);
}
.page-about .about-stat{
  padding:clamp(20px,3vw,28px);
  border:2px solid var(--about-edge);
  background:rgba(11,23,51,.72);
}
.page-about .about-stat__num{
  display:block;
  font-size:clamp(2.2rem,7vw,3.2rem);
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
}
.page-about .about-stat__label{
  display:block;
  margin-top:10px;
  font-size:.92rem;
  letter-spacing:.1em;
  color:#E7EFF8;
}
.page-about .about-stat__desc{
  margin:.9em 0 0;
  color:#BCCCDD;
  font-size:.92rem;
  line-height:1.8;
}
.page-about .about-stat--cyan{ border-top:6px solid var(--ky-cyan); }
.page-about .about-stat--cyan .about-stat__num{ color:var(--ky-cyan); }
.page-about .about-stat--gold{ border-top:6px solid var(--ky-gold); }
.page-about .about-stat--gold .about-stat__num{ color:var(--ky-gold); }
.page-about .about-stat--signal{ border-top:6px solid var(--ky-signal); }
.page-about .about-stat--signal .about-stat__num{ color:var(--ky-signal); }
.page-about .about-ecosystem{
  margin-top:clamp(20px,3vw,34px);
  padding:clamp(20px,3vw,30px);
  background:var(--ky-paper);
  color:var(--ky-ink);
  border:3px solid var(--ky-ink);
  box-shadow:var(--about-shadow);
}
.page-about .about-ecosystem__text{
  margin:0;
  color:var(--ky-ink);
  line-height:1.9;
  font-size:.98rem;
}
.page-about .about-ecosystem__text a{
  color:#0B1733;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
  text-decoration-color:var(--ky-signal);
}
.page-about .about-ecosystem__note{
  margin:1.2em 0 0;
  font-size:.8rem;
  letter-spacing:.06em;
  color:rgba(26,20,16,.68);
}

/* ---------- 资质荣誉 ---------- */
.page-about .about-honor{
  display:grid;
  gap:clamp(20px,3vw,36px);
  padding:clamp(24px,4vw,44px);
  background:var(--ky-paper);
  color:var(--ky-ink);
  border:3px solid var(--ky-ink);
  box-shadow:12px 12px 0 rgba(0,0,0,.4);
}
.page-about .about-honor .ky-eyebrow--ink{ color:#8A5A18; }
.page-about .about-honor__item{
  display:flex;
  gap:14px;
  padding:16px 0;
  border-top:2px solid rgba(26,20,16,.75);
}
.page-about .about-honor__tag{
  flex:0 0 auto;
  align-self:flex-start;
  padding:4px 10px;
  background:var(--ky-ink);
  color:var(--ky-paper);
  font-size:.78rem;
  letter-spacing:.12em;
}
.page-about .about-honor__item p{
  margin:0;
  color:var(--ky-ink);
  line-height:1.9;
  font-size:.96rem;
}
.page-about .about-honor__item a{
  color:#0B1733;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ---------- 品牌承诺 ---------- */
.page-about .about-promise{
  display:grid;
  gap:clamp(22px,3.4vw,40px);
  padding:clamp(24px,4vw,44px);
  border:3px solid var(--ky-cyan);
  background:linear-gradient(150deg,rgba(33,230,193,.12),rgba(11,23,51,.9) 60%);
  box-shadow:10px 10px 0 rgba(33,230,193,.16);
}
.page-about .about-promise__list{
  counter-reset:promise;
  margin:1.2em 0 0;
  padding:0;
  list-style:none;
}
.page-about .about-promise__list li{
  counter-increment:promise;
  position:relative;
  padding:12px 0 12px 46px;
  border-top:1px solid var(--about-soft);
  color:#D3E0EE;
  line-height:1.85;
}
.page-about .about-promise__list li::before{
  content:counter(promise,decimal-leading-zero);
  position:absolute;
  left:0;
  top:12px;
  font-family:var(--ky-mono);
  font-size:.86rem;
  letter-spacing:.12em;
  color:var(--ky-gold);
}
.page-about .about-promise__cta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-content:flex-start;
}
.page-about .about-promise__note{
  flex:1 0 100%;
  margin:6px 0 0;
  color:var(--ky-mist);
  font-size:.86rem;
  line-height:1.8;
}
.page-about .about-promise__note a{ color:var(--ky-cyan); }

/* ---------- 桌面端 ---------- */
@media (min-width:768px){
  .page-about .about-hero__facts{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
  }
  .page-about .about-fact{ display:block; }
  .page-about .about-fact__num{ display:block; margin-bottom:6px; }
  .page-about .about-pillars{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-about .about-stats{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .page-about .about-honor{ grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr); align-items:start; }
  .page-about .about-promise{ grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr); }
}

@media (min-width:1024px){
  .page-about .about-anchors{
    position:sticky;
    top:0;
    z-index:5;
    backdrop-filter:blur(6px);
  }
  .page-about .about-hero{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    padding-block:clamp(32px,4vw,64px) clamp(40px,5vw,72px);
  }
  .page-about .about-split,
  .page-about .about-team{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .page-about .about-team__media{ position:sticky; top:88px; }
  .page-about .about-track{ padding-left:44px; }
  .page-about .about-track::before{ left:14px; }
  .page-about .about-node{ padding-left:18px; }
  .page-about .about-node::before{ left:-38px; }
  .page-about .about-node__more{ transition:max-height .4s var(--ky-ease),opacity .35s var(--ky-ease); }
  .page-about .about-head--split{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
  }
  .page-about .about-head__note{
    writing-mode:vertical-rl;
    letter-spacing:.34em;
    padding-bottom:6px;
  }
  .page-about .about-anchors__link{ font-size:.86rem; }
}

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

/* ---------- 交互降级 ---------- */
@media (hover:none){
  .page-about .about-node__more{
    max-height:160px;
    margin-top:.7em;
    opacity:1;
  }
}

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