.page-home{
  --home-pad: clamp(44px, 8vw, 84px);
  background: var(--paper);
  color: var(--ink);
  overflow-x: hidden;
}
.page-home img{ display:block; max-width:100%; height:auto; }
.page-home .home-in{
  width:100%;
  max-width:var(--wide);
  margin-inline:auto;
  padding-inline:var(--gutter);
}

/* 版本状态横带 */
.page-home .stat-band{
  background:var(--ink);
  color:var(--paper);
  border-bottom:3px solid var(--orange);
}
.page-home .stat-band__row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 16px;
  max-width:var(--wide);
  margin-inline:auto;
  padding:12px var(--gutter);
  font-size:12px;
  letter-spacing:.04em;
}
.page-home .stat-band__ping{
  width:8px; height:8px; flex:none;
  border-radius:var(--r-pill);
  background:var(--mint);
  box-shadow:0 0 0 4px rgba(43,232,176,.2);
}
.page-home .stat-band__ver{
  font-size:12px;
  font-weight:700;
  padding:3px 10px;
  border-radius:var(--r-pill);
  background:var(--orange);
  color:var(--ink);
  letter-spacing:.02em;
}
.page-home .stat-band__text{ color:rgba(244,238,226,.78); }
.page-home .stat-band__link{
  color:var(--white);
  text-decoration:none;
  border-bottom:1px solid rgba(244,238,226,.5);
  padding-bottom:1px;
}
.page-home .stat-band__link:hover{ border-bottom-color:var(--orange); color:var(--orange); }
.page-home .stat-band__pic{
  width:72px; height:44px;
  margin-left:auto;
  object-fit:cover;
  border-radius:var(--r-sm);
  opacity:.85;
}

/* 首屏 */
.page-home .hero{
  position:relative;
  padding-block:clamp(24px,5vw,52px) clamp(40px,7vw,76px);
}
.page-home .hero__grid{
  display:grid;
  gap:clamp(22px,4vw,40px);
}
.page-home .hero__crumb{
  margin:0 0 14px;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--fog);
}
.page-home .hero__title{
  margin:0;
  font-size:clamp(32px,7vw,60px);
  line-height:1.06;
  letter-spacing:-.02em;
  font-weight:800;
  color:var(--ink);
}
.page-home .hero__title em{
  font-style:normal;
  color:var(--blue);
  position:relative;
}
.page-home .hero__title em::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:.06em;
  height:.14em;
  background:var(--amber);
  z-index:-1;
}
.page-home .hero__lede{
  margin:16px 0 0;
  max-width:32em;
  font-size:15px;
  line-height:1.75;
  color:var(--brown);
}
.page-home .hero__search{
  margin-top:22px;
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  max-width:460px;
  padding:10px 8px 10px 20px;
  border:2px solid var(--ink);
  border-radius:var(--r-pill);
  background:var(--white);
  color:var(--fog);
  text-decoration:none;
  transition:border-color .22s var(--ease), box-shadow .22s var(--ease);
}
.page-home .hero__search-text{ flex:1 1 auto; font-size:14px; }
.page-home .hero__search-go{
  flex:none;
  width:34px; height:34px;
  display:grid; place-items:center;
  border-radius:var(--r-pill);
  background:var(--orange);
  color:var(--ink);
  font-weight:700;
}
.page-home .hero__search:hover,
.page-home .hero__search:focus-visible{
  border-color:var(--blue);
  box-shadow:0 0 0 6px rgba(36,87,230,.14);
}
.page-home .hero__tip{
  margin:12px 0 0;
  font-size:12px;
  letter-spacing:.04em;
  color:var(--fog);
}

