.page-home{
  --home-h1:clamp(2.1rem,5.6vw,3.75rem);
  --home-num:clamp(2.25rem,4.4vw,3.75rem);
  --home-num-xl:clamp(3rem,7vw,5.5rem);
  --home-gap:clamp(.9rem,1.6vw,1.25rem);
  --home-ink-copper:#8A5A1C;
  color:var(--white);
  overflow-x:hidden;
}

.page-home img{max-width:100%;height:auto;display:block;}
.page-home h2{font-size:var(--fs-h2);line-height:1.18;font-weight:900;letter-spacing:-.01em;margin:0;}
.page-home h3{font-size:var(--fs-h3);line-height:1.35;font-weight:700;margin:0;}
.page-home p{margin:0;}

/* 面包屑上下文 */
.page-home .home-crumb{padding-top:clamp(1.25rem,3vw,2rem);}

/* ---------- 首屏 ---------- */
.page-home .home-hero{padding:clamp(1.25rem,3vw,2rem) 0 clamp(2.5rem,5vw,4rem);}
.page-home .hero-grid{display:grid;gap:clamp(1.75rem,3vw,3rem);grid-template-columns:minmax(0,1fr);}

.page-home .hero-title{
  font-size:var(--home-h1);
  line-height:1.06;
  font-weight:900;
  letter-spacing:-.015em;
  margin:.6rem 0 0;
  max-width:20em;
}
.page-home .hero-lead{margin-top:1rem;max-width:32em;}

.page-home .hero-facts{
  list-style:none;
  margin:1.75rem 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem 2rem;
  border-top:var(--line-soft);
  padding-top:1.1rem;
}
.page-home .hero-facts li{display:flex;align-items:baseline;gap:.4rem;}
.page-home .fact-num{
  font-family:var(--font-mono);
  font-size:1.375rem;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--copper-200);
  line-height:1;
}
.page-home .fact-label{font-size:var(--fs-sm);color:var(--gray);}

/* 六条入口 */
.page-home .entry-grid{
  margin-top:clamp(1.75rem,3vw,2.5rem);
  display:grid;
  gap:var(--home-gap);
  grid-template-columns:minmax(0,1fr);
}
.page-home .entry{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.35rem;
  padding:1.15rem 1.15rem 1.3rem;
  background:var(--indigo-700);
  border:var(--line);
  box-shadow:4px 4px 0 rgba(5,10,26,.5);
  text-decoration:none;
  color:var(--white);
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;
}
.page-home .entry::before{
  content:"";
  position:absolute;
  top:.95rem;
  right:1rem;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--copper-500);
  transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;
}
.page-home .entry:hover,
.page-home .entry:focus-visible{
  border-color:var(--orange);
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 rgba(255,107,53,.16);
  outline:none;
}
.page-home .entry:hover::before,
.page-home .entry:focus-visible::before{
  transform:translate(-5px,5px);
  background:var(--orange);
  box-shadow:0 0 10px var(--orange);
}
.page-home .entry-num{
  font-family:var(--font-mono);
  font-size:var(--home-num);
  line-height:1;
  letter-spacing:.02em;
  color:var(--copper-500);
  opacity:.9;
}
.page-home .entry-name{
  font-size:1.125rem;
  font-weight:700;
  letter-spacing:.01em;
  padding-right:1rem;
}
.page-home .entry-desc{
  font-size:var(--fs-sm);
  line-height:1.7;
  color:var(--gray);
  max-width:26em;
}
.page-home .entry-meta{
  margin-top:.5rem;
  font-family:var(--font-mono);
  font-size:var(--fs-mono);
  letter-spacing:.04em;
  color:var(--copper-200);
}
.page-home .entry--svc{
  background:linear-gradient(160deg,var(--indigo-600),var(--indigo-700) 70%);
  border-color:rgba(192,138,62,.55);
}
.page-home .entry--svc .entry-num{font-size:var(--home-num-xl);color:var(--copper-200);}
.page-home .entry--svc .entry-name{font-size:clamp(1.25rem,2.2vw,1.625rem);}
.page-home .entry--svc .entry-desc{color:var(--paper);opacity:.86;max-width:30em;}

