.page-home{
  --ph-gap:clamp(16px,2.2vw,28px);
  --ph-line:1px solid rgba(143,167,156,.22);
  --ph-line-dark:1px solid rgba(16,21,18,.16);
  background-color:var(--lb-deep);
  background-image:radial-gradient(720px 400px at 94% -4%,rgba(198,242,74,.14),transparent 66%);
  background-repeat:no-repeat;
  color:var(--lb-fog);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.75;
  overflow-x:clip;
  padding-bottom:clamp(40px,6vw,80px);
}
.page-home *{box-sizing:border-box;}
.page-home h2,.page-home h3{margin:0;}
.page-home p{margin:0;}

.ph-shell{
  max-width:1320px;
  margin-inline:auto;
  padding:18px var(--pad-x) 0;
}

.ph-crumb{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  letter-spacing:.08em;
  color:var(--lb-ash);
  margin-bottom:10px;
}
.ph-crumb span[aria-current]{color:var(--lb-lime);}
.ph-crumb .crumb__sep{color:rgba(143,167,156,.5);}

/* 首屏 */
.ph-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--ph-gap);
  padding-block:clamp(12px,2.4vw,24px) clamp(30px,5vw,56px);
}

.ph-hero__aside{
  border-top:2px solid var(--lb-orange);
  padding-top:14px;
}
.ph-aside-num{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:clamp(28px,3.6vw,40px);
  line-height:1;
  color:var(--lb-orange);
  margin:8px 0 10px;
}
.ph-aside-text{
  font-size:13px;
  line-height:1.7;
  color:var(--lb-ash);
  margin-bottom:14px;
}
.ph-aside-list{
  list-style:none;
  margin:0;
  padding:12px 0 0;
  border-top:1px dashed rgba(143,167,156,.24);
  display:grid;
  gap:6px;
  font-size:13px;
  color:var(--lb-ash);
}
.ph-aside-list .num{
  font-family:var(--font-mono);
  font-size:15px;
  color:var(--lb-fog);
  margin-right:6px;
}

.ph-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  letter-spacing:.12em;
  color:var(--lb-ash);
}
.ph-dot{
  width:8px;
  height:8px;
  background:var(--lb-lime);
  box-shadow:0 0 0 4px rgba(198,242,74,.16);
}
.ph-hero__title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(42px,7.4vw,92px);
  line-height:.94;
  letter-spacing:-.02em;
  margin:10px 0 16px;
  color:var(--lb-fog);
}
.ph-accent{color:var(--lb-lime);}
.ph-hero__lead{
  max-width:62ch;
  font-size:clamp(15px,1.5vw,17px);
  color:rgba(247,244,236,.92);
}
.ph-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.ph-main-card{
  position:relative;
  display:block;
  margin-top:24px;
  border:1px solid rgba(143,167,156,.3);
  background:var(--lb-stand);
  box-shadow:8px 8px 0 var(--lb-black);
  text-decoration:none;
  color:var(--lb-fog);
  transition:border-color .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out;
}
.ph-main-card:hover,
.ph-main-card:focus-visible{
  border-color:var(--lb-lime);
  box-shadow:10px 10px 0 var(--lb-black);
  transform:translate(-2px,-2px);
}
.ph-main-card__media{
  position:relative;
  display:block;
  overflow:hidden;
  clip-path:polygon(0 3%,100% 0,100% 97%,0 100%);
}
.ph-main-card__media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  filter:brightness(.76) saturate(.94);
}
.ph-main-card__tag{
  position:absolute;
  top:14px;
  left:14px;
  z-index:1;
}
.ph-main-card__body{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:14px 16px 16px;
  border-top:1px solid rgba(143,167,156,.24);
}
.ph-main-card__kicker{
  display:block;
  grid-column:1 / -1;
  font-size:12px;
  letter-spacing:.12em;
  color:var(--lb-ash);
}
.ph-main-card__title{
  display:block;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(17px,2vw,22px);
  letter-spacing:-.01em;
  line-height:1.25;
}
.ph-main-card__go{
  font-family:var(--font-mono);
  font-size:22px;
  color:var(--lb-lime);
  transition:transform .18s ease-out;
}
.ph-main-card:hover .ph-main-card__go,
.ph-main-card:focus-visible .ph-main-card__go{transform:translateX(5px);}