/* 首屏右侧面板 */
.page-home .hero__panel{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  min-height:270px;
  padding:26px 22px;
  overflow:hidden;
  border-radius:var(--r-xl);
  background:var(--blue);
  color:var(--white);
}
.page-home .hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.3;
  mix-blend-mode:screen;
  z-index:0;
}
.page-home .hero__corner{
  position:absolute;
  top:0; right:0;
  width:92px; height:92px;
  background:var(--orange);
  clip-path:polygon(100% 0, 100% 100%, 0 0);
  z-index:1;
}
.page-home .hero__kicker{
  position:relative;
  z-index:2;
  margin:0;
  font-size:11px;
  letter-spacing:.12em;
  color:rgba(255,255,255,.82);
}
.page-home .hero__figure-wrap{
  position:relative;
  z-index:2;
}
.page-home .hero__figure{
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(52px,11vw,94px);
  line-height:.92;
  letter-spacing:-.04em;
  font-weight:700;
  color:var(--white);
}
.page-home .hero__figure-unit{
  font-size:16px;
  letter-spacing:0;
  margin-left:6px;
  color:var(--mint);
}
.page-home .hero__figure-label{
  margin:10px 0 0;
  font-size:13px;
  line-height:1.6;
  color:rgba(255,255,255,.86);
  max-width:24em;
}
.page-home .hero__annot{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  margin:0;
  writing-mode:vertical-rl;
  font-size:11px;
  letter-spacing:.24em;
  color:rgba(255,255,255,.6);
  z-index:2;
}

/* 章节头 */
.page-home .sec-head{
  display:grid;
  gap:8px;
  margin-bottom:26px;
}
.page-home .sec-head__num{
  font-family:var(--font-mono);
  font-size:clamp(30px,6vw,52px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:700;
  color:var(--blue);
  opacity:.9;
}
.page-home .sec-head__title{
  margin:0;
  font-size:clamp(22px,3.6vw,32px);
  line-height:1.24;
  letter-spacing:-.02em;
  font-weight:800;
  color:var(--ink);
}
.page-home .sec-head__sub{
  margin:0;
  max-width:44em;
  font-size:14px;
  line-height:1.75;
  color:var(--brown);
}

/* 三条速取路径 */
.page-home .quick{
  padding-block:var(--home-pad);
  border-top:1px solid var(--khaki);
}
.page-home .quick__map{
  margin:0 0 26px;
  max-height:190px;
  overflow:hidden;
  border-radius:var(--r-lg);
}
.page-home .quick__map .media-frame__img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-home .quick__grid{
  display:grid;
  gap:16px;
}
.page-home .tile{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:196px;
  padding:22px 20px 20px;
  border:2px solid var(--brown);
  border-radius:var(--r-lg);
  background:var(--white);
  color:var(--ink);
  text-decoration:none;
  transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);
}
.page-home .tile:hover,
.page-home .tile:focus-visible{
  transform:translateY(-4px);
  border-color:var(--orange);
  box-shadow:0 16px 32px rgba(20,23,28,.16);
}
.page-home .tile__fmt{
  position:absolute;
  top:14px; right:14px;
  font-size:10px;
  letter-spacing:.08em;
  padding:3px 8px;
  border-radius:var(--r-pill);
  background:var(--paper-2);
  color:var(--brown);
}
.page-home .tile__kicker{
  font-size:11px;
  letter-spacing:.16em;
  color:var(--fog);
}
.page-home .tile__title{
  margin:0;
  font-size:20px;
  line-height:1.3;
  letter-spacing:-.01em;
  font-weight:800;
}
.page-home .tile__text{
  margin:0;
  font-size:13.5px;
  line-height:1.7;
  color:var(--brown);
}
.page-home .tile__foot{
  margin-top:auto;
  font-size:13px;
  font-weight:700;
  color:var(--blue);
}
.page-home .tile--news{
  background:var(--blue);
  border-color:var(--blue-deep);
  color:var(--white);
}
.page-home .tile--news .tile__kicker{ color:rgba(255,255,255,.75); }
.page-home .tile--news .tile__text{ color:rgba(255,255,255,.86); }
.page-home .tile--news .tile__foot{ color:var(--white); }
.page-home .tile--news .tile__fmt{
  background:var(--orange);
  color:var(--ink);
}
.page-home .tile--service{
  background:var(--amber);
  border-color:var(--brown);
}
.page-home .tile--service .tile__kicker{ color:rgba(74,58,46,.72); }
.page-home .tile--service .tile__foot{ color:var(--brown); }

