/* Zack custom visual polish for Zibll - low-invasive overrides
 * v2: softer light/dark, glass navigation, refined tag cloud and VIP UI cleanup.
 * This file only overrides presentation and does not change theme authorization logic.
 */

/* -----------------------------------------------------------
 * Zack UI v2: softer light/dark, glass navigation, refined widgets
 * ----------------------------------------------------------- */
body{
    --zack-soft-shadow:0 12px 34px rgba(36,45,66,.075);
    --zack-hover-shadow:0 18px 48px rgba(36,45,66,.13);
    --zack-soft-border:1px solid rgba(98,113,142,.12);
    --zack-nav-bg:rgba(255,252,248,.82);
    --zack-nav-border:rgba(90,110,140,.13);
    --zack-card-bg:rgba(255,255,255,.88);
    --zack-page-wash:radial-gradient(circle at top left,rgba(255,192,130,.13),transparent 30%),radial-gradient(circle at top right,rgba(118,148,255,.12),transparent 32%),#f3f1ed;

    --body-bg-color:#f3f1ed;
    --main-bg-color:#fffdfa;
    --muted-bg-color:#f1eee8;
    --main-border-color:rgba(78,90,115,.095);
    --muted-border-color:rgba(78,90,115,.06);
    --main-shadow:rgba(46,54,72,.08);
    --key-color:#252b33;
    --main-color:#4d5662;
    --muted-color:#747b86;
    --muted-2-color:#8c929c;
    --blur-bg:rgba(255,252,248,.84);
    --header-bg:var(--zack-nav-bg);
}
body.dark-theme{
    --zack-soft-shadow:0 12px 34px rgba(0,0,0,.18);
    --zack-hover-shadow:0 18px 48px rgba(0,0,0,.26);
    --zack-soft-border:1px solid rgba(210,224,255,.095);
    --zack-nav-bg:rgba(42,47,57,.84);
    --zack-nav-border:rgba(210,224,255,.10);
    --zack-card-bg:rgba(45,51,62,.92);
    --zack-page-wash:radial-gradient(circle at top left,rgba(245,151,88,.14),transparent 30%),radial-gradient(circle at top right,rgba(110,145,255,.14),transparent 32%),#242832;

    --body-bg-color:#242832;
    --main-bg-color:#2d333e;
    --muted-bg-color:#353b47;
    --main-border-color:rgba(210,224,255,.10);
    --muted-border-color:rgba(210,224,255,.055);
    --main-shadow:rgba(0,0,0,.18);
    --key-color:#f2f5fa;
    --main-color:#d8dee8;
    --muted-color:#b3bbc8;
    --muted-2-color:#929ba9;
    --muted-3-color:#747e8d;
    --blur-bg:rgba(42,47,57,.86);
    --header-bg:var(--zack-nav-bg);
}
body{
    background:var(--zack-page-wash)!important;
}
body.fps-accelerat,
body.fps-accelerat.dark-theme{
    --blur-bg:var(--zack-nav-bg);
}

/* 主体卡片：白天不刺眼，夜间不死黑 */
.theme-box,
.zib-widget,
.posts-item,
.posts-mini,
.article,
.modal-content,
.dropdown-menu,
.pay-box,
.author-minicard,
.user-panel{
    background:var(--zack-card-bg);
    border:var(--zack-soft-border);
    box-shadow:var(--zack-soft-shadow);
}
.dark-theme .modal-content,
.dark-theme .dropdown-menu{
    background:#303744;
}

