.page-about{
  --about-rail:34px;
  --about-soft:rgba(232,237,242,.62);
  background:var(--ly-deep);
  color:var(--ly-paper);
  font-family:var(--ly-font-body);
  overflow-x:hidden;
}

.page-about .about-sec{
  width:100%;
  max-width:var(--ly-shell);
  margin:0 auto;
  padding:clamp(40px,7vw,76px) var(--ly-gutter);
}

.page-about .ly-kicker{
  font-family:var(--ly-font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--ly-cyan);
  margin:0 0 14px;
}

/* ---------- A 区 首屏 ---------- */
.page-about .about-hero{
  padding-top:calc(var(--ly-header-h) + clamp(28px,6vw,64px));
  border-bottom:1px solid var(--ly-line);
}

.page-about .about-hero .ly-crumb__list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0 0 clamp(26px,5vw,48px);
  padding:0;
  font-size:13px;
  color:var(--ly-rock);
}
.page-about .about-hero .ly-crumb__item + .ly-crumb__item::before{
  content:"／";
  margin-right:8px;
  color:var(--ly-line);
}
.page-about .about-hero .ly-crumb__link{
  color:var(--ly-rock);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--ly-dur) var(--ly-ease),border-color var(--ly-dur) var(--ly-ease);
}
.page-about .about-hero .ly-crumb__link:hover,
.page-about .about-hero .ly-crumb__link:focus-visible{
  color:var(--ly-cyan);
  border-color:var(--ly-cyan);
}
.page-about .about-hero .ly-crumb__current{color:var(--ly-paper);}

.page-about .about-hero__title{
  font-family:var(--ly-font-display);
  font-weight:900;
  font-size:clamp(32px,8.4vw,68px);
  line-height:1.08;
  letter-spacing:-.02em;
  margin:0 0 clamp(18px,3vw,28px);
  max-width:16em;
  text-wrap:balance;
}
@media (min-width:720px){
  .page-about .about-hero__title{transform:skewX(-3deg);transform-origin:left bottom;}
}

.page-about .about-hero__lead{
  font-size:clamp(15px,1.5vw,17px);
  line-height:1.85;
  color:var(--about-soft);
  max-width:34em;
  margin:0 0 clamp(30px,5vw,52px);
}

.page-about .about-hero__facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:0;
  border-top:1px solid var(--ly-line);
}
.page-about .about-hero__fact{
  padding:18px 16px 18px 0;
  border-bottom:1px solid var(--ly-line);
}
.page-about .about-hero__fact dt{
  font-size:12px;
  letter-spacing:.1em;
  color:var(--ly-rock);
  margin-bottom:6px;
}
.page-about .about-hero__fact dd{
  margin:0;
  font-family:var(--ly-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(18px,2.4vw,24px);
  color:var(--ly-paper);
}
.page-about .about-hero__fact dd .ly-num{color:var(--ly-cyan);}
@media (min-width:760px){
  .page-about .about-hero__facts{grid-template-columns:repeat(5,minmax(0,1fr));}
  .page-about .about-hero__fact{border-bottom:0;border-left:1px solid var(--ly-line);padding:20px 16px;}
  .page-about .about-hero__fact:first-child{border-left:0;padding-left:0;}
}

/* ---------- 通用区块头 ---------- */
.page-about .about-sec__head{margin-bottom:clamp(24px,4vw,44px);}
.page-about .about-sec__title{
  font-family:var(--ly-font-display);
  font-weight:800;
  font-size:clamp(23px,4.2vw,38px);
  line-height:1.25;
  letter-spacing:-.01em;
  margin:0 0 14px;
  max-width:20em;
}
.page-about .about-sec__lead{
  font-size:15px;
  line-height:1.85;
  color:var(--about-soft);
  max-width:36em;
  margin:0;
}

/* ---------- B 区 版本档案 ---------- */
.page-about .about-band{
  margin:0 0 clamp(26px,4vw,40px);
}
.page-about .about-band img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:16/6;
  object-fit:cover;
  border-radius:var(--ly-r-lg);
  filter:saturate(.72) contrast(1.08);
}
.page-about .about-band figcaption{
  margin-top:10px;
  font-size:13px;
  color:var(--ly-rock);
}

.page-about .ver-index{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:4px 2px 14px;
  margin-bottom:clamp(24px,4vw,40px);
  scrollbar-width:thin;
}
.page-about .ver-index__item{
  flex:0 0 auto;
  font-size:12.5px;
  line-height:1.4;
  color:var(--ly-rock);
  text-decoration:none;
  padding:8px 14px;
  border:1px solid var(--ly-line);
  border-radius:var(--ly-r-pill);
  white-space:nowrap;
  transition:color var(--ly-dur) var(--ly-ease),border-color var(--ly-dur) var(--ly-ease),background var(--ly-dur) var(--ly-ease);
}
.page-about .ver-index__item .ly-num{
  color:var(--ly-cyan);
  margin-right:6px;
}
.page-about .ver-index__item:hover,
.page-about .ver-index__item:focus-visible{
  color:var(--ly-paper);
  border-color:var(--ly-cyan-55);
  background:var(--ly-cyan-08);
}

