/* Zibll Beautify 3.1.1 - scoped by body.zbb-enabled */
body.zbb-enabled{
    --main-radius:var(--zbb-radius,14px);
    --mini-radius:calc(var(--main-radius)/1.65);
    --zbb-shadow-soft:0 6px 24px rgba(28,35,48,.055);
    --zbb-shadow-hover:0 12px 34px rgba(28,35,48,.095);
    --zbb-border:rgba(80,90,110,.075);
    --zbb-ease:cubic-bezier(.2,.7,.2,1);
}
body.zbb-enabled.dark-theme{
    --zbb-shadow-soft:0 8px 26px rgba(0,0,0,.16);
    --zbb-shadow-hover:0 14px 38px rgba(0,0,0,.24);
    --zbb-border:rgba(255,255,255,.07);
}

/* Presets 3.1.1
 * Presets are intentionally obvious visual schemes, not just tiny shadow tweaks.
 * Individual feature switches still decide which component groups are allowed to change.
 */
body.zbb-enabled.zbb-preset-glass{
    --zbb-widget-shadow:0 14px 42px rgba(25,35,58,.105),0 2px 8px rgba(25,35,58,.045);
    --zbb-card-border:color-mix(in srgb,var(--main-border-color) 45%,rgba(255,255,255,.72));
    --zbb-hover-y:-5px;
    --zbb-widget-bg:color-mix(in srgb,var(--main-bg-color) 78%,transparent);
    --zbb-surface-radius:calc(var(--main-radius)*1.12);
    --zbb-surface-blur:16px;
    --zbb-image-scale:1.045;
}
body.zbb-enabled.zbb-preset-soft{
    --zbb-widget-shadow:0 8px 26px rgba(28,35,48,.075);
    --zbb-card-border:rgba(80,90,110,.045);
    --zbb-hover-y:-2px;
    --zbb-widget-bg:var(--main-bg-color);
    --zbb-surface-radius:var(--main-radius);
    --zbb-surface-blur:0px;
    --zbb-image-scale:1.025;
}
body.zbb-enabled.zbb-preset-clean{
    --zbb-widget-shadow:none;
    --zbb-card-border:var(--main-border-color);
    --zbb-hover-y:0px;
    --zbb-widget-bg:var(--main-bg-color);
    --zbb-surface-radius:calc(var(--main-radius)*.58);
    --zbb-surface-blur:0px;
    --zbb-image-scale:1;
}
body.zbb-enabled.dark-theme.zbb-preset-glass{
    --zbb-widget-shadow:0 16px 46px rgba(0,0,0,.28),0 2px 10px rgba(0,0,0,.16);
    --zbb-card-border:rgba(255,255,255,.105);
    --zbb-widget-bg:color-mix(in srgb,var(--main-bg-color) 72%,transparent);
}
body.zbb-enabled.dark-theme.zbb-preset-soft{--zbb-widget-shadow:0 9px 28px rgba(0,0,0,.20);--zbb-card-border:rgba(255,255,255,.055)}
@supports not (background:color-mix(in srgb,#fff 90%,transparent)){
    body.zbb-enabled.zbb-preset-glass{--zbb-widget-bg:var(--main-bg-color);--zbb-card-border:var(--zbb-border)}
}

/* Preset-specific component treatment. These rules make switching presets visually meaningful. */
body.zbb-enabled.zbb-cards .zib-widget,
body.zbb-enabled.zbb-cards .posts-item.card,
body.zbb-enabled.zbb-cards .modal-content,
body.zbb-enabled.zbb-cards .theme-box,
body.zbb-enabled.zbb-cards .border-box{border-radius:var(--zbb-surface-radius,var(--main-radius))}
body.zbb-enabled.zbb-cards.zbb-preset-glass .zib-widget,
body.zbb-enabled.zbb-cards.zbb-preset-glass .posts-item.card{
    -webkit-backdrop-filter:saturate(1.28) blur(var(--zbb-surface-blur));
    backdrop-filter:saturate(1.28) blur(var(--zbb-surface-blur));
    box-shadow:var(--zbb-widget-shadow),inset 0 1px 0 rgba(255,255,255,.28);
}
body.zbb-enabled.dark-theme.zbb-cards.zbb-preset-glass .zib-widget,
body.zbb-enabled.dark-theme.zbb-cards.zbb-preset-glass .posts-item.card{box-shadow:var(--zbb-widget-shadow),inset 0 1px 0 rgba(255,255,255,.055)}
body.zbb-enabled.zbb-cards.zbb-preset-soft .zib-widget,
body.zbb-enabled.zbb-cards.zbb-preset-soft .posts-item.card{box-shadow:var(--zbb-widget-shadow)}
body.zbb-enabled.zbb-cards.zbb-preset-clean .zib-widget,
body.zbb-enabled.zbb-cards.zbb-preset-clean .posts-item.card{box-shadow:none}
body.zbb-enabled.zbb-preset-glass.zbb-nav-glass .header{
    background:color-mix(in srgb,var(--main-bg-color) 72%,transparent);
    box-shadow:0 8px 30px rgba(30,40,65,.065);
}
body.zbb-enabled.zbb-preset-soft.zbb-nav-glass .header{
    background:color-mix(in srgb,var(--main-bg-color) 94%,transparent);
    box-shadow:0 4px 18px rgba(30,40,65,.045);
}
body.zbb-enabled.zbb-preset-clean.zbb-nav-glass .header{
    background:var(--main-bg-color);
    -webkit-backdrop-filter:none;backdrop-filter:none;
    box-shadow:none;
}
body.zbb-enabled.zbb-preset-glass.zbb-buttons .but:not(.cir),
body.zbb-enabled.zbb-preset-glass.zbb-buttons button:not(.close):not(.btn-close),
body.zbb-enabled.zbb-preset-glass.zbb-buttons input[type=submit]{border-radius:calc(var(--main-radius)*.9)}
body.zbb-enabled.zbb-preset-soft.zbb-buttons .but:not(.cir),
body.zbb-enabled.zbb-preset-soft.zbb-buttons button:not(.close):not(.btn-close),
body.zbb-enabled.zbb-preset-soft.zbb-buttons input[type=submit]{border-radius:calc(var(--main-radius)*.7)}
body.zbb-enabled.zbb-preset-clean.zbb-buttons .but:not(.cir),
body.zbb-enabled.zbb-preset-clean.zbb-buttons button:not(.close):not(.btn-close),
body.zbb-enabled.zbb-preset-clean.zbb-buttons input[type=submit]{border-radius:calc(var(--main-radius)*.38);box-shadow:none!important}
body.zbb-enabled.zbb-preset-glass.zbb-forms .form-control,
body.zbb-enabled.zbb-preset-glass.zbb-forms input[type=text],
body.zbb-enabled.zbb-preset-glass.zbb-forms input[type=email],
body.zbb-enabled.zbb-preset-glass.zbb-forms input[type=password],
body.zbb-enabled.zbb-preset-glass.zbb-forms input[type=search],
body.zbb-enabled.zbb-preset-glass.zbb-forms input[type=url],
body.zbb-enabled.zbb-preset-glass.zbb-forms textarea,
body.zbb-enabled.zbb-preset-glass.zbb-forms select{background:color-mix(in srgb,var(--main-bg-color) 82%,transparent);border-color:color-mix(in srgb,var(--main-border-color) 70%,transparent)}
body.zbb-enabled.zbb-preset-clean.zbb-forms .form-control,
body.zbb-enabled.zbb-preset-clean.zbb-forms input[type=text],
body.zbb-enabled.zbb-preset-clean.zbb-forms input[type=email],
body.zbb-enabled.zbb-preset-clean.zbb-forms input[type=password],
body.zbb-enabled.zbb-preset-clean.zbb-forms input[type=search],
body.zbb-enabled.zbb-preset-clean.zbb-forms input[type=url],
body.zbb-enabled.zbb-preset-clean.zbb-forms textarea,
body.zbb-enabled.zbb-preset-clean.zbb-forms select{border-radius:calc(var(--main-radius)*.38);box-shadow:none}

/* Navigation / glass */
body.zbb-enabled.zbb-nav-glass .header{
    background:var(--blur-bg);
    -webkit-backdrop-filter:saturate(1.45) blur(var(--zbb-blur,18px));
    backdrop-filter:saturate(1.45) blur(var(--zbb-blur,18px));
    border-bottom:1px solid var(--zbb-border);
}
body.zbb-enabled.zbb-nav-glass.body-scroll .header{box-shadow:0 7px 28px rgba(20,25,38,.08)}
body.zbb-enabled.zbb-nav-glass .navbar-top .sub-menu,
body.zbb-enabled.zbb-nav-glass .theme-popover,
body.zbb-enabled.zbb-nav-glass .dropdown-menu{
    border:1px solid var(--zbb-border);
    box-shadow:0 12px 34px rgba(22,28,40,.12);
}
body.zbb-enabled.zbb-nav-glass .navbar-top .sub-menu,
body.zbb-enabled.zbb-nav-glass .theme-popover{
    -webkit-backdrop-filter:saturate(1.35) blur(calc(var(--zbb-blur,18px)*.75));
    backdrop-filter:saturate(1.35) blur(calc(var(--zbb-blur,18px)*.75));
}
body.zbb-enabled.zbb-nav-glass .navbar-top .nav>li>a{border-radius:calc(var(--main-radius)*.7);transition:background .22s,color .22s,transform .22s}
body.zbb-enabled.zbb-nav-glass .navbar-top .nav>li>a:hover{background:var(--focus-color-opacity05);transform:translateY(-1px)}
body.zbb-enabled.zbb-nav-glass .navbar-top .sub-menu li>a{border-radius:calc(var(--main-radius)*.55)}

/* Main card system */
body.zbb-enabled.zbb-cards .zib-widget,
body.zbb-enabled.zbb-cards .posts-item.card,
body.zbb-enabled.zbb-cards .modal-content,
body.zbb-enabled.zbb-cards .theme-box,
body.zbb-enabled.zbb-cards .border-box{
    border-radius:var(--zbb-surface-radius,var(--main-radius));
}
body.zbb-enabled.zbb-cards .zib-widget,
body.zbb-enabled.zbb-cards .posts-item.card{
    background:var(--zbb-widget-bg,var(--main-bg-color));
    border:1px solid var(--zbb-card-border,var(--main-border-color));
    box-shadow:var(--zbb-widget-shadow,var(--zbb-shadow-soft));
}
body.zbb-enabled.zbb-cards .sidebar .zib-widget{overflow:clip}
body.zbb-enabled.zbb-cards .modal-content{border:1px solid var(--zbb-border);box-shadow:0 18px 60px rgba(10,18,30,.18);overflow:hidden}
body.zbb-enabled.zbb-cards .muted-box{border:1px solid transparent}
body.zbb-enabled.zbb-cards .zib-widget>h3{letter-spacing:.01em}

/* Card hover - desktop only */
@media (hover:hover) and (pointer:fine){
    body.zbb-enabled.zbb-card-hover .posts-item.card,
    body.zbb-enabled.zbb-card-hover .sidebar .zib-widget,
    body.zbb-enabled.zbb-card-hover .zib-widget-wrap>.zib-widget{
        transition:transform .26s var(--zbb-ease),box-shadow .26s var(--zbb-ease),border-color .26s var(--zbb-ease);
    }
    body.zbb-enabled.zbb-card-hover .posts-item.card:hover,
    body.zbb-enabled.zbb-card-hover .sidebar .zib-widget:hover,
    body.zbb-enabled.zbb-card-hover .zib-widget-wrap>.zib-widget:hover{
        transform:translateY(var(--zbb-hover-y,-3px));
        box-shadow:var(--zbb-shadow-hover);
        border-color:var(--focus-color-opacity1);
    }
}

/* Images */
body.zbb-enabled.zbb-images .posts-item .item-thumbnail,
body.zbb-enabled.zbb-images .posts-item .item-thumbnail img,
body.zbb-enabled.zbb-images .posts-item.mult-thumb .thumb-items>span,
body.zbb-enabled.zbb-images .posts-item.mult-thumb .thumb-items>span>img,
body.zbb-enabled.zbb-images .wp-posts-content img:not(.avatar):not(.smilie-icon),
body.zbb-enabled.zbb-images .comment-content .box-img:not(.smilie-icon){border-radius:calc(var(--main-radius)*.78)}
body.zbb-enabled.zbb-images .posts-item .item-thumbnail{overflow:hidden}
body.zbb-enabled.zbb-images .posts-item .item-thumbnail img{transition:transform .35s var(--zbb-ease),filter .35s var(--zbb-ease)}
@media (hover:hover) and (pointer:fine){body.zbb-enabled.zbb-images .posts-item:hover .item-thumbnail img{transform:scale(var(--zbb-image-scale,1.035))}}

/* Buttons */
body.zbb-enabled.zbb-buttons .but:not(.cir),
body.zbb-enabled.zbb-buttons button:not(.close):not(.btn-close),
body.zbb-enabled.zbb-buttons input[type=submit]{border-radius:calc(var(--main-radius)*.75);transition:transform .16s var(--zbb-ease),box-shadow .2s,background .2s,color .2s}
body.zbb-enabled.zbb-buttons .but:not(.hollow):not(.cir):hover{box-shadow:0 7px 18px var(--focus-color-opacity1)}
body.zbb-enabled.zbb-buttons .but:active,
body.zbb-enabled.zbb-buttons button:active,
body.zbb-enabled.zbb-buttons input[type=submit]:active{transform:scale(.975)}
body.zbb-enabled.zbb-buttons .but.cir{box-shadow:0 4px 14px rgba(30,35,45,.08)}

/* Form controls */
body.zbb-enabled.zbb-forms .form-control,
body.zbb-enabled.zbb-forms input[type=text],
body.zbb-enabled.zbb-forms input[type=email],
body.zbb-enabled.zbb-forms input[type=password],
body.zbb-enabled.zbb-forms input[type=search],
body.zbb-enabled.zbb-forms input[type=url],
body.zbb-enabled.zbb-forms textarea,
body.zbb-enabled.zbb-forms select{
    border-radius:calc(var(--main-radius)*.72);
    transition:border-color .2s,box-shadow .2s,background .2s;
}
body.zbb-enabled.zbb-forms .form-control:focus,
body.zbb-enabled.zbb-forms input:focus,
body.zbb-enabled.zbb-forms textarea:focus,
body.zbb-enabled.zbb-forms select:focus{box-shadow:0 0 0 3px var(--focus-color-opacity1)}
body.zbb-enabled.zbb-forms .search-input{border-radius:var(--main-radius)}

/* Article reading */
body.zbb-enabled.zbb-article .article-title{letter-spacing:-.012em;line-height:1.35}
body.zbb-enabled.zbb-article .wp-posts-content{font-size:1.02em;line-height:1.9;letter-spacing:.006em}
body.zbb-enabled.zbb-article .wp-posts-content p{line-height:1.9}
body.zbb-enabled.zbb-article .wp-posts-content>h1,
body.zbb-enabled.zbb-article .wp-posts-content>h2,
body.zbb-enabled.zbb-article .wp-posts-content>h3,
body.zbb-enabled.zbb-article .wp-posts-content>h4{scroll-margin-top:90px;letter-spacing:-.01em}
body.zbb-enabled.zbb-article .wp-posts-content blockquote,
body.zbb-enabled.zbb-article .quote_q{border-radius:var(--main-radius);background:var(--muted-bg-2-color)}
body.zbb-enabled.zbb-article .wp-posts-content pre,
body.zbb-enabled.zbb-article .wp-posts-content .wp-block-code{border-radius:var(--main-radius);overflow:auto}
body.zbb-enabled.zbb-article .wp-posts-content table{border-radius:calc(var(--main-radius)*.7);overflow:hidden}
body.zbb-enabled.zbb-article .article-content .article-tags a{border-radius:999px}
body.zbb-enabled.zbb-article .hidden-box{border-radius:var(--main-radius);background:linear-gradient(135deg,var(--focus-color-opacity05),transparent 65%)}

/* Comments */
body.zbb-enabled.zbb-comments #comments .comment-box,
body.zbb-enabled.zbb-comments #postcomments{border-radius:var(--main-radius)}
body.zbb-enabled.zbb-comments .comment-content{line-height:1.75}
body.zbb-enabled.zbb-comments .commentlist>.comment{padding-top:8px}
body.zbb-enabled.zbb-comments .commentlist .comment .comment{border-left:2px solid var(--main-border-color);padding-left:12px}
body.zbb-enabled.zbb-comments #comments textarea{border-radius:var(--main-radius)}
body.zbb-enabled.zbb-comments .comment-widget-item.style-2 .muted-box{border-radius:calc(var(--main-radius)*.75)}

/* User center */
body.zbb-enabled.zbb-user-center .user-center .user-center-sidebar,
body.zbb-enabled.zbb-user-center .user-center .user-center-content{border-radius:var(--main-radius)}
body.zbb-enabled.zbb-user-center .user-center-nav .tab-nav-theme>li>a{border-radius:calc(var(--main-radius)*.65);transition:background .2s,color .2s,transform .2s}
body.zbb-enabled.zbb-user-center .user-center-nav .tab-nav-theme>li.active>a,
body.zbb-enabled.zbb-user-center .user-center-nav .tab-nav-theme>li>a:hover{background:var(--focus-color-opacity1)}
body.zbb-enabled.zbb-user-center .author-tab .tab-nav-theme{border-radius:var(--main-radius)}
body.zbb-enabled.zbb-user-center .user-center-content .avatar-img{box-shadow:0 4px 14px rgba(20,25,35,.08)}

/* Pagination, badges, tabs */
body.zbb-enabled .pagenav .page-numbers,
body.zbb-enabled .theme-pagination .page-numbers{border-radius:calc(var(--main-radius)*.65)}
body.zbb-enabled .tab-nav-theme li:before{border-radius:999px}
body.zbb-enabled .badg{border-radius:999px}

/* Mobile */
@media (max-width:767px){
    body.zbb-enabled.zbb-mobile .zib-widget{margin-bottom:12px}
    body.zbb-enabled.zbb-mobile .posts-item.card{margin-bottom:10px}
    body.zbb-enabled.zbb-mobile .container{padding-left:10px;padding-right:10px}
    body.zbb-enabled.zbb-mobile .header{padding-left:10px;padding-right:10px}
    body.zbb-enabled.zbb-mobile .wp-posts-content{font-size:1em;line-height:1.85}
    body.zbb-enabled.zbb-mobile .modal-content{border-radius:var(--main-radius) var(--main-radius) 0 0}
}

/* Scrollbar */
@media (min-width:768px){
    body.zbb-enabled.zbb-scrollbar{scrollbar-width:thin;scrollbar-color:var(--muted-3-color) transparent}
    body.zbb-enabled.zbb-scrollbar::-webkit-scrollbar{width:8px;height:8px}
    body.zbb-enabled.zbb-scrollbar::-webkit-scrollbar-track{background:transparent}
    body.zbb-enabled.zbb-scrollbar::-webkit-scrollbar-thumb{background:var(--muted-3-color);border:2px solid transparent;background-clip:padding-box;border-radius:999px}
    body.zbb-enabled.zbb-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--muted-2-color);border:2px solid transparent;background-clip:padding-box}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
    body.zbb-enabled *,body.zbb-enabled *:before,body.zbb-enabled *:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}