/* 顶部菜单：轻玻璃导航，保留原结构 */
.header{
    border:1px solid var(--zack-nav-border);
    border-left:0;
    border-right:0;
    box-shadow:0 10px 28px rgba(35,45,70,.075);
    -webkit-backdrop-filter:saturate(1.25) blur(16px);
    backdrop-filter:saturate(1.25) blur(16px);
}
body.nav-fixed.body-scroll .header{
    box-shadow:0 12px 32px rgba(35,45,70,.13);
}
.navbar-nav>li>a,
.mobile-menus li a{
    border-radius:999px;
    transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.navbar-nav>li>a{
    margin:0 2px;
    padding-left:13px!important;
    padding-right:13px!important;
    font-weight:600;
}
.navbar-nav>li>a:hover,
.navbar-nav>li.current-menu-item>a,
.navbar-nav>li.current-menu-parent>a,
.mobile-menus li a:hover{
    color:var(--focus-color)!important;
    background:linear-gradient(135deg,rgba(240,68,148,.12),rgba(80,130,255,.10));
    box-shadow:inset 0 0 0 1px rgba(240,68,148,.12);
}
.header .sub-menu,
.header .dropdown-menu{
    border-radius:16px;
    padding:8px;
    border:var(--zack-soft-border);
    box-shadow:0 18px 48px rgba(31,45,61,.16);
    overflow:hidden;
}
.header .sub-menu a,
.header .dropdown-menu a{
    border-radius:12px;
    margin:2px 0;
}
.header .sub-menu a:hover,
.header .dropdown-menu a:hover{
    background:linear-gradient(135deg,rgba(240,68,148,.12),rgba(80,130,255,.10));
    color:var(--focus-color)!important;
}
.navbar-logo img{
    transition:transform .2s ease,filter .2s ease;
}
.navbar-logo:hover img{
    transform:translateY(-1px);
    filter:saturate(1.06);
}
.navbar-toggle,
.toggle-radius{
    border:var(--zack-soft-border);
    box-shadow:0 8px 20px rgba(36,45,66,.08);
}
.mobile-menus.theme-box{
    border-radius:20px;
    padding:10px;
}
.mobile-menus>li>a{
    font-weight:600;
    padding:9px 14px;
}
.mobile-menus .sub-menu li>a{
    border-radius:12px;
    padding:7px 8px;
}

/* 内容细节：卡片 hover 更轻、更自然 */
.posts-item.card,
.posts-mini,
.zib-widget,
.theme-box{
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.posts-item.card:hover,
.posts-mini:hover,
.zib-widget:hover{
    transform:translateY(-2px);
    box-shadow:var(--zack-hover-shadow);
    border-color:rgba(240,68,148,.18);
}
.posts-item img,
.posts-mini img,
.thumbnail img,
.item-thumbnail img{
    transition:transform .28s ease,filter .28s ease;
}
.posts-item:hover img,
.posts-mini:hover img{
    filter:saturate(1.07) contrast(1.035);
}

/* 标签云 v2：更大、更清楚，但不花 */
.widget-tag-cloud,
.widget_tag_cloud .tagcloud,
.tagcloud{
    line-height:2.05;
}
.widget-tag-cloud .but,
.widget_tag_cloud .tagcloud a,
.tagcloud a{
    display:inline-flex;
    align-items:center;
    max-width:100%;
    padding:8px 13px!important;
    margin:5px 7px 5px 0!important;
    font-size:15.5px!important;
    line-height:1.35!important;
    font-weight:700;
    border-radius:999px!important;
    text-decoration:none!important;
    color:var(--main-color)!important;
    border:1px solid rgba(98,113,142,.14);
    background:linear-gradient(135deg,rgba(240,68,148,.10),rgba(80,130,255,.09));
    box-shadow:0 7px 18px rgba(31,45,61,.065);
    white-space:normal;
}
.dark-theme .widget-tag-cloud .but,
.dark-theme .widget_tag_cloud .tagcloud a,
.dark-theme .tagcloud a{
    border-color:rgba(210,224,255,.11);
    color:#dfe6f2!important;
    background:linear-gradient(135deg,rgba(240,68,148,.16),rgba(80,130,255,.14));
}
.widget-tag-cloud .but:hover,
.widget_tag_cloud .tagcloud a:hover,
.tagcloud a:hover{
    transform:translateY(-1px);
    color:var(--focus-color)!important;
    box-shadow:0 11px 26px rgba(31,45,61,.13);
    border-color:rgba(240,68,148,.26);
}
.widget-tag-cloud .but:nth-child(3n+1),
.widget_tag_cloud .tagcloud a:nth-child(3n+1),
.tagcloud a:nth-child(3n+1){
    background:linear-gradient(135deg,rgba(255,151,89,.13),rgba(255,205,91,.10));
}
.widget-tag-cloud .but:nth-child(3n+2),
.widget_tag_cloud .tagcloud a:nth-child(3n+2),
.tagcloud a:nth-child(3n+2){
    background:linear-gradient(135deg,rgba(70,201,170,.13),rgba(80,160,255,.09));
}

/* 会员弹窗：隐藏一级会员购买卡片，保留至尊会员入口；不改变老文章权限判断 */
.payvip-modal a[href="#tab-payvip-1"],
.payvip-modal #tab-payvip-1{
    display:none!important;
}

@media (max-width:767px){
    .header{
        padding-left:10px;
        padding-right:10px;
    }
    .theme-box,
    .zib-widget,
    .posts-item,
    .posts-mini,
    .article{
        box-shadow:0 8px 22px rgba(31,45,61,.075);
    }
    .posts-item.card:hover,
    .posts-mini:hover,
    .zib-widget:hover{
        transform:none;
    }
    .widget-tag-cloud .but,
    .widget_tag_cloud .tagcloud a,
    .tagcloud a{
        font-size:14.5px!important;
        padding:7px 11px!important;
        margin:4px 5px 4px 0!important;
    }
}

/* -----------------------------------------------------------
 * Zack UI v3: 夜间标签云增强 + 旧黄金会员入口兜底隐藏
 * ----------------------------------------------------------- */
body.dark-theme .widget-tag-cloud .but,
body.dark-theme .widget_tag_cloud .tagcloud a,
body.dark-theme .tagcloud a{
    color:#f3f7ff!important;
    border-color:rgba(140,175,255,.28)!important;
    background:linear-gradient(135deg,rgba(255,116,164,.26),rgba(105,148,255,.24))!important;
    box-shadow:0 8px 22px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.045);
    text-shadow:0 1px 1px rgba(0,0,0,.25);
}
body.dark-theme .widget-tag-cloud .but:nth-child(4n+1),
body.dark-theme .widget_tag_cloud .tagcloud a:nth-child(4n+1),
body.dark-theme .tagcloud a:nth-child(4n+1){
    background:linear-gradient(135deg,rgba(255,139,87,.31),rgba(255,204,92,.20))!important;
    border-color:rgba(255,191,118,.32)!important;
}
body.dark-theme .widget-tag-cloud .but:nth-child(4n+2),
body.dark-theme .widget_tag_cloud .tagcloud a:nth-child(4n+2),
body.dark-theme .tagcloud a:nth-child(4n+2){
    background:linear-gradient(135deg,rgba(50,214,183,.27),rgba(78,158,255,.22))!important;
    border-color:rgba(94,218,205,.32)!important;
}
body.dark-theme .widget-tag-cloud .but:nth-child(4n+3),
body.dark-theme .widget_tag_cloud .tagcloud a:nth-child(4n+3),
body.dark-theme .tagcloud a:nth-child(4n+3){
    background:linear-gradient(135deg,rgba(177,125,255,.30),rgba(255,101,179,.20))!important;
    border-color:rgba(198,154,255,.32)!important;
}
body.dark-theme .widget-tag-cloud .but:hover,
body.dark-theme .widget_tag_cloud .tagcloud a:hover,
body.dark-theme .tagcloud a:hover{
    color:#ffffff!important;
    transform:translateY(-1px);
    border-color:rgba(255,255,255,.36)!important;
    box-shadow:0 13px 30px rgba(0,0,0,.34),0 0 0 3px rgba(120,165,255,.10);
}
.payvip-modal a[href="#tab-payvip-1"],
.payvip-modal [data-target="#tab-payvip-1"],
.payvip-modal #tab-payvip-1,
.payvip-modal .vip-level-1,
.payvip-modal .vip-card-1,
.payvip-modal [vip-level="1"]{
    display:none!important;
}


