/* =========================================================================
 * MeiGLink 登录页顶部导航栏（sub_filter 注入版）
 * 与首页 meig-home-0609.css 导航样式一致，自包含，不依赖其他 CSS
 * ========================================================================= */

/* 导航默认隐藏，仅在登录类页面显示 */
.meig-topnav-login {
    display: none !important;
}

body.signin .meig-topnav-login,
body.login-layout .meig-topnav-login {
    display: block !important;
}

/* ---------- 顶栏 ---------- */
.meig-topnav-login {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    width: 100%;
    height: 64px;
    min-height: 64px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    border-bottom: 1px solid rgba(220, 232, 247, 0.86);
    box-shadow: 0 8px 32px rgba(10, 67, 145, 0.08);
    box-sizing: border-box;
}

.meig-topnav-login .topmenu-container {
    width: 100%;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    box-sizing: border-box;
}

.meig-topnav-login .logo-container {
    display: flex;
    align-items: center;
    min-width: 0;
}

.meig-topnav-login .menu-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    flex: 1;
    min-width: 0;
}

/* ---------- Logo ---------- */
.meig-topnav-login .logo-link.meig-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.meig-topnav-login .meig-logo-svg {
    display: block;
    height: 40px;
    width: auto;
}

.meig-topnav-login .meig-logo-svg--meiglink {
    height: 42px;
    width: auto;
}

/* ---------- 菜单 ---------- */
.meig-topnav-login .main-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.meig-topnav-login .main-nav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.meig-topnav-login .main-nav a {
    color: #1f2937;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 4px;
    position: relative;
    transition: color 0.2s;
    white-space: nowrap;
}

.meig-topnav-login .main-nav a:hover,
.meig-topnav-login .main-nav a.active {
    color: #0865d8;
}

.meig-topnav-login .main-nav a.active::after,
.meig-topnav-login .main-nav a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 2px;
    background: #0865d8;
    border-radius: 2px;
}

/* ---------- 语言切换 ---------- */
.meig-topnav-login .language-switch a {
    color: #60718f;
    text-decoration: none;
    font-size: 13px;
    padding: 6px 12px;
    border: 1px solid #dce8f7;
    border-radius: 999px;
    background: rgba(8, 101, 216, 0.05);
    transition: all 0.2s;
    white-space: nowrap;
}

.meig-topnav-login .language-switch a:hover {
    color: #0865d8;
    border-color: #0865d8;
}

/* ---------- 登录页布局适配（导航占位） ---------- */
/* 客户中心：登录卡片整体下移 */
body.signin {
    padding-top: 64px;
    box-sizing: border-box;
}

/* MantisBT：主容器下移 */
body.login-layout.light-login {
    padding-top: 64px;
    box-sizing: border-box;
}

body.login-layout.light-login .main-container {
    padding-top: 0 !important;
}

/* ---------- 移动端适配 ---------- */
@media (max-width: 768px) {
    .meig-topnav-login .topmenu-container {
        padding: 0 16px;
    }
    .meig-topnav-login .main-nav {
        gap: 14px;
    }
    .meig-topnav-login .main-nav a {
        font-size: 13px;
        padding: 8px 2px;
    }
    .meig-topnav-login .menu-container {
        gap: 12px;
    }
    .meig-topnav-login .language-switch a {
        padding: 5px 8px;
        font-size: 12px;
    }
}