/* 首屏右侧主视觉 */
.page-home .hero-visual{position:relative;}
.page-home .hero-figure{
  position:relative;
  aspect-ratio:4/3;
  border:var(--line);
  box-shadow:var(--shadow-paper);
  background:var(--indigo-700);
  overflow:hidden;
}
.page-home .hero-figure img{width:100%;height:100%;object-fit:cover;}
.page-home .hero-visual::after{
  content:"";
  position:absolute;
  left:50%;
  top:42%;
  width:34%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid var(--copper-500);
  box-shadow:0 0 0 12px rgba(192,138,62,.07),0 0 42px rgba(192,138,62,.22);
  pointer-events:none;
}
.page-home .hero-caption{
  margin-top:.85rem;
  font-family:var(--font-mono);
  font-size:var(--fs-mono);
  letter-spacing:.04em;
  line-height:1.8;
  color:var(--gray);
  max-width:24em;
}

/* ---------- 横向通道带 ---------- */
.page-home .home-channel{
  background:var(--paper);
  color:var(--indigo-900);
  border-top:var(--line);
  border-bottom:var(--line);
  padding:clamp(2rem,4.5vw,3.5rem) 0;
}
.page-home .channel-grid{display:grid;gap:clamp(1.5rem,3vw,2.75rem);grid-template-columns:minmax(0,1fr);}
.page-home .channel-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  border:1px solid rgba(11,21,51,.18);
  box-shadow:10px 10px 0 rgba(11,21,51,.1);
}
.page-home .home-channel .eyebrow{
  display:inline-block;
  color:var(--home-ink-copper);
  border:1px solid rgba(138,90,28,.4);
  background:rgba(255,255,255,.55);
  padding:.22rem .6rem;
}
.page-home .home-channel h2{margin:.85rem 0 0;max-width:16em;}
.page-home .channel-intro{
  margin-top:1rem;
  font-size:var(--fs-body);
  line-height:1.8;
  max-width:32em;
  color:rgba(11,21,51,.82);
}
.page-home .channel-list{
  list-style:none;
  margin:1.25rem 0 0;
  padding:0;
  display:grid;
  gap:.6rem;
  max-width:34em;
}
.page-home .channel-list li{
  position:relative;
  padding-left:1.35rem;
  font-size:var(--fs-sm);
  line-height:1.75;
  color:rgba(11,21,51,.78);
}
.page-home .channel-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:.75rem;
  height:1px;
  background:var(--home-ink-copper);
}
.page-home .channel-actions{
  margin-top:1.6rem;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}
.page-home .home-channel .btn{
  border-color:rgba(11,21,51,.32);
  color:var(--indigo-900);
  text-decoration:none;
}
.page-home .home-channel .btn:hover,
.page-home .home-channel .btn:focus-visible{
  border-color:var(--orange);
  color:var(--indigo-900);
}
.page-home .home-channel .btn--solid{
  background:var(--indigo-900);
  border-color:var(--indigo-900);
  color:var(--paper);
}
.page-home .home-channel .btn--solid:hover,
.page-home .home-channel .btn--solid:focus-visible{
  background:var(--indigo-700);
  border-color:var(--indigo-700);
  color:var(--paper);
}