.page-about .ver-list{
  position:relative;
  list-style:none;
  margin:0;
  padding:0 0 0 var(--about-rail);
}
.page-about .ver-list::before{
  content:"";
  position:absolute;
  left:7px;
  top:6px;
  bottom:6px;
  width:1px;
  background:linear-gradient(180deg,var(--ly-cyan-55),var(--ly-line) 62%,transparent);
}

.page-about .ver-node{
  position:relative;
  padding:clamp(22px,3.4vw,34px) 0;
  border-bottom:1px solid var(--ly-line);
}
.page-about .ver-node:last-child{border-bottom:0;}
.page-about .ver-node::before{
  content:"";
  position:absolute;
  left:calc(-1 * var(--about-rail) + 3px);
  top:calc(clamp(22px,3.4vw,34px) + 12px);
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--ly-deep);
  border:1px solid var(--ly-cyan-55);
  transition:background var(--ly-dur) var(--ly-ease),box-shadow var(--ly-dur) var(--ly-ease);
}
.page-about .ver-node:hover::before,
.page-about .ver-node:focus-within::before,
.page-about .ver-node:target::before{
  background:var(--ly-cyan);
  box-shadow:0 0 0 4px var(--ly-cyan-16);
}
.page-about .ver-node:target{
  background:linear-gradient(90deg,var(--ly-cyan-08),transparent 70%);
  box-shadow:inset 3px 0 0 var(--ly-cyan);
}

.page-about .ver-node__year{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  font-family:var(--ly-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:13px;
  color:var(--ly-paper);
}
.page-about .ver-node__tag{
  font-size:11px;
  letter-spacing:.1em;
  padding:3px 9px;
  border-radius:var(--ly-r-pill);
  border:1px solid var(--ly-line);
}
.page-about .ver-node__tag--moss{color:var(--ly-moss);border-color:rgba(168,179,160,.4);}
.page-about .ver-node__tag--clay{color:var(--ly-clay);border-color:rgba(201,123,90,.45);}

.page-about .ver-node__title{
  font-family:var(--ly-font-display);
  font-weight:800;
  font-size:clamp(19px,3.1vw,26px);
  line-height:1.32;
  margin:0 0 14px;
  letter-spacing:-.01em;
}
.page-about .ver-node__no{
  display:block;
  font-family:var(--ly-font-mono);
  font-size:clamp(46px,13vw,104px);
  line-height:.9;
  letter-spacing:-.04em;
  color:transparent;
  -webkit-text-stroke:1px rgba(53,224,208,.4);
  margin-bottom:10px;
}
.page-about .ver-node__body p{
  margin:0 0 14px;
  font-size:15px;
  line-height:1.85;
  color:var(--about-soft);
  max-width:36em;
}
.page-about .ver-node__more{
  border-top:1px solid var(--ly-line);
  padding-top:12px;
}
.page-about .ver-node__more summary{
  cursor:pointer;
  font-size:13.5px;
  color:var(--ly-cyan);
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:2px 0;
  border-radius:var(--ly-r-sm);
}
.page-about .ver-node__more summary::-webkit-details-marker{display:none;}
.page-about .ver-node__more summary::before{
  content:"+";
  font-family:var(--ly-font-mono);
  font-size:15px;
  line-height:1;
  color:var(--ly-signal);
}
.page-about .ver-node__more[open] summary::before{content:"–";}
.page-about .ver-node__more summary:hover{color:var(--ly-paper);}
.page-about .ver-node__more summary:focus-visible{
  outline:2px solid var(--ly-cyan);
  outline-offset:3px;
}
.page-about .ver-node__more p{
  margin:12px 0 0;
  font-size:14px;
  line-height:1.85;
  color:var(--ly-rock);
  max-width:34em;
}

@media (min-width:860px){
  .page-about .ver-node{
    display:grid;
    grid-template-columns:minmax(0,220px) minmax(0,1fr);
    column-gap:clamp(24px,4vw,56px);
    align-items:start;
  }
  .page-about .ver-node__year{grid-column:1;margin-top:6px;}
  .page-about .ver-node__title{grid-column:2;margin-top:0;}
  .page-about .ver-node__body{grid-column:2;}
  .page-about .ver-node__no{font-size:clamp(64px,7vw,104px);}
}

/* ---------- C 区 团队 ---------- */
.page-about .about-team{border-top:1px solid var(--ly-line);}
.page-about .about-team__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(26px,4vw,44px);
}
.page-about .about-team__text > p{
  font-size:15px;
  line-height:1.85;
  color:var(--about-soft);
  max-width:34em;
  margin:0 0 24px;
}
.page-about .role-list{
  list-style:none;
  margin:0 0 26px;
  padding:0;
}
.page-about .role{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  column-gap:14px;
  align-items:baseline;
  padding:16px 0;
  border-top:1px solid var(--ly-line);
}
.page-about .role__num{
  font-family:var(--ly-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:26px;
  line-height:1;
  color:var(--ly-cyan);
}
.page-about .role__name{
  font-family:var(--ly-font-display);
  font-weight:800;
  font-size:17px;
  margin:0 0 6px;
}
.page-about .role__desc{
  grid-column:2;
  margin:0;
  font-size:14.5px;
  line-height:1.8;
  color:var(--ly-rock);
  max-width:32em;
}
.page-about .about-team__note{
  font-size:14px;
  line-height:1.8;
  color:var(--ly-moss);
  border-left:2px solid var(--ly-moss);
  padding-left:14px;
  max-width:34em;
  margin:0;
}
.page-about .about-team__figure{margin:0;}
.page-about .about-team__figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:var(--ly-r-lg);
  filter:saturate(.7) contrast(1.06);
}
.page-about .about-team__figure figcaption{
  margin-top:10px;
  font-size:13px;
  color:var(--ly-rock);
}

