/* 首页仅补充内容编排，按钮、时间轴、页签与平台卡沿用共享组件。 */
.home-symbols {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}

.home-hero-visual {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:32px 24px;
}

.home-hero-visual img {
  display:block;
  width:min(100%,300px);
  height:auto;
  border-radius:10px;
  box-shadow:var(--sh-phone);
}

.home-setup-link {
  align-self:flex-start;
  margin-top:14px;
  color:var(--c-on-ink);
  font-size:var(--size-small);
  text-decoration:underline;
  text-underline-offset:5px;
}

.home-setup-link:hover {
  color:var(--c-lime);
}

.home-hero-tags {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.home-hero-tags .fact {
  font-family:var(--f-mono);
}

.home-section-head {
  max-width:780px;
  margin-bottom:32px;
}

.home-section-head h2 {
  margin-top:18px;
  margin-bottom:18px;
}

.home-section-head p {
  line-height:1.85;
}

.home-section-head p:last-child {
  margin-bottom:0;
}

.home-text-link {
  display:inline-block;
  max-width:100%;
  margin-top:22px;
  color:var(--c-lime-deep);
  font-size:var(--size-small);
  font-weight:var(--weight-semibold);
  overflow-wrap:break-word;
  text-decoration:underline;
  text-underline-offset:5px;
}

.home-text-link:hover {
  color:var(--c-text);
}

.home-platform-title {
  display:flex;
  align-items:center;
  gap:12px;
}

.home-platform-title svg {
  width:24px;
  height:24px;
  color:var(--c-lime-deep);
}

.home-platform-title a:hover {
  text-decoration:underline;
  text-underline-offset:5px;
}

.home-steps {
  list-style:none;
  margin:0 0 28px;
  padding:0;
  counter-reset:home-step;
}

.home-steps li {
  position:relative;
  padding-left:64px;
  counter-increment:home-step;
}

.home-steps li+li {
  margin-top:32px;
  padding-top:32px;
  border-top:1px solid var(--c-border-soft);
}

.home-steps li::before {
  content:counter(home-step, decimal-leading-zero);
  position:absolute;
  left:0;
  top:0;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:var(--r-round);
  background:var(--c-lime);
  color:var(--c-text);
  font-family:var(--f-mono);
  font-size:var(--size-small);
  font-weight:var(--weight-semibold);
}

.home-steps li+li::before {
  top:32px;
}

.home-steps h3 {
  margin-bottom:14px;
}

.home-steps p {
  margin-bottom:14px;
  color:var(--c-muted);
  line-height:1.85;
}

.home-steps p:last-child {
  margin-bottom:0;
}

.home-facts-layout {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.home-facts-layout>* {
  min-width:0;
}

.home-facts-layout .card p {
  color:var(--c-muted);
  line-height:1.85;
}

.home-facts-layout .card strong {
  color:var(--c-text);
  overflow-wrap:anywhere;
}

.home-official-mark {
  display:block;
  margin-bottom:24px;
  border:1px solid var(--c-border-soft);
  border-radius:var(--r-mark);
}

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

.home-articles>* {
  min-width:0;
}

@media(min-width:961px) {
  .stage .panel {
    height:auto;
    min-height:680px;
  }

  .stage .rig {
    min-height:680px;
  }

  .stage .copy {
    padding-top:36px;
    padding-bottom:36px;
  }

  .stage .plats {
    margin-top:20px;
    padding-top:16px;
  }
}

@media(max-width:1100px) {
  .home-articles {
    grid-template-columns:minmax(0,1fr);
  }
}

@media(max-width:960px) {
  .home-hero-tags {
    margin-top:12px;
  }

  .stage .plats {
    margin-top:16px;
    padding-top:14px;
  }
}

@media(max-width:768px) {
  .home-facts-layout {
    grid-template-columns:minmax(0,1fr);
  }

  .home-steps li {
    padding-left:0;
  }

  .home-steps li::before {
    position:static;
    margin-bottom:16px;
  }

  .home-steps h3 {
    font-size:var(--size-h3);
  }
}

@media(max-width:640px) {
  .stage .panel {
    padding-top:24px;
  }

  .stage .hero-title {
    margin-top:18px;
  }

  .stage .hero-lede {
    margin-top:16px;
  }

  .stage .get-actions {
    margin-top:20px;
    gap:8px;
  }

  .stage .get-note {
    margin-top:10px;
  }

  .stage .home-setup-link {
    margin-top:10px;
  }

  .home-section-head {
    margin-bottom:24px;
  }

  .home-facts-layout .card {
    padding:24px 20px;
  }

  .home-articles .article-card {
    padding:24px 20px;
  }
}