.elementor-90 .elementor-element.elementor-element-469176e{--display:flex;--min-height:75px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-90 .elementor-element.elementor-element-d25eb24{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-90 .elementor-element.elementor-element-ed56de8 img{width:90%;}.elementor-90 .elementor-element.elementor-element-0a3a00f img{width:90%;}.elementor-90 .elementor-element.elementor-element-c802b6d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-90 .elementor-element.elementor-element-4386752{--display:flex;}.elementor-90 .elementor-element.elementor-element-9731490{--display:flex;}.elementor-90 .elementor-element.elementor-element-ebde9b0{--display:flex;}.elementor-90 .elementor-element.elementor-element-c640e03{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:30px;--n-menu-title-font-size:20px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-90 .elementor-element.elementor-element-c640e03 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-90 .elementor-element.elementor-element-c640e03 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-90 .elementor-element.elementor-element-c640e03 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Jost", Sans-serif;font-weight:600;}.elementor-90 .elementor-element.elementor-element-c640e03 {--n-menu-title-color-hover:#C0C0C0;--n-menu-title-color-active:#9E9E9E;}.elementor-90 .elementor-element.elementor-element-7460885{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-90 .elementor-element.elementor-element-469176e{--content-width:80%;}.elementor-90 .elementor-element.elementor-element-d25eb24{--width:10%;}.elementor-90 .elementor-element.elementor-element-c802b6d{--width:80%;}.elementor-90 .elementor-element.elementor-element-7460885{--width:10%;}}/* Start custom CSS for container, class: .elementor-element-469176e *//* ==================================================
   1. 页眉基础状态
   顶部：透明背景、白色菜单和图标
   ================================================== */

.elementor-90 .elementor-element.elementor-element-469176e {
    --header-color: #ffffff;

    position: relative;
    z-index: 9999;
    width: 100%;

    /* 页眉高度为 75px，用负边距覆盖在首屏图片上 */
    margin-bottom: -75px;

    background-color: transparent;

    transition:
        background-color 0.3s ease,
        box-shadow 0.3s ease;
}


/* ==================================================
   2. 页面下拉后的页眉
   白色背景、黑色菜单和图标
   ================================================== */

.elementor-90 .elementor-element.elementor-element-469176e.elementor-sticky--effects {
    --header-color: #111111;

    background-color: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}


/* ==================================================
   3. 双 Logo 瞬间切换
   不使用透明度动画，避免白色 Logo 残影
   ================================================== */

.elementor-90 .elementor-element.elementor-element-469176e .logo-switcher {
    display: grid !important;
    align-items: center;
}

/* 两个 Logo 组件放在同一个位置 */
.elementor-90 .elementor-element.elementor-element-469176e .logo-switcher > .logo-white,
.elementor-90 .elementor-element.elementor-element-469176e .logo-switcher > .logo-black {
    grid-area: 1 / 1;
    position: relative !important;
    inset: auto !important;

    width: 100%;
    margin: 0 !important;

    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* 两张 Logo 图片保持相同尺寸 */
.elementor-90 .elementor-element.elementor-element-469176e .logo-switcher img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;

    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* 页面顶部：显示白色 Logo */
.elementor-90 .elementor-element.elementor-element-469176e .logo-white {
    display: block !important;
}

/* 页面顶部：隐藏黑色 Logo */
.elementor-90 .elementor-element.elementor-element-469176e .logo-black {
    display: none !important;
}

/* 下拉后：隐藏白色 Logo */
.elementor-90 .elementor-element.elementor-element-469176e.elementor-sticky--effects .logo-white {
    display: none !important;
}

/* 下拉后：显示黑色 Logo */
.elementor-90 .elementor-element.elementor-element-469176e.elementor-sticky--effects .logo-black {
    display: block !important;
}


/* ==================================================
   4. Elementor 菜单文字颜色
   ================================================== */

.elementor-90 .elementor-element.elementor-element-469176e .header-menu a,
.elementor-90 .elementor-element.elementor-element-469176e .header-menu .elementor-item,
.elementor-90 .elementor-element.elementor-element-469176e .header-menu .e-n-menu-title-text,
.elementor-90 .elementor-element.elementor-element-469176e .header-menu .e-n-menu-title-container,
.elementor-90 .elementor-element.elementor-element-469176e .header-menu .e-n-menu-title-container a {
    color: var(--header-color) !important;
    transition: color 0.3s ease;
}

/* 菜单悬停和当前页面 */
.elementor-90 .elementor-element.elementor-element-469176e .header-menu a:hover,
.elementor-90 .elementor-element.elementor-element-469176e .header-menu .elementor-item:hover,
.elementor-90 .elementor-element.elementor-element-469176e .header-menu .elementor-item-active,
.elementor-90 .elementor-element.elementor-element-469176e .header-menu .e-current a {
    color: var(--header-color) !important;
}


/* ==================================================
   5. 菜单箭头和 SVG 图标
   ================================================== */

.elementor-90 .elementor-element.elementor-element-469176e .header-menu i,
.elementor-90 .elementor-element.elementor-element-469176e .header-menu svg {
    color: var(--header-color) !important;
    fill: var(--header-color) !important;

    transition:
        color 0.3s ease,
        fill 0.3s ease;
}

.elementor-90 .elementor-element.elementor-element-469176e .header-menu svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
}


/* ==================================================
   6. 移动端汉堡菜单
   ================================================== */

.elementor-90 .elementor-element.elementor-element-469176e .header-menu .elementor-menu-toggle {
    color: var(--header-color) !important;
    background-color: transparent !important;
}

.elementor-90 .elementor-element.elementor-element-469176e .header-menu .elementor-menu-toggle i,
.elementor-90 .elementor-element.elementor-element-469176e .header-menu .elementor-menu-toggle svg {
    color: var(--header-color) !important;
    fill: var(--header-color) !important;
}


/* ==================================================
   7. 搜索、账户等普通图标
   组件需要添加 header-icon
   ================================================== */

.elementor-90 .elementor-element.elementor-element-469176e .header-icon,
.elementor-90 .elementor-element.elementor-element-469176e .header-icon a,
.elementor-90 .elementor-element.elementor-element-469176e .header-icon i,
.elementor-90 .elementor-element.elementor-element-469176e .header-icon .elementor-icon {
    color: var(--header-color) !important;
    fill: var(--header-color) !important;

    transition:
        color 0.3s ease,
        fill 0.3s ease;
}

.elementor-90 .elementor-element.elementor-element-469176e .header-icon svg {
    color: var(--header-color) !important;
    fill: var(--header-color) !important;
}

.elementor-90 .elementor-element.elementor-element-469176e .header-icon svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
}


/* ==================================================
   8. XootiX Side Cart 购物车图标
   对应 [xoo_wsc_cart]
   ================================================== */

.elementor-90 .elementor-element.elementor-element-469176e .header-cart .xoo-wsc-sc-cont,
.elementor-90 .elementor-element.elementor-element-469176e .header-cart .xoo-wsc-sc-bki,
.elementor-90 .elementor-element.elementor-element-469176e .header-cart [class*="xoo-wsc-icon"] {
    color: var(--header-color) !important;
    fill: var(--header-color) !important;

    transition:
        color 0.3s ease,
        fill 0.3s ease;
}

/* 购物车字体图标及伪元素 */
.elementor-90 .elementor-element.elementor-element-469176e .header-cart .xoo-wsc-sc-bki::before,
.elementor-90 .elementor-element.elementor-element-469176e .header-cart [class*="xoo-wsc-icon"]::before {
    color: var(--header-color) !important;
}

/* SVG 类型购物车图标 */
.elementor-90 .elementor-element.elementor-element-469176e .header-cart svg {
    color: var(--header-color) !important;
    fill: var(--header-color) !important;
}

.elementor-90 .elementor-element.elementor-element-469176e .header-cart svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
}


/* ==================================================
   9. 购物车数量指示器
   顶部：白底黑字
   下拉后：黑底白字
   ================================================== */

.elementor-90 .elementor-element.elementor-element-469176e .header-cart .xoo-wsc-sc-count {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 18px;
    height: 18px;
    padding: 0 4px;

    color: #111111 !important;
    background-color: #ffffff !important;
    border: 0 !important;
    border-radius: 999px;

    font-size: 10px;
    line-height: 1;
    font-weight: 600;
    text-align: center;

    transition:
        color 0.3s ease,
        background-color 0.3s ease;
}

/* 下拉后：数量指示器黑底白字 */
.elementor-90 .elementor-element.elementor-element-469176e.elementor-sticky--effects
.header-cart
.xoo-wsc-sc-count {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}


/* ==================================================
   10. 层级保护
   ================================================== */

.elementor-90 .elementor-element.elementor-element-469176e .logo-switcher,
.elementor-90 .elementor-element.elementor-element-469176e .header-menu,
.elementor-90 .elementor-element.elementor-element-469176e .header-cart,
.elementor-90 .elementor-element.elementor-element-469176e .header-icon {
    position: relative;
    z-index: 2;
}/* End custom CSS */