/* 检索区 */
.page-home .lookup{
  background:var(--paper-2);
  padding-block:var(--home-pad);
  border-top:1px solid var(--khaki);
  border-bottom:1px solid var(--khaki);
}
.page-home .lookup__grid{
  display:grid;
  gap:28px;
}
.page-home .lookup__lede{
  margin:0 0 22px;
  max-width:36em;
  font-size:14.5px;
  line-height:1.78;
  color:var(--brown);
}
.page-home .lookup__hot-label{
  margin:0 0 10px;
  color:var(--fog);
}
.page-home .lookup__hot{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 24px;
  padding:0;
  list-style:none;
}
.page-home .lookup__hot a{
  display:inline-block;
  padding:6px 14px;
  border:1.5px solid var(--blue);
  border-radius:var(--r-pill);
  background:var(--white);
  color:var(--blue);
  font-size:12.5px;
  text-decoration:none;
  transition:background .2s var(--ease), color .2s var(--ease);
}
.page-home .lookup__hot a:hover,
.page-home .lookup__hot a:focus-visible{
  background:var(--blue);
  color:var(--white);
}
.page-home .lookup__types{
  display:grid;
  gap:0;
  margin:0 0 26px;
  padding:0;
  list-style:none;
  border-top:1px solid var(--khaki);
}
.page-home .lookup__types li{
  display:grid;
  gap:3px;
  padding:12px 0;
  border-bottom:1px solid var(--khaki);
}
.page-home .lookup__type-name{
  font-size:14px;
  font-weight:700;
  color:var(--ink);
}
.page-home .lookup__type-desc{
  font-size:12.5px;
  line-height:1.6;
  color:var(--fog);
}
.page-home .lookup__shot{
  margin:0;
}
.page-home .lookup__shot .media-frame__img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-home .lookup__shot-cap{
  margin-top:10px;
  font-size:12px;
  line-height:1.6;
  color:var(--fog);
}

/* 权益档位 */
.page-home .tiers{
  padding-block:var(--home-pad);
}
.page-home .tier-deck{ position:relative; }
.page-home .tier-radio{
  position:absolute;
  width:1px; height:1px;
  opacity:0;
  pointer-events:none;
}
.page-home .tier-tabs{
  display:grid;
  gap:12px;
  margin-bottom:20px;
}
.page-home .tier-tab{
  display:grid;
  gap:6px;
  padding:18px;
  border:2px solid var(--khaki);
  border-radius:var(--r-md);
  background:var(--white);
  cursor:pointer;
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.page-home .tier-tab__name{
  font-size:18px;
  font-weight:800;
  letter-spacing:-.01em;
  color:var(--ink);
}
.page-home .tier-tab__desc{
  font-size:13px;
  color:var(--brown);
}
.page-home .tier-tab__fmt{
  font-size:10.5px;
  letter-spacing:.08em;
  color:var(--fog);
}
.page-home #tier-1:checked ~ .tier-tabs .tier-tab--1,
.page-home #tier-2:checked ~ .tier-tabs .tier-tab--2,
.page-home #tier-3:checked ~ .tier-tabs .tier-tab--3{
  border-color:var(--orange);
  box-shadow:0 8px 22px rgba(255,90,31,.18);
}
.page-home #tier-1:focus-visible ~ .tier-tabs .tier-tab--1,
.page-home #tier-2:focus-visible ~ .tier-tabs .tier-tab--2,
.page-home #tier-3:focus-visible ~ .tier-tabs .tier-tab--3{
  outline:2px solid var(--orange);
  outline-offset:3px;
}
.page-home .tier-panel{
  display:none;
  gap:16px;
  padding:22px;
  border-radius:var(--r-lg);
  background:var(--ink);
  color:var(--paper);
}
.page-home #tier-1:checked ~ .tier-panels .tier-panel--1,
.page-home #tier-2:checked ~ .tier-panels .tier-panel--2,
.page-home #tier-3:checked ~ .tier-panels .tier-panel--3{
  display:grid;
}
.page-home .tier-panel__item h3{
  margin:0 0 8px;
  font-size:15px;
  letter-spacing:.02em;
  color:var(--mint);
}
.page-home .tier-panel__item p{
  margin:0;
  font-size:13.5px;
  line-height:1.78;
  color:rgba(244,238,226,.82);
}

