/*
Theme Name: 子比主题子主题
Description: 子比主题的子主题
Author: 三流书生
Template: zibll
*/

body {
    --theme-color: #ff6b6b;
    --focus-shadow-color: rgba(240, 68, 148, .4);
    --focus-color-opacity1: rgba(240, 68, 148, .1);
    --focus-color-opacity05: rgba(240, 68, 148, .05);
    --focus-color-opacity3: rgba(240, 68, 148, .3);
    --focus-color-opacity6: rgba(240, 68, 148, .6);
    --main-radius: 12px;
    --single-cover-scale: 70%;
    --mian-max-width: 1920px !important;
}


/* 超大屏限制最大宽度，实现两侧各100px留白 */
@media (min-width: 1921px) {
    :root { --container-padding: 150px;}
    body.wp-singular .container {width:1485px;}
    .site-layout-2 .content-layout {margin-right: calc(320px + 15px);}    
}
@media (min-width: 1600px) and (max-width: 1920px) {
    :root { --container-padding: 120px;}
    .container-footer, .container-header {
        max-width: 100%;
        max-width: calc(100% - 100px);}
    body.wp-singular .container {width:1485px;}
    .site-layout-2 .content-layout {margin-right: calc(320px + 15px);}    
}
.site-layout-2 .content-layout {margin-right: calc(320px + 15px);} 

/* 大屏（≥1600px）保持100px */
@media (min-width: 1400px) and (max-width: 1599px) {
    :root { --container-padding: 100px; }
    .container-footer, .container-header {
        max-width: 100%;
    }
    body.wp-singular .container {width:1380px;}
    .site-layout-2 .content-layout {margin-right: calc(320px + 15px);} 
}
/* （1440px）保持100px */
@media (min-width: 1200px) and (max-width: 1399px) {
    :root { --container-padding: 60px; }
    .container-footer, .container-header {
        max-width: 100%;
        }
    body.wp-singular .container {width:1200px;}    
    .site-layout-2 .content-layout {margin-right: calc(320px + 15px);}     
}

@media (min-width: 850px) and (max-width: 1199px) {
    :root { --container-padding: 40px; }
    .container-footer, .container-header {
        max-width: 100%;
        }
        .flex.flex-row.flex-col-sm-2>* {
            flex-basis: 49.4%;
        }
    .footer .ul-l, .footer .ul-r {float:unset !important;height:20px;display: flex;justify-content: center;font-size:13px;}
    .footer .ul-l li em {margin:0 5px 0 0 !important;}
    body.wp-singular .container {width:800px;}
    .site-layout-2 .content-layout {margin-right: auto}
    .sidebar { display: none;}  
}
@media (min-width: 750px) and (max-width: 800px) {
    :root { --container-padding: 20px; }
    .flex.flex-row.flex-col-sm-2>* {
        flex-basis: 49.4%;
    }
    .footer .ul-l, .footer .ul-r {float:unset !important;height:20px;display: flex;justify-content: center;font-size:12px;}
    .footer .ul-l li em {margin:0 5px 0 0 !important;}
    body.wp-singular .container {width:100%;}
    .site-layout-2 .content-layout {margin-right: auto;} 
}
@media (min-width: 400px) and (max-width: 749px) {
    :root { --container-padding: 10px; }
    .flex.flex-row.flex-col-sm-2>* {
        flex-basis: 49.4%;
    }
    .footer .ul-l, .footer .ul-r {float:unset !important;height:20px;display: flex;justify-content: center;font-size:12px;}
    .footer .ul-l li em {margin:0 5px 0 0 !important;}
    body.wp-singular .container {width:100%;}
    .site-layout-2 .content-layout {margin-right: auto;}
}

.container {
    width: 100%;
    padding-left: var(--container-padding) !important;
    padding-right: var(--container-padding) !important;
    box-sizing: border-box;
    margin: 0 auto;
    min-height:100% !important;
}

body.author .container, .user-main .container, .msg-main .container {max-width:1600px !important;}


@media (min-width: 992px) {
    .fluid-widget-wrap .card, .site-layout-1 .card {
        width: calc(20% - 16px);
    }
}

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

.navbar-nav li, .navbar-nav li a {max-width:60px;margin-right:25px;}
.navbar-top .sub-menu li>a {text-align:center !important;}
.navbar-top .nav>li>a>.menu-item-title {overflow:visible;}
.navbar-nav>li:before {content: ' '; position: absolute; width: 100%; top: -10px; background: var(--focus-color);height:3px !important;}

