.page-home {
  --home-panel: rgba(16, 31, 51, .82);
  --home-card: rgba(16, 31, 51, .62);
  --home-line: rgba(81, 103, 127, .34);
  --home-line-strong: rgba(81, 103, 127, .58);
  --home-gap: clamp(1rem, 2.4vw, 1.6rem);
  --home-pad-y: clamp(2.6rem, 6vw, 4.8rem);
  display: block;
}

/* ---------- 首屏分屏 ---------- */
.page-home .home-hero {
  padding-block: clamp(1.1rem, 3vw, 2.2rem) clamp(1.6rem, 4vw, 2.8rem);
}

.page-home .home-hero__shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--home-gap);
  align-items: stretch;
}

.page-home .home-hero__narrative {
  position: relative;
  background: var(--paper);
  color: var(--ink-900);
  border-radius: var(--r-card);
  padding: clamp(1.3rem, 3.4vw, 2.6rem);
  box-shadow:
    7px 7px 0 -1px var(--ink-700),
    7px 7px 0 0 var(--home-line-strong);
}

.page-home .home-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
  font-size: .72rem;
  letter-spacing: .16em;
  color: var(--ink-700);
  font-weight: 600;
}

.page-home .home-hero__pip {
  width: 7px;
  height: 7px;
  background: var(--signal);
  border-radius: 1px;
  flex: none;
}

.page-home .home-hero__title {
  margin: .7rem 0 0;
  font-family: var(--sans);
  font-weight: 900;
  font-size: clamp(1.85rem, 6.2vw, 3.35rem);
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--ink-900);
}

.page-home .home-hero__lede {
  margin: .9rem 0 0;
  max-width: 46ch;
  font-size: clamp(.95rem, 2.4vw, 1.05rem);
  line-height: 1.75;
  color: #2A3B50;
}

.page-home .home-entries {
  list-style: none;
  margin: clamp(1.1rem, 3vw, 1.7rem) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
}

.page-home .home-entry {
  display: grid;
  gap: .15rem;
  padding: .75rem .8rem .8rem;
  border: 1px solid rgba(11, 22, 38, .22);
  border-radius: var(--r-sm);
  background: rgba(255, 255, 255, .5);
  text-decoration: none;
  color: var(--ink-900);
  transition: transform var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-home .home-entry:hover,
.page-home .home-entry:focus-visible {
  transform: translateY(-2px);
  background: #fff;
  border-color: var(--signal);
}

.page-home .home-entry__num {
  font-size: .68rem;
  letter-spacing: .1em;
  color: var(--signal);
  font-weight: 700;
}

.page-home .home-entry__name {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .01em;
}

.page-home .home-entry__meta {
  font-size: .74rem;
  line-height: 1.5;
  color: #4A5C72;
}

/* 右侧仪表盘 */
.page-home .home-hero__panel {
  display: flex;
  flex-direction: column;
  gap: .85rem;
  padding: clamp(1rem, 2.6vw, 1.5rem);
  background: var(--home-panel);
  border: 1px solid var(--home-line);
  border-radius: var(--r-card);
  position: relative;
  overflow: hidden;
}

.page-home .home-hero__panel::before {
  content: "";
  position: absolute;
  inset: -40% 40% 55% -20%;
  background: radial-gradient(circle at 30% 30%, rgba(47, 224, 207, .14), transparent 62%);
  pointer-events: none;
}

.page-home .home-panel__head {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid var(--home-line);
  padding-bottom: .55rem;
}

.page-home .home-panel__label {
  font-size: .68rem;
  letter-spacing: .18em;
  color: var(--cyan);
}

.page-home .home-panel__read {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: var(--signal);
  letter-spacing: .02em;
}

.page-home .home-panel__figure {
  position: relative;
  margin: 0;
  border: 1px solid var(--home-line);
  border-radius: var(--r-sm);
  overflow: hidden;
  background: var(--ink-900);
}

.page-home .home-panel__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

.page-home .home-scale {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .3rem;
}

.page-home .home-scale__row {
  display: grid;
  grid-template-columns: 2.1rem auto 1fr;
  align-items: center;
  gap: .55rem;
  padding: .42rem .55rem;
  border-left: 2px solid var(--home-line);
  transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease);
}

.page-home .home-scale__row.is-current {
  border-left-color: var(--signal);
  background: rgba(255, 106, 42, .08);
}

.page-home .home-scale__num {
  font-size: .68rem;
  letter-spacing: .08em;
  color: var(--mist-dim);
}

.page-home .home-scale__row.is-current .home-scale__num {
  color: var(--signal);
}

.page-home .home-scale__name {
  font-size: .85rem;
  color: var(--paper);
}

.page-home .home-scale__row.is-current .home-scale__name {
  font-weight: 700;
}

.page-home .home-scale__bar {
  height: 1px;
  background: var(--home-line);
}

.page-home .home-scale__row.is-current .home-scale__bar {
  background: linear-gradient(90deg, var(--signal), rgba(255, 106, 42, 0));
}

