.elementor-44 .elementor-element.elementor-element-c161937{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-c161937:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-c161937 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6A6A6A61;}.elementor-44 .elementor-element.elementor-element-c161937::before, .elementor-44 .elementor-element.elementor-element-c161937 > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-c161937 > .e-con-inner > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-c161937 > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-c161937 > .e-con-inner > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-c161937 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-theme-site-logo .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-44 .elementor-element.elementor-element-246b741{width:var( --container-widget-width, 12% );max-width:12%;margin:3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:12%;--container-widget-flex-grow:0;text-align:center;}.elementor-44 .elementor-element.elementor-element-246b741.elementor-element{--align-self:flex-start;}.elementor-44 .elementor-element.elementor-element-246b741 img{width:60%;max-width:80%;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .menu-item-has-children .bdt-drop,
                               .elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .ep-megamenu-panel.bdt-drop,
                               #ep-megamenu-ebaa5f8-virtual.bdt-accordion{background-color:#999999E8;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .megamenu-header-mobile .bdt-navbar-toggle{background-color:#999999E8;}.elementor-44 .elementor-element.elementor-element-ebaa5f8{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-ebaa5f8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu.ep-megamenu-horizontal .bdt-navbar-nav{justify-content:flex-start;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .megamenu-header-mobile{justify-content:flex-start;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .megamenu-header-default .bdt-navbar-nav{grid-gap:18px;}.elementor-44 .elementor-element.elementor-element-ebaa5f8.bdt-accordion{grid-gap:18px;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .bdt-navbar-nav .bdt-megamenu-indicator{display:none;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .bdt-navbar-nav > li > a,
                #ep-megamenu-ebaa5f8-virtual.bdt-accordion li a.ep-menu-nav-link{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .ep-megamenu-panel.bdt-drop, #ep-megamenu-ebaa5f8-virtual.bdt-accordion{border-radius:0px 0px 6px 6px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .ep-megamenu-panel{--bdt-position-viewport-offset:0px;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .menu-item-has-children .bdt-drop li a,
                #ep-megamenu-ebaa5f8-virtual .bdt-accordion-content li a{border-style:solid;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .megamenu-header-mobile .bdt-navbar-toggle svg{color:#FFFFFF;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .bdt-navbar-toggle{font-size:30px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-44 .elementor-element.elementor-element-246b741{--container-widget-width:220px;--container-widget-flex-grow:0;width:var( --container-widget-width, 220px );max-width:220px;}.elementor-44 .elementor-element.elementor-element-246b741.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-ebaa5f8{--container-widget-width:280px;--container-widget-flex-grow:0;width:var( --container-widget-width, 280px );max-width:280px;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu.ep-megamenu-horizontal .bdt-navbar-nav{justify-content:flex-end;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .megamenu-header-mobile{justify-content:center;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .ep-megamenu-panel.bdt-drop, #ep-megamenu-ebaa5f8-virtual.bdt-accordion{margin:0px 0px 0px 0px;border-radius:6px 6px 6px 6px;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .megamenu-header-mobile .bdt-navbar-toggle{border-radius:6px 6px 6px 6px;}}@media(min-width:768px){.elementor-44 .elementor-element.elementor-element-c161937{--content-width:1440px;}}@media(max-width:767px){.elementor-44 .elementor-element.elementor-element-c161937{--min-height:0px;--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;--justify-content:flex-start;--align-items:center;}.elementor-44 .elementor-element.elementor-element-246b741{--container-widget-width:188px;--container-widget-flex-grow:0;width:var( --container-widget-width, 188px );max-width:188px;text-align:right;}.elementor-44 .elementor-element.elementor-element-246b741 img{width:80%;max-width:80%;}.elementor-44 .elementor-element.elementor-element-ebaa5f8{width:var( --container-widget-width, 136px );max-width:136px;--container-widget-width:136px;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .megamenu-header-mobile{justify-content:flex-end;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .megamenu-header-default .bdt-navbar-nav{grid-gap:18px;}.elementor-44 .elementor-element.elementor-element-ebaa5f8.bdt-accordion{grid-gap:18px;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .ep-megamenu-panel.bdt-drop, #ep-megamenu-ebaa5f8-virtual.bdt-accordion{margin:0px 0px 0px 0px;border-radius:6px 6px 6px 6px;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .menu-item-has-children .ep-megamenu-panel > li > a:active{color:#720000;background-color:#004083;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .menu-item-has-children .ep-megamenu-panel > li:hover > a{color:#720000;background-color:#004083;}#ep-megamenu-ebaa5f8-virtual .bdt-accordion-content li:hover a{color:#720000;background-color:#004083;}.elementor-44 .elementor-element.elementor-element-ebaa5f8 .ep-megamenu .megamenu-header-mobile .bdt-navbar-toggle{padding:0px 0px 0px 0px;border-radius:6px 6px 6px 6px;}}/* Start custom CSS for bdt-mega-menu, class: .elementor-element-ebaa5f8 *//* --- 导航菜单悬停下划线 CSS 变量 --- */
:root {
    --nav-hover-bar-color: #2154f4; /* 导航悬停条的颜色 (橙色，根据您的图片示例) */
    --nav-hover-bar-height: 2px;   /* 悬停条的高度 */
    --nav-link-padding-bottom: 5px; /* 为悬停条留出空间，调整菜单项文字与底部之间的间距 */
}


/* 针对导航菜单中的链接元素 */
.bdt-navbar-nav li.menu-item > a {
    position: relative; /* 为 ::after 伪元素提供定位上下文 */
    padding-bottom: var(--nav-link-padding-bottom); /* 增加底部内边距，为悬停条留出空间 */
    text-decoration: none; /* 确保移除任何可能的默认下划线 */
    overflow: hidden; /* 防止伪元素在动画过程中超出链接边界 */
    /* 保持原有的颜色过渡，但伪元素有其自己的过渡 */
    transition: color 0.3s ease; 
}

/* 定义悬停下划线的伪元素 */
.bdt-navbar-nav li.menu-item > a::after {
    content: ''; /* 伪元素内容为空 */
    position: absolute;
    bottom: 0; /* 定位在链接的底部 */
    left: 0; /* 从链接的左侧开始 */
    width: 100%; /* 初始宽度与链接相同 */
    height: var(--nav-hover-bar-height); /* 使用变量定义高度 */
    background-color: var(--nav-hover-bar-color); /* 使用变量定义背景颜色 */
    
    /* 初始状态：水平缩放为0，透明 */
    transform: scaleX(0); 
    opacity: 0;
    /* 动画效果，控制划入和划出 */
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease; /* 更流畅的动画曲线 */
    transform-origin: center; /* 动画从中心点开始或结束 */
}

/* 导航链接悬停时的效果 */
.bdt-navbar-nav li.menu-item > a:hover::after {
    transform: scaleX(1); /* 悬停时水平缩放为1，完全显示 */
    opacity: 1; /* 悬停时完全不透明 */
}

/* 如果当前激活的菜单项也需要显示下划线，可以添加类似规则 */
/* 假设Elementor或您的插件会给当前激活的菜单项添加 'current-menu-item' 或 'active' 类 */
.bdt-navbar-nav li.menu-item.current-menu-item > a::after,
.bdt-navbar-nav li.menu-item.active > a::after {
    transform: scaleX(1); /* 激活状态下也显示 */
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c161937 *//* 自定义CSS颜色变量 */
:root {
    --header-text-dark: #333333; /* 浅色背景下的深色文字 */
    --header-text-light: #ffffff; /* 深色背景或滚动后的白色文字 */

    /* 滚动后的页眉背景和毛玻璃效果 */
    --header-bg-scrolled: rgba(70, 70, 70, 0.4); /* 深灰色，40%不透明度 */

    /* Inquiry 按钮的背景和文字色 */
    --inquiry-btn-bg-light-content: #000000; /* 非滚动，下方内容为浅色时 (header-content-dark) 按钮背景色 (黑) */
    --inquiry-btn-text-light-content: #ffffff; /* 文字色 (白) */
    
    --inquiry-btn-bg-dark-content: #ffffff; /* 非滚动，下方内容为深色时 (无 header-content-dark) 按钮背景色 (白) */
    --inquiry-btn-text-dark-content: #000000; /* 文字色 (黑) */

    /* 滚动状态下的按钮颜色 (与 light-content 时相反，即白底黑字) */
    --inquiry-btn-bg-scrolled: #ffffff; 
    --inquiry-btn-text-scrolled: #000000;

    --inquiry-btn-hover-bg: #2154f4; /* 按钮悬停时的黄色 (已修正 ## 到 #) */

    /* 搜索图标悬停背景 */
    --search-icon-hover-bg-color: rgba(70, 70, 70, 0.8); /* 透明灰色 */
    
}


.custom-header-section {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
    background-color: transparent;
    padding: var(--elementor-custom-header-padding, 10px 0);
    /* 初始默认内容颜色由JS决定，这里仅设置默认可继承色 */
    color: var(--header-text-light); /* 默认文字颜色 (在 JS 未应用类时或作为回退) */
    display: flex;
    align-items: center; 
    min-height: px; /* 示例高度，根据您实际页眉内容高度调整 (已修正 'px' 错误) */
}

/* 当页眉内容需要变为深色（因为下方背景是浅色）时 */
.custom-header-section.header-content-dark {
    color: var(--header-text-dark);
}

/* --- 强制滚动后页眉内部的所有内容变为白色 (毛玻璃效果) --- */
.custom-header-section.scrolled {
    background-color: var(--header-bg-scrolled); 
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px); 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 
    color: var(--header-text-light); 
}

/* 页眉右侧功能区域的布局 */
.header-right-utility {
    display: flex;
    align-items: center; 
    gap: 15px; 
    margin-left: auto; 
}

/* 搜索图标样式 (包裹 SVG 的链接) */
.header-search-icon {
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    width: 34px; 
    height: 34px;
    border-radius: 50%; 
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease, background-color 0.3s ease; 
    padding: 0; 
    box-sizing: border-box; 
    color: inherit; 
}
/* 搜索图标 SVG 本身的样式 */
.header-search-icon svg {
    width: 18px; 
    height: 18px;
    vertical-align: middle; 
    fill: currentColor; 
    transition: fill 0.3s ease; 
}

/* 分隔符样式 */
.utility-divider {
    font-size: 18px; 
    line-height: 1;
    opacity: 0.5; 
    transition: color 0.3s ease, opacity 0.3s ease; 
    color: inherit; 
}

/* Inquiry 按钮通用样式 */
.header-inquiry-button {
    text-decoration: none;
    padding: 10px 20px; 
    border-radius: 50px; 
    font-size: 14px;
    font-weight: 400;
    transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    white-space: nowrap; 
    border: none;
    cursor: pointer;
    height: 30px; 
    min-width: 100px; 
    box-sizing: border-box; 
    /* 默认不透明度，防止被其他规则覆盖导致悬停时没效果 */
    opacity: 1;
}


/* --- 通用内容颜色切换 (非滚动时) - 针对非搜索图标、非Inquiry按钮的通用元素 --- */

/* 非滚动状态，下方是浅色背景 (header-content-dark 存在) */
.custom-header-section:not(.scrolled).header-content-dark .elementor-heading-title,
.custom-header-section:not(.scrolled).header-content-dark .bdt-navbar-nav li.menu-item > a,
.custom-header-section:not(.scrolled).header-content-dark .bdt-navbar-nav li.menu-item > a span,
.custom-header-section:not(.scrolled).header-content-dark .bdt-navbar-nav li.menu-item > a i,
.custom-header-section:not(.scrolled).header-content-dark .elementor-button:not(.header-inquiry-button), 
.custom-header-section:not(.scrolled).header-content-dark .elementor-icon:not(.header-search-icon) {
    color: var(--header-text-dark) !important; 
}
.custom-header-section:not(.scrolled).header-content-dark .elementor-widget-container svg:not(.header-search-icon) path {
    fill: var(--header-text-dark) !important;
    stroke: var(--header-text-dark) !important;
}

/* 非滚动状态，下方是深色背景 (header-content-dark 不存在) */
.custom-header-section:not(.scrolled):not(.header-content-dark) .elementor-heading-title,
.custom-header-section:not(.scrolled):not(.header-content-dark) .bdt-navbar-nav li.menu-item > a,
.custom-header-section:not(.scrolled):not(.header-content-dark) .bdt-navbar-nav li.menu-item > a span,
.custom-header-section:not(.scrolled):not(.header-content-dark) .bdt-navbar-nav li.menu-item > a i,
.custom-header-section:not(.scrolled):not(.header-content-dark) .elementor-button:not(.header-inquiry-button),
.custom-header-section:not(.scrolled):not(.header-content-dark) .elementor-icon:not(.header-search-icon) {
    color: var(--header-text-light) !important; 
}
.custom-header-section:not(.scrolled):not(.header-content-dark) .elementor-widget-container svg:not(.header-search-icon) path {
    fill: var(--header-text-light) !important;
    stroke: var(--header-text-light) !important;
}

/* 滚动状态：所有通用元素强制为白色 */
.custom-header-section.scrolled .elementor-heading-title,
.custom-header-section.scrolled .bdt-navbar-nav li.menu-item > a,
.custom-header-section.scrolled .bdt-navbar-nav li.menu-item > a span,
.custom-header-section.scrolled .bdt-navbar-nav li.menu-item > a i,
.custom-header-section.scrolled .elementor-button:not(.header-inquiry-button),
.custom-header-section.scrolled .elementor-icon:not(.header-search-icon) {
    color: var(--header-text-light) !important;
}
.custom-header-section.scrolled .elementor-widget-container svg:not(.header-search-icon) path {
    fill: var(--header-text-light) !important;
    stroke: var(--header-text-light) !important;
}


/* --- Inquiry 按钮主题色逻辑 (已修正为动态切换) --- */

/* 非滚动状态，下方是浅色背景 (header-content-dark 存在) */
/* 按钮为 黑底白字 (与主内容颜色相反，例如 Logo 菜单是黑的，按钮是白的。或者 Logo 菜单是白的，按钮是黑的) */
.custom-header-section:not(.scrolled).header-content-dark .header-inquiry-button {
    background-color: var(--inquiry-btn-bg-light-content) !important; /* 黑色背景 */
    color: var(--inquiry-btn-text-light-content) !important; /* 白色文字 */
}

/* 非滚动状态，下方是深色背景 (header-content-dark 不存在) */
/* 按钮为 白底黑字 (与主内容颜色相反) */
.custom-header-section:not(.scrolled):not(.header-content-dark) .header-inquiry-button {
    background-color: var(--inquiry-btn-bg-dark-content) !important; /* 白色背景 */
    color: var(--inquiry-btn-text-dark-content) !important; /* 黑色文字 */
}

/* 滚动状态，按钮变为 白底黑字 */
.custom-header-section.scrolled .header-inquiry-button {
    background-color: var(--inquiry-btn-bg-scrolled) !important; /* 白色背景 */
    color: var(--inquiry-btn-text-scrolled) !important; /* 黑色文字 */
}


/* --- 搜索图标和分隔符的颜色逻辑 --- */
/* 非滚动，下方浅色背景：图标和分隔符为黑色 */
.custom-header-section:not(.scrolled).header-content-dark .header-search-icon,
.custom-header-section:not(.scrolled).header-content-dark .utility-divider {
    color: var(--header-text-dark) !important; 
}
/* 非滚动，下方深色背景或滚动时：图标和分隔符为白色 */
.custom-header-section:not(.scrolled):not(.header-content-dark) .header-search-icon,
.custom-header-section:not(.scrolled):not(.header-content-dark) .utility-divider,
.custom-header-section.scrolled .header-search-icon,
.custom-header-section.scrolled .utility-divider {
    color: var(--header-text-light) !important; 
}


/* === 悬停效果 === */

/* 通用文本/链接悬停，颜色变淡 */
.custom-header-section:not(.scrolled):not(.header-content-dark) .bdt-navbar-nav li.menu-item > a:hover,
.custom-header-section:not(.scrolled):not(.header-content-dark) .bdt-navbar-nav li.menu-item > a:hover span,
.custom-header-section:not(.scrolled):not(.header-content-dark) .bdt-navbar-nav li.menu-item > a:hover i,
.custom-header-section.scrolled .bdt-navbar-nav li.menu-item > a:hover,
.custom-header-section.scrolled .bdt-navbar-nav li.menu-item > a:hover span,
.custom-header-section.scrolled .bdt-navbar-nav li.menu-item > a:hover i {
    color: rgba(255, 255, 255, 0.8) !important;
}
.custom-header-section:not(.scrolled).header-content-dark .bdt-navbar-nav li.menu-item > a:hover,
.custom-header-section:not(.scrolled).header-content-dark .bdt-navbar-nav li.menu-item > a:hover span,
.custom-header-section:not(.scrolled).header-content-dark .bdt-navbar-nav li.menu-item > a:hover i {
    color: rgba(0, 0, 0, 0.8) !important;
}

/* 通用 SVG 悬停效果 (不包括搜索图标) */
.custom-header-section:not(.scrolled):not(.header-content-dark) .elementor-widget-container svg:not(.header-search-icon) path:hover,
.custom-header-section.scrolled .elementor-widget-container svg:not(.header-search-icon) path:hover {
    fill: rgba(255, 255, 255, 0.8) !important;
    stroke: rgba(255, 255, 255, 0.8) !important;
}
.custom-header-section:not(.scrolled).header-content-dark .elementor-widget-container svg:not(.header-search-icon) path:hover {
    fill: rgba(0, 0, 0, 0.8) !important;
    stroke: rgba(0, 0, 0, 0.8) !important;
}


/* --- 搜索图标 hover 效果 --- */
.header-search-icon:hover {
    background-color: var(--search-icon-hover-bg-color) !important; 
    color: var(--header-text-light) !important; 
}
.header-search-icon:hover svg path {
    fill: var(--header-text-light) !important; 
}


/* --- 修正：Inquiry 按钮 hover 效果 (针对所有状态) --- */
/* 这个规则的特异性很高，旨在覆盖所有非悬停状态的按钮颜色 */
.custom-header-section:not(.scrolled).header-content-dark .header-inquiry-button:hover,
.custom-header-section:not(.scrolled):not(.header-content-dark) .header-inquiry-button:hover,
.custom-header-section.scrolled .header-inquiry-button:hover {
    background-color: var(--inquiry-btn-hover-bg) !important; /* 黄色背景 */
    color: #fff !important; /* 悬停时文字变为白色 */
    opacity: 1 !important; /* 确保悬停时完全不透明 */
}

/* 分隔符悬停效果 */
.utility-divider:hover {
    opacity: 0.7 !important; 
}
/* --- 附加规则：确保下拉菜单在滚动时也应用毛玻璃效果 --- */

/* 规则一：当页眉在顶部时 (没有 .scrolled 类)，下拉菜单恢复为纯色背景 */
.custom-header-section:not(.scrolled) .bdt-dropdown {
    background-color: #ffffff !important; /* 顶部状态时，下拉菜单的背景色 (例如纯白) */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 规则二：当页眉滚动后 (拥有 .scrolled 类)，强制给下拉菜单应用毛玻璃效果 */
.custom-header-section.scrolled .bdt-dropdown {
    background-color: var(--header-bg-scrolled) !important; /* 复用您已定义的变量 */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}/* End custom CSS */
/* Start custom CSS *//* --- 终极解决方案：直接利用主题的 .scrolled 类 --- */

/* 规则一：当页眉在顶部时 (没有 .scrolled 类)，菜单恢复为纯色背景 */
/* 您可以把下面的颜色换成您想要的任何顶部状态的背景色 */
.custom-header-section:not(.scrolled) .bdt-dropdown {
    background-color: rgba(255, 255, 255, 1) !important; /* 例如：纯白色 */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 规则二：当页眉滚动后 (拥有 .scrolled 类)，强制应用毛玻璃效果 */
.custom-header-section.scrolled .bdt-dropdown {
    background-color: rgba(70, 70, 70, 0.4) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    border-top: none !important;
}/* End custom CSS */