.page-home {
  --home-line: rgba(199, 215, 227, 0.16);
  --home-glass: rgba(11, 42, 66, 0.55);
  --home-max: 1180px;
  background:
    radial-gradient(110% 70% at 100% 0%, rgba(56, 224, 208, 0.09), transparent 58%),
    radial-gradient(80% 60% at 0% 92%, rgba(255, 178, 74, 0.07), transparent 55%);
  overflow-x: clip;
}

.page-home h2 {
  font-size: clamp(1.35rem, 4vw, 2rem);
  line-height: 1.22;
  letter-spacing: -0.02em;
  margin: 8px 0 0;
  color: var(--snow-50);
}

.page-home h3 {
  font-size: clamp(1rem, 2.4vw, 1.15rem);
  line-height: 1.4;
  margin: 0 0 8px;
  color: var(--snow-50);
}

.page-home .home-console,
.page-home .home-collect,
.page-home .home-versions,
.page-home .home-fee,
.page-home .home-fit,
.page-home .home-recent,
.page-home .home-help {
  max-width: var(--home-max);
  margin-inline: auto;
  padding-inline: var(--pad-x);
  padding-block: clamp(32px, 5.6vw, 66px);
}

.page-home .lede {
  margin: 12px 0 0;
  font-size: clamp(0.94rem, 1.7vw, 1.04rem);
  line-height: 1.8;
  color: var(--ice-200);
  max-width: 66ch;
}

.page-home .fineprint {
  margin: 14px 0 0;
  font-size: 0.82rem;
  line-height: 1.75;
  color: var(--fog-400);
}

.page-home a:focus-visible,
.page-home button:focus-visible,
.page-home .tab:focus-visible {
  outline: 2px solid var(--cyan-300);
  outline-offset: 3px;
}

/* ---------- 首屏控制台 ---------- */
.page-home .home-console {
  padding-block: clamp(26px, 4.6vw, 54px) clamp(34px, 6vw, 76px);
}

.page-home .home-console__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.page-home .v-track {
  list-style: none;
  margin: 14px 0 0;
  padding: 0 0 0 20px;
  border-left: 1px solid var(--home-line);
  display: grid;
  gap: 16px;
}

.page-home .v-track__item {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.page-home .v-track__item::before {
  content: "";
  position: absolute;
  left: -25px;
  top: 6px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--ink-800);
  border: 1px solid var(--ink-700);
}

.page-home .v-track__item[data-state="active"]::before {
  background: var(--cyan-500);
  border-color: var(--cyan-300);
  box-shadow: 0 0 0 4px rgba(56, 224, 208, 0.16);
}

.page-home .v-track__no {
  font-family: var(--font-mono);
  font-size: 0.92rem;
  letter-spacing: 0.04em;
  color: var(--ice-200);
}

.page-home .v-track__item[data-state="active"] .v-track__no {
  color: var(--amber-300);
}

.page-home .v-track__label {
  font-size: 0.84rem;
  color: var(--fog-400);
}

.page-home .v-track__note {
  margin: 20px 0 0;
  max-width: 30ch;
  font-size: 0.82rem;
  line-height: 1.75;
  color: var(--fog-400);
}

.page-home .home-console__panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(22px, 4.2vw, 46px);
  border: 1px solid var(--home-line);
  border-radius: 4px var(--radius-lg) var(--radius-lg) var(--radius-lg);
  background: linear-gradient(155deg, rgba(18, 59, 87, 0.82), rgba(7, 30, 48, 0.94));
  box-shadow: var(--shadow-panel);
}

.page-home .home-console__texture {
  position: absolute;
  top: -12%;
  right: -6%;
  z-index: -1;
  width: min(64%, 520px);
  height: auto;
  opacity: 0.3;
  mix-blend-mode: screen;
  pointer-events: none;
}

.page-home .console-readout {
  margin: 4px 0 6px;
  font-family: var(--font-mono);
  font-size: clamp(3.4rem, 13vw, 6.2rem);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.05em;
  color: var(--snow-50);
  background: linear-gradient(180deg, var(--snow-50) 20%, var(--cyan-300) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-home .home-console__panel h1 {
  margin: 10px 0 0;
  font-size: clamp(1.5rem, 4.6vw, 2.4rem);
  line-height: 1.24;
  letter-spacing: -0.02em;
  color: var(--snow-50);
}

.page-home .entry-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin-top: 26px;
}

.page-home .entry {
  display: grid;
  gap: 6px;
  padding: 16px 18px;
  border: 1px solid var(--home-line);
  border-radius: var(--radius-md);
  background: rgba(4, 19, 31, 0.52);
  color: var(--snow-50);
  text-decoration: none;
  transition: transform var(--dur) ease, border-color var(--dur) ease, background var(--dur) ease;
}

.page-home .entry:hover {
  transform: translateY(-3px);
  border-color: var(--cyan-500);
  background: rgba(56, 224, 208, 0.09);
}

.page-home .entry__icon {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: var(--cyan-500);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

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

.page-home .entry__meta {
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--fog-400);
}

/* ---------- 收录概览 ---------- */
.page-home .collect-head {
  max-width: 64ch;
}

.page-home .collect-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin-top: 26px;
}