/* -----------------------------------------------------------
 * Zack UI v4: 修复手机端标签云色彩/折叠；恢复右下角悬浮按钮尺寸
 * ----------------------------------------------------------- */
.dark-theme .mobile-navbar .widget-tag-cloud .but,
.dark-theme .mobile-navbar .widget_tag_cloud .tagcloud a,
.dark-theme .mobile-navbar .tagcloud a,
.dark-theme .sidebar .widget-tag-cloud .but,
.dark-theme .sidebar .widget_tag_cloud .tagcloud a,
.dark-theme .sidebar .tagcloud a,
.dark-theme .widget-tag-cloud .but,
.dark-theme .widget_tag_cloud .tagcloud a,
.dark-theme .tagcloud a,
body.dark-theme .mobile-navbar .widget-tag-cloud .but,
body.dark-theme .mobile-navbar .widget_tag_cloud .tagcloud a,
body.dark-theme .mobile-navbar .tagcloud a,
body.dark-theme .widget-tag-cloud .but,
body.dark-theme .widget_tag_cloud .tagcloud a,
body.dark-theme .tagcloud a{
    color:#f8fbff!important;
    border-color:rgba(165,190,255,.34)!important;
    background:linear-gradient(135deg,rgba(255,103,169,.34),rgba(97,145,255,.30))!important;
    box-shadow:0 8px 22px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.06)!important;
    text-shadow:0 1px 1px rgba(0,0,0,.28)!important;
}
.dark-theme .widget-tag-cloud .but:nth-of-type(4n+1),
.dark-theme .widget_tag_cloud .tagcloud a:nth-of-type(4n+1),
.dark-theme .tagcloud a:nth-of-type(4n+1),
body.dark-theme .widget-tag-cloud .but:nth-of-type(4n+1),
body.dark-theme .widget_tag_cloud .tagcloud a:nth-of-type(4n+1),
body.dark-theme .tagcloud a:nth-of-type(4n+1){
    background:linear-gradient(135deg,rgba(255,136,92,.38),rgba(255,207,92,.26))!important;
    border-color:rgba(255,198,125,.42)!important;
}
.dark-theme .widget-tag-cloud .but:nth-of-type(4n+2),
.dark-theme .widget_tag_cloud .tagcloud a:nth-of-type(4n+2),
.dark-theme .tagcloud a:nth-of-type(4n+2),
body.dark-theme .widget-tag-cloud .but:nth-of-type(4n+2),
body.dark-theme .widget_tag_cloud .tagcloud a:nth-of-type(4n+2),
body.dark-theme .tagcloud a:nth-of-type(4n+2){
    background:linear-gradient(135deg,rgba(42,218,186,.35),rgba(72,160,255,.28))!important;
    border-color:rgba(100,225,210,.42)!important;
}
.dark-theme .widget-tag-cloud .but:nth-of-type(4n+3),
.dark-theme .widget_tag_cloud .tagcloud a:nth-of-type(4n+3),
.dark-theme .tagcloud a:nth-of-type(4n+3),
body.dark-theme .widget-tag-cloud .but:nth-of-type(4n+3),
body.dark-theme .widget_tag_cloud .tagcloud a:nth-of-type(4n+3),
body.dark-theme .tagcloud a:nth-of-type(4n+3){
    background:linear-gradient(135deg,rgba(183,125,255,.38),rgba(255,101,185,.27))!important;
    border-color:rgba(203,162,255,.42)!important;
}
.dark-theme .widget-tag-cloud .but:hover,
.dark-theme .widget_tag_cloud .tagcloud a:hover,
.dark-theme .tagcloud a:hover,
body.dark-theme .widget-tag-cloud .but:hover,
body.dark-theme .widget_tag_cloud .tagcloud a:hover,
body.dark-theme .tagcloud a:hover{
    color:#fff!important;
    filter:saturate(1.12) brightness(1.05);
}

