/* ============================================================
   HAOSHI 首屏兜底 boot.css（全站统一，头部模板共用）
   ------------------------------------------------------------
   引入顺序：reset.css → boot.css → animate.min.css → layout.css → media.css
   作用：样式表晚到/被中断/请求失败时，HTML 自己兜住首屏，杜绝"刷新闪一下"。
   引导期（html.hs-boot，由 js/boot.js 摘除）另有关闭 <a> 过渡的规则在本文件尾部。

   ⚠️ 改 layout.css 里下列颜色/状态时，本文件同步改：
      --ink #313231 / --navy #0B3A72 / --text-sub #6B7280 / --header-h 84px
   本块必须排在 layout.css 之前（同优先级按书写顺序由 layout.css 接管）。
   ============================================================ */

/* 1) 浮层"关闭态"兜底：这些层不 display:none、留在渲染树里，
      样式表缺席时会整屏摊开（抽屉 + 全部导航下拉）。 */
.wap-mask, .wap-nav, .nav-sub, .back-top, .fs-qr, .product-popup {
    visibility: hidden;
    opacity: 0;
}
.wap-nav { transform: translateX(100%); }
/* 搜索面板（PC）：显隐走 jQuery slideToggle，兜底直接 display:none */
.hadbox-sec4 { display: none; }

/* 2) 头部骨架 + 两种底色：样式表缺席时头部不散架、不白闪。 */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: 84px;
}
.header.is-transparent { background: rgba(255, 255, 255, 0.5); }
.header.is-solid { background: rgba(255, 255, 255, 0.96); }

/* 3) Banner 兜底色：取 --banner-ph（layout.css 定义），图片晚到时不白闪。
      各页 Banner 行内 style 的 background-color 优先级更高，正常时由它接管。 */
.page-banner__bg { background-color: var(--banner-ph, #A8B3C5); }

/* 4) 文字颜色兜底（终值）：reset.css 的 a{color:inherit} 继承 body --text 蓝灰，
      layout.css 缺席→生效之间会闪"文字变蓝"——两态同色则无从闪。 */
.nav-list > li > a,
.footer-contact .tel { color: #313231; }                          /* --ink */
.nav-list > li.active > a,
.nav-list > li:hover > a { color: #0B3A72; font-weight: 600; }    /* --navy */
.nav-sub li a,
.wn-sub li a,
.footer-col li a { color: #6B7280; }                              /* --text-sub */

/* 5) 引导期关掉 <a> 的一切过渡（reset.css 的 a 是 all .3s，必须 !important）。
      只作用于 <a>；抽屉/头部的过渡不受影响。 */
html.hs-boot a { transition: none !important; }