.brand-logo {
  display: block;
  width: 300px;
  max-width: 100%;
  height: auto;
}

/* 与 logo 画布使用同一实色，避免透明页头叠加页面底色后出现色块。 */
.site-header {
  background: #0b2634;
}

.site-header,
.top {
  position: sticky;
  top: 0;
  z-index: 30;
}

.site-header .nav,
.top {
  min-height: 96px;
}

.site-header .brand,
.top .brand {
  min-width: 0;
  gap: 0;
}

@media (max-width: 900px) {
  .site-header .brand-logo {
    width: 270px;
  }
}

@media (max-width: 620px) {
  .site-header .nav,
  .top {
    min-height: 80px;
  }

  .site-header .brand-logo {
    width: 235px;
  }

  .top {
    gap: 10px;
  }

  .top .brand-logo {
    width: 220px;
  }

  .top nav {
    gap: 10px;
    font-size: 13px;
  }
}

@media (max-width: 390px) {
  .top .brand-logo {
    width: 205px;
  }
}