/* 确保左侧导航在所有设备上都显示 */
#nav-sidebar {
    display: block !important;
    width: 200px; /* 设置固定宽度 */
    position: fixed; /* 固定定位 */
    height: 100vh; /* 占满视口高度 */
    overflow-y: auto; /* 启用垂直滚动 */
}

/* 主内容区域的样式调整 */
.main {
    margin-left: 200px; /* 与导航栏宽度匹配 */
    padding: 20px;
    min-height: 100vh;
}

/* 响应式媒体查询 */
@media (max-width: 767px) {
    #nav-sidebar {
        width: 100%; /* 在小屏幕上占满宽度 */
        height: auto; /* 高度自动调整 */
        position: relative; /* 相对定位 */
        overflow-y: visible; /* 显示滚动条 */
    }

    .main {
        margin-left: 0; /* 移除左侧边距 */
        padding: 15px; /* 减少内边距 */
    }
}
/* 隐藏左侧导航栏 */
#nav-sidebar {
    display: none !important;
}

/* 调整主内容区域的样式 */
.main {
    margin-left: 0 !important;
    width: 100%;
}

/* 隐藏侧边栏折叠按钮 */
#toggle-nav-sidebar {
    display: none !important;
}

/* 强制侧边栏保持展开状态 */
body.nav-sidebar-collapsed #nav-sidebar {
    display: none !important;
}