.page-home {
  --home-gap: clamp(20px, 3vw, 32px);
  --home-band-pad: clamp(32px, 5vw, 64px);
  background: var(--ink-950);
  color: var(--text-dark);
}

/* ---------- 首屏 ---------- */
.page-home .hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(20px, 3vw, 32px) clamp(48px, 7vw, 88px);
  background: var(--ink-950);
}

.page-home .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(132deg, rgba(255, 106, 43, .16) 0%, rgba(255, 106, 43, 0) 44%),
    radial-gradient(120% 85% at 100% 0%, rgba(47, 212, 196, .18) 0%, rgba(47, 212, 196, 0) 58%);
  clip-path: polygon(0 0, 100% 0, 100% 58%, 0 100%);
}

.page-home .hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 106, 43, .55), rgba(47, 212, 196, .45) 60%, rgba(34, 64, 90, 0));
  pointer-events: none;
}

.page-home .hero-inner {
  position: relative;
  z-index: 1;
}

.page-home .breadcrumb {
  margin-bottom: clamp(20px, 4vw, 36px);
}

.page-home .hero-grid {
  display: grid;
  gap: clamp(32px, 5vw, 56px);
  align-items: start;
}

.page-home .hero-copy .eyebrow {
  margin: 0 0 14px;
}

.page-home .hero h1 {
  margin: 0;
  font-size: var(--fs-h1);
  line-height: 1.14;
  letter-spacing: -0.015em;
  font-weight: 800;
  color: var(--white);
  max-width: 15em;
}

.page-home .hero-lede {
  margin: 18px 0 0;
  max-width: 34em;
  color: var(--text-muted);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

.page-home .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.page-home .hero-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 26px;
  margin: 28px 0 0;
  padding: 16px 0 0;
  list-style: none;
  border-top: 1px solid var(--ink-700);
  font-size: var(--fs-small);
  color: var(--slate);
}

.page-home .hero-facts li {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.page-home .hero-facts .mono {
  color: var(--sand);
  font-size: 15px;
  font-weight: 700;
}

.page-home .hero-aside {
  position: relative;
  max-width: 520px;
}

.page-home .hero-media {
  margin: 0;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--ink-700);
}

.page-home .hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-home .timeline-card {
  position: relative;
  margin: -52px clamp(0px, 3vw, 26px) 0;
  padding: 18px clamp(16px, 2vw, 22px) 8px;
  border-radius: var(--radius);
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(22, 41, 61, .78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 24px 48px -28px rgba(0, 0, 0, .75);
}

.page-home .timeline-title {
  margin: 0 0 4px;
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: .08em;
  color: var(--teal);
}

.page-home .timeline-card .disclosure {
  background: none;
  border: 0;
  border-top: 1px solid rgba(143, 163, 184, .26);
  border-radius: 0;
  padding: 0;
  margin-top: 10px;
}

.page-home .timeline-card .disclosure:first-of-type {
  border-top: 0;
}

.page-home .timeline-card summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  cursor: pointer;
  list-style: none;
  color: var(--text-dark);
  font-size: 15px;
  font-weight: 600;
}

.page-home .timeline-card summary::-webkit-details-marker {
  display: none;
}

.page-home .timeline-card summary::marker {
  content: "";
}

