.page-about{
  --about-gap:clamp(18px,3vw,32px);
  --about-accent-line:linear-gradient(180deg,var(--neon),var(--blue) 55%,var(--lime));
  padding-top:calc(var(--header-h) + 6px);
  padding-bottom:clamp(28px,5vw,56px);
  background:
    radial-gradient(120% 70% at 92% -12%, rgba(176,38,255,.34), transparent 62%),
    radial-gradient(90% 60% at -10% 4%, rgba(0,194,255,.16), transparent 58%),
    var(--void);
  color:var(--mist);
  overflow-x:hidden;
}
.page-about img{max-width:100%;height:auto;display:block;}

.page-about .breadcrumb{padding-top:10px;padding-bottom:4px;}
.page-about .breadcrumb-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;font-size:12.5px;letter-spacing:.04em;color:var(--grey);}
.page-about .breadcrumb-link{color:var(--blue);text-decoration:none;}
.page-about .breadcrumb-link:hover{color:var(--lime);}
.page-about .breadcrumb-current{color:var(--mist);opacity:.82;}

/* 首屏 */
.page-about .about-hero{position:relative;padding:clamp(26px,5vw,52px) 0 clamp(30px,6vw,64px);}
.page-about .about-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(118deg, rgba(176,38,255,.26), rgba(0,194,255,.13) 46%, rgba(255,46,151,.10) 72%, transparent 88%);
  clip-path:polygon(0 0,100% 0,100% 68%,0 100%);
}
.page-about .about-hero-grid{position:relative;z-index:1;display:grid;gap:clamp(22px,4vw,40px);}
.page-about .about-eye{
  margin:0 0 14px;font-family:var(--font-num);font-size:12px;letter-spacing:.24em;
  color:var(--lime);text-transform:uppercase;
}
.page-about .about-title{
  margin:0 0 18px;font-size:clamp(30px,6.4vw,60px);line-height:1.12;font-weight:900;
  letter-spacing:-.01em;color:var(--mist);
}
.page-about .about-hl{
  display:inline-block;margin-top:6px;padding:0 .18em .06em;
  background:linear-gradient(100deg,var(--neon),var(--magenta) 60%,var(--blue));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.page-about .about-lead{
  margin:0 0 20px;max-width:60ch;font-size:clamp(15px,1.6vw,17px);line-height:1.78;color:rgba(245,240,255,.86);
}
.page-about .about-tags{margin-bottom:24px;}
.page-about .about-hero-actions{display:flex;flex-wrap:wrap;gap:12px;}

.page-about .about-hero-card{
  border:1px solid var(--line);border-radius:var(--r-xl);
  padding:clamp(18px,3vw,26px);
  background:linear-gradient(158deg, rgba(13,43,43,.96), rgba(46,36,66,.96));
  box-shadow:var(--shadow-deep);
}
.page-about .hero-card-title{
  margin:0 0 12px;font-family:var(--font-num);font-size:12px;letter-spacing:.22em;color:var(--blue);
}
.page-about .hero-card-list{list-style:none;margin:0 0 14px;padding:0;}
.page-about .hero-card-row{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;
  padding:11px 0;border-bottom:1px dashed rgba(245,240,255,.14);font-size:14px;
}
.page-about .hero-card-key{color:rgba(245,240,255,.68);}
.page-about .hero-card-val{font-family:var(--font-num);font-weight:700;color:var(--lime);letter-spacing:.02em;}
.page-about .hero-card-row:nth-child(3) .hero-card-val{color:var(--blue);}
.page-about .hero-card-row:nth-child(4) .hero-card-val{color:var(--amber);}
.page-about .hero-card-note{margin:0;font-size:13px;line-height:1.7;color:var(--grey);}
.page-about .about-rot-note{display:none;}

/* 双栏骨架 */
.page-about .about-body{display:grid;gap:clamp(20px,3vw,38px);position:relative;z-index:1;}
.page-about .about-rail{display:grid;gap:16px;}

.page-about .rail-nav{
  border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:16px 18px;
  background:rgba(27,10,46,.72);
}
.page-about .rail-title{
  margin:0 0 10px;font-family:var(--font-num);font-size:11px;letter-spacing:.24em;color:var(--neon);
}
.page-about .rail-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.page-about .rail-link{
  display:inline-block;padding:6px 12px;border-radius:var(--r-pill);
  border:1px solid var(--line-soft);color:var(--mist);text-decoration:none;
  font-size:13px;transition:border-color .25s var(--ease),color .25s var(--ease),background .25s var(--ease);
}
.page-about .rail-link:hover,.page-about .rail-link:focus-visible{
  border-color:var(--blue);color:var(--blue);background:rgba(0,194,255,.08);outline:none;
}
.page-about .rail-note{
  border:1px dashed rgba(182,255,0,.32);border-radius:var(--r-lg);padding:16px 18px;
  background:rgba(13,43,43,.42);
}
.page-about .rail-note-title{margin:0 0 10px;font-size:12px;letter-spacing:.18em;color:var(--lime);}
.page-about .rail-dl{margin:0;font-size:12.5px;line-height:1.68;}
.page-about .rail-dl dt{color:var(--mist);font-weight:700;margin-top:8px;}
.page-about .rail-dl dt:first-child{margin-top:0;}
.page-about .rail-dl dd{margin:2px 0 0;color:var(--grey);}

/* 章节通用 */
.page-about .about-flow{display:grid;gap:clamp(18px,3vw,26px);}
.page-about .about-sec{
  padding:clamp(22px,4vw,40px) 0;
  border-top:1px solid var(--line-soft);
  scroll-margin-top:calc(var(--header-h) + 18px);
}
.page-about .about-sec[data-reveal]{opacity:.25;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.page-about .about-sec[data-reveal].is-visible{opacity:1;transform:none;}
.page-about .sec-head{margin-bottom:clamp(16px,2.6vw,26px);}
.page-about .sec-eye{
  margin:0 0 8px;font-family:var(--font-num);font-size:11.5px;letter-spacing:.22em;color:var(--magenta);
}
.page-about .sec-title{
  margin:0;font-size:clamp(22px,3.6vw,36px);line-height:1.24;font-weight:900;
  color:var(--mist);display:inline-block;transform:skewX(-2deg);
}
.page-about .sec-lead{margin:10px 0 0;max-width:56ch;font-size:14.5px;line-height:1.72;color:var(--grey);}

/* 起步与改版 */
.page-about .origin-grid{display:grid;gap:var(--about-gap);}
.page-about .origin-text p{margin:0 0 14px;font-size:14.8px;line-height:1.82;color:rgba(245,240,255,.84);}
.page-about .origin-text p:last-child{margin-bottom:0;}
.page-about .origin-card{
  border-radius:var(--r-xl);border:1px solid var(--line);
  padding:clamp(18px,3vw,26px);
  background:linear-gradient(170deg, rgba(46,36,66,.9), rgba(27,10,46,.9));
  box-shadow:var(--shadow-deep);
}
.page-about .origin-card .card-title{margin:0 0 14px;font-size:15px;font-weight:800;color:var(--mist);}
.page-about .origin-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px;}
.page-about .origin-list li{
  position:relative;padding-left:20px;font-size:14px;line-height:1.66;color:rgba(245,240,255,.84);
}
.page-about .origin-list li::before{
  content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;
  background:var(--lime);box-shadow:0 0 10px rgba(182,255,0,.7);
}
.page-about .origin-link{font-size:13.5px;color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(0,194,255,.45);padding-bottom:2px;}
.page-about .origin-link:hover{color:var(--lime);border-color:var(--lime);}

/* 时间轴 */
.page-about .timeline-wrap{
  position:relative;overflow:hidden;border-radius:var(--r-xl);
  padding:clamp(18px,3vw,30px) clamp(14px,2.4vw,24px);
  border:1px solid var(--line-soft);
  background:linear-gradient(200deg, rgba(13,43,43,.9), rgba(18,5,31,.9));
}
.page-about .timeline-bg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.26;filter:saturate(1.25) contrast(1.05);pointer-events:none;
}
.page-about .timeline{position:relative;list-style:none;margin:0;padding:0 0 0 30px;}
.page-about .timeline::before{
  content:"";position:absolute;left:9px;top:10px;bottom:10px;width:2px;border-radius:2px;
  background:var(--about-accent-line);
}
.page-about .tl-item{position:relative;margin-bottom:12px;}
.page-about .tl-item:last-child{margin-bottom:0;}
.page-about .tl-item::before{
  content:"";position:absolute;left:-25px;top:19px;width:12px;height:12px;border-radius:50%;
  background:var(--void);border:2px solid var(--lime);box-shadow:0 0 12px rgba(182,255,0,.6);
}
.page-about .tl-item:nth-child(2n)::before{border-color:var(--blue);box-shadow:0 0 12px rgba(0,194,255,.6);}
.page-about .tl-item:nth-child(3n)::before{border-color:var(--magenta);box-shadow:0 0 12px rgba(255,46,151,.6);}
.page-about .tl-card{
  border:1px solid rgba(245,240,255,.14);border-radius:var(--r-lg);
  background:rgba(18,5,31,.8);backdrop-filter:blur(6px);
  transition:border-color .25s var(--ease),transform .25s var(--ease);
}
.page-about .tl-card:hover{border-color:var(--line-blue);transform:translateX(3px);}
.page-about .tl-card[open]{border-color:var(--line-blue);background:rgba(13,43,43,.86);}
.page-about .tl-card summary{
  cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;
  padding:14px 16px;
}
.page-about .tl-card summary::-webkit-details-marker{display:none;}
.page-about .tl-card summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px;border-radius:var(--r-lg);}
.page-about .tl-tag{flex:0 0 auto;font-size:11.5px;letter-spacing:.06em;}
.page-about .tl-title{margin:0;font-size:clamp(15px,1.8vw,17px);font-weight:800;line-height:1.44;color:var(--mist);}
.page-about .tl-body{padding:0 16px 16px;border-top:1px dashed rgba(245,240,255,.12);margin-top:2px;padding-top:12px;}
.page-about .tl-body p{margin:0;font-size:14px;line-height:1.78;color:rgba(245,240,255,.78);}

