/* ============================================================
   顶部导航流式自适应：字号 / 间距 / Logo / 搜索框
   全部随视口宽度（vw）平滑缩放，宽屏自动变大、窄屏自动缩小，
   不再因屏幕尺寸不同而按钮重叠。
   断点：>1100px 横向流式导航；≤1100px 汉堡菜单。
   ============================================================ */

@media (min-width: 1101px) {

  /* 顶部条整体高度随屏幕缩放（大屏继续放大） */
  .topbar-inner,
  .topbar-inner-fixed {
    min-height: clamp(80px, 7vw, 150px) !important;
    height: clamp(80px, 7vw, 150px) !important;
    gap: clamp(8px, 1vw, 26px) !important;
    width: min(2200px, calc(100% - 40px)) !important;
    padding: 0 !important;
  }

  /* Logo 高度流式缩放（原图 568x100，宽高比 5.68:1） */
  .brand-logo {
    height: clamp(44px, 4.5vw, 100px) !important;
    width: auto !important;
    object-fit: contain !important;
  }

  /* 主导航允许收缩，但不要溢出 */
  .main-nav {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: visible !important;
  }

  .nav-list {
    gap: 0 !important;
    width: auto !important;
    align-items: stretch !important;
  }

  /* 导航文字：字号 + 左右内边距全部流式 */
  .nav-list > li > a {
    min-height: clamp(80px, 7vw, 150px) !important;
    height: clamp(80px, 7vw, 150px) !important;
    font-size: clamp(13px, 1.05vw, 24px) !important;
    padding-left: clamp(5px, 0.55vw, 16px) !important;
    padding-right: clamp(5px, 0.55vw, 16px) !important;
    white-space: nowrap !important;
  }

  /* 金色下划线跟随 padding 流式 */
  .nav-list > li > a::after {
    left: clamp(5px, 0.55vw, 16px) !important;
    right: clamp(5px, 0.55vw, 16px) !important;
    bottom: clamp(8px, 1.2vw, 26px) !important;
    height: clamp(3px, 0.3vw, 5px) !important;
  }

  /* 右侧工具栏 */
  .topbar-tools {
    gap: clamp(5px, 0.65vw, 14px) !important;
    flex-shrink: 0 !important;
  }

  .home-page-btn {
    font-size: clamp(12px, 0.95vw, 20px) !important;
    padding: clamp(4px, 0.45vw, 10px) clamp(8px, 0.85vw, 20px) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  /* 搜索框宽度流式 */
  .search-form {
    width: clamp(170px, 17vw, 380px) !important;
    min-width: clamp(170px, 17vw, 380px) !important;
  }

  .search-form input {
    font-size: clamp(12px, 0.95vw, 20px) !important;
    padding: clamp(6px, 0.65vw, 14px) clamp(8px, 0.75vw, 18px) !important;
    line-height: 1.2 !important;
  }

  .search-form button {
    font-size: clamp(12px, 0.95vw, 20px) !important;
    padding: clamp(6px, 0.65vw, 14px) clamp(9px, 0.95vw, 22px) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}

/* ============================================================
   窄屏 ≤1100px：汉堡菜单 + 下拉面板
   ============================================================ */
@media (max-width: 1100px) {

  .topbar-inner,
  .topbar-inner-fixed {
    min-height: 64px !important;
    height: 64px !important;
    gap: 12px !important;
    width: calc(100% - 32px) !important;
  }

  .brand-logo {
    height: 40px !important;
    width: auto !important;
  }

  .menu-toggle {
    display: flex !important;
    order: 3;
    margin-left: auto;
  }

  /* 默认隐藏横向导航 */
  .main-nav {
    display: none !important;
    position: absolute !important;
    top: 64px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: rgba(26, 74, 158, 0.97) !important;
    backdrop-filter: blur(10px);
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  }

  /* 打开时显示为垂直列表 */
  .main-nav.open {
    display: block !important;
  }

  .main-nav .nav-list {
    flex-direction: column !important;
    width: 100% !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 8px 0 !important;
  }

  .main-nav .nav-list > li {
    width: 100% !important;
  }

  .main-nav .nav-list > li > a {
    min-height: 48px !important;
    height: 48px !important;
    width: 100% !important;
    padding: 0 24px !important;
    font-size: 15px !important;
    justify-content: flex-start !important;
  }

  .main-nav .nav-list > li > a::after {
    display: none !important;
  }

  /* 子菜单在移动端展开 */
  .main-nav .submenu {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    background: rgba(255, 255, 255, 0.08) !important;
    padding: 0 0 0 16px !important;
    min-width: 0 !important;
  }

  .main-nav .submenu a {
    color: rgba(255, 255, 255, 0.85) !important;
    padding: 10px 16px !important;
  }

  /* 右侧工具栏收窄 */
  .topbar-tools {
    gap: 8px !important;
    flex-shrink: 0 !important;
  }

  .home-page-btn {
    font-size: 12px !important;
    padding: 5px 10px !important;
  }

  .search-form {
    width: 160px !important;
    min-width: 160px !important;
  }

  .search-form input {
    font-size: 12px !important;
    padding: 6px 10px !important;
  }

  .search-form button {
    font-size: 12px !important;
    padding: 6px 10px !important;
  }
}