.page-home .step-num {
  font-size: var(--fs-label);
  color: var(--slate);
  padding: 2px 6px;
  border: 1px solid var(--ink-700);
  border-radius: 6px;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-home .step-name {
  letter-spacing: 0;
}

.page-home .step-time {
  margin-left: auto;
  font-size: var(--fs-label);
  color: var(--slate);
  white-space: nowrap;
}

.page-home .timeline-card .disclosure[open] .step-num {
  color: var(--ink-950);
  border-color: var(--signal);
  background: var(--signal);
}

.page-home .timeline-card .disclosure[open] .step-time {
  color: var(--signal-soft);
}

.page-home .timeline-card .disclosure-body {
  padding: 0 0 12px;
  border-left: 2px solid var(--teal);
  padding-left: 12px;
  margin-bottom: 4px;
}

.page-home .timeline-card .disclosure-body p {
  margin: 0;
  font-size: var(--fs-small);
  line-height: 1.7;
  color: var(--text-muted);
}

/* ---------- 反馈横带 ---------- */
.page-home .feedback-band {
  background: var(--teal);
  color: var(--ink-950);
  padding-block: var(--home-band-pad);
}

.page-home .feedback-inner {
  display: grid;
  gap: clamp(20px, 4vw, 48px);
  align-items: center;
}

.page-home .feedback-eyebrow {
  color: var(--ink-900);
  margin: 0 0 10px;
}

.page-home .feedback-band h2 {
  margin: 0;
  font-size: var(--fs-h2);
  line-height: 1.22;
  letter-spacing: -0.01em;
  color: var(--ink-950);
  max-width: 18em;
}

.page-home .feedback-band p:not(.eyebrow) {
  margin: 14px 0 0;
  max-width: 34em;
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: #0d2a2c;
}

.page-home .feedback-band .feedback-btn {
  margin-top: 22px;
  background: var(--ink-950);
  border-color: var(--ink-950);
  color: var(--white);
}

.page-home .feedback-band .feedback-btn:hover {
  background: var(--ink-800);
  border-color: var(--ink-800);
}

.page-home .feedback-media {
  margin: 0;
  width: min(100%, 250px);
  margin-left: auto;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid rgba(10, 20, 32, .18);
  aspect-ratio: 4 / 5;
}

.page-home .feedback-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------- 页内导览条 ---------- */
.page-home .section-index {
  background: var(--ink-900);
  border-block: 1px solid var(--ink-700);
}

.page-home .index-inner {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-block: 12px;
  scrollbar-width: thin;
}

.page-home .index-link {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: .06em;
  color: var(--slate);
  text-decoration: none;
  padding: 7px 14px;
  border: 1px solid var(--ink-700);
  border-radius: 999px;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-home .index-link:hover,
.page-home .index-link:focus-visible {
  color: var(--teal);
  border-color: var(--teal-deep);
}

/* ---------- 通用区块头 ---------- */
.page-home .section {
  padding-block: clamp(48px, 7vw, 92px);
}

.page-home .section-head {
  display: grid;
  gap: 10px;
  margin-bottom: clamp(28px, 4vw, 44px);
}

.page-home .section-head .index-num {
  font-size: clamp(44px, 8vw, 92px);
  line-height: .82;
  color: transparent;
  -webkit-text-stroke: 1px var(--ink-700);
  letter-spacing: -0.02em;
}

.page-home .section-head--paper .index-num {
  -webkit-text-stroke: 1px rgba(10, 20, 32, .22);
}

.page-home .section-head h2 {
  margin: 0;
  font-size: var(--fs-h2);
  line-height: 1.22;
  letter-spacing: -0.01em;
  color: var(--white);
}

.page-home .section-head-text p {
  margin: 12px 0 0;
  max-width: 36em;
  color: var(--text-muted);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

/* ---------- 服务板块 Bento ---------- */
.page-home .service-bento {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--home-gap);
}

.page-home .service-bento .bento-tile {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: clamp(20px, 2.6vw, 28px);
  border-radius: var(--radius);
  border: 1px solid var(--ink-700);
  background: var(--ink-800);
  transition: transform var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-home .service-bento .bento-tile:hover {
  border-color: var(--teal-deep);
}

.page-home .service-bento h3 {
  margin: 0;
  font-size: var(--fs-h3);
  font-weight: 700;
  color: var(--white);
  letter-spacing: -0.005em;
}

.page-home .service-bento p {
  margin: 0;
  font-size: var(--fs-small);
  line-height: 1.72;
  color: var(--text-muted);
}

.page-home .tile-media {
  margin: 0 0 6px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border: 1px solid var(--ink-700);
}

.page-home .tile-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-home .tile-note {
  color: var(--sand) !important;
  font-size: var(--fs-label) !important;
  padding-top: 8px;
  border-top: 1px dashed rgba(217, 168, 92, .35);
}

.page-home .tile-a {
  background: linear-gradient(160deg, var(--ink-800) 0%, var(--ink-900) 100%);
}

.page-home .tile-c {
  background: linear-gradient(200deg, rgba(20, 134, 126, .22) 0%, var(--ink-800) 62%);
}

.page-home .tile-link {
  margin-top: auto;
  align-self: flex-start;
  font-size: var(--fs-small);
  font-weight: 600;
  color: var(--teal);
  text-decoration: none;
  border-bottom: 1px solid rgba(47, 212, 196, .35);
  padding-bottom: 2px;
}

.page-home .tile-link:hover {
  color: var(--signal-soft);
  border-bottom-color: var(--signal-soft);
}

.page-home .tile-link--dark {
  color: var(--teal-deep);
  border-bottom-color: rgba(20, 134, 126, .4);
}

/* ---------- 费用说明 ---------- */
.page-home .pricing {
  background: var(--ink-900);
  border-block: 1px solid var(--ink-700);
}

.page-home .pricing-inner {
  display: grid;
  gap: clamp(24px, 4vw, 56px);
  align-items: start;
}

.page-home .pricing-head .index-num {
  display: block;
  font-size: clamp(44px, 8vw, 92px);
  line-height: .82;
  color: transparent;
  -webkit-text-stroke: 1px var(--ink-700);
  margin-bottom: 10px;
}

.page-home .pricing-head h2 {
  margin: 0;
  font-size: var(--fs-h2);
  line-height: 1.22;
  color: var(--white);
  letter-spacing: -0.01em;
}

.page-home .pricing-head p {
  margin: 14px 0 0;
  max-width: 30em;
  color: var(--text-muted);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

.page-home .pricing-body > p {
  margin: 0 0 20px;
  max-width: 36em;
  color: var(--text-dark);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

.page-home .pricing-list {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: grid;
  gap: 14px;
}

.page-home .pricing-list li {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border-radius: var(--radius-sm);
  background: rgba(10, 20, 32, .5);
  border-left: 2px solid var(--ink-700);
}

.page-home .pricing-list li:hover {
  border-left-color: var(--signal);
}

.page-home .pricing-key {
  font-size: var(--fs-label);
  letter-spacing: .08em;
  color: var(--sand);
}

.page-home .pricing-val {
  font-size: var(--fs-small);
  line-height: 1.7;
  color: var(--text-muted);
}

.page-home .inline-cta {
  display: inline-block;
  font-size: var(--fs-small);
  font-weight: 700;
  color: var(--ink-950);
  background: var(--signal);
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none;
}

.page-home .inline-cta:hover {
  background: var(--signal-soft);
}

.page-home .inline-cta--dark {
  background: transparent;
  color: var(--teal);
  border: 1px solid var(--teal-deep);
  margin-top: 20px;
}

.page-home .inline-cta--dark:hover {
  background: rgba(47, 212, 196, .1);
  color: var(--teal);
}

/* ---------- 更新对照 ---------- */
.page-home .updates.section--paper {
  background: var(--paper);
  color: var(--ink-900);
}

.page-home .updates .section-head-text p {
  color: #46586b;
}

.page-home .update-grid {
  display: grid;
  gap: var(--home-gap);
}

.page-home .update-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: clamp(20px, 3vw, 32px);
  border-radius: var(--radius);
}

.page-home .update-card h3 {
  margin: 0;
  font-size: var(--fs-h3);
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.005em;
}

.page-home .update-card p:not(.eyebrow) {
  margin: 0;
  font-size: var(--fs-small);
  line-height: 1.75;
}

.page-home .card-light {
  background: var(--white);
  color: var(--ink-900);
  border: 1px solid rgba(10, 20, 32, .08);
}

.page-home .card-light p:not(.eyebrow) {
  color: #40536a;
}

.page-home .card-light .eyebrow {
  color: var(--teal-deep);
  margin: 0;
}

.page-home .card-dark {
  background: var(--ink-900);
  color: var(--text-dark);
  border: 1px solid var(--ink-700);
}

.page-home .card-dark .eyebrow {
  color: var(--teal);
  margin: 0;
}

.page-home .card-dark p:not(.eyebrow) {
  color: var(--text-muted);
}

.page-home .stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 30px;
  padding-top: 14px;
  border-top: 1px dashed rgba(10, 20, 32, .18);
}

.page-home .stat-row--dark {
  border-top-color: rgba(143, 163, 184, .3);
}

.page-home .stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.page-home .stat-num {
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--signal);
}

.page-home .card-dark .stat-num,
.page-home .stat--dark .stat-num {
  color: var(--teal);
}

.page-home .stat-label {
  font-size: var(--fs-label);
  letter-spacing: .04em;
  color: #5d7086;
}

.page-home .card-dark .stat-label,
.page-home .stat--dark .stat-label {
  color: var(--slate);
}

/* ---------- 覆盖与团队 ---------- */
.page-home .coverage-inner {
  display: grid;
  gap: clamp(28px, 4vw, 52px);
  align-items: start;
}

.page-home .coverage-text .index-num {
  display: block;
  font-size: clamp(44px, 8vw, 92px);
  line-height: .82;
  color: transparent;
  -webkit-text-stroke: 1px var(--ink-700);
  margin-bottom: 10px;
}

.page-home .coverage-text h2 {
  margin: 0;
  font-size: var(--fs-h2);
  line-height: 1.22;
  color: var(--white);
  letter-spacing: -0.01em;
}

.page-home .coverage-text p {
  margin: 14px 0 0;
  max-width: 34em;
  color: var(--text-muted);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

.page-home .coverage-media {
  margin: 0 0 20px;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--ink-700);
  aspect-ratio: 2 / 1;
}

.page-home .coverage-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-home .coverage-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 14px;
  padding-top: 16px;
  border-top: 1px solid var(--ink-700);
}

/* ---------- 三入口 ---------- */
.page-home .routes {
  background: var(--ink-900);
  border-top: 1px solid var(--ink-700);
}

.page-home .routes-title {
  margin: 0 0 clamp(24px, 3vw, 36px);
  font-size: var(--fs-h2);
  line-height: 1.22;
  color: var(--white);
  letter-spacing: -0.01em;
}

.page-home .route-grid {
  display: grid;
  gap: var(--home-gap);
}

.page-home .route-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: clamp(20px, 2.6vw, 28px);
  border-radius: var(--radius);
  border: 1px solid var(--ink-700);
  background: rgba(10, 20, 32, .55);
  text-decoration: none;
  color: var(--text-dark);
  transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease);
}

