.page-home{
  --ph-gap:clamp(14px,2.2vw,22px);
  background:var(--ink-950);
  color:var(--paper-50);
  overflow-x:clip;
  padding-bottom:clamp(32px,6vw,72px);
}
.page-home .ph-wrap{
  width:100%;
  max-width:var(--maxw);
  margin:0 auto;
  padding-inline:clamp(16px,4vw,40px);
}
.page-home .ph-section{
  padding-block:clamp(44px,7vw,92px);
}
.page-home .ph-crumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding-top:clamp(14px,2.6vw,26px);
  font-size:13px;
  color:var(--slate-300);
}
.page-home .ph-crumb a{
  color:var(--slate-300);
  text-decoration:none;
  transition:color var(--dur);
}
.page-home .ph-crumb a:hover,
.page-home .ph-crumb a:focus-visible{ color:var(--cyan-400); }
.page-home .ph-crumb [aria-current]{ color:var(--paper-50); }

/* 通用栏目标题 */
.page-home .sec-head{
  display:grid;
  gap:14px;
  margin-bottom:clamp(22px,3.4vw,38px);
}
.page-home .sec-head__lead{
  margin:0;
  max-width:46ch;
  font-size:15px;
  line-height:1.85;
  color:var(--slate-300);
}
.page-home .sec-head__cta{ justify-self:start; }
@media (min-width:900px){
  .page-home .sec-head{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:end;
    gap:32px;
  }
  .page-home .sec-head__lead{ justify-self:end; }
  .page-home .sec-head__cta{ justify-self:end; }
}

/* 首屏拼贴 */
.page-home .hero{
  display:grid;
  gap:clamp(22px,4vw,44px);
  padding-block:clamp(18px,3.4vw,42px) clamp(28px,4vw,56px);
}
.page-home .hero__title{
  margin:14px 0 0;
  font-size:clamp(38px,7.4vw,76px);
  line-height:1.06;
  letter-spacing:-.02em;
}
.page-home .hero__hl{
  display:inline-block;
  color:var(--orange-500);
  box-shadow:inset 0 -0.18em 0 rgba(255,90,42,.22);
}
.page-home .hero__lede{
  margin:20px 0 0;
  max-width:40ch;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.85;
  color:var(--slate-300);
}
.page-home .hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.page-home .hero__facts{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin:28px 0 0;
  padding:0;
  font-size:13px;
  color:var(--slate-300);
}
.page-home .hero__facts li{
  display:flex;
  align-items:baseline;
  gap:5px;
}
.page-home .hero__facts .cx-num{
  font-family:var(--font-mono);
  font-size:17px;
  font-weight:700;
  color:var(--cyan-400);
  letter-spacing:.04em;
}
.page-home .hero__stage{ position:relative; }
.page-home .hero__figure{
  margin:0;
  border-radius:var(--r-lg);
  overflow:hidden;
  border:1px solid var(--ink-700);
  background:var(--ink-900);
  box-shadow:var(--shadow-soft);
}
.page-home .hero__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1200/760;
  object-fit:cover;
}
.page-home .hero__rot{ display:none; }
@media (min-width:980px){
  .page-home .hero{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:center;
  }
  .page-home .hero__rot{
    display:block;
    position:absolute;
    right:-6px;
    top:10px;
    margin:0;
    writing-mode:vertical-rl;
    letter-spacing:.34em;
    font-size:12px;
    color:var(--gold-500);
  }
}

.page-home .cx-figure{ margin:0; }
.page-home .cx-figure__caption{
  padding:10px 16px;
  font-size:12px;
  letter-spacing:.02em;
  color:var(--slate-300);
  background:var(--ink-900);
  border-top:1px solid var(--ink-700);
}

