@media (min-width: 768px) {
    body.xinghui-menu-beauty-enabled .navbar {
        position: relative;
        overflow: visible;
    }

    body.xinghui-menu-beauty-enabled .navbar .navbar-collapse,
    body.xinghui-menu-beauty-enabled .navbar .nav.navbar-nav {
        position: static;
        overflow: visible;
    }

    body.xinghui-menu-beauty-enabled .navbar .nav.navbar-nav > li.xinghui-menu-beauty-item {
        position: static;
    }

    body.xinghui-menu-beauty-enabled .navbar .nav.navbar-nav > li.xinghui-menu-beauty-item > .sub-menu {
        display: none !important;
    }

    body.xinghui-menu-beauty-enabled .xinghui-menu-mega {
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 99999;
        width: min(calc(100vw - 32px), var(--xh-menu-width, 1120px));
        max-height: calc(100vh - 96px);
        overflow: auto;
        padding: 34px 48px 38px;
        background: rgba(255, 255, 255, 0.96);
        border: 1px solid rgba(18, 25, 38, 0.05);
        border-radius: 0 0 16px 16px;
        box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16);
        transform: translate(-50%, 10px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
        backdrop-filter: saturate(120%) blur(10px);
    }

    body.xinghui-menu-beauty-enabled .navbar .nav.navbar-nav > li.xinghui-menu-beauty-item:hover > .xinghui-menu-mega,
    body.xinghui-menu-beauty-enabled .navbar .nav.navbar-nav > li.xinghui-menu-beauty-item:focus-within > .xinghui-menu-mega {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate(-50%, 0);
    }

    body.xinghui-menu-beauty-enabled .xh-menu-columns {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 26px;
    }

    body.xinghui-menu-beauty-enabled .xh-menu-column-title {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 28px;
        padding: 0 0 13px;
        margin-bottom: 14px;
        color: #858b96;
        font-size: 15px;
        font-weight: 600;
        border-bottom: 1px solid rgba(15, 23, 42, 0.06);
        white-space: nowrap;
        text-decoration: none;
    }

    body.xinghui-menu-beauty-enabled a.xh-menu-column-title:hover {
        color: var(--focus-color, #4d7cff);
    }

    body.xinghui-menu-beauty-enabled .xh-menu-column-title i {
        width: 18px;
        text-align: center;
        font-size: 16px;
    }

    body.xinghui-menu-beauty-enabled .xh-menu-column-links {
        display: grid;
        gap: 12px;
    }

    body.xinghui-menu-beauty-enabled .xh-menu-column-links a {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        width: max-content;
        max-width: 100%;
        color: #a1a6af;
        font-size: 14px;
        line-height: 1.35;
        text-decoration: none;
        transition: color .16s ease, transform .16s ease;
    }

    body.xinghui-menu-beauty-enabled .xh-menu-column-links a i {
        width: 14px;
        color: #7b8cff;
        text-align: center;
        font-size: 13px;
    }

    body.xinghui-menu-beauty-enabled .xh-menu-column-links a:hover {
        color: var(--focus-color, #4d7cff);
        transform: translateX(3px);
    }

    body.xinghui-menu-beauty-enabled .xinghui-menu-mega-icons {
        padding: 38px 54px 34px;
    }

    body.xinghui-menu-beauty-enabled .xh-menu-icons {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
        gap: 22px 28px;
        align-items: start;
    }

    body.xinghui-menu-beauty-enabled .xh-menu-icon-item {
        display: grid;
        justify-items: center;
        gap: 10px;
        min-width: 0;
        color: #9ca3ad;
        text-align: center;
        text-decoration: none;
        transition: color .16s ease, transform .16s ease;
    }

    body.xinghui-menu-beauty-enabled .xh-menu-icon-item:hover {
        color: #5b8cff;
        transform: translateY(-3px);
    }

    body.xinghui-menu-beauty-enabled .xh-menu-icon-media {
        display: grid;
        place-items: center;
        width: 66px;
        height: 66px;
        border-radius: 16px;
        background: rgba(91, 140, 255, 0.10);
        background: color-mix(in srgb, var(--xh-menu-icon-color, #5b8cff) 12%, #ffffff);
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xh-menu-icon-color, #5b8cff) 12%, transparent);
    }

    body.xinghui-menu-beauty-enabled .xh-menu-icon-media img {
        display: block;
        width: 58px;
        height: 58px;
        object-fit: contain;
    }

    body.xinghui-menu-beauty-enabled .xh-menu-icon-media i {
        color: var(--xh-menu-icon-color, #5b8cff);
        font-size: 34px;
        line-height: 1;
    }

    body.xinghui-menu-beauty-enabled .xh-menu-icon-title {
        max-width: 92px;
        color: inherit;
        font-size: 13px;
        line-height: 1.35;
        word-break: break-word;
    }
}

@media (prefers-color-scheme: dark) {
    @media (min-width: 768px) {
        body.xinghui-menu-beauty-enabled.dark-theme .xinghui-menu-mega,
        body.xinghui-menu-beauty-enabled.dark .xinghui-menu-mega {
            background: rgba(28, 30, 34, 0.96);
            border-color: rgba(255, 255, 255, 0.08);
            box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36);
        }

        body.xinghui-menu-beauty-enabled.dark-theme .xh-menu-column-title,
        body.xinghui-menu-beauty-enabled.dark .xh-menu-column-title {
            color: #d7dbe3;
            border-bottom-color: rgba(255, 255, 255, 0.08);
        }

        body.xinghui-menu-beauty-enabled.dark-theme .xh-menu-column-links a,
        body.xinghui-menu-beauty-enabled.dark .xh-menu-column-links a,
        body.xinghui-menu-beauty-enabled.dark-theme .xh-menu-icon-item,
        body.xinghui-menu-beauty-enabled.dark .xh-menu-icon-item {
            color: #aeb4bf;
        }
    }
}

@media (max-width: 767px) {
    body.xinghui-menu-beauty-enabled .xinghui-menu-mega {
        display: none !important;
    }
}