.page-home {
  background: var(--sb-cream);
  color: var(--sb-ink);
  overflow-x: hidden;
}

/* ---------- 顶部贯通入口带 ---------- */
.page-home .home-entrybar {
  position: relative;
  background: var(--sb-red);
  padding-top: calc(var(--sb-head-h) + 12px);
  padding-bottom: 16px;
}
.page-home .home-entrybar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--sb-gold) 0 34%, var(--sb-green) 34% 67%, var(--sb-red-deep) 67% 100%);
}
.page-home .home-entrybar__label {
  margin: 0 0 10px;
  font-size: 13px;
  letter-spacing: .08em;
  color: var(--sb-gold-soft);
}
.page-home .home-entrybar__list {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 2px 0 4px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.page-home .home-entrybar__list::-webkit-scrollbar { display: none; }
.page-home .home-entrybar__list > li { flex: 0 0 auto; }
.page-home .home-entrybar__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  padding: 0 16px;
  font-family: var(--sb-font);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .01em;
  white-space: nowrap;
  text-decoration: none;
  color: var(--sb-cream);
  background: rgba(246, 240, 228, .12);
  border: 1px solid rgba(233, 211, 160, .5);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%);
  transition: background-color .18s var(--sb-ease), color .18s var(--sb-ease), border-color .18s var(--sb-ease);
}
.page-home .home-entrybar__link:hover,
.page-home .home-entrybar__link:focus-visible {
  background: var(--sb-gold);
  border-color: var(--sb-gold);
  color: var(--sb-indigo);
}
.page-home .home-entrybar__link:focus-visible {
  outline: 2px solid var(--sb-gold);
  outline-offset: 2px;
}
.page-home .home-entrybar__link:active {
  background: var(--sb-red-deep);
  color: var(--sb-cream);
}
.page-home .home-entrybar__link[aria-current="page"] {
  background: var(--sb-cream-deep);
  border-color: var(--sb-cream-deep);
  color: var(--sb-red-deep);
  font-weight: 700;
}

/* ---------- 首屏 ---------- */
.page-home .home-hero__grid {
  display: grid;
  gap: 26px;
  padding-top: clamp(30px, 5vw, 56px);
}
.page-home .home-hero__copy > * + * { margin-top: 14px; }
.page-home .home-hero__title {
  margin: 0;
  color: var(--sb-ink);
}
.page-home .home-hero__title::after {
  content: "";
  display: block;
  width: 68px;
  height: 5px;
  margin-top: 16px;
  background: var(--sb-red);
}
.page-home .home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.page-home .home-hero__figure {
  margin: 0;
  border-radius: 0;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sb-notch)), calc(100% - var(--sb-notch)) 100%, 0 100%);
}

/* ---------- 拼贴式栏目概览 ---------- */
.page-home .home-collage-wrap { margin-top: clamp(34px, 6vw, 72px); }
.page-home .home-collage {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}
.page-home .home-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 22px;
  text-decoration: none;
  color: var(--sb-ink);
  background: var(--sb-cream-deep);
  border: 1px solid var(--sb-gold-soft);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sb-notch)), calc(100% - var(--sb-notch)) 100%, 0 100%);
  transition: transform .22s var(--sb-ease), background-color .22s var(--sb-ease);
}
.page-home .home-tile:hover,
.page-home .home-tile:focus-visible { transform: translateY(-3px); }
.page-home .home-tile:focus-visible {
  outline: 2px solid var(--sb-gold);
  outline-offset: 3px;
}
.page-home .home-tile--a {
  background: var(--sb-indigo);
  border-color: var(--sb-indigo-mid);
  color: var(--sb-cream);
  min-height: 288px;
}
.page-home .home-tile--b {
  background: var(--sb-gold-soft);
  border-color: var(--sb-gold);
  min-height: 148px;
}
.page-home .home-tile--c {
  background: var(--sb-cream-deep);
  min-height: 186px;
}
.page-home .home-tile__kicker {
  font-family: var(--sb-font-num);
  font-weight: 700;
  font-size: 26px;
  line-height: 1;
  letter-spacing: .02em;
  color: var(--sb-red);
}
.page-home .home-tile--a .home-tile__kicker { color: var(--sb-gold); }
.page-home .home-tile--b .home-tile__kicker { color: var(--sb-gold-ink); }
.page-home .home-tile__title {
  display: block;
  margin: 12px 0 8px;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -.01em;
}
.page-home .home-tile__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.72;
}
.page-home .home-tile__go {
  display: inline-block;
  margin-top: auto;
  padding-top: 18px;
  font-size: 14px;
  font-weight: 700;
  color: var(--sb-red);
}
.page-home .home-tile--a .home-tile__go { color: var(--sb-gold); }
.page-home .home-tile--b .home-tile__go { color: var(--sb-gold-ink); }

