.page-home {
  --hm-void-grad: radial-gradient(120% 110% at 82% 0%, #2A1F55 0%, #1B1B3A 44%, #0E0E24 100%);
  --hm-shadow: 0 26px 64px rgba(6, 6, 20, .62);
  --hm-glow-gold: 0 0 22px rgba(245, 197, 66, .38);
  --hm-glow-cyan: 0 0 20px rgba(62, 230, 196, .34);
  display: block;
}

/* ---------- 页面上下文提示 ---------- */
.page-home .page-context {
  background: var(--void);
  border-bottom: 1px solid var(--line-darker);
}
.page-home .page-context__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
  padding-block: .65rem;
  font-size: .8125rem;
  letter-spacing: .05em;
  color: var(--dust);
}
.page-home .page-context__cwd { color: var(--cyan); }
.page-home .page-context__label { color: var(--starlight); }
.page-home .page-context__sep { color: var(--galactic-lit); }

/* ---------- 首屏 ---------- */
.page-home .hero {
  position: relative;
  background: var(--hm-void-grad);
  color: var(--starlight);
  padding-block: clamp(2.5rem, 6vw, 4.25rem) clamp(3rem, 7vw, 5rem);
  overflow: hidden;
}
.page-home .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(to right, rgba(139, 132, 201, .10) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(to bottom, rgba(139, 132, 201, .08) 0 1px, transparent 1px 72px);
  opacity: .55;
}
.page-home .hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 5vw, 3.25rem);
  align-items: center;
}
.page-home .hero__copy h1 {
  margin: .5rem 0 .75rem;
  font-size: clamp(2.15rem, 7vw, 4.25rem);
  line-height: 1.08;
  letter-spacing: .01em;
  color: var(--cream);
}
.page-home .hero__copy .lede {
  max-width: 34em;
  color: var(--mint);
}
.page-home .hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.75rem;
}
.page-home .hero__actions .btn {
  transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
.page-home .hero__actions .btn:hover,
.page-home .hero__actions .btn:focus-visible {
  transform: translateY(-2px);
  box-shadow: var(--hm-glow-gold);
}
.page-home .hero__facts {
  display: grid;
  grid-template-columns: 1fr;
  gap: .9rem;
  margin: 2.25rem 0 0;
  padding-top: 1.35rem;
  border-top: 1px solid var(--line-dark);
}
.page-home .hero__fact dt {
  font-size: .8125rem;
  letter-spacing: .1em;
  color: var(--dust);
}
.page-home .hero__fact dd {
  margin: .3rem 0 0;
  font-size: .9375rem;
  line-height: 1.65;
  color: var(--mint);
}
.page-home .hero__fact .mono { color: var(--gold); }

.page-home .hero__visual { margin: 0; }
.page-home .hero__frame {
  position: relative;
  border: 1px solid var(--line-dark);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: linear-gradient(150deg, #221C4C 0%, #0E0E24 100%);
  box-shadow: var(--hm-shadow);
}
.page-home .hero__frame img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  opacity: .8;
}
.page-home .hero__constellation {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.page-home .hm-node {
  animation: hm-breathe 5s var(--ease) infinite;
  transform-origin: center;
}
.page-home .hm-node:nth-of-type(2) { animation-delay: 1.1s; }
.page-home .hm-node:nth-of-type(3) { animation-delay: 2.2s; }
.page-home .hm-node:nth-of-type(4) { animation-delay: .6s; }
.page-home .hm-node:nth-of-type(5) { animation-delay: 3.1s; }
.page-home .hm-node:nth-of-type(6) { animation-delay: 1.7s; }
@keyframes hm-breathe {
  0%, 100% { opacity: .5; }
  50% { opacity: 1; }
}
.page-home .hero__cap {
  margin-top: .8rem;
  font-size: .75rem;
  letter-spacing: .08em;
  color: var(--dust);
}

/* ---------- 内容中心轨道 ---------- */
.page-home .rail-section {
  background: var(--cream);
  color: var(--ink);
  padding-block: var(--block);
}
.page-home .rail-section__head .section-head { margin-bottom: clamp(1.75rem, 4vw, 2.75rem); }
.page-home .rail-section__switcher {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 1.5rem;
}
.page-home .rail-section__switcher .tabs__tab { cursor: pointer; }

.page-home .rail {
  display: flex;
  gap: 1.15rem;
  margin: 0;
  padding: 0 0 1.75rem;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 0;
  -webkit-overflow-scrolling: touch;
}
.page-home .rail__item {
  flex: 0 0 min(20rem, 78vw);
  scroll-snap-align: start;
  display: flex;
}
.page-home .rail__card {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  width: 100%;
  margin: 0;
}
.page-home .rail__media {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: var(--radius);
  border: 1px solid var(--line-paper);
}
.page-home .rail__label {
  margin: 0;
  font-size: .75rem;
  letter-spacing: .08em;
  color: var(--gold-deep);
}
.page-home .rail__card h3 {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.4;
}
.page-home .rail__text {
  margin: 0;
  font-size: .9375rem;
  line-height: 1.7;
}
.page-home .rail__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin: auto 0 0;
}

/* ---------- 对照入口 ---------- */
.page-home .compare {
  background: linear-gradient(180deg, #161633 0%, #0E0E24 100%);
  color: var(--starlight);
  padding-block: var(--block);
}
.page-home .compare__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 5vw, 3rem);
  align-items: start;
}
.page-home .compare__copy h2 { color: var(--cream); }
.page-home .compare__copy .lede { color: var(--mist); }

