/**
 * PC端下拉菜单增强样式 - 黑白灰简约风格
 * 无动画效果，兼容性强
 */

@media only screen and (min-width:900px) {
    
    /* 主菜单项优化 - 添加视觉反馈 */
    .nav-list li.menu-item-has-children > a,
    .nav-list2 li.menu-item-has-children > a {
        position: relative;
    }
    
    /* 主菜单悬停效果增强 */
    .nav-list li.menu-item-has-children:hover > a,
    .nav-list2 li.menu-item-has-children:hover > a {
        background: #1a1a1a;
    }
    
    /* 主菜单激活状态（子菜单展开时） */
    .nav-list li.menu-item-has-children.submenu-active > a,
    .nav-list2 li.menu-item-has-children.submenu-active > a {
        background: #1a1a1a;
        border-bottom: 3px solid #000000;
    }
    
    /* 子菜单容器 - 黑白灰简约风格 */
    .nav-list li .sub-menu,
    .nav-list2 li .sub-menu {
        position: absolute;
        z-index: 99999;
        top: 52px;
        left: 0px;
        overflow: hidden;
        width: 160px;
        height: 0px;
        /* 白色背景，黑色描边 */
        background: #ffffff;
        border: 2px solid #000000;
        border-top: 3px solid #000000;
        padding: 0;
        /* 完全移除动画效果 */
        display: none;
    }
    
    /* 子菜单展开状态 - 无动画 */
    .nav-list li.submenu-active .sub-menu,
    .nav-list2 li.submenu-active .sub-menu {
        height: auto;
        display: block;
    }
    
    /* 子菜单项样式 - 黑色分隔线 */
    .nav-list li .sub-menu li,
    .nav-list2 li .sub-menu li {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #cccccc;
    }
    
    .nav-list li .sub-menu li:last-child,
    .nav-list2 li .sub-menu li:last-child {
        border-bottom: none;
    }
    
    /* 子菜单链接样式 - 黑白灰配色 */
    .nav-list li .sub-menu li a,
    .nav-list2 li .sub-menu li a {
        width: 100%;
        padding: 12px 15px;
        text-align: left;
        color: #333333;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        background: #ffffff;
        display: block;
    }
    
    /* 子菜单链接悬停效果 - 深灰色背景 */
    .nav-list li .sub-menu li a:hover,
    .nav-list2 li .sub-menu li a:hover {
        color: #ffffff;
        background: #333333;
    }
    
    /* 覆盖原始箭头样式 - 移除动画和旋转效果 */
    .menu-item-has-children:after {
        content: '' !important;
        position: absolute !important;
        right: 12px !important;
        top: 25px !important;
        /* 使用CSS绘制简约向下箭头 */
        width: 0 !important;
        height: 0 !important;
        border-left: 4px solid transparent !important;
        border-right: 4px solid transparent !important;
        border-top: 5px solid #cccccc !important;
        border-bottom: none !important;
        /* 移除所有动画效果 */
        transition: none !important;
        transform: none !important;
    }
    
    /* 悬停时箭头变深灰 */
    .menu-item-has-children:hover:after {
        border-top-color: #999999 !important;
        transform: none !important;
        top: 25px !important;
    }
    
    /* 子菜单展开时箭头向上 - 无动画 */
    .menu-item-has-children.submenu-active:after {
        border-top: none !important;
        border-bottom: 5px solid #666666 !important;
        top: 25px !important;
        transform: none !important;
    }
    
    /* 确保悬停时不显示其他箭头 */
    .menu-item-has-children a:hover:after {
        display: none !important;
    }
    
    /* 禁用原有的hover立即显示 */
    .nav-list li:hover > ul,
    .nav-list2 li:hover > ul {
        /* 移除原有的立即显示样式，由JS控制 */
        display: none;
    }
    
    /* 当submenu-active类被添加时才显示 */
    .nav-list li.submenu-active > ul,
    .nav-list2 li.submenu-active > ul {
        display: block;
        height: auto;
    }
    
    /* 兼容性增强 - 确保所有浏览器都能正确显示 */
    .nav-list li .sub-menu,
    .nav-list2 li .sub-menu {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .nav-list li .sub-menu li a,
    .nav-list2 li .sub-menu li a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}