/* 首屏内容、品牌和编号参照地球野当前实现；官网单页保留满屏高度。 */
#top.hero { height: 100svh; }
#top .hero-kicker, #root .signal-strip { display: none; }
/* 介绍项不计入项目编号，保留占位以维持底部标签的对齐。 */
#top .hero-index [role="tab"]:first-child > span { color: transparent; }
#top .hero-description { color: #ffffffc2; }
#top .hero-project-link { cursor: pointer; }
#top h1.hero-title-with-logo { display: flex; width: 100%; min-height: 173px; align-items: center; justify-content: center; }
#top .hero-title-logo { display: block; width: min(750px, 60vw); height: auto; filter: brightness(0) invert(1); }
#top .hero-partner-logos { display: block; flex: none; align-self: center; width: min(569.8px, 51.8vw); max-width: 100%; height: auto; margin: 32px auto 0; }
@media (min-width: 861px) {
  #top .hero-description { margin-top: 14px; font-size: 32px; }
}
@media (max-width: 1100px) and (min-width: 861px) {
  #top h1.hero-title-with-logo { min-height: 124px; }
  #top .hero-title-logo { width: min(420px, 50vw); }
}
@media (max-height: 900px) and (min-width: 861px) {
  #top .hero-content { padding-top: 130px; padding-bottom: 120px; }
  #top .hero-partner-logos { width: min(434px, 44.8vw); margin-top: 24px; }
}
@media (max-height: 760px) and (min-width: 861px) {
  #top .hero-description { margin-top: 9px; }
}
@media (max-width: 860px) {
  #top h1.hero-title-with-logo { min-height: 101px; }
  #top .hero-title-logo { width: min(360px, 62vw); }
  #top .hero-partner-logos { width: min(378px, 70%); margin-top: 28px; }
}
@media (max-width: 600px) {
  #top.hero { height: 100svh; min-height: 640px; max-height: 920px; }
  #top .hero-content { width: calc(100% - 40px); padding: 104px 0 170px; align-items: center; text-align: center; }
  #top .hero-content h1 { max-width: 100%; font-size: clamp(48px, 16vw, 72px); line-height: 1.06; overflow-wrap: anywhere; }
  #top .hero-content h1.is-medium { font-size: clamp(40px, 13.4vw, 60px); }
  #top .hero-content h1.is-long { font-size: clamp(32px, 10.2vw, 46px); }
  #top .hero-content h1.hero-title-with-logo { min-height: 72px; justify-content: center; }
  #top .hero-title-logo { width: min(280px, 78vw); }
  #top .hero-statement { max-width: 100%; margin-top: 18px; font-size: clamp(25px, 7.5vw, 32px); line-height: 1.3; text-wrap: pretty; }
  #top .hero-description { align-self: stretch; max-width: none; margin: 18px 0 0; color: #e0e1e2; font-size: 16px; line-height: 1.7; }
  #top .hero-cta-row { justify-content: center; margin-top: 24px; }
  #top .hero-cta-row .primary-button { min-height: 48px; width: min(260px, calc(100vw - 40px)); }
  #top .hero-partner-logos { width: min(290px, 88%); margin: 24px 0 0; }
  #top .hero-arrows { bottom: 88px; right: 20px; }
  #top .hero-arrows button { width: 44px; height: 44px; }
  #top .hero-index { left: 20px; right: 20px; bottom: max(16px, env(safe-area-inset-bottom)); }
  #top .hero-index button { min-height: 48px; }
  #top .hero-index span { font-size: 12px; }
}

.earthwild-video-dialog { width: min(1100px, calc(100vw - 32px)); max-height: 90svh; margin: auto; padding: 44px 0 0; border: 1px solid var(--line-strong); background: #090c0b; color: #fff; overflow: auto; }
.earthwild-video-dialog::backdrop { background: #000c; }
.earthwild-video-dialog video { display: block; width: 100%; max-height: calc(90svh - 46px); background: #000; }
.earthwild-video-dialog .earthwild-video-close { position: absolute; top: 0; right: 0; width: 44px; height: 44px; font-size: 30px; line-height: 1; color: #fff; background: transparent; }
body:has(.earthwild-video-dialog[open]) { overflow: hidden; }