main.container {
    display: flex; /* 启用弹性布局 */
    position: relative;
}

/*左侧边栏*/
.sidebar2 {
    position: sticky;
    top: 80px; /* 根据网站导航栏高度调整 */
    align-self: flex-start; /* 关键！防止高度塌陷 */
    height: min-content; /* 高度自适应内容 */
    max-height: calc(100vh - 100px); /* 可视区域限制 */
    overflow-y: auto; /* 允许内容滚动 */
    width: 311px !important; /* 强制宽度 */
    margin-right: -311px;
    flex-shrink: 0; /* 禁止宽度压缩 */
    z-index: 99;
}

/*右侧边栏*/
.sidebar3 {
    position: sticky;
    top: 80px; /* 根据网站导航栏高度调整 */
    align-self: flex-start; /* 关键！防止高度塌陷 */
    height: min-content; /* 高度自适应内容 */
    max-height: calc(100vh - 100px); /* 可视区域限制 */
    overflow-y: auto; /* 允许内容滚动 */
    width: 311px !important; /* 强制宽度 */
    margin-left: -311px;
    flex-shrink: 0; /* 禁止宽度压缩 */
    z-index: 99;

}
/* 响应式处理 */
@media (max-width: 996px) {
    .sidebar2 {
        position: static !important;
        width: 100% !important;
        max-height: none !important;
    }
    
    .sidebar3 {
        position: static !important;
        width: 100% !important;
        max-height: none !important;
    }

    main.container {
        flex-wrap: wrap; /* 移动端换行显示 */
    }
}
.mobile-nav-widget .posts-mini,.sidebar2 .posts-mini {
    width: 100%!important
}
.mobile-nav-widget .px12-m-s,.mobile-nav-widget .px12-sm,.sidebar2 .px12-m-s,.sidebar2 .px12-sm {
    font-size: 12px
}

.mobile-nav-widget .em09-sm,.sidebar2 .em09-sm {
    font-size: .9em
}

.mobile-nav-widget .hide-m-s,.mobile-nav-widget .hide-sm,.sidebar2 .hide-m-s,.sidebar2 .hide-sm {
    display: none
}

.mobile-nav-widget .nopw-sm,.sidebar2 .nopw-sm {
    padding-left: 0!important;
    padding-right: 0!important
}

.controller-hide .dplayer-controller,.controller-hide .dplayer-controller-mask,.mobile-nav-widget .dplayer-full-in,.mobile-nav-widget .dplayer-loop,.sidebar2 .dplayer-full-in,.sidebar2 .dplayer-loop {
    display: none!important
}
    .sidebar2 .card {
        width: 100%;
        margin: 0
    }

    .sidebar2 .author-minicard {
        width: 100%;
        margin: 3px 0
    }

    .sidebar2 .s-desc,.sidebar2 .slide-text {
        font-size: 12px;
        padding: 1em 1.2em
    }
@media (max-width: 996px) {
    body .sidebar2.show-sidebar {
        display: unset;
        width: 100%;
        margin-right: 0
    }
    .sidebar2 {
        display: none
    }
}
.site-layout-2 .content-layout {
    margin-left: calc(311px + 15px);
}

@media (max-width: 996px) {
    .site-layout-2 .content-layout {
        margin-left: auto !important;
    }
}
