/*! 首页/全站观感修复 2026-10-01（home-fix-20261001.css）
 *
 * 只做布局修复，不涉及任何颜色、字体族、图片改动：
 *
 * B) 首屏「向下滚动提示」与轮播指示条重叠 → 提示上移 20px。
 * C) 大屏首屏轮播独占整屏 → ≥1200px 限高 760px。
 * N) 顶部导航 12 项 + 语言/主题/电话/按钮超出容器，导航被 flex 压缩，
 *    菜单项溢出画到右侧控件上面（电话/语言/主题压住「技术中心·新闻资讯·联系我们」）。
 *    修复沿用 v11/v12 的分级压缩思路：收紧间距、加宽头部容器、分级隐藏次要文案；
 *    宽屏（≥1920）全要素恢复显示。
 *
 * 回滚：删掉 views/partials/head.ejs 中引用本文件的那一行 <link> 即可。
 */

/* ---------- B：滚动提示上移，避开轮播指示条 ---------- */
.scroll-hint {
  bottom: 46px;
}
@media (max-width: 900px) {
  .scroll-hint {
    bottom: 40px;
  }
}

/* ---------- C：大屏限制首屏轮播高度 ---------- */
@media (min-width: 1200px) {
  .hero-carousel {
    max-height: 760px;
  }
}

/* ---------- N：导航防重叠（2026-10-01 复核，12 项菜单） ---------- */
/* 1101~1360：12 项 + 语言/主题/CTA 超宽 45~90px，按 v12 的分级隐藏思路再收两档：
   1101~1360 先收「行业百科」，1101~1180 再收「客户评价」（均可从页脚进入，v12 ≤1100 已同样处理） */
@media (min-width: 1101px) and (max-width: 1360px) {
  .header .nav a[href="/baike.html"] { display: none; }
}
@media (min-width: 1101px) and (max-width: 1180px) {
  .header .nav a[href="/pingjia.html"] { display: none; }
}
/* 1181~1360：这一档电话已隐藏，菜单仍超宽约 45~70px，收紧一档 */
@media (min-width: 1181px) and (max-width: 1360px) {
  .header .nav a { padding: 7px 7px; font-size: 13.5px; letter-spacing: 0; }
}
/* 1361 起：收紧菜单与 CTA，头部元素间距从 14 → 10 */
@media (min-width: 1361px) {
  .header-inner { gap: 10px; }
  .header .nav { gap: 1px; }
  .header .nav a { padding: 8px 9px; font-size: 14.5px; letter-spacing: 0; }
  .header-cta .btn { padding: 9px 14px; font-size: 13.5px; }
  .header-tel { font-size: 13px; }
}
/* 1361~1599：中段让出电话、主题文字与品牌副标（页脚/悬浮按钮均有入口，副标宽屏恢复） */
@media (min-width: 1361px) and (max-width: 1599px) {
  .header-tel { display: none; }
  .header .theme-label { display: none; }
  .logo-text span { display: none; }
}
/* 1600~1919：容器加宽，主题只留图标 */
@media (min-width: 1600px) {
  .header .container { max-width: 1560px; }
}
@media (min-width: 1600px) and (max-width: 1919px) {
  .header .theme-label { display: none; }
}
/* ≥1920：容器再加宽，主题文字等全部恢复 */
@media (min-width: 1920px) {
  .header .container { max-width: 1620px; }
}