/* Ambient background - opt-in because it can intentionally replace a custom body background image */
body.zbb-enabled.zbb-ambient{
    background-color:var(--body-bg-color);
    background-image:
        radial-gradient(circle at 10% 6%,var(--focus-color-opacity05) 0,transparent 30%),
        radial-gradient(circle at 90% 18%,var(--main-border-color) 0,transparent 28%);
    background-attachment:fixed;
}
body.zbb-enabled.zbb-ambient.dark-theme{
    background-image:
        radial-gradient(circle at 10% 6%,var(--focus-color-opacity05) 0,transparent 25%),
        radial-gradient(circle at 88% 16%,rgba(255,255,255,.025) 0,transparent 25%);
}

/* Text selection */
body.zbb-enabled.zbb-selection ::selection{background:var(--focus-color-opacity3);color:var(--key-color)}
body.zbb-enabled.zbb-selection ::-moz-selection{background:var(--focus-color-opacity3);color:var(--key-color)}

/* Avatars and compact user cards */
body.zbb-enabled.zbb-avatars .avatar-img .avatar,
body.zbb-enabled.zbb-avatars .avatar-lg .avatar,
body.zbb-enabled.zbb-avatars .avatar-mini .avatar{
    box-shadow:0 0 0 2px var(--main-bg-color),0 4px 14px rgba(25,30,42,.10);
}
body.zbb-enabled.zbb-avatars .author-header .avatar-img .avatar{
    box-shadow:0 0 0 2px var(--focus-color-opacity1),0 8px 24px rgba(20,25,36,.14);
}
body.zbb-enabled.zbb-avatars .author-minicard,
body.zbb-enabled.zbb-avatars .user-card{
    border-radius:var(--main-radius);
}
body.zbb-enabled.zbb-avatars .avatar-badge,
body.zbb-enabled.zbb-avatars .avatar-icontag{filter:drop-shadow(0 2px 5px rgba(10,15,25,.12))}

/* Tags and metadata */
body.zbb-enabled.zbb-meta .posts-item .item-tags a,
body.zbb-enabled.zbb-meta .article-content .article-tags a,
body.zbb-enabled.zbb-meta .author-tag .but,
body.zbb-enabled.zbb-meta .author-tag .badg{
    border-radius:999px;
    background:var(--muted-bg-2-color);
    border:1px solid var(--main-border-color);
    transition:background .2s,border-color .2s,color .2s,transform .2s;
}
@media (hover:hover) and (pointer:fine){
    body.zbb-enabled.zbb-meta .posts-item .item-tags a:hover,
    body.zbb-enabled.zbb-meta .article-content .article-tags a:hover{transform:translateY(-1px);border-color:var(--focus-color-opacity3);background:var(--focus-color-opacity05)}
}
body.zbb-enabled.zbb-meta .single-metabox .post-metas{
    border:1px solid var(--main-border-color);
    box-shadow:0 4px 14px rgba(25,30,42,.04);
}
body.zbb-enabled.zbb-meta .posts-item .item-meta{gap:2px}
body.zbb-enabled.zbb-meta .posts-item .item-meta item{white-space:nowrap}

/* Modals, dropdowns, popovers and notifications */
body.zbb-enabled.zbb-overlays .dropdown-menu,
body.zbb-enabled.zbb-overlays .theme-popover,
body.zbb-enabled.zbb-overlays .popover{
    border:1px solid var(--zbb-border);
    border-radius:var(--main-radius);
    background:var(--main-bg-color);
    box-shadow:0 16px 44px rgba(18,24,34,.14);
    overflow:hidden;
}
body.zbb-enabled.zbb-overlays .modal-content{
    border-radius:var(--main-radius);
    border:1px solid var(--zbb-border);
    box-shadow:0 24px 80px rgba(10,15,25,.22);
}
body.zbb-enabled.zbb-overlays .modal-backdrop.in{
    background:#151820;
    opacity:.42;
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
}
body.zbb-enabled.zbb-overlays .notyf{
    border-radius:calc(var(--main-radius)*.75);
    box-shadow:0 12px 34px rgba(15,20,30,.18);
}
body.zbb-enabled.zbb-overlays .dropdown-menu>li>a{border-radius:calc(var(--main-radius)*.55);margin:2px 5px}

/* Footer */
body.zbb-enabled.zbb-footer .footer{
    border-top:1px solid var(--zbb-border);
    box-shadow:0 -8px 30px rgba(20,25,38,.025);
}
body.zbb-enabled.zbb-footer .footer-contact>a{
    border-radius:999px;
    border:1px solid var(--main-border-color);
    background:var(--muted-bg-2-color);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:transform .2s,border-color .2s,background .2s;
}
@media (hover:hover) and (pointer:fine){body.zbb-enabled.zbb-footer .footer-contact>a:hover{transform:translateY(-2px);border-color:var(--focus-color-opacity3);background:var(--focus-color-opacity05)}}
body.zbb-enabled.zbb-footer .footer-wechat-img,
body.zbb-enabled.zbb-footer .footer-miniimg img,
body.zbb-enabled.zbb-footer .footer-miniimg-2 img{border-radius:calc(var(--main-radius)*.7)}

