@charset "UTF-8";
/* =====================================================================
   xmstrength — 顶部信息带压缩（安全版）
   目标：拆掉模板给信息块的多余纵向留白，把顶部从 213px 降到 ~150px。
   约束：**不得挤压条目宽度**——地址是超长单行文本，一旦被 flex 压窄就会
        溢出并与相邻项重叠（上一版 flex:1 1 0 就是这个后果）。
        因此这里用「自然宽度 + 允许换行」，只清纵向间距，不动横向分配。
   只做加法：不删背景、不改配色令牌、不动布局骨架。
   ===================================================================== */

/* =====================================================================
   A. 头部单行化：logo 与信息带同一排（仅 ≥1200px）
   ---------------------------------------------------------------------
   实测结构：.sigma_header-middle > .container > DIV.navbar
   现状 logo 在 y=10、信息带在 y=50 —— 被折成两行，左侧留下大片空白。

   ⚠ 为什么限定 ≥1200px：信息带里含一条**超长地址**（单行需约 600px）。
     若在容器更窄时也强制单行，地址会被压成极窄的竖条 ——
     实测 1024px 下地址宽仅 12px、折成 63 行、头部高 1344px（严重崩坏）。
     故窄屏保持模板原本的「logo 一行 + 信息带一行」，地址才有整行宽度。
   ===================================================================== */
@media (min-width: 1200px) {
  /* 用 CSS Grid 而非 flex：网格轨道天然互不重叠。
     之前用 flex（logo flex:0 0 auto + 信息带 flex:1 1 auto）在部分环境
     （浏览器缩放 / 高 DPI 导致有效 CSS 宽度更窄）下会出现 logo 与第一项信息压叠。
     grid-template-columns 明确给 logo 一列、信息带一列、桌面隐藏的控件一列。 */
  .sigma_header-middle .container > .navbar {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    column-gap: clamp(16px, 2vw, 40px);
    flex-wrap: nowrap;
  }
  /* logo：彻底排除绝对定位/位移/负边距造成的压叠可能。
     关键：容器 .sigma_logo 原本被写成 width:130px，而内部 <img> 是 240px 宽
     （模板给 img 设的 max-width:240px 才是本意）→ 图片溢出 110px。
     原先 logo 独占一行时溢出没人注意；移到与信息带同一行后就会压住第一项
     （实测 1440 下压 81px、1920 下压 72px）。故让容器按图片实际尺寸撑开。 */
  .sigma_header-middle .sigma_logo,
  .sigma_header-middle .sigma_logo-wrapper {
    grid-column: 1;
    position: static !important;
    transform: none !important;
    inset: auto !important;
    margin: 0 !important;
    inline-size: auto !important;
    max-inline-size: none !important;
    flex: 0 0 auto !important;
  }
  /* logo 宽度：模板给 img 设 max-width:240px，但 240px 会挤掉地址的可用宽度
     （实测 1440 下地址只剩 150px、折 5 行；降到 180px 后为 210px、折 3 行、头部高 110→72px）。 */
  .sigma_header-middle .sigma_logo img {
    display: block;
    max-inline-size: 180px;
    block-size: auto;
  }
  .sigma_header-middle .sigma_header-top-links {
    grid-column: 2;
    min-inline-size: 0;
    inline-size: auto !important;
  }
  .sigma_header-middle .sigma_header-controls { grid-column: 3; }
  /* 第一项不得有负起始间距（否则会滑到 logo 下方） */
  .sigma_header-middle .sigma_header-top-nav > li:first-child {
    margin-inline-start: 0 !important;
    padding-inline-start: 0 !important;
    border-inline-start: 0 !important;
  }
}

/* =====================================================================
   B. GUIDES 大屏下拉：背景不透明 + 栏目不再被挤成窄条
   ---------------------------------------------------------------------
   实测（hover 展开）：grid-template-columns 为 1fr 1fr 1fr 1.15fr，
   栏目过窄使标题折成 3 行、内容溢出面板；面板背景在展开时看不出为白色。
   处理：面板强制不透明白底；网格给足最小列宽；标题与条目不换行。
   ===================================================================== */
