/* 自定义侧边栏宽度样式 */

/* 修改左侧菜单宽度为250px */
.layui-side {
    width: 232px !important;
}

.layui-layout-admin .layui-side {
    width: 232px !important;
}

/* 修改菜单容器和列表的宽度 */
.layuimini-menu-left {
    width: 232px !important;
}

.layuimini-menu-left > ul {
    width: 232px !important;
}

.layuimini-menu-left .layui-nav {
    width: 232px !important;
}

.layuimini-menu-left .layui-nav-item {
    width: 232px !important;
}

/* 修改子菜单的宽度 */
.layuimini-menu-left .layui-nav-child {
    width: 232px !important;
}

.layuimini-menu-left .layui-nav-child dd {
    width: 232px !important;
}

/* 调整主体内容区域的左边距 */
.layui-body {
    left: 232px !important;
}

.layui-layout-admin .layui-body {
    left: 232px !important;
}

/* 调整logo区域宽度 */
.layui-layout-admin .layui-logo {
    width: 232px !important;
}

/* 调整底部区域的左边距 */
.layui-layout-admin .layui-footer {
    left: 232px !important;
}

/* 调整layuimini相关样式 */
.layui-layout-left {
    left: 232px !important;
}

.layuimini-tool {
    left: 255px !important;
}

/* 调整侧边栏滚动区域 */
.layui-side-scroll {
    width: 240px !important;
}

/* 响应式设计调整 */
@media screen and (min-width: 1025px) {
    .layuimini-mini .layui-layout-admin .layui-body {
        left: 60px !important;
    }
    
    .layuimini-mini .layui-side {
        width: 60px !important;
    }
    
    /* 缩放状态下的菜单宽度 */
    .layuimini-mini .layuimini-menu-left {
        width: 60px !important;
    }
    
    .layuimini-mini .layuimini-menu-left > ul {
        width: 60px !important;
    }
}

/* 手机端适配 */
@media screen and (max-width: 1024px) {
    .layuimini-all .layui-layout-admin .layuimini-menu-left, 
    .layuimini-all .layui-header .layuimini-logo {
        left: -250px !important;
    }
}