@media (min-width:900px){
  .page-about .about-team__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,340px);
    align-items:start;
  }
  .page-about .about-team__figure{
    position:sticky;
    top:calc(var(--ly-header-h) + 24px);
  }
}

/* ---------- D 区 节奏 ---------- */
.page-about .about-day{
  border-top:1px solid var(--ly-line);
  background:var(--ly-stand);
}
.page-about .day-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-about .day-item{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  padding:20px 0;
  border-top:1px solid var(--ly-line);
  transition:background var(--ly-dur) var(--ly-ease);
}
.page-about .day-item:hover{background:var(--ly-cyan-08);}
.page-about .day-item__time{
  font-family:var(--ly-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:15px;
  color:var(--ly-signal);
  letter-spacing:.02em;
  margin:0;
}
.page-about .day-item__name{
  font-family:var(--ly-font-display);
  font-weight:800;
  font-size:17px;
  margin:0 0 6px;
}
.page-about .day-item__body p{
  margin:0;
  font-size:14.5px;
  line-height:1.8;
  color:var(--about-soft);
  max-width:36em;
}
@media (min-width:780px){
  .page-about .day-item{
    grid-template-columns:200px minmax(0,1fr);
    column-gap:clamp(20px,4vw,48px);
    align-items:start;
    padding:22px 0;
  }
  .page-about .day-item__time{font-size:16px;padding-top:2px;}
}

/* ---------- E 区 覆盖 ---------- */
.page-about .reach-chart{
  margin:0 0 clamp(28px,4vw,44px);
  padding:18px 14px 10px;
  border:1px solid var(--ly-line);
  border-radius:var(--ly-r-lg);
  background:linear-gradient(160deg,var(--ly-steel),var(--ly-deep));
}
.page-about .reach-chart svg{
  display:block;
  width:100%;
  height:auto;
}
.page-about .reach-chart figcaption{
  margin-top:12px;
  font-size:13px;
  line-height:1.7;
  color:var(--ly-rock);
}

.page-about .about-reach__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
}
.page-about .about-reach__item{
  padding:18px 0;
  border-top:1px solid var(--ly-line);
}
.page-about .about-reach__name{
  font-family:var(--ly-font-display);
  font-weight:800;
  font-size:16px;
  margin:0 0 6px;
  color:var(--ly-cyan);
}
.page-about .about-reach__item p{
  margin:0;
  font-size:14.5px;
  line-height:1.8;
  color:var(--about-soft);
  max-width:34em;
}
@media (min-width:820px){
  .page-about .about-reach__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(24px,4vw,56px);
  }
}