.ph-hero__board{
  border:1px solid rgba(143,167,156,.28);
  background-color:rgba(6,18,15,.92);
  background-image:
    repeating-linear-gradient(0deg,rgba(143,167,156,.07) 0 1px,transparent 1px 28px),
    repeating-linear-gradient(90deg,rgba(143,167,156,.07) 0 1px,transparent 1px 28px);
  padding:16px;
  box-shadow:6px 6px 0 var(--lb-black);
}
.ph-board__head{
  display:flex;
  align-items:center;
  gap:8px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(198,242,74,.3);
  font-size:12px;
  letter-spacing:.12em;
  color:var(--lb-ash);
}
.ph-board__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--lb-lime);
  box-shadow:0 0 10px rgba(198,242,74,.7);
}
.ph-board__round{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:0;
  color:var(--lb-orange);
}
.ph-board__rows{margin:0;padding:0;}
.ph-board__row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:11px 0;
  border-bottom:1px dashed rgba(143,167,156,.22);
  font-size:14px;
}
.ph-board__row dt{color:var(--lb-ash);}
.ph-board__row dd{margin:0;font-weight:600;}
.ph-board__row .num{font-family:var(--font-mono);color:var(--lb-fog);}
.ph-state{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--font-mono);
  font-size:13px;
}
.ph-state--ok{color:var(--lb-lime);}
.ph-state--ok::before{
  content:"";
  width:6px;
  height:6px;
  background:currentColor;
}
.ph-board__link{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  min-height:44px;
  margin-top:14px;
  padding:11px 14px;
  background:rgba(198,242,74,.1);
  border:1px solid rgba(198,242,74,.42);
  color:var(--lb-lime);
  font-size:14px;
  text-decoration:none;
  transition:background-color .16s ease-out,color .16s ease-out;
}
.ph-board__link:hover,
.ph-board__link:focus-visible{
  background-color:var(--lb-lime);
  color:var(--lb-ink);
}

/* 通用区块 */
.ph-section{
  padding-block:clamp(30px,5vw,58px);
  border-top:var(--ph-line);
}
.ph-section__head{
  max-width:64ch;
  margin-bottom:clamp(18px,3vw,32px);
}
.ph-section__head h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(25px,3.6vw,40px);
  line-height:1.14;
  letter-spacing:-.01em;
  margin:8px 0 12px;
  color:var(--lb-fog);
}
.ph-section__lead{
  font-size:15px;
  color:var(--lb-ash);
}
.ph-section__lead strong{
  color:var(--lb-fog);
  font-weight:600;
}

/* 专题速览 */
.ph-topic__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--ph-gap);
}
.ph-topic__media{margin:0;}
.ph-clip img{
  display:block;
  width:100%;
  height:auto;
  clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);
  filter:brightness(.92);
}
.ph-timeline{
  list-style:none;
  margin:0;
  padding:0 0 0 18px;
  border-left:2px solid rgba(240,138,60,.36);
}
.ph-timeline li{
  position:relative;
  padding:0 0 20px 16px;
}
.ph-timeline li:last-child{padding-bottom:0;}
.ph-timeline li::before{
  content:"";
  position:absolute;
  left:-9px;
  top:7px;
  width:11px;
  height:11px;
  background:var(--lb-deep);
  border:2px solid var(--lb-orange);
  border-radius:50%;
}
.ph-timeline li:last-child::before{
  border-color:var(--lb-lime);
  background:var(--lb-lime);
}
.ph-timeline__when{
  display:block;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.05em;
  color:var(--lb-orange);
  margin-bottom:4px;
}
.ph-timeline li:last-child .ph-timeline__when{color:var(--lb-lime);}
.ph-timeline__what{
  font-size:14px;
  color:rgba(247,244,236,.9);
}
.ph-topic__side{
  border:1px solid rgba(143,167,156,.24);
  background:rgba(18,48,42,.55);
  padding:16px;
}
.ph-factlist{
  list-style:none;
  margin:10px 0 12px;
  padding:0;
  display:grid;
  gap:9px;
  font-size:14px;
}
.ph-factlist li{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-bottom:8px;
  border-bottom:1px dashed rgba(143,167,156,.22);
  color:var(--lb-ash);
}
.ph-factlist .num{
  font-family:var(--font-mono);
  color:var(--lb-lime);
  white-space:nowrap;
}
.ph-topic__note{
  font-size:13px;
  line-height:1.7;
  color:var(--lb-ash);
}

