/* 轻办工具箱 - 顶部导航修复 v2.4 */
html, body { overflow-x: hidden; }

body > header,
.site-header,
.topbar,
.navbar {
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid #dde5f0 !important;
  min-height: 58px !important;
  box-sizing: border-box !important;
  backdrop-filter: saturate(160%) blur(8px);
}

body > header > .container,
body > header > .wrap,
body > header > .wrapper,
body > header > .inner,
body > header > div,
.site-header > .container,
.site-header > .wrap,
.site-header > .wrapper,
.site-header > .inner,
.topbar > .container,
.topbar > .wrap,
.topbar > .wrapper,
.topbar > .inner,
.navbar > .container,
.navbar > .wrap,
.navbar > .wrapper,
.navbar > .inner {
  width: min(calc(100vw - 64px), 1560px) !important;
  max-width: 1560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: 58px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  box-sizing: border-box !important;
}

body > header .brand,
body > header .logo,
body > header .site-logo,
body > header .navbar-brand,
.site-header .brand,
.site-header .logo,
.site-header .site-logo,
.site-header .navbar-brand,
.topbar .brand,
.topbar .logo,
.topbar .site-logo,
.navbar .brand,
.navbar .logo,
.navbar .site-logo {
  margin-left: 0 !important;
  margin-right: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body > header nav,
body > header .nav,
body > header .menu,
body > header .tabs,
.site-header nav,
.site-header .nav,
.site-header .menu,
.site-header .tabs,
.topbar nav,
.topbar .nav,
.topbar .menu,
.navbar nav,
.navbar .nav,
.navbar .menu {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: static !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body > header nav a,
body > header .nav a,
body > header .menu a,
body > header .tabs a,
.site-header nav a,
.site-header .nav a,
.site-header .menu a,
.site-header .tabs a,
.topbar nav a,
.topbar .nav a,
.topbar .menu a,
.navbar nav a,
.navbar .nav a,
.navbar .menu a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid #d9e3f0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: none !important;
}

body > header nav a:hover,
body > header .nav a:hover,
body > header .menu a:hover,
.site-header nav a:hover,
.site-header .nav a:hover,
.site-header .menu a:hover,
.topbar nav a:hover,
.topbar .nav a:hover,
.navbar nav a:hover,
.navbar .nav a:hover {
  color: #1d4ed8 !important;
  border-color: #b9cef0 !important;
  background: #f8fbff !important;
}

@media (min-width: 1700px) {
  body > header > .container,
  body > header > .wrap,
  body > header > .wrapper,
  body > header > .inner,
  body > header > div,
  .site-header > .container,
  .site-header > .wrap,
  .site-header > .wrapper,
  .site-header > .inner,
  .topbar > .container,
  .topbar > .wrap,
  .topbar > .wrapper,
  .topbar > .inner,
  .navbar > .container,
  .navbar > .wrap,
  .navbar > .wrapper,
  .navbar > .inner {
    width: min(calc(100vw - 96px), 1680px) !important;
    max-width: 1680px !important;
  }
}

@media (max-width: 760px) {
  body > header > .container,
  body > header > .wrap,
  body > header > .wrapper,
  body > header > .inner,
  body > header > div,
  .site-header > .container,
  .site-header > .wrap,
  .site-header > .wrapper,
  .site-header > .inner,
  .topbar > .container,
  .topbar > .wrap,
  .topbar > .wrapper,
  .topbar > .inner,
  .navbar > .container,
  .navbar > .wrap,
  .navbar > .wrapper,
  .navbar > .inner {
    width: min(calc(100vw - 24px), 100%) !important;
    gap: 12px !important;
  }

  body > header nav,
  body > header .nav,
  body > header .menu,
  .site-header nav,
  .site-header .nav,
  .site-header .menu,
  .topbar nav,
  .topbar .nav,
  .navbar nav,
  .navbar .nav {
    overflow-x: auto !important;
    max-width: 65vw !important;
    padding-bottom: 4px !important;
  }

  body > header nav a,
  body > header .nav a,
  body > header .menu a,
  .site-header nav a,
  .site-header .nav a,
  .site-header .menu a,
  .topbar nav a,
  .topbar .nav a,
  .navbar nav a,
  .navbar .nav a {
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }
}