.page-home{
  --home-gap:clamp(26px,4vw,44px);
  --home-head-max:62ch;
  background:var(--paper);
  color:var(--ink);
}

/* ---------- 首屏 ---------- */
.page-home .home-hero{
  position:relative;
  overflow:hidden;
  color:var(--paper);
  background:
    radial-gradient(140% 100% at 88% 4%, rgba(53,224,196,.13), transparent 58%),
    linear-gradient(155deg, var(--forest) 0%, #0a211a 62%, var(--ink) 100%);
  padding:calc(var(--header-h) + 30px) 0 clamp(46px,7vw,84px);
}
.page-home .home-hero::after{
  content:"";
  position:absolute;
  top:-36%;
  right:-34%;
  width:78%;
  height:182%;
  background:var(--paper);
  opacity:.045;
  transform:rotate(15deg);
  pointer-events:none;
}
.page-home .home-hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  gap:var(--home-gap);
  align-items:center;
}
.page-home .home-hero__title{
  margin:12px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(34px,7.6vw,62px);
  line-height:1.06;
  letter-spacing:-.015em;
  color:var(--white);
}
.page-home .home-hero__title span{
  display:block;
  margin-top:12px;
  font-size:clamp(19px,4vw,28px);
  line-height:1.32;
  letter-spacing:.01em;
  color:var(--gold);
}
.page-home .home-hero__lead{
  margin:18px 0 0;
  max-width:46ch;
  font-size:clamp(15px,1.7vw,17px);
  line-height:1.85;
  color:var(--paper-72);
}

/* 公告纸卡 */
.page-home .home-notice{
  position:relative;
  z-index:0;
  margin-top:clamp(24px,4vw,32px);
  padding:18px 20px 16px;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--gold-55);
  border-radius:var(--radius);
  box-shadow:var(--shadow-paper);
  transform:rotate(-.5deg);
}
.page-home .home-notice::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:var(--paper-92);
  border:1px solid var(--gold-35);
  border-radius:var(--radius);
  transform:rotate(1.6deg) translate(7px,7px);
}
.page-home .home-notice__tag{
  display:inline-block;
  margin:0;
  padding:3px 9px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--ink);
  background:var(--gold);
  border-radius:2px;
}
.page-home .home-notice__text{
  margin:12px 0 0;
  font-size:15.5px;
  font-weight:500;
  line-height:1.78;
  color:var(--ink-88);
}
.page-home .home-notice__more{margin-top:12px;}
.page-home .home-notice__more summary{
  display:inline-block;
  padding-bottom:2px;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.02em;
  color:var(--gold-deep);
  cursor:pointer;
  list-style:none;
  border-bottom:1px dashed var(--gold-55);
}
.page-home .home-notice__more summary::-webkit-details-marker{display:none;}
.page-home .home-notice__more[open] summary{
  color:var(--forest);
  border-bottom-color:var(--sage-32);
}
.page-home .home-notice__list{
  margin:12px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
  font-size:14.5px;
  line-height:1.75;
  color:var(--ink-72);
}
.page-home .home-notice__list li{
  position:relative;
  padding-left:16px;
}
.page-home .home-notice__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--cyan);
}

.page-home .home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(22px,4vw,30px);
}

/* 首屏右图 */
.page-home .home-hero__visual{
  position:relative;
  margin:0;
  overflow:hidden;
  border:1px solid var(--gold-35);
  border-radius:var(--radius);
  background:linear-gradient(150deg,var(--moss),var(--forest));
  box-shadow:var(--shadow-lift);
}
.page-home .home-hero__visual img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  opacity:.94;
}
.page-home .home-hero__badge{
  position:absolute;
  left:14px;
  bottom:14px;
  padding:6px 12px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--cyan);
  background:rgba(7,23,18,.84);
  border:1px solid var(--cyan-35);
  border-radius:2px;
}

/* ---------- 区块标题 ---------- */
.page-home .home-head{
  max-width:var(--home-head-max);
  margin-bottom:clamp(26px,4vw,40px);
}
.page-home .home-head h2{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(26px,3.7vw,40px);
  line-height:1.22;
  letter-spacing:-.01em;
  color:var(--ink);
}
.page-home .home-head p{
  margin:14px 0 0;
  font-size:16px;
  line-height:1.85;
  color:var(--ink-62);
}

