/* ===================== 导航栏样式（5种，后台可选） ===================== */

/* —— 样式2：居中 Logo（Logo居中，菜单左右分布）—— */
.nav-center .header-bar { position: relative; justify-content: center; }
.nav-center .brand {
    position: absolute; left: 50%; transform: translateX(-50%);
    order: 2;
}
.nav-center .main-nav {
    flex: none; order: 1; justify-content: flex-start;
    position: absolute; left: 0;
}
.nav-center .header-right { order: 3; position: absolute; right: 0; }
@media (max-width: 900px){
    .nav-center .brand { position: static; transform: none; }
    .nav-center .main-nav { position: static; }
}

/* —— 样式3：深色导航（深色背景 + 白字）—— */
.nav-dark.site-header {
    background: #0b1f3a;
    border-bottom: 1px solid rgba(255,255,255,.08);
    backdrop-filter: none;
}
.nav-dark .brand { color: #fff; }
.nav-dark .brand:hover { color: #fff; }
.nav-dark .main-nav a { color: rgba(255,255,255,.78); }
.nav-dark .main-nav a:hover, .nav-dark .main-nav a.active {
    background: rgba(255,255,255,.1); color: #fff;
}
.nav-dark .lang-switch summary { color: rgba(255,255,255,.85); }
.nav-dark .btn-quote {
    background: var(--c-accent, #ff8c42); color: #fff;
}

/* —— 样式4：透明悬浮（透明叠 Hero 上，滚动变白）—— */
.nav-transparent.site-header {
    background: transparent;
    border-bottom: 1px solid rgba(255,255,255,.15);
    backdrop-filter: none;
    transition: all .3s ease;
}
.nav-transparent .brand { color: #fff; }
.nav-transparent .brand:hover { color: #fff; }
.nav-transparent .main-nav a { color: rgba(255,255,255,.85); }
.nav-transparent .main-nav a:hover, .nav-transparent .main-nav a.active {
    background: rgba(255,255,255,.15); color: #fff;
}
.nav-transparent .lang-switch summary { color: #fff; }
.nav-transparent .btn-quote { background: #fff; color: #0b1f3a; }
/* 滚动后变实色（JS 加 .nav-scrolled） */
.nav-transparent.nav-scrolled {
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--c-border);
}
.nav-transparent.nav-scrolled .brand { color: var(--c-text); }
.nav-transparent.nav-scrolled .main-nav a { color: var(--c-text-muted); }
.nav-transparent.nav-scrolled .main-nav a:hover,
.nav-transparent.nav-scrolled .main-nav a.active {
    background: var(--c-primary-light); color: var(--c-primary);
}
.nav-transparent.nav-scrolled .lang-switch summary { color: var(--c-text); }
.nav-transparent.nav-scrolled .btn-quote {
    background: var(--c-primary); color: #fff;
}

/* —— 样式5：简约（大留白 + 细线 + 字母间距）—— */
.nav-minimal.site-header {
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    backdrop-filter: none;
}
.nav-minimal .header-bar { height: 84px; gap: 48px; }
.nav-minimal .brand { font-weight: 700; letter-spacing: .5px; }
.nav-minimal .brand .logo-icon { background: #0b1f3a; box-shadow: none; }
.nav-minimal .main-nav { gap: 12px; justify-content: center; }
.nav-minimal .main-nav a {
    color: #1a1a1a; font-size: 14px; font-weight: 500;
    letter-spacing: .8px; text-transform: uppercase;
    border-radius: 0; padding: 6px 4px;
    border-bottom: 2px solid transparent;
}
.nav-minimal .main-nav a:hover, .nav-minimal .main-nav a.active {
    background: transparent; color: #0b1f3a;
    border-bottom-color: #0b1f3a;
}
.nav-minimal .btn-quote {
    background: transparent; color: #0b1f3a;
    border: 1px solid #0b1f3a; border-radius: 0;
    text-transform: uppercase; letter-spacing: .8px; font-size: 13px;
}
.nav-minimal .btn-quote:hover { background: #0b1f3a; color: #fff; }

/* ===================== 用户自定义配色覆盖（优先级最高） ===================== */
.site-header[style*="--nav-bg"] { background: var(--nav-bg) !important; }
.site-header[style*="--nav-text"] .brand,
.site-header[style*="--nav-text"] .main-nav a,
.site-header[style*="--nav-text"] .lang-switch summary { color: var(--nav-text) !important; }
.site-header[style*="--nav-hover-bg"] .main-nav a:hover,
.site-header[style*="--nav-hover-bg"] .main-nav a.active { background: var(--nav-hover-bg) !important; }
.site-header[style*="--nav-btn-bg"] .btn-quote { background: var(--nav-btn-bg) !important; border-color: var(--nav-btn-bg) !important; }
/* 透明样式：仅滚动后应用自定义背景 */
.nav-transparent.site-header[style*="--nav-bg"] { background: transparent !important; }
.nav-transparent.nav-scrolled.site-header[style*="--nav-bg"] { background: var(--nav-bg) !important; }

/* ===================== 新增导航预设 + 个性化变量 (2026-07-30) ===================== */
/* —— 经典下划线 —— */
.nav-underline .main-nav a{background:transparent;border-radius:0;position:relative;}
.nav-underline .main-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:var(--c-primary,#2a5298);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}
.nav-underline .main-nav a:hover::after,.nav-underline .main-nav a.active::after{transform:scaleX(1);}
.nav-underline .main-nav a:hover,.nav-underline .main-nav a.active{background:transparent;color:var(--c-primary,#2a5298);}
/* —— 胶囊按钮 —— */
.nav-pill .main-nav a{border-radius:999px;padding:8px 16px;transition:background .2s ease,color .2s ease;}
.nav-pill .main-nav a:hover,.nav-pill .main-nav a.active{background:var(--c-primary,#2a5298);color:#fff;}
/* —— 悬浮高亮块 —— */
.nav-highlight .main-nav a{border-radius:8px;padding:8px 14px;transition:background .2s ease,color .2s ease,transform .2s ease;}
.nav-highlight .main-nav a:hover,.nav-highlight .main-nav a.active{background:var(--c-primary-light,rgba(42,82,152,.1));color:var(--c-primary,#2a5298);transform:translateY(-1px);}
/* —— 极简纯文字 —— */
.nav-plain .main-nav a{background:transparent;border-radius:0;padding:6px 4px;letter-spacing:.3px;}
.nav-plain .main-nav a:hover,.nav-plain .main-nav a.active{background:transparent;color:var(--c-primary,#2a5298);}
/* —— Logo 对齐 —— */
.logo-align-center .header-bar{position:relative;justify-content:center;}
.logo-align-center .brand{position:absolute;left:50%;transform:translateX(-50%);order:2;}
.logo-align-center .main-nav{order:1;position:absolute;left:0;justify-content:flex-start;}
.logo-align-center .header-right{order:3;position:absolute;right:0;}
@media(max-width:900px){.logo-align-center .brand{position:static;transform:none;}.logo-align-center .main-nav{position:static;}.logo-align-center .header-right{position:static;}}
.logo-align-split .header-bar{justify-content:space-between;}
.logo-align-split .main-nav{margin-left:auto;margin-right:24px;}
/* —— 吸顶 / 滚动变色 —— */
.nav-sticky.site-header,.nav-shrinkable.site-header{position:sticky;top:0;z-index:50;}
.nav-shrinkable.site-header{transition:box-shadow .3s ease,background-color .3s ease,padding .3s ease;}
.nav-shrinkable.nav-scrolled.site-header{box-shadow:0 6px 24px rgba(15,23,42,.10);}
.nav-shrinkable.nav-scrolled .header-bar{padding-top:6px;padding-bottom:6px;}
/* —— 个性化变量:字号 / 间距 / 圆角 / 选中色 —— */
.site-header[style*="--nav-font-size"] .main-nav a{font-size:var(--nav-font-size)!important;}
.site-header[style*="--nav-item-gap"] .main-nav{gap:var(--nav-item-gap)!important;}
.site-header[style*="--nav-radius"] .main-nav a{border-radius:var(--nav-radius)!important;}
.site-header[style*="--nav-active-bg"] .main-nav a.active{background:var(--nav-active-bg)!important;}
/* —— 页脚社媒图标 —— */
.footer-social{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);transition:background .2s ease,transform .2s ease;}
.footer-social a:hover{background:var(--c-primary,#2a5298);transform:translateY(-2px);}
.footer-social svg{width:18px;height:18px;fill:currentColor;display:block;}

/* 下拉子菜单宽度自适应 (2026-07-30) */
.nav-submenu{width:max-content !important;max-width:340px !important;}
.nav-submenu a{white-space:nowrap !important;}