.header-easydown *,
.header-easydown ::before,
.header-easydown ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.header-easydown ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.header-easydown .container {
    width: 100%;
    max-width: 1232px;
}

.header-easydown .fixed {
    position: fixed
}

.header-easydown .relative {
    position: relative
}

.header-easydown .top-0 {
    top: 0px
}

.header-easydown .z-50 {
    z-index: 50
}

.header-easydown .my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

.header-easydown .block {
    display: block
}

.header-easydown .flex {
    display: flex
}

.header-easydown .hidden {
    display: none
}

.header-easydown .size-5 {
    width: 1.25rem;
    height: 1.25rem
}

.header-easydown .size-6 {
    width: 1.5rem;
    height: 1.5rem
}

.header-easydown .size-8 {
    width: 2rem;
    height: 2rem
}

.header-easydown .size-full {
    width: 100%;
    height: 100%
}

.header-easydown .w-full {
    width: 100%
}

.header-easydown .flex-col {
    flex-direction: column
}

.header-easydown .items-center {
    align-items: center
}

.header-easydown .justify-between {
    justify-content: space-between
}

.header-easydown .gap-10 {
    gap: 2.5rem
}

.header-easydown .gap-2 {
    gap: 0.5rem
}

.header-easydown .gap-8 {
    gap: 2rem
}

.header-easydown .rounded-full {
    border-radius: 9999px
}

.header-easydown .p-1 {
    padding: 0.25rem
}

.header-easydown .p-4 {
    padding: 1rem
}

.header-easydown .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}

.header-easydown .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.header-easydown .py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px
}

.header-easydown .text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.header-easydown .font-bold {
    font-weight: 700
}

.header-easydown .text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.header-easydown .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.header-easydown .before\:absolute::before {
    content: var(--tw-content);
    position: absolute
}

.header-easydown .before\:inset-0::before {
    content: var(--tw-content);
    inset: 0px
}

.header-easydown .before\:-z-10::before {
    content: var(--tw-content);
    z-index: -10
}

.header-easydown .before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: 9999px
}

.header-easydown .before\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.16\)\]::before {
    content: var(--tw-content);
    background-color: rgba(255, 255, 255, 0.16)
}

.header-easydown .before\:backdrop-blur-\[2rem\]::before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(2rem);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.header-easydown .before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content)
}

.header-easydown .hover\:text-\[\#D866EF\]:hover {
    --tw-text-opacity: 1;
    color: rgb(216 102 239 / var(--tw-text-opacity, 1))
}

.header-easydown .hover\:underline:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

@media (min-width: 1024px) {
    .header-easydown .lg\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .header-easydown .lg\:block {
        display: block
    }

    .header-easydown .lg\:hidden {
        display: none
    }

    .header-easydown .lg\:flex-row {
        flex-direction: row
    }

    .header-easydown .lg\:gap-10 {
        gap: 2.5rem
    }

    .header-easydown .lg\:p-0 {
        padding: 0px
    }

    .header-easydown .lg\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }

    .header-easydown .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .header-easydown .lg\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }

    .header-easydown .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}


.header-easydown-content::before {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: 9999px;
    background-color: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(2rem);
    z-index: -10;
    transition: all 0.3s;
}

/* 浅色 */
.header-easydown-content.light-theme {
    color: #1f2021 !important;
    background-color: rgba(0, 0, 0, 0.08);
}

/* 汉堡菜单动画 */
.header-easydown .hamburger-menu {
    padding: 0.25rem;
    cursor: pointer;
    background: transparent;
    border: none;
}

.header-easydown .hamburger-menu .line {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
}

.header-easydown .hamburger-menu.active .line:nth-child(4),
.header-easydown .hamburger-menu.active .line:nth-child(1) {
    opacity: 0;
    transform: scaleX(0);
}

.header-easydown .hamburger-menu.active .line:nth-child(3) {
    transform: rotate(-45deg);
}

.header-easydown .hamburger-menu.active .line:nth-child(2) {
    transform: rotate(45deg);
}

.header-easydown-content .nav-list {
    transition: all 0.3s;
}

@media (max-width: 1024px) {
    .header-easydown-content .nav-list {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 100%;
        border-radius: 1.5rem;
    }

    .header-easydown-content .nav-list::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(2rem);
        background: rgba(255, 255, 255, 0.16);
        border-radius: 1.5rem;
        transition: all 0.3s;
    }

    .header-easydown-content.light-theme .nav-list::before {
        background: rgba(0, 0, 0, 0.08);
    }

    .header-easydown-content .nav-list.active {
        top: calc(100% + 8px);
    }
}

.header-easydown-content {
    color: #fff;
}