.page-home{
  --home-pad:clamp(20px,3.4vw,30px);
}

/* ---------- 首屏 ---------- */
.page-home .hero{
  padding:clamp(26px,5vw,50px) 0 clamp(30px,5vw,56px);
  background:linear-gradient(180deg,var(--c-deep) 0%,var(--c-deep) 58%,var(--c-steel) 100%);
  border-bottom:2px solid var(--c-ink);
}
.page-home .hero-context{
  display:inline-flex;align-items:center;gap:10px;
  margin:0 0 18px;padding:6px 12px;
  border:2px solid var(--line-strong);
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;
  color:var(--c-cyan-soft);
}
.page-home .ctx-dot{display:block;width:8px;height:8px;background:var(--c-cyan);}
.page-home .hero-title{
  margin:0 0 16px;max-width:900px;
  font-size:clamp(28px,5.2vw,44px);line-height:1.2;font-weight:900;letter-spacing:-.01em;
  color:var(--text-strong);
}
.page-home .hero-lede{
  margin:0 0 28px;max-width:780px;
  font-size:17px;line-height:1.75;color:var(--text);
}
.page-home .hero-grid{
  display:grid;grid-template-columns:1fr;gap:2px;
  margin:0 0 18px;
  background:var(--c-ink);
  border:2px solid var(--c-ink);
  box-shadow:var(--shadow-hard);
}
.page-home .hero-col{
  position:relative;overflow:hidden;
  padding:var(--home-pad);
}
.page-home .hero-col::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--c-cyan);
}
.page-home .hero-col-v3::before{background:var(--c-orange);}
.page-home .hero-col-login{background:var(--c-deep);}
.page-home .hero-col-v3{background:var(--c-steel);}
.page-home .hero-kicker{
  margin:0 0 10px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--c-cyan);
}
.page-home .hero-kicker-orange{color:var(--c-orange);}
.page-home .hero-col-title{
  margin:0 0 16px;
  font-size:clamp(20px,2.6vw,26px);line-height:1.35;font-weight:800;color:var(--text-strong);
}
.page-home .hero-visual{
  margin:0 0 18px;overflow:hidden;
  border:2px solid var(--c-ink);background:var(--c-ink);
}
.page-home .hero-visual img{
  display:block;width:100%;height:104px;object-fit:cover;opacity:.85;
}
.page-home .hero-col-text{
  margin:0 0 18px;font-size:15px;line-height:1.75;color:var(--text);
}
.page-home .hero-list{
  list-style:none;margin:0 0 22px;padding:0;
  display:grid;gap:12px;
}
.page-home .hero-list li{
  display:grid;grid-template-columns:auto 1fr;gap:12px;
  font-size:14.5px;line-height:1.7;color:var(--text);
}
.page-home .hero-list .n{
  align-self:start;
  padding:2px 7px;
  border:2px solid var(--line-strong);
  font-family:var(--font-mono);font-size:12px;color:var(--c-cyan);
}
.page-home .hero-col-v3 .hero-list .n{
  color:var(--c-orange);border-color:rgba(255,138,61,.45);
}
.page-home .hero-list strong{color:var(--text-strong);font-weight:800;}
.page-home .hero-foot{
  margin:0;font-family:var(--font-mono);font-size:13px;color:var(--text-dim);
}
.page-home .hero-col .btn{width:100%;text-align:center;}

/* ---------- 三步路径 ---------- */
.page-home .path-band{
  padding-top:clamp(44px,7vw,72px);
  padding-bottom:clamp(44px,7vw,72px);
}
.page-home .steps{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:1fr;gap:2px;
  background:var(--c-ink);
  border:2px solid var(--c-ink);
  box-shadow:var(--shadow-hard);
}
.page-home .step{
  background:var(--c-deep);
  padding:clamp(20px,3vw,28px);
  transition:background .18s var(--ease);
}
.page-home .step:hover{background:var(--c-steel);}
.page-home .step-num{
  display:inline-block;margin-bottom:12px;
  font-family:var(--font-mono);font-size:26px;font-weight:500;line-height:1;
  color:var(--c-cyan);
  transition:color .18s var(--ease);
}
.page-home .step:hover .step-num{color:var(--c-orange);}
.page-home .step-title{
  margin:0 0 8px;font-size:17px;font-weight:800;color:var(--text-strong);
}
.page-home .step-text{
  margin:0;font-size:14.5px;line-height:1.72;color:var(--text-dim);
}

