.elementor-368 .elementor-element.elementor-element-2178737{--display:flex;--justify-content:center;--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-368 .elementor-element.elementor-element-2178737::before, .elementor-368 .elementor-element.elementor-element-2178737 > .elementor-background-video-container::before, .elementor-368 .elementor-element.elementor-element-2178737 > .e-con-inner > .elementor-background-video-container::before, .elementor-368 .elementor-element.elementor-element-2178737 > .elementor-background-slideshow::before, .elementor-368 .elementor-element.elementor-element-2178737 > .e-con-inner > .elementor-background-slideshow::before, .elementor-368 .elementor-element.elementor-element-2178737 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-368 .elementor-element.elementor-element-1687f2e{background-color:#00000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for container, class: .elementor-element-2178737 *//* --- 超级菜单最终修复与整合版 --- */
/* (请用此代码替换掉所有之前的相关CSS，确保只有这一份代码在生效) */

/* 1. 强制主菜单面板在任何状态下都保持最外层的毛玻璃效果 */
.ep-megamenu-panel.bdt-drop {
    background: rgba(70, 70, 70, 0.4) !important; 
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}

/* 2. 定义内部项目的父容器布局 (不设置背景) */
.feature-section {
    background: transparent !important; /* 必须透明，以透出主面板的毛玻璃 */
    box-shadow: none !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    gap: 15px; 
    padding: 10px;
}

/* 3. 【最终合并版】为内部项目添加所有样式，并始终保持独立的毛玻璃效果 */
.feature-item {
    /* --- 核心毛玻璃效果 --- */
    background-color: rgba(255, 255, 255, 0.15) !important; 
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;

    /* --- 布局样式 --- */
    flex: 1 1 23%; 
    max-width: 280px; 
    min-height: 150px; 
    display: flex; 
    flex-direction: column;
    justify-content: center; 
    align-items: center; 
    text-align: center;
    
    /* --- 其他外观和动画 --- */
    padding: 20px;
    border-radius: 12px;
    cursor: pointer;
    text-decoration: none;
    transform: translateY(0);
    transition: background-color 0.4s ease, border-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;
}

/* 4. 定义清晰的悬停交互效果 */
.feature-item:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* 增加悬浮阴影以增强立体感 */
}

/* 5. 内部文字样式 (已增强优先级) */
.feature-item h3 {
    font-size: 15px;
    font-weight: 400; 
    color: #FFFFFF !important; /* 修改点：为默认 H3 颜色添加 !important */
    transition: color 0.3s ease;
}

.feature-item p {
    font-size: 12px;
    font-weight: 300; 
    color: #D1D5DB !important; /* 修改点：为默认 P 颜色添加 !important (保持统一) */
    transition: color 0.3s ease;
}

/* 6. 悬停时文字颜色变化 (保持不变) */
.feature-item:hover h3,
.feature-item:hover p {
    color: #2154f4 !important; /* 这里已经有!important，无需改动 */
}

/* 7. 响应式代码 */
@media (max-width: 1024px) {
    .feature-item {
        flex: 1 1 45%; 
        max-width: 45%;
    }
}

@media (max-width: 767px) {
    .feature-item {
        flex: 1 1 90%; 
        max-width: 90%;
    }
}/* End custom CSS */