/* ---------- F 区 纸面长文 ---------- */
.page-about .about-paper{
  background:var(--ly-paperlight);
  color:var(--ly-ink);
  max-width:none;
  padding-left:0;
  padding-right:0;
}
.page-about .about-paper__inner{
  width:100%;
  max-width:820px;
  margin:0 auto;
  padding:0 var(--ly-gutter);
}
.page-about .about-paper__kicker{
  font-family:var(--ly-font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:#8A6A52;
  margin:0 0 14px;
}
.page-about .about-paper__title{
  font-family:var(--ly-font-serif);
  font-weight:700;
  font-size:clamp(24px,4.4vw,38px);
  line-height:1.3;
  letter-spacing:-.01em;
  margin:0 0 clamp(22px,3.5vw,34px);
  max-width:20em;
}

.page-about .reading__sizes{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:20px;
}
.page-about .reading__radio{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.page-about .reading__label{
  display:inline-block;
  min-width:42px;
  text-align:center;
  font-family:var(--ly-font-mono);
  font-size:13px;
  padding:6px 12px;
  border:1px solid rgba(26,31,38,.22);
  border-radius:var(--ly-r-pill);
  color:#4A5058;
  cursor:pointer;
  transition:background var(--ly-dur) var(--ly-ease),color var(--ly-dur) var(--ly-ease),border-color var(--ly-dur) var(--ly-ease);
}
.page-about .reading__label:hover{
  border-color:#1A1F26;
  color:#1A1F26;
}
.page-about .reading__radio:checked + .reading__label{
  background:#1A1F26;
  border-color:#1A1F26;
  color:var(--ly-paperlight);
}
.page-about .reading__radio:focus-visible + .reading__label{
  outline:2px solid #0F8C82;
  outline-offset:2px;
}

.page-about .reading__body{
  font-family:var(--ly-font-serif);
  font-size:17px;
  line-height:1.95;
  color:#252B33;
  max-width:33em;
  transition:font-size var(--ly-dur) var(--ly-ease);
}
.page-about .reading__body p{margin:0 0 1.15em;}
.page-about .reading__body p:last-child{margin-bottom:0;}

.page-about #sz-s:checked ~ .reading__body{font-size:15px;}
.page-about #sz-m:checked ~ .reading__body{font-size:17px;}
.page-about #sz-l:checked ~ .reading__body{font-size:19.5px;}

/* ---------- G 区 收尾 ---------- */
.page-about .about-cta{border-top:1px solid var(--ly-line);}
.page-about .about-cta__figure{
  position:relative;
  margin:0 0 clamp(26px,4vw,40px);
  border-radius:var(--ly-r-lg);
  overflow:hidden;
}
.page-about .about-cta__figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:12/5;
  object-fit:cover;
  filter:saturate(.68) contrast(1.1) brightness(.8);
}
.page-about .about-cta__figure figcaption{
  position:absolute;
  left:18px;
  right:18px;
  bottom:14px;
  font-size:13px;
  color:var(--ly-paper);
  text-shadow:0 1px 8px rgba(7,11,20,.9);
}

.page-about .about-cta__title{
  font-family:var(--ly-font-display);
  font-weight:900;
  font-size:clamp(24px,4.6vw,40px);
  line-height:1.2;
  letter-spacing:-.02em;
  margin:0 0 14px;
  max-width:16em;
}
.page-about .about-cta__lead{
  font-size:15px;
  line-height:1.85;
  color:var(--about-soft);
  max-width:34em;
  margin:0 0 clamp(22px,3.5vw,34px);
}
.page-about .about-cta__links{
  list-style:none;
  margin:0 0 clamp(22px,3.5vw,32px);
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
}
.page-about .about-cta__links li{border-top:1px solid var(--ly-line);}
.page-about .about-cta__link{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:16px 4px;
  font-size:15px;
  line-height:1.6;
  color:var(--ly-paper);
  text-decoration:none;
  transition:color var(--ly-dur) var(--ly-ease),background var(--ly-dur) var(--ly-ease);
}
.page-about .about-cta__link .ly-num{
  font-family:var(--ly-font-mono);
  font-size:13px;
  color:var(--ly-signal);
  flex:0 0 auto;
}
.page-about .about-cta__link:hover,
.page-about .about-cta__link:focus-visible{
  color:var(--ly-cyan);
  background:var(--ly-cyan-08);
  outline:none;
}
.page-about .about-cta__link:focus-visible{
  box-shadow:inset 0 0 0 2px var(--ly-cyan);
  border-radius:var(--ly-r-sm);
}
.page-about .about-cta__back{margin:0;}
.page-about .about-cta__back a{
  font-size:14px;
  color:var(--ly-rock);
  text-decoration:none;
  border-bottom:1px solid var(--ly-line);
  padding-bottom:2px;
  transition:color var(--ly-dur) var(--ly-ease),border-color var(--ly-dur) var(--ly-ease);
}
.page-about .about-cta__back a:hover,
.page-about .about-cta__back a:focus-visible{
  color:var(--ly-cyan);
  border-color:var(--ly-cyan);
}

@media (min-width:780px){
  .page-about .about-cta__links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,3vw,40px);}
}

@media (prefers-reduced-motion:reduce){
  .page-about *{
    transition-duration:0ms !important;
    animation-duration:0ms !important;
  }
  .page-about .about-hero__title{transform:none;}
}
<<<END>>>