/* :root {
    --main-width: 97.8%;    
    --border-color: #ebebeb;
    --text-color: #333;
}

  @media (prefers-color-scheme: dark) {
    :root {
      --theme-border-color: #444;
    }
  }
body.dark-theme {
  --border-color: #4d4a4a !important;
  --text-color: #ddd !important;
  --border-bottom: #4d4a4a !important;
}
body.collapse-wrap{
    --border-color: #4d4a4a !important;
    --text-color: #ddd !important;
  } */

/* ==============================
   【精准对齐】仅控制容器宽度，不破坏原有分隔线
   ============================== */

   :root {
    --main-width: 1500px; /* 推荐值 */
    --padding-x: 10px;
    --border-color: #ebebeb;
    --text-color: #333;
    --border-radius: 2px;
}

/* 只对头部、主内容、页脚做宽度限制 */
.container-header,
.modular-body,
.foot-copyright .wrapper {
    max-width: var(--main-width);
    margin: 0 auto;
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
    box-sizing: border-box;
}
@media (prefers-color-scheme: dark) {
    :root {
      --theme-border-color: #444;
    }
  }
body.dark-theme {
  --border-color: #4d4a4a !important;
  --text-color: #ddd !important;
  --border-bottom: #4d4a4a !important;
}
body.collapse-wrap{
    --border-color: #4d4a4a !important;
    --text-color: #ddd !important;
  }



.nav-fixed .header {
    /* border: 1px solid var(--border-color) !important; */
    position: fixed;
    z-index: 999;
    width: 97.8%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-backdrop-filter: saturate(5) blur(20px);
    backdrop-filter: saturate(5) blur(20px);
}
.header {
    padding: 1px 0px;
    background: var(--header-bg);
    margin-bottom: 20px;
    transition: .3s
}

body.nav-fixed {
    padding-top: 56px;
}
.breadcrumb {
    margin-top: 2px !important;
    border: 1px solid var(--border-color);
    background: var(--main-bg-color);
    padding: 5px 5px 5px 1.2em;
    border-radius: 1px;
    margin-bottom: 1px;
    position: relative;
    z-index: 1;
    opacity: 1!important
}

.posts-item {
    padding: 4px;
    margin: -1px 0;
    background: var(--main-bg-color);
    overflow: hidden;
    transition: .2s;
    box-shadow: 0 0 10px var(--main-shadow);
    border-radius: var(--main-radius);
}
/* 如果是文章页或页面模板 */
body.single-post .sidebar,
body.page .sidebar,
.site-layout-2 .sidebar {
    padding-top: 17px !important;
}
.article-header .article-avatar,.article-header .article-title {
    margin-top: 1px!important
}
.article-nav .box-body {
    width: calc(50% - 1px);
    margin: 0;
    display: inline-block;
}
.tab-content {
    padding-left: 10px;
    padding-right: 10px
}

.zib-widget {
    margin-bottom: 2.5px
}

.ds-ui-zib-widget,.zib-widget {
    margin-top: 2px;
    border: 1px solid var(--border-color)!important;
    clear: both;
    background: var(--main-bg-color);
    box-shadow: 0 0 10px var(--main-shadow);
    border-radius: var(--main-radius)
}

.ds-ui-zib-widget {
    margin-bottom: 32px
}

.mb20,.theme-box {
    margin-bottom: 2px!important
}

.ds-zib-widget {
    border: 1px solid var(--border-color)!important;
    clear: both;
    padding: 2px;
    box-shadow: 0 0 0 var(--main-shadow);
    border-radius: var(--main-radius);
    margin-bottom: 0
}

.ajax-replace,.ds-zib-widget {
    background: var(--main-bg-color);
}

.ajax-replace {
    margin-top: 2px;
    padding: 5px 5px 5px 1.2em;
    border-radius: 1px;
    margin-bottom: 1px;
    position: relative;
    z-index: 1;
    opacity: 1!important
}

.tab-content {
    border: 1px solid var(--border-color);
    border-spacing: 0;
    background: var(--main-bg-color);
    /* border-radius: 5px; */
    margin-bottom: 2px;
    padding-left: 0;
    padding-right: 0
}

.posts-mini {
    padding: 5px;
    display: inline-flex
}

.posts-mini .item-heading {
    margin: 0
}

.fluid-widget .posts-mini,.site-layout-1 .posts-mini {
    border: 1px solid var(--border-color);
    border-spacing: 0
}

.sidebar,.sidebar-affix.affix {
    margin-top: -17px!important
}

.sidebar-affix.affix {
    padding-bottom: 20px!important
}

#ds_bg_box,.ajax-replace,.footer,.main-bg,.posts-item,.theme-pagination #dsui_ui_bg_box {
    border: 1px solid var(--border-color)!important
}

p {
    margin: 0
}

.ds-ui-single-metabox {
    right: -.2px;
    meta-color: var(--muted-color);
    margin-top: -25px
}

.fluid-widget .posts-item:not(.card),.site-layout-1 .posts-item:not(.card) {
    margin: -1px;
    display: inline-flex;
    width: calc(100% - 16px)
}

.padding-h10,.theme-pagination {
    margin-bottom: -1px!important;
    top: -3px!important;
    padding: 3px 3px 3px 1.2em;
    border-radius: 1px;
    margin-bottom: 1px;
    position: relative;
    z-index: 1;
    opacity: 1!important
}

.theme-pagination {
    margin: 6px 0
}

.posts-row {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 2px
}

