.page-home {
  background: var(--abyss);
  color: var(--bone);
  overflow: hidden;
  font-family: var(--font-body);
}

.page-home .wrap {
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.page-home .num,
.page-home .hero__jumps .jump,
.page-home .stack__num,
.page-home .pathway__num,
.page-home .help__v {
  font-family: var(--font-mono);
}

/* ---------- hero ---------- */

.page-home .hero {
  padding-top: 24px;
}

.page-home .hero__crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 30px;
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--fog);
}

.page-home .hero__crumb a {
  color: var(--fog);
  text-decoration: none;
}

.page-home .hero__crumb a:hover,
.page-home .hero__crumb a:focus-visible {
  color: var(--volt);
}

.page-home .hero__grid {
  display: grid;
  gap: 34px;
}

.page-home .hero__title {
  margin: 14px 0 18px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(40px, 11vw, 84px);
  line-height: 0.96;
  letter-spacing: -0.03em;
  color: var(--bone);
}

.page-home .hero__title-line {
  display: block;
  background: linear-gradient(100deg, var(--gold) 10%, var(--gold-pale) 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.page-home .hero__lede {
  max-width: 26ch;
  margin: 0;
  color: var(--fog);
  font-size: 15px;
  line-height: 1.8;
}

.page-home .hero__jumps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .jump {
  display: inline-block;
  padding: 9px 15px;
  font-size: 13px;
  letter-spacing: 0.06em;
  color: var(--bone);
  text-decoration: none;
  background: rgba(14, 59, 49, 0.6);
  border: 1px solid var(--edge);
  clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%);
  transition: color 160ms var(--ease), background 160ms var(--ease), border-color 160ms var(--ease);
}

.page-home .jump:hover,
.page-home .jump:focus-visible {
  color: var(--volt);
  border-color: var(--felt-lift);
  background: rgba(55, 226, 210, 0.1);
  box-shadow: inset 0 0 0 1px var(--volt);
}

.page-home .hero__visual {
  position: relative;
  aspect-ratio: 5 / 4;
  overflow: hidden;
  background: radial-gradient(circle at 52% 46%, #17594a 0%, #0a2b26 52%, #04121a 100%);
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
}

.page-home .hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.55;
  filter: saturate(0.85) contrast(1.06);
}

.page-home .hero__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 45%, rgba(246, 220, 160, 0.22), transparent 62%);
  pointer-events: none;
}

.page-home .hero__token {
  position: absolute;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, var(--gold-pale), var(--gold) 46%, #7a5718 100%);
  box-shadow: 0 0 0 4px rgba(233, 180, 76, 0.15), 0 14px 26px rgba(3, 16, 23, 0.6);
  transition: transform 260ms var(--ease);
}

.page-home .hero__token::after {
  content: "";
  position: absolute;
  inset: 11px;
  border-radius: 50%;
  border: 2px dashed rgba(5, 22, 30, 0.4);
}

.page-home .hero__token--a { top: 12%; left: 14%; }
.page-home .hero__token--b { top: 30%; left: 40%; }
.page-home .hero__token--c { bottom: 24%; left: 24%; }
.page-home .hero__token--d { bottom: 13%; left: 56%; }

.page-home .hero__card {
  position: absolute;
  width: 78px;
  height: 112px;
  border-radius: 8px;
  border: 1px solid var(--edge);
  background: conic-gradient(from 210deg at 50% 50%, #0a2b26, #17594a, #0a2b26);
  box-shadow: 0 18px 30px rgba(3, 16, 23, 0.62);
  transition: transform 260ms var(--ease);
}

.page-home .hero__card::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 5px;
  border: 1px solid rgba(233, 180, 76, 0.45);
}

.page-home .hero__card--a { top: 9%; right: 13%; transform: rotate(-16deg); }
.page-home .hero__card--b { bottom: 22%; right: 26%; transform: rotate(9deg); }

.page-home .hero__visual:hover .hero__token--a { transform: translate(-4px, -5px); }
.page-home .hero__visual:hover .hero__card--b { transform: rotate(11deg) translate(5px, 4px); }

/* ---------- 斜切分界带 ---------- */

.page-home .cut {
  position: relative;
  margin-top: 72px;
  padding: 54px 0;
  background: linear-gradient(96deg, var(--felt) 0%, #0a2f27 100%);
  clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 93%);
}

.page-home .cut__fig {
  margin: 0 auto;
  max-width: 820px;
  padding: 0 var(--gutter);
}

.page-home .cut__fig img {
  display: block;
  width: 100%;
  height: 170px;
  object-fit: cover;
  opacity: 0.82;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 26px 100%);
}

/* ---------- 章节标题 ---------- */

.page-home .sec-head {
  max-width: 620px;
  margin-bottom: 36px;
}

.page-home .sec-head__title {
  margin: 10px 0 14px;
  font-family: var(--font-display);
  font-size: clamp(26px, 5.4vw, 36px);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: var(--bone);
}

.page-home .sec-head__lede {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--fog);
}