/* 平板稳定版 */
.ph-tablet{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--ph-gap);
}
.ph-tablet__copy h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(25px,3.6vw,40px);
  line-height:1.14;
  letter-spacing:-.01em;
  margin:8px 0 12px;
}
.ph-spec{
  list-style:none;
  margin:20px 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.ph-spec li{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(143,167,156,.22);
  font-size:13px;
  line-height:1.5;
  color:var(--lb-ash);
}
.ph-spec .num{
  font-family:var(--font-mono);
  font-size:20px;
  line-height:1;
  color:var(--lb-lime);
  flex:none;
}
.ph-tablet__media{margin:0;}
.ph-tablet__media img{
  display:block;
  width:100%;
  height:auto;
  box-shadow:8px 8px 0 var(--lb-black);
  filter:brightness(.9);
}
.ph-cap{
  display:block;
  margin-top:12px;
  font-family:var(--font-serif);
  font-size:13px;
  color:var(--lb-ash);
}

/* 分隔带 */
.ph-divider{
  margin:0;
  border-top:var(--ph-line);
  overflow:hidden;
}
.ph-divider img{
  display:block;
  width:100%;
  height:auto;
  max-height:280px;
  object-fit:cover;
  filter:brightness(.82) saturate(1.05);
}

/* 纸色服务区块 */
.ph-section--paper{
  background:var(--lb-paper);
  color:var(--lb-ink);
  border-top:4px solid var(--lb-lime);
  margin-inline:calc(var(--pad-x) * -1);
  padding-inline:var(--pad-x);
}
.ph-kicker-ink{color:#5C6B62;}
.ph-section--paper .ph-section__head h2{color:var(--lb-ink);}
.ph-section--paper .ph-section__lead{color:#4A574F;}
.ph-service__grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
}
.ph-service__card{
  background:var(--lb-fog);
  border:var(--ph-line-dark);
  box-shadow:6px 6px 0 var(--lb-paper-ash);
  padding:18px;
}
.ph-service__no{
  display:block;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.12em;
  color:#C2661F;
}
.ph-service__card h3{
  font-family:var(--font-serif);
  font-weight:600;
  font-size:19px;
  margin:6px 0 8px;
  color:var(--lb-ink);
}
.ph-service__card p{
  font-size:14px;
  color:#4A574F;
}
.ph-service__card p.ph-service__count{
  margin-top:12px;
  padding-top:8px;
  border-top:var(--ph-line-dark);
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--lb-ink);
}
.ph-service__foot{
  margin-top:20px;
  font-size:14px;
  color:#4A574F;
}
.ph-service__foot a{
  color:#2C5A3E;
  text-decoration:none;
  border-bottom:1px solid rgba(44,90,62,.45);
  padding-bottom:1px;
}
.ph-service__foot a:hover{color:var(--lb-ink);}

/* 第 18 轮进度 */
.ph-round{
  scroll-margin-top:72px;
  background:linear-gradient(180deg,rgba(18,48,42,.8),rgba(6,18,15,.94));
}
.ph-round__head{
  max-width:64ch;
  margin-bottom:clamp(18px,3vw,28px);
}
.ph-round__head h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(25px,3.6vw,40px);
  line-height:1.14;
  letter-spacing:-.01em;
  margin:8px 0 12px;
}
.ph-round__lead{
  font-size:15px;
  color:var(--lb-ash);
}
.ph-round__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--ph-gap);
  align-items:start;
}
.ph-round__stats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:rgba(143,167,156,.24);
  border:1px solid rgba(143,167,156,.24);
}
.ph-round__stats li{
  background:var(--lb-black);
  padding:16px 12px;
}
.ph-round__num{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(26px,4vw,38px);
  line-height:1;
  color:var(--lb-lime);
}
.ph-round__unit{
  display:block;
  margin-top:8px;
  font-size:12px;
  letter-spacing:.04em;
  color:var(--lb-ash);
}
.ph-round__note p{
  font-size:14px;
  line-height:1.8;
  color:var(--lb-ash);
  margin-bottom:14px;
}
.ph-inline-link{
  display:inline-block;
  min-height:44px;
  line-height:44px;
  font-size:14px;
  color:var(--lb-lime);
  text-decoration:none;
  border-bottom:1px solid rgba(198,242,74,.5);
}

