/**
 * 移动端导航 — 顶栏 + 全屏抽屉菜单
 * 仅 @media (max-width: 991px) 生效
 */
@media (max-width: 991px) {
    body.site-nav-open {
        overflow: hidden;
    }

    body.site-nav-open .header-wrap {
        z-index: 1200;
    }

    body.site-nav-open .nav-overlay {
        display: block;
        background: rgba(6, 40, 60, 0.45);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
    }

    /* 顶栏固定顶端 */
    .header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1100;
    }

    .header-wrap {
        min-height: calc(56px + env(safe-area-inset-top, 0px)) !important;
    }

    .header-spacer {
        height: calc(56px + env(safe-area-inset-top, 0px)) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ---------- 顶栏（关闭 / 打开统一高度） ---------- */
    .header {
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow: visible !important;
        height: calc(56px + env(safe-area-inset-top, 0px)) !important;
        min-height: calc(56px + env(safe-area-inset-top, 0px)) !important;
        max-height: calc(56px + env(safe-area-inset-top, 0px)) !important;
        padding: env(safe-area-inset-top, 0px) 12px 0 16px !important;
        background: linear-gradient(to right, #0fbbd8, #067db2) !important;
        box-shadow: 0 2px 16px rgba(6, 125, 178, 0.22);
    }

    .home-page .header:not(.header-scrolled):not(.nav-open) {
        background: linear-gradient(to right, rgba(15, 187, 216, 0.92), rgba(6, 125, 178, 0.92)) !important;
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
    }

    .header.nav-open,
    .home-page .header.nav-open {
        z-index: 1100 !important;
        background: linear-gradient(to right, #0fbbd8, #067db2) !important;
        background-color: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        box-shadow: 0 2px 16px rgba(6, 125, 178, 0.25) !important;
    }

    /* 顶栏布局：Logo | 账户区(flex) | 菜单按钮(始终最右) */
    .header > .header-logo {
        order: 1;
        flex: 0 1 auto;
        min-width: 0;
    }

    .header > .header-nav-auth-slot {
        order: 2;
        display: none !important;
        flex: 1 1 auto !important;
        justify-content: flex-end !important;
        align-items: center !important;
        min-width: 0;
        margin: 0 8px 0 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        overflow: hidden !important;
    }

    .header.header-guest > .header-nav-auth-slot,
    .header.header-member > .header-nav-auth-slot {
        display: flex !important;
    }

    .header.header-guest > .header-logo {
        flex: 0 1 auto;
        max-width: 36%;
        overflow: hidden;
    }

    .header.header-member > .header-logo {
        flex: 0 1 auto;
        max-width: 30%;
        overflow: hidden;
    }

    .header.header-guest:not(.nav-open) > .header-logo .logo,
    .header.header-member:not(.nav-open) > .header-logo .logo {
        height: 32px;
        max-width: 100%;
    }

    .header.header-guest:not(.nav-open) .header-nav-auth > li.nav-login > a,
    .header.header-guest:not(.nav-open) .header-nav-auth > li.nav-register > a {
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
    }

    .header.header-member:not(.nav-open) .header-nav-auth > li.nav-logout > a,
    .header.header-member:not(.nav-open) .header-nav-auth > li#user_layout > a {
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
    }

    .header .header-nav-auth {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        width: auto !important;
        max-width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header .header-nav-auth > li {
        flex: 0 0 auto !important;
        width: auto !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
    }

    .header .header-nav-auth > li.nav-login > a,
    .header .header-nav-auth > li.nav-register > a,
    .header .header-nav-auth > li.nav-logout > a,
    .header .header-nav-auth > li#user_layout > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 12px !important;
        margin: 0 !important;
        border: 1.5px solid rgba(255, 255, 255, 0.75) !important;
        border-radius: 16px !important;
        background: transparent !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        transition: background 0.2s ease, border-color 0.2s ease;
    }

    .header .header-nav-auth > li.nav-register > a,
    .header .header-nav-auth > li.nav-logout > a,
    .header .header-nav-auth > li#user_layout > a {
        border-color: transparent !important;
        background: rgba(255, 255, 255, 0.95) !important;
        color: #067db2 !important;
        -webkit-text-fill-color: #067db2 !important;
    }

    .header .header-nav-auth > li.nav-login > a:active,
    .header .header-nav-auth > li.nav-register > a:active,
    .header .header-nav-auth > li.nav-logout > a:active,
    .header .header-nav-auth > li#user_layout > a:active {
        opacity: 0.85;
    }

    .header .header-nav-auth .nav-auth-icon {
        display: none !important;
    }

    .header .header-nav-auth > li.nav-login > a:after,
    .header .header-nav-auth > li.nav-register > a:after,
    .header .header-nav-auth > li.nav-logout > a:after,
    .header .header-nav-auth > li#user_layout > a:after {
        display: none !important;
        content: none !important;
    }

    .header .header-nav-auth > li.nav-user-group {
        flex: 0 0 auto !important;
    }

    /* 移动端：用户信息仅保留头像+文字，去掉桌面端胶囊边框/阴影/毛玻璃 */
    .header .nav-user-trigger,
    .header .header-nav-auth > li#user_center > a.nav-user-trigger {
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;
        font-size: 12px !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .header .nav-user-trigger:hover,
    .header .nav-user-trigger:focus,
    .header .nav-user-trigger:active {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        opacity: 0.85;
    }

    .header .nav-user-avatar,
    .header .nav-user-avatar img,
    .header .nav-user-avatar-fallback {
        width: 26px !important;
        height: 26px !important;
    }

    .header .nav-user-name {
        max-width: min(96px, 28vw) !important;
        font-size: 12px !important;
    }

    .header .nav-user-chevron {
        font-size: 10px !important;
    }

    .header .nav-user-dropdown {
        right: 0;
        min-width: 152px;
    }

    .header .header-nav-auth > li.nav-user > a.ipcms-user,
    .header .header-nav-auth > li#user_center > a.ipcms-user {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        height: 32px !important;
        min-height: 32px !important;
        max-width: min(148px, 40vw) !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-decoration: none !important;
    }

    .header .header-nav-auth .nav-user-name {
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 0;
        flex: 1 1 auto;
    }

    .header .header-nav-auth .ipcms-user img {
        width: 28px !important;
        height: 28px !important;
        flex-shrink: 0;
        object-fit: cover;
    }

    /* 汉堡 / 关闭 — 始终贴右侧 */
    .header > .nav-toggle {
        order: 3 !important;
        flex: 0 0 40px !important;
        flex-shrink: 0 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0;
        border: none;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.18);
        color: #fff;
        -webkit-tap-highlight-color: transparent;
        transition: background 0.2s ease, transform 0.15s ease;
    }

    .header > .nav-toggle:active {
        transform: scale(0.94);
        background: rgba(255, 255, 255, 0.28);
    }

    .header.nav-open > .nav-toggle {
        margin-left: 4px !important;
        background: rgba(255, 255, 255, 0.22);
    }

    .header.nav-open > .nav-toggle .nav-toggle-bar {
        display: none !important;
    }

    .header > .nav-toggle .nav-toggle-close {
        display: none;
    }

    .header.nav-open > .nav-toggle .nav-toggle-close {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-size: 20px;
        line-height: 1;
        color: #fff;
    }

    .header > .nav-toggle::after,
    .header.nav-open > .nav-toggle::after {
        content: none;
    }

    /* ---------- 抽屉面板 ---------- */
    .header > .header-nav-panel {
        order: 4;
        width: 100%;
    }

    .header-nav-panel {
        display: flex !important;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: calc(56px + env(safe-area-inset-top, 0px));
        left: 0;
        right: 0;
        bottom: auto;
        height: auto;
        max-height: calc(100dvh - 56px - env(safe-area-inset-top, 0px));
        min-height: 0 !important;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        padding: 0;
        background: linear-gradient(180deg, #f4fafd 0%, #ffffff 24%);
        border: none;
        border-radius: 0;
        box-shadow: none;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1201;
        transform: translateY(-6px);
        transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    }

    .header.nav-open .header-nav-panel {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .header .header-nav-panel .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 16px 16px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        margin: 0 !important;
        background: transparent !important;
    }

    .header .header-nav-panel .site-primary-nav,
    .header .header-nav-panel .navbar .nav.navbar-nav {
        font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: #333;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-invite,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-overseas,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-active,
    .header .header-nav-panel .nav > li {
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        border: none !important;
        background: transparent !important;
        border-radius: 12px;
    }

    /* ---------- 抽屉菜单项（通用样式，覆盖 common.css 旧规则） ---------- */
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li > a,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-invite > a,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-overseas > a,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-active > a,
    .header .header-nav-panel .navbar .nav.navbar-nav > li > a,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-invite > a,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-overseas > a,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-active > a,
    .header .header-nav-panel .nav > li > a {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 14px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 56px !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        color: #067db2 !important;
        -webkit-text-fill-color: #067db2 !important;
        text-align: left !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        background: linear-gradient(90deg, #f6fcfe 0%, #fcfeff 100%) !important;
        border: 1px solid rgba(15, 187, 216, 0.16) !important;
        border-bottom: 1px solid rgba(15, 187, 216, 0.16) !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 6px rgba(6, 125, 178, 0.05) !important;
        box-sizing: border-box !important;
        position: relative !important;
        transform: none !important;
        transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
        -webkit-tap-highlight-color: transparent;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li > a::after,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-invite > a::after,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-overseas > a::after,
    .header .header-nav-panel .nav > li > a::after {
        display: block !important;
        content: "" !important;
        position: static !important;
        left: auto !important;
        bottom: auto !important;
        flex: 0 0 7px;
        width: 7px;
        height: 7px;
        margin-left: auto !important;
        align-self: center !important;
        border: none !important;
        border-right: 2px solid #067db2 !important;
        border-bottom: 2px solid #067db2 !important;
        background: none !important;
        transform: rotate(-45deg);
        opacity: 0.55;
        transition: opacity 0.2s ease;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li > a:active,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-invite > a:active,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-overseas > a:active,
    .header .header-nav-panel .nav > li > a:active {
        background: linear-gradient(90deg, #eef9fc 0%, #f7fdfe 100%) !important;
        border-color: rgba(15, 187, 216, 0.28) !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-active > a,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-active > a:hover,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-active > a:focus,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-active > a {
        color: #056a96 !important;
        -webkit-text-fill-color: #056a96 !important;
        font-weight: 700 !important;
        background: linear-gradient(90deg, #c8e9f2 0%, #dcf3f8 100%) !important;
        border: 1px solid rgba(15, 187, 216, 0.48) !important;
        border-left: 4px solid #0fbbd8 !important;
        padding-left: 11px !important;
        box-shadow: 0 4px 14px rgba(6, 125, 178, 0.16) !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-active .nav-item-icon-mobile {
        background: rgba(15, 187, 216, 0.32) !important;
        color: #056a96 !important;
        -webkit-text-fill-color: #056a96 !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-active > a::after {
        opacity: 1;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-active {
        background: transparent !important;
    }

    .header .header-nav-panel .nav-item-icon-desktop {
        display: none !important;
    }

    .header .header-nav-panel .nav-item-icon-mobile,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav .nav-item-icon-mobile {
        display: inline-flex !important;
        flex: 0 0 44px !important;
        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 20px !important;
        line-height: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        border-radius: 10px;
        background: rgba(15, 187, 216, 0.22) !important;
        color: #067db2 !important;
        -webkit-text-fill-color: #067db2 !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li:nth-child(1) .nav-item-icon-mobile {
        background: rgba(15, 187, 216, 0.24) !important;
        color: #0fbbd8 !important;
        -webkit-text-fill-color: #0fbbd8 !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li:nth-child(2) .nav-item-icon-mobile {
        background: rgba(6, 125, 178, 0.22) !important;
        color: #067db2 !important;
        -webkit-text-fill-color: #067db2 !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li:nth-child(3) .nav-item-icon-mobile {
        background: rgba(14, 165, 160, 0.22) !important;
        color: #0ea5a0 !important;
        -webkit-text-fill-color: #0ea5a0 !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li:nth-child(4) .nav-item-icon-mobile {
        background: rgba(37, 99, 235, 0.18) !important;
        color: #2563eb !important;
        -webkit-text-fill-color: #2563eb !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li:nth-child(5) .nav-item-icon-mobile {
        background: rgba(217, 119, 6, 0.18) !important;
        color: #d97706 !important;
        -webkit-text-fill-color: #d97706 !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li:nth-child(6) .nav-item-icon-mobile,
    .header .header-nav-panel .navbar .nav.navbar-nav > li:nth-child(7) .nav-item-icon-mobile {
        background: rgba(124, 109, 240, 0.18) !important;
        color: #7c6df0 !important;
        -webkit-text-fill-color: #7c6df0 !important;
    }

    .header .header-nav-panel .nav-item-icon-mobile::before {
        display: block;
        line-height: 1 !important;
        vertical-align: 0 !important;
    }

    .header .header-nav-panel .nav-item-label,
    .header .header-nav-panel .nav-overseas-label,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-invite > a .nav-item-label,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-invite > a span.nav-item-label {
        flex: 1 1 auto !important;
        min-width: 0;
        display: flex !important;
        align-items: center !important;
        align-self: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.2 !important;
        font-size: 16px !important;
        font-weight: inherit !important;
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
        background: none !important;
        position: static !important;
        transform: none !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .header .header-nav-panel .nav-overseas-label {
        gap: 10px;
        white-space: nowrap !important;
        overflow: visible !important;
        align-items: center !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-overseas > a,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-overseas > a {
        overflow: visible !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-overseas .nav-new-badge,
    .header .header-nav-panel .nav > li.nav-overseas .nav-new-badge {
        display: inline-block !important;
        flex: 0 0 auto !important;
        margin-left: 8px !important;
        margin-top: 0 !important;
        padding: 3px 8px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        border-radius: 4px !important;
        letter-spacing: 0.02em;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: #e62424 !important;
        transform: translate(2px, -2px) !important;
        position: relative !important;
        top: auto !important;
        vertical-align: middle;
        overflow: visible !important;
    }

    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-overseas .nav-new-badge:after,
    .header .header-nav-panel .nav-overseas-label:after,
    .header .header-nav-panel .navbar .nav.navbar-nav > li.nav-invite > a span:after,
    .header .header-nav-panel .navbar .nav.navbar-nav > li > a span:after,
    .header .header-nav-panel .navbar .nav.navbar-nav > li > a .nav-item-label:after {
        display: none !important;
        content: none !important;
        border: none !important;
    }

    /* 打开态：再次压过 common.css 末尾残留规则 */
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-invite,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-overseas,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-active {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        background: transparent !important;
    }

    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li > a,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-invite > a,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-overseas > a,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-active > a {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        min-height: 56px !important;
        padding: 10px 14px !important;
        font-size: 16px !important;
        border-radius: 12px !important;
        background: linear-gradient(90deg, #f6fcfe 0%, #fcfeff 100%) !important;
        border: 1px solid rgba(15, 187, 216, 0.16) !important;
        border-bottom: 1px solid rgba(15, 187, 216, 0.16) !important;
        color: #067db2 !important;
        -webkit-text-fill-color: #067db2 !important;
    }

    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-active > a {
        background: linear-gradient(90deg, #c8e9f2 0%, #dcf3f8 100%) !important;
        border: 1px solid rgba(15, 187, 216, 0.48) !important;
        border-left: 4px solid #0fbbd8 !important;
        padding-left: 11px !important;
        color: #056a96 !important;
        -webkit-text-fill-color: #056a96 !important;
        font-weight: 700 !important;
        box-shadow: 0 4px 14px rgba(6, 125, 178, 0.16) !important;
    }

    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-invite > a span,
    .header.nav-open .header-nav-panel .navbar.site-primary-nav .nav.navbar-nav > li.nav-invite > a .nav-item-label {
        display: flex !important;
        align-items: center !important;
        position: static !important;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        color: inherit !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
        transform: none !important;
    }
}