.float-right .float-btn{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    line-height:44px!important;
    font-size:1.45em!important;
}
.float-right.round .float-btn,
.float-right .float-btn + .float-btn{
    margin-top:9px!important;
}
.float-right.square .float-btn + .float-btn{
    border-top:none!important;
    margin-top:8px!important;
}

.zack-tagcloud-toggle{
    display:none;
    margin:8px 0 2px!important;
    padding:8px 14px!important;
    border:1px solid rgba(98,113,142,.16)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,rgba(240,68,148,.13),rgba(80,130,255,.11))!important;
    color:var(--main-color)!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    box-shadow:0 8px 18px rgba(31,45,61,.08)!important;
}
body.dark-theme .zack-tagcloud-toggle,
.dark-theme .zack-tagcloud-toggle{
    color:#f8fbff!important;
    border-color:rgba(165,190,255,.32)!important;
    background:linear-gradient(135deg,rgba(255,103,169,.28),rgba(97,145,255,.25))!important;
    box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
}

@media (max-width:767px){
    .zack-tagcloud-toggle{
        display:inline-flex!important;
        align-items:center;
        justify-content:center;
    }
    .zack-mobile-tagcloud.zack-mobile-collapsed:not(.zack-expanded) > .zack-tagcloud-extra{
        display:none!important;
    }
    .widget-tag-cloud .but,
    .widget_tag_cloud .tagcloud a,
    .tagcloud a{
        font-size:14.8px!important;
        padding:7px 11px!important;
    }
    .float-right{
        right:12px!important;
        bottom:72px!important;
    }
    .float-right .float-btn{
        width:42px!important;
        min-width:42px!important;
        height:42px!important;
        line-height:42px!important;
        font-size:1.38em!important;
    }
    .float-right.round .float-btn,
    .float-right .float-btn + .float-btn{
        margin-top:9px!important;
    }
}