/* 期号时间轴 */
.page-home .tl-rail{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:6px 2px 18px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.page-home .tl-rail::-webkit-scrollbar{ height:6px; }
.page-home .tl-rail::-webkit-scrollbar-thumb{
  background:var(--ink-700);
  border-radius:var(--pill);
}
.page-home .tl-node{
  flex:0 0 auto;
  min-width:146px;
  scroll-snap-align:start;
  display:grid;
  gap:9px;
  padding:16px;
  border-radius:var(--r-md);
  background:var(--ink-800);
  border:1px solid var(--ink-700);
  color:var(--paper-50);
  text-decoration:none;
  transition:border-color var(--dur),background var(--dur),transform var(--dur);
}
.page-home .tl-node:hover,
.page-home .tl-node:focus-visible{
  border-color:var(--cyan-400);
  background:var(--ink-700);
  transform:translateY(-4px);
}
.page-home .tl-node__issue{
  font-family:var(--font-mono);
  font-size:20px;
  letter-spacing:.06em;
  color:var(--gold-500);
}
.page-home .tl-node__time{
  font-size:12px;
  color:var(--slate-300);
}
.page-home .tl-node__balls{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.page-home .tl-node .cx-ball{
  --size:30px;
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--pill);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  transition:transform var(--dur);
}
.page-home .tl-node:hover .cx-ball{ transform:translateY(-2px); }
.page-home .tl-node__hint{
  font-size:11px;
  letter-spacing:.06em;
  color:var(--slate-300);
}
.page-home .tl-node:hover .tl-node__hint{ color:var(--cyan-400); }
.page-home .tl-node--all{
  place-content:center;
  text-align:center;
  font-size:14px;
  font-weight:700;
  border-color:var(--cyan-400);
  background:linear-gradient(155deg,rgba(25,245,198,.16),rgba(255,90,42,.14));
}
.page-home .tl-node--all span{
  display:block;
  margin-top:6px;
  font-size:11px;
  font-weight:400;
  color:var(--slate-300);
}
.page-home .timeline__figure{
  margin-top:clamp(18px,3vw,30px);
  border-radius:var(--r-lg);
  overflow:hidden;
  border:1px solid var(--ink-700);
  background:var(--ink-900);
}
.page-home .timeline__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1000/520;
  object-fit:cover;
}

/* 榜单 Bento */
.page-home .boards__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
}
.page-home .boards__chips .cx-chip{
  text-decoration:none;
  transition:background var(--dur),color var(--dur),border-color var(--dur);
}
.page-home .boards__chips .cx-chip:hover,
.page-home .boards__chips .cx-chip:focus-visible{
  border-color:var(--cyan-400);
  color:var(--cyan-400);
}
.page-home .boards__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--ph-gap);
}
.page-home .boards__grid > *{
  border-radius:var(--r-md);
  border:1px solid var(--ink-700);
  background:var(--ink-800);
  padding:clamp(18px,2.6vw,26px);
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.page-home .boards__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.page-home .boards__desc{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--slate-300);
}
.page-home .bars{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.page-home .bars li{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 42px;
  align-items:center;
  gap:10px;
  font-size:13px;
}
.page-home .bars li > .cx-num:first-child{ color:var(--orange-300); }
.page-home .bars__val{ text-align:right; color:var(--slate-300); }
.page-home .bars__track{
  height:8px;
  border-radius:var(--pill);
  background:var(--ink-700);
  overflow:hidden;
}
.page-home .bars__fill{
  display:block;
  height:100%;
  border-radius:var(--pill);
  background:linear-gradient(90deg,var(--orange-500),var(--gold-500));
}
.page-home .bars li:nth-child(1) .bars__fill{ width:96%; }
.page-home .bars li:nth-child(2) .bars__fill{ width:88%; }
.page-home .bars li:nth-child(3) .bars__fill{ width:74%; }
.page-home .bars li:nth-child(4) .bars__fill{ width:61%; }
.page-home .bars li:nth-child(5) .bars__fill{ width:55%; }
.page-home .boards__figure{
  border-radius:var(--r-sm);
  overflow:hidden;
  border:1px solid var(--ink-700);
}
.page-home .boards__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:900/600;
  object-fit:cover;
}
.page-home .boards__cta{ align-self:flex-start; }
.page-home .rank-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
  font-size:14px;
}
.page-home .rank-list li{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding-bottom:10px;
  border-bottom:1px dashed var(--ink-700);
  color:var(--paper-50);
}
.page-home .rank-list li:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.page-home .rank-list .cx-num{ color:var(--cyan-400); }
.page-home .boards__link{
  margin-top:auto;
  font-size:13px;
  color:var(--cyan-400);
  text-decoration:none;
  border-bottom:1px solid rgba(25,245,198,.4);
  align-self:flex-start;
  padding-bottom:2px;
  transition:color var(--dur),border-color var(--dur);
}
.page-home .boards__link:hover,
.page-home .boards__link:focus-visible{
  color:var(--paper-50);
  border-color:var(--paper-50);
}
.page-home .boards__notice{
  background:linear-gradient(120deg,rgba(244,196,94,.12),rgba(25,245,198,.08)),var(--ink-800);
}
.page-home .notice-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
  font-size:14px;
  line-height:1.7;
  color:var(--slate-300);
}
.page-home .notice-list li{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.page-home .notice-list .cx-chip{ flex:0 0 auto; }

@media (min-width:760px){
  .page-home .boards__grid{ grid-template-columns:repeat(6,1fr); }
  .page-home .boards__main{ grid-column:span 6; }
  .page-home .boards__side{ grid-column:span 3; }
  .page-home .boards__notice{ grid-column:span 6; }
}
@media (min-width:1040px){
  .page-home .boards__grid{ grid-template-columns:repeat(12,1fr); }
  .page-home .boards__main{ grid-column:span 6; grid-row:span 2; }
  .page-home .boards__side{ grid-column:span 3; }
  .page-home .boards__notice{ grid-column:span 6; }
}

/* 三步路径 */
.page-home .steps__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
  counter-reset:step;
}
.page-home .steps__item{
  position:relative;
  display:grid;
  gap:10px;
  align-content:start;
  padding:clamp(20px,3vw,28px);
  border-radius:var(--r-md);
  background:var(--ink-900);
  border:1px solid var(--ink-700);
  transition:border-color var(--dur);
}
.page-home .steps__item:hover{ border-color:var(--cyan-400); }
.page-home .steps__item p{
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:var(--slate-300);
}
.page-home .steps__idx{
  font-family:var(--font-mono);
  font-size:26px;
  letter-spacing:.08em;
  color:var(--cyan-400);
}
@media (min-width:860px){
  .page-home .steps__list{ grid-template-columns:repeat(3,1fr); gap:18px; }
  .page-home .steps__item::before{
    content:"";
    position:absolute;
    left:calc(100% + 1px);
    top:calc(50% - 1px);
    width:18px;
    height:2px;
    background:linear-gradient(90deg,var(--cyan-400),transparent);
  }
  .page-home .steps__item:last-child::before{ display:none; }
}