/* 常用入口 */
.ph-entry-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
}
.ph-entry{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:4px;
  min-height:108px;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(143,167,156,.26);
  color:var(--lb-fog);
  text-decoration:none;
  transition:color .16s ease-out,border-color .16s ease-out;
}
.ph-entry::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--lb-lime);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .16s ease-out;
}
.ph-entry:hover::before,
.ph-entry:focus-visible::before{transform:scaleX(1);}
.ph-entry:hover,
.ph-entry:focus-visible{
  color:var(--lb-ink);
  border-color:var(--lb-lime);
}
.ph-entry__no,
.ph-entry__name,
.ph-entry__desc{position:relative;z-index:1;}
.ph-entry__no{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.12em;
  color:var(--lb-orange);
}
.ph-entry:hover .ph-entry__no,
.ph-entry:focus-visible .ph-entry__no{color:#8A4413;}
.ph-entry__name{
  font-family:var(--font-display);
  font-weight:800;
  font-size:20px;
  letter-spacing:-.01em;
  line-height:1.2;
}
.ph-entry__desc{
  font-size:13px;
  opacity:.82;
}
.ph-entry-foot{
  margin-top:20px;
  font-size:14px;
  color:var(--lb-ash);
}
.ph-entry-foot a{
  color:var(--lb-lime);
  text-decoration:none;
  border-bottom:1px solid rgba(198,242,74,.45);
  padding-bottom:1px;
}

@media (min-width:640px){
  .ph-service__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ph-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ph-spec{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:900px){
  .ph-hero{
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:var(--ph-gap);
    align-items:start;
    padding-block:clamp(18px,2.4vw,32px) clamp(40px,5vw,64px);
  }
  .ph-hero__aside{grid-column:1 / span 2;}
  .ph-hero__main{grid-column:3 / span 7;}
  .ph-hero__board{grid-column:10 / span 3;}
  .ph-hero__actions{margin-top:26px;}

  .ph-topic__grid{
    grid-template-columns:repeat(12,minmax(0,1fr));
    align-items:start;
  }
  .ph-topic__media{grid-column:1 / span 5;}
  .ph-timeline{grid-column:6 / span 4;}
  .ph-topic__side{grid-column:10 / span 3;}

  .ph-tablet{
    grid-template-columns:repeat(12,minmax(0,1fr));
    align-items:center;
  }
  .ph-tablet__copy{grid-column:1 / span 6;}
  .ph-tablet__media{grid-column:8 / span 5;}

  .ph-round__grid{
    grid-template-columns:repeat(12,minmax(0,1fr));
  }
  .ph-round__stats{grid-column:1 / span 6;}
  .ph-round__note{grid-column:8 / span 5;}

  .ph-entry-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .ph-service__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:1100px){
  .ph-hero__title{font-size:clamp(64px,7vw,96px);}
}

@media (prefers-reduced-motion:reduce){
  .ph-main-card,
  .ph-main-card__go,
  .ph-board__link,
  .ph-entry,
  .ph-entry::before{
    transition:background-color .01ms linear,color .01ms linear,border-color .01ms linear,opacity .01ms linear;
  }
  .ph-main-card:hover,
  .ph-main-card:focus-visible{transform:none;}
  .ph-main-card:hover .ph-main-card__go,
  .ph-main-card:focus-visible .ph-main-card__go{transform:none;}
  .ph-entry:hover::before,
  .ph-entry:focus-visible::before{transform:scaleX(1);}
}
<<<END>>>