/* 移动端样式 - 只在小于768px时生效 */
@media screen and (max-width: 768px) {
    /* 1. 移动端菜单 - 固定底部导航 */
    .rm-nav.rm-nojs.rm-lighten {
        display: block !important;
        visibility: visible !important;
        max-height: none !important;
        overflow: visible !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        margin-top: 5px !important;
        z-index: 9999 !important;
    }
    
    /* 2. 移动端导航项网格布局 */
    .rm-nav.rm-nojs.rm-lighten > ul {
		
		 display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 2px !important;
		
    }
    
    .rm-nav li, .rm-menu-item  {
         padding:5px!important;
        /* 移除或修改边框 */
        border: 1px solid #5C0D09 !important;  /* 改为无边框 */
        /* 或者使用更细的边框：border: 1px solid #E1C088 !important; */
        background:#FFF; 
        text-align:center!important; 
        border-radius:5px !important; 
        color:#5C0D09!important; 
        font-weight:500;
        /* 添加轮廓线清除 */
        outline: none !important;
        box-shadow: none !important;
    }
	.rm-nav li a, .rm-menu-item a{        color:#5C0D09!important;     }
    
    /* 隐藏下拉菜单箭头和子菜单 */
    .rm-nav li .rm-menu {
        display: none !important;
    }
}

/* 电脑版样式 - 保证下拉菜单正常显示 */
@media screen and (min-width: 769px) {
    .rm-nav.rm-nojs.rm-lighten {     position: static !important;      width:118px !important;    }
    
    .rm-nav.rm-nojs.rm-lighten > ul {display: flex !important;flex-wrap: wrap;justify-content: flex-end;}
    
    /* 确保下拉菜单正常显示 */
    .rm-nav li { text-align:center;position: relative; width: 118px; background:#5C0D09; }
    .rm-nav li:hover {background-color: rgba(255, 255, 255, .2) }
    .rm-nav li .rm-menu {  position: absolute; top: 100%;  left: 0;  min-width: 118px;   z-index: 1000; background-color:#5C0D09; }
    
    .rm-nav li:hover .rm-menu {background-color: rgba(255,255,255,0.1) !important; display: block !important;    }
    
    .rm-nav li .rm-menu li a {  white-space: nowrap;  border: none !important; }
    
    .rm-nav li .rm-menu li:last-child a {   border-bottom: none !important; }
}
/* 电脑版：鼠标悬停显示下拉菜单 */
@media screen and (min-width: 769px) {
    /* 移除插件添加的hover类控制，改用纯CSS */
    .rm-nav > ul > li > .rm-menu,
    .rm-top-menu > .rm-menu-item > .rm-menu {
        display: none !important;        opacity: 0;        visibility: hidden;        transition: opacity 0.3s, visibility 0.3s;
    }
    
    /* 鼠标悬停时显示下拉菜单 */
    .rm-nav > ul > li:hover > .rm-menu,
    .rm-top-menu > .rm-menu-item:hover > .rm-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* 确保下拉菜单样式正确 */
    .rm-nav li ul,
    .rm-menu-item .rm-menu {
        position: absolute;      left: 0;      top: 100%;
        background-color: rgba(92,13,9,0.95) !important;
        min-width: 180px;    z-index: 1000;    }
    
    /* 多级下拉菜单 */
    .rm-nav li li:hover > .rm-menu {        left: 100%;        top: 0;    }
    
    /* 最后一个菜单项的下拉菜单对齐右边 */
    .rm-nav li.rm-last ul,
    .rm-menu-item.rm-last .rm-menu {        left: auto;        right: 0;    }
    
    /* 二级菜单中的最后一个 */
    .rm-nav li li.rm-last ul,
    .rm-menu-item .rm-menu-item.rm-last .rm-menu {        right: 100%;        left: auto;    }
    
    /* 下拉菜单项样式 */
    .rm-nav li li a,
    .rm-menu-item .rm-menu-item a {
        padding: 10px 15px !important;
        color: #E1C088;
        background-color: transparent !important;
        border: none !important;
        white-space: nowrap; line-height:40px; height:40px;
    }
    
    .rm-nav li li:hover,
    .rm-menu-item .rm-menu-item li:hover {
        background-color:#81423F  !important;
        color: #fff !important;
    }
}