/**
 * ============================================================================
 * 10isp / 中光云 - 全站导航统一样式（2026-11 二期）
 * ----------------------------------------------------------------------------
 * 1. 由 __headInclude__.html 全站引入（首页 + 内页导航风格统一）；
 * 2. 浅色导航条：淡蓝白渐变底（带轻微透明 + 毛玻璃），深墨色文字，14px 字号；
 * 3. logo 原图为白色版（原深色导航专用），浅色底通过 brightness(0) 滤镜转深色；
 *    后台若更换为深色版 logo 图片，可删除下方 logo 滤镜规则；
 * 4. 下拉大面板白底浅色卡片；注册/登录按钮靠右，注册为品牌渐变按钮。
 * ============================================================================
 */

/* ---------------------------- 导航条底色 ---------------------------- */
/* position:relative 使导航脱离悬浮改文档流；z-index 必须保留——
   backdrop-filter 会创建独立层叠上下文，若不给层级，
   页面后续内容会盖住整个导航条（含 .pop-list 二级下拉面板） */
.head-nav,
.header-main:hover .head-nav {
  height: 80px;
  background: linear-gradient(180deg, rgba(250, 253, 255, .96) 0%, rgba(240, 247, 255, .96) 100%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid #e6eef7;
  position: relative;
  z-index: 2000;
}

.header,
.header-main:hover .header { background-color: transparent; }

/* ---------------------------- 通栏容器 ----------------------------
   .header-wrapper 带 .auto 类（max-width:1440 居中），
   按需求改为 100% 通栏：logo 贴最左、注册/登录贴最右 */
.header-wrapper.top-header {
  max-width: 100%;
  min-width: 0;
  width: 100%;
  /* !important 用于对抗活动页 actNormal.css 的 .auto{padding:0 !important}，
     两者都带 !important 时按选择器优先级比较，(0,2,0) > (0,1,0)，本条胜出 */
  padding: 0 40px !important;
}

/* ---------------------------- 下拉大面板宽度锁定 ----------------------------
   部分页面级 CSS（如 jichushezhi.css、domain/index.css）会把 .auto 锁死为
   1200px，导致下拉大面板内容被压缩、栏目列表触发 overflow-y 滚动条，
   与首页不一致。这里按更高优先级把面板内容器锁回全站规范 */
.pop-list .auto {
  width: auto;
  min-width: 1200px;
  max-width: 1440px;
  padding: 0;
}

/* logo：白色原图转深色（如后台更换深色 logo 图，删除本条即可） */
.header-left h1 img,
.header-logo .logo img { filter: brightness(0) opacity(.88); }

/* ---------------------------- 导航菜单 ---------------------------- */
.header-nav-li > a {
  color: #12233d;
  font-size: 14px;
}
.header-nav-li > a:hover { color: #059fff; }
.header-nav-li.header-nav-li--active > a { color: #059fff; border-bottom: none; }

/* 「最新活动」由荧光黄改品牌色 */
.newest-act-link { color: #059fff !important; font-weight: 600; }

/* ---------------------------- 下拉大面板 ---------------------------- */
.pop-list {
  top: 80px;
  background: #fff;
  border-top: 1px solid #e6eef7;
  border-bottom: 1px solid #e6eef7;
  box-shadow: 0 24px 48px rgba(18, 54, 106, .14);
}
.nav-item-title { color: #93a5bd; }
.nav-pop-item li a {
  background: #fff;
  border: 1px solid #e6eef7;
  border-radius: 10px;
  transition: all .25s ease;
}
.nav-pop-item li a:hover {
  border-color: rgba(5, 159, 255, .55);
  background: #f7fbff;
  box-shadow: 0 10px 30px rgba(18, 54, 106, .08);
}
.nav-item-name { color: #12233d; }
.nav-pop-item li a:hover .nav-item-name,
.nav-pop-item li a:hover .nav-item-brief { color: #059fff; }
.nav-item-brief { color: #5d6f8a; }

/* ---------------------------- 右侧 注册 / 登录 ---------------------------- */
.head-nav .nav-right p a { color: #12233d; }
.head-nav .nav-right p a:hover { color: #059fff; }
.head-nav .nav-right .btn {
  border-color: #d6e3f2;
  color: #12233d;
  border-radius: 8px;
  transition: all .25s ease;
}
.head-nav .nav-right .btn:hover {
  color: #059fff;
  border-color: rgba(5, 159, 255, .55);
  background: #fff;
}
.head-nav .nav-right .btn-register {
  margin-left: 14px;
  border: 1px solid transparent;
  background: linear-gradient(120deg, #0b6bff, #059fff 60%, #00c8ff);
  color: #fff;
  box-shadow: 0 6px 14px rgba(5, 140, 255, .28);
}
.head-nav .nav-right .btn-register:hover { color: #fff; }
.head-nav .nav-right .member { color: #12233d; }

/* ---------------------------- 2026-11-05 顶部右侧：咨询电话 + 注册按钮 hover 修复 ---------------------------- */
/* 修复：免费注册 hover 时背景变白 + 文字也白 → 看不见。固定 hover 为深一点的蓝底白字 */
.head-nav .nav-right .btn-register:hover{
	color: #fff !important;
	background-color: #2f86f5 !important;
	border-color: #2f86f5 !important;
}
/* 咨询电话（免费注册左侧） */
.head-nav .nav-right .nav-hotline{
	display: inline-flex;
	align-items: center;
	margin-right: 16px;
	color: #12233d;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
}
.head-nav .nav-right .nav-hotline svg{
	margin-right: 5px;
	flex: none;
}
.head-nav .nav-right .nav-hotline em{
	font-style: normal;
	margin-right: 4px;
}
.head-nav .nav-right .nav-hotline span{
	font-weight: 600;
	color: #0080ff;
	letter-spacing: 0.3px;
}
.head-nav .nav-right .nav-hotline:hover span{
	color: #059fff;
}