/* -----------------------------------------------------------
 * Zack UI v5: 标签云展开数量改为后台可配置
 * 后台路径：子比主题设置 -> 扩展&增强 -> Zack增强设置
 * ----------------------------------------------------------- */

/* -----------------------------------------------------------
 * Zack UI v6: 全新体验模式 - 更像独立定制站点的导航、卡片和排版
 * 可在后台：子比主题设置 -> 扩展&增强 -> Zack增强设置 -> 全新体验模式 关闭
 * ----------------------------------------------------------- */
body.zack-new-experience{
    --zack-radius-xl:26px;
    --zack-radius-lg:22px;
    --zack-glass-light:rgba(255,255,255,.72);
    --zack-glass-dark:rgba(38,44,56,.76);
    --zack-line-light:rgba(90,105,130,.13);
    --zack-line-dark:rgba(210,225,255,.12);
    --zack-accent-a:#ff6f9f;
    --zack-accent-b:#6f8dff;
    --zack-accent-c:#35d2bd;
    --zack-page-wash:radial-gradient(circle at 8% 0%,rgba(255,111,159,.18),transparent 30%),radial-gradient(circle at 92% 8%,rgba(111,141,255,.16),transparent 32%),linear-gradient(180deg,#f5f1ea 0%,#eef2f8 100%);
}
body.dark-theme.zack-new-experience{
    --zack-glass-light:rgba(47,54,68,.78);
    --zack-glass-dark:rgba(36,42,54,.82);
    --zack-page-wash:radial-gradient(circle at 10% 0%,rgba(255,111,159,.19),transparent 30%),radial-gradient(circle at 92% 10%,rgba(111,141,255,.21),transparent 32%),linear-gradient(180deg,#242935 0%,#1f2430 100%);
}
body.zack-new-experience:before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.38),transparent 34%);
    opacity:.65;
}
body.dark-theme.zack-new-experience:before{
    background:radial-gradient(circle at 50% 20%,rgba(125,160,255,.10),transparent 36%);
    opacity:.9;
}

@media (min-width:1240px){
    body.zack-new-experience .container{
        max-width:min(1380px,calc(100vw - 44px));
    }
}
body.zack-new-experience main.container{
    padding-top:8px;
}
body.zack-new-experience .content-wrap,
body.zack-new-experience .sidebar{
    transition:width .2s ease,margin .2s ease;
}
@media (min-width:992px){
    body.zack-new-experience.site-layout-2 .content-layout{
        margin-right:calc(336px + 22px);
    }
    body.zack-new-experience.site-layout-2 .sidebar{
        width:336px;
        margin-left:-336px;
    }
    body.zack-new-experience.site-layout-3 .content-layout{
        margin-left:calc(336px + 22px);
    }
    body.zack-new-experience.site-layout-3 .sidebar{
        width:336px;
    }
}

