/**
 * ZSX Enhanced Navigation Menu Styles
 * 增强导航菜单样式文件
 */

/* ========== 基础重置 ========== */
.zsx-enhanced-nav-wrapper {
    position: relative !important;
    z-index: 1000 !important;
    width: 100%;
    /* 确保为绝对定位的子元素提供定位上下文 */
    overflow: visible;
}

.zsx-enhanced-nav-wrapper * {
    box-sizing: border-box !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav {
    position: relative !important;
    z-index: 1001 !important;
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
}

/* ========== 导航项目 ========== */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-item {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-item.has-mega-menu {
    position: static !important; /* 允许下拉菜单相对于整个导航栏定位 */
}

/* ========== 导航链接 ========== */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-link {
    display: flex !important;
    align-items: center !important;
    padding: 15px 16px !important;
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    border-bottom: 3px solid transparent !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-link:hover,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-item:hover .nav-link {
    color: #0073b8 !important;
    border-bottom-color: #0073b8 !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-link i {
    margin-left: 8px !important;
    font-size: 12px !important;
    transition: transform 0.3s ease !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-item:hover .nav-link i {
    transform: rotate(180deg) !important;
}

/* ========== 汉堡按钮（默认隐藏，空间不足时由 JS 触发折叠） ========== */
.zsx-enhanced-nav-wrapper .zsx-nav-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    padding: 10px;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 6px;
}

.zsx-enhanced-nav-wrapper .zsx-nav-toggle:hover {
    background: rgba(0, 0, 0, 0.05);
}

.zsx-enhanced-nav-wrapper .zsx-nav-toggle .zsx-nav-toggle-bar {
    display: block;
    width: 24px;
    height: 2px;
    background: #333;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

/* 折叠态：显示汉堡按钮、隐藏横向菜单（高特异性 + !important 覆盖原有规则） */
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed .zsx-nav-toggle {
    display: flex;
}

.zsx-enhanced-nav-wrapper.zsx-nav-collapsed > .zsx-enhanced-nav {
    display: none !important;
}

/* 折叠 + 展开态：横向菜单变为整屏宽的纵向抽屉浮层，避免受窄列限制、也不盖住 logo/搜索框 */
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open > .zsx-enhanced-nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    position: fixed !important;
    top: var(--zsx-drawer-top, 60px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    z-index: 100000 !important;
    background: #ffffff !important;
    border-top: 1px solid #e1e5e9 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15) !important;
    max-height: calc(100vh - var(--zsx-drawer-top, 60px)) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 6px 0 !important;
}

.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .zsx-nav-toggle .zsx-nav-toggle-bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .zsx-nav-toggle .zsx-nav-toggle-bar:nth-child(2) {
    opacity: 0;
}
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .zsx-nav-toggle .zsx-nav-toggle-bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* 抽屉内的菜单项：撑满整行、左对齐 */
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open > .zsx-enhanced-nav > .nav-item {
    width: 100% !important;
    position: relative !important;
}

.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open > .zsx-enhanced-nav > .nav-item > .nav-link {
    justify-content: space-between !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* 父项展开时箭头翻转 */
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .nav-item.is-expanded > .nav-link i {
    transform: rotate(180deg) !important;
}

/* —— 折叠模式：普通下拉子菜单改为手风琴（默认收起，父项 .is-expanded 时展开） —— */
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .zsx-enhanced-nav .dropdown-menu {
    position: static !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 0 0 18px !important;
    background: #fafafa !important;
    display: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .nav-item.is-expanded > .dropdown-menu {
    display: block !important;
}

/* —— 折叠模式：超级菜单降级为抽屉内手风琴（取消 fixed / 100vw / 全宽网格） —— */
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .zsx-mega-dropdown,
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .nav-item.has-mega-menu-active .zsx-mega-dropdown,
html body .zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .nav-item.has-mega-menu-active .zsx-mega-dropdown.show,
html body .zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .nav-item.has-mega-menu-active .zsx-mega-dropdown.show.is-visible {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    background: #fafafa !important;
    z-index: auto !important;
}

/* 折叠模式：超级菜单默认收起，父项 .is-expanded 时展开 */
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .nav-item .zsx-mega-dropdown {
    display: none !important;
}
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .nav-item.is-expanded .zsx-mega-dropdown {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* 标签竖排 */
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .zsx-mega-tabs {
    flex-direction: column !important;
    border-radius: 0 !important;
}
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .zsx-mega-tabs a {
    padding: 12px 18px !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    text-align: left !important;
}

/* 内容 / 分类单列堆叠 */
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .zsx-mega-content {
    padding: 10px 14px !important;
}
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .zsx-mega-categories {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
}
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .zsx-mega-category {
    flex: 1 1 100% !important;
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid #ececec !important;
    padding: 10px 0 !important;
}
.zsx-enhanced-nav-wrapper.zsx-nav-collapsed.is-open .zsx-mega-category dd > a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* ========== 超级菜单下拉框 - 全宽度显示 ========== */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-dropdown {
    position: fixed !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    
    background: #ffffff !important;
    border: 1px solid #e1e5e9 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
    
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    
    transition: all 0.3s ease !important;
    z-index: 99999 !important;
    
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 强制全宽度 - 最高优先级 */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-dropdown,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .has-mega-menu .zsx-mega-dropdown,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .has-mega-menu:hover .zsx-mega-dropdown,
.elementor-widget-zsx-enhanced-nav-menu .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-dropdown,
.elementor-widget-zsx-enhanced-nav-menu .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .has-mega-menu .zsx-mega-dropdown,
.elementor-widget-zsx-enhanced-nav-menu .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .has-mega-menu:hover .zsx-mega-dropdown {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 调试用 - 确保菜单可见 */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-dropdown.show,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .has-mega-menu-active .zsx-mega-dropdown,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-item.has-mega-menu-active .zsx-mega-dropdown,
.elementor-widget-zsx-enhanced-nav-menu .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-dropdown.show,
.elementor-widget-zsx-enhanced-nav-menu .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .has-mega-menu-active .zsx-mega-dropdown,
.elementor-widget-zsx-enhanced-nav-menu .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-item.has-mega-menu-active .zsx-mega-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
}

/* 修复：只基于CSS类控制显示，不基于内联样式 */
.zsx-mega-dropdown.show,
.zsx-mega-dropdown.has-mega-menu-active,
.nav-item.has-mega-menu-active .zsx-mega-dropdown,
div.zsx-mega-dropdown.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    z-index: 999999 !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 修复：移除强制显示规则，让JavaScript控制显示状态 */
div.zsx-mega-dropdown {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    z-index: 999999 !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e1e5e9 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
    
    /* 默认隐藏，只通过JavaScript控制显示 */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* 禁用超级菜单的过渡效果，但保留普通下拉菜单的过渡效果 */
.zsx-mega-dropdown,
.zsx-mega-dropdown *,
.zsx-mega-dropdown.show,
.zsx-mega-dropdown.has-mega-menu-active,
.nav-item.has-mega-menu-active .zsx-mega-dropdown {
    transition: none !important;
    animation: none !important;
}

/* 确保普通下拉菜单的过渡效果正常工作 */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .dropdown-menu {
    transition: all 0.3s ease !important;
}

/* 普通下拉菜单项样式 */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .dropdown-menu li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .dropdown-menu li a {
    display: block !important;
    padding: 8px 16px !important;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    transition: background-color 0.2s ease !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .dropdown-menu li a:hover {
    background-color: #f5f5f5 !important;
    color: #0073b8 !important;
}

/* 确保普通下拉菜单不受超级菜单样式影响 */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 200px !important;
    background: #fff !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: all 0.3s ease !important;
    z-index: 1001 !important;
    max-width: none !important;
    width: auto !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-item:hover > .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* 修复：确保显示规则有最高优先级 */
html body div.zsx-mega-dropdown.show,
html body div.zsx-mega-dropdown.show.is-visible,
html body div.zsx-mega-dropdown.has-mega-menu-active,
html body .nav-item.has-mega-menu-active div.zsx-mega-dropdown,
html body .nav-item.has-mega-menu-active div.zsx-mega-dropdown.show,
html body .nav-item.has-mega-menu-active div.zsx-mega-dropdown.show.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
    position: fixed !important;
    left: 0px !important;
    right: 0px !important;
    width: 100vw !important;
    z-index: 999999 !important;
    transform: none !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    background: #ffffff !important;
    border: 1px solid #e1e5e9 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

/* 终极定位修复 - 确保菜单不会偏移到屏幕外 */
div.zsx-mega-dropdown.show,
div.zsx-mega-dropdown.show.is-visible,
div.zsx-mega-dropdown.has-mega-menu-active {
    position: fixed !important;
    left: 0px !important;
    right: 0px !important;
    width: 100vw !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    transform: none !important;
    top: var(--nav-offset, 100%) !important;
}

/* 修复：只对显示状态的菜单应用定位，移除强制显示 */
div.zsx-mega-dropdown.show,
div.zsx-mega-dropdown.has-mega-menu-active {
    position: fixed !important;
    left: 0px !important;
    right: 0px !important;
    width: 100vw !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    transform: none !important;
    z-index: 999999 !important;
}

/* 全宽度模式 - 扩展到视口宽度 */
.elementor-widget-zsx-enhanced-nav-menu[data-dropdown-width-mode="full"] .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-dropdown,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-dropdown {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    z-index: 99999 !important;
}

/* 确保全宽度模式下的内容充分利用空间 */
.elementor-widget-zsx-enhanced-nav-menu[data-dropdown-width-mode="full"] .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-content,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-content {
    max-width: none !important;
    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
}

/* 容器宽度模式 - 限制在父容器内 */
.elementor-widget-zsx-enhanced-nav-menu[data-dropdown-width-mode="container"] .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-dropdown {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

/* 显示状态 - 只通过JavaScript控制，移除CSS悬停规则 */

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-dropdown.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* ========== 标签栏 ========== */
.zsx-enhanced-nav-wrapper .zsx-mega-tabs {
    display: flex !important;
    justify-content: center !important;
    gap: 0 !important;
    background: #0073b8 !important;
    padding: 0 !important;
    border-radius: 8px 8px 0 0 !important;
}

.zsx-enhanced-nav-wrapper .zsx-mega-tabs a {
    padding: 16px 40px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    border-bottom: 3px solid transparent !important;
    position: relative !important;
}

.zsx-enhanced-nav-wrapper .zsx-mega-tabs a:hover,
.zsx-enhanced-nav-wrapper .zsx-mega-tabs a.active {
    background: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: #ffffff !important;
}

.zsx-enhanced-nav-wrapper .zsx-mega-tabs a:first-child {
    border-radius: 8px 0 0 0 !important;
}

.zsx-enhanced-nav-wrapper .zsx-mega-tabs a:last-child {
    border-radius: 0 8px 0 0 !important;
}

/* ========== 内容区域 ========== */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-content {
    display: block !important;
    padding: 20px 10px !important;
    background: #ffffff !important;
    border-radius: 0 0 8px 8px !important;
    overflow: hidden !important;
    max-width: none !important;
    margin: 0 !important;
    width: 100% !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-content:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

.zsx-enhanced-nav-wrapper .zsx-mega-tab-content {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.zsx-enhanced-nav-wrapper .zsx-mega-tab-content.active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 强制确保标签切换工作 */
.zsx-enhanced-nav-wrapper .zsx-mega-dropdown .zsx-mega-tab-content:not(.active) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.zsx-enhanced-nav-wrapper .zsx-mega-dropdown .zsx-mega-tab-content.active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ========== 分类布局 - 优化为一行显示，根据宽度缩放 ========== */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-categories {
    display: flex !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border-right: 1px solid #e5e5e5 !important;
    overflow: hidden !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category:last-child {
    border-right: none !important;
}

.zsx-enhanced-nav-wrapper .zsx-mega-category h5 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #0073b8 !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #e5e5e5 !important;
}

.zsx-enhanced-nav-wrapper .zsx-mega-category h5 a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.zsx-enhanced-nav-wrapper .zsx-mega-category h5 a:hover {
    color: #005a8b !important;
}

/* ========== 分类标题 - 优化为紧凑布局 ========== */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dt {
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    border-bottom: 2px solid #0073b8 !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    min-height: 40px !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dt img {
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dt span {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0073b8 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 !important;
}

/* ========== 菜单项 - 优化为紧凑布局 ========== */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd {
    margin: 0 !important;
    padding: 0 !important;
}

/* 超级菜单子项目样式 - 使用更具体的选择器 */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd > a,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd a.mega-menu-item,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category .submenu-items a.mega-menu-item {
    display: block !important;
    padding: 6px 0 !important;
    color: #666 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    transition: color 0.3s ease !important;
    margin-bottom: 3px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    clear: both !important;
    float: none !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd > a:hover,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd a.mega-menu-item:hover,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category .submenu-items a.mega-menu-item:hover {
    color: #0073b8 !important;
}

/* 确保子菜单组正确显示 */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category .submenu-group {
    display: block !important;
    margin-bottom: 5px !important;
}

.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category .submenu-items {
    display: block !important;
    margin-left: 15px !important;
}

/* 强制每个菜单项都是独立的块级元素 */
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd a,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd a.mega-menu-item,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category .submenu-items a,
.zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category .submenu-items a.mega-menu-item {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    border: none !important;
    background: none !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

/* 最高优先级强制规则 */
html body .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd a,
html body .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd a.mega-menu-item,
html body .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category .submenu-items a,
html body .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category .submenu-items a.mega-menu-item {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    border: none !important;
    background: none !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

/* 最高优先级显示规则 - 确保菜单显示 */
html body div.zsx-mega-dropdown.show.is-visible,
html body .nav-item.has-mega-menu-active div.zsx-mega-dropdown.show.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
}

/* 确保隐藏状态 - 当没有显示类时强制隐藏 */
html body div.zsx-mega-dropdown:not(.show):not(.is-visible),
html body div.zsx-mega-dropdown:not(.show),
html body div.zsx-mega-dropdown:not(.is-visible),
html body .nav-item:not(.has-mega-menu-active) div.zsx-mega-dropdown,
html body div.zsx-mega-dropdown:not(.show):not(.is-visible):not(.has-mega-menu-active) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: none !important;
}

/* 终极隐藏规则 - 最高优先级强制隐藏 */
html body div.zsx-mega-dropdown:not(.show):not(.is-visible),
html body .nav-item:not(.has-mega-menu-active) div.zsx-mega-dropdown,
html body div.zsx-mega-dropdown:not(.show),
html body div.zsx-mega-dropdown:not(.is-visible) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* 终极强制规则 - 覆盖所有可能的CSS冲突 */
div.zsx-mega-dropdown .zsx-mega-category dd a,
div.zsx-mega-dropdown .zsx-mega-category dd a.mega-menu-item,
div.zsx-mega-dropdown .zsx-mega-category .submenu-items a,
div.zsx-mega-dropdown .zsx-mega-category .submenu-items a.mega-menu-item,
.zsx-mega-dropdown .zsx-mega-category dd a,
.zsx-mega-dropdown .zsx-mega-category dd a.mega-menu-item,
.zsx-mega-dropdown .zsx-mega-category .submenu-items a,
.zsx-mega-dropdown .zsx-mega-category .submenu-items a.mega-menu-item {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    border: none !important;
    background: none !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
}

/* ========== 自动字体大小调节 ========== */
.zsx-enhanced-nav-wrapper[data-font-size-mode="auto"] .zsx-mega-category dd > a {
    font-size: clamp(10px, 2.5vw, 14px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.zsx-enhanced-nav-wrapper[data-font-size-mode="auto"] .zsx-mega-category dt span {
    font-size: clamp(12px, 3vw, 16px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.zsx-enhanced-nav-wrapper[data-font-size-mode="auto"] .zsx-mega-category h5 {
    font-size: clamp(14px, 3.5vw, 20px) !important;
}

/* 响应式字体大小调节 */
@media (max-width: 1600px) {
    .zsx-enhanced-nav-wrapper[data-font-size-mode="auto"] .zsx-mega-category dd > a {
        font-size: clamp(9px, 2.2vw, 13px) !important;
    }
    
    .zsx-enhanced-nav-wrapper[data-font-size-mode="auto"] .zsx-mega-category dt span {
        font-size: clamp(11px, 2.8vw, 15px) !important;
    }
}

@media (max-width: 1200px) {
    .zsx-enhanced-nav-wrapper[data-font-size-mode="auto"] .zsx-mega-category dd > a {
        font-size: clamp(8px, 2vw, 12px) !important;
    }
    
    .zsx-enhanced-nav-wrapper[data-font-size-mode="auto"] .zsx-mega-category dt span {
        font-size: clamp(10px, 2.5vw, 14px) !important;
    }
}

/* ========== 响应式设计 - 优化为更好的移动端适配 ========== */

/* 大屏幕优化 */
@media (max-width: 1400px) {
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category {
        padding: 0 15px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dt span {
        font-size: 13px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd > a {
        font-size: 12px !important;
    }
}

/* 中等屏幕 */
@media (max-width: 1200px) {
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-link {
        padding: 12px 20px !important;
        font-size: 15px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category {
        padding: 0 12px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dt span {
        font-size: 12px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd > a {
        font-size: 11px !important;
    }
}

/* 小屏幕 */
@media (max-width: 992px) {
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-link {
        padding: 10px 15px !important;
        font-size: 14px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category {
        padding: 0 10px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dt span {
        font-size: 11px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd > a {
        font-size: 10px !important;
    }
}

/* 移动端设备 */
@media (max-width: 768px) {
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-link {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category {
        padding: 0 8px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dt span {
        font-size: 10px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd > a {
        font-size: 9px !important;
    }
    
    /* 移动端全宽度模式 */
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-dropdown {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: 99999 !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-content {
        padding: 15px 5px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-mega-tabs a {
        padding: 12px 20px !important;
        font-size: 14px !important;
    }
}

/* 小屏幕移动端 */
@media (max-width: 480px) {
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .nav-link {
        padding: 6px 8px !important;
        font-size: 12px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category {
        padding: 0 5px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dt span {
        font-size: 9px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-enhanced-nav .zsx-mega-category dd > a {
        font-size: 8px !important;
    }
    
    .zsx-enhanced-nav-wrapper .zsx-mega-tabs a {
        padding: 10px 15px !important;
        font-size: 12px !important;
    }
}