.page-home .mono {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
}

/* ---------- 专题封面首屏 ---------- */
.page-home .cover {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(26px, 4.6vw, 46px) 0 clamp(32px, 5vw, 56px);
  border-radius: 0 0 var(--r-l) var(--r-l);
}

.page-home .cover__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--paper);
}

.page-home .cover__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .42;
}

.page-home .cover__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(92% 72% at 0% 0%, rgba(123, 174, 127, .30), transparent 62%),
    radial-gradient(82% 70% at 100% 4%, rgba(217, 164, 65, .34), transparent 60%),
    radial-gradient(70% 60% at 62% 100%, rgba(62, 95, 138, .18), transparent 66%),
    linear-gradient(180deg, rgba(251, 248, 241, .74) 0%, rgba(246, 241, 231, .90) 58%, var(--paper) 100%);
}

.page-home .cover__head {
  max-width: 46rem;
}

.page-home .cover__head .eyebrow::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 3px;
  margin-right: 9px;
  vertical-align: middle;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--spring), var(--autumn), var(--summer));
}

.page-home .cover__head h1 {
  margin: .34em 0 .46em;
  font-family: var(--serif);
  font-size: clamp(29px, 5.2vw, 50px);
  line-height: 1.15;
  letter-spacing: -.012em;
}

.page-home .cover__head .lede {
  max-width: 41rem;
}

.page-home .cover__body {
  display: grid;
  gap: clamp(20px, 3vw, 34px);
  margin-top: clamp(26px, 4vw, 46px);
}

.page-home .cover__sub {
  margin: 0;
  font-family: var(--serif);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .012em;
}

/* 四个固定入口 */
.page-home .entry-list {
  display: grid;
  gap: 11px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .entry-card {
  --entry-accent: var(--winter);
}

.page-home .entry-card--summer { --entry-accent: var(--summer); }
.page-home .entry-card--winter { --entry-accent: var(--winter); }
.page-home .entry-card--autumn { --entry-accent: var(--autumn); }
.page-home .entry-card--spring { --entry-accent: var(--spring); }

.page-home .entry-card a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 3px 12px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--entry-accent);
  border-radius: var(--r-m);
  background: rgba(255, 255, 255, .74);
  color: var(--ink);
  text-decoration: none;
  box-shadow: var(--shadow-s);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.page-home .entry-card a:hover,
.page-home .entry-card a:focus-visible {
  transform: translateY(-2px);
  background: #fff;
  box-shadow: 0 14px 30px -24px rgba(31, 27, 22, .7);
}

.page-home .entry-card__idx {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--ink-50);
}

.page-home .entry-card__label {
  grid-column: 2;
  grid-row: 1;
  font-size: 16.5px;
  font-weight: 700;
  line-height: 1.4;
}

.page-home .entry-card__go {
  grid-column: 3;
  grid-row: 1;
  font-size: 12.5px;
  color: var(--entry-accent);
  white-space: nowrap;
}

.page-home .entry-card__desc {
  grid-column: 2 / 4;
  grid-row: 2;
  font-size: 13.5px;
  line-height: 1.62;
  color: var(--ink-70);
}

/* 右栏周更时间轴 */
.page-home .cover__week {
  padding: 18px clamp(15px, 2.3vw, 22px) 20px;
  border: 1px solid var(--line);
  border-radius: var(--r-l);
  background: linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(239, 227, 206, .58) 100%);
  box-shadow: var(--shadow-s);
}

.page-home .week-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 14px;
}

.page-home .week-head__meta {
  margin: 0;
  font-size: 12.5px;
  color: var(--ink-50);
}

.page-home .week-head__meta .mono {
  font-size: 13.5px;
  color: var(--gold-deep);
  font-weight: 600;
}

.page-home .week-visual {
  display: block;
  width: 100%;
  height: clamp(118px, 20vw, 158px);
  margin-top: 13px;
  object-fit: cover;
  border-radius: var(--r-m);
  background: var(--sand);
}

.page-home .week-list {
  position: relative;
  display: grid;
  gap: 14px;
  margin: 18px 0 0;
  padding: 0 0 0 18px;
  list-style: none;
}

.page-home .week-list::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
  bottom: 6px;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--spring), var(--autumn), var(--summer));
  opacity: .75;
}

.page-home .week-item {
  position: relative;
}

.page-home .week-item::before {
  content: "";
  position: absolute;
  left: -17px;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--paper-hi);
  border: 2px solid var(--autumn);
}

.page-home .week-item__top {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
  font-size: 12.5px;
  color: var(--ink-50);
}

.page-home .week-item__ver {
  font-family: var(--mono);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--gold-deep);
}

.page-home .week-item__text {
  margin: 4px 0 6px;
  font-size: 14px;
  line-height: 1.62;
  color: var(--ink-70);
}

.page-home .week-more {
  margin-top: 18px;
}

/* ---------- 产品系列 ---------- */
.page-home .series-board {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.page-home .series-shot {
  margin: 0;
  border-radius: var(--r-l);
  overflow: hidden;
  background: var(--sand);
}

.page-home .series-shot img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
}

.page-home .series-shot .media__caption {
  padding: 10px 14px;
  background: rgba(255, 255, 255, .78);
}

.page-home .series-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 17px 17px 19px;
}