.posts-row>:not(.post_ajax_loader) {
    margin-left: 8px!important;
    margin-right: 8px!important
}

.no_margin:first-of-type {
    margin-top: 0!important;
    border-radius: var(--main-radius) var(--main-radius) 0 0
}

.posts-item.card:last-child {
    margin-bottom: 7px
}

:root {
    --swiper-theme-color: #fff;
    outline: 0
}
.box-body.notop {
    border: 1px solid var(--border-color)!important;
    background: var(--main-bg-color);
    padding: 5px;
    padding-left: 1.2em;
    border-radius: 1px;
    margin-bottom: 2px
}

.title-theme {
    position: relative;
    padding-left: 1.3em;
    font-size: 20px;
    /* margin: 5px */
}

.article {
    padding: 0 8px;
    overflow: hidden;
}
.index-tab {
    background: var(--main-bg-color);
    border: 1px solid var(--border-color)!important;
    padding: 6px;
    padding-left: 1.2em;
    /* border-radius: 5px; */
    margin-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px
}


.title-theme {
    position: relative;
    background-size: cover;
    background-position: center
}

.pay-box .but-download .but {
    min-width: 93px;
    border-radius: 0;
    margin-right: .5em
}

.mr10 {
    margin-right: 5px
}@media screen and (max-width:1221px) {
    .tengfei_posts_wap {
        display: none
    }
}

.wppc {
    display: none
}

@media (max-width:767px) {
    .wppc {
        display: block!important
    }
}

@media(min-width:992px) {
    .fluid-widget .card,.site-layout-1 .card {
        width: calc(20% - 16px);
        display: inline-block;
        padding: 10px;
        vertical-align: top;
        margin: 8px 8px 0;
        transition: .3s
    }
}
.site-layout-2 .content-layout {
    margin-right: calc(311px + 2px);
}
.footer {
    width: 97.8%;
    margin: 0 auto;
    padding: 0px 0;
    border-top: 1px solid #eaeaea;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: saturate(5) blur(20px);
    -webkit-backdrop-filter: saturate(5) blur(20px);
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px;
}

.footer .footer-left p {
    font-size: 14px;
    line-height: 1.6;
    max-width: 300px;
    color: #666;
}

.footer .footer-center {
    font-size: 14px;
    color: #666;
    text-align: center;
}

.footer .footer-right {
    display: flex;
    gap: 30px;
}

.footer .qr-code {
    text-align: center;
}

.footer .qr-code img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

.footer .qr-code p {
    font-size: 12px;
    margin-top: 10px;
    color: #999;
}

/* 响应式 */
@media (max-width: 768px) {
    .footer {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 20px 0;
    }

    .footer .footer-left {
        text-align: center;
    }

    .footer .footer-right {
        flex-direction: column;
        align-items: center;
    }

    .footer .qr-code img {
        width: 100px;
        height: 100px;
    }
}
/* ====== 仅新增：夜间模式文字颜色适配 ====== */
html.dark-mode p,
html.dark-mode .breadcrumb,
html.dark-mode .tab-content,
html.dark-mode .zib-widget,
html.dark-mode .ds-ui-zib-widget,
html.dark-mode .ds-zib-widget,
html.dark-mode .ajax-replace,
html.dark-mode .title-theme,
html.dark-mode .article-header .article-title,
html.dark-mode .box-body.notop,
html.dark-mode .index-tab,
html.dark-mode .posts-mini .item-heading,
html.dark-mode .theme-pagination,
html.dark-mode .ds-ui-single-metabox {
    color: var(--text-color) !important;
}


/* 页脚 */
/* 强制底部容器全宽 */
.container-footer {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 让 footer-bottom 内容居中 */
.footer-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 30px 20px !important;
    text-align: center;
    margin: 0 auto !important;
    max-width: 1400px; /* 可选：限制最大宽度避免超大屏拉伸 */
}

/* 子项统一设置 */
.footer-bottom > div {
    flex: 0 1 auto;
    min-width: 120px;
}

/* 二维码图片优化 */
.footer-bottom .zib-footer-qrcode img {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    object-fit: cover;
}

/* 移动端优化 */
@media (max-width: 768px) {
    .footer-bottom {
        flex-direction: column;
        gap: 15px;
    }
    .footer-bottom > div {
        width: 100%;
        max-width: 200px;
    }
}

.article-header .article-avatar .relative {
    margin-top: 0 !important;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 2px;
}

.dsuipx12 {
    display: flex;
    justify-content: flex-end;
    font-size: 12px;
}

.meta-pay.but.jb-yellow {--this-bg:linear-gradient(135deg,#ec28ff 10%,#289fff 100%);}

.post-tab {
    padding: 0 0px;
    border-radius: var(--main-radius);
    border: 1px solid var(--main-border-color);
}
.box-body, .box-header {
    padding: 5px;
}
.article .post-actions {
    padding-bottom: 0px;
}


/* ==============================
        【最终版】统一所有内容区域宽度
   ============================== */

   /* :root {
    --main-width: 1500px;
    --padding-x: 20px;
} */

/* 统一所有关键容器宽度 */
/* .navbar-top > .container,
.module.posts-list-module .modular-body,
.single-post .article,
.page .article,
.entry-content,
.post-content,
.footer-bottom,
.footer-inner {
    max-width: var(--main-width) !important;
    padding-left: var(--padding-x) !important;
    padding-right: var(--padding-x) !important;
    margin: 0 auto !important;

    box-sizing: border-box !important;
} */