/* Floating action buttons */
body.zbb-enabled.zbb-float .float-right .float-btn{
    border:1px solid var(--zbb-border);
    box-shadow:0 7px 22px rgba(20,25,38,.10);
    -webkit-backdrop-filter:blur(calc(var(--zbb-blur,18px)*.55));
    backdrop-filter:blur(calc(var(--zbb-blur,18px)*.55));
    transition:transform .2s var(--zbb-ease),box-shadow .2s,border-color .2s;
}
@media (hover:hover) and (pointer:fine){body.zbb-enabled.zbb-float .float-right .float-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(20,25,38,.14);border-color:var(--focus-color-opacity3)}}
body.zbb-enabled.zbb-float .float-btn .dropdown-menu{border-radius:var(--main-radius)}

/* Forum / plate surfaces */
body.zbb-enabled.zbb-forum .forum-article,
body.zbb-enabled.zbb-forum .forum-header,
body.zbb-enabled.zbb-forum .plate-tab,
body.zbb-enabled.zbb-forum .plate-card{
    border-radius:var(--main-radius);
}
body.zbb-enabled.zbb-forum .forum-article,
body.zbb-enabled.zbb-forum .plate-tab,
body.zbb-enabled.zbb-forum .plate-card{
    border:1px solid var(--main-border-color);
    box-shadow:var(--zbb-shadow-soft);
}
body.zbb-enabled.zbb-forum .plate-item,
body.zbb-enabled.zbb-forum .forum-posts{
    transition:background .2s,border-color .2s,transform .2s;
}
@media (hover:hover) and (pointer:fine){
    body.zbb-enabled.zbb-forum .plate-item:hover,
    body.zbb-enabled.zbb-forum .forum-posts:hover{background:var(--focus-color-opacity05)}
}
body.zbb-enabled.zbb-forum .plate-thumb,
body.zbb-enabled.zbb-forum .forum-thumbnail,
body.zbb-enabled.zbb-forum .forum-lists-cover{border-radius:calc(var(--main-radius)*.72);overflow:hidden}
body.zbb-enabled.zbb-forum .forum-article-footer{border-top-color:var(--main-border-color)}

/* Shop, VIP and paid-content surfaces */
body.zbb-enabled.zbb-commerce .pay-box,
body.zbb-enabled.zbb-commerce .paid-box,
body.zbb-enabled.zbb-commerce .vip-product,
body.zbb-enabled.zbb-commerce .product-item,
body.zbb-enabled.zbb-commerce .single-product-detail-box,
body.zbb-enabled.zbb-commerce .shop-cat-filter,
body.zbb-enabled.zbb-commerce .order-item{
    border-radius:var(--main-radius);
}
body.zbb-enabled.zbb-commerce .pay-box.zib-widget,
body.zbb-enabled.zbb-commerce .single-product-detail-box,
body.zbb-enabled.zbb-commerce .shop-cat-filter{
    border:1px solid var(--main-border-color);
    box-shadow:var(--zbb-shadow-soft);
}
body.zbb-enabled.zbb-commerce .vip-product{
    box-shadow:0 5px 18px rgba(25,30,42,.045);
    transition:transform .2s var(--zbb-ease),box-shadow .2s,border-color .2s,background .2s;
}
@media (hover:hover) and (pointer:fine){body.zbb-enabled.zbb-commerce .vip-product:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(25,30,42,.09)}}
body.zbb-enabled.zbb-commerce .vip-product.active,
body.zbb-enabled.zbb-commerce .vip-product-input:checked~.vip-product{box-shadow:0 0 0 2px var(--focus-color-opacity1),0 8px 24px rgba(25,30,42,.07)}
body.zbb-enabled.zbb-commerce .pay-attr,
body.zbb-enabled.zbb-commerce .paid-info-box,
body.zbb-enabled.zbb-commerce .pay-box .pay-details{border-radius:calc(var(--main-radius)*.6)}
body.zbb-enabled.zbb-commerce .order-item .order-thumb,
body.zbb-enabled.zbb-commerce .single-product-cover-box{border-radius:calc(var(--main-radius)*.75);overflow:hidden}

/* Dark mode refinement */
body.zbb-enabled.zbb-dark-refine.dark-theme .zib-widget,
body.zbb-enabled.zbb-dark-refine.dark-theme .posts-item.card,
body.zbb-enabled.zbb-dark-refine.dark-theme .dropdown-menu,
body.zbb-enabled.zbb-dark-refine.dark-theme .modal-content{
    border-color:rgba(255,255,255,.065);
}
body.zbb-enabled.zbb-dark-refine.dark-theme .zib-widget,
body.zbb-enabled.zbb-dark-refine.dark-theme .posts-item.card{box-shadow:0 8px 28px rgba(0,0,0,.14)}
body.zbb-enabled.zbb-dark-refine.dark-theme.zbb-nav-glass .header{box-shadow:0 8px 30px rgba(0,0,0,.12)}
body.zbb-enabled.zbb-dark-refine.dark-theme .form-control:focus,
body.zbb-enabled.zbb-dark-refine.dark-theme input:focus,
body.zbb-enabled.zbb-dark-refine.dark-theme textarea:focus{box-shadow:0 0 0 3px var(--focus-color-opacity1)}

/* Optional article link emphasis */
body.zbb-enabled.zbb-links .wp-posts-content a:not(.but):not(.badg):not([class]){
    text-decoration-line:underline;
    text-decoration-thickness:1px;
    text-underline-offset:.22em;
    text-decoration-color:var(--focus-color-opacity3);
}
body.zbb-enabled.zbb-links .wp-posts-content a:not(.but):not(.badg):not([class]):hover{text-decoration-color:var(--focus-color)}

/* Optional reading progress */
#zbb-reading-progress{
    position:fixed;
    z-index:2147483000;
    top:0;
    left:0;
    width:100%;
    height:3px;
    pointer-events:none;
    transform:scaleX(0);
    transform-origin:0 50%;
    background:linear-gradient(90deg,var(--focus-color),var(--theme-color));
    box-shadow:0 1px 8px var(--focus-color-opacity3);
    will-change:transform;
}
@media (max-width:767px){#zbb-reading-progress{height:2px}}

/* 3.0.1 - Article list publish / modified dates: responsive meta layout */
body.zbb-enabled.zbb-list-dates-enabled .posts-item.ajax-item:not(.product-item) .item-meta{
    min-width:0;
}
body.zbb-enabled.zbb-list-dates-enabled .posts-item.ajax-item:not(.product-item) .item-meta > item,
body.zbb-enabled.zbb-list-dates-enabled .posts-item.ajax-item:not(.product-item) .item-meta .meta-author,
body.zbb-enabled.zbb-list-dates-enabled .posts-item.ajax-item:not(.product-item) .item-meta .meta-right{
    min-width:0;
}
body.zbb-enabled.zbb-list-dates-enabled .zbb-list-dates{
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-width:0;
    margin-left:0;
    white-space:nowrap;
    color:var(--muted-3-color);
    font-size:.94em;
    line-height:1.35;
    vertical-align:middle;
}
body.zbb-enabled.zbb-list-dates-enabled .posts-item.card .zbb-list-dates{font-size:12px}
body.zbb-enabled.zbb-list-dates-enabled .posts-item.list .zbb-list-dates{font-size:13px}
body.zbb-enabled.zbb-list-dates-enabled .zbb-list-date{
    display:inline-flex;
    align-items:center;
    gap:2px;
    min-width:0;
    white-space:nowrap;
}
body.zbb-enabled.zbb-list-dates-enabled .zbb-list-date-label{
    color:var(--muted-3-color);
    opacity:.82;
}
body.zbb-enabled.zbb-list-dates-enabled .zbb-list-date-value{
    color:var(--muted-2-color);
    font:inherit;
}
body.zbb-enabled.zbb-list-dates-enabled .zbb-list-date-separator{
    color:var(--muted-3-color);
    opacity:.55;
    margin:0 1px;
}
body.zbb-enabled.zbb-list-dates-enabled.zbb-meta .zbb-list-date{
    border-radius:999px;
    transition:color .2s ease,background .2s ease;
}
@media (hover:hover) and (pointer:fine){
    body.zbb-enabled.zbb-list-dates-enabled.zbb-meta .zbb-list-date:hover{color:var(--focus-color)}
}

/* Inline mode: author/time, explicit dates, then keep native right-side counters anchored right. */
body.zbb-enabled.zbb-list-dates-enabled .item-meta.zbb-date-meta.zbb-date-layout-inline{
    justify-content:flex-start!important;
    gap:0;
}
body.zbb-enabled.zbb-list-dates-enabled .item-meta.zbb-date-meta.zbb-date-layout-inline .zbb-date-left{
    flex:0 1 auto;
    min-width:0;
}
body.zbb-enabled.zbb-list-dates-enabled .item-meta.zbb-date-meta.zbb-date-layout-inline .zbb-list-dates{
    flex:0 1 auto;
    min-width:0;
}
body.zbb-enabled.zbb-list-dates-enabled .item-meta.zbb-date-meta.zbb-date-layout-inline .meta-right{
    flex:0 0 auto;
    margin-left:auto;
    white-space:nowrap;
}

/* Stacked mode: reserve a dedicated row for dates so card counters never collide. */
body.zbb-enabled.zbb-list-dates-enabled .posts-item.card .item-meta.zbb-date-meta.zbb-date-layout-stacked{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
        "left right"
        "dates right";
    column-gap:8px;
    row-gap:3px;
    align-items:end;
    justify-content:stretch!important;
}
body.zbb-enabled.zbb-list-dates-enabled .posts-item.card .item-meta.zbb-date-meta.zbb-date-layout-stacked .zbb-date-left{
    grid-area:left;
    min-width:0;
}
body.zbb-enabled.zbb-list-dates-enabled .posts-item.card .item-meta.zbb-date-meta.zbb-date-layout-stacked .zbb-list-dates{
    grid-area:dates;
    display:flex;
    flex-wrap:wrap;
    gap:2px 5px;
    width:100%;
    margin:0;
    min-width:0;
    white-space:normal;
    line-height:1.3;
}
body.zbb-enabled.zbb-list-dates-enabled .posts-item.card .item-meta.zbb-date-meta.zbb-date-layout-stacked .zbb-date-left.meta-author + .zbb-list-dates{
    padding-left:26px;
}
body.zbb-enabled.zbb-list-dates-enabled .posts-item.card .item-meta.zbb-date-meta.zbb-date-layout-stacked .zbb-list-date-separator{
    display:none;
}
body.zbb-enabled.zbb-list-dates-enabled .posts-item.card .item-meta.zbb-date-meta.zbb-date-layout-stacked .meta-right{
    grid-area:right;
    align-self:end;
    white-space:nowrap;
    margin-left:0;
}

/* List mode usually has enough horizontal room; explicit stacked mode still remains readable. */
body.zbb-enabled.zbb-list-dates-enabled .posts-item.list .item-meta.zbb-date-meta.zbb-date-layout-stacked{
    display:flex!important;
    flex-wrap:wrap;
    justify-content:flex-start!important;
    row-gap:3px;
}
body.zbb-enabled.zbb-list-dates-enabled .posts-item.list .item-meta.zbb-date-meta.zbb-date-layout-stacked .zbb-date-left{
    flex:0 0 auto;
}
body.zbb-enabled.zbb-list-dates-enabled .posts-item.list .item-meta.zbb-date-meta.zbb-date-layout-stacked .zbb-list-dates{
    order:3;
    flex:0 0 100%;
    width:100%;
    margin:2px 0 0;
    white-space:normal;
}
body.zbb-enabled.zbb-list-dates-enabled .posts-item.list .item-meta.zbb-date-meta.zbb-date-layout-stacked .meta-right{
    margin-left:auto;
    white-space:nowrap;
}

@media (max-width:767px){
    body.zbb-enabled.zbb-list-dates-enabled .zbb-list-dates{font-size:.9em}
}
@media (max-width:420px){
    body.zbb-enabled.zbb-list-dates-enabled .item-meta.zbb-date-meta.zbb-date-layout-inline .zbb-list-dates{
        overflow:hidden;
        text-overflow:ellipsis;
    }
}

/* ==================== 3.1.0 visual modules ==================== */

/* Zibll native widget headings: decoration only, never rewrites widget markup. */
body.zbb-enabled.zbb-widget-heads .zib-widget > h3:first-child{
    position:relative;
    display:flex;
    align-items:center;
    gap:8px;
    line-height:1.35;
}
body.zbb-enabled.zbb-widget-heads .zib-widget > h3:first-child::before{
    content:"";
    flex:0 0 4px;
    width:4px;
    height:1.05em;
    border-radius:999px;
    background:var(--focus-color,var(--theme-color));
    box-shadow:0 0 0 4px var(--focus-color-opacity05);
}
body.zbb-enabled.zbb-widget-heads .zib-widget > h3:first-child::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    min-width:12px;
    opacity:.55;
    background:linear-gradient(90deg,var(--main-border-color),transparent);
}