.page-home .series-card__ver {
  margin: 0;
  font-family: var(--mono);
  font-size: 11.5px;
  letter-spacing: .08em;
  color: var(--ink-50);
}

.page-home .series-card .card__title {
  margin: 0;
  font-size: 19px;
  line-height: 1.35;
}

.page-home .series-card p {
  margin: 0;
  font-size: 13.8px;
  line-height: 1.72;
  color: var(--ink-70);
}

.page-home .series-card .tag {
  align-self: flex-start;
  margin-top: auto;
}

.page-home .series-foot {
  margin: 22px 0 0;
}

/* ---------- 帮助文档适配 ---------- */
.page-home .docs-split {
  display: grid;
  gap: 20px;
}

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

.page-home .docs-chips li {
  padding: 6px 13px;
  border: 1px solid rgba(62, 95, 138, .24);
  border-radius: 999px;
  background: rgba(169, 187, 209, .28);
  font-size: 13px;
  color: var(--ink);
}

.page-home .docs-side {
  display: grid;
  gap: 10px;
  padding: 20px 20px 22px;
  align-content: start;
}

.page-home .docs-side__label {
  margin: 0;
  font-size: 12.5px;
  letter-spacing: .08em;
  color: var(--ink-50);
}

.page-home .docs-side__ver {
  margin: 0;
  font-family: var(--mono);
  font-size: 30px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--winter);
}

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

.page-home .docs-side__list li {
  position: relative;
  padding-left: 14px;
  font-size: 13.5px;
  line-height: 1.68;
  color: var(--ink-70);
}

.page-home .docs-side__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--winter);
  opacity: .6;
}

/* ---------- 双设备并行核对 ---------- */
.page-home .dual {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}

.page-home .dual__shot {
  margin: 0;
  border-radius: var(--r-l);
  overflow: hidden;
  background: var(--sand);
}

.page-home .dual__shot img {
  display: block;
  width: 100%;
  aspect-ratio: 12 / 7;
  object-fit: cover;
}

.page-home .dual__shot .media__caption {
  padding: 10px 14px;
  background: rgba(255, 255, 255, .78);
}

.page-home .dual__steps {
  counter-reset: dualstep;
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-home .dual__steps li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  font-size: 14px;
  line-height: 1.7;
  color: var(--ink-70);
}

.page-home .dual__steps li::before {
  counter-increment: dualstep;
  content: counter(dualstep, decimal-leading-zero);
  font-family: var(--mono);
  font-size: 11.5px;
  padding: 3px 7px;
  border: 1px solid rgba(228, 87, 61, .38);
  border-radius: 6px;
  color: var(--summer);
  background: rgba(228, 87, 61, .07);
}

/* ---------- 运营概况 ---------- */
.page-home .stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-home .stats li {
  padding: 14px 15px;
  border-radius: var(--r-m);
  background: linear-gradient(150deg, var(--sand), rgba(246, 241, 231, .9));
  border: 1px solid var(--line);
}

.page-home .stats__num {
  display: block;
  font-family: var(--mono);
  font-size: 23px;
  font-weight: 600;
  letter-spacing: .01em;
  color: var(--ink);
}

.page-home .stats__label {
  display: block;
  margin-top: 5px;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--ink-70);
}

/* ---------- 收尾引导 ---------- */
.page-home .cta-band {
  display: grid;
  gap: 18px;
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid var(--line);
  border-radius: var(--r-l);
  background:
    radial-gradient(70% 110% at 0% 0%, rgba(123, 174, 127, .20), transparent 62%),
    radial-gradient(70% 110% at 100% 100%, rgba(228, 87, 61, .16), transparent 60%),
    var(--paper-hi);
}

.page-home .cta-band__title {
  margin: 0 0 8px;
  font-family: var(--serif);
  font-size: clamp(21px, 3vw, 27px);
  line-height: 1.3;
}

.page-home .cta-band__text p {
  margin: 0;
  max-width: 40rem;
  font-size: 14.5px;
  line-height: 1.75;
  color: var(--ink-70);
}

.page-home .cta-band__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

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

@media (min-width: 860px) {
  .page-home .series-board {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .page-home .series-shot {
    grid-column: 1 / 8;
    grid-row: 1;
  }
  .page-home .series-card--basic {
    grid-column: 8 / 13;
    grid-row: 1;
  }
  .page-home .series-card--upgraded {
    grid-column: 1 / 5;
    grid-row: 2;
  }
  .page-home .series-card--pro {
    grid-column: 5 / 9;
    grid-row: 2;
  }
  .page-home .series-card--enterprise {
    grid-column: 9 / 13;
    grid-row: 2;
  }
}

@media (min-width: 880px) {
  .page-home .cover__body {
    grid-template-columns: minmax(0, 11fr) minmax(0, 10fr);
    align-items: start;
  }
}

@media (min-width: 900px) {
  .page-home .docs-split {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    align-items: start;
  }
  .page-home .dual {
    grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
    align-items: start;
  }
  .page-home .cta-band {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
}

@media (max-width: 460px) {
  .page-home .entry-card a {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .page-home .entry-card__go {
    grid-column: 2;
    grid-row: 3;
  }
  .page-home .entry-card__desc {
    grid-column: 2;
    grid-row: 2;
  }
}