.page-home .route-card:hover {
  background: rgba(22, 41, 61, .85);
}

.page-home .route-num {
  font-size: var(--fs-label);
  letter-spacing: .1em;
  color: var(--slate);
}

.page-home .route-card h3 {
  margin: 0;
  font-size: var(--fs-h3);
  line-height: 1.32;
  font-weight: 700;
  color: var(--white);
}

.page-home .route-card p {
  margin: 0;
  font-size: var(--fs-small);
  line-height: 1.72;
  color: var(--text-muted);
}

.page-home .route-go {
  margin-top: auto;
  padding-top: 12px;
  font-size: var(--fs-small);
  font-weight: 700;
}

.page-home .route-card--signal {
  border-left: 3px solid var(--signal);
}

.page-home .route-card--signal .route-go {
  color: var(--signal);
}

.page-home .route-card--signal:hover {
  border-color: var(--signal);
}

.page-home .route-card--teal {
  border-left: 3px solid var(--teal);
}

.page-home .route-card--teal .route-go {
  color: var(--teal);
}

.page-home .route-card--teal:hover {
  border-color: var(--teal);
}

.page-home .route-card--sand {
  border-left: 3px solid var(--sand);
}

.page-home .route-card--sand .route-go {
  color: var(--sand);
}

.page-home .route-card--sand:hover {
  border-color: var(--sand);
}

