.page-about{
  --marker-size:17px;
  color:var(--lc-ink);
  overflow-x:clip;
}
.page-about figure{
  margin:0;
}
.page-about img{
  max-width:100%;
  height:auto;
  display:block;
}
.page-about h1,
.page-about h2{
  font-family:var(--font-heading);
  font-weight:700;
  line-height:1.12;
  text-wrap:balance;
}
.page-about h1{
  font-size:var(--fs-hero);
  font-style:italic;
  text-transform:uppercase;
  margin-top:1rem;
}
.page-about h2{
  font-size:var(--fs-h2);
  margin-top:1rem;
}
.page-about h3{
  font-size:1.1rem;
  font-weight:600;
}
.page-about p{
  line-height:1.9;
}
.page-about figcaption{
  font-size:var(--fs-small);
  margin-top:.75rem;
}
.page-about .lc-lead{
  margin-top:1rem;
  opacity:.88;
}

/* 首屏：深海蓝数据洪流入口 */
.page-about .about-hero{
  position:relative;
  overflow:hidden;
  background:var(--lc-blue);
  color:var(--lc-paper);
}
.page-about .about-hero::before{
  content:"21/25";
  position:absolute;
  top:4rem;
  right:-2rem;
  z-index:0;
  font-family:var(--font-heading);
  font-size:clamp(6rem,18vw,16rem);
  font-weight:700;
  font-style:italic;
  line-height:1;
  color:rgba(230,57,70,.2);
  transform:rotate(8deg);
  pointer-events:none;
}
.page-about .about-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:2rem;
  padding-top:2rem;
}
.page-about .about-hero__kicker{
  display:flex;
  align-items:center;
  gap:.75rem;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--lc-amber);
}
.page-about .about-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:2rem;
}
.page-about .about-hero__plate{
  background:var(--lc-ink);
  border:var(--lc-border-w) solid var(--lc-paper);
  box-shadow:10px 10px 0 var(--lc-red);
  padding:1.5rem;
  max-width:460px;
}
.page-about .about-hero__plate-nums{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  font-family:var(--font-heading);
}
.page-about .about-hero__plate-num{
  font-size:clamp(3rem,8vw,5rem);
  font-style:italic;
  font-weight:700;
  line-height:1;
  color:var(--lc-red);
}
.page-about .about-hero__plate-sep{
  color:var(--lc-green);
  font-size:1.5rem;
}
.page-about .about-hero__plate-label{
  margin-top:1rem;
  font-size:var(--fs-small);
  color:rgba(241,250,238,.8);
}
.page-about .about-hero__plate-modules{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:1.25rem;
}
.page-about .about-hero__plate-modules li{
  border:2px solid var(--lc-steel);
  padding:.4rem .7rem;
  font-size:var(--fs-tiny);
  letter-spacing:.06em;
  color:var(--lc-paper);
}
.page-about .about-hero__seasons{
  position:relative;
  z-index:1;
  display:flex;
  gap:1.25rem;
  margin-top:2.5rem;
  padding-top:1rem;
  border-top:2px solid rgba(241,250,238,.25);
  overflow-x:auto;
  font-size:var(--fs-small);
}
.page-about .about-hero__seasons span{
  flex:none;
  padding-bottom:.3rem;
  border-bottom:3px solid transparent;
}
.page-about .about-hero__seasons span:last-child{
  border-color:var(--lc-green);
  color:var(--lc-green);
  font-weight:700;
}

/* 品牌使命：墨色宣言区 */
.page-about .about-mission{
  position:relative;
  background:var(--lc-ink);
  color:var(--lc-paper);
}
.page-about .about-mission__head{
  max-width:820px;
}
.page-about .about-mission__lead{
  margin-top:1.25rem;
  color:rgba(241,250,238,.82);
}
.page-about .about-mission__pillars{
  display:grid;
  gap:2rem;
  margin-top:3rem;
}
.page-about .about-mission__pillar{
  border-top:var(--lc-border-w) solid var(--lc-red);
  padding-top:1.25rem;
}
.page-about .about-mission__index{
  display:block;
  font-family:var(--font-heading);
  font-style:italic;
  font-weight:700;
  font-size:3rem;
  line-height:1;
  color:var(--lc-steel);
}
.page-about .about-mission__pillar h3{
  font-size:1.3rem;
  margin-top:1rem;
  color:var(--lc-paper);
}
.page-about .about-mission__pillar p{
  margin-top:.75rem;
  color:rgba(241,250,238,.75);
}