/* 服务与响应 */
.page-about .service-grid{display:grid;gap:var(--about-gap);align-items:start;}
.page-about .service-figure{
  border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line-blue);
  position:relative;background:linear-gradient(150deg, rgba(0,194,255,.18), rgba(176,38,255,.16));
}
.page-about .service-figure img{width:100%;height:100%;object-fit:cover;}
.page-about .service-figure .img-frame-caption{
  position:absolute;left:12px;bottom:12px;padding:5px 12px;border-radius:var(--r-pill);
  background:rgba(18,5,31,.82);border:1px solid var(--line-blue);
  font-size:12px;letter-spacing:.04em;color:var(--blue);
}
.page-about .service-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.page-about .service-item{
  display:grid;gap:8px;padding:14px 16px;border-radius:var(--r-lg);
  border-left:3px solid var(--neon);background:rgba(46,36,66,.62);
}
.page-about .service-item:nth-child(2){border-left-color:var(--blue);}
.page-about .service-item:nth-child(3){border-left-color:var(--lime);}
.page-about .service-item:nth-child(4){border-left-color:var(--magenta);}
.page-about .service-key{justify-self:start;font-size:11.5px;}
.page-about .service-item p{margin:0;font-size:14px;line-height:1.76;color:rgba(245,240,255,.84);}

