/* bn-header-black.css —— 全站统一黑色导航条
   原则：参照站原版 .tx-header.fixer 的黑条实现
   .tx-header > b { position:absolute; width:100%; height:100%; background:#000; opacity:.6 }
   这里给所有页面兜底，不依赖 .fixer 类。 */

/* 1) header 必须固定定位，否则页面滚动时黑条位置不对 */
html body .tx-header,
html body .tx-header.tx-float {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 111 !important;
  padding: 30px 0 !important;
  background: #07161f !important;
}

/* 2) 黑色半透明底条：撑满 header 高度 */
html body .tx-header > b {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 146px !important;
  background: #000 !important;
  opacity: .6 !important;
  z-index: 10 !important;
}

/* 3) 内容层压在黑条之上 */
html body .tx-header > .tx-center {
  position: relative !important;
  z-index: 20 !important;
}

/* 4) 导航文字白色 */
html body .tx-head-nav .menu > li > a,
html body .tx-head-nav .menu > li.current-menu-item > a,
html body .tx-head-nav .menu > li > a:visited {
  color: #fff !important;
}

/* 5) jz-body（AI建站工作台）单独兜底：原本被改成 relative + 透明 */
html body.jz-body .tx-header,
html body.jz-body .tx-header.tx-float {
  position: fixed !important;
  background: #07161f !important;
}
html body.jz-body .tx-header > b {
  position: absolute !important;
  height: 100% !important;
  min-height: 146px !important;
  background: #000 !important;
  opacity: .6 !important;
}

/* 6) 顶部资质文字、语言、搜索图标在深色底上可读 */
/* 资质文字必须黄色（主题原版 style.css:66 color:#ff0），
   这里只做提权，不改变颜色 —— 曾经误改成 #d8dee3 灰白，是复发根源。 */
html body .tx-header .pos-text,
html body .tx-header .tx-head-top .pos-text { color: #ff0 !important; }

/* ============================================================
   电话号码：去掉图片自带的黑色背景条，改用文字显示
   haoma.png 本身是「黑底白字」位图，放在任何背景上都是一个黑块
   ============================================================ */
html body .tx-header .tx-head-top h3 img,
html body .tx-header .tx-head-top h3 span img {
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 用文字重建号码，颜色跟随导航白字 */
html body .tx-header .tx-head-top h3 {
  background: transparent !important;
  position: relative !important;
}
html body .tx-header .tx-head-top h3::after {
  content: "0755-82538016";
  display: inline-block !important;
  font-size: 20px !important;
  line-height: 27px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: transparent !important;
  letter-spacing: .5px;
  vertical-align: middle;
  white-space: nowrap;
  font-family: Arial, "Microsoft YaHei", sans-serif;
}
/* 只保留第一张图标（top_tel.png 是白色电话图标），去掉它也不影响 */
html body .tx-header .tx-head-top h3 span {
  display: none !important;
  background: transparent !important;
}

/* BN-HEADER-STABLE 2026-10-26：滚动后保持原样，取消 .fixer 的收缩与黑条高度异常 */
html body .tx-header,
html body .tx-header.tx-float {
  position: fixed !important;
  top: 0 !important; left: 0 !important; width: 100% !important;
  z-index: 111 !important;
  padding: 26px 0 14px !important;
  background: #07161f !important;
}
html body .tx-header > b {
  min-height: 0 !important; height: 100% !important;
  background: #000 !important; opacity: .55 !important;
}
html body .tx-header.fixer {
  padding: 26px 0 14px !important;
}
html body .tx-header.fixer .tx-head-top { display: block !important; }
html body .tx-header.fixer .tx-head-logo img { height: 60px !important; }
html body .tx-header.fixer .tx-head-logo .img1 { display: block !important; }
html body .tx-header.fixer .tx-head-logo .img2 { display: none !important; }
html body .tx-header.fixer > .tx-center > .fr { margin-top: 0 !important; }
html body .tx-header.fixer .tx-head-nav .menu > li > a { line-height: 60px !important; }
html body .tx-header .tx-head-nav .menu > li > a { color: #fff !important; }
html body .tx-header .tx-head-nav .menu > li > a:hover,
html body .tx-header .tx-head-nav .menu > li.current-menu-item > a { color: #00c0ff !important; }

/* 2026-10-26b: 滚动后顶部信息行不得隐藏（某些脚本用内联样式隐藏） */
html body .tx-header .tx-head-top,
html body .tx-header.tx-float .tx-head-top { display: block !important; visibility: visible !important; opacity: 1 !important; }
html body .tx-header .tx-head-top > * { visibility: visible !important; }
html body .tx-header > .tx-center > .fr { margin-top: 0 !important; }