.sp-module-content .nav.menu ul li {
    padding-left: 30px !important;
}
/* 默认隐藏所有子菜单（第二级及更深） */
.sp-module-content .nav.menu ul {
    display: none;
}

/* 当父级菜单项有 active 或 open 类时，显示子菜单 */
.sp-module-content .nav.menu li.open > ul,
.sp-module-content .nav.menu li.active > ul {
    display: block;
}
@media (max-width: 992px) {
    /* 强制所有栅格列堆叠 */
    .row [class*="col-"] {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
        clear: both !important;
    }
    /* 主容器强制列方向 */
    .body-innerwrapper, .container, .container-fluid {
        display: flex !important;
        flex-direction: column !important;
    }
    /* 确保左右侧边栏占满 */
    #sp-left, #sp-right, #sp-component {
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* 调整左侧菜单模块（Products）的上边距 */
.sp-module:first-child {
    margin-top: 30px;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
    margin-left: 5px;   /* 左侧缩进5px */
    margin-right: 50px;  /* 右侧缩进50px，总宽度减少55px */
}
/* 给 Products 模块添加浅灰色背景和内边距 */
.sp-module:first-child {
    background-color: #f5f5f5;  /* 浅灰色 */
    padding: 15px;              /* 内边距，让内容不贴边 */
    border-radius: 4px;        /* 可选：轻微圆角 */
}
/* 仅给 Products 标题设置深灰色背景 */
.sp-module:first-child .sp-module-title {
    background-color: #d3d3d3;  /* 深灰色，可按喜好调整 */
    padding: 10px;              /* 内边距，让背景包裹文字 */
    margin: -15px -15px 15px -15px; /* 让标题背景扩展到模块边缘（与模块内边距对齐） */
    border-radius: 4px 4px 0 0; /* 可选：上方圆角 */
}
/* 调整顶部主菜单的下拉菜单字体颜色为深灰色 */
.sp-megamenu-parent .sp-dropdown li a {
    color: #333 !important;  /* 深灰色，可改为 #000 纯黑 */
}

/* 可选：鼠标悬停时的颜色 */
.sp-megamenu-parent .sp-dropdown li a:hover {
    color: #000 !important;
}