/* 固定侧边栏样式 */

/* 在桌面端使侧边栏固定在左侧 */
@media (min-width: 769px) {
    .app-container {
        position: relative;
    }
    
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        overflow-y: auto;
        z-index: 1000;
        transition: transform 0.3s ease;
    }
    
    /* 折叠状态下的侧边栏 */
    .sidebar.collapsed {
        transform: translateX(-200px);
    }
    
    /* 主内容区域，为固定侧边栏留出空间 */
    .main-content {
    
        transition: margin-left 0.3s ease;
    }
    
    /* 折叠状态下主内容区域的调整 */
    .sidebar.collapsed ~ .main-content {
        margin-left: 60px;
    }
}

/* 在移动端保持原有行为 */
@media (max-width: 768px) {
    .sidebar {
        position: relative;
        height: auto;
        overflow-y: visible;
        width: 100%;
    }
    
    .main-content {
        margin-left: 0;
    }
    
    .sidebar.collapsed ~ .main-content {
        margin-left: 0;
    }
}

/* 确保侧边栏滚动条样式 */
.sidebar::-webkit-scrollbar {
    width: 6px;
}

.sidebar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.sidebar::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.sidebar::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}