/* 团队 */
.page-about .team-grid{display:grid;gap:var(--about-gap);align-items:start;}
.page-about .team-figure{
  border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);
  position:relative;background:linear-gradient(150deg, rgba(255,46,151,.18), rgba(0,194,255,.14));
}
.page-about .team-figure img{width:100%;height:100%;object-fit:cover;}
.page-about .team-figure .img-frame-caption{
  position:absolute;left:12px;bottom:12px;padding:5px 12px;border-radius:var(--r-pill);
  background:rgba(18,5,31,.82);border:1px solid var(--line);font-size:12px;color:var(--mist);
}
.page-about .team-cards{display:grid;gap:12px;}
.page-about .team-card{
  border-radius:var(--r-lg);border:1px solid var(--line-soft);
  padding:16px 18px;background:rgba(27,10,46,.78);
  transition:transform .25s var(--ease),border-color .25s var(--ease);
}
.page-about .team-card:hover{transform:translateY(-3px);border-color:var(--neon);}
.page-about .team-role{margin:0 0 8px;font-family:var(--font-num);font-size:13px;letter-spacing:.1em;color:var(--amber);}
.page-about .team-card .card-text{margin:0;font-size:13.8px;line-height:1.74;color:rgba(245,240,255,.82);}
.page-about .team-foot{
  margin:clamp(16px,2.4vw,22px) 0 0;font-size:13.8px;line-height:1.8;color:var(--grey);
  padding-left:14px;border-left:2px solid var(--slate);
}