.page-home .compare__nodes {
  position: relative;
  list-style: none;
  margin: 2rem 0 2rem;
  padding: 0;
  display: grid;
  gap: .75rem;
}
.page-home .compare__nodes::before {
  content: "";
  position: absolute;
  left: 1.1rem;
  top: 1.2rem;
  bottom: 1.2rem;
  width: 1px;
  background: linear-gradient(180deg, var(--galactic-lit), rgba(139, 132, 201, .08));
}
.page-home .node { position: relative; }
.page-home .node__link {
  display: flex;
  align-items: center;
  gap: .9rem;
  padding: .7rem .9rem .7rem .5rem;
  border: 1px solid transparent;
  border-radius: var(--radius);
  color: var(--starlight);
  text-decoration: none;
  font-size: .9375rem;
  line-height: 1.5;
  transition: background .22s var(--ease), border-color .22s var(--ease), transform .22s var(--ease);
}
.page-home .node__link:hover,
.page-home .node__link:focus-visible {
  background: rgba(75, 63, 158, .28);
  border-color: var(--line-dark);
  transform: translateX(3px);
}
.page-home .node__dot {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  border: 1px solid var(--line-dark);
  background: var(--nebula);
  color: var(--dust);
  font-size: .8125rem;
}
.page-home .node--active .node__dot {
  border-color: var(--gold);
  color: var(--gold);
  box-shadow: var(--hm-glow-gold);
}
.page-home .node--active .node__link {
  border-color: rgba(245, 197, 66, .45);
  background: rgba(245, 197, 66, .07);
}
.page-home .node--active .node__text { color: var(--cream); }

.page-home .compare__visual { margin: 0; }
.page-home .compare__visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border: 1px solid var(--line-dark);
  border-radius: var(--radius-lg);
  box-shadow: var(--hm-shadow);
}
.page-home .compare__cap {
  margin-top: .8rem;
  font-size: .75rem;
  letter-spacing: .08em;
  color: var(--dust);
}

