/* Navigation override: isolated from legacy Bootstrap selectors */
.site-nav{position:relative;z-index:20;background:#fff;border-bottom:1px solid #dce5ee;box-shadow:0 4px 18px rgba(16,34,56,.05)}
.site-nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px}
.site-brand{display:flex;align-items:center;padding:0;flex:0 0 auto}.site-brand img{display:block;width:auto;height:42px}
.site-nav-links{display:block!important;height:auto!important;visibility:visible!important;opacity:1!important;float:none!important}
.site-nav-links ul{display:flex!important;align-items:center;gap:4px;list-style:none;margin:0!important;padding:0!important;float:none!important}
.site-nav-links li{display:block!important;float:none!important;margin:0!important;padding:0!important;position:relative}
.site-nav-links li a{display:flex!important;align-items:center;min-height:42px;padding:10px 14px!important;color:#102238!important;background:transparent!important;border:0!important;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;line-height:1.3;text-decoration:none!important}
.site-nav-links li a:hover,.site-nav-links li a:focus{color:#1769aa!important;background:#edf5fa!important}
.site-nav-caret{font-size:11px;margin-left:6px;color:#607286}.site-nav-dropdown:hover>a .site-nav-caret{color:#1769aa}
.site-nav-links .site-submenu{display:none!important;position:absolute;top:calc(100% - 1px);left:0;min-width:150px;background:#fff;border:1px solid #dce5ee;border-radius:0 0 8px 8px;box-shadow:0 14px 34px rgba(16,34,56,.12);padding:8px!important;margin-top:0!important;z-index:50;gap:0!important}
.site-nav-dropdown:hover>.site-submenu,.site-nav-dropdown:focus-within>.site-submenu{display:block!important}
.site-nav-links .site-submenu li a{min-height:38px;padding:9px 12px!important;justify-content:flex-start;border-radius:6px;width:100%}
.site-menu-button{display:none;border:1px solid #cbd9e5;border-radius:7px;background:#fff;color:#102238;padding:8px 12px;font-weight:600}
@media(max-width:767px){.site-nav-inner{min-height:62px;flex-wrap:wrap}.site-brand img{height:34px}.site-menu-button{display:block}.site-nav-links{display:none!important;width:100%;padding:10px 0 14px}.site-nav-links.site-nav-open{display:block!important}.site-nav-links ul{display:block!important}.site-nav-links li{width:100%}.site-nav-links li a{width:100%;justify-content:flex-start}.site-nav-links .site-submenu{display:block!important;position:static;min-width:0;border:0;box-shadow:none;margin:0!important;padding:0 0 0 14px!important;background:transparent}.site-nav-links .site-submenu li a{min-height:36px;color:#607286!important}.site-nav-caret{display:none}}

/* VPS navigation: region groups with location submenus */
.site-vps-menu,.site-server-menu{min-width:190px!important;padding:8px!important}.site-vps-menu>.site-nav-group,.site-server-menu>.site-nav-group{position:relative}.site-vps-menu>.site-nav-group>a,.site-server-menu>.site-nav-group>a{justify-content:space-between}.site-submenu-caret{margin-left:auto;color:#8799a5;font-size:10px}.site-vps-menu .site-submenu-child,.site-server-menu .site-submenu-child{display:none!important;position:absolute;top:-8px;left:calc(100% - 1px);min-width:142px;padding:8px!important;margin:0;background:#fff;border:1px solid #dce5ee;border-radius:0 7px 7px 7px;box-shadow:0 14px 34px rgba(16,34,56,.12);list-style:none}.site-vps-menu .site-nav-group-parent:hover>.site-submenu-child,.site-vps-menu .site-nav-group-parent:focus-within>.site-submenu-child,.site-server-menu .site-nav-group-parent:hover>.site-submenu-child,.site-server-menu .site-nav-group-parent:focus-within>.site-submenu-child{display:block!important}.site-vps-menu .site-submenu-child li a,.site-server-menu .site-submenu-child li a{min-height:36px;padding:8px 11px!important;justify-content:flex-start}.site-vps-menu .site-nav-group>a:hover,.site-vps-menu .site-submenu-child a:hover,.site-server-menu .site-nav-group>a:hover,.site-server-menu .site-submenu-child a:hover{background:#edf5f8!important}.site-vps-menu .site-nav-group:first-child>a,.site-server-menu .site-nav-group:first-child>a{color:#1769aa!important;border-bottom:1px solid #edf1f4;border-radius:4px}.site-vps-menu .site-nav-group:first-child,.site-server-menu .site-nav-group:first-child{margin-bottom:3px}
@media(max-width:767px){.site-vps-menu,.site-server-menu{display:block!important;position:static!important;min-width:0!important;padding:0 0 0 14px!important;border:0!important;box-shadow:none!important;background:transparent!important}.site-vps-menu .site-nav-group-parent>a,.site-server-menu .site-nav-group-parent>a{font-weight:700}.site-vps-menu .site-submenu-child,.site-server-menu .site-submenu-child{display:block!important;position:static;min-width:0;padding:0 0 0 14px!important;border:0;box-shadow:none;background:transparent}.site-vps-menu .site-submenu-child li a,.site-server-menu .site-submenu-child li a{min-height:34px;color:#607286!important;font-weight:500}.site-submenu-caret{display:none}}


/* ===== 顶部导航视觉优化 ===== */
/* 1. 下拉菜单淡入 + 轻微下移动画 */
.site-nav-links .site-submenu{transition:opacity .18s ease,transform .18s ease;opacity:0;transform:translateY(6px)}
.site-nav-dropdown:hover>.site-submenu,.site-nav-dropdown:focus-within>.site-submenu{opacity:1;transform:translateY(0)}
/* 二级子菜单同样加动画 */
.site-vps-menu .site-submenu-child,.site-server-menu .site-submenu-child{transition:opacity .15s ease;opacity:0}
.site-vps-menu .site-nav-group-parent:hover>.site-submenu-child,.site-vps-menu .site-nav-group-parent:focus-within>.site-submenu-child,.site-server-menu .site-nav-group-parent:hover>.site-submenu-child,.site-server-menu .site-nav-group-parent:focus-within>.site-submenu-child{opacity:1}
/* 2. 分组标题视觉：加粗 + 底部细分隔线 */
.site-server-menu>.site-nav-group-parent>a,.site-server-menu>.site-nav-group>a{font-weight:700;color:#102238!important}
.site-server-menu>.site-nav-group-parent>a{position:relative;padding-right:28px!important}
.site-server-menu>.site-nav-group-parent{background:#f8fafc;border-radius:6px;margin:2px 0}
.site-server-menu .site-submenu-child{min-width:150px;padding:6px!important}
.site-server-menu .site-submenu-child li a{font-weight:500;color:#4f6475!important}
.site-server-menu .site-submenu-child li a:hover{color:#1769aa!important}
/* 3. VPS 分组首项（全部 VPS）保持蓝字，其余项正常 */
.site-vps-menu>.site-nav-group>a{font-weight:500;color:#4f6475!important}
.site-vps-menu>.site-nav-group:first-child>a{font-weight:700}
/* 4. 菜单项 hover 圆角与间距微调 */
.site-nav-links li a{border-radius:8px;transition:background .15s ease,color .15s ease}
/* 5. 移动端菜单按钮美化 */
.site-menu-button{display:none;align-items:center;gap:6px;min-height:38px;padding:6px 14px;font-size:14px}
.site-menu-button::before{content:"\2630";font-size:15px;line-height:1}
@media(max-width:767px){.site-menu-button{display:inline-flex}}