/* ---------- 入口带说明 ---------- */
.page-home .home-tip__grid {
  display: grid;
  gap: 20px;
  align-items: center;
  padding-top: clamp(32px, 5vw, 60px);
}
.page-home .home-tip__figure { margin: 0; }
.page-home .home-tip__title {
  margin: 0;
  font-size: clamp(22px, 3.4vw, 30px);
  font-weight: 900;
  letter-spacing: -.01em;
}
.page-home .home-tip__list {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}
.page-home .home-tip__list > li {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.75;
}
.page-home .home-tip__list > li + li { margin-top: 8px; }
.page-home .home-tip__list > li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 11px;
  width: 7px;
  height: 7px;
  background: var(--sb-gold);
  transform: rotate(45deg);
}

/* ---------- 分类标签横滑带 ---------- */
.page-home .home-tags {
  position: relative;
  margin-top: clamp(36px, 6vw, 76px);
  padding: clamp(30px, 5vw, 54px) 0 clamp(26px, 4vw, 44px);
  background: var(--sb-cream-deep);
}
.page-home .home-tags::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(100deg, var(--sb-red) 0 32%, var(--sb-gold) 32% 63%, var(--sb-indigo) 63% 100%);
}
.page-home .home-tags__title {
  margin: 0;
  font-size: clamp(23px, 3.6vw, 32px);
  font-weight: 900;
  letter-spacing: -.01em;
}
.page-home .home-tags__lead {
  margin: 12px 0 0;
  max-width: 40em;
  font-size: 16px;
  line-height: 1.78;
}
.page-home .home-tags__rail {
  margin-top: 22px;
  padding: 4px var(--sb-gutter) 12px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.page-home .home-tags__rail::-webkit-scrollbar { display: none; }
.page-home .home-tags__list {
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: max-content;
}
.page-home .home-tags__list > li { scroll-snap-align: center; }
.page-home .home-tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 18px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .01em;
  white-space: nowrap;
  text-decoration: none;
  color: var(--sb-ink);
  background: var(--sb-cream);
  border: 1px solid var(--sb-gold-soft);
  clip-path: polygon(11px 0, 100% 0, 100% 100%, 0 100%, 0 11px);
  transition: background-color .2s var(--sb-ease), border-color .2s var(--sb-ease), color .2s var(--sb-ease);
}
.page-home .home-tag:hover,
.page-home .home-tag:focus-visible {
  background: var(--sb-gold);
  border-color: var(--sb-gold);
  color: var(--sb-indigo);
}
.page-home .home-tag:focus-visible {
  outline: 2px solid var(--sb-indigo);
  outline-offset: 2px;
}
.page-home .home-tag__num {
  font-family: var(--sb-font-num);
  font-weight: 700;
  font-size: 15px;
  color: var(--sb-gold-ink);
}
.page-home .home-tags__more {
  display: inline-block;
  margin-top: 18px;
  font-size: 15px;
  font-weight: 700;
  color: var(--sb-red);
  text-decoration: none;
  border-bottom: 2px solid var(--sb-gold-soft);
  padding-bottom: 3px;
}
.page-home .home-tags__more:hover,
.page-home .home-tags__more:focus-visible { border-bottom-color: var(--sb-red); }

/* ---------- 帮助中心置顶三条 ---------- */
.page-home .home-help__grid {
  display: grid;
  gap: 26px;
}
.page-home .home-help__title {
  margin: 0;
  font-size: clamp(23px, 3.6vw, 32px);
  font-weight: 900;
  letter-spacing: -.01em;
}
.page-home .home-help__lead {
  margin: 12px 0 0;
  max-width: 32em;
  font-size: 16px;
  line-height: 1.78;
}
.page-home .home-help__figure {
  margin: 20px 0 0;
  max-width: 240px;
}
.page-home .home-help__accordion { min-width: 0; }