/* 发展历程：深色沉淀段 */
.page-about .about-archive{
  position:relative;
}
.page-about .about-archive--deep{
  background:var(--lc-blue);
  color:var(--lc-paper);
}
.page-about .about-archive__head{
  max-width:780px;
}
.page-about .about-archive__desc{
  margin-top:1rem;
  color:rgba(241,250,238,.8);
}
.page-about .about-timeline{
  list-style:none;
  margin:2.5rem 0 0;
  padding:0;
  display:grid;
  gap:2rem;
  position:relative;
}
.page-about .about-timeline::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  bottom:6px;
  width:3px;
  background:var(--lc-steel);
}
.page-about .about-timeline__item{
  position:relative;
  padding-left:2rem;
}
.page-about .about-timeline__marker{
  position:absolute;
  left:-6px;
  top:.35rem;
  width:var(--marker-size);
  height:var(--marker-size);
  border-radius:50%;
  background:var(--lc-red);
  border:3px solid var(--lc-paper);
  box-shadow:0 0 0 3px var(--lc-red), 0 5px 0 0 var(--lc-green);
}
.page-about .about-timeline__year{
  font-family:var(--font-heading);
  font-style:italic;
  font-weight:700;
  font-size:1.5rem;
  line-height:1;
  margin-bottom:.5rem;
  color:var(--lc-amber);
}
.page-about .about-timeline__card{
  border:var(--lc-border-w-sm) solid var(--lc-steel);
  background:rgba(69,123,157,.14);
  padding:1rem 1.1rem;
}
.page-about .about-timeline__card h3{
  font-size:1.15rem;
  margin-bottom:.5rem;
  color:var(--lc-paper);
}
.page-about .about-timeline__card p{
  font-size:var(--fs-body);
  color:rgba(241,250,238,.8);
}
.page-about .about-archive__chart{
  margin-top:2.5rem;
  max-width:620px;
}
.page-about .about-archive__chart img{
  border:var(--lc-border-w) solid var(--lc-paper);
  box-shadow:10px 10px 0 var(--lc-amber);
}
.page-about .about-range{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-top:2.5rem;
  padding:1rem 1.25rem;
  border:var(--lc-border-w-sm) solid var(--lc-steel);
  background:rgba(69,123,157,.14);
}
.page-about .about-range__label{
  flex:none;
  font-size:var(--fs-tiny);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--lc-amber);
}
.page-about .about-range__track{
  flex:1;
  height:10px;
  background:rgba(69,123,157,.3);
  position:relative;
  overflow:hidden;
}
.page-about .about-range__fill{
  position:absolute;
  left:8%;
  right:4%;
  top:0;
  height:100%;
  background:var(--lc-red);
}
.page-about .about-range__value{
  flex:none;
  font-size:var(--fs-small);
  font-weight:700;
  color:var(--lc-green);
  white-space:nowrap;
}

/* 发展历程：暖色发光段 */
.page-about .about-archive--glow{
  background:var(--lc-paper);
  color:var(--lc-ink);
}
.page-about .about-archive--glow .about-archive__desc{
  color:rgba(22,25,37,.8);
}
.page-about .about-timeline--glow::before{
  background:var(--lc-ink);
}
.page-about .about-timeline--glow .about-timeline__marker{
  border-color:var(--lc-paper);
  box-shadow:0 0 0 3px var(--lc-red), 0 5px 0 0 var(--lc-green);
}
.page-about .about-timeline--glow .about-timeline__year{
  color:var(--lc-red);
}
.page-about .about-timeline--glow .about-timeline__card{
  border-color:var(--lc-ink);
  background:transparent;
  box-shadow:6px 6px 0 var(--lc-amber);
}
.page-about .about-timeline--glow .about-timeline__card h3{
  color:var(--lc-blue);
}
.page-about .about-timeline--glow .about-timeline__card p{
  color:var(--lc-ink);
}
.page-about .about-range--light{
  background:transparent;
  border-color:var(--lc-ink);
  box-shadow:6px 6px 0 var(--lc-amber);
}
.page-about .about-range--light .about-range__label{
  color:var(--lc-ink);
}
.page-about .about-range--light .about-range__track{
  background:rgba(29,53,87,.18);
}
.page-about .about-range--light .about-range__fill{
  background:var(--lc-blue);
}
.page-about .about-range--light .about-range__value{
  color:var(--lc-blue);
}

