/* ============================================
   子菜单美化 - 全机型适配（修复导航对齐）
   ============================================ */

/* 核心：强制所有子菜单链接为深色（覆盖Astra默认+透明头部） */
html body .main-header-menu .sub-menu .menu-link,
html body .ast-nav-menu .sub-menu .menu-link,
html body .main-header-bar-navigation .sub-menu .menu-link,
html body.ast-theme-transparent-header .main-header-menu .sub-menu .menu-link,
html body.ast-theme-transparent-header .ast-nav-menu .sub-menu .menu-link,
html body .sub-menu li a {
    color: #1a1a1a !important;
    text-shadow: none !important;
    text-decoration: none !important;
}

/* 强制子菜单背景白色 */
html body .main-header-menu .sub-menu,
html body .ast-nav-menu .sub-menu,
html body .sub-menu {
    background-color: #ffffff !important;
    list-style: none !important;
}

/* ========== 桌面端（992px及以上）：精致下拉卡片 ========== */
@media (min-width: 992px) {
    
    /* 父菜单项：相对定位，为伪元素做准备 */
    html body .main-header-menu .menu-item-has-children,
    html body .ast-nav-menu .menu-item-has-children {
        position: relative !important;
    }
    
    /* 修复关键：用伪元素创建底部桥接热区，不增加padding破坏布局 */
    html body .main-header-menu .menu-item-has-children::after,
    html body .ast-nav-menu .menu-item-has-children::after {
        content: '' !important;
        position: absolute !important;
        bottom: -25px !important;
        left: 0 !important;
        width: 100% !important;
        height: 25px !important;
        background: transparent !important;
        z-index: 9998 !important;
    }
    
    /* 子菜单容器：圆角阴影卡片 */
    html body .main-header-menu .sub-menu,
    html body .ast-nav-menu .sub-menu {
        border-radius: 12px !important;
        box-shadow: 0 20px 60px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.05) !important;
        border: 1px solid rgba(0,0,0,0.06) !important;
        padding: 10px 0 !important;
        min-width: 260px !important;
        margin-top: 0 !important;
        overflow: hidden !important;
        
        /* 默认隐藏，延迟0.4秒消失 */
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(10px) !important;
        transition: opacity 0.3s ease 0.4s, visibility 0.3s ease 0.4s, transform 0.3s ease 0.4s !important;
    }
    
    /* hover时立即显示 */
    html body .main-header-menu .menu-item:hover > .sub-menu,
    html body .main-header-menu .menu-item.focus > .sub-menu,
    html body .ast-nav-menu .menu-item:hover > .sub-menu,
    html body .ast-nav-menu .menu-item.focus > .sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        transition-delay: 0s !important;
    }
    
    /* 子菜单顶部透明热区 */
    html body .main-header-menu .sub-menu::before,
    html body .ast-nav-menu .sub-menu::before {
        content: '' !important;
        position: absolute !important;
        top: -20px !important;
        left: 0 !important;
        width: 100% !important;
        height: 20px !important;
        background: transparent !important;
        z-index: -1 !important;
    }
    
    /* 顶部小三角 */
    html body .main-header-menu .sub-menu::after,
    html body .ast-nav-menu .sub-menu::after {
        content: '' !important;
        position: absolute !important;
        top: -6px !important;
        left: 30px !important;
        width: 12px !important;
        height: 12px !important;
        background: #ffffff !important;
        transform: rotate(45deg) !important;
        border-left: 1px solid rgba(0,0,0,0.06) !important;
        border-top: 1px solid rgba(0,0,0,0.06) !important;
        z-index: 0 !important;
    }
    
    /* 链接：舒适间距 */
    html body .main-header-menu .sub-menu .menu-link,
    html body .ast-nav-menu .sub-menu .menu-link {
        padding: 14px 28px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        border-left: 3px solid transparent !important;
        transition: all 0.25s ease !important;
        background: transparent !important;
        line-height: 1.4 !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    /* 悬停：左侧橙色滑入高亮 */
    html body .main-header-menu .sub-menu .menu-item:hover > .menu-link,
    html body .ast-nav-menu .sub-menu .menu-item:hover > .menu-link {
        background-color: #fff8eb !important;
        color: #e89a18 !important;
        border-left-color: #e89a18 !important;
        padding-left: 32px !important;
    }
    
    /* 分割线 */
    html body .main-header-menu .sub-menu .menu-item + .menu-item,
    html body .ast-nav-menu .sub-menu .menu-item + .menu-item {
        border-top: 1px solid #f0f0f0 !important;
    }
}

/* ========== 移动端（991px及以下）：内嵌手风琴 ========== */
@media (max-width: 991px) {
    
    html body .main-header-menu .sub-menu,
    html body .ast-nav-menu .sub-menu {
        background-color: #f8f9fa !important;
        border-left: 3px solid #e89a18 !important;
        margin: 5px 0 5px 15px !important;
        border-radius: 0 8px 8px 0 !important;
        box-shadow: inset 0 2px 8px rgba(0,0,0,0.04) !important;
        padding: 5px 0 !important;
    }
    
    html body .main-header-menu .sub-menu .menu-link,
    html body .ast-nav-menu .sub-menu .menu-link {
        padding: 16px 20px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #333333 !important;
        line-height: 1.4 !important;
    }
    
    html body .main-header-menu .sub-menu .menu-item:hover > .menu-link,
    html body .ast-nav-menu .sub-menu .menu-item:hover > .menu-link {
        background-color: #fff3d6 !important;
        color: #d4880c !important;
    }
    
    html body .main-header-menu .sub-menu .menu-item + .menu-item,
    html body .ast-nav-menu .sub-menu .menu-item + .menu-item {
        border-top: 1px solid #e9ecef !important;
    }
}






.mtai-crumb {
 display: none !important;
}


.mtai-banner h1, .mtai-banner p { text-shadow: 0 2px 12px rgba(0,0,0,.45); }


/* 中间页 Banner：10% 黑色遮罩 */
.mtai-banner { position: relative; }
.mtai-banner::before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: rgba(0, 0, 0, .1);
    z-index: 0;
}
.mtai-banner > * { position: relative; z-index: 1; }








/* 中间页 Banner：10% 黑色遮罩 */
.mtai-banner { position: relative; }
.mtai-banner::before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: rgba(0, 0, 0, .1);
    z-index: 0;
}
.mtai-banner > * { position: relative; z-index: 1; }

/* Banner 文字阴影：防止亮图上白字看不清 */
.mtai-banner h1, .mtai-banner p {
    text-shadow: 0 2px 12px rgba(0,0,0,.45);
}

/* 型号卡片：固定宽度逐张排列，不再随数量拉满整行 */
.mtai-model-grid {
    grid-template-columns: repeat(auto-fill, minmax(320px, 374px)) !important;
    justify-content: center;
}






/* 强制主菜单文字为黑色 */
.ast-theme-transparent-header .main-header-menu .menu-item > .menu-link,
.ast-theme-transparent-header .main-header-menu .menu-item > .ast-menu-toggle,
.main-header-menu .menu-item > .menu-link,
.main-header-menu .menu-item > .ast-menu-toggle {
    color: #000000 !important;
}

/* 悬停和选中状态 */
.ast-theme-transparent-header .main-header-menu .menu-item:hover > .menu-link,
.ast-theme-transparent-header .main-header-menu .current-menu-item > .menu-link,
.ast-theme-transparent-header .main-header-menu .current-menu-ancestor > .menu-link {
    color: #F27700 !important;
}




/* 把选择器换成你菜单实际的选择器 */
header .menu,
nav .menu {
  transform: scale(1.2);
  transform-origin: center;
}