.page-home .home-panel__note {
  position: relative;
  margin: 0;
  font-size: .78rem;
  line-height: 1.65;
  color: var(--mist-dim);
}

/* ---------- 章节通用 ---------- */
.page-home .home-chapter {
  padding-block: var(--home-pad-y);
  border-top: 1px solid var(--home-line);
}

.page-home .home-chapter__head {
  display: grid;
  gap: .7rem;
  margin-bottom: clamp(1.4rem, 3.4vw, 2.4rem);
}

.page-home .home-chapter__lead {
  display: flex;
  align-items: baseline;
  gap: .85rem;
}

.page-home .home-chapter__num {
  flex: none;
  font-size: .8rem;
  letter-spacing: .12em;
  color: var(--signal);
  font-weight: 700;
  border-bottom: 1px solid var(--signal);
  padding-bottom: 2px;
}

.page-home .home-chapter__title {
  margin: 0;
  font-family: var(--sans);
  font-weight: 900;
  font-size: clamp(1.28rem, 3.6vw, 1.95rem);
  line-height: 1.22;
  letter-spacing: -.01em;
  color: var(--paper);
}

.page-home .home-chapter__desc {
  margin: 0;
  max-width: 62ch;
  font-size: .92rem;
  line-height: 1.8;
  color: var(--mist-dim);
}

.page-home .home-chapter__more {
  margin: clamp(1.2rem, 3vw, 1.8rem) 0 0;
}

.page-home .home-link {
  color: var(--cyan);
  font-size: .9rem;
  text-decoration: none;
  border-bottom: 1px solid rgba(47, 224, 207, .45);
  padding-bottom: 2px;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

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

/* ---------- 01 标签分类 ---------- */
.page-home .home-cats {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .7rem;
}

.page-home .home-cat {
  display: grid;
  gap: .35rem;
  padding: 1rem 1.05rem 1.1rem;
  background: var(--home-card);
  border: 1px solid var(--home-line);
  border-radius: var(--r-card);
  text-decoration: none;
  color: var(--paper);
  transition: transform var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);
}

.page-home .home-cat:hover,
.page-home .home-cat:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(47, 224, 207, .62);
  background: var(--ink-700);
}

.page-home .home-cat__num {
  font-size: .68rem;
  letter-spacing: .12em;
  color: var(--mist);
}

.page-home .home-cat__name {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: .01em;
}

.page-home .home-cat__desc {
  margin: 0;
  font-size: .85rem;
  line-height: 1.7;
  color: var(--mist-dim);
}

.page-home .home-cat__go {
  margin-top: .35rem;
  font-size: .7rem;
  letter-spacing: .1em;
  color: var(--cyan);
}

/* ---------- 02 两步排查 ---------- */
.page-home .home-steps-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--home-gap);
  align-items: start;
}

.page-home .home-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .6rem;
  counter-reset: step;
}

.page-home .home-step {
  background: var(--home-card);
  border: 1px solid var(--home-line);
  border-left: 2px solid var(--home-line-strong);
  border-radius: var(--r-sm);
  padding: .8rem 1rem;
  transition: border-left-color var(--dur) var(--ease);
}

.page-home .home-step[open] {
  border-left-color: var(--signal);
}

.page-home .home-step__sum {
  display: flex;
  align-items: baseline;
  gap: .7rem;
  cursor: pointer;
  list-style: none;
}

.page-home .home-step__sum::-webkit-details-marker {
  display: none;
}

.page-home .home-step__num {
  flex: none;
  font-size: .72rem;
  letter-spacing: .1em;
  color: var(--signal);
  font-weight: 700;
}

.page-home .home-step__title {
  font-size: .98rem;
  font-weight: 700;
  line-height: 1.45;
  color: var(--paper);
}

.page-home .home-step__body {
  padding: .55rem 0 0 2rem;
}

.page-home .home-step__body p {
  margin: 0;
  font-size: .88rem;
  line-height: 1.8;
  color: var(--mist-dim);
}

.page-home .home-steps__figure {
  margin: 0;
  border: 1px solid var(--home-line);
  border-radius: var(--r-card);
  overflow: hidden;
  background: var(--ink-800);
}

.page-home .home-steps__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

.page-home .home-steps__caption {
  display: block;
  padding: .6rem .85rem;
  font-size: .68rem;
  letter-spacing: .1em;
  color: var(--mist);
  border-top: 1px solid var(--home-line);
}

/* ---------- 03 索引对照 ---------- */
.page-home .home-index-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--home-gap);
  align-items: start;
}

.page-home .home-compare {
  border: 1px solid var(--home-line);
  border-radius: var(--r-card);
  overflow: hidden;
  background: var(--home-card);
}

.page-home .home-compare__head,
.page-home .home-compare__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .2rem;
  padding: .7rem .85rem;
}

.page-home .home-compare__head {
  background: var(--ink-700);
  border-bottom: 1px solid var(--home-line);
}

.page-home .home-compare__head span {
  font-size: .66rem;
  letter-spacing: .14em;
  color: var(--cyan);
}