/* Comment decoration stays on Zibll's native comment callback/DOM. */
body.zbb-enabled.zbb-comment-decor #postcomments .commentlist > .comment > .list-inline > .comt-main{
    position:relative;
    border-radius:calc(var(--main-radius)*.85);
    background:linear-gradient(120deg,var(--focus-color-opacity05),transparent 42%);
}
body.zbb-enabled.zbb-comment-decor #postcomments .commentlist > .comment > .list-inline > .comt-main::before{
    content:"";
    position:absolute;
    left:0;
    top:12px;
    bottom:12px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,var(--focus-color),var(--focus-color-opacity3));
    opacity:.72;
}
body.zbb-enabled.zbb-comment-decor #postcomments .children > .comment > .list-inline > .comt-main{
    background:transparent;
}
body.zbb-enabled.zbb-comment-decor #postcomments .comment-content{
    position:relative;
}

/* Author/user-center hero refinement. */
body.zbb-enabled.zbb-profile-hero .author-header{
    overflow:hidden;
    border:1px solid var(--main-border-color);
    box-shadow:var(--zbb-widget-shadow,var(--main-shadow));
}
body.zbb-enabled.zbb-profile-hero .author-header .page-cover{
    overflow:hidden;
}
body.zbb-enabled.zbb-profile-hero .author-header .page-cover > img{
    transition:transform .55s var(--zbb-ease);
}
@media (hover:hover) and (pointer:fine){
    body.zbb-enabled.zbb-profile-hero .author-header:hover .page-cover > img{transform:scale(1.018)}
}
body.zbb-enabled.zbb-profile-hero .author-header .header-content{
    position:relative;
    z-index:1;
}
/* Keep the avatar wrapper visually neutral. The actual avatar image owns the
 * circular ring/shadow; otherwise the square .avatar-img box creates a visible
 * rectangular frame around an already circular image. */
body.zbb-enabled.zbb-profile-hero .author-header .header-avatar .avatar-img{
    background:transparent!important;
    box-shadow:none!important;
}
body.zbb-enabled.zbb-profile-hero .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-profile-hero .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){
    box-shadow:0 8px 24px rgba(20,28,40,.12),0 0 0 3px var(--main-bg-color);
}
body.zbb-enabled.zbb-profile-hero.dark-theme .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-profile-hero.dark-theme .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){
    box-shadow:0 8px 26px rgba(0,0,0,.28),0 0 0 3px var(--main-bg-color);
}

/* Footer wave: SVG used as a mask, fill always follows Zibll --footer-bg including dark mode. */
body.zbb-enabled.zbb-footer-wave .footer{
    position:relative;
    margin-top:46px;
    overflow:visible;
}
body.zbb-enabled.zbb-footer-wave .footer::before,
body.zbb-enabled.zbb-footer-wave .footer::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-44px;
    height:46px;
    pointer-events:none;
    background:var(--footer-bg);
    -webkit-mask-image:url('../img/footer-wave.svg');
    mask-image:url('../img/footer-wave.svg');
    -webkit-mask-repeat:repeat-x;
    mask-repeat:repeat-x;
    -webkit-mask-position:center bottom;
    mask-position:center bottom;
    -webkit-mask-size:820px 46px;
    mask-size:820px 46px;
}
body.zbb-enabled.zbb-footer-wave .footer::after{
    top:-37px;
    height:39px;
    opacity:var(--zbb-wave-second-opacity,.55);
    -webkit-mask-size:620px 39px;
    mask-size:620px 39px;
    transform:scaleX(-1);
}
body.zbb-enabled.zbb-footer-wave-motion .footer::before{animation:zbb-wave-drift-a 26s linear infinite}
body.zbb-enabled.zbb-footer-wave-motion .footer::after{animation:zbb-wave-drift-b 34s linear infinite}
@keyframes zbb-wave-drift-a{to{-webkit-mask-position:820px bottom;mask-position:820px bottom}}
@keyframes zbb-wave-drift-b{to{-webkit-mask-position:-620px bottom;mask-position:-620px bottom}}

/* Container-width driven article grids. Applied by ResizeObserver in frontend.js. */
body.zbb-enabled .posts-row.zbb-grid-control{
    margin-left:-8px;
    margin-right:-8px;
}
body.zbb-enabled .posts-row.zbb-grid-control > .posts-item.card.ajax-item:not(.product-item){
    margin-left:8px!important;
    margin-right:8px!important;
}
body.zbb-enabled .posts-row.zbb-grid-control.zbb-grid-cols-3 > .posts-item.card.ajax-item:not(.product-item){width:calc(33.333333% - 16px)!important}
body.zbb-enabled .posts-row.zbb-grid-control.zbb-grid-cols-2 > .posts-item.card.ajax-item:not(.product-item){width:calc(50% - 16px)!important}
body.zbb-enabled .posts-row.zbb-grid-control.zbb-grid-cols-1 > .posts-item.card.ajax-item:not(.product-item){width:calc(100% - 16px)!important}

@media (max-width:767px){
    body.zbb-enabled.zbb-footer-wave .footer{margin-top:36px}
    body.zbb-enabled.zbb-footer-wave .footer::before{top:-34px;height:36px;-webkit-mask-size:650px 36px;mask-size:650px 36px}
    body.zbb-enabled.zbb-footer-wave .footer::after{top:-29px;height:31px;-webkit-mask-size:500px 31px;mask-size:500px 31px}
}
@media (prefers-reduced-motion:reduce){
    body.zbb-enabled.zbb-footer-wave-motion .footer::before,
    body.zbb-enabled.zbb-footer-wave-motion .footer::after{animation:none!important}
    body.zbb-enabled.zbb-profile-hero .author-header .page-cover > img{transition:none!important}
}

/* ==================== 3.2.0 native check-in enhancement ==================== */
body.zbb-enabled.zbb-checkin-enabled .sub-user-box .initiate-checkin,
body.zbb-enabled.zbb-checkin-enabled .author-header .initiate-checkin{
    position:relative;
    overflow:hidden;
    border:1px solid var(--focus-color-opacity1);
    transition:transform .2s var(--zbb-ease),box-shadow .2s var(--zbb-ease),background .2s ease;
}
body.zbb-enabled.zbb-checkin-enabled .sub-user-box .initiate-checkin::after,
body.zbb-enabled.zbb-checkin-enabled .author-header .initiate-checkin::after{
    content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.24) 45%,transparent 72%);transform:translateX(-120%);transition:transform .55s ease;
}
@media (hover:hover) and (pointer:fine){
    body.zbb-enabled.zbb-checkin-enabled .sub-user-box .initiate-checkin:hover,
    body.zbb-enabled.zbb-checkin-enabled .author-header .initiate-checkin:hover{transform:translateY(-1px);box-shadow:0 8px 20px var(--focus-color-opacity1)}
    body.zbb-enabled.zbb-checkin-enabled .sub-user-box .initiate-checkin:hover::after,
    body.zbb-enabled.zbb-checkin-enabled .author-header .initiate-checkin:hover::after{transform:translateX(120%)}
}

body.zbb-enabled .zbb-checkin-panel{overflow:hidden;padding:0!important;border:1px solid var(--main-border-color);border-radius:var(--zbb-radius,var(--main-radius));box-shadow:var(--zbb-widget-shadow,var(--main-shadow));}
body.zbb-enabled .zbb-checkin-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;background:linear-gradient(130deg,var(--focus-color-opacity1),var(--main-bg-color) 62%,var(--focus-color-opacity05));border-bottom:1px solid var(--main-border-color)}
body.zbb-enabled .zbb-checkin-title{display:flex;align-items:center;gap:13px;min-width:0}.zbb-checkin-title h3{margin:0 0 5px;font-size:20px}.zbb-checkin-title p{margin:0;color:var(--muted-2-color);font-size:13px;line-height:1.55}.zbb-checkin-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:var(--focus-color);color:#fff;box-shadow:0 10px 24px var(--focus-color-opacity3);font-size:19px}
body.zbb-enabled .zbb-checkin-streak{display:flex;align-items:baseline;gap:3px;flex:0 0 auto;padding:8px 12px;border-radius:12px;background:var(--main-bg-color);border:1px solid var(--main-border-color);white-space:nowrap}.zbb-checkin-streak span,.zbb-checkin-streak small{color:var(--muted-2-color);font-size:12px}.zbb-checkin-streak strong{color:var(--focus-color);font-size:24px;line-height:1}
body.zbb-enabled .zbb-checkin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:18px 20px;border-bottom:1px solid var(--main-border-color)}.zbb-checkin-stats>div{position:relative;padding:4px 14px;text-align:center}.zbb-checkin-stats>div+div::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--main-border-color)}.zbb-checkin-stats span,.zbb-checkin-stats small{display:block;color:var(--muted-2-color);font-size:11px}.zbb-checkin-stats strong{display:inline-block;margin:5px 2px 0;color:var(--main-color);font-size:20px}
body.zbb-enabled .zbb-checkin-calendar-wrap{padding:20px 24px}.zbb-checkin-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.zbb-checkin-calendar-head strong{font-size:15px}.zbb-checkin-calendar-head span{color:var(--muted-3-color);font-size:11px}.zbb-checkin-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.zbb-checkin-week{padding:4px 0 7px;text-align:center;color:var(--muted-3-color);font-size:11px}.zbb-checkin-day{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid transparent;border-radius:11px;background:var(--main-bg-color);color:var(--muted-2-color);font-size:12px;transition:.18s}.zbb-checkin-day b{font-weight:600}.zbb-checkin-day i{position:absolute;right:5px;bottom:3px;color:var(--focus-color);font-size:9px;font-style:normal}.zbb-checkin-day.is-checked{background:var(--focus-color-opacity05);border-color:var(--focus-color-opacity1);color:var(--main-color)}.zbb-checkin-day.is-checked b{color:var(--focus-color)}.zbb-checkin-day.is-today{box-shadow:inset 0 0 0 1px var(--focus-color);font-weight:700}.zbb-checkin-day.is-empty{background:transparent;border-color:transparent}
body.zbb-enabled .zbb-checkin-action-row{padding:0 24px 24px;text-align:center}.zbb-checkin-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:220px;min-height:44px;padding:0 22px;border:0;border-radius:13px;background:var(--focus-color);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 24px var(--focus-color-opacity3);transition:transform .18s var(--zbb-ease),box-shadow .18s ease,opacity .18s}.zbb-checkin-btn.is-done,.zbb-checkin-btn:disabled{cursor:default;box-shadow:none;opacity:.72}.zbb-checkin-action-row p{margin:10px 0 0;color:var(--muted-3-color);font-size:11px}.zbb-checkin-btn:not(:disabled):active{transform:scale(.98)}
body.zbb-enabled.zbb-preset-glass .zbb-checkin-panel{background:color-mix(in srgb,var(--main-bg-color) 82%,transparent);backdrop-filter:blur(calc(var(--zbb-blur)*.72));-webkit-backdrop-filter:blur(calc(var(--zbb-blur)*.72))}body.zbb-enabled.zbb-preset-soft .zbb-checkin-panel{background:var(--main-bg-color)}body.zbb-enabled.zbb-preset-clean .zbb-checkin-panel{box-shadow:none}.zbb-preset-clean .zbb-checkin-icon,.zbb-preset-clean .zbb-checkin-btn{border-radius:8px;box-shadow:none}.zbb-preset-clean .zbb-checkin-day{border-radius:7px}
body.zbb-enabled.dark-theme .zbb-checkin-hero{background:linear-gradient(130deg,var(--focus-color-opacity1),var(--main-bg-color) 70%)}