/* 数据与响应 */
.page-home .proof{
  background:var(--ink);
  color:var(--paper);
  padding-block:var(--home-pad);
}
.page-home .proof__head{ margin-bottom:30px; }
.page-home .proof .sec-head__num{ color:var(--mint); }
.page-home .proof .sec-head__title{ color:var(--white); }
.page-home .proof__lede{
  margin:14px 0 0;
  max-width:44em;
  font-size:14px;
  line-height:1.78;
  color:rgba(244,238,226,.76);
}
.page-home .proof__lede a{
  color:var(--mint);
  text-decoration:none;
  border-bottom:1px solid rgba(43,232,176,.5);
}
.page-home .proof__lede a:hover{ border-bottom-color:var(--mint); }
.page-home .proof__grid{
  display:grid;
  gap:1px;
  margin:0;
  padding:0;
  list-style:none;
  background:rgba(244,238,226,.16);
  border:1px solid rgba(244,238,226,.16);
  border-radius:var(--r-lg);
  overflow:hidden;
}
.page-home .proof__item{
  display:grid;
  gap:6px;
  padding:20px 18px;
  background:var(--ink-2);
}
.page-home .proof__num{
  font-family:var(--font-mono);
  font-size:clamp(30px,5vw,42px);
  line-height:1;
  letter-spacing:-.03em;
  font-weight:700;
  color:var(--white);
}
.page-home .proof__unit{
  font-size:13px;
  margin-left:4px;
  letter-spacing:0;
  color:var(--orange);
}
.page-home .proof__label{
  font-size:12.5px;
  letter-spacing:.06em;
  color:rgba(244,238,226,.7);
}
.page-home .proof__note{
  margin:22px 0 0;
  font-size:13px;
  line-height:1.8;
  color:rgba(244,238,226,.66);
}

/* 分流 */
.page-home .split{
  padding-block:var(--home-pad);
}
.page-home .split__grid{
  display:grid;
  gap:16px;
}
.page-home .split__card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:26px 22px;
  border-radius:var(--r-xl);
  border:2px solid var(--brown);
  background:var(--white);
}
.page-home .split__card--biz{
  background:var(--paper-2);
}
.page-home .split__label{
  color:var(--orange);
  letter-spacing:.14em;
  font-weight:700;
}
.page-home .split__title{
  margin:0;
  font-size:clamp(20px,3.4vw,26px);
  line-height:1.28;
  letter-spacing:-.02em;
  font-weight:800;
  color:var(--ink);
}
.page-home .split__text{
  margin:0;
  font-size:13.5px;
  line-height:1.78;
  color:var(--brown);
}
.page-home .split__card .btn{
  align-self:flex-start;
  margin-top:6px;
}

/* 断点 */
@media (min-width:720px){
  .page-home .quick__grid{
    grid-template-columns:1.1fr .95fr;
    align-items:start;
  }
  .page-home .tile--service{
    grid-column:1 / -1;
    max-width:420px;
  }
  .page-home .tier-tabs{ grid-template-columns:repeat(3,1fr); }
  .page-home .proof__grid{ grid-template-columns:repeat(2,1fr); }
  .page-home .split__grid{ grid-template-columns:repeat(2,1fr); }
}

@media (min-width:960px){
  .page-home .hero__grid{
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
    align-items:end;
  }
  .page-home .hero__panel{
    min-height:392px;
    padding:38px 34px;
    border-radius:0;
    clip-path:polygon(0 11%, 100% 0, 100% 100%, 0 89%);
  }
  .page-home .hero__corner{ width:120px; height:120px; }
  .page-home .hero__annot{ right:22px; }
  .page-home .quick__grid{
    grid-template-columns:1.15fr .95fr .82fr;
    align-items:start;
  }
  .page-home .tile--service{
    grid-column:auto;
    max-width:none;
    margin-top:34px;
  }
  .page-home .lookup__grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:start;
    gap:44px;
  }
  .page-home .proof__grid{ grid-template-columns:repeat(3,1fr); }
  .page-home .sec-head{
    grid-template-columns:auto 1fr;
    align-items:baseline;
    column-gap:18px;
  }
  .page-home .sec-head__num{ grid-row:1 / span 2; }
  .page-home .sec-head__sub{ grid-column:2; }
  .page-home .tier-panel{
    grid-template-columns:repeat(2,1fr);
    padding:28px 26px;
  }
}

@media (min-width:1200px){
  .page-home .hero__title{ font-size:64px; }
  .page-home .proof__grid{ grid-template-columns:repeat(6,1fr); }
  .page-home .proof__item{ padding:24px 16px; }
}
<<<END>>>