/* ---------- 入口分流 ---------- */
.page-home .home-entry-list{
  display:grid;
  gap:18px;
}
.page-home .home-entry{
  position:relative;
  padding:22px 20px 20px;
  background:var(--white);
  border:1px solid var(--sage-32);
  border-top:3px solid var(--gold);
  border-radius:var(--radius);
  transition:transform .2s ease, box-shadow .2s ease, border-top-color .2s ease;
}
.page-home .home-entry:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-paper);
  border-top-color:var(--cyan);
}
.page-home .home-entry__num{
  margin:0;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.1em;
  color:var(--gold-deep);
}
.page-home .home-entry h3{
  margin:8px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:22px;
  line-height:1.3;
  color:var(--ink);
}
.page-home .home-entry p{
  margin:12px 0 0;
  font-size:15px;
  line-height:1.8;
  color:var(--ink-72);
}
.page-home .home-entry__hint{
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.03em;
  color:var(--sage);
}
.page-home .home-entry__link{
  display:inline-block;
  margin-top:16px;
  font-family:var(--font-body);
  font-weight:700;
  font-size:14px;
  color:var(--ink);
  text-decoration:none;
  border-bottom:2px solid var(--gold);
  padding-bottom:2px;
}
.page-home .home-entry__link:hover{
  color:var(--gold-deep);
  border-bottom-color:var(--cyan);
}

/* ---------- 三步 ---------- */
.page-home .home-steps{
  background:linear-gradient(180deg, rgba(222,216,202,.62), rgba(243,237,223,0) 76%);
}
.page-home .home-steps__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:18px;
}
.page-home .home-step{
  position:relative;
  padding:20px 18px 18px;
  background:var(--paper);
  border:1px solid var(--gold-35);
  border-radius:var(--radius);
}
.page-home .home-step__num{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(30px,4.4vw,42px);
  font-weight:500;
  line-height:1;
  color:var(--gold);
}
.page-home .home-step h3{
  margin:12px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:21px;
  line-height:1.34;
  color:var(--ink);
}
.page-home .home-step p{
  margin:10px 0 0;
  font-size:15px;
  line-height:1.8;
  color:var(--ink-72);
}
.page-home .home-step__check{
  padding-left:12px;
  border-left:2px solid var(--cyan);
  font-size:13.5px;
  color:var(--ink-62);
}
.page-home .home-steps__figure{
  margin:clamp(26px,4vw,38px) 0 0;
  overflow:hidden;
  border:1px solid var(--gold-35);
  border-radius:var(--radius);
  background:var(--ink);
}
.page-home .home-steps__figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
}
.page-home .home-steps__figure figcaption{
  padding:10px 14px;
  font-size:13px;
  line-height:1.6;
  color:var(--paper-72);
  background:var(--ink);
}

/* ---------- 费用 ---------- */
.page-home .home-cost__grid{
  display:grid;
  gap:22px;
}
.page-home .home-cost__cards{
  display:grid;
  gap:18px;
}
.page-home .home-cost__card{
  padding:22px 22px 20px;
  background:var(--white);
  border:1px solid var(--sage-32);
  border-left:3px solid var(--gold-deep);
  border-radius:var(--radius);
}
.page-home .home-cost__card h3{
  margin:0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:20px;
  line-height:1.34;
  color:var(--ink);
}
.page-home .home-cost__list{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.page-home .home-cost__list li{
  position:relative;
  padding-left:18px;
  font-size:15px;
  line-height:1.78;
  color:var(--ink-72);
}
.page-home .home-cost__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:9px;
  height:2px;
  background:var(--gold);
}
.page-home .home-cost__figure{
  margin:0;
  overflow:hidden;
  border:1px solid var(--gold-35);
  border-radius:var(--radius);
  background:var(--ink);
}
.page-home .home-cost__figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}
.page-home .home-cost__figure figcaption{
  padding:10px 14px;
  font-size:13px;
  line-height:1.6;
  color:var(--paper-72);
  background:var(--ink);
}
.page-home .home-cost__cta{
  margin:clamp(24px,4vw,34px) 0 0;
}