/* 数据能力：深海蓝技术区 */
.page-about .about-capability{
  background:var(--lc-blue);
  color:var(--lc-paper);
}
.page-about .about-capability__head{
  max-width:840px;
}
.page-about .about-capability__lead{
  margin-top:1rem;
  color:rgba(241,250,238,.82);
}
.page-about .about-capability__grid{
  display:grid;
  gap:2rem;
  margin-top:2rem;
}
.page-about .about-capability__figures{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.page-about .about-capability__stat{
  background:rgba(69,123,157,.18);
  border-top:var(--lc-border-w) solid var(--lc-red);
  padding:1.1rem 1.2rem;
}
.page-about .about-capability__num{
  display:block;
  font-family:var(--font-heading);
  font-style:italic;
  font-weight:700;
  font-size:2.4rem;
  line-height:1.1;
  color:var(--lc-red);
}
.page-about .about-capability__label{
  display:block;
  margin-top:.5rem;
  font-size:var(--fs-small);
  color:rgba(241,250,238,.75);
}
.page-about .about-capability__schema img{
  border:var(--lc-border-w) solid var(--lc-paper);
  box-shadow:10px 10px 0 var(--lc-green);
}
.page-about .about-capability__schema figcaption{
  color:rgba(241,250,238,.7);
}
.page-about .about-capability__modules{
  display:grid;
  gap:1.5rem;
  margin-top:3rem;
}
.page-about .about-capability__module{
  background:var(--lc-paper);
  color:var(--lc-ink);
  border:var(--lc-border-w) solid var(--lc-ink);
  box-shadow:7px 7px 0 var(--lc-green);
  padding:1.25rem 1.4rem;
}
.page-about .about-capability__module-tag{
  display:inline-block;
  font-family:var(--font-heading);
  font-weight:700;
  font-size:var(--fs-tiny);
  letter-spacing:.1em;
  color:var(--lc-ink);
  border:2px solid var(--lc-ink);
  padding:.3rem .6rem;
  margin-bottom:1rem;
  background:var(--lc-amber);
}
.page-about .about-capability__module h3{
  font-size:1.05rem;
  color:var(--lc-blue);
}
.page-about .about-capability__module ul{
  list-style:none;
  margin-top:1rem;
}
.page-about .about-capability__module li{
  position:relative;
  padding-left:1rem;
  line-height:1.9;
}
.page-about .about-capability__module li::before{
  content:"▸";
  position:absolute;
  left:0;
  color:var(--lc-red);
}

/* 服务生态：暖纸色协作区 */
.page-about .about-ecosystem{
  background:var(--lc-paper);
  color:var(--lc-ink);
}
.page-about .about-ecosystem__head{
  max-width:800px;
}
.page-about .about-ecosystem__lead{
  margin-top:1rem;
  opacity:.82;
}
.page-about .about-ecosystem__grid{
  display:grid;
  gap:2rem;
  margin-top:3rem;
}
.page-about .about-ecosystem__role{
  border-top:var(--lc-border-w) solid var(--lc-ink);
  padding-top:1.25rem;
  position:relative;
}
.page-about .about-ecosystem__index{
  font-family:var(--font-heading);
  font-style:italic;
  font-weight:700;
  font-size:2.25rem;
  line-height:1;
  color:var(--lc-red);
}
.page-about .about-ecosystem__role h3{
  margin-top:.75rem;
  font-size:1.2rem;
  color:var(--lc-blue);
}
.page-about .about-ecosystem__role p{
  margin-top:.5rem;
}
.page-about .about-ecosystem__role::after{
  content:"↗";
  position:absolute;
  right:0;
  top:1rem;
  font-size:1.5rem;
  font-weight:700;
  color:var(--lc-green);
}
.page-about .about-ecosystem__bottom{
  display:grid;
  gap:2rem;
  margin-top:3rem;
}
.page-about .about-ecosystem__network img{
  border:var(--lc-border-w) solid var(--lc-ink);
  box-shadow:10px 10px 0 var(--lc-amber);
}
.page-about .about-ecosystem__network figcaption{
  color:rgba(22,25,37,.75);
}
.page-about .about-ecosystem__note{
  background:var(--lc-blue);
  color:var(--lc-paper);
  border:var(--lc-border-w) solid var(--lc-ink);
  box-shadow:10px 10px 0 var(--lc-green);
  padding:1.5rem;
}
.page-about .about-ecosystem__note-icon{
  font-family:var(--font-heading);
  font-weight:700;
  font-style:italic;
  font-size:1.4rem;
  color:var(--lc-amber);
}
.page-about .about-ecosystem__note h3{
  margin-top:.5rem;
  font-size:1.2rem;
}
.page-about .about-ecosystem__note p{
  margin-top:.75rem;
  color:rgba(241,250,238,.8);
}

/* 资质荣誉：墨色被认证区 */
.page-about .about-honors{
  background:var(--lc-ink);
  color:var(--lc-paper);
}
.page-about .about-honors__head{
  max-width:780px;
}
.page-about .about-honors__grid{
  display:grid;
  gap:1.5rem;
  margin-top:3rem;
}
.page-about .about-honors__card{
  padding:2rem 1.5rem;
  background:rgba(29,53,87,.5);
  border:var(--lc-border-w) solid var(--lc-red);
  box-shadow:10px 10px 0 rgba(241,250,238,.25);
  position:relative;
}
.page-about .about-honors__badge{
  display:inline-block;
  padding:.4rem .9rem;
  background:var(--lc-red);
  color:var(--lc-paper);
  font-family:var(--font-heading);
  font-style:italic;
  font-weight:700;
  letter-spacing:.06em;
  transform:rotate(-3deg);
  margin-bottom:1.25rem;
}
.page-about .about-honors__card h3{
  font-size:1.3rem;
  color:var(--lc-paper);
}
.page-about .about-honors__card p{
  margin-top:.75rem;
  color:rgba(241,250,238,.8);
}
.page-about .about-honors__note{
  margin-top:2.5rem;
  max-width:820px;
  padding:1.25rem 1.4rem;
  border-left:var(--lc-border-w) solid var(--lc-green);
  background:rgba(42,157,143,.12);
  color:rgba(241,250,238,.8);
}

/* 收束 CTA：竞速红斜切面板 */
.page-about .about-cta__panel{
  background:var(--lc-red);
  color:var(--lc-paper);
  border:var(--lc-border-w) solid var(--lc-paper);
  box-shadow:12px 12px 0 var(--lc-green);
  padding:2rem;
}
.page-about .about-cta__lead{
  margin-top:1rem;
  max-width:680px;
  color:rgba(241,250,238,.92);
}
.page-about .about-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:2rem;
}

/* 网格断点：桌面从容展开 */
@media (min-width:700px){
  .page-about .about-hero__grid{
    grid-template-columns:1.2fr .8fr;
    align-items:end;
  }
  .page-about .about-mission__pillars{
    grid-template-columns:repeat(3,1fr);
    gap:2rem;
  }
  .page-about .about-timeline{
    gap:2.5rem;
  }
  .page-about .about-capability__figures{
    grid-template-columns:repeat(4,1fr);
  }
  .page-about .about-capability__modules{
    grid-template-columns:repeat(3,1fr);
    align-items:start;
  }
  .page-about .about-ecosystem__grid{
    grid-template-columns:repeat(3,1fr);
  }
  .page-about .about-ecosystem__bottom{
    grid-template-columns:1fr 1fr;
    align-items:center;
  }
  .page-about .about-honors__grid{
    grid-template-columns:repeat(2,1fr);
    align-items:stretch;
  }
  .page-about .about-cta__panel{
    padding:3rem;
  }
}

@media (min-width:1000px){
  .page-about .about-capability__grid{
    grid-template-columns:1fr 1.1fr;
    align-items:center;
  }
  .page-about .about-hero__plate{
    padding:2rem;
  }
}