.zbb-checkin-modal{text-align:center}.zbb-checkin-modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 8px;border-radius:16px;background:var(--focus-color-opacity1);color:var(--focus-color);font-size:21px}.zbb-checkin-modal h4{margin:0 0 4px;font-size:18px}.zbb-checkin-modal>p{margin:0}.zbb-checkin-modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.zbb-checkin-modal-stats span{display:block;padding:8px 4px;border-radius:10px;background:var(--muted-bg-color)}.zbb-checkin-modal-stats b,.zbb-checkin-modal-stats small{display:block}.zbb-checkin-modal-stats b{font-size:17px;color:var(--focus-color)}.zbb-checkin-modal-stats small{margin-top:3px;color:var(--muted-2-color);font-size:10px}

.zbb-checkin-toast{position:fixed;z-index:999999;left:50%;bottom:28px;max-width:min(88vw,420px);padding:11px 16px;border-radius:12px;background:rgba(25,28,34,.94);color:#fff;font-size:13px;line-height:1.45;box-shadow:0 12px 34px rgba(0,0,0,.22);opacity:0;transform:translate(-50%,10px);transition:.2s}.zbb-checkin-toast.is-show{opacity:1;transform:translate(-50%,0)}.zbb-checkin-toast.is-ok{background:rgba(25,112,73,.96)}.zbb-checkin-toast.is-error{background:rgba(170,52,52,.96)}

@media (max-width:767px){body.zbb-enabled .zbb-checkin-hero{padding:18px 16px}.zbb-checkin-title h3{font-size:18px}.zbb-checkin-title p{font-size:12px}.zbb-checkin-icon{flex-basis:40px;width:40px;height:40px;border-radius:12px}.zbb-checkin-streak{padding:7px 9px}.zbb-checkin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important}.zbb-checkin-stats>div{padding:8px}.zbb-checkin-stats>div:nth-child(3)::before{display:none}.zbb-checkin-stats>div:nth-child(n+3){border-top:1px solid var(--main-border-color)}body.zbb-enabled .zbb-checkin-calendar-wrap{padding:16px}.zbb-checkin-calendar{gap:4px}.zbb-checkin-day{min-height:36px;border-radius:9px}.zbb-checkin-calendar-head{align-items:flex-start;flex-direction:column}.zbb-checkin-action-row{padding:0 16px 18px!important}.zbb-checkin-btn{width:100%;min-width:0}.zbb-checkin-toast{bottom:72px}}
@media (prefers-reduced-motion:reduce){.zbb-checkin-btn,.zbb-checkin-day,.zbb-checkin-toast,body.zbb-enabled.zbb-checkin-enabled .initiate-checkin{transition:none!important}.zbb-checkin-enabled .initiate-checkin::after{display:none!important}}

/* ==================== 3.2.2 compact check-in modal ==================== */
.zbb-checkin-modal{
    padding:22px 24px 20px!important;
    text-align:left;
}
.zbb-checkin-modal-head{
    display:flex;
    align-items:center;
    gap:12px;
}
.zbb-checkin-modal .zbb-checkin-modal-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    margin:0;
    border-radius:14px;
    background:linear-gradient(145deg,var(--focus-color-opacity1),var(--focus-color-opacity05));
    color:var(--focus-color);
    font-size:19px;
    box-shadow:inset 0 0 0 1px var(--focus-color-opacity1);
}
.zbb-checkin-modal-copy{min-width:0;flex:1}
.zbb-checkin-modal .zbb-checkin-modal-copy h4{
    margin:0 0 3px;
    color:var(--main-color);
    font-size:19px;
    line-height:1.25;
}
.zbb-checkin-modal-copy p{
    margin:0;
    color:var(--muted-2-color);
    font-size:12px;
    line-height:1.5;
}
.zbb-checkin-modal-reward{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:48px;
    margin-top:15px;
    padding:10px 12px;
    border:1px solid var(--focus-color-opacity1);
    border-radius:13px;
    background:linear-gradient(120deg,var(--focus-color-opacity05),var(--main-bg-color));
}
.zbb-checkin-reward-label{
    flex:0 0 auto;
    color:var(--muted-2-color);
    font-size:11px;
    white-space:nowrap;
}
.zbb-checkin-reward-badges{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
}
.zbb-checkin-reward-badges b{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 9px;
    border-radius:999px;
    background:var(--main-bg-color);
    color:var(--focus-color);
    font-size:12px;
    font-weight:700;
    box-shadow:inset 0 0 0 1px var(--focus-color-opacity1);
}
.zbb-checkin-reward-preview{
    color:var(--main-color);
    font-size:12px;
    font-weight:650;
    line-height:1.45;
    text-align:right;
}
.zbb-checkin-modal-reward.is-plain{
    justify-content:center;
    border-color:var(--main-border-color);
    background:var(--muted-bg-color);
}
.zbb-checkin-reward-recorded{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--muted-2-color);
    font-size:12px;
}
.zbb-checkin-reward-recorded i{color:var(--focus-color)}
.zbb-checkin-modal .zbb-checkin-modal-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin:15px 0 0;
    overflow:hidden;
    border:1px solid var(--main-border-color);
    border-radius:13px;
    background:var(--muted-bg-color);
}
.zbb-checkin-modal .zbb-checkin-modal-stats span{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:62px;
    padding:8px 6px;
    border-radius:0;
    background:transparent;
}
.zbb-checkin-modal .zbb-checkin-modal-stats span+span::before{
    content:"";
    position:absolute;
    left:0;
    top:12px;
    bottom:12px;
    width:1px;
    background:var(--main-border-color);
}
.zbb-checkin-modal .zbb-checkin-modal-stats small{
    order:0;
    margin:0 0 3px;
    color:var(--muted-3-color);
    font-size:10px;
    line-height:1.2;
}
.zbb-checkin-modal .zbb-checkin-modal-stats b{
    order:1;
    display:flex;
    align-items:baseline;
    gap:2px;
    color:var(--main-color);
    font-size:19px;
    line-height:1.15;
}
.zbb-checkin-modal .zbb-checkin-modal-stats em{
    color:var(--muted-2-color);
    font-size:10px;
    font-style:normal;
    font-weight:400;
}
.zbb-checkin-modal-actions{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:15px;
}
.zbb-checkin-modal-primary,
.zbb-checkin-modal-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:39px;
    padding:0 15px;
    border:1px solid transparent;
    border-radius:11px;
    font:inherit;
    font-size:12px;
    font-weight:650;
    line-height:1;
    text-decoration:none!important;
    cursor:pointer;
    transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;
}
.zbb-checkin-modal-primary{
    flex:1 1 auto;
    background:var(--focus-color);
    color:#fff!important;
    box-shadow:0 7px 18px var(--focus-color-opacity2);
}
.zbb-checkin-modal-secondary{
    flex:0 0 auto;
    background:var(--main-bg-color);
    border-color:var(--main-border-color);
    color:var(--muted-2-color)!important;
}
.zbb-checkin-modal-primary:disabled{cursor:default;opacity:.68;box-shadow:none}
@media (hover:hover) and (pointer:fine){
    .zbb-checkin-modal-primary:hover{transform:translateY(-1px);box-shadow:0 9px 22px var(--focus-color-opacity3)}
    .zbb-checkin-modal-secondary:hover{color:var(--main-color)!important;border-color:var(--focus-color-opacity1)}
}
body.zbb-enabled.zbb-preset-glass .zbb-checkin-modal-reward,
body.zbb-enabled.zbb-preset-glass .zbb-checkin-modal .zbb-checkin-modal-stats{
    background:color-mix(in srgb,var(--main-bg-color) 72%,transparent);
    backdrop-filter:blur(calc(var(--zbb-blur)*.42));
    -webkit-backdrop-filter:blur(calc(var(--zbb-blur)*.42));
}
body.zbb-enabled.zbb-preset-clean .zbb-checkin-modal .zbb-checkin-modal-icon,
body.zbb-enabled.zbb-preset-clean .zbb-checkin-modal-reward,
body.zbb-enabled.zbb-preset-clean .zbb-checkin-modal .zbb-checkin-modal-stats,
body.zbb-enabled.zbb-preset-clean .zbb-checkin-modal-primary,
body.zbb-enabled.zbb-preset-clean .zbb-checkin-modal-secondary{
    border-radius:8px;
    box-shadow:none;
}
body.zbb-enabled.dark-theme .zbb-checkin-modal-reward{
    background:linear-gradient(120deg,var(--focus-color-opacity05),var(--main-bg-color));
}
@media (max-width:520px){
    .zbb-checkin-modal{padding:18px 16px 16px!important}
    .zbb-checkin-modal .zbb-checkin-modal-icon{flex-basis:40px;width:40px;height:40px;border-radius:12px;font-size:17px}
    .zbb-checkin-modal .zbb-checkin-modal-copy h4{font-size:17px}
    .zbb-checkin-modal-reward{align-items:flex-start;flex-direction:column;gap:6px;margin-top:12px;padding:9px 10px}
    .zbb-checkin-reward-badges{justify-content:flex-start}
    .zbb-checkin-reward-preview{text-align:left}
    .zbb-checkin-modal .zbb-checkin-modal-stats{margin-top:12px}
    .zbb-checkin-modal .zbb-checkin-modal-stats span{min-height:56px;padding:7px 4px}
    .zbb-checkin-modal .zbb-checkin-modal-stats b{font-size:17px}
    .zbb-checkin-modal-actions{flex-wrap:wrap;margin-top:12px}
    .zbb-checkin-modal-primary{flex:1 1 100%;width:100%}
    .zbb-checkin-modal-secondary{flex:1 1 calc(50% - 5px)}
}
@media (prefers-reduced-motion:reduce){
    .zbb-checkin-modal-primary,.zbb-checkin-modal-secondary{transition:none!important}
}

/* 3.2.6 - Configurable user-center/profile hero avatar specification.
 * The wrapper is a positioning box for badges/camera controls only and never
 * paints a square visual layer. The real image owns shape/border/shadow. */
body.zbb-enabled.zbb-user-avatar-style .author-header .header-avatar,
body.zbb-enabled.zbb-user-avatar-style .author-header .header-avatar > .hover-show,
body.zbb-enabled.zbb-user-avatar-style .author-header .header-avatar .avatar-img{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    padding:0!important;
}
body.zbb-enabled.zbb-user-avatar-style .author-header .header-avatar .avatar-img::before,
body.zbb-enabled.zbb-user-avatar-style .author-header .header-avatar .avatar-img::after{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
}
body.zbb-enabled.zbb-user-avatar-style .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-user-avatar-style .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){
    display:block;
    width:100%!important;
    height:100%!important;
    aspect-ratio:1 / 1;
    object-position:center;
    box-sizing:border-box;
    outline:0!important;
}
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-fit-cover .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-fit-cover .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){object-fit:cover!important}
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-fit-contain .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-fit-contain .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){object-fit:contain!important}

body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shape-circle .author-header .header-avatar .avatar-img{
    aspect-ratio:1 / 1;
    border-radius:50%!important;
}
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shape-circle .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shape-circle .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){
    border-radius:50%!important;
    clip-path:circle(50% at 50% 50%);
    -webkit-clip-path:circle(50% at 50% 50%);
}
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shape-rounded .author-header .header-avatar .avatar-img{
    aspect-ratio:1 / 1;
    border-radius:var(--zbb-user-avatar-corner-radius)!important;
}
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shape-rounded .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shape-rounded .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){
    border-radius:var(--zbb-user-avatar-corner-radius)!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
}
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shape-theme .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shape-theme .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){
    clip-path:none!important;
    -webkit-clip-path:none!important;
}

body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-border .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-border .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){
    border:var(--zbb-user-avatar-border-width) solid var(--zbb-user-avatar-border-color)!important;
}
body.zbb-enabled.zbb-user-avatar-style:not(.zbb-user-avatar-border) .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-user-avatar-style:not(.zbb-user-avatar-border) .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){border:0!important}

body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shadow .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shadow .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){
    box-shadow:0 8px 24px rgba(20,28,40,.14)!important;
}
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shadow.dark-theme .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-user-avatar-style.zbb-user-avatar-shadow.dark-theme .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){
    box-shadow:0 8px 26px rgba(0,0,0,.30)!important;
}
body.zbb-enabled.zbb-user-avatar-style:not(.zbb-user-avatar-shadow) .author-header .header-avatar .avatar-img .avatar,
body.zbb-enabled.zbb-user-avatar-style:not(.zbb-user-avatar-shadow) .author-header .header-avatar .avatar-img > img:not(.avatar-badge):not(.avatar-icontag){box-shadow:none!important}