.navbar-right .fa-bell-o {margin-top:-2px;}
.gutters-5 {margin:-30px 0 0 0;}
.flex.jse {column-gap: 5px;}
.container {padding:0;}
.navbar-top li.current-menu-item>a {font-weight:600;}

.video-thumb:hover .abs-center.right-top {display:none;}


/*首页列表*/

.posts-item.card .item-heading, .posts-mini-con .item-heading {font-size: 15px;}
.dark-theme .posts-item .item-heading>a,
body.dark-theme .posts-item .item-heading>a {color:#cfcfcf;}
.splitters .sub-menu {
    visibility: hidden;
    opacity: 0;
}
.widget-tab-post.index-tab .list-inline {border-bottom: 1px solid #e9e9e9;margin-bottom:30px;}
.index-tab ul>li {padding:2px 1px;margin:0 5px;}
.index-tab ul>li.active {
    background: none;
    color: var(--theme-color);
    padding:2px 5px;
}
.index-tab ul>li a {font-size:18px;font-weight: 500;padding:15px 2px 12px;color:rgb(155,155,155); border-bottom:2px solid rgba(0, 0, 0, .0); margin-right:10px;display: block;margin-bottom:-2px;text-shadow: 1px 1px 1px #e9e9e9;}
.index-tab ul>li.active a {color:var(--theme-color) !important;border-bottom:2px solid var(--theme-color);margin-bottom:-2px;padding:15px 2px 12px;margin-right:10px;}
.index-tab ul>li a:hover {color:var(--theme-color);transition: all .3s;}
.widget-content .mb20 {
    position: relative;
    text-align: center;
}

.dark-theme .widget-tab-post.index-tab .list-inline,
body.dark-theme .widget-tab-post.index-tab .list-inline {border-bottom: 1px solid #323335;margin-bottom:30px;}
.dark-theme .index-tab ul>li a,
body.dark-theme .index-tab ul>li a
{text-shadow: 1px 1px 1px #222222;color:rgb(155,155,155);}
.dark-theme .index-tab ul>li a:hover,
body.dark-theme .index-tab ul>li a:hover
{text-shadow: 1px 1px 1px #222222;color:var(--theme-color);transition: all .3s;}

.pagenav .current, .pagenav .page-numbers, .pagenav a {padding:10px 16px 9px;}


/*普通列表页*/


.container .discovery-header {height:120px;}
.discovery-ads {height:120px;width:100%;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 20px;overflow: hidden;}
.discovery-ads img {height:120px;width:100%;border-radius: 4px;}
.discovery-ads .ad-left {background-color: #f4f5f6;height:100%;}
.discovery-ads .ad-right {background-color: #f4f5f6;height:100%;}
.dark-theme .posts-item .item-heading>a:hover, body.dark-theme .posts-item .item-heading>a:hover {color:var(--theme-color);transition: all .3s;} 
body.category {background-color: #ffffff;}
/* 夜间模式背景色 */
.dark-theme body.category,
body.dark-theme.category {
    background-color: var(--body-bg-color); /* 替换为你想要的深色背景色 */
}
/* 夜间模式背景色 */

body.dark-theme.category .ajax-option .flex.ac:nth-of-type(2),
body.dark-theme.category .ajax-option .flex.ac:nth-of-type(1) .list-inline a.focus-color
 {
    background-color: var(--main-bg-color); /* 替换为你想要的深色背景色 */
}

body.dark-theme.category .ajax-option .flex.ac:nth-of-type(2) .list-inline a
 {
    background-color: var(--body-bg-color);
    color:rgb(209,209,209);
}

body.dark-theme.category .ajax-option .flex.ac:nth-of-type(2) .list-inline a:hover
 {
    background-color: rgb(40,40,40);
    color:var(--theme-color);
    transition: all .3s;
}

body.dark-theme.category .ajax-option .flex.ac:nth-of-type(2) .list-inline a.focus-color
 {
    background-color: var(--body-bg-color);
    color:var(--theme-color);
    transition: all .3s;
}

body.category .zib-widget {display:none;}

body.category .header {border-bottom: 1px solid rgb(245, 246, 247);}
body.dark-theme.category .header {border-bottom:1px solid rgb(41,42,45);}


/* 默认：分类和子分类居中，排序靠左 */

.ajax-option .flex.ac:nth-of-type(1),
.ajax-option .flex.ac:nth-of-type(2) {
    justify-content: center !important;
}
.ajax-option .flex.ac:nth-of-type(1) .flex0,
.ajax-option .flex.ac:nth-of-type(2) .flex0 {
    display:none !important;
}
.ajax-option .flex.ac .option-items {margin-bottom:-1px;}
.ajax-option .flex.ac:nth-of-type(1):not(body.category-resource .ajax-option .flex.ac:nth-of-type(1)) {font-size: 18px;padding:0px 0;}
.ajax-option .flex.ac:nth-of-type(2) {font-size: 14px;padding:30px 0;border-radius:4px;margin-bottom:40px;vertical-align: middle;background-color: #f5f5f5;}


.ajax-option .flex.ac .option-items {display: flex;justify-items: center;margin-bottom: -8px;list-style: none;}
.ajax-option .flex.ac:nth-of-type(1) .list-inline a {padding:15px 25px 15px;letter-spacing: 1px;margin-right:20px;}
.ajax-option .flex.ac:nth-of-type(1) .list-inline a.focus-color {border-radius: 4px;
    text-decoration: underline;
    text-underline-offset: 15px;      
    text-decoration-color: var(--theme-color); 
    text-decoration-thickness: 3px;  
    background-color: #f5f5f5;}

.ajax-option .flex.ac:nth-of-type(2) .list-inline a {padding:8px 22px;min-width:80px;text-align:center;margin-right:22px;border-radius:30px;color:rgb(34,34,34);background-color: rgb(239,239,239);}
.ajax-option .flex.ac:nth-of-type(2) .list-inline a:hover {background-color: rgb(229,229,229);color:var(--theme-color);transition: all .3s;}
.ajax-option .flex.ac:nth-of-type(2) .list-inline a.focus-color {background-color: rgb(229,229,229);color:var(--theme-color);transition: all .3s;}
.ajax-option .flex.ac:nth-of-type(1) .option-items>a+a:before, .ajax-option .flex.ac:nth-of-type(2) .option-items>a+a:before {display:none;}


.ajax-option .flex.ac:nth-of-type(3) {
    justify-content: flex-start !important;
}

.pagenav {padding:20px 0 30px;}

.posts-row.ajaxpager .flex.ac {
    align-items: baseline;
}

/* 素材分类：恢复为原始样式（或自定义） */

body.dark-theme.category-resource .material-custom-top,
body.dark-theme.category-video .material-custom-top,
body.dark-theme.category-music .material-custom-top,
body.dark-theme.category-sound .material-custom-top,
body.dark-theme.category-pic .material-custom-top,
body.dark-theme.category-resource .material-custom-top h3
{
    background-color: var(--main-bg-color) !important;color:#f4f5f6;
}
body.dark-theme.category-resource .material-custom-top p,
body.dark-theme.category-video .material-custom-top p,
body.dark-theme.category-music .material-custom-top p,
body.dark-theme.category-sound .material-custom-top p,
body.dark-theme.category-pic .material-custom-top p
 {color:#666;}

.item-thumbnail .dplayer.dplayer-thumb {opacity: 1;}/*解决列表视频只显示封面图，而不直接显示视频画面*/
.dplayer-video-wrap .dplayer-video {object-fit: cover;}

body.category-resource .material-custom-top,
body.category-video .material-custom-top,
body.category-music .material-custom-top,
body.category-sound .material-custom-top,
body.category-pic .material-custom-top,
body.category-resource .posts-row>:not(.post_ajax_loader),
body.category-video .posts-row>:not(.post_ajax_loader),
body.category-music .posts-row>:not(.post_ajax_loader)
body.category-sound .posts-row>:not(.post_ajax_loader),
body.category-pic .posts-row>:not(.post_ajax_loader)
{
    margin-bottom:10px; box-shadow: 0px 0px 6px #f2f2f2;
}
body.dark-theme.category-resource .material-custom-top,
body.dark-theme.category-video .material-custom-top,
body.dark-theme.category-music .material-custom-top,
body.dark-theme.category-sound .material-custom-top,
body.dark-theme.category-pic .material-custom-top,
body.dark-theme.category-resource .posts-row>:not(.post_ajax_loader),
body.dark-theme.category-video .posts-row>:not(.post_ajax_loader),
body.dark-theme.category-music .posts-row>:not(.post_ajax_loader),
body.dark-theme.category-sound .posts-row>:not(.post_ajax_loader),
body.dark-theme.category-pic .posts-row>:not(.post_ajax_loader)
{
    margin-bottom:10px; box-shadow: 0px 0px 6px #333;
}


body.category-resource .ajax-option .flex.ac .flex0,
body.category-video .ajax-option .flex.ac .flex0,
body.category-music .ajax-option .flex.ac .flex0,
body.category-sound .ajax-option .flex.ac .flex0,
body.category-pic .ajax-option .flex.ac .flex0 {
    display:block !important;font-size: 15px;color:rgb(122,122,122);
    margin-right:5px !important;padding: 5px 10px;
}
body.dark-theme.category-resource .ajax-option .flex.ac .flex0,
body.dark-theme.category-video .ajax-option .flex.ac .flex0,
body.dark-theme.category-music .ajax-option .flex.ac .flex0,
body.dark-theme.category-sound .ajax-option .flex.ac .flex0,
body.dark-theme.category-pic .ajax-option .flex.ac .flex0 {
    display:block !important;font-size: 15px;color:rgb(122,122,122);
    margin-right:5px !important;padding: 5px 10px;
}


body.category-resource .ajax-option .flex.ac .option-items,
body.category-video .ajax-option .flex.ac .option-items,
body.category-music .ajax-option .flex.ac .option-items,
body.category-sound .ajax-option .flex.ac .option-items,
body.category-pic .ajax-option .flex.ac .option-items
{margin-left:0;}


body.category-resource .ajax-option .flex.ac .list-inline a,
body.category-video .ajax-option .flex.ac .list-inline a,
body.category-music .ajax-option .flex.ac .list-inline a,
body.category-sound .ajax-option .flex.ac .list-inline a,
body.category-pic .ajax-option .flex.ac .list-inline a,
body.category-resource .ajax-option .flex.ac:nth-of-type(2) .list-inline a,
body.category-video .ajax-option .flex.ac:nth-of-type(2) .list-inline a,
body.category-music .ajax-option .flex.ac:nth-of-type(2) .list-inline a,
body.category-sound .ajax-option .flex.ac:nth-of-type(2) .list-inline a, 
body.category-pic .ajax-option .flex.ac:nth-of-type(2) .list-inline a  
 {
    padding:2px 10px;font-size: 15px; letter-spacing: 1px; margin-right: 5px;min-width:40px;
    text-decoration: none;background-color: #fff;color:rgb(88,88,88);border-radius: 12px;
}
body.category-resource .ajax-option .flex.ac .list-inline a:hover,
body.category-video .ajax-option .flex.ac .list-inline a:hover,
body.category-music .ajax-option .flex.ac .list-inline a:hover,
body.category-sound .ajax-option .flex.ac .list-inline a:hover,
body.category-pic .ajax-option .flex.ac .list-inline a:hover,
body.category-resource .ajax-option .flex.ac:nth-of-type(2) .list-inline a:hover,
body.category-video .ajax-option .flex.ac:nth-of-type(2) .list-inline a:hover,
body.category-music .ajax-option .flex.ac:nth-of-type(2) .list-inline a:hover,
body.category-sound .ajax-option .flex.ac:nth-of-type(2) .list-inline a:hover,
body.category-pic .ajax-option .flex.ac:nth-of-type(2) .list-inline a:hover,
body.category-resource .ajax-option .flex.ac .list-inline a.focus-color,
body.category-video .ajax-option .flex.ac .list-inline a.focus-color,
body.category-music .ajax-option .flex.ac .list-inline a.focus-color,
body.category-sound .ajax-option .flex.ac .list-inline a.focus-color,
body.category-pic .ajax-option .flex.ac .list-inline a.focus-color 
 {
    padding:2px 10px;font-size: 15px; letter-spacing: 1px; margin-right: 5px;min-width:40px;
    text-decoration: none;background-color: rgb(229,229,229);color:var(--theme-color);border-radius: 12px;
}


body.dark-theme.category-resource .ajax-option .flex.ac .list-inline a,
body.dark-theme.category-video .ajax-option .flex.ac .list-inline a,
body.dark-theme.category-music .ajax-option .flex.ac .list-inline a,
body.dark-theme.category-sound .ajax-option .flex.ac .list-inline a,
body.dark-theme.category-pic .ajax-option .flex.ac .list-inline a,
body.dark-theme.category-resource .ajax-option .flex.ac:nth-of-type(2) .list-inline a,
body.dark-theme.category-video .ajax-option .flex.ac:nth-of-type(2) .list-inline a,
body.dark-theme.category-music .ajax-option .flex.ac:nth-of-type(2) .list-inline a,
body.dark-theme.category-sound .ajax-option .flex.ac:nth-of-type(2) .list-inline a,
body.dark-theme.category-pic .ajax-option .flex.ac:nth-of-type(2) .list-inline a
{
    background-color: var(--body-bg-color) !important; color:rgb(168,168,168);padding:2px 10px;border-radius: 12px;
}
body.dark-theme.category-resource .ajax-option .flex.ac .list-inline a:hover,
body.dark-theme.category-video .ajax-option .flex.ac .list-inline a:hover,
body.dark-theme.category-music .ajax-option .flex.ac .list-inline a:hover,
body.dark-theme.category-sound .ajax-option .flex.ac .list-inline a:hover,
body.dark-theme.category-pic .ajax-option .flex.ac .list-inline a:hover,
body.dark-theme.category-resource .ajax-option .flex.ac .list-inline a.focus-color,
body.dark-theme.category-video .ajax-option .flex.ac .list-inline a.focus-color,
body.dark-theme.category-music .ajax-option .flex.ac .list-inline a.focus-color,
body.dark-theme.category-sound .ajax-option .flex.ac .list-inline a.focus-color,
body.dark-theme.category-pic .ajax-option .flex.ac .list-inline a.focus-color
{
    background-color: rgb(40,40,40) !important; padding:2px 10px;border-radius: 12px;color:var(--theme-color);
}


body.category-resource .ajax-option .flex.ac .list-inline a.focus-color,
body.category-video .ajax-option .flex.ac .list-inline a.focus-color,
body.category-music .ajax-option .flex.ac .list-inline a.focus-color,
body.category-sound .ajax-option .flex.ac .list-inline a.focus-color,
body.category-pic .ajax-option .flex.ac .list-inline a.focus-color,
body.category-resource .ajax-option .flex.ac .list-inline a:hover,
body.category-video .ajax-option .flex.ac .list-inline a:hover,
body.category-music .ajax-option .flex.ac .list-inline a:hover,
body.category-sound .ajax-option .flex.ac .list-inline a:hover,
body.category-pic .ajax-option .flex.ac .list-inline a:hover
{color:var(--theme-color);}

body.category-resource .ajax-option .flex.ac,
body.category-video .ajax-option .flex.ac,
body.category-music .ajax-option .flex.ac,
body.category-sound .ajax-option .flex.ac,
body.category-pic .ajax-option .flex.ac
 {
        font-size: 14px;
        margin: 0;
        padding:6px 0 6px 5px !important;
        vertical-align: middle;
        background-color: #fff !important;
        justify-content: flex-start !important; /* 还原为左对齐 */
    }

body.dark-theme.category-resource .ajax-option .flex.ac,
body.dark-theme.category-video .ajax-option .flex.ac,
body.dark-theme.category-music .ajax-option .flex.ac,
body.dark-theme.category-sound .ajax-option .flex.ac,
body.dark-theme.category-pic .ajax-option .flex.ac
{
    background-color: var(--main-bg-color) !important;
}

body.category-resource .ajax-option .option-items>a+a:before,
body.category-resource .fcode-links>a+a:before, 
body.category-resource .icon-spot:before,
body.category-video .ajax-option .option-items>a+a:before,
body.category-video .fcode-links>a+a:before, 
body.category-video .icon-spot:before,
body.category-music .ajax-option .option-items>a+a:before,
body.category-music .fcode-links>a+a:before, 
body.category-music .icon-spot:before,
body.category-sound .ajax-option .option-items>a+a:before,
body.category-sound .fcode-links>a+a:before, 
body.category-sound .icon-spot:before,
body.category-pic .ajax-option .option-items>a+a:before,
body.category-pic .fcode-links>a+a:before, 
body.category-pic .icon-spot:before
{width:0;margin:0;}



/*end*/

/*内容页*/

.article {padding:5px 30px 0;}
.relates-thumb .swiper-slide {width:calc(25% - 7px);}
.site-layout-2 .sidebar {max-width:320px;min-width:280px;width:320px;margin-left: -320px;}

.article-avatar {margin-top:35px !important;}
.jb-green, .order-type-5 .pay-tag {
    --this-bg-b: #49b195;
    --this-bg: linear-gradient(135deg, #a060e4d1 10%, #5cb85b 100%);
}
.padding-10 {padding:15px;}
.jb-red, .order-type-9 .pay-tag {
    --this-bg-b: #fd7a64;
    --this-bg: linear-gradient(135deg, #9264fd 10%, #699329 100%);
}



/*end*/



/*底部 footer*/
.footer {border-top:1px solid rgb(245,246,247);padding:20px 50px 15px;}
body.dark-theme .footer {border-top:1px solid rgb(41,42,45);padding:20px 50px 15px;}
.footer .ul-l {float:left;}
.footer .ul-l li {float:left;}
.footer .ul-l li em {margin:0 10px 0 5px;}
.footer .ul-r {float:right;}
.footer .ul-l li a:hover, .footer .ul-r li a:hover {color:var(--theme-color);transition: all .2s;}
/*end*/