/* ---------- 公告带 ---------- */
.page-home .notice-band{
  padding:clamp(34px,5vw,52px) 0 clamp(30px,4vw,44px);
  background:var(--c-ink);
  border-top:2px solid var(--c-ink);
  border-bottom:2px solid var(--c-ink);
}
.page-home .notice-head{display:grid;gap:10px;margin-bottom:22px;}
.page-home .notice-title{
  margin:0;font-size:clamp(22px,3vw,30px);font-weight:900;color:var(--text-strong);
}
.page-home .notice-lede{
  margin:0;max-width:660px;
  font-size:15px;line-height:1.7;color:var(--text-dim);
}
.page-home .notice-stripe{
  margin:0 0 22px;overflow:hidden;
  border-top:2px solid rgba(127,231,223,.24);
  border-bottom:2px solid rgba(127,231,223,.24);
}
.page-home .notice-stripe img{
  display:block;width:100%;height:84px;object-fit:cover;opacity:.55;
}
.page-home .notice-band .ticker-item{
  display:grid;gap:9px;align-content:start;
  min-width:258px;max-width:320px;
  padding:18px 20px;
  background:var(--c-deep);
  border:2px solid rgba(127,231,223,.26);
  transition:transform .18s var(--ease),border-color .18s var(--ease);
}
.page-home .notice-band .ticker-item:hover{
  transform:translateY(-2px);border-color:var(--c-cyan);
}
.page-home .notice-band .ticker-item .chip{justify-self:start;}
.page-home .notice-band .ticker-text{
  margin:0;font-size:14px;line-height:1.68;color:var(--text);
}
.page-home .notice-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
}
.page-home .notice-tag{
  padding:2px 8px;
  border:2px solid rgba(127,231,223,.32);
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--c-cyan-soft);
}
.page-home .notice-time{
  font-family:var(--font-mono);font-size:11.5px;color:var(--text-dim);
}
.page-home .ticker:focus-visible{
  outline:2px solid var(--c-orange);outline-offset:4px;
}

/* ---------- 检索区 ---------- */
.page-home .search-band{
  padding-top:clamp(44px,7vw,72px);
  padding-bottom:clamp(44px,7vw,72px);
}
.page-home .band-light .section-title,
.page-home .band-light .eyebrow,
.page-home .band-light .section-lede{color:var(--c-ink);}
.page-home .band-light .section-lede{opacity:.76;}
.page-home .search-grid{
  display:grid;grid-template-columns:1fr;gap:32px;
}
.page-home .search-label{
  margin:0 0 12px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;
  color:var(--c-ink);opacity:.6;
}
.page-home .term-cloud{
  list-style:none;margin:0 0 18px;padding:0;
  display:flex;flex-wrap:wrap;gap:10px;
}
.page-home .term{
  display:inline-block;
  padding:8px 13px;
  border:2px solid var(--c-ink);
  background:#FFFFFF;
  font-family:var(--font-mono);font-size:13px;color:var(--c-ink);
  transition:transform .16s var(--ease),background .16s var(--ease);
}
.page-home .term:hover{
  background:var(--c-cyan);transform:translateY(-2px);
}
.page-home .search-note{
  margin:0;font-size:14px;line-height:1.72;color:var(--c-ink);opacity:.72;
}
.page-home .search-figure{margin:0;}
.page-home .search-figure img{
  display:block;width:100%;height:auto;
  border:2px solid var(--c-ink);
  box-shadow:var(--shadow-hard-sm);
  background:#FFFFFF;
}
.page-home .search-figure figcaption{
  margin-top:10px;
  font-family:var(--font-mono);font-size:12.5px;line-height:1.6;
  color:var(--c-ink);opacity:.66;
}

/* ---------- 四块分流 ---------- */
.page-home .index-band{
  padding-top:clamp(44px,7vw,72px);
  padding-bottom:clamp(44px,7vw,72px);
}
.page-home .index-grid{
  display:grid;grid-template-columns:1fr;gap:2px;
  background:var(--c-ink);
  border:2px solid var(--c-ink);
}
.page-home .index-cell{
  display:grid;gap:8px;align-content:start;
  padding:clamp(20px,2.6vw,26px);
  background:var(--c-deep);
  text-decoration:none;color:inherit;
  transition:background .18s var(--ease);
}
.page-home .index-cell:hover{background:var(--c-steel);}
.page-home .index-cell:focus-visible{
  outline:2px solid var(--c-orange);outline-offset:-6px;
}
.page-home .cell-num{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--c-cyan);
}
.page-home .cell-title{
  margin:0;font-size:17px;font-weight:800;color:var(--text-strong);
}
.page-home .cell-text{
  margin:0;font-size:14px;line-height:1.7;color:var(--text-dim);
}
.page-home .cell-go{
  margin-top:6px;
  font-family:var(--font-mono);font-size:12.5px;color:var(--c-orange);
}
.page-home .index-cell:hover .cell-go{text-decoration:underline;}
.page-home .index-foot{
  margin:18px 0 0;font-size:14px;line-height:1.7;color:var(--text-dim);
}
.page-home .index-foot a{
  color:var(--c-cyan);text-decoration:underline;text-underline-offset:3px;
}
.page-home .index-foot a:hover{color:var(--c-orange);}

/* ---------- 焦点反馈 ---------- */
.page-home .btn:focus-visible,
.page-home .term:focus-visible{
  outline:2px solid var(--c-orange);outline-offset:3px;
}

/* ---------- 响应式 ---------- */
@media (min-width:720px){
  .page-home .index-grid{grid-template-columns:repeat(2,1fr);}
  .page-home .hero-col .btn{width:auto;}
}

@media (min-width:780px){
  .page-home .steps{grid-template-columns:repeat(3,1fr);}
}

@media (min-width:980px){
  .page-home .hero-grid{grid-template-columns:1fr 1fr;}
  .page-home .hero{background:var(--c-deep);}
  .page-home .hero-visual img{height:132px;}
}

@media (min-width:1080px){
  .page-home .index-grid{grid-template-columns:repeat(4,1fr);}
}

@media (min-width:960px){
  .page-home .search-grid{
    grid-template-columns:1.4fr .6fr;align-items:start;gap:40px;
  }
}
<<<END>>>