/* ---------- 状态面板 ---------- */
.page-home .home-status{
  position:relative;
  overflow:hidden;
  padding:clamp(2.5rem,5vw,4.5rem) 0;
  border-bottom:var(--line-soft);
}
.page-home .status-texture{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.13;
  filter:saturate(.35) contrast(1.1);
  pointer-events:none;
  z-index:0;
}
.page-home .home-status .container{position:relative;z-index:1;}
.page-home .status-intro{
  margin-top:.85rem;
  font-size:var(--fs-sm);
  line-height:1.8;
  color:var(--gray);
  max-width:30em;
}
.page-home .status-filter{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:1.5rem 0 0;
}
.page-home .status-filter label{
  font-family:var(--font-mono);
  font-size:var(--fs-mono);
  letter-spacing:.04em;
  padding:.42rem .8rem;
  border:1px solid rgba(192,138,62,.32);
  color:var(--gray);
  cursor:pointer;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease;
}
.page-home .status-filter input:checked + label{
  background:var(--copper-200);
  border-color:var(--copper-500);
  color:var(--indigo-900);
}
.page-home .status-filter input:focus-visible + label{
  outline:2px solid var(--orange);
  outline-offset:2px;
}
.page-home .status-list{
  list-style:none;
  margin:1rem 0 0;
  padding:0;
}
.page-home .status-row{
  display:grid;
  gap:.45rem .9rem;
  grid-template-columns:minmax(0,1fr);
  padding:1.05rem 0;
  border-top:var(--line-soft);
}
.page-home .status-row .pill{justify-self:start;}
.page-home .status-main h3{font-size:1.0625rem;font-weight:700;}
.page-home .status-main p{
  margin-top:.35rem;
  font-size:var(--fs-sm);
  line-height:1.78;
  color:var(--gray);
  max-width:36em;
}
.page-home .status-meta{
  font-family:var(--font-mono);
  font-size:var(--fs-mono);
  letter-spacing:.04em;
  color:var(--copper-200);
}
.page-home .status-board:has(#home-st-fixed:checked) .status-row:not(.status-row--fixed),
.page-home .status-board:has(#home-st-closed:checked) .status-row:not(.status-row--closed),
.page-home .status-board:has(#home-st-open:checked) .status-row:not(.status-row--open){
  display:none;
}

/* ---------- 三项能力 ---------- */
.page-home .home-cap{padding:clamp(2.5rem,5vw,4.5rem) 0;}
.page-home .cap-head h2{margin-top:.7rem;max-width:18em;}
.page-home .cap-list{margin-top:clamp(1.5rem,3vw,2.25rem);}
.page-home .cap{
  display:grid;
  gap:.6rem 1.5rem;
  grid-template-columns:minmax(0,1fr);
  padding:clamp(1.25rem,2.5vw,1.9rem) 0;
  border-top:var(--line);
}
.page-home .cap-num{
  font-family:var(--font-mono);
  font-size:1.5rem;
  line-height:1;
  letter-spacing:.04em;
  color:var(--copper-500);
}
.page-home .cap-main p{
  margin-top:.55rem;
  font-size:var(--fs-sm);
  line-height:1.82;
  color:var(--gray);
  max-width:34em;
}
.page-home .cap-points{
  list-style:none;
  margin:.5rem 0 0;
  padding:0;
  display:grid;
  gap:.4rem;
  align-content:start;
}
.page-home .cap-points li{
  font-family:var(--font-mono);
  font-size:var(--fs-mono);
  letter-spacing:.03em;
  line-height:1.75;
  color:var(--copper-200);
  padding-left:.8rem;
  position:relative;
}
.page-home .cap-points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--copper-500);
}

/* ---------- 使用场景 ---------- */
.page-home .home-who{padding:clamp(2rem,4vw,3.5rem) 0 clamp(2.5rem,5vw,4.5rem);}
.page-home .who-grid{display:grid;gap:clamp(1.75rem,3vw,2.75rem);grid-template-columns:minmax(0,1fr);}
.page-home .who-list{
  list-style:none;
  margin:clamp(1.25rem,2.5vw,1.9rem) 0 0;
  padding:0;
  counter-reset:who;
}
.page-home .who-list li{
  counter-increment:who;
  padding:1rem 0 1.1rem;
  border-top:var(--line-soft);
}
.page-home .who-list li:first-child{border-top:var(--line);}
.page-home .who-list h3{
  display:flex;
  gap:.6rem;
  align-items:baseline;
  font-size:1.0625rem;
}
.page-home .who-list h3::before{
  content:counter(who,decimal-leading-zero);
  font-family:var(--font-mono);
  font-size:var(--fs-mono);
  letter-spacing:.04em;
  color:var(--copper-500);
  flex:none;
}
.page-home .who-list p{
  margin-top:.45rem;
  padding-left:1.65rem;
  font-size:var(--fs-sm);
  line-height:1.8;
  color:var(--gray);
  max-width:34em;
}
.page-home .who-media{
  border:var(--line);
  box-shadow:var(--shadow-paper);
  background:var(--indigo-700);
}
.page-home .who-media img{width:100%;height:100%;object-fit:cover;}

