@media screen and (max-width: 380px) {
    .cba {
        height: 325px !important;
    }
}

/* 语言切换器样式 */
.am-topbar-nav > li a {
    color: #fff !important;
}

.am-topbar-nav > li .group > div,
.am-topbar-nav > li .group ul li a {
    color: #000 !important;
}

/* 语言切换下拉框定位修复（移动端居中，桌面端跟随触发项） */
.am-topbar-nav > li {
    position: static !important;
}

/* 目标选择器：针对 languages.js 生成的结构（.relative.inline-block.group -> 下拉容器） */
.am-topbar-nav > li .relative.inline-block.group > .invisible,
.am-topbar-nav > li .relative.inline-block.group > div.invisible {
    position: fixed !important;
    left: 50% !important;
    top: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    margin-top: 5px;
    max-width: 90vw;
    z-index: 9999 !important;
    pointer-events: auto !important;
}

@media screen and (min-width: 641px) {
    /* 桌面：下拉相对于菜单项绝对定位（避免与导航栏 hover 产生间隙） */
    .am-topbar-nav > li {
        position: relative !important;
    }
    .am-topbar-nav > li .relative.inline-block.group > .invisible,
    .am-topbar-nav > li .relative.inline-block.group > div.invisible {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        transform: none !important;
        max-width: 224px;
        z-index: 9999 !important;
        pointer-events: auto !important;
    }
}

/* 修复导航子菜单（amazeui）被覆盖问题：确保子菜单相对于父项定位，背景白色，文字黑色，可交互 */
.am-topbar-nav > li.am-dropdown {
    position: relative !important;
}
.am-topbar-nav > li.am-dropdown > .am-dropdown-content {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    background: #fff !important;
    color: #000 !important;
    min-width: 160px !important;
    z-index: 9998 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.am-topbar-nav > li.am-dropdown > .am-dropdown-content li a {
    color: #000 !important;
}
.am-topbar-nav > li.am-dropdown:hover > .am-dropdown-content,
.am-topbar-nav > li.am-dropdown.am-active > .am-dropdown-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 防止语言下拉样式影响到 amazeui 子菜单：限定 languages.js 的容器选择器更精确 */
.am-topbar-nav > li .relative.inline-block.group > .invisible,
.am-topbar-nav > li .relative.inline-block.group > div.invisible {
    /* 保持之前的移动端/桌面端规则，z-index 高于导航子菜单 */
    z-index: 10000 !important;
}

/* 增大悬停触发区域，避免从父菜单移到子菜单时出现间隙导致子菜单消失 */
.am-topbar-nav > li.am-dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px; /* 可调整：扩展区域高度 */
    pointer-events: auto; /* 保持为父项的 hover 区域 */
    z-index: 9997; /* 低于子菜单（9998/10000），不阻挡点击 */
}

/* 让子菜单向上覆盖一点父项底部，彻底消除 gap */
.am-topbar-nav > li.am-dropdown > .am-dropdown-content {
    top: calc(100% - 6px) !important; /* 向上覆盖 6px，阻止鼠标经过时断开 */
    margin-top: 0 !important;
}

/* 如果需要对单个子项增加可点击区域，也可以确保子项是块级 */
.am-topbar-nav > li.am-dropdown > .am-dropdown-content li a {
    display: block;
}