/* 顶部导航变成“悬浮岛”，减少子比默认感 */
body.zack-new-experience .header{
    margin:12px auto 22px;
    width:min(1380px,calc(100% - 28px));
    border-radius:24px;
    border:1px solid var(--zack-line-light);
    background:rgba(255,255,255,.66)!important;
    box-shadow:0 18px 60px rgba(32,45,70,.12);
    overflow:visible;
}
body.dark-theme.zack-new-experience .header{
    border-color:var(--zack-line-dark);
    background:rgba(40,47,60,.72)!important;
    box-shadow:0 18px 60px rgba(0,0,0,.30);
}
body.zack-new-experience.body-scroll .header,
body.zack-new-experience.nav-fixed.body-scroll .header{
    box-shadow:0 18px 60px rgba(32,45,70,.18);
}
body.zack-new-experience .navbar-nav>li>a{
    padding-left:16px!important;
    padding-right:16px!important;
    letter-spacing:.02em;
}
body.zack-new-experience .navbar-nav>li.current-menu-item>a,
body.zack-new-experience .navbar-nav>li.current-menu-parent>a,
body.zack-new-experience .navbar-nav>li>a:hover{
    color:#fff!important;
    background:linear-gradient(135deg,var(--zack-accent-a),var(--zack-accent-b));
    box-shadow:0 10px 24px rgba(111,141,255,.25);
}
body.zack-new-experience .header .sub-menu,
body.zack-new-experience .header .dropdown-menu{
    border-radius:20px;
    padding:10px;
    background:rgba(255,255,255,.92);
    box-shadow:0 22px 60px rgba(24,34,54,.18);
}
body.dark-theme.zack-new-experience .header .sub-menu,
body.dark-theme.zack-new-experience .header .dropdown-menu{
    background:rgba(42,49,63,.96);
}

/* 首页/分类/标签/搜索列表：从“传统列表”变成“杂志卡片流” */
body.zack-new-experience.home .home-tab-content .tab-content > .posts-row.ajaxpager,
body.zack-new-experience.category .content-layout > .posts-row.ajaxpager,
body.zack-new-experience.tag .content-layout > .posts-row.ajaxpager,
body.zack-new-experience.archive .content-layout > .posts-row.ajaxpager,
body.zack-new-experience.search .content-layout .posts-row.ajaxpager{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(255px,1fr));
    gap:18px;
    align-items:stretch;
}
body.zack-new-experience .posts-row.ajaxpager > *:not(.posts-item):not(.post_ajax_loader){
    grid-column:1/-1;
}
body.zack-new-experience .posts-row.ajaxpager > .post_ajax_loader,
body.zack-new-experience .posts-row.ajaxpager > .pagenav,
body.zack-new-experience .posts-row.ajaxpager > .ajax-pag,
body.zack-new-experience .posts-row.ajaxpager > .ajax-pager,
body.zack-new-experience .posts-row.ajaxpager > nav{
    grid-column:1/-1;
}
body.zack-new-experience .posts-row.ajaxpager > .posts-item,
body.zack-new-experience .posts-row.ajaxpager > .posts-item.card{
    width:auto!important;
    margin:0!important;
    min-width:0;
    border-radius:var(--zack-radius-xl)!important;
    border:1px solid rgba(120,135,165,.14)!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 16px 42px rgba(36,47,70,.10)!important;
    overflow:hidden;
}
body.dark-theme.zack-new-experience .posts-row.ajaxpager > .posts-item,
body.dark-theme.zack-new-experience .posts-row.ajaxpager > .posts-item.card{
    background:rgba(45,53,67,.82)!important;
    border-color:rgba(210,225,255,.11)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
}
body.zack-new-experience .posts-row.ajaxpager > .posts-item:hover{
    transform:translateY(-4px);
    box-shadow:0 24px 62px rgba(36,47,70,.17)!important;
    border-color:rgba(255,111,159,.26)!important;
}
body.dark-theme.zack-new-experience .posts-row.ajaxpager > .posts-item:hover{
    box-shadow:0 24px 62px rgba(0,0,0,.34)!important;
}
body.zack-new-experience .posts-row.ajaxpager > .posts-item.list{
    display:flex!important;
    flex-direction:column!important;
    padding:0!important;
}
body.zack-new-experience .posts-row.ajaxpager > .posts-item.list .post-graphic,
body.zack-new-experience .posts-row.ajaxpager > .posts-item.list .post-graphic.order1{
    width:100%!important;
    margin:0!important;
    order:0!important;
}
body.zack-new-experience .posts-row.ajaxpager > .posts-item.list .item-thumbnail,
body.zack-new-experience .posts-row.ajaxpager > .posts-item.card .item-thumbnail{
    width:100%!important;
    padding-bottom:62%!important;
    border-radius:0!important;
}
body.zack-new-experience .posts-row.ajaxpager > .posts-item.list .item-body,
body.zack-new-experience .posts-row.ajaxpager > .posts-item.card .item-body{
    padding:16px 17px 15px!important;
    margin:0!important;
    width:100%!important;
}
body.zack-new-experience .posts-row.ajaxpager > .posts-item.list .item-body.flex{
    display:flex!important;
}
body.zack-new-experience .posts-row.ajaxpager > .posts-item.no-thumb{
    padding:18px!important;
}
body.zack-new-experience .posts-row.ajaxpager > .posts-item.no-thumb .item-body{
    padding:0!important;
}
body.zack-new-experience .posts-item .item-heading,
body.zack-new-experience .posts-item.card .item-heading{
    font-size:17px!important;
    line-height:1.46!important;
    min-height:unset!important;
    margin-bottom:9px!important;
    letter-spacing:.01em;
}
body.zack-new-experience .posts-item .item-excerpt{
    font-size:13.5px;
    line-height:1.72;
    opacity:.92;
}
body.zack-new-experience .posts-item .item-meta,
body.zack-new-experience .posts-mini .item-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px 9px;
    align-items:center;
    color:var(--muted-color)!important;
}
body.zack-new-experience .posts-item .item-meta item{
    margin-right:0!important;
    font-size:12.5px!important;
}
body.zack-new-experience .posts-item .item-tags a,
body.zack-new-experience .badg,
body.zack-new-experience badge{
    border-radius:999px!important;
}