/* ---------- 四段路径 ---------- */

.page-home .paths {
  padding: 78px 0 0;
}

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

.page-home .pathway__link {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
}

.page-home .pathway__face {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 22px;
  background: var(--felt);
  border: 1px solid var(--felt-lift);
  clip-path: polygon(18px 0, 100% 0, 100% 100%, 0 100%);
  transition: transform var(--flip) var(--ease), background 200ms var(--ease);
}

.page-home .pathway__face--back {
  margin-top: 8px;
  background: linear-gradient(155deg, var(--felt-lift), var(--felt));
}

.page-home .pathway__num {
  font-size: 12px;
  letter-spacing: 0.18em;
  color: var(--gold);
}

.page-home .pathway__label {
  font-family: var(--font-display);
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--bone);
}

.page-home .pathway__note {
  font-size: 14px;
  line-height: 1.75;
  color: var(--bone);
}

.page-home .pathway__go {
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--volt);
}

.page-home .pathway__link:focus-visible {
  outline: none;
}

.page-home .pathway__link:focus-visible .pathway__face--front {
  box-shadow: inset 0 0 0 2px var(--volt);
}

/* ---------- 2026 专区 ---------- */

.page-home .zone {
  padding: 84px 0 0;
}

.page-home .zone__wrap {
  display: grid;
  gap: 16px;
  align-items: start;
}

.page-home .zone__panel {
  position: relative;
  padding: 32px 24px 40px;
  background: linear-gradient(155deg, var(--felt) 0%, var(--abyss-soft) 78%);
  border: 1px solid var(--felt-lift);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%);
}

.page-home .zone__panel::after {
  content: "";
  position: absolute;
  left: 24px;
  bottom: 22px;
  width: 116px;
  height: 2px;
  background: var(--gold);
}

.page-home .zone__title {
  margin: 12px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(24px, 5vw, 34px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--bone);
}

.page-home .zone__text {
  margin: 0 0 26px;
  max-width: 48ch;
  font-size: 15px;
  line-height: 1.85;
  color: var(--fog);
}

.page-home .zone__side {
  padding: 24px 22px;
  background: var(--abyss-soft);
  border: 1px solid var(--edge);
  border-top: 2px solid var(--gold);
}

.page-home .zone__side-title {
  margin: 0 0 18px;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--gold-pale);
}

.page-home .zone__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 16px;
}

.page-home .zone__item {
  display: grid;
  gap: 4px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--edge);
}

.page-home .zone__item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.page-home .zone__k {
  font-size: 15px;
  font-weight: 700;
  color: var(--bone);
}

.page-home .zone__v {
  font-size: 13px;
  line-height: 1.7;
  color: var(--fog);
}

/* ---------- 速查索引 ---------- */

.page-home .index {
  padding: 82px 0 0;
}

.page-home .stack {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.page-home .stack__link {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 18px 18px 18px 16px;
  text-decoration: none;
  color: inherit;
  background: rgba(14, 59, 49, 0.34);
  border-left: 2px solid var(--edge);
  transition: transform 160ms var(--ease), background 160ms var(--ease), border-left-color 160ms var(--ease);
}

.page-home .stack__link:hover,
.page-home .stack__link:focus-visible {
  transform: translateY(-2px);
  background: rgba(23, 89, 74, 0.42);
  border-left-color: var(--gold);
  box-shadow: inset 0 0 0 1px var(--felt-lift);
}

.page-home .stack__num {
  font-size: 13px;
  letter-spacing: 0.1em;
  color: var(--gold);
}

.page-home .stack__main {
  display: grid;
  gap: 5px;
}

.page-home .stack__title {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  color: var(--bone);
}

.page-home .stack__desc {
  font-size: 13px;
  line-height: 1.7;
  color: var(--fog);
}

.page-home .stack__go {
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--volt);
}

/* ---------- 校订记录 ---------- */

.page-home .updates {
  padding: 86px 0 0;
}

.page-home .updates__wrap {
  display: grid;
  gap: 34px;
}

.page-home .updates__media {
  position: relative;
}

.page-home .updates__fig {
  margin: 0;
}

.page-home .updates__fig img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--edge);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 26px 100%);
}

.page-home .updates__cap {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--fog);
}

.page-home .updates__fig2 {
  margin: 14px 0 0;
  width: 58%;
}

.page-home .updates__fig2 img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--edge);
}

.page-home .updates__title {
  margin: 10px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(26px, 5.4vw, 36px);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: var(--bone);
}

.page-home .updates__text {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--fog);
}

.page-home .updates__facts {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.page-home .updates__facts li {
  padding-left: 14px;
  border-left: 2px solid var(--felt-lift);
  font-size: 14px;
  line-height: 1.7;
  color: var(--bone);
}

.page-home .updates__facts .num {
  margin-right: 6px;
  font-size: 20px;
  font-weight: 700;
  color: var(--gold);
}

.page-home .updates__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

/* ---------- 联系收尾 ---------- */

.page-home .help {
  padding: 88px 0 96px;
}

.page-home .help__wrap {
  display: grid;
  gap: 28px;
  padding-top: 44px;
  border-top: 1px solid var(--edge);
}

.page-home .help__title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-size: clamp(26px, 5.4vw, 34px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--bone);
}