/* ==================== 3.3.0 mobile visual controls ==================== */
/* Bottom tab bar glass is now independently configurable. Zibll --blur-bg already follows light/dark theme. */
@media (max-width:767px){
    body.zbb-enabled.zbb-mobile-tabbar-glass .footer-tabbar{
        background:var(--blur-bg)!important;
        -webkit-backdrop-filter:saturate(1.45) blur(20px);
        backdrop-filter:saturate(1.45) blur(20px);
        border-top:1px solid var(--main-border-color);
        box-shadow:0 -8px 28px rgba(20,25,38,.10);
    }

    /* Density only changes whitespace. It intentionally does not touch thumbnail ratio/crop, tags or meta structure. */
    body.zbb-enabled.zbb-mobile-density-compact .posts-item.card:not(.style3){padding:8px}
    body.zbb-enabled.zbb-mobile-density-compact .posts-item.card .item-body{margin-top:8px}
    body.zbb-enabled.zbb-mobile-density-compact .posts-item.card.style3 .item-body{padding:8px;margin-top:0}
    body.zbb-enabled.zbb-mobile-density-compact .posts-item.card .item-heading{margin-bottom:4px}
    body.zbb-enabled.zbb-mobile-density-compact .posts-item.card{margin-top:4px!important;margin-bottom:4px!important}

    body.zbb-enabled.zbb-mobile-title-2 .posts-item.card .item-heading{
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        max-height:2.8em;
        overflow:hidden;
    }
    body.zbb-enabled.zbb-mobile-title-3 .posts-item.card .item-heading{
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
        max-height:4.2em;
        overflow:hidden;
    }

    body.zbb-enabled.zbb-image-interaction-press .posts-item.card .item-thumbnail{
        transition:transform .16s ease,box-shadow .2s ease;
        transform-origin:center;
    }
    body.zbb-enabled.zbb-image-interaction-press .posts-item.card .item-thumbnail:active{
        transform:scale(.985);
    }

    body.zbb-enabled.dark-theme.zbb-mobile-dark-edge .posts-item.card{
        border:1px solid rgba(255,255,255,.075);
    }
    body.zbb-enabled.dark-theme.zbb-mobile-dark-shadow .posts-item.card{
        box-shadow:0 10px 30px rgba(0,0,0,.22);
    }
}

@media (hover:hover) and (pointer:fine){
    body.zbb-enabled.zbb-image-interaction-hover .posts-item.card .item-thumbnail{
        transition:transform .24s ease,box-shadow .24s ease;
    }
    body.zbb-enabled.zbb-image-interaction-hover .posts-item.card:hover .item-thumbnail{
        transform:translateY(-2px);
        box-shadow:0 8px 24px rgba(20,25,38,.12);
    }
}

@media (prefers-reduced-motion:reduce){
    body.zbb-enabled.zbb-image-interaction-press .posts-item.card .item-thumbnail,
    body.zbb-enabled.zbb-image-interaction-hover .posts-item.card .item-thumbnail{transition:none!important;transform:none!important}
}


/* ===== 3.4.1 顶部多功能组件：叠加封面卡片增强 ===== */
/*
 * Design rules:
 * 1) cover_card_scope genuinely isolates module-vs-card styling.
 * 2) style=theme is a real visual no-op for this module.
 * 3) Liquid inner highlight and user-selected outer shadow are composed, never overwritten.
 * 4) The generic .zbb-cards layer is neutralized for this Zibll component so it cannot leak borders/shadows in.
 */
body.zbb-enabled.zbb-cover-card{
  --zbb-cover-custom-bg:rgba(255,255,255,var(--zbb-cover-opacity,.78));
  --zbb-cover-custom-bg-2:var(--focus-color-opacity1);
  --zbb-cover-custom-border:rgba(255,255,255,var(--zbb-cover-border-opacity,.18));
  --zbb-cover-title-color:var(--main-color);
  --zbb-cover-desc-color:var(--muted-color);
  --zbb-cover-inner-shadow:0 0 0 rgba(0,0,0,0);
  --zbb-cover-outer-shadow:0 0 0 rgba(0,0,0,0);
  --zbb-cover-hover-shadow:0 18px 44px rgba(20,30,55,.18);
}

/* Neutralize the broad global card layer for the real Zibll header-slider component.
 * This restores Zibll's own .zib-widget base (and filter-blur variant) when the dedicated
 * enhancement is disabled or set to “跟随 Zibll”. */
body.zbb-enabled.zbb-cards .header-slider-card .zib-widget{
  background-color:var(--main-bg-color)!important;
  background-image:none!important;
  border:0!important;
  border-radius:var(--main-radius)!important;
  box-shadow:0 0 10px var(--main-shadow)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.filter-blur.zbb-enabled.zbb-cards .header-slider-card .zib-widget{
  background:var(--blur-bg)!important;
  -webkit-backdrop-filter:saturate(5) blur(20px)!important;
  backdrop-filter:saturate(5) blur(20px)!important;
}

/* Card-specific geometry only when cards are in scope; module-only must leave children untouched. */
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .gutters-5,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .gutters-5{
  margin-left:calc(var(--zbb-cover-gap,10px)/-2);
  margin-right:calc(var(--zbb-cover-gap,10px)/-2)
}
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .gutters-5>[class],
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .gutters-5>.flex1,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .gutters-5>.relative-h,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .gutters-5>[class],
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .gutters-5>.flex1,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .gutters-5>.relative-h{
  padding-left:calc(var(--zbb-cover-gap,10px)/2);
  padding-right:calc(var(--zbb-cover-gap,10px)/2)
}

body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .icon-cover-card{
  padding:var(--zbb-cover-padding,14px)!important;
  border-radius:var(--zbb-cover-radius,18px)!important;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease;
}
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-module .header-slider-card>.zib-widget,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card>.zib-widget{
  border-radius:var(--zbb-cover-radius,18px)!important;
  transition:box-shadow .24s ease,background .24s ease,border-color .24s ease;
}

/* Style backgrounds only target the selected scope. */
body.zbb-enabled.zbb-cover-card.zbb-cover-style-soft.zbb-cover-scope-cards .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-soft.zbb-cover-scope-both .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-soft.zbb-cover-scope-module .header-slider-card>.zib-widget,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-soft.zbb-cover-scope-both .header-slider-card>.zib-widget{background:var(--main-bg-color)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

body.zbb-enabled.zbb-cover-card.zbb-cover-style-glass.zbb-cover-scope-cards .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-glass.zbb-cover-scope-both .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-glass.zbb-cover-scope-module .header-slider-card>.zib-widget,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-glass.zbb-cover-scope-both .header-slider-card>.zib-widget{
  background:var(--zbb-cover-custom-bg)!important;
  -webkit-backdrop-filter:blur(var(--zbb-cover-blur,18px)) saturate(var(--zbb-cover-saturation,140%))!important;
  backdrop-filter:blur(var(--zbb-cover-blur,18px)) saturate(var(--zbb-cover-saturation,140%))!important;
}
body.zbb-enabled.zbb-cover-card.zbb-cover-style-liquid{
  --zbb-cover-inner-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(255,255,255,.08);
}
body.zbb-enabled.zbb-cover-card.zbb-cover-style-liquid.zbb-cover-scope-cards .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-liquid.zbb-cover-scope-both .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-liquid.zbb-cover-scope-module .header-slider-card>.zib-widget,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-liquid.zbb-cover-scope-both .header-slider-card>.zib-widget{
  background:linear-gradient(135deg,var(--zbb-cover-liquid-light-1),var(--zbb-cover-liquid-light-2))!important;
  -webkit-backdrop-filter:blur(var(--zbb-cover-blur,18px)) saturate(var(--zbb-cover-saturation,140%))!important;
  backdrop-filter:blur(var(--zbb-cover-blur,18px)) saturate(var(--zbb-cover-saturation,140%))!important;
}
body.zbb-enabled.zbb-cover-card.zbb-cover-style-transparent.zbb-cover-scope-cards .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-transparent.zbb-cover-scope-both .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-transparent.zbb-cover-scope-module .header-slider-card>.zib-widget,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-transparent.zbb-cover-scope-both .header-slider-card>.zib-widget{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.zbb-enabled.zbb-cover-card.zbb-cover-style-outline.zbb-cover-scope-cards .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-outline.zbb-cover-scope-both .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-outline.zbb-cover-scope-module .header-slider-card>.zib-widget,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-outline.zbb-cover-scope-both .header-slider-card>.zib-widget{background:rgba(127,127,127,.045)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.zbb-enabled.zbb-cover-card.zbb-cover-style-gradient.zbb-cover-scope-cards .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-gradient.zbb-cover-scope-both .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-gradient.zbb-cover-scope-module .header-slider-card>.zib-widget,
body.zbb-enabled.zbb-cover-card.zbb-cover-style-gradient.zbb-cover-scope-both .header-slider-card>.zib-widget{background:linear-gradient(135deg,var(--zbb-cover-custom-bg),var(--zbb-cover-custom-bg-2))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* Border is an independent, strict setting for non-theme styles. */
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme):not(.zbb-cover-card-border).zbb-cover-scope-cards .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme):not(.zbb-cover-card-border).zbb-cover-scope-both .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme):not(.zbb-cover-card-border).zbb-cover-scope-module .header-slider-card>.zib-widget,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme):not(.zbb-cover-card-border).zbb-cover-scope-both .header-slider-card>.zib-widget{border:0!important}
body.zbb-enabled.zbb-cover-card.zbb-cover-card-border:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-card-border:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card.zbb-cover-card-border:not(.zbb-cover-style-theme).zbb-cover-scope-module .header-slider-card>.zib-widget,
body.zbb-enabled.zbb-cover-card.zbb-cover-card-border:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card>.zib-widget{border:var(--zbb-cover-border-width,1px) solid var(--zbb-cover-custom-border)!important}

/* Shadow composition: selected outer shadow + optional Liquid inner highlight. */
body.zbb-enabled.zbb-cover-card.zbb-cover-shadow-none{--zbb-cover-outer-shadow:0 0 0 rgba(0,0,0,0)}
body.zbb-enabled.zbb-cover-card.zbb-cover-shadow-light{--zbb-cover-outer-shadow:0 6px 18px rgba(20,30,55,.06)}
body.zbb-enabled.zbb-cover-card.zbb-cover-shadow-soft{--zbb-cover-outer-shadow:0 12px 32px rgba(20,30,55,.09)}
body.zbb-enabled.zbb-cover-card.zbb-cover-shadow-float{--zbb-cover-outer-shadow:0 18px 46px rgba(20,30,55,.14)}
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .icon-cover-card,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-module .header-slider-card>.zib-widget,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card>.zib-widget{
  box-shadow:var(--zbb-cover-inner-shadow),var(--zbb-cover-outer-shadow)!important;
}

/* Child visuals are truly card-scope only. Module-only does not touch icon/text/card padding/interaction. */
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .icon-cover-icon,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .icon-cover-icon{--this-size:var(--zbb-cover-icon-size,45px);flex:0 0 var(--zbb-cover-icon-size,45px);transition:transform .22s ease,box-shadow .22s ease}
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards.zbb-cover-icon-circle .header-slider-card .icon-cover-icon,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both.zbb-cover-icon-circle .header-slider-card .icon-cover-icon{border-radius:999px!important}
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards.zbb-cover-icon-rounded .header-slider-card .icon-cover-icon,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both.zbb-cover-icon-rounded .header-slider-card .icon-cover-icon{border-radius:12px!important}
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards.zbb-cover-icon-square .header-slider-card .icon-cover-icon,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both.zbb-cover-icon-square .header-slider-card .icon-cover-icon{border-radius:3px!important}
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .icon-cover-desc>.font-bold,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .icon-cover-desc>.font-bold{font-size:var(--zbb-cover-title-size,16px)!important;color:var(--zbb-cover-title-color)!important;line-height:1.35}
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .icon-cover-desc>.muted-color,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .icon-cover-desc>.muted-color{font-size:var(--zbb-cover-desc-size,13px)!important;color:var(--zbb-cover-desc-color)!important;line-height:1.4}

/* Interactions are card-scope only and keep Liquid inner highlight. */
@media (hover:hover) and (pointer:fine){
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards.zbb-cover-interaction-lift .header-slider-card .icon-cover-card:hover,
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both.zbb-cover-interaction-lift .header-slider-card .icon-cover-card:hover{transform:translateY(-3px)}
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards.zbb-cover-interaction-glow .header-slider-card .icon-cover-card:hover,
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both.zbb-cover-interaction-glow .header-slider-card .icon-cover-card:hover{box-shadow:var(--zbb-cover-inner-shadow),var(--zbb-cover-hover-shadow)!important}
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards.zbb-cover-interaction-icon .header-slider-card .icon-cover-card:hover .icon-cover-icon,
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both.zbb-cover-interaction-icon .header-slider-card .icon-cover-card:hover .icon-cover-icon{transform:scale(1.08)}
}
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards.zbb-cover-interaction-press .header-slider-card .icon-cover-card:active,
body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both.zbb-cover-interaction-press .header-slider-card .icon-cover-card:active{transform:scale(.97)}

/* Dark mode composes with the same variables instead of replacing user shadow. */
body.dark-theme.zbb-enabled.zbb-cover-card.zbb-cover-card-dark-auto{
  --zbb-cover-custom-bg:rgba(50,51,53,var(--zbb-cover-opacity,.78));
  --zbb-cover-custom-border:rgba(255,255,255,var(--zbb-cover-border-opacity,.18));
  --zbb-cover-hover-shadow:0 18px 46px rgba(0,0,0,.32);
}
body.dark-theme.zbb-enabled.zbb-cover-card.zbb-cover-card-dark-auto.zbb-cover-shadow-light{--zbb-cover-outer-shadow:0 6px 18px rgba(0,0,0,.16)}
body.dark-theme.zbb-enabled.zbb-cover-card.zbb-cover-card-dark-auto.zbb-cover-shadow-soft{--zbb-cover-outer-shadow:0 12px 32px rgba(0,0,0,.24)}
body.dark-theme.zbb-enabled.zbb-cover-card.zbb-cover-card-dark-auto.zbb-cover-shadow-float{--zbb-cover-outer-shadow:0 18px 46px rgba(0,0,0,.32)}
body.dark-theme.zbb-enabled.zbb-cover-card.zbb-cover-card-dark-auto.zbb-cover-style-liquid{
  --zbb-cover-inner-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.12);
}
body.dark-theme.zbb-enabled.zbb-cover-card.zbb-cover-card-dark-auto.zbb-cover-style-liquid.zbb-cover-scope-cards .header-slider-card .icon-cover-card,
body.dark-theme.zbb-enabled.zbb-cover-card.zbb-cover-card-dark-auto.zbb-cover-style-liquid.zbb-cover-scope-both .header-slider-card .icon-cover-card,
body.dark-theme.zbb-enabled.zbb-cover-card.zbb-cover-card-dark-auto.zbb-cover-style-liquid.zbb-cover-scope-module .header-slider-card>.zib-widget,
body.dark-theme.zbb-enabled.zbb-cover-card.zbb-cover-card-dark-auto.zbb-cover-style-liquid.zbb-cover-scope-both .header-slider-card>.zib-widget{background:linear-gradient(135deg,var(--zbb-cover-liquid-dark-1),var(--zbb-cover-liquid-dark-2))!important}