/* ---------- 品牌锚点 ---------- */
.page-home .home-brand{
  position:relative;
  overflow:hidden;
  padding:clamp(42px,6.5vw,84px) 0;
  background:var(--ink);
  color:var(--paper);
}
.page-home .home-brand__media{
  position:absolute;
  inset:0;
  z-index:0;
  margin:0;
}
.page-home .home-brand__media img{
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
  opacity:.22;
  filter:grayscale(.45);
}
.page-home .home-brand__body{
  position:relative;
  z-index:1;
}
.page-home .home-brand__body h2{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(25px,3.6vw,38px);
  line-height:1.24;
  letter-spacing:-.01em;
  color:var(--white);
}
.page-home .home-brand__body p{
  margin:16px 0 0;
  max-width:64ch;
  font-size:16px;
  line-height:1.88;
  color:var(--paper-72);
}
.page-home .home-brand__facts{
  margin:24px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.page-home .home-brand__facts li{
  display:flex;
  align-items:baseline;
  gap:12px;
  padding-bottom:10px;
  font-size:14.5px;
  line-height:1.6;
  color:var(--paper-92);
  border-bottom:1px solid var(--sage-18);
}
.page-home .home-brand__facts .mono{
  font-family:var(--font-mono);
  font-size:19px;
  color:var(--gold);
}
.page-home .home-brand__more{
  margin-top:22px;
}
.page-home .home-brand__more a{
  font-family:var(--font-body);
  font-weight:700;
  font-size:14px;
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid var(--cyan-35);
  padding-bottom:3px;
}

/* ---------- 专栏 ---------- */
.page-home .home-column-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:16px;
}
.page-home .home-column-item{
  padding:20px 18px 18px;
  background:var(--paper);
  border:1px solid var(--gold-35);
  border-radius:var(--radius);
  transition:transform .2s ease, box-shadow .2s ease;
}
.page-home .home-column-item:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-paper);
}
.page-home .home-column-item__time{
  margin:10px 0 0;
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.06em;
  color:var(--sage);
}
.page-home .home-column-item h3{
  margin:8px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:19px;
  line-height:1.4;
  color:var(--ink);
}
.page-home .home-column-item p{
  margin:10px 0 0;
  font-size:14.5px;
  line-height:1.78;
  color:var(--ink-62);
}
.page-home .home-column-item__link{
  display:inline-block;
  margin-top:14px;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.04em;
  color:var(--gold-deep);
  text-decoration:none;
  border-bottom:1px dashed var(--gold-55);
}
.page-home .home-column-item__link:hover{
  color:var(--forest);
  border-bottom-style:solid;
}

/* ---------- 联络 ---------- */
.page-home .home-contact{
  border-top:1px solid var(--gold-35);
  background:linear-gradient(180deg, rgba(243,237,223,1), rgba(222,216,202,.5));
}
.page-home .home-contact__inner{
  display:grid;
  gap:clamp(26px,4vw,44px);
}
.page-home .home-contact__intro h2{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(25px,3.6vw,38px);
  line-height:1.24;
  letter-spacing:-.01em;
  color:var(--ink);
}
.page-home .home-contact__intro p{
  margin:16px 0 0;
  max-width:52ch;
  font-size:16px;
  line-height:1.85;
  color:var(--ink-62);
}
.page-home .home-contact__link{
  margin-top:24px;
}
.page-home .home-contact__list{
  margin:0;
  display:grid;
  gap:0;
  border-top:1px solid var(--sage-32);
}
.page-home .home-contact__item{
  display:grid;
  grid-template-columns:5.6em minmax(0,1fr);
  gap:12px;
  align-items:baseline;
  padding:14px 2px;
  border-bottom:1px solid var(--sage-32);
}
.page-home .home-contact__item dt{
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.06em;
  color:var(--ink-45);
}
.page-home .home-contact__item dd{
  margin:0;
  font-size:15.5px;
  font-weight:500;
  line-height:1.65;
  color:var(--ink);
  overflow-wrap:anywhere;
}

/* ---------- 响应式 ---------- */
@media (min-width:700px){
  .page-home .home-entry-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    align-items:start;
  }
  .page-home .home-entry:nth-child(2){margin-top:32px;}
  .page-home .home-entry:nth-child(3){margin-top:14px;}

  .page-home .home-steps__list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
  }
  .page-home .home-column-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
  }
  .page-home .home-steps__figure img{
    aspect-ratio:16/9;
  }
  .page-home .home-brand__facts{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0 22px;
  }
  .page-home .home-brand__facts li{
    flex-direction:column;
    gap:6px;
    align-items:flex-start;
  }
}

@media (min-width:900px){
  .page-home .home-hero__inner{
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:clamp(32px,4vw,60px);
  }
  .page-home .home-hero__visual{
    transform:rotate(-1.2deg);
  }
  .page-home .home-cost__grid{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
    gap:30px;
    align-items:start;
  }
  .page-home .home-contact__inner{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start;
  }
}

@media (min-width:1120px){
  .page-home .home-hero{
    padding-top:calc(var(--header-h) + 48px);
  }
  .page-home .home-cost__cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home .home-entry,
  .page-home .home-column-item,
  .page-home .home-hero__visual{
    transition:none;
    transform:none;
  }
}
<<<END>>>