/* 首页标签导航做成胶囊分段控件 */
body.zack-new-experience .index-tab{
    background:rgba(255,255,255,.62);
    border:1px solid rgba(110,125,155,.13);
    border-radius:999px;
    padding:8px;
    box-shadow:0 12px 30px rgba(36,47,70,.08);
    overflow:hidden;
}
body.dark-theme.zack-new-experience .index-tab{
    background:rgba(44,51,65,.72);
    border-color:rgba(210,225,255,.10);
}
body.zack-new-experience .index-tab ul>li>a{
    border-radius:999px!important;
    padding:8px 15px!important;
    font-weight:700;
}
body.zack-new-experience .index-tab ul>li.active>a,
body.zack-new-experience .index-tab ul>li>a:hover{
    color:#fff!important;
    background:linear-gradient(135deg,var(--zack-accent-a),var(--zack-accent-b))!important;
    box-shadow:0 10px 24px rgba(111,141,255,.22);
}

/* 侧栏：从默认模块变成“信息卡片” */
body.zack-new-experience .sidebar .zib-widget,
body.zack-new-experience .sidebar .theme-box{
    border-radius:var(--zack-radius-xl)!important;
    background:rgba(255,255,255,.70)!important;
    border:1px solid rgba(110,125,155,.13)!important;
    box-shadow:0 16px 42px rgba(36,47,70,.09)!important;
    overflow:hidden;
}
body.dark-theme.zack-new-experience .sidebar .zib-widget,
body.dark-theme.zack-new-experience .sidebar .theme-box{
    background:rgba(45,53,67,.78)!important;
    border-color:rgba(210,225,255,.10)!important;
}
body.zack-new-experience .sidebar .title-theme,
body.zack-new-experience .zib-widget .title-theme{
    font-size:16px;
    font-weight:800;
    letter-spacing:.02em;
}
body.zack-new-experience .sidebar .title-theme:before,
body.zack-new-experience .zib-widget .title-theme:before{
    content:"";
    display:inline-block;
    width:9px;
    height:9px;
    margin-right:7px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--zack-accent-a),var(--zack-accent-b));
    box-shadow:0 0 0 4px rgba(111,141,255,.12);
    vertical-align:1px;
}

/* 分类/标签封面、搜索框、文章页阅读体验 */
body.zack-new-experience .page-cover,
body.zack-new-experience .archive-header,
body.zack-new-experience .zib-widget[win-ajax-replace="search"],
body.zack-new-experience .article,
body.zack-new-experience .article-header{
    border-radius:var(--zack-radius-xl)!important;
    border:1px solid rgba(110,125,155,.13)!important;
    background:rgba(255,255,255,.74)!important;
    box-shadow:0 18px 52px rgba(36,47,70,.10)!important;
}
body.dark-theme.zack-new-experience .page-cover,
body.dark-theme.zack-new-experience .archive-header,
body.dark-theme.zack-new-experience .zib-widget[win-ajax-replace="search"],
body.dark-theme.zack-new-experience .article,
body.dark-theme.zack-new-experience .article-header{
    background:rgba(45,53,67,.80)!important;
    border-color:rgba(210,225,255,.10)!important;
}
body.zack-new-experience.single .article,
body.zack-new-experience.page .article{
    padding:26px!important;
}
body.zack-new-experience.single .article-title,
body.zack-new-experience.page .article-title,
body.zack-new-experience .article h1{
    font-weight:900;
    letter-spacing:-.02em;
}
body.zack-new-experience .article-content{
    font-size:16.5px;
    line-height:1.92;
}
body.zack-new-experience .article-content img{
    border-radius:18px;
}
body.zack-new-experience input,
body.zack-new-experience textarea,
body.zack-new-experience select,
body.zack-new-experience .form-control{
    border-radius:16px!important;
}
body.zack-new-experience .but,
body.zack-new-experience button,
body.zack-new-experience .btn{
    border-radius:999px;
}

