/* ============================================
   优化版右侧栏修复CSS - 确保左侧栏一致性
   基于网站规则2.2版本要求
   ============================================ */

/* 1. 确保.main-container使用标准网格布局 */
.main-container {
    display: grid !important;
    grid-template-columns: 280px 1fr 280px !important;
    gap: 30px !important;
    max-width: 1400px !important;
    margin: 40px auto !important;
    padding: 0 20px !important;
    min-height: calc(100vh - 200px) !important;
}

/* 2. 标准三栏位置（与其他页面保持一致） */
.main-container > .left-sidebar {
    grid-column: 1;
}

.main-container > .main-content {
    grid-column: 2;
}

.main-container > .right-sidebar {
    grid-column: 3;
}

/* 3. 确保左侧栏样式标准化 */
.left-sidebar {
    /* 使用标准样式，避免强制覆盖 */
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    
    /* 确保高度计算一致 */
    min-height: auto;
    align-self: start;
}

/* 4. 响应式设计（与其他页面保持一致） */
@media (max-width: 1024px) {
    .main-container {
        grid-template-columns: 250px 1fr 250px;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .main-container {
        grid-template-columns: 1fr;
    }
    
    /* 移动端保持标准顺序：主内容在上，侧边栏在下 */
    .main-container > .main-content {
        order: 1;
    }
    
    .main-container > .left-sidebar {
        order: 2;
    }
    
    .main-container > .right-sidebar {
        order: 3;
    }
    
    .left-sidebar,
    .right-sidebar {
        margin-bottom: 20px;
    }
}

/* 5. 移除不必要的强制覆盖 */
/* 保留必要的!important，但减少数量 */

/* 修复右侧栏分割线margin问题 - 添加于 $(date '+%Y-%m-%d %H:%M:%S') */
.right-sidebar .sidebar-divider {
    margin: 10px 0 !important;
}