/* 生产版（由本地 demo 版构建，已去掉 ?look 开关）—— 构建于 2026-10-06 */
/* ============================================================================
 * 顶栏适配层（2026-10-06）—— 配合 qdm-steam-20261006 / qdm-help-20261006 两个新栏目
 *
 * 背景：顶部导航从 4 项变成 6 项（新增「Steam入库」「帮助中心」），又加上品牌标语那一块，
 *      顶栏在 1440 及以下就放不下了 —— 实测后果：
 *        · 1440 宽：「搜索内容」被压成竖排（元素 14×72），「搜索」按钮折成两行
 *        · 1366 及以下：顶栏内容溢出容器
 *      根因：.header-inner 一行里 brand(455px, min-width 写死) + main-nav + .header-search + .header-actions，
 *            而 .header-search 是 flex:0 1 auto（可被压缩）、内部文字 white-space:normal（会换行）。
 *
 * 做法（只在窄一点的屏上收紧，宽屏原样不动）：
 *      ① 搜索入口永不压缩、文字永不换行 —— 不管多窄都不再出现竖排/折行
 *      ② ≤1560px：顶栏间距 18→12、导航字号 16→15、左右内边距 12→9，让位给导航，
 *                 同时收起品牌标语（那句「在穹顶之下…」）—— 它是装饰，窄屏先让它让别人
 *      ③ ≤1200px 再收一档（字号 14、内边距 7）
 *
 * 回滚：把 index.html 里这一行 <link ...qdm-header-fit-20261006.css> 删掉即可。
 * ========================================================================== */

/* ---------- ① 搜索入口：不压缩、不换行 ---------- */
:root .header-search {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
:root .header-search > span,
:root .header-search > b,
:root .header-search > b > * {
  white-space: nowrap !important;
}

/* ---------- ② 1560 及以下：收紧顶栏，给 6 个导航项腾地方 ---------- */
@media (max-width: 1560px) {
  :root .header-inner { gap: 12px !important; }
  /* 品牌标语（装饰）在窄屏收起，避免和导航抢空间 */
  :root .brand { min-width: 0 !important; }
  :root .brand .brand-story,
  :root .brand .brand-divider { display: none !important; }
  :root .main-nav .nav-button {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 15px !important;
  }
  :root .header-search { padding-left: 10px !important; padding-right: 10px !important; }
}

/* ---------- ③ 1200 及以下：再收一档 ---------- */
@media (max-width: 1200px) {
  :root .main-nav .nav-button {
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-size: 14px !important;
  }
  :root .header-search > span { display: none !important; }   /* 只留放大镜 + 「搜索」按钮 */
  :root .header-search { gap: 4px !important; }
}