/* ---------- Bento 记录板 ---------- */
.page-home .ledger-section {
  background: var(--cream);
  color: var(--ink);
  padding-block: var(--block);
}
.page-home .ledger-section .section-head { margin-bottom: clamp(1.75rem, 4vw, 2.75rem); }
.page-home .ledger {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.page-home .ledger__cell {
  padding: var(--pad-card);
  border: 1px solid var(--line-paper);
  border-radius: var(--radius-lg);
  background: #FFFBF3;
  box-shadow: 4px 5px 0 rgba(42, 33, 24, .07);
}
.page-home .ledger__cell--a {
  border-left: 4px solid var(--gold);
}
.page-home .ledger__cell--e {
  border-left: 4px solid var(--vermilion);
}
.page-home .ledger__cell .eyebrow { color: var(--gold-deep); }
.page-home .ledger__cell h3 {
  margin: .5rem 0 .6rem;
  font-size: 1.3rem;
  line-height: 1.35;
}
.page-home .ledger__cell p {
  margin: 0 0 .6rem;
  font-size: .9375rem;
  line-height: 1.75;
}
.page-home .ledger__cell p:last-child { margin-bottom: 0; }
.page-home .ledger__num {
  margin-top: .6rem;
  font-size: 1.05rem;
  letter-spacing: .04em;
  color: var(--galactic);
}

/* ---------- 栏目导览 ---------- */
.page-home .services {
  background: linear-gradient(180deg, #1B1B3A 0%, #141430 100%);
  color: var(--starlight);
  padding-block: var(--block);
}
.page-home .services .section-head h2 { color: var(--cream); }
.page-home .services .section-head .lede { color: var(--mist); }
.page-home .services .section-head { margin-bottom: clamp(1.75rem, 4vw, 2.75rem); }
.page-home .services__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.15rem;
}
.page-home .service-card {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  padding: var(--pad-card);
  border: 1px solid var(--line-dark);
  border-radius: var(--radius-lg);
  background: rgba(14, 14, 36, .55);
  transition: border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.page-home .service-card:hover {
  border-color: rgba(62, 230, 196, .5);
  box-shadow: var(--hm-glow-cyan);
}
.page-home .service-card__index {
  margin: 0;
  font-size: .875rem;
  letter-spacing: .12em;
  color: var(--cyan);
}
.page-home .service-card__title {
  margin: 0;
  font-size: 1.25rem;
  color: var(--cream);
}
.page-home .service-card__text {
  margin: 0;
  font-size: .9375rem;
  line-height: 1.75;
  color: var(--mist);
}
.page-home .service-card__link {
  margin-top: auto;
  padding-top: .5rem;
  color: var(--gold);
  font-size: .9375rem;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  align-self: flex-start;
  transition: border-color .22s var(--ease), color .22s var(--ease);
}
.page-home .service-card__link:hover,
.page-home .service-card__link:focus-visible {
  color: var(--cyan);
  border-bottom-color: var(--cyan);
}

/* ---------- 客服通道 ---------- */
.page-home .contact-strip {
  background: var(--cream);
  color: var(--ink);
  padding-block: var(--block);
}
.page-home .contact-strip__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.75rem, 4vw, 3rem);
  align-items: start;
}
.page-home .contact-strip__copy h2 { margin: .4rem 0 .6rem; }
.page-home .contact-strip__copy p {
  margin: 0 0 1.5rem;
  font-size: .9375rem;
  line-height: 1.8;
  max-width: 40em;
}
.page-home .contact-strip__channels {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.page-home .channel {
  padding: 1.1rem 1.25rem;
  border: 1px solid var(--line-paper);
  border-left: 4px solid var(--galactic);
  border-radius: var(--radius);
  background: #FFFBF3;
}
.page-home .channel__label {
  margin: 0 0 .4rem;
  font-size: .75rem;
  letter-spacing: .14em;
  color: var(--gold-deep);
}
.page-home .channel__value {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  word-break: break-word;
}
.page-home .channel__value a {
  color: var(--galactic);
  text-decoration: none;
  border-bottom: 1px solid rgba(75, 63, 158, .35);
}
.page-home .channel__value a:hover,
.page-home .channel__value a:focus-visible { color: var(--vermilion); }

/* ---------- 响应式 ---------- */
@media (min-width: 640px) {
  .page-home .hero__facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .page-home .contact-strip__channels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-home .channel:last-child { grid-column: 1 / -1; }
}

@media (min-width: 900px) {
  .page-home .hero__grid { grid-template-columns: 4fr 8fr; }
  .page-home .compare__grid { grid-template-columns: 5fr 7fr; }
  .page-home .services__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .page-home .ledger { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .page-home .ledger__cell--a { grid-column: span 7; }
  .page-home .ledger__cell--b { grid-column: span 5; }
  .page-home .ledger__cell--c { grid-column: span 4; }
  .page-home .ledger__cell--d { grid-column: span 4; }
  .page-home .ledger__cell--e { grid-column: span 4; }
  .page-home .rail__item { flex-basis: 19rem; }
}

@media (min-width: 1100px) {
  .page-home .contact-strip__grid { grid-template-columns: 6fr 6fr; }
  .page-home .contact-strip__channels { grid-template-columns: 1fr; }
  .page-home .channel:last-child { grid-column: auto; }
  .page-home .rail__item { flex-basis: 21rem; }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .hm-node { animation: none; opacity: .9; }
  .page-home .rail { scroll-behavior: auto; }
  .page-home .hero__actions .btn,
  .page-home .node__link,
  .page-home .service-card { transition: none; }
}
<<<END>>>