.elementor-1084 .elementor-element.elementor-element-5ba776d{--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;--background-transition:0.3s;}.elementor-1084 .elementor-element.elementor-element-ffa04d8{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;text-align:left;}.elementor-1084 .elementor-element.elementor-element-ffa04d8.elementor-element{--align-self:center;}.elementor-1084 .elementor-element.elementor-element-ffa04d8 img{width:100%;}.elementor-1084 .elementor-element.elementor-element-544675d{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-1084 .elementor-element.elementor-element-544675d > .elementor-widget-container{padding:-7px -7px -7px -7px;}.elementor-1084 .elementor-element.elementor-element-544675d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-1084 .elementor-element.elementor-element-5ba776d{--width:100%;}}/* Start custom CSS for maxmegamenu, class: .elementor-element-544675d *//* ====================== 斯客威 Mega Menu 下拉白色区域改成蓝色 ====================== */
/* 直接复制下面全部代码，粘贴到 Elementor Header 编辑界面的「Custom CSS」区域（你截图红框位置） */

.max-mega-menu .mega-menu-item > .mega-sub-menu,
.max-mega-menu .mega-menu-panel,
.max-mega-menu .mega-menu-row,
.max-mega-menu .mega-menu-column {
    background: linear-gradient(to bottom, #c1e0ff, #e6f3ff) !important;  /* 和左侧 Header 一样的浅蓝渐变 */
    border-radius: 0 0 12px 12px;                                       /* 下方圆角，更好看 */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;            /* 增加一点立体感 */
}

/* 可选：让文字颜色更清晰（深蓝色） */
.max-mega-menu .mega-menu-item a {
    color: #1e3a8a !important;
    font-weight: 500;
}

/* 如果你还想让最外层菜单项也有相同蓝色背景（可选） */
.max-mega-menu .mega-menu-item {
    background: transparent !important;
}


/* ====================== 顶部导航「服务」和「帮助」按钮同时美化 ====================== */
/* 直接复制下面全部代码，粘贴到 Elementor Header 的 Custom CSS 区域即可 */

.max-mega-menu .mega-menu-item:first-child > a,
.max-mega-menu .mega-menu-item:nth-child(2) > a {
    background: linear-gradient(135deg, #0f4c81, #1e5aa8) !important;   /* 深海军蓝渐变 */
    color: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(15, 76, 129, 0.3) !important;
    transition: all 0.3s ease;
    padding: 8px 18px !important;      /* 可自行调整内边距 */
}

/* 鼠标悬停效果（更高级） */
.max-mega-menu .mega-menu-item:first-child > a:hover,
.max-mega-menu .mega-menu-item:nth-child(2) > a:hover {
    background: linear-gradient(135deg, #1e5aa8, #0f4c81) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 76, 129, 0.4) !important;
}

/* 下拉箭头颜色同步为白色 */
.max-mega-menu .mega-menu-item:first-child > a .mega-indicator,
.max-mega-menu .mega-menu-item:nth-child(2) > a .mega-indicator {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ba776d *//* 只修改红框区域为图一的天蓝色 */
.elementor-1084 .elementor-element.elementor-element-5ba776d {
    background-color: #81d0ff !important;
    background: #81d0ff !important;
}




/* ====================== 斯客威 Header 最终优化版 CSS ====================== */

/* 顶部 Header 从左到右渐变 */
.elementor-1084 .elementor-element.elementor-element-5ba776d {
    background: linear-gradient(to right,
        #81d0ff,
        #5eb8f0,
        #3a9ed9,
        #1e7ab8,
        #0f4c81
    ) !important;
}

/* 顶部「服务」和「帮助」按钮保持深海军蓝 */
.elementor-1084 .elementor-element.elementor-element-5ba776d .elementor-nav-menu .menu-item-has-children > a {
    background: linear-gradient(135deg, #0f4c81, #1e2a44) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}

/* ====================== 下拉菜单通用设置 ====================== */
.max-mega-menu .mega-sub-menu a {
    background: transparent !important;
    color: #0f4c81 !important;
    font-weight: 500;
    border-radius: 6px !important;
    transition: all 0.3s ease;
    padding: 8px 12px !important;
}

/* 服务下拉菜单悬停效果（保持你之前的浅蓝背景 + 深蓝文字） */
.max-mega-menu .mega-menu-item:nth-child(1) .mega-sub-menu a:hover {
    background: rgba(15, 76, 129, 0.12) !important;
    color: #0f4c81 !important;
}

/* 帮助下拉菜单悬停效果（深蓝背景 + 白色文字） */
.max-mega-menu .mega-menu-item:nth-child(2) .mega-sub-menu a:hover {
    background: #1e2a44 !important;     /* 深海军蓝背景 */
    color: #ffffff !important;          /* 白色文字 */
}

/* 点击激活状态强制透明（服务页点击后不再出现深色背景） */
.max-mega-menu .mega-sub-menu .mega-current-menu-item > a,
.max-mega-menu .mega-sub-menu .mega-current-menu-ancestor > a {
    background: transparent !important;
    color: #0f4c81 !important;
    box-shadow: none !important;
}

/* ====================== 让「帮助」按钮和前面两个按钮完全一致 ====================== */

.max-mega-menu .mega-menu-item:nth-child(3) > a {
    background: linear-gradient(135deg, #0f4c81, #1e5aa8) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 8px 20px !important;
    box-shadow: 0 4px 12px rgba(15, 76, 129, 0.3) !important;
    transition: all 0.3s ease;
    font-weight: 500;
}

/* 鼠标悬停效果（和前面两个按钮一致） */
.max-mega-menu .mega-menu-item:nth-child(3) > a:hover {
    background: linear-gradient(135deg, #1e5aa8, #0f4c81) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 76, 129, 0.4) !important;
}

/* 下拉箭头颜色统一为白色 */
.max-mega-menu .mega-menu-item:nth-child(3) > a .mega-indicator {
    color: #ffffff !important;
}/* End custom CSS */