/* 数据摘要 */
.page-about .num-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));}
.page-about .num-card{
  display:grid;gap:6px;padding:18px 16px;border-radius:var(--r-lg);
  border:1px solid var(--line-soft);background:linear-gradient(165deg, rgba(13,43,43,.88), rgba(27,10,46,.88));
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
}
.page-about .num-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-neon);border-color:var(--line);}
.page-about .num-value{
  font-family:var(--font-num);font-size:clamp(24px,3.6vw,34px);font-weight:900;line-height:1.1;
  color:var(--lime);letter-spacing:-.01em;
}
.page-about .num-card:nth-child(2) .num-value{color:var(--blue);}
.page-about .num-card:nth-child(3) .num-value{color:var(--neon);}
.page-about .num-card:nth-child(4) .num-value{color:var(--amber);}
.page-about .num-card:nth-child(5) .num-value{color:var(--mist);}
.page-about .num-card:nth-child(6) .num-value{color:var(--magenta);}
.page-about .num-label{font-size:12.5px;letter-spacing:.04em;color:var(--grey);}

/* 收尾 */
.page-about .about-cta{
  margin-top:clamp(10px,2vw,18px);
  padding:clamp(20px,3.4vw,34px);
  border-radius:var(--r-xl);
  border:1px solid var(--line);
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(176,38,255,.35), transparent 62%),
    linear-gradient(150deg, rgba(13,43,43,.96), rgba(27,10,46,.96));
  box-shadow:var(--shadow-deep);
}
.page-about .cta-title{margin:0 0 10px;font-size:clamp(20px,3vw,28px);font-weight:900;color:var(--mist);transform:skewX(-2deg);}
.page-about .cta-text p{margin:0 0 18px;font-size:14.5px;line-height:1.76;color:rgba(245,240,255,.82);max-width:62ch;}
.page-about .cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;}
.page-about .cta-contact{
  margin:0;padding-top:14px;border-top:1px dashed rgba(245,240,255,.16);
  font-size:12.5px;line-height:1.8;color:var(--grey);word-break:break-word;
}

@media (min-width:760px){
  .page-about .origin-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:start;}
  .page-about .service-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
  .page-about .team-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);}
  .page-about .about-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;}
  .page-about .cta-text{grid-column:1;}
  .page-about .cta-actions{grid-column:2;justify-content:flex-end;margin-bottom:0;}
  .page-about .cta-contact{grid-column:1 / -1;margin-top:4px;}
}

@media (min-width:1000px){
  .page-about .about-body{grid-template-columns:220px minmax(0,1fr);align-items:start;}
  .page-about .about-rail{position:sticky;top:calc(var(--header-h) + 18px);}
  .page-about .rail-list{flex-direction:column;flex-wrap:nowrap;}
  .page-about .rail-link{display:block;text-align:left;}
  .page-about .about-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);align-items:start;}
  .page-about .about-hero-card{margin-top:24px;}
}

@media (min-width:1180px){
  .page-about .about-rot-note{
    display:block;position:absolute;right:var(--gutter);top:clamp(70px,9vw,130px);
    writing-mode:vertical-rl;font-family:var(--font-num);font-size:11px;letter-spacing:.42em;
    color:var(--blue);opacity:.6;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-about .about-sec[data-reveal]{opacity:1;transform:none;transition:none;}
  .page-about .tl-card:hover,
  .page-about .team-card:hover,
  .page-about .num-card:hover{transform:none;}
}