/* 首页只补充内容编排；设备、按钮与面板复用共享组件。 */
.home-eyebrow {
  margin:0 0 20px;
  color:var(--c-muted);
  font-size:var(--fs-small);
  font-weight:var(--weight-strong);
}
.hero-copy {
  padding-right:24px;
}
.home-facts {
  margin-top:22px;
  margin-bottom:0;
}
.hero-copy .platforms {
  gap:16px;
  margin-top:24px;
}
.home-protocol-note {
  max-width:48em;
  margin:36px auto 18px;
  color:var(--c-muted);
  font-size:var(--fs-small);
}
.home-section-intro {
  max-width:48em;
  margin-bottom:44px;
}
.home-section-intro p:last-child {
  margin-bottom:0;
}
.home-platform-grid {
  gap:24px;
}
.home-platform-title {
  color:var(--c-text);
  font-family:var(--f-display);
  font-size:var(--fs-h3);
  font-weight:var(--weight-bold);
  line-height:1.4;
}
.home-platform-title svg {
  width:24px;
  height:24px;
}
.home-download-notes {
  max-width:78ch;
  margin-top:36px;
  color:var(--c-muted);
}
.home-download-notes a {
  font-weight:var(--weight-strong);
}
.home-settings > .tab-panel {
  grid-column:2;
  grid-row:1;
}
.home-settings > .tab-list {
  grid-column:1;
  grid-row:1;
}
.home-settings .tab-panel > p {
  margin-bottom:20px;
}
.home-settings .tab-panel > a {
  font-size:var(--fs-small);
}
.home-ecosystem-map {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  margin-bottom:48px;
}
.home-ecosystem-map strong,
.home-ecosystem-map span {
  display:block;
}
.home-ecosystem-map strong {
  margin-bottom:14px;
  font-family:var(--f-display);
  font-size:var(--fs-h3);
  font-weight:var(--weight-bold);
}
.home-ecosystem-map span {
  font-family:var(--f-mono);
  font-size:var(--fs-small);
  overflow-wrap:anywhere;
}
.home-ecosystem-map p {
  margin:14px 0 0;
  color:var(--c-muted);
  font-size:var(--fs-small);
}
.home-ecosystem-copy {
  gap:40px 48px;
}
.home-ecosystem-copy p {
  color:var(--c-muted);
}
.home-ecosystem-copy p:last-child {
  margin-bottom:0;
}
.home-faq {
  margin-top:64px;
}
.home-faq > h3 {
  margin-bottom:24px;
}
.home-article-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.home-section-link {
  margin:28px 0 0;
}
@media (min-width:1101px) and (max-width:1440px) {
  .hero h1 {
    font-size:clamp(30px,3.1vw,44px);
  }
}
@media (max-width:1100px) {
  .hero-copy {
    padding-right:var(--gutter);
  }
  .home-article-grid {
    grid-template-columns:minmax(0,1fr);
  }
}
@media (max-width:800px) {
  .home-settings > .tab-list {
    grid-column:1;
    grid-row:1;
  }
  .home-settings > .tab-panel {
    grid-column:1;
    grid-row:2;
  }
  .home-ecosystem-map {
    grid-template-columns:minmax(0,1fr);
  }
  .home-ecosystem-map > div + div {
    padding-top:24px;
    border-top:1px solid var(--c-border);
  }
}
@media (max-width:768px) {
  .home-section-intro {
    margin-bottom:32px;
  }
}
@media (max-width:640px) {
  .home-eyebrow {
    font-size:var(--fs-caption);
    margin-bottom:16px;
  }
  .hero-copy .platforms {
    display:grid;
    grid-template-columns:repeat(4,max-content);
    gap:10px;
  }
  .hero-copy .platform {
    gap:5px;
    font-size:var(--fs-caption);
  }
  .hero-copy .platform svg {
    width:12px;
    height:12px;
  }
  .home-ecosystem-copy {
    gap:32px;
  }
  .home-faq {
    margin-top:40px;
  }
}
@media (max-width:360px) {
  .hero-copy .platforms {
    gap:8px;
  }
  .hero-copy .platform {
    gap:4px;
  }
}