.page-home .help__text {
  margin: 0;
  max-width: 40ch;
  font-size: 15px;
  line-height: 1.85;
  color: var(--fog);
}

.page-home .help__panel {
  padding: 24px 22px 26px;
  background: var(--abyss-soft);
  border: 1px solid var(--edge);
  clip-path: polygon(16px 0, 100% 0, 100% 100%, 0 100%);
}

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

.page-home .help__list li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 16px;
  padding: 12px 0;
  border-bottom: 1px dashed var(--edge);
}

.page-home .help__list li:first-child {
  padding-top: 0;
}

.page-home .help__k {
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--fog);
}

.page-home .help__v {
  font-size: 14px;
  color: var(--gold-pale);
  word-break: break-all;
}

.page-home .help__note {
  margin: 18px 0 22px;
  font-size: 13px;
  line-height: 1.75;
  color: var(--fog);
}

/* ---------- 桌面端 ---------- */

@media (min-width: 940px) {
  .page-home .wrap {
    max-width: var(--max);
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .page-home .hero {
    padding-top: 40px;
  }

  .page-home .hero__crumb {
    margin-bottom: 44px;
  }

  .page-home .hero__grid {
    grid-template-columns: 55% 45%;
    gap: 0;
    align-items: center;
  }

  .page-home .hero__copy {
    padding-right: 48px;
  }

  .page-home .hero__visual {
    aspect-ratio: auto;
    height: 100%;
    min-height: 480px;
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
  }

  .page-home .hero__lede {
    font-size: 16px;
  }

  .page-home .cut {
    margin-top: 96px;
    padding: 74px 0;
  }

  .page-home .cut__fig img {
    height: 220px;
  }

  .page-home .paths {
    padding-top: 96px;
  }

  .page-home .pathways {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding-bottom: 56px;
  }

  .page-home .pathway {
    perspective: 1000px;
  }

  .page-home .pathway:nth-child(2) {
    transform: translateY(24px);
  }

  .page-home .pathway:nth-child(4) {
    transform: translateY(48px);
  }

  .page-home .pathway__link {
    min-height: 216px;
  }

  .page-home .pathway__face {
    position: absolute;
    inset: 0;
    justify-content: space-between;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  .page-home .pathway__face--back {
    margin-top: 0;
    transform: rotateY(180deg);
  }

  .page-home .pathway__link:hover .pathway__face--front,
  .page-home .pathway__link:focus-visible .pathway__face--front {
    transform: rotateY(-180deg);
  }

  .page-home .pathway__link:hover .pathway__face--back,
  .page-home .pathway__link:focus-visible .pathway__face--back {
    transform: rotateY(0deg);
    box-shadow: inset 0 0 0 1px var(--gold);
  }

  .page-home .zone {
    padding-top: 96px;
  }

  .page-home .zone__wrap {
    grid-template-columns: 1.55fr 1fr;
    gap: 24px;
  }

  .page-home .zone__panel {
    padding: 42px 40px 56px;
  }

  .page-home .zone__side {
    margin-top: 44px;
    padding: 28px 26px;
  }

  .page-home .index {
    padding-top: 96px;
  }

  .page-home .stack__link {
    padding: 20px 24px 20px 20px;
    gap: 20px;
  }

  .page-home .stack__desc {
    font-size: 14px;
  }

  .page-home .updates {
    padding-top: 100px;
  }

  .page-home .updates__wrap {
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: center;
  }

  .page-home .updates__fig2 {
    position: absolute;
    right: -14px;
    bottom: -48px;
    width: 40%;
    margin: 0;
    box-shadow: 0 20px 40px rgba(3, 16, 23, 0.6);
  }

  .page-home .updates__acts {
    margin-top: 30px;
  }

  .page-home .help {
    padding: 100px 0 112px;
  }

  .page-home .help__wrap {
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
    padding-top: 52px;
  }

  .page-home .help__panel {
    padding: 28px 28px 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .jump,
  .page-home .pathway__face,
  .page-home .stack__link,
  .page-home .hero__token,
  .page-home .hero__card {
    transition: opacity 200ms linear;
  }

  .page-home .stack__link:hover,
  .page-home .stack__link:focus-visible,
  .page-home .hero__visual:hover .hero__token--a,
  .page-home .hero__visual:hover .hero__card--b {
    transform: none;
  }

  .page-home .pathway__link:hover .pathway__face--front,
  .page-home .pathway__link:hover .pathway__face--back,
  .page-home .pathway__link:focus-visible .pathway__face--front,
  .page-home .pathway__link:focus-visible .pathway__face--back {
    transform: none;
  }

  .page-home .pathway__link:focus-visible .pathway__face--back {
    box-shadow: inset 0 0 0 2px var(--volt);
  }
}
<<<END>>>