@media (max-width:767px){
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .icon-cover-card,
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .icon-cover-card{min-width:0}
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .icon-cover-desc,
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .icon-cover-desc{min-width:0}
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .icon-cover-desc>.font-bold,
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-cards .header-slider-card .icon-cover-desc>.muted-color,
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .icon-cover-desc>.font-bold,
  body.zbb-enabled.zbb-cover-card:not(.zbb-cover-style-theme).zbb-cover-scope-both .header-slider-card .icon-cover-desc>.muted-color{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){body.zbb-enabled.zbb-cover-card .header-slider-card .icon-cover-card,body.zbb-enabled.zbb-cover-card .header-slider-card .icon-cover-icon{transition:none!important;transform:none!important}}


/* 3.4.3 Responsive date overflow */
body.zbb-enabled.zbb-list-dates-enabled .zbb-list-dates,
body.zbb-enabled.zbb-list-dates-enabled .zbb-list-date {
    white-space: nowrap;
}

body.zbb-enabled.zbb-list-dates-enabled .zbb-list-date {
    overflow: hidden;
    text-overflow: clip;
}

body.zbb-enabled.zbb-list-dates-enabled .zbb-date-meta[data-date-overflow="ellipsis"] .zbb-list-date {
    text-overflow: ellipsis;
}

body.zbb-enabled.zbb-list-dates-enabled .zbb-date-meta[data-date-overflow="marquee"] .zbb-list-dates {
    overflow: hidden;
}

body.zbb-enabled.zbb-list-dates-enabled .zbb-date-meta[data-date-overflow="marquee"] .zbb-list-date {
    display: inline-block;
    max-width: 100%;
}

@media (max-width: 767px) {
    body.zbb-enabled.zbb-list-dates-enabled .zbb-date-meta[data-date-overflow="marquee"] .zbb-list-date {
        animation: zbb-date-marquee 7s ease-in-out infinite;
    }
}

@keyframes zbb-date-marquee {
    0%,20% { transform: translateX(0); }
    45%,75% { transform: translateX(calc(-100% + 160px)); }
    100% { transform: translateX(0); }
}

body.zbb-enabled.zbb-list-dates-enabled .zbb-date-meta[data-date-overflow="shrink"] .zbb-list-date {
    font-size: .9em;
}


/* 3.4.3.1 date text overflow fix */
.zbb-date-scroll{
    overflow:hidden;
    white-space:nowrap;
}
.zbb-date-text{
    display:inline-block;
    white-space:nowrap;
}
@media (max-width:767px){
.zbb-date-meta[data-date-overflow="marquee"] .zbb-date-text{
    animation:zbb-date-marquee-safe 7s ease-in-out infinite;
}
}
@keyframes zbb-date-marquee-safe{
0%,20%{transform:translateX(0)}
45%,75%{transform:translateX(-35%)}
100%{transform:translateX(0)}
}


/* 3.4.4 date overflow finalization */
body.zbb-enabled.zbb-list-dates-enabled .zbb-date-layout-inline{display:flex;align-items:center;min-width:0}
body.zbb-enabled.zbb-list-dates-enabled .zbb-date-layout-inline .zbb-date-left{flex:0 0 auto}
body.zbb-enabled.zbb-list-dates-enabled .zbb-date-layout-inline .zbb-date-scroll{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;margin-left:6px}
body.zbb-enabled.zbb-list-dates-enabled .zbb-date-layout-inline .zbb-date-text{display:inline-flex;align-items:center;white-space:nowrap;width:max-content;max-width:none}
body.zbb-enabled.zbb-list-dates-enabled .zbb-date-meta[data-date-overflow="ellipsis"] .zbb-date-scroll{text-overflow:ellipsis}
body.zbb-enabled.zbb-list-dates-enabled .zbb-date-meta[data-date-overflow="ellipsis"] .zbb-date-text{max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.zbb-enabled.zbb-list-dates-enabled .zbb-date-meta[data-date-overflow="shrink"] .zbb-date-text{font-size:.88em}
@media(max-width:767px){
  body.zbb-enabled.zbb-list-dates-enabled .zbb-date-meta[data-date-overflow="marquee"] .zbb-date-scroll.is-overflowing .zbb-date-text{animation:zbb-date-marquee-final var(--zbb-date-marquee-duration,8s) ease-in-out infinite}
}
@keyframes zbb-date-marquee-final{0%,22%{transform:translateX(0)}55%,76%{transform:translateX(var(--zbb-date-marquee-x,0))}100%{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){body.zbb-enabled.zbb-list-dates-enabled .zbb-date-text{animation:none!important;transform:none!important}}

/* 3.4.4 Zibll-native article NEW/custom badge enhancement */
body.zbb-enabled.zbb-new-badges-enabled .posts-item .item-thumbnail{position:relative}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge{position:absolute!important;z-index:6!important;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 9px!important;margin:0!important;border:0;font-size:12px;font-weight:800;line-height:1;letter-spacing:.25px;white-space:nowrap;pointer-events:none;box-sizing:border-box;text-shadow:none;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-pos-top-right{top:9px!important;right:9px!important;left:auto!important;bottom:auto!important}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-pos-top-left{top:9px!important;left:9px!important;right:auto!important;bottom:auto!important}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-pos-bottom-right{bottom:9px!important;right:9px!important;top:auto!important;left:auto!important}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-pos-bottom-left{bottom:9px!important;left:9px!important;top:auto!important;right:auto!important}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-pos-top-right.zbb-new-badge-avoid-native{top:38px!important}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-classic{color:#fff;background:#f04455;border-radius:999px;box-shadow:0 5px 14px rgba(240,68,85,.30)}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-corner{color:#fff;background:linear-gradient(135deg,#ff3f62,#d8193d);border-radius:4px 0 4px 4px;clip-path:polygon(0 0,100% 0,100% 100%,12% 100%)}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-pink{color:#fff;background:linear-gradient(135deg,#ff7aa8,#ff4f88);border-radius:8px;box-shadow:0 5px 15px rgba(255,79,136,.28)}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-blue{color:#fff;background:linear-gradient(135deg,#43b9ff,#2788ff);border-radius:7px;box-shadow:0 5px 15px rgba(39,136,255,.28)}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-orange{color:#fff;background:linear-gradient(135deg,#ffaf42,#ff6b35);border-radius:999px}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-purple{color:#fff;background:linear-gradient(135deg,#bd7cff,#7a5cff);border-radius:9px;box-shadow:0 5px 15px rgba(122,92,255,.28)}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-green{color:#fff;background:linear-gradient(135deg,#48d597,#18aa70);border-radius:999px}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-blackgold{color:#f7d77a;background:linear-gradient(135deg,#2e3035,#111318);border:1px solid rgba(247,215,122,.55)!important;border-radius:6px;box-shadow:0 5px 16px rgba(0,0,0,.26)}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-outline{color:var(--theme-color);background:rgba(255,255,255,.88);border:1px solid currentColor!important;border-radius:999px;box-shadow:none!important}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-sticker{color:#fff;background:#ff566f;border:2px solid #fff!important;border-radius:8px;transform:rotate(4deg);box-shadow:0 4px 10px rgba(0,0,0,.18)}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-tech{color:#fff;background:linear-gradient(110deg,#02c6ff,#4667ff 55%,#aa55ff);border-radius:5px;box-shadow:0 0 0 1px rgba(255,255,255,.32) inset,0 5px 16px rgba(73,96,255,.32)}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-glass{color:var(--main-color);background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.72)!important;border-radius:999px;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 5px 16px rgba(20,30,55,.12)}
body.dark-theme.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-outline{background:rgba(30,31,33,.86)}
body.dark-theme.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-style-glass{color:#fff;background:rgba(35,36,39,.60);border-color:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 5px 16px rgba(0,0,0,.25)}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-anim-pulse{animation:zbb-new-badge-pulse 2.4s ease-in-out infinite}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-anim-float{animation:zbb-new-badge-float 3s ease-in-out infinite}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-anim-shine{overflow:hidden}
body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge-anim-shine:after{content:"";position:absolute;inset:-50% auto -50% -60%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:zbb-new-badge-shine 3.6s ease-in-out infinite}
@keyframes zbb-new-badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes zbb-new-badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes zbb-new-badge-shine{0%,55%{left:-60%}78%,100%{left:130%}}
@media(max-width:767px){body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge{min-height:21px;padding:3px 7px!important;font-size:10.5px}.zbb-new-badge-pos-top-right.zbb-new-badge-avoid-native{top:33px!important}}
@media(max-width:767px){body.zbb-enabled.zbb-new-badges-enabled:not(.zbb-new-badge-mobile) .zbb-new-badge{display:none!important}}
@media(min-width:768px){body.zbb-enabled.zbb-new-badges-enabled:not(.zbb-new-badge-desktop) .zbb-new-badge{display:none!important}}
@media(prefers-reduced-motion:reduce){body.zbb-enabled.zbb-new-badges-enabled .zbb-new-badge{animation:none!important}}


/* 3.4.5 Zibll native article orderby / sort bar enhancement */
body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar{
    position:relative;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    max-width:100%;
    min-width:0;
    gap:var(--zbb-sort-gap,5px);
    font-size:var(--zbb-sort-font-size,14px);
    border-radius:var(--zbb-sort-radius,14px);
}
body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .splitters-this-r:before{display:none!important}
body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-dropdown{
    flex:0 0 auto;
    margin:0;
    padding:7px 10px;
    color:var(--muted-color);
    line-height:1.2;
    border-radius:calc(var(--zbb-sort-radius,14px) - 4px);
}
body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-dropdown>a{
    color:inherit;
    white-space:nowrap;
}
body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    min-width:0;
    margin:0;
    padding:0;
    gap:var(--zbb-sort-gap,5px);
}
body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items>a{
    position:relative;
    flex:0 0 auto;
    white-space:nowrap;
    margin:0!important;
    padding:7px 10px;
    line-height:1.2;
    border-radius:calc(var(--zbb-sort-radius,14px) - 4px);
    color:var(--muted-color);
    transition:color .2s,background .2s,box-shadow .2s,transform .2s;
}
body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items>a:hover{
    color:var(--focus-color);
}

body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-theme .zbb-sort-bar{
    gap:0;
    font-size:inherit;
    border-radius:0;
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-theme .zbb-sort-bar .splitters-this-r:before{
    display:inline-block!important;
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-theme .zbb-sort-bar .option-dropdown{
    padding:5px 10px;
    border-radius:0;
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-theme .zbb-sort-bar .option-items{
    display:block;
    margin-left:10px;
    gap:0;
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-theme .zbb-sort-bar .option-items>a{
    padding:0;
    border-radius:0;
}

body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-glass .zbb-sort-bar{
    padding:5px;
    background:color-mix(in srgb,var(--main-bg-color) var(--zbb-sort-opacity,62%),transparent);
    -webkit-backdrop-filter:saturate(1.35) blur(var(--zbb-sort-blur,16px));
    backdrop-filter:saturate(1.35) blur(var(--zbb-sort-blur,16px));
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-glass.zbb-sort-bar-border .zbb-sort-bar,
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-card.zbb-sort-bar-border .zbb-sort-bar{
    border:1px solid color-mix(in srgb,var(--main-color) 10%,transparent);
}

body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills .zbb-sort-bar .option-dropdown,
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills .zbb-sort-bar .option-items>a{
    background:color-mix(in srgb,var(--main-bg-color) 76%,transparent);
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills.zbb-sort-bar-border .zbb-sort-bar .option-dropdown,
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills.zbb-sort-bar-border .zbb-sort-bar .option-items>a{
    border:1px solid color-mix(in srgb,var(--main-color) 8%,transparent);
}

body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-underline .zbb-sort-bar{
    border-radius:0;
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-underline .zbb-sort-bar .option-dropdown,
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-underline .zbb-sort-bar .option-items>a{
    padding:7px 6px 9px;
    border-radius:0;
    background:transparent!important;
}

body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-card .zbb-sort-bar{
    padding:6px 8px;
    background:color-mix(in srgb,var(--main-bg-color) var(--zbb-sort-opacity,62%),var(--body-bg-color));
}

body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-shadow-none .zbb-sort-bar{box-shadow:none}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-glass.zbb-sort-shadow-light .zbb-sort-bar,
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-card.zbb-sort-shadow-light .zbb-sort-bar{box-shadow:0 5px 16px rgba(0,0,0,.055)}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-glass.zbb-sort-shadow-soft .zbb-sort-bar,
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-card.zbb-sort-shadow-soft .zbb-sort-bar{box-shadow:0 9px 28px rgba(0,0,0,.09)}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills.zbb-sort-shadow-light .zbb-sort-bar .option-dropdown,
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills.zbb-sort-shadow-light .zbb-sort-bar .option-items>a{box-shadow:0 3px 10px rgba(0,0,0,.045)}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills.zbb-sort-shadow-soft .zbb-sort-bar .option-dropdown,
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills.zbb-sort-shadow-soft .zbb-sort-bar .option-items>a{box-shadow:0 5px 16px rgba(0,0,0,.07)}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-theme .zbb-sort-bar,
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-underline .zbb-sort-bar,
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills .zbb-sort-bar{box-shadow:none}

body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items>a.focus-color{color:var(--focus-color)!important}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-active-soft .zbb-sort-bar .option-items>a.focus-color{
    background:color-mix(in srgb,var(--focus-color) 14%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--focus-color) 20%,transparent);
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-active-solid .zbb-sort-bar .option-items>a.focus-color{
    color:#fff!important;
    background:var(--focus-color);
    box-shadow:0 4px 12px color-mix(in srgb,var(--focus-color) 24%,transparent);
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-active-underline .zbb-sort-bar .option-items>a.focus-color:after,
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-underline .zbb-sort-bar .option-items>a.focus-color:after{
    content:"";
    position:absolute;
    left:18%;
    right:18%;
    bottom:2px;
    height:2px;
    border-radius:3px;
    background:var(--focus-color);
}

body.dark-theme.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-glass .zbb-sort-bar{
    background:color-mix(in srgb,var(--main-bg-color) calc(var(--zbb-sort-opacity,62%) + 8%),transparent);
}
body.dark-theme.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills .zbb-sort-bar .option-dropdown,
body.dark-theme.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills .zbb-sort-bar .option-items>a{
    background:color-mix(in srgb,var(--muted-bg-2-color) 78%,transparent);
}

@media(max-width:767px){
    body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-bar-mobile-scroll .zbb-sort-bar{
        width:100%;
        overflow:hidden;
    }
    body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-bar-mobile-scroll .zbb-sort-bar .option-items{
        display:flex;
        flex:1 1 auto;
        overflow-x:auto!important;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        overscroll-behavior-x:contain;
        -webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 14px),transparent 100%);
        mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 14px),transparent 100%);
    }
    body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-bar-mobile-scroll .zbb-sort-bar .option-items::-webkit-scrollbar{display:none}
    body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-dropdown{padding-left:8px;padding-right:8px}
    body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items>a{padding-left:9px;padding-right:9px}
}
@media(prefers-reduced-motion:reduce){
    body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items>a{transition:none!important}
}

body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-bar-hide-title .zbb-sort-bar .option-dropdown{
    display:none!important;
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-bar-hide-title .zbb-sort-bar .option-items{
    margin-left:0!important;
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-bar-mobile-scroll .zbb-sort-bar{
    overflow-x:auto;
    scrollbar-width:none;
}
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-bar-mobile-scroll .zbb-sort-bar::-webkit-scrollbar{
    display:none;
}


/* 3.4.10 sort navigation refinement
 * Keep active item highlighted, remove visual noise from inactive items.
 */
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills .zbb-sort-bar .option-items>a:not(.active),
body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills .zbb-sort-bar .option-dropdown{
    background:transparent;
    border-color:transparent;
}

body.zbb-enabled.zbb-sort-bar-enabled.zbb-sort-style-pills .zbb-sort-bar .option-items>a:not(.active){
    color:var(--muted-color);
}

body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items>a:before{
    content:none!important;
}

body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items>a.active{
    background:color-mix(in srgb,var(--main-color) 14%,transparent);
    color:var(--main-color);
    box-shadow:none;
}

@media(max-width:767px){
    body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar{
        overflow-x:auto;
        scrollbar-width:none;
    }
    body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar::-webkit-scrollbar{
        display:none;
    }
}


/* 3.4.11 sort bar active item boundary fix */
body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar,
body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items{
    overflow: visible;
}

body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar{
    padding-left: 8px;
    padding-right: 8px;
}

body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items>a.active{
    margin-left: 2px;
    margin-right: 2px;
}


/* 3.4.12 sort bar portrait first item boundary fix */
body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items{
    box-sizing:border-box;
    padding-left:12px;
    padding-right:12px;
    overflow:visible;
}

body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items>a{
    box-sizing:border-box;
}

body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items>a:first-child{
    margin-left:4px;
}

@media(max-width:767px){
    body.zbb-enabled.zbb-sort-bar-enabled .zbb-sort-bar .option-items{
        padding-left:14px;
        padding-right:14px;
    }
}

/* ===== 3.4.13 文章列表入场动画 ===== */
body.zbb-enabled.zbb-list-animation .posts-row .posts-item,
body.zbb-enabled.zbb-list-animation .posts-row .ajax-item {
    opacity: 0;
    transition: opacity .6s ease, transform .6s ease;
}
body.zbb-enabled.zbb-list-animation .posts-row .posts-item.in-view,
body.zbb-enabled.zbb-list-animation .posts-row .ajax-item.in-view {
    opacity: 1 !important;
    transform: none !important;
}

/* 主题已有动画复用 */
body.zbb-enabled.zbb-anim-type-slideup .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-slideup .posts-row .ajax-item { transform: translateY(56px); }
body.zbb-enabled.zbb-anim-type-slidedown .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-slidedown .posts-row .ajax-item { transform: translateY(-56px); }
body.zbb-enabled.zbb-anim-type-slideright .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-slideright .posts-row .ajax-item { transform: translateX(-96px); }
body.zbb-enabled.zbb-anim-type-slideleft .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-slideleft .posts-row .ajax-item { transform: translateX(96px); }
body.zbb-enabled.zbb-anim-type-zoomin .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-zoomin .posts-row .ajax-item { transform: scale(.8); }
body.zbb-enabled.zbb-anim-type-zoomout .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-zoomout .posts-row .ajax-item { transform: scale(1.5); }

/* 插件扩展动画 */
body.zbb-enabled.zbb-anim-type-fadeUp .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-fadeUp .posts-row .ajax-item {
    transform: translateY(24px);
    transition: opacity .5s ease, transform .5s ease;
}
body.zbb-enabled.zbb-anim-type-fadeIn .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-fadeIn .posts-row .ajax-item {
    transform: none;
}
body.zbb-enabled.zbb-anim-type-scaleUp .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-scaleUp .posts-row .ajax-item {
    transform: scale(.95);
    transition: opacity .5s ease, transform .5s ease;
}
body.zbb-enabled.zbb-anim-type-rotateIn .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-rotateIn .posts-row .ajax-item {
    transform: rotate(-2deg) translateY(20px);
    transition: opacity .5s ease, transform .5s cubic-bezier(.25,.46,.45,.94);
}
body.zbb-enabled.zbb-anim-type-blurIn .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-blurIn .posts-row .ajax-item {
    transform: translateY(16px);
    filter: blur(8px);
    transition: opacity .5s ease, transform .5s ease, filter .5s ease;
}
body.zbb-enabled.zbb-anim-type-blurIn .posts-row .posts-item.in-view,
body.zbb-enabled.zbb-anim-type-blurIn .posts-row .ajax-item.in-view {
    filter: blur(0) !important;
}
body.zbb-enabled.zbb-anim-type-slideScale .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-slideScale .posts-row .ajax-item {
    transform: translateX(-30px) scale(.96);
}
body.zbb-enabled.zbb-anim-type-slideBlur .posts-row .posts-item,
body.zbb-enabled.zbb-anim-type-slideBlur .posts-row .ajax-item {
    transform: translateY(30px);
    filter: blur(4px);
    transition: opacity .5s ease, transform .5s ease, filter .5s ease;
}
body.zbb-enabled.zbb-anim-type-slideBlur .posts-row .posts-item.in-view,
body.zbb-enabled.zbb-anim-type-slideBlur .posts-row .ajax-item.in-view {
    filter: blur(0) !important;
}

/* 交错延迟：每张卡片递增 --delay，由 JS 写入 style */
body.zbb-enabled.zbb-list-animation .posts-row .posts-item,
body.zbb-enabled.zbb-list-animation .posts-row .ajax-item {
    transition-delay: var(--zbb-anim-delay, 0s);
}
body.zbb-enabled.zbb-list-animation .posts-row .posts-item.in-view,
body.zbb-enabled.zbb-list-animation .posts-row .ajax-item.in-view {
    transition-delay: var(--zbb-anim-delay, 0s);
}

/* 移动端缩短间隔 */
@media(max-width:767px){
    body.zbb-enabled.zbb-list-animation .posts-row .posts-item,
    body.zbb-enabled.zbb-list-animation .posts-row .ajax-item {
        transition-duration: .45s;
    }
}

/* 尊重用户减弱动效偏好 */
@media(prefers-reduced-motion:reduce){
    body.zbb-enabled.zbb-list-animation .posts-row .posts-item,
    body.zbb-enabled.zbb-list-animation .posts-row .ajax-item {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }
}