/* 传奇版本中心导航入口：所有官网与业务页面共用同一套视觉。 */
:root { --nav-featured-cyan: #6ddce3; }
html[data-theme="light"] { --nav-featured-cyan: #20aebc; }

body .site-header .nav-menu a.nav-featured {
    position: relative !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    color: transparent !important;
    line-height: 72px !important;
    background: linear-gradient(100deg, var(--gold-2) 8%, var(--nav-featured-cyan) 50%, var(--gold-2) 92%) !important;
    background-clip: text !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-background-clip: text !important;
    font-weight: 800 !important;
    letter-spacing: .45px !important;
    text-shadow: 0 0 18px rgba(var(--accent-rgb), .18) !important;
    filter: none;
    transform: none !important;
    transition: filter .32s ease, text-shadow .32s ease !important;
}

body .site-header .nav-menu a.nav-featured::before,
body .site-header .nav-menu a.nav-featured::after {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    display: block !important;
    width: 2px !important;
    height: 16px !important;
    content: "" !important;
    pointer-events: none;
    border-radius: 2px !important;
    box-shadow: 0 0 10px rgba(var(--accent-rgb), .54) !important;
    opacity: .28;
    transform-origin: center !important;
}

body .site-header .nav-menu a.nav-featured::before {
    right: auto !important;
    left: 7px !important;
    background: linear-gradient(180deg, transparent, var(--nav-featured-cyan) 24%, var(--gold-2) 76%, transparent) !important;
    animation: nav-featured-rail-left 4.4s cubic-bezier(.16, 1, .3, 1) infinite !important;
}

body .site-header .nav-menu a.nav-featured::after {
    right: 7px !important;
    left: auto !important;
    background: linear-gradient(180deg, transparent, var(--gold-2) 24%, var(--nav-featured-cyan) 76%, transparent) !important;
    animation: nav-featured-rail-right 4.4s cubic-bezier(.16, 1, .3, 1) infinite !important;
}

body .site-header .nav-menu a.nav-featured:hover {
    color: transparent !important;
    background: linear-gradient(100deg, var(--gold-2) 8%, var(--nav-featured-cyan) 50%, var(--gold-2) 92%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    filter: brightness(1.12);
    text-shadow: 0 0 22px rgba(var(--accent-rgb), .34) !important;
}

body .site-header .nav-menu a.nav-featured:hover::before {
    animation: nav-featured-rail-active-left 1.8s ease-in-out infinite !important;
}

body .site-header .nav-menu a.nav-featured:hover::after {
    animation: nav-featured-rail-active-right 1.8s ease-in-out infinite !important;
}

body .site-header .nav-menu a.nav-featured.active {
    color: transparent !important;
    background: linear-gradient(100deg, var(--gold-2) 8%, var(--nav-featured-cyan) 50%, var(--gold-2) 92%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    filter: brightness(1.18) saturate(1.08);
    text-shadow: 0 0 10px rgba(var(--accent-rgb), .28), 0 0 24px rgba(var(--accent-rgb), .3) !important;
}

body .site-header .nav-menu a.nav-featured.active::before {
    animation: nav-featured-rail-active-left 2.2s ease-in-out infinite !important;
}

body .site-header .nav-menu a.nav-featured.active::after {
    animation: nav-featured-rail-active-right 2.2s ease-in-out infinite !important;
}

@media (min-width: 981px) and (max-width: 1080px) {
    body .site-header .nav-menu a.nav-featured {
        padding-inline: 15px !important;
        font-size: 12px !important;
    }
    body .site-header .nav-menu a.nav-featured::before { left: 5px !important; }
    body .site-header .nav-menu a.nav-featured::after { right: 5px !important; }
}

@media (max-width: 980px) {
    body .site-header .nav-menu a.nav-featured {
        height: 44px !important;
        padding: 0 14px 0 28px !important;
        justify-content: flex-start !important;
        line-height: 44px !important;
        border-radius: 0 !important;
        text-shadow: 0 0 16px rgba(var(--accent-rgb), .16) !important;
    }
    body .site-header .nav-menu a.nav-featured::before {
        left: 10px !important;
        height: 14px !important;
    }
    body .site-header .nav-menu a.nav-featured::after {
        right: auto !important;
        left: 16px !important;
        height: 14px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body .site-header .nav-menu a.nav-featured { transition: none !important; }
    body .site-header .nav-menu a.nav-featured::before,
    body .site-header .nav-menu a.nav-featured::after {
        animation: none !important;
        opacity: .72;
        transform: translate3d(0, -50%, 0) scaleY(.72) !important;
    }
    body .site-header .nav-menu a.nav-featured.active::before,
    body .site-header .nav-menu a.nav-featured.active::after {
        opacity: 1;
        transform: translate3d(0, -50%, 0) scaleY(1) !important;
    }
}