:root {
  --qf-v9-topbar-h: 34px;
  --qf-v9-header-h: 78px;
  --qf-v9-logo: 48px;
}

body.qifeng-client-v9-header-compact .qf-site-header--v4 {
  width: 100%;
}

body.qifeng-client-v9-header-compact .qf-topbar {
  min-height: var(--qf-v9-topbar-h) !important;
  height: var(--qf-v9-topbar-h) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: visible !important;
}

body.qifeng-client-v9-header-compact .qf-topbar__inner {
  min-height: var(--qf-v9-topbar-h) !important;
  height: var(--qf-v9-topbar-h) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

body.qifeng-client-v9-header-compact .qf-topbar__proof,
body.qifeng-client-v9-header-compact .qf-topbar__actions,
body.qifeng-client-v9-header-compact .qf-contact-menu,
body.qifeng-client-v9-header-compact .qf-language-switcher {
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}

body.qifeng-client-v9-header-compact .qf-topbar__proof {
  flex-wrap: nowrap !important;
  gap: 12px !important;
  font-size: 0.72rem !important;
  line-height: 1 !important;
}

body.qifeng-client-v9-header-compact .qf-icon-link,
body.qifeng-client-v9-header-compact .qf-language-trigger {
  min-height: 26px !important;
  height: 26px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

body.qifeng-client-v9-header-compact .qf-language-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  z-index: 2000 !important;
}

body.qifeng-client-v9-header-compact .qf-header-main {
  min-height: var(--qf-v9-header-h) !important;
  height: var(--qf-v9-header-h) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

body.qifeng-client-v9-header-compact header.qf-site-header .qf-brand-mark {
  width: 248px !important;
  max-width: 248px !important;
  min-width: 0 !important;
  height: 64px !important;
  min-height: 0 !important;
  max-height: 64px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  text-decoration: none !important;
  flex: 0 0 248px !important;
}

body.qifeng-client-v9-header-compact header.qf-site-header .qf-brand-mark__icon {
  width: var(--qf-v9-logo) !important;
  height: var(--qf-v9-logo) !important;
  max-width: var(--qf-v9-logo) !important;
  max-height: var(--qf-v9-logo) !important;
  flex: 0 0 var(--qf-v9-logo) !important;
  object-fit: contain !important;
}

body.qifeng-client-v9-header-compact header.qf-site-header .qf-brand-mark__copy {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}

body.qifeng-client-v9-header-compact header.qf-site-header .brand-mark__name {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  font-size: clamp(22px, 1.42vw, 25px) !important;
  line-height: 1.05 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
}

body.qifeng-client-v9-header-compact header.qf-site-header .brand-mark__tag {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
}

body.qifeng-client-v9-header-compact .qf-nav-desktop {
  min-width: 0 !important;
  height: var(--qf-v9-header-h) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
}

body.qifeng-client-v9-header-compact .qf-nav-list {
  width: 100% !important;
  max-width: 650px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(4px, 0.65vw, 10px) !important;
}

body.qifeng-client-v9-header-compact .qf-nav-item {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

body.qifeng-client-v9-header-compact .qf-nav-link,
body.qifeng-client-v9-header-compact .qf-nav-trigger {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  font-size: 0.88rem !important;
}

body.qifeng-client-v9-header-compact .qf-nav-panel {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  margin-top: 0 !important;
  z-index: 1900 !important;
}

body.qifeng-client-v9-header-compact .qf-nav-panel[hidden],
body.qifeng-client-v9-header-compact .qf-mobile-drawer[hidden],
body.qifeng-client-v9-header-compact .qf-mobile-overlay[hidden] {
  display: none !important;
}

body.qifeng-client-v9-header-compact .qf-header-actions {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
}

body.qifeng-client-v9-header-compact .qf-header-link {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.qifeng-client-v9-header-compact .qf-header-cta--desktop {
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  color: #fff !important;
}

body.qifeng-client-v9-header-compact .qf-mobile-drawer {
  position: fixed !important;
  inset: 0 0 0 auto !important;
}

@media (max-width: 1279px) and (min-width: 1101px) {
  body.qifeng-client-v9-header-compact header.qf-site-header .qf-brand-mark {
    width: 228px !important;
    max-width: 228px !important;
    flex-basis: 228px !important;
  }

  body.qifeng-client-v9-header-compact .qf-nav-list {
    max-width: 590px !important;
    gap: 4px !important;
  }

  body.qifeng-client-v9-header-compact .qf-nav-link,
  body.qifeng-client-v9-header-compact .qf-nav-trigger {
    padding: 0 7px !important;
    font-size: 0.84rem !important;
  }

  body.qifeng-client-v9-header-compact .qf-header-link {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  body.qifeng-client-v9-header-compact .qf-header-main {
    height: 76px !important;
    min-height: 76px !important;
  }

  body.qifeng-client-v9-header-compact .qf-nav-desktop {
    display: none !important;
  }
}

@media (max-width: 782px) {
  :root {
    --qf-v9-header-h: 66px;
    --qf-v9-logo: 42px;
  }

  body.qifeng-client-v9-header-compact .qf-header-main {
    height: var(--qf-v9-header-h) !important;
    min-height: var(--qf-v9-header-h) !important;
  }

  body.qifeng-client-v9-header-compact header.qf-site-header .qf-brand-mark {
    width: auto !important;
    max-width: 220px !important;
    height: 54px !important;
    max-height: 54px !important;
    flex-basis: auto !important;
    gap: 10px !important;
  }

  body.qifeng-client-v9-header-compact header.qf-site-header .brand-mark__name {
    font-size: 1.08rem !important;
    line-height: 1 !important;
  }

  body.qifeng-client-v9-header-compact header.qf-site-header .brand-mark__tag {
    display: none !important;
  }

  body.qifeng-client-v9-header-compact .qf-header-actions {
    gap: 10px !important;
  }

  body.qifeng-client-v9-header-compact .qf-header-link,
  body.qifeng-client-v9-header-compact .qf-header-cta--desktop {
    display: none !important;
  }

  body.qifeng-client-v9-header-compact .qf-header-cta--mobile,
  body.qifeng-client-v9-header-compact .qf-menu-toggle {
    display: inline-flex !important;
  }

  body.qifeng-client-v9-header-compact .qf-header-cta--mobile {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 16px !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    color: #fff !important;
  }

  body.qifeng-client-v9-header-compact .qf-menu-toggle {
    width: 40px !important;
    height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.qifeng-client-v9-header-compact .qf-menu-toggle span {
    width: 17px !important;
    height: 2px !important;
    display: block !important;
    background: #fff !important;
    border-radius: 999px !important;
  }
}

@media (max-width: 420px) {
  body.qifeng-client-v9-header-compact header.qf-site-header .qf-brand-mark {
    max-width: 190px !important;
  }

  body.qifeng-client-v9-header-compact header.qf-site-header .brand-mark__name {
    font-size: 0.98rem !important;
    letter-spacing: 0.03em !important;
  }
}