/* 落地页顶部导航（header.top / nav.main / .logo / GEO资讯下拉）的唯一样式来源，在 landing.scss 之后加载。 */
#landing-page header.top {
  position: sticky;
  top: env(safe-area-inset-top, 0px);
  z-index: 20;
  background: color-mix(in oklab, var(--void) 78%, transparent);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--rim);
}
#landing-page header.top .wrap {
  display: flex;
  align-items: center;
  gap: 18px;
  height: 64px;
}
#landing-page .logo {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--f-display);
  font-weight: 900;
  font-size: 20px;
  text-decoration: none;
  white-space: nowrap;
}
#landing-page .logo img {
  display: block;
  object-fit: contain;
  flex-shrink: 0;
}
#landing-page nav.main {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-left: auto;
  font-size: 16px;
  color: var(--ink-dim);
}
#landing-page nav.main a {
  text-decoration: none;
}
#landing-page nav.main a:hover {
  color: var(--ink);
}
#landing-page nav.main a[aria-current] {
  color: var(--ink);
}
#landing-page .main a[aria-current="page"] {
  color: var(--disk-hot);
  font-weight: 600;
}
#landing-page nav.main a[aria-current="location"] {
  color: var(--disk-hot);
  font-weight: 700;
}

#landing-page .geo-news-nav {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 16px 0;
  margin: -16px 0;
}
#landing-page .geo-news-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
#landing-page .geo-news-toggle svg {
  width: 12px;
  height: 12px;
  transition: transform 0.18s;
}
#landing-page .geo-news-nav:hover .geo-news-toggle svg,
#landing-page .geo-news-nav:focus-within .geo-news-toggle svg {
  transform: rotate(180deg);
}
#landing-page .geo-news-menu {
  display: none;
  position: absolute;
  left: -18px;
  top: 100%;
  width: 258px;
  padding: 15px 10px;
  background: var(--void-2, #fff);
  border: 1px solid var(--rim, #e0e7f3);
  border-radius: 10px;
  box-shadow: 0 16px 40px #1d355d1c;
  z-index: 1000;
}
#landing-page .geo-news-nav:hover .geo-news-menu,
#landing-page .geo-news-nav:focus-within .geo-news-menu {
  display: grid;
  gap: 3px;
}
#landing-page .geo-news-menu a {
  display: flex !important;
  flex-direction: column;
  gap: 5px;
  padding: 11px 14px !important;
  border-radius: 6px;
  line-height: 1.5 !important;
  white-space: normal;
}
#landing-page .geo-news-menu a:hover {
  background: #3985ed0d;
}
#landing-page .geo-news-menu strong {
  font-size: 14px;
  color: var(--ink, #243b60);
  font-weight: 600;
}
#landing-page .geo-news-menu small {
  font-size: 12px;
  color: var(--muted, #7890ae);
  font-weight: 400;
}

@media (min-width: 861px) {
  #landing-page nav.main {
    margin-right: 40px;
  }
}
@media (max-width: 1180px) {
  #landing-page header.top .wrap {
    gap: 12px;
  }
  #landing-page nav.main {
    gap: 20px;
    font-size: 14px;
  }
  #landing-page header.top .btn {
    padding: 10px 14px;
    font-size: 12px;
  }
}
@media (max-width: 1020px) {
  #landing-page header.top .scheme {
    display: none;
  }
}
@media (max-width: 860px) {
  #landing-page nav.main {
    display: flex;
    margin-left: auto;
    overflow: auto;
    gap: 24px;
    font-size: 14px;
    scrollbar-width: none;
    max-width: calc(100vw - 230px);
    white-space: nowrap;
  }
  #landing-page header.top .btn {
    display: none;
    margin-left: auto;
  }
  #landing-page .logo {
    font-size: 18px;
  }
  #landing-page .logo img {
    width: 30px;
    height: 31px;
  }
}
@media (max-width: 760px) {
  #landing-page .geo-news-menu {
    left: auto;
    right: 0;
    width: 230px;
  }
}