.page-home .collect-card {
  position: relative;
  padding: 22px 22px 26px;
  border: 1px solid var(--home-line);
  border-radius: var(--radius-lg);
  background: var(--home-glass);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
}

.page-home .collect-card__num {
  margin: 0;
  font-family: var(--font-mono);
  font-size: clamp(2.4rem, 7vw, 3.2rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--amber-300);
}

.page-home .collect-card h3 {
  margin: 8px 0 10px;
}

.page-home .collect-card__text {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.78;
  color: var(--ice-200);
}

.page-home .collect-figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: var(--radius-lg);
}

.page-home .collect-figure img {
  display: block;
  width: 100%;
  height: clamp(170px, 26vw, 250px);
  object-fit: cover;
}

.page-home .collect-rhythm {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin-top: 18px;
}

.page-home .rhythm-item {
  padding: 16px 18px;
  border-left: 2px solid var(--cyan-500);
  background: rgba(56, 224, 208, 0.06);
}

.page-home .rhythm-item__tag {
  margin: 0 0 6px;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  letter-spacing: 0.14em;
  color: var(--cyan-300);
}

.page-home .rhythm-item h3 {
  margin: 0 0 6px;
  font-size: 0.98rem;
}

.page-home .rhythm-item p:last-child {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.75;
  color: var(--fog-400);
}

.page-home .rhythm-item a {
  color: var(--cyan-300);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---------- 版本演进 ---------- */
.page-home .versions-head {
  max-width: 64ch;
}

.page-home .home-vtabs {
  margin-top: 26px;
  border-top: 1px solid var(--home-line);
}

.page-home .home-vtabs .tablist {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 16px 0 12px;
  scrollbar-width: none;
}

.page-home .home-vtabs .tablist::-webkit-scrollbar {
  display: none;
}

.page-home .home-vtabs .tab {
  flex: 0 0 auto;
  padding: 9px 14px;
  border: 1px solid var(--home-line);
  border-radius: 999px;
  background: transparent;
  color: var(--ice-200);
  font-family: var(--font-mono);
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: color var(--dur) ease, border-color var(--dur) ease, background var(--dur) ease;
}

.page-home .home-vtabs .tab:hover {
  border-color: var(--cyan-300);
  color: var(--snow-50);
}

.page-home .home-vtabs .tab[aria-selected="true"] {
  border-color: var(--cyan-500);
  background: rgba(56, 224, 208, 0.13);
  color: var(--snow-50);
}

.page-home .home-vtabs .tabpanel {
  margin-top: 10px;
  padding: clamp(18px, 3.2vw, 30px);
  border: 1px solid var(--home-line);
  border-radius: var(--radius-lg);
  background: var(--home-glass);
}

.page-home .home-vtabs .tabpanel p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.8;
  color: var(--ice-200);
  max-width: 68ch;
}

.page-home .versions-note {
  margin: 20px 0 0;
  padding-left: 14px;
  border-left: 2px solid var(--amber-500);
  font-size: 0.88rem;
  line-height: 1.85;
  color: var(--ice-200);
}

.page-home .versions-note a {
  color: var(--amber-300);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---------- 注册与费用 ---------- */
.page-home .fee-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.page-home .fee-lead p {
  margin: 12px 0 0;
  font-size: 0.94rem;
  line-height: 1.8;
  color: var(--ice-200);
  max-width: 46ch;
}

.page-home .fee-lead .btn {
  margin-top: 20px;
}

.page-home .fee-panel {
  padding: clamp(20px, 3.2vw, 30px);
  border: 1px solid var(--home-line);
  border-radius: var(--radius-lg);
  background: linear-gradient(160deg, rgba(255, 178, 74, 0.09), rgba(11, 42, 66, 0.62) 46%);
}

.page-home .fee-panel h3 {
  margin-bottom: 4px;
}

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

.page-home .tier {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 12px;
  align-items: baseline;
  padding: 12px 14px;
  border: 1px solid var(--home-line);
  border-radius: var(--radius-md);
  background: rgba(4, 19, 31, 0.45);
}

.page-home .tier__no {
  grid-row: span 2;
  font-family: var(--font-mono);
  font-size: 0.8rem;
  color: var(--amber-300);
}

.page-home .tier__name {
  font-weight: 700;
  color: var(--snow-50);
  font-size: 0.94rem;
}

.page-home .tier__desc {
  font-size: 0.82rem;
  line-height: 1.6;
  color: var(--fog-400);
}

/* ---------- 国内适配 ---------- */
.page-home .fit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  align-items: center;
}

.page-home .fit-figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: var(--radius-lg);
  background: rgba(4, 19, 31, 0.6);
}

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

