/* ====== 基础色值（去掉 CSS 变量） ====== */
.nav_con{ padding-left:0!important; padding-right:0!important; }


/* 统一配色 */
.nav-color-text { color:#fff; }
.nav-bg { background:#062f93; }


/* ===== 顶部导航布局 ===== */
.nav{ position:relative; display:flex; justify-content:center; }
.nav .menu{ position:absolute; width:100%; display:flex; justify-content:center; }
.nav > .menu > li{ position:relative; padding:13px 40px; height:40px; letter-spacing:2px; text-align:center; }
.nav > .menu > li > a{ color:#fff; font-size:16px; text-decoration:none; }


/* ===== 二/三级下拉容器 ===== */
.nav .nav_list,
.nav .sub_nav_list{
position:absolute; display:none; min-width:152px; padding:8px; text-align:center;
background:linear-gradient(180deg,#003366,#002047);
border:1px solid rgba(255,255,255,.08);
border-radius:12px; box-shadow:0 12px 28px rgba(2,12,66,.22),0 2px 8px rgba(2,12,66,.14);
z-index:1000;
}


/* 二级：从一级底部下拉 */
.nav > .menu > li > .nav_list{ top:100%; left:0; overflow:visible; }


/* 三级：相对当前二级项右侧展开 */
.nav .nav_list > li{ position:relative; }
.nav .nav_list > li > .sub_nav_list{ top:0; left:100%; z-index:1001; }


/* ===== 二/三级条目与链接 ===== */
.nav .nav_list > li,
.nav .sub_nav_list > li{ line-height:1.2; margin-top:4px; padding-top:4px; border-top:1px solid rgba(255,255,255,.06); }
.nav .nav_list > li:first-child,
.nav .sub_nav_list > li:first-child{ margin-top:0; padding-top:0; border-top:none; }
.nav .nav_list a,
.nav .sub_nav_list a{ display:block; padding:10px 14px; color:#fff; font-size:15px; font-weight:500; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-radius:8px; }


/* ===== 显隐控制（JS 切换类） ===== */
.hidden{ display:none !important; }
.show{ display:block !important; }


/* Hover 高亮（兼容旧内核；仅视觉，不负责显隐） */
.nav > .menu > li > .nav_list > li:hover > a,
.nav .sub_nav_list > li:hover > a{ background:rgba(96,175,246,.14); color:#60aff6; }


/* 有三级的二级项加箭头（JS 会加 .has-children） */
.nav .nav_list > li.has-children > a:after{ content:">"; float:right; font-size:15px; opacity:.75; }
.nav .nav_list > li.has-children:hover > a:after{ opacity:1; }


/* 右侧空间不足时向左展开（JS 会加 .flip-left） */
.nav .nav_list > li.flip-left > .sub_nav_list{ left:auto; right:100%; }