/* 1. 一级li取消内容裁剪，开启相对定位作为下拉容器基准 */
.level1-li {
    position: relative;
    overflow: visible !important;}

/* 2. 二级下拉菜单改为绝对定位，脱离文档流不挤压下方菜单 */
.level2 {
    display: none;
    position: absolute; /* 核心解决遮挡 */
    top: 0;
    left: 100%; /* 向右弹出；如需向下弹出改为 top:100%; left:0 */
    width: 100%;
    background: #fff; /* 和侧边栏背景统一，避免透明透底 */
    border: 1px solid #ddd;
    z-index: 999; /* 最高层级，覆盖所有其他一级导航 */
    box-shadow: 2px 2px 6px rgba(0,0,0,0.1);}

/* 展开时显示二级菜单 */
.level1-li.active .level2 {
    display: block;}

/* 箭头样式保留 */
.arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #333;
    margin-left: 6px;
    transition: transform 0.2s;}
.level1-li.active .arrow {
    transform: rotate(180deg);}