.page-home .home-compare__row + .home-compare__row {
  border-top: 1px solid var(--home-line);
}

.page-home .home-compare__k {
  font-size: .92rem;
  font-weight: 700;
  color: var(--paper);
}

.page-home .home-compare__old {
  font-size: .82rem;
  line-height: 1.6;
  color: var(--mist);
  text-decoration: line-through;
  text-decoration-color: rgba(185, 198, 212, .5);
}

.page-home .home-compare__new {
  font-size: .82rem;
  line-height: 1.6;
  color: var(--cyan);
}

.page-home .home-index__figure {
  margin: 0;
  border: 1px solid var(--home-line);
  border-radius: var(--r-card);
  overflow: hidden;
  background: var(--ink-800);
}

.page-home .home-index__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

.page-home .home-index__caption {
  display: block;
  padding: .6rem .85rem;
  font-size: .68rem;
  letter-spacing: .1em;
  color: var(--mist);
  border-top: 1px solid var(--home-line);
}

/* ---------- 04 资源下载 ---------- */
.page-home .home-res-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--home-gap);
  align-items: start;
}

.page-home .home-res__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .55rem;
}

.page-home .home-res__list li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .7rem;
  padding: .85rem .9rem;
  background: var(--home-card);
  border: 1px solid var(--home-line);
  border-radius: var(--r-sm);
}

.page-home .home-res__num {
  font-size: .72rem;
  letter-spacing: .1em;
  color: var(--signal);
  font-weight: 700;
  padding-top: 2px;
}

.page-home .home-res__name {
  margin: 0 0 .25rem;
  font-size: .95rem;
  font-weight: 700;
  color: var(--paper);
}

.page-home .home-res__desc {
  margin: 0;
  font-size: .84rem;
  line-height: 1.7;
  color: var(--mist-dim);
}

.page-home .home-res__btn {
  margin-top: 1rem;
}

.page-home .home-res__figure {
  margin: 0;
  border: 1px solid var(--home-line);
  border-radius: var(--r-card);
  overflow: hidden;
  background: var(--ink-800);
}

.page-home .home-res__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

/* ---------- 05 场景与咨询 ---------- */
.page-home .home-scenes {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .7rem;
}

.page-home .home-scene {
  position: relative;
  padding: 1rem 1.05rem 1.15rem;
  background: var(--home-card);
  border: 1px solid var(--home-line);
  border-radius: var(--r-card);
}

.page-home .home-scene::after {
  content: "";
  position: absolute;
  left: 1.05rem;
  bottom: 0;
  width: 34px;
  height: 2px;
  background: var(--cyan);
}

.page-home .home-scene__tag {
  margin: 0 0 .45rem;
  font-size: .66rem;
  letter-spacing: .14em;
  color: var(--mist);
}

.page-home .home-scene__title {
  margin: 0 0 .4rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--paper);
}

.page-home .home-scene__text {
  margin: 0;
  font-size: .85rem;
  line-height: 1.75;
  color: var(--mist-dim);
}

.page-home .home-callout {
  margin-top: clamp(1.2rem, 3vw, 1.8rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  padding: clamp(1.1rem, 3vw, 1.8rem);
  background: linear-gradient(135deg, rgba(27, 45, 69, .95), rgba(11, 22, 38, .95));
  border: 1px solid var(--home-line-strong);
  border-radius: var(--r-card);
}

.page-home .home-callout__title {
  margin: 0 0 .5rem;
  font-size: clamp(1.05rem, 2.8vw, 1.35rem);
  font-weight: 900;
  letter-spacing: -.01em;
  color: var(--paper);
}

.page-home .home-callout__text {
  margin: 0;
  max-width: 62ch;
  font-size: .88rem;
  line-height: 1.8;
  color: var(--mist-dim);
}

.page-home .home-callout__mail {
  color: var(--cyan);
  font-size: .84rem;
}

.page-home .home-callout__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  align-items: center;
}

/* ---------- 断点 ---------- */
@media (min-width: 640px) {
  .page-home .home-cats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .page-home .home-compare__head,
  .page-home .home-compare__row {
    grid-template-columns: 5rem minmax(0, 1fr) minmax(0, 1.1fr);
    gap: .8rem;
    align-items: baseline;
  }
}

@media (min-width: 900px) {
  .page-home .home-hero__shell {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

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

  .page-home .home-chapter__head {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: end;
    gap: 2.2rem;
  }

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

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

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

  .page-home .home-callout {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .page-home .home-callout__actions {
    justify-content: flex-end;
  }
}

@media (min-width: 1100px) {
  .page-home .home-entries {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-entry,
  .page-home .home-cat,
  .page-home .home-step,
  .page-home .home-link {
    transition: none;
  }

  .page-home .home-entry:hover,
  .page-home .home-entry:focus-visible,
  .page-home .home-cat:hover,
  .page-home .home-cat:focus-visible {
    transform: none;
  }
}
<<<PAGE_CSS_END>>>