.page-home .fit-body p {
  margin: 12px 0 0;
  font-size: 0.92rem;
  line-height: 1.8;
  color: var(--ice-200);
  max-width: 52ch;
}

.page-home .env-chips,
.page-home .filter-chips {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
}

.page-home .env-chips li,
.page-home .filter-chips li {
  padding: 6px 12px;
  border: 1px solid var(--ink-700);
  border-radius: 999px;
  font-size: 0.79rem;
  line-height: 1.5;
  color: var(--cyan-300);
  background: rgba(56, 224, 208, 0.07);
}

.page-home .fit-stat {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 14px 16px;
  border-left: 2px solid var(--cyan-500);
  background: rgba(56, 224, 208, 0.07);
}

.page-home .fit-stat__num {
  font-family: var(--font-mono);
  font-size: clamp(1.6rem, 5vw, 2.2rem);
  font-weight: 700;
  line-height: 1;
  color: var(--cyan-300);
}

.page-home .fit-stat__label {
  font-size: 0.85rem;
  line-height: 1.7;
  color: var(--ice-200);
  max-width: 36ch;
}

.page-home .fit-body .btn {
  margin-top: 20px;
}

/* ---------- 记录查询 ---------- */
.page-home .recent-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  padding: clamp(20px, 3.4vw, 36px);
  border: 1px solid var(--home-line);
  border-radius: var(--radius-lg);
  background:
    repeating-linear-gradient(90deg, rgba(199, 215, 227, 0.05) 0 1px, transparent 1px 76px),
    var(--home-glass);
}

.page-home .recent-copy p {
  margin: 12px 0 0;
  font-size: 0.92rem;
  line-height: 1.8;
  color: var(--ice-200);
  max-width: 52ch;
}

.page-home .recent-copy .btn {
  margin-top: 18px;
}

.page-home .recent-side {
  padding-left: 0;
}

.page-home .recent-side__label {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 0.76rem;
  letter-spacing: 0.12em;
  color: var(--fog-400);
}

/* ---------- 帮助与联系 ---------- */
.page-home .help-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.page-home .help-main > p {
  margin: 12px 0 0;
  font-size: 0.92rem;
  line-height: 1.8;
  color: var(--ice-200);
  max-width: 56ch;
}

.page-home .doc-list {
  list-style: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
}

.page-home .doc-list a {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid var(--home-line);
  border-radius: var(--radius-md);
  background: rgba(4, 19, 31, 0.42);
  color: var(--snow-50);
  font-size: 0.92rem;
  text-decoration: none;
  transition: border-color var(--dur) ease, transform var(--dur) ease;
}

.page-home .doc-list a:hover {
  border-color: var(--cyan-500);
  transform: translateX(3px);
}

.page-home .doc-list__no {
  font-family: var(--font-mono);
  font-size: 0.78rem;
  color: var(--cyan-300);
}

.page-home .help-figure {
  margin: 20px 0 0;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: var(--radius-lg);
}

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

.page-home .help-contact {
  align-self: start;
  padding: clamp(20px, 3.2vw, 30px);
  border: 1px solid var(--home-line);
  border-radius: var(--radius-lg);
  background: linear-gradient(200deg, rgba(56, 224, 208, 0.1), rgba(7, 30, 48, 0.9) 55%);
}

.page-home .help-contact > p {
  margin: 10px 0 0;
  font-size: 0.9rem;
  line-height: 1.8;
  color: var(--ice-200);
}

.page-home .help-contact .copy-btn {
  display: inline-block;
  margin-top: 16px;
  padding: 10px 16px;
  border: 1px solid var(--cyan-500);
  border-radius: 999px;
  background: rgba(4, 19, 31, 0.6);
  color: var(--cyan-300);
  font-family: var(--font-mono);
  font-size: 0.82rem;
  cursor: pointer;
  transition: background var(--dur) ease, color var(--dur) ease;
}

.page-home .help-contact .copy-btn:hover {
  background: rgba(56, 224, 208, 0.16);
  color: var(--snow-50);
}

.page-home .help-contact .btn {
  margin-top: 18px;
}

/* ---------- 响应式 ---------- */
@media (min-width: 640px) {
  .page-home .entry-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

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

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

  .page-home .collect-figure {
    grid-column: 1 / -1;
  }

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

@media (min-width: 900px) {
  .page-home .home-console__grid {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: 30px;
    align-items: start;
  }

  .page-home .home-console__track {
    padding-top: 6px;
  }

  .page-home .fee-grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 30px;
    align-items: start;
  }

  .page-home .fit-grid {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
    gap: 34px;
  }

  .page-home .recent-panel {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    align-items: center;
    gap: 30px;
  }

  .page-home .recent-side {
    padding-left: 26px;
    border-left: 1px solid var(--home-line);
  }

  .page-home .help-grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .entry,
  .page-home .tab,
  .page-home .doc-list a,
  .page-home .help-contact .copy-btn {
    transition: none;
  }

  .page-home .entry:hover,
  .page-home .doc-list a:hover {
    transform: none;
  }
}
<<<END>>>