/**
 * 两栏布局论坛样式 - 简化版
 * 主内容 + 右侧栏
 */

/* 只有当页面确实有右侧栏时才应用两栏布局 - 限定在论坛页面 */
body.forum-three-column-page .content-wrap:has(.sidebar),
body.forum-three-column-page .content-wrap:has(.forum-right-sidebar),
body.tax-plate_cat .content-wrap:has(.sidebar),
body.tax-plate_cat .content-wrap:has(.forum-right-sidebar) {
    display: grid !important;
    grid-template-columns: 1fr 311px !important;
    grid-template-areas: "main-content right-sidebar" !important;
    gap: 20px !important;
    max-width: var(--mian-max-width) !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}


/* 保持原有选择器以防万一 */
.forum-two-column-layout,
.forum-three-column-layout.forum-two-column-layout {
    display: grid !important;
    grid-template-columns: 1fr 311px !important;
    grid-template-areas: "main-content right-sidebar" !important;
    gap: 20px !important;
    max-width: var(--mian-max-width) !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

/* 主内容区 */
.content-layout {
    grid-area: main-content !important;
}

.forum-main-content {
    grid-area: main-content !important;
}

/* 右侧栏 */
.sidebar,
.forum-right-sidebar {
    grid-area: right-sidebar !important;
    width: 311px !important;
}

/* 超大屏幕缩放节点 */
@media (min-width: 1800px) {
    body.forum-three-column-page .content-wrap:has(.sidebar),
    body.forum-three-column-page .content-wrap:has(.forum-right-sidebar),
    body.tax-plate_cat .content-wrap:has(.sidebar),
    body.tax-plate_cat .content-wrap:has(.forum-right-sidebar),
    .forum-two-column-layout,
    .forum-three-column-layout.forum-two-column-layout {
        max-width: 1600px !important;
        padding: 0 20px !important;
    }
}

@media (min-width: 2000px) {
    body.forum-three-column-page .content-wrap:has(.sidebar),
    body.forum-three-column-page .content-wrap:has(.forum-right-sidebar),
    body.tax-plate_cat .content-wrap:has(.sidebar),
    body.tax-plate_cat .content-wrap:has(.forum-right-sidebar),
    .forum-two-column-layout,
    .forum-three-column-layout.forum-two-column-layout {
        max-width: 1800px !important;
        padding: 0 25px !important;
    }
}

/* 手机端单栏 */
@media (max-width: 768px) {
    .forum-two-column-layout,
    .forum-three-column-layout.forum-two-column-layout {
        grid-template-columns: 1fr !important;
        padding: 0 10px !important;
    }
    
    .forum-right-sidebar {
        order: 2 !important;
    }
    
    .forum-main-content {
        order: 1 !important;
    }
}