/* ---------- 旧版板块跳转条 ---------- */
.page-home .home-legacy {
  position: relative;
  margin-top: clamp(38px, 6vw, 80px);
  background: var(--sb-indigo);
  color: var(--sb-cream);
  overflow: hidden;
}
.page-home .home-legacy__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .3;
}
.page-home .home-legacy__inner {
  position: relative;
  display: grid;
  gap: 20px;
  max-width: var(--sb-shell);
  margin: 0 auto;
  padding: clamp(32px, 5vw, 58px) var(--sb-gutter);
}
.page-home .home-legacy__title {
  margin: 0;
  font-size: clamp(22px, 3.4vw, 30px);
  font-weight: 900;
  letter-spacing: -.01em;
  color: var(--sb-cream);
}
.page-home .home-legacy__text {
  margin: 12px 0 0;
  max-width: 36em;
  font-size: 16px;
  line-height: 1.78;
  color: var(--sb-gold-soft);
}
.page-home .home-legacy__btn { justify-self: start; }
.page-home .home-legacy__btn:active {
  background-color: var(--sb-gold-ink);
  color: var(--sb-cream);
  transition-duration: 80ms;
}

/* ---------- 站点运行概览 ---------- */
.page-home .home-facts__title {
  margin: 0;
  font-size: clamp(23px, 3.6vw, 32px);
  font-weight: 900;
  letter-spacing: -.01em;
}
.page-home .home-facts__list {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  display: grid;
  gap: 20px;
}
.page-home .home-facts__item {
  border-top: 1px solid var(--sb-gold-soft);
  padding-top: 14px;
}
.page-home .home-facts__num {
  display: block;
  font-family: var(--sb-font-num);
  font-weight: 700;
  font-size: clamp(42px, 8vw, 64px);
  line-height: 1;
  letter-spacing: -.01em;
  color: var(--sb-indigo);
}
.page-home .home-facts__label {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  color: var(--sb-ink);
}
.page-home .home-facts__note {
  margin: 26px 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--sb-indigo-mid);
}

/* ---------- 合作入口 ---------- */
.page-home .home-cta {
  display: grid;
  gap: 18px;
  padding: clamp(26px, 4vw, 42px);
  background: var(--sb-gold-soft);
  border-left: 6px solid var(--sb-red);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sb-notch)), calc(100% - var(--sb-notch)) 100%, 0 100%);
}
.page-home .home-cta__title {
  margin: 0;
  font-size: clamp(21px, 3.2vw, 28px);
  font-weight: 900;
  letter-spacing: -.01em;
  color: var(--sb-ink);
}
.page-home .home-cta__text {
  margin: 12px 0 0;
  max-width: 42em;
  font-size: 16px;
  line-height: 1.78;
}

/* ---------- 窄屏与桌面节奏 ---------- */
@media (max-width: 379px) {
  .page-home .home-entrybar__link { padding: 0 13px; font-size: 13px; }
  .page-home .home-tile { padding: 18px; }
  .page-home .home-tile__title { font-size: 18px; }
}

@media (min-width: 640px) {
  .page-home .home-facts__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 32px; }
  .page-home .home-cta { grid-template-columns: 1fr auto; align-items: center; gap: 32px; }
}

@media (min-width: 768px) {
  .page-home .home-hero__grid {
    grid-template-columns: 1.06fr .94fr;
    gap: clamp(26px, 4vw, 52px);
    align-items: center;
  }
  .page-home .home-collage {
    grid-template-columns: 1.14fr .86fr;
    grid-template-areas: "a b" "a c";
    gap: 16px;
  }
  .page-home .home-tile--a { grid-area: a; }
  .page-home .home-tile--b { grid-area: b; }
  .page-home .home-tile--c { grid-area: c; }
  .page-home .home-tip__grid { grid-template-columns: .92fr 1.08fr; gap: clamp(22px, 3vw, 40px); }
  .page-home .home-legacy__inner { grid-template-columns: 1fr auto; align-items: center; gap: 36px; }
}

@media (min-width: 900px) {
  .page-home .home-help__grid { grid-template-columns: .82fr 1.18fr; gap: clamp(26px, 4vw, 58px); align-items: start; }
}

@media (min-width: 1024px) {
  .page-home .home-facts__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 28px; }
  .page-home .home-facts__item { padding-top: 16px; }
  .page-home .home-facts__list > li:nth-child(2) { padding-top: 34px; }
  .page-home .home-facts__list > li:nth-child(3) { padding-top: 52px; }
  .page-home .home-facts__list > li:nth-child(4) { padding-top: 70px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-tile,
  .page-home .home-entrybar__link,
  .page-home .home-tag,
  .page-home .home-tags__more { transition: none; }
  .page-home .home-tile:hover,
  .page-home .home-tile:focus-visible { transform: none; }
}