/* ---------- 断点 ---------- */
@media (min-width: 720px) {
  .page-home .feedback-inner {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .page-home .section-head {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: end;
    gap: clamp(14px, 3vw, 34px);
  }

  .page-home .update-grid {
    grid-template-columns: 1.05fr 1fr;
    align-items: start;
  }

  .page-home .route-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 960px) {
  .page-home .hero-grid {
    grid-template-columns: 1.02fr 0.98fr;
    align-items: center;
  }

  .page-home .hero-aside {
    margin-left: auto;
    width: 100%;
  }

  .page-home .pricing-inner {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    gap: clamp(32px, 5vw, 72px);
  }

  .page-home .coverage-inner {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(32px, 5vw, 64px);
  }

  .page-home .service-bento {
    grid-template-columns: 1.12fr 0.94fr 0.94fr;
    grid-template-areas:
      "a a b"
      "a a c"
      "d e c";
  }

  .page-home .tile-a { grid-area: a; }
  .page-home .tile-b { grid-area: b; }
  .page-home .tile-c { grid-area: c; }
  .page-home .tile-d { grid-area: d; }
  .page-home .tile-e { grid-area: e; }
}

@media (min-width: 1180px) {
  .page-home .hero-media {
    aspect-ratio: 16 / 10;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .service-bento .bento-tile,
  .page-home .tile-link,
  .page-home .index-link,
  .page-home .route-card,
  .page-home .step-num {
    transition: none;
  }
}
<<<END>>>