/* 页脚弱化默认感，整体更轻 */
body.zack-new-experience .footer{
    background:transparent!important;
}
body.zack-new-experience .footer .container-footer{
    margin-top:24px;
    border-radius:24px 24px 0 0;
    background:rgba(255,255,255,.46);
    border:1px solid rgba(110,125,155,.10);
    border-bottom:0;
}
body.dark-theme.zack-new-experience .footer .container-footer{
    background:rgba(45,53,67,.42);
    border-color:rgba(210,225,255,.08);
}

@media (max-width:991px){
    body.zack-new-experience .header{
        width:calc(100% - 20px);
        margin-top:8px;
        margin-bottom:14px;
        border-radius:20px;
    }
    body.zack-new-experience.home .home-tab-content .tab-content > .posts-row.ajaxpager,
    body.zack-new-experience.category .content-layout > .posts-row.ajaxpager,
    body.zack-new-experience.tag .content-layout > .posts-row.ajaxpager,
    body.zack-new-experience.archive .content-layout > .posts-row.ajaxpager,
    body.zack-new-experience.search .content-layout .posts-row.ajaxpager{
        grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
        gap:14px;
    }
}
@media (max-width:767px){
    body.zack-new-experience{
        --zack-page-wash:radial-gradient(circle at 0% 0%,rgba(255,111,159,.16),transparent 32%),radial-gradient(circle at 100% 8%,rgba(111,141,255,.16),transparent 36%),#f3f1ed;
    }
    body.dark-theme.zack-new-experience{
        --zack-page-wash:radial-gradient(circle at 0% 0%,rgba(255,111,159,.20),transparent 34%),radial-gradient(circle at 100% 8%,rgba(111,141,255,.20),transparent 38%),#202632;
    }
    body.zack-new-experience main.container{
        padding-left:10px;
        padding-right:10px;
    }
    body.zack-new-experience.home .home-tab-content .tab-content > .posts-row.ajaxpager,
    body.zack-new-experience.category .content-layout > .posts-row.ajaxpager,
    body.zack-new-experience.tag .content-layout > .posts-row.ajaxpager,
    body.zack-new-experience.archive .content-layout > .posts-row.ajaxpager,
    body.zack-new-experience.search .content-layout .posts-row.ajaxpager{
        grid-template-columns:1fr;
        gap:13px;
    }
    body.zack-new-experience .posts-row.ajaxpager > .posts-item:hover{
        transform:none;
    }
    body.zack-new-experience .posts-row.ajaxpager > .posts-item.list .item-thumbnail,
    body.zack-new-experience .posts-row.ajaxpager > .posts-item.card .item-thumbnail{
        padding-bottom:58%!important;
    }
    body.zack-new-experience .posts-row.ajaxpager > .posts-item.list .item-body,
    body.zack-new-experience .posts-row.ajaxpager > .posts-item.card .item-body{
        padding:14px 14px 13px!important;
    }
    body.zack-new-experience .posts-item .item-heading,
    body.zack-new-experience .posts-item.card .item-heading{
        font-size:16px!important;
    }
    body.zack-new-experience .index-tab{
        border-radius:18px;
        padding:7px;
        margin-left:0;
        margin-right:0;
    }
    body.zack-new-experience .index-tab ul>li>a{
        padding:7px 12px!important;
    }
    body.zack-new-experience.single .article,
    body.zack-new-experience.page .article{
        padding:18px!important;
    }
    body.zack-new-experience .article-content{
        font-size:16px;
        line-height:1.86;
    }
}