/* ---------- 联系收束 ---------- */
.page-home .home-contact{padding:0 0 clamp(2.5rem,5vw,4.5rem);}
.page-home .contact-panel{
  background:var(--indigo-700);
  border:var(--line);
  box-shadow:var(--shadow-paper);
  padding:clamp(1.5rem,3vw,2.5rem);
  display:grid;
  gap:clamp(1.5rem,3vw,2.5rem);
  grid-template-columns:minmax(0,1fr);
}
.page-home .contact-copy h2{margin-top:.7rem;max-width:16em;}
.page-home .contact-copy > p{
  margin-top:.9rem;
  font-size:var(--fs-sm);
  line-height:1.8;
  color:var(--gray);
  max-width:32em;
}
.page-home .contact-actions{
  margin-top:1.4rem;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}
.page-home .contact-actions .btn{
  font:inherit;
  cursor:pointer;
  text-decoration:none;
}
.page-home .copy-status{
  margin-top:.9rem;
  font-family:var(--font-mono);
  font-size:var(--fs-mono);
  letter-spacing:.04em;
  line-height:1.8;
  color:var(--copper-200);
}
.page-home .contact-detail dl{
  margin:0;
  display:grid;
  gap:.2rem;
}
.page-home .contact-detail dt{
  font-family:var(--font-mono);
  font-size:var(--fs-mono);
  letter-spacing:.04em;
  color:var(--copper-500);
  margin-top:.9rem;
}
.page-home .contact-detail dt:first-child{margin-top:0;}
.page-home .contact-detail dd{
  margin:0;
  font-size:1rem;
  line-height:1.7;
  color:var(--white);
  word-break:break-word;
}
.page-home .contact-note{
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:var(--line-soft);
  font-size:var(--fs-xs);
  line-height:1.8;
  color:var(--gray);
}

/* ---------- 断点 ---------- */
@media (min-width:760px){
  .page-home .entry-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-areas:
      "svc svc log"
      "svc svc faq"
      "ov cul con";
  }
  .page-home .entry--svc{grid-area:svc;}
  .page-home .entry--ov{grid-area:ov;}
  .page-home .entry--cul{grid-area:cul;}
  .page-home .entry--log{grid-area:log;}
  .page-home .entry--faq{grid-area:faq;}
  .page-home .entry--con{grid-area:con;}

  .page-home .status-row{
    grid-template-columns:7.5rem minmax(0,1fr) 11rem;
    align-items:start;
    gap:0 1.25rem;
  }
  .page-home .status-meta{text-align:right;}

  .page-home .cap{
    grid-template-columns:4.5rem minmax(0,1.5fr) minmax(0,1fr);
    align-items:start;
  }
  .page-home .cap-points{margin-top:.2rem;}

  .page-home .contact-panel{grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
}

@media (min-width:960px){
  .page-home .hero-grid{
    grid-template-columns:minmax(0,8fr) minmax(0,4fr);
    align-items:start;
  }
  .page-home .channel-grid{
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    align-items:center;
  }
  .page-home .who-grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:start;
  }
  .page-home .hero-visual{position:sticky;top:calc(var(--topbar-h) + 1.5rem);}
}

@media (prefers-reduced-motion:reduce){
  .page-home .entry,
  .page-home .entry::before,
  .page-home .status-filter label{
    transition:none;
  }
  .page-home .entry:hover,
  .page-home .entry:focus-visible{transform:none;}
  .page-home .entry:hover::before,
  .page-home .entry:focus-visible::before{transform:none;}
}
<<<END>>>