.quadra-mega-panel {
  background: #ffffff !important;
  border-top: 1px solid var(--qf-border, #e6e6e6) !important;
  box-shadow: 0 18px 40px rgba(16, 16, 16, .13) !important;
}
/* 关键：面板原为 position:absolute + left/right:0，但最近的已定位祖先只有 68px 宽，
   导致整块被压成 68x970 的竖条（栏目文字全部折行）——这就是「排版乱七八糟」的成因。
   此处把包含块提到整条导航栏（.sigma_header-bottom），面板才能真正铺满。 */
@media (min-width: 992px) {
  .sigma_header-bottom,
  .sigma_header-bottom > .container,
  .sigma_header-bottom .navbar,
  .sigma_header-bottom .navbar-collapse {
    position: relative;
  }
  /* 模板把导航项设成 position:relative（下拉菜单常见写法），使最窄的 <li>(68px)
     成了面板的包含块。显式压回 static，包含块才落到 1110px 的 .navbar 上。 */
  .sigma_header-bottom .navbar-nav > li.quadra-mega-item,
  .sigma_header .quadra-mega-item {
    position: static !important;
  }
  .quadra-mega-panel {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    inset-inline-start: 0 !important;
    inset-inline-end: auto !important;
    margin-inline-start: 0 !important;
  }
}
@media (min-width: 992px) {
  .quadra-mega-panel .quadra-mega-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
    gap: clamp(20px, 2.4vw, 44px) !important;
    align-items: start;
  }
  .quadra-mega-panel .quadra-mega-head {
    white-space: nowrap;
    line-height: 1.5;
    margin-block: 0 12px !important;
  }
  /* 条目间距收紧：模板给了每项约 88px 的行距，使面板被撑到 949px 高。
     改为紧凑列表（实测目标：面板高度显著下降、一屏内可读）。 */
  .quadra-mega-panel .quadra-mega-col {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .quadra-mega-panel .quadra-mega-col > * { margin-block: 0 !important; }
  .quadra-mega-panel .quadra-mega-col a,
  .quadra-mega-panel .quadra-mega-col li {
    white-space: nowrap;
    display: block;
    margin-block: 0 !important;
    padding-block: 5px !important;
    line-height: 1.45 !important;
  }
  .quadra-mega-panel .quadra-mega-inner { max-inline-size: 100%; }
  .quadra-mega-panel { padding-block: 22px 26px !important; }
}

@media (min-width: 992px) {
  /* 清掉信息块的纵向留白（横向不动） */
  .sigma_header-middle .sigma_header-top-links {
    padding-block: 0;
    margin-block: 0;
  }
  .sigma_header-middle .sigma_header-top-nav {
    display: flex;
    flex-wrap: nowrap;               /* 保持单行：靠条目内部换行，而不是整体折行 */
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px clamp(14px, 2vw, 28px);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /* 第 1、3 项保持自然宽度，不伸不缩 */
  .sigma_header-middle .sigma_header-top-nav > li {
    flex: 0 0 auto;
    max-inline-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
  }
  /* 地址项：精确占据剩余空间（flex-basis:0）。
     若用 flex-basis:auto，基准会取 max-content（实测 651px），总宽被顶到 1154 > 1110，
     第 3 项就被挤到第二行。地址允许换行，窄屏时在自己内部折行，不侵占邻居。 */
  .sigma_header-middle .sigma_header-top-nav > li:nth-child(2) {
    flex: 1 1 0;
    /* 关键：不可为 0。地址项一旦能被压到极窄，就会折成几十行
       （实测 1024px 下 12px 宽 / 63 行 / 头部 1344px）。给下限后宁可换行也不塌。 */
    min-inline-size: 240px;
    max-inline-size: 100%;
  }
  .sigma_header-middle .sigma_header-top-nav > li > a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
  }
  .sigma_header-middle .sigma_header-top-nav p {
    margin: 0;
    line-height: 1.38;
    font-size: 13.5px;
    text-decoration: none;
  }
  /* 强制允许换行：模板自带 white-space:nowrap，会把超长地址顶出容器 */
  .sigma_header-middle .sigma_header-top-nav p,
  .sigma_header-middle .sigma_header-top-nav p b,
  .sigma_header-middle .sigma_header-top-nav p strong,
  .sigma_header-middle .sigma_header-top-nav p a {
    white-space: normal !important;
    overflow-wrap: anywhere;
    max-inline-size: 100%;
  }
  /* 第一行是小标签，第二行是值 */
  .sigma_header-middle .sigma_header-top-nav p:first-child {
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .72;
  }
  .sigma_header-middle .sigma_header-top-nav p b,
  .sigma_header-middle .sigma_header-top-nav p strong { font-weight: 600; }
  /* 值里的嵌套链接不显示下划线，避免与周边文字混淆 */
  .sigma_header-middle .sigma_header-top-nav p a { text-decoration: none; }
  .sigma_header-middle .sigma_header-top-nav p a:hover { text-decoration: underline; }

  /* 图标：确保可见尺寸（fal 字重缺失时也不至于塌成 0 宽） */
  .sigma_header-middle .sigma_header-top-nav i,
  .sigma_header-middle .sigma_header-top-nav .fal {
    flex: none;
    inline-size: 1.15em;
    font-size: 17px;
    line-height: 1.5;
    opacity: .9;
  }
}

/* 窄屏：模板本就用 d-none 隐藏该块，这里兜底，避免残留高度 */
@media (max-width: 991px) {
  .sigma_header-middle .sigma_header-top-links { display: none; }
}