/* 顶部导航：与首屏连成一体的深色风格 */
.site-header {
  position: absolute;
  top: 0;
  left: 0;
  height: 96px;
  background: rgba(5, 22, 39, .9);
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, .16);
  box-shadow: none;
}

.site-header .nav-wrap { height: 96px; }

.brand-wordmark {
  display: inline-flex;
  align-items: center;
  min-height: 96px;
  font-family: 'STKaiti', 'KaiTi', 'Noto Serif SC', serif;
}

.brand-wordmark strong {
  color: #fff !important;
  font-size: 31px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: .14em;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .28);
}

.site-header .nav-links { color: rgba(255, 255, 255, .78); }
.site-header .nav-links a { padding: 38px 0; }
.site-header .nav-links a:hover,
.site-header .nav-links .active { color: #fff; border-color: #58d2ef; }
.site-header .lang { color: #c0d2e2; }
.site-header .menu-toggle { color: #fff; }

.hero { min-height: 710px; }
.hero-content { padding-top: 224px; }

@media (max-width: 850px) {
  .site-header, .site-header .nav-wrap { height: 78px; }
  .brand-wordmark { min-height: 78px; }
  .brand-wordmark strong { font-size: 25px; }
  .hero-content { padding-top: 158px; }
}