/* 条目流 */
.page-home .feed__list{
  display:grid;
  gap:14px;
}
.page-home .feed__item{
  padding:clamp(18px,2.6vw,26px);
  border-radius:var(--r-md);
  background:var(--ink-900);
  border:1px solid var(--ink-700);
  transition:border-color var(--dur),transform var(--dur);
}
.page-home .feed__item:hover{
  border-color:var(--gold-500);
  transform:translateY(-2px);
}
.page-home .feed__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.page-home .feed__time{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--slate-300);
}
.page-home .feed__title{
  margin:0 0 8px;
  font-size:clamp(17px,2vw,21px);
  line-height:1.4;
  font-weight:700;
  color:var(--paper-50);
}
.page-home .feed__sum{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.8;
  color:var(--slate-300);
  max-width:60ch;
}
.page-home .feed__more{
  font-size:13px;
  color:var(--orange-300);
  text-decoration:none;
  border-bottom:1px solid rgba(255,138,92,.45);
  padding-bottom:2px;
  transition:color var(--dur),border-color var(--dur);
}
.page-home .feed__more:hover,
.page-home .feed__more:focus-visible{
  color:var(--paper-50);
  border-color:var(--paper-50);
}
@media (min-width:900px){
  .page-home .feed__item:nth-child(odd){ margin-right:12%; }
  .page-home .feed__item:nth-child(even){ margin-left:12%; }
}

/* 服务能力 */
.page-home .capacity__grid{
  display:grid;
  gap:clamp(22px,3.4vw,40px);
}
.page-home .capacity__text{
  margin:16px 0 0;
  font-size:15px;
  line-height:1.85;
  color:var(--slate-300);
  max-width:52ch;
}
.page-home .capacity__intro .cx-btn{ margin-top:22px; }
.page-home .stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.page-home .stat{
  padding:18px;
  border-radius:var(--r-sm);
  background:var(--ink-800);
  border:1px solid var(--ink-700);
  min-width:0;
}
.page-home .stat__num{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(22px,3.2vw,32px);
  letter-spacing:.04em;
  color:var(--gold-500);
  line-height:1.2;
}
.page-home .stat:nth-child(2) .stat__num{ color:var(--cyan-400); }
.page-home .stat__label{
  display:block;
  margin-top:8px;
  font-size:13px;
  line-height:1.6;
  color:var(--slate-300);
}
@media (min-width:960px){
  .page-home .capacity__grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    align-items:start;
  }
}

/* 地域信息带 */
.page-home .region{ padding-block:clamp(28px,5vw,64px); }
.page-home .region__band{
  padding:0;
  overflow:hidden;
  border-radius:var(--r-lg);
  border:1px solid var(--ink-700);
  background:linear-gradient(150deg,var(--ink-800),var(--ink-900));
  display:grid;
  gap:0;
}
.page-home .region__copy{
  padding:clamp(24px,4vw,44px);
  display:grid;
  gap:14px;
  align-content:start;
}
.page-home .region__copy p{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:var(--slate-300);
  max-width:46ch;
}
.page-home .region__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}
.page-home .region__figure{ margin:0; }
.page-home .region__figure img{
  display:block;
  width:100%;
  height:100%;
  min-height:180px;
  aspect-ratio:1200/360;
  object-fit:cover;
}
@media (min-width:900px){
  .page-home .region__band{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:stretch;
  }
  .page-home .region__figure img{ aspect-ratio:auto; }
}
@media (prefers-reduced-motion:reduce){
  .page-home .tl-node,
  .page-home .tl-node .cx-ball,
  .page-home .feed__item{
    transition:none;
    transform:none;
  }
}
<<<END>>>