@font-face{font-family:AlimamaFangYuanTiVF-Thin;src:url("/AlimamaFangYuanTiVF-Thin.woff2") format("woff2")}*{font-family:AlimamaFangYuanTiVF-Thin,-apple-system,BlinkMacSystemFont,sans-serif}
 body,body * {
	font-weight: 550!important
}
  /*发布文章按钮圆度美化*/
.badg.radius,.but.radius,.radius>.but {
    border-radius:3px;
}




/*阿呆日记daixm.daixb.top-TAB多栏目美化*/
.index-tab ul>li.active {
    background: linear-gradient(137deg,#b53ab8 0%,#ff3542 50%,#ff9f40 100%);
    --main-color: #fff
}
#footer-animal{position:relative;width:100%}#footer-animal .animal-wall{position:absolute;bottom:0;width:100%;height:36px;max-width:none;background:#bcb0a4 url(/demo/footer_wall.avif) repeat center;background-size:auto 100%;box-shadow:0 4px 7px rgba(0,0,0,.15)}#footer-animal img.animal{position:relative;max-width:min(974px,100%);margin:0 auto;display:block}#footer{position:relative;background:#e68282;background-attachment:scroll;background-position:bottom;background-size:cover}#footer-wrap{position:relative;padding:40px 20px;text-align:center}#footer-wrap{padding:50px 5% 35px 5%;display:flex;flex-wrap:wrap;position:relative}#footer-wrap > div{width:50%}#footer-left{text-align:left}.footer-title{font-size:30px;color:#fff}#footer-right{text-align:right;margin-top:auto}#footer-right p,#footer-right a{color:#fff}.footer-totop{position:absolute;top:20px;left:50%;transform:translateX(-50%)}.footer-totop i{font-size:2rem;animation:footerToTop 1.2s linear infinite;color:#fff}.footer-info a{margin-left:20px;transition:0.2s;text-decoration:none}.footer-info a:hover img{filter:none !important;transition:0.2s}.footer-service img{height:30px;filter:brightness(1000%);margin-left:20px;margin-top:10px;transition:0.2s}.footer-service img:hover{filter:brightness(100%);transition:0.2s}@keyframes footerToTop{0%{transform:translateY(0)}60%{transform:translateY(-25%)}100%{transform:translateY(0)}}@media screen and (max-width:768px){#footer-wrap > div{width:100%;text-align:center}.wordcount{margin:0 auto}}@media screen and (max-width:1023px){#footer-animal .animal-wall{height:4vw}.wordcount{width:100%;margin:10px 0;padding:0 5px;color:#F8F9F9;text-align:justify;text-align-last:center;line-height:1.6;box-sizing:border-box}}@media screen and (min-width:998px){.wordcount{width:70%}}.wordcount{color:#F8F9F9}



.hot-top .right .top-ul li a h3 {white-space: nowrap;}.hot-top    .left{float:left;}.hot-top      .right{float:right;}img{border:none;}.hot-top{width:100%;background:var(--main-bg-color);margin-bottom:25px;padding:22px 20px;position:relative;height:140px;overflow:hidden;border-radius:var(--main-radius);}.hot-top .tg-ph{background-size:100% 100%;position:absolute;right:0;top:0;z-index:2;display:block;width:60px;height:60px;}.hot-top .left{height:100%;}.hot-top .left a{display:block;width:121px;height:45px;line-height:45px;background:#f6f6f6;text-align:center;font-size:15px;color:#989898;margin-bottom:13px;cursor:pointer;border-radius:10px;}.hot-top .left a:last-child{margin-bottom:0;}.hot-top .left .hover{background:var(--theme-color);color:#FFF;position:relative;}.hot-top .left .hover:after{content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid var(--theme-color);position:absolute;top:15.5px;right:-10px;z-index:1;}.hot-top .right-main{height:100%;overflow-y:auto;margin-bottom:25px;}.hot-top .right-main:last-child{margin-bottom:0px;}.hot-top .right-overflow{transition:0.4s all;transform:translateY(0);margin-bottom:25px;}.hot-top .right{float:left;width:calc( 100% - 147px);margin-left:26px;height:100%;}.hot-top .right .top-ul{height:130px;overflow:hidden;}.hot-top .right .top-ul li{width:78px;float:center;margin:0px 20px;display:inline-block;}.hot-top .right .top-ul li:nth-child(10n){margin-right:0;}.hot-top .right .top-ul li a{display:block;}.hot-top .right .top-ul li a .list-img{width:100%;height:78px;line-height:78px;text-align:center;border-radius:10px;}.hot-top .right .top-ul li a .list-img img{width:100%;}.hot-top .right .top-ul li a .list-img img:hover{opacity:0.8;}.hot-top .right .top-ul li a h3{margin-top:7px;font-size:13px;line-height:25px;height:25px;overflow:hidden;width:100%;text-align:center;}.new-position{height:780px;}.new-position .left{height:100%;width:calc( ( 100% - 13px ) * 0.36 );}.new-position .right{width:calc( ( 100% - 13px ) * 0.64 );height:100%;background:#FFF;padding:17px 28px;}.new-position .layui-carousel > [carousel-item] > *{background:#FFF;}.new-position #index-lb{height:300px;}.new-position #index-lb div div img{width:100%;min-height:100%;}.new-position .index-login{background:#FFF;margin-top:13px;height:calc( 767px - 300px);padding:25px 33px;position:relative;}span.note{position:absolute;top:10px;right:-50px;z-index:1;width:140px;height:20px;background:var(--theme-color);color:#fff;line-height:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);text-align:center;font-size:12px;}img.rela{position:absolute;left:52px;z-index:2;top:58px;height:25px;width:25px;}img.yuan{border-radius:50%;animation:light 4s ease-in-out infinite;transition:2s;}img.yuan:hover{transform:scale(1) rotate(720deg);}}







/*daixm.daixb.top 阿呆日记*/
.index-tab ul>li {
    border-radius: 5px;
  
}
.list-inline.scroll-x.no-scrollbar{text-align:center;}
.index-tab.affix-header-sm.relative.home-tab-nav-box.mb10{text-align:center;}

.search-input button {
    background-color: var(--this-bg, #0088ff);
    width: 80px;  
    padding: 10px 10px;  
    border-radius: 20px;  
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -8px;
    flex-direction: row; /* 改为横向排列 */
    gap: 4.5px; /* 图标和文字之间的间距 */
}

.search-input button svg {
    color: #fff !important;  
    fill: #fff !important;  
}

/* 搜索文字样式 - 横着显示 */
.search-input button .search-text {
    color: #fff !important; /* 文字颜色白色 */
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
    white-space: nowrap;
}
.header-slider-search.abs-center{
  top:350px;
}
.header-slider-search .search-input {
    max-width: 525px;
}

.fit-cover.radius8.ls-is-cached.lazyloaded.lazyloadafter {
  height:140%;
}


 .search_keywords {
  color: white; 
  color: muted-2-color;
  background: rgba(255, 255, 255, 0.1); /* 半透明背景 */
  backdrop-filter: blur(10px); /* 毛玻璃效果 */
  -webkit-backdrop-filter: blur(10px); /* Safari 兼容 */
  border: 0.5px solid rgba(255, 255, 255, 0.3); /* 半透明白色边框 */
  border-radius: 30px; /* 圆角 */
  padding: 8px 16px; /* 内边距 */
  margin-right: 6px;
  margin-bottom: 6px;
  display: inline-block;
}

/*广告小工具*/
@media (max-width: 375px) {.swiper-eq-3,.swiper-eq-2{display:none}}
         .card-head { justify-content: space-between; align-items: center; } .d-flex { display: -ms-flexbox; display: flex; } .text-sms { font-size: 14px; } .vc-yellow { color: #fff6f0; padding: 2px 10px 2px 10px; border-radius: 6px; background: #ff5c00; font-size: 14px; } .gutters-5 { display: flex; flex-flow: row wrap; padding: 5px; } .gutters-5>* { padding: 5px; } .col-sm-2 { width: 50%; } .graphicad { text-shadow: 0 0 5px rgba(0,0,0,.2); height: 60px; color: #fff; position: relative; overflow: hidden; background-size: 100% 60px; padding: 0; } .row-xs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col-md-6a { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; padding: 6px; } .col-md-6a a:hover { color:var(--focus-color); text-decoration: blink; } .auto-url-list { background: rgba(114, 114, 114, 0.2); padding: 10px; } .text-sm { font-size: 14px; }

/*modal弹窗背景样式*/
#zibpay_modal, .modal-open .modal {
    background: url(https://bu.dusays.com/2025/02/26/67beb6e5a2fb4.png);
    backdrop-filter: blur(10px) !important;
}


.posts-mini {
    background-size: cover;
    margin-bottom: 5px;
    padding: 15px;
}






.hfw-custom-widget {
    background: 0 0;
    padding: 0;
    box-shadow: none;
    margin: 0;
    margin-bottom: 20px
}

.hfw-posts-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    --columns: 5;
    --column-width: 20%
}

.hfw-layout-vertical .hfw-post-list-item-vertical {
    overflow: hidden;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 1px;
    position: relative;
    flex: 1 1 calc(var(--column-width) - 10px);
    width: auto;
    height: 350px
}

@media screen and (max-width:768px) {
    .hfw-layout-vertical .hfw-post-list-item-vertical {
        flex: 1 1 calc(50% - 10px);
        height: 215px
    }
}

.hfw-layout-horizontal .hfw-post-list-item-horizontal {
    overflow: hidden;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
    flex: 1 1 calc(var(--column-width) - 10px);
    width: auto;
    height: 180px
}

@media screen and (max-width:768px) {
    .hfw-layout-horizontal .hfw-post-list-item-horizontal {
        flex: 1 1 calc(50% - 10px);
        padding-bottom: 56.25%
    }
}

.hfw-post-module-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hfw-post-module-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    transition: transform .3s ease
}

.hfw-post-module-thumb img:hover {
    transform: scale(1.1)
}

.hfw-post-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 0 0 5px 5px;
    color: #fff;
    text-align: center;
    padding: 8px 0
}

.hfw-post-info h2 {
    font-size: 1em;
    margin: 0;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hfw-post-info a {
    text-decoration: none;
    color: #fff
}

.hfw-post-meta {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    color: #fff
}

.hfw-post-meta .hfw-post-views {
    padding: 2px 5px;
    border-radius: 3px;
    opacity: 0;
    transition: opacity .3s ease
}

.hfw-post-module-thumb:hover .hfw-post-meta .hfw-post-views {
    opacity: 1
}

.hfw-post-meta .hfw-post-images {
    padding: 2px 5px;
    border-radius: 3px
}

.hfw-widget-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.hfw-widget-title-wrapper h2 {
    background: url(https://bu.dusays.com/2025/08/15/689e397ddfeda.png) 0 -110px no-repeat;
    position: relative;
    margin-left: -10px;
    margin-right: 20px;
    height: 37px;
    padding-left: 45px;
    padding-top: 2px;
    font-size: 22px;
    margin-bottom: 10px
}

.hfw-more-link {
    text-decoration: none;
    margin-top: 15px
}

.hfw-more-link:hover {
    text-decoration: none
}

.but.jb-blue.radius {
    background-color: #4a6cf7;
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    transition: all .3s ease
}

.but.jb-blue.radius:hover {
    background-color: #3a5ce7;
    color: #fff
}



/*页码样式微调*/
.pagenav .current, .pagenav .page-numbers, .pagenav a {
    border: 0;
    padding: 8px 14px;
    background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color));
    -webkit-box-shadow: 0 0 8px 0 rgba(95, 95, 95, .15);
    box-shadow: 0 0 8px 0 rgba(95, 95, 95, .15);
    border-radius: 6px;
}

.payvip-icon {
    color: #ffffff;
    --this-color: #ffffff;
    border-radius: 4px;
    background-image: linear-gradient(150deg,#6a11cb 30%,#2575fc 100%);
}

@media (min-width: 768px) {
    .vela-vip-btn {
        display: block;
        width: 50px;
        line-height: 50px;
        border: 0;
        color: #fff;
        background: var(--theme-color);
        border-radius: var(--main-radius);
        box-shadow: 0 0 10px var(--focus-color-opacity6);
        font-size: 14px;
        padding: 4px 5px 10px;
        cursor: pointer;
        transition: color .2s, background .3s, opacity .3s, box-shadow .3s, transform .3s;
        text-align: center;
    }

    .vela-vip-btn svg,
    .vela-vip-btn i {
        display: block;
        color: currentColor;
        font-size: 20px;
        margin: 5px auto;
        transition: all 0.2s ease-in-out;
    }

    .vela-vip-btn span {
        display: block;
        line-height: 1.3;
        transition: all 0.2s ease-in-out;
    }

    .vela-vip-btn:hover svg,
    .vela-vip-btn:hover i {
        transform: translateY(-4px);
        opacity: 0;
    }

    .vela-vip-btn:hover span {
        transform: translateY(-14px);
    }

    .vela-btn {
        text-align: center;
        padding: 0 5px;
        text-decoration: none;
        height: 50px;
        font-size: 12px;
        color: #999;
        border: 0;
        overflow: hidden;
        cursor: pointer;
        width: 50px;
    }

    .vela-btn i {
        display: block;
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        transition: all 0.2s ease-in-out;
    }

    .vela-btn svg {
        display: block;
        color: currentColor;
        font-size: 20px;
        margin: 15px auto;
        transition: all 0.2s ease-in-out;
    }

    .vela-btn span {
        display: block;
        font-size: 14px;
        height: 50px;
        line-height: 1.3;
        padding-top: 6px;
        transform: translate(0, -38px);
        opacity: 0;
        transition: all 0.2s ease-in-out;
    }

    .vela-btn:hover span {
        transform: translate(0, -50px);
        opacity: 1;
    }

    .vela-btn:hover i,
    .vela-btn:hover svg {
        transform: translate(0, -5px);
        opacity: 0;
    }

    .vela-btn .fa-toggle-theme::after,
    .vela-btn .fa-toggle-theme::before {
        height: 2em;
    }

    .float-right-radius {
        background: var(--main-bg-color);
        border-radius: var(--main-radius);
        box-shadow: 0 0 10px var(--main-shadow);
        position: relative;
        transition: color .2s, background .3s, opacity .3s, box-shadow .3s, transform .3s;
    }

    .float-right.vela-float .float-btn:not(.wait-pay-btn) {
        padding: 0 !important;
        margin-top: 0 !important;
        width: 100%;
        background-color: transparent;
    }

    .float-right.vela-float .float-btn .hover-show-con {
        right: 45px;
    }

    .float-right.vela-float .newadd-btns {
        width: 50px;
        height: 50px;
        line-height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--main-color);
    }

    .float-right.vela-float .newadd-btns svg,
    .float-right.vela-float .newadd-btns i {
        font-size: 22px;
    }

    .float-right.vela-float .ontop {
        display: block;
        background: var(--main-bg-color);
        transition: color .2s, background .3s, opacity .3s, box-shadow .3s, transform .3s;
    }

    .float-right.vela-float a {
        text-decoration: none;
    }
}



.swiper-button-next, .swiper-button-prev{height: 70px !important;}.swiper-button-prev{border-top-right-radius: 8px;border-bottom-right-radius: 8px;}.swiper-button-next{border-top-left-radius: 8px;border-bottom-left-radius: 8px;}



/*底部板块三图片border*/
.footer-miniimg {
  p{
    position: relative;
    &:hover {
        filter: contrast(1.1);
    }
    
    &:active {
        filter: contrast(0.9);
    }
    &::before,
    &::after{
        content: "";
        border: 2px solid;
        border-image: linear-gradient(45deg, gold, deeppink) 1;
        position: absolute;
        top: -5px;
        left: -5px;
        right: -5px;
        bottom: -5px;
        animation: clippath 3s infinite ;
    }
    &::before{
        animation: clippath 3s infinite -1.5s linear;
    }
  }
}

@keyframes clippath {
  0%,
  100% {
      clip-path: inset(0 0 96% 0);
      filter: hue-rotate(0deg);
  }
  25% {
      clip-path: inset(0 96% 0 0);
  }
  50% {
      clip-path: inset(96% 0 0 0);
      filter: hue-rotate(360deg);
  }
  75% {
      clip-path: inset(0 0 0 96%);
  }
}



.parallax {
  fill: var(--body-bg-color);
}
.parallax > use {
  animation: move-forever 30s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  opacity: 0.5;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  opacity: 0.6;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  opacity: 0.7;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  opacity: 1;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}


/* 隐藏 jb-vip1 和 jb-vip2 付费按钮 */
.meta-pay.but.jb-vip1,
.meta-pay.but.jb-vip2 {
    display: none !important; /* 强制隐藏，优先级最高 */
    /* 可选：如果不想完全移除占位，可用 visibility: hidden; 保留位置 */
}
.meta-pay.but.jb-yellow{
    display: none !important; /* 强制隐藏，优先级最高 */
    /* 可选：如果不想完全移除占位，可用 visibility: hidden; 保留位置 */
}
.meta-pay.but.jb-blue{
    display: none !important; /* 强制隐藏，优先级最高 */
    /* 可选：如果不想完全移除占位，可用 visibility: hidden; 保留位置 */
}

/* 禁用卡片的所有裁剪 */
.posts-item.card {
    position: relative;
    overflow: visible !important; /* 强制显示溢出内容 */
    clip-path: none !important; /* 禁用裁剪路径 */
    mask: none !important; /* 禁用蒙版 */
    z-index: 1; /* 确保徽章z-index更高 */
}

/* 徽章调整 */
.posts-item.card .badage {
    position: absolute;
    right: 0; /* 加大超出距离，让弯折角完全暴露 */
    top: 43.5%;
    transform: translateY(-50%);
    z-index: 99; /* 比卡片大 */
}
            .posts-item.card .badage.clickable {
                pointer-events: auto;
                cursor: pointer
            }

            .posts-item.card .badage:not(.clickable) {
                pointer-events: none
            }

            .posts-item.card .badage>div {
                position: relative;
                margin: 0 -6px 8px 0;
                filter: drop-shadow(-5px 5px 3px rgba(126, 129, 132, .3))
            }

            .posts-item.card .badage>div:after,.posts-item.card .badage>div:before {
                content: "";
                display: block;
                border-style: solid;
                position: absolute
            }

            .posts-item.card .badage>div:before {
                right: 0;
                top: -6px;
                border-color: transparent transparent #7d8185 #7d8185;
                border-width: 3px;
                transform: scaleY(.75);
                transform-origin: bottom
            }

            .posts-item.card .badage>div:after {
                border-color: transparent #7e8184 #7e8184 transparent;
                border-width: 11px 6px;
                top: 50%;
                left: -12px;
                transform: translateY(-50%)
            }

            .posts-item.card .badage>div>.content {
                color: #fff;
                background: linear-gradient(90deg,#7e8184,#9ca3a9 calc(100% - 6px),#bcc0c4);
                font-size: 12px;
                line-height: 22px;
                height: 22px;
                padding: 0 15px 0 8px;
                border-bottom-right-radius: 5px
            }

            .posts-item.card .badage>div.badge-pay {
                filter: drop-shadow(-5px 5px 3px rgba(59, 130, 246, .4))
            }

            .posts-item.card .badage>div.badge-pay:before {
                border-left-color: #1e40af;
                border-bottom-color: #1e40af
            }

            .posts-item.card .badage>div.badge-pay:after {
                border-right-color: #3b82f6;
                border-bottom-color: #3b82f6
            }

            .posts-item.card .badage>div.badge-pay>.content {
                background: linear-gradient(90deg,#3b82f6,#60a5fa calc(100% - 6px),#93c5fd)
            }

            .posts-item.card .badage>div.badge-points {
                filter: drop-shadow(-5px 5px 3px rgba(239, 68, 68, .4))
            }

            .posts-item.card .badage>div.badge-points:before {
                border-left-color: #b91c1c;
                border-bottom-color: #b91c1c
            }

            .posts-item.card .badage>div.badge-points:after {
                border-right-color: #ef4444;
                border-bottom-color: #ef4444
            }

            .posts-item.card .badage>div.badge-points>.content {
                background: linear-gradient(90deg,#ef4444,#f87171 calc(100% - 6px),#fca5a5)
            }

            .posts-item.card .badage>div.badge-free {
                filter: drop-shadow(-5px 5px 3px rgba(34, 197, 94, .4))
            }

            .posts-item.card .badage>div.badge-free:before {
                border-left-color: #15803d;
                border-bottom-color: #15803d
            }

            .posts-item.card .badage>div.badge-free:after {
                border-right-color: #22c55e;
                border-bottom-color: #22c55e
            }

            .posts-item.card .badage>div.badge-free>.content {
                background: linear-gradient(90deg,#22c55e,#4ade80 calc(100% - 6px),#86efac)
            }

            .posts-item.card .badage>div.badge-comment {
                filter: drop-shadow(-5px 5px 3px rgba(168, 85, 247, .4))
            }

            .posts-item.card .badage>div.badge-comment:before {
                border-left-color: #7c3aed;
                border-bottom-color: #7c3aed
            }

            .posts-item.card .badage>div.badge-comment:after {
                border-right-color: #a855f7;
                border-bottom-color: #a855f7
            }

            .posts-item.card .badage>div.badge-comment>.content {
                background: linear-gradient(90deg,#a855f7,#c084fc calc(100% - 6px),#d8b4fe)
            }

            .posts-item.card .badage>div.badge-vip {
                filter: drop-shadow(-5px 5px 3px rgba(245, 158, 11, .4))
            }

            .posts-item.card .badage>div.badge-vip:before {
                border-left-color: #d97706;
                border-bottom-color: #d97706
            }

            .posts-item.card .badage>div.badge-vip:after {
                border-right-color: #f59e0b;
                border-bottom-color: #f59e0b
            }

            .posts-item.card .badage>div.badge-vip>.content {
                background: linear-gradient(90deg,#f59e0b,#fbbf24 calc(100% - 6px),#fcd34d)
            }

            .posts-item.card .badage>div.fufeisd {
                filter: drop-shadow(-5px 5px 3px rgba(59, 130, 246, .4))
            }

            .posts-item.card .badage>div.fufeisd:before {
                border-left-color: #1e40af;
                border-bottom-color: #1e40af
            }

            .posts-item.card .badage>div.fufeisd:after {
                border-right-color: #3b82f6;
                border-bottom-color: #3b82f6
            }

            .posts-item.card .badage>div.fufeisd>.content {
                background: linear-gradient(90deg,#4e9ef8,#639cf1 calc(100% - 6px),#99c9ff)
            }

            .posts-item.card .badage>div.red {
                filter: drop-shadow(-5px 5px 3px rgba(255, 73, 73, .3))
            }

            .posts-item.card .badage>div.red:before {
                border-left-color: #ca1f1e;
                border-bottom-color: #ca1f1e
            }

            .posts-item.card .badage>div.red:after {
                border-right-color: #ff4949;
                border-bottom-color: #ff4949
            }

            .posts-item.card .badage>div.red>.content {
                background: linear-gradient(90deg,#ff4949,#ff7849 calc(100% - 6px),#ffb350)
            }

            .posts-item.card .badage>div.yellow {
                filter: drop-shadow(-5px 5px 3px rgba(238, 118, 28, .3))
            }

            .posts-item.card .badage>div.yellow:before {
                border-left-color: #ff7800;
                border-bottom-color: #ff7800
            }

            .posts-item.card .badage>div.yellow:after {
                border-right-color: #ff7800;
                border-bottom-color: #ff7800
            }

            .posts-item.card .badage>div.yellow>.content {
                background: linear-gradient(90deg,#ff7800,#f18c1a calc(100% - 6px),#f5c01b)
            }

            .posts-item.card .badage>div.green {
                filter: drop-shadow(-5px 5px 3px rgba(86, 175, 51, .3))
            }

            .posts-item.card .badage>div.green:before {
                border-left-color: #5ea636;
                border-bottom-color: #5ea636
            }

            .posts-item.card .badage>div.green:after {
                border-right-color: #5ea636;
                border-bottom-color: #5ea636
            }

            .posts-item.card .badage>div.green>.content {
                background: linear-gradient(90deg,#5ea636,#97c22d calc(100% - 6px),#bcd540)
            }

            .posts-item.card .badage>div.blue {
                filter: drop-shadow(-5px 5px 3px rgba(39, 145, 255, .3))
            }

            .posts-item.card .badage>div.blue:before {
                border-left-color: #2791ff;
                border-bottom-color: #2791ff
            }

            .posts-item.card .badage>div.blue:after {
                border-right-color: #2791ff;
                border-bottom-color: #2791ff
            }

            .posts-item.card .badage>div.blue>.content {
                background: linear-gradient(90deg,#2791ff,#40acff calc(100% - 6px),#78deff)
            }

            .posts-item.card .item-excerpt:not(.custom-card-excerpt) {
                display: none
            }




/* 添加VIP可见徽章样式 */
.posts-item.card .badage>div.badge-vipshow {
    filter: drop-shadow(-5px 5px 3px rgba(245, 158, 11, .4))
}

.posts-item.card .badage>div.badge-vipshow:before {
    border-left-color: #d97706;
    border-bottom-color: #d97706
}

.posts-item.card .badage>div.badge-vipshow:after {
    border-right-color: #f59e0b;
    border-bottom-color: #f59e0b
}

.posts-item.card .badage>div.badge-vipshow>.content {
    background: linear-gradient(90deg,#f59e0b,#fbbf24 calc(100% - 6px),#fcd34d)
}

/* VIP1可见徽章样式 - 紫色渐变 */
.posts-item.card .badage>div.badge-vipshow-1 {
    filter: drop-shadow(-5px 5px 3px rgba(168, 85, 247, .4))
}

.posts-item.card .badage>div.badge-vipshow-1:before {
    border-left-color: #7c3aed;
    border-bottom-color: #7c3aed
}

.posts-item.card .badage>div.badge-vipshow-1:after {
    border-right-color: #a855f7;
    border-bottom-color: #a855f7
}

.posts-item.card .badage>div.badge-vipshow-1>.content {
    background: linear-gradient(90deg,#a855f7,#c084fc calc(100% - 6px),#d8b4fe)
}

/* VIP2可见徽章样式 - 蓝色渐变 */
.posts-item.card .badage>div.badge-vipshow-2 {
    filter: drop-shadow(-5px 5px 3px rgba(59, 130, 246, .4))
}

.posts-item.card .badage>div.badge-vipshow-2:before {
    border-left-color: #1e40af;
    border-bottom-color: #1e40af
}

.posts-item.card .badage>div.badge-vipshow-2:after {
    border-right-color: #3b82f6;
    border-bottom-color: #3b82f6
}

.posts-item.card .badage>div.badge-vipshow-2>.content {
    background: linear-gradient(90deg,#3b82f6,#60a5fa calc(100% - 6px),#93c5fd)
}



/* 隐藏指定元素 */
.posts-item.card:hover .img-badge.left.jb-red {
    display: none;
}

.meta-pay.but.jb-yellow {
    display: none;
}
.posts-item.card.ajax-item .item-tags.scroll-x.no-scrollbar.mb6{
    display: none;
}


/* ========== 缩略图容器基础样式（必须） ========== */
.item-thumbnail {
    position: relative !important; /* 确保绝对定位元素基于此容器 */
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

/* ========== 缩略图左上角分类徽章（触碰显示） ========== */
.posts-item.card .thumbnail-category-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: auto;
    z-index: 998 !important;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 4px;
    background: linear-gradient(135deg,#ef4444 0%,#f87171 30%,rgba(248,113,113,0) 100%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #fff;
    max-width: calc(50% - 15px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    display: inline-block;
    opacity: 0 !important; /* 默认隐藏 */
    transform: translateY(-5px) !important; /* 默认上移 */
    box-shadow: -2px 2px 8px rgba(239,68,68,0.3);
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.16,1,0.3,1) !important; /* 顺滑过渡 */
}

/* ========== 缩略图右上角收藏按钮（纯白色 + 触碰显示） ========== */
/* 收藏按钮容器 */
.posts-item.card .thumbnail-favorite-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    bottom: auto;
    z-index: 999 !important; /* 最高层级 */
    opacity: 0 !important; /* 默认隐藏 */
    transform: translateY(-5px) !important; /* 默认上移 */
    transition: all 0.3s cubic-bezier(0.16,1,0.3,1) !important; /* 和分类徽章同步动画 */
}

/* 收藏按钮主体（纯白色） */
.thumbnail-favorite-btn .pf-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important; /* 纯白色，无半透明 */
    color: #333 !important; /* 深色图标 */
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* 收藏按钮 hover/激活状态 */
.thumbnail-favorite-btn .pf-btn:hover,
.thumbnail-favorite-btn .pf-btn.actived {
    background: #fff !important; /* 保持纯白 */
    color: var(--focus-color) !important; /* 主题强调色 */
    transform: scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* 收藏图标大小 */
.thumbnail-favorite-btn .pf-btn>.icon {
    font-size: 18px !important;
    margin: 0 !important;
}

/* ========== 鼠标触碰卡片时显示徽章和按钮 ========== */
.posts-item.card:hover .thumbnail-category-badge,
.posts-item.card:hover .thumbnail-favorite-btn {
    opacity: 1 !important; /* 显示 */
    transform: translateY(0) !important; /* 复位 */
}

/* 分类徽章 hover 增强效果 */
.posts-item.card .thumbnail-category-badge:hover {
    background: linear-gradient(135deg,#dc2626 0%,#f87171 50%,rgba(248,113,113,0.2) 100%);
    box-shadow: -2px 2px 12px rgba(239,68,68,0.5);
    color: #fff;
    text-decoration: none;
}

/* 强制隐藏数字（双重保险） */
.thumbnail-favorite-btn .pf-num,
.thumbnail-favorite-btn .pf-btn>count {
    display: none !important;
}





/* 文章卡片自定义摘要样式 */
.posts-item.card .custom-card-excerpt, 
.posts-item.card>.item-body>.custom-card-excerpt {
    margin: 2px 0 8px 0;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--muted-color);
    background: var(--muted-bg-color);
    border-radius: 4px;
    border: 1px solid var(--muted-border-color);
    height: 3em;
    max-height: 3em;
    min-height: 3.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    box-sizing: border-box;
}

/* 暗黑模式适配（可选，根据主题调整） */
.dark-theme .posts-item.card .custom-card-excerpt,
.dark-theme .posts-item.card>.item-body>.custom-card-excerpt {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.7);
}

/* 响应式适配（可选） */
@media (max-width: 768px) {
    .posts-item.card .custom-card-excerpt, 
    .posts-item.card>.item-body>.custom-card-excerpt {
        font-size: 13px;
        padding: 3px 10px;
        min-height: 3.2em;
    }
}







.posts-item.card.product-item,.product-item.posts-item.card {
                border: none !important;
                box-shadow: var(--main-shadow) !important;
                transform: none !important
            }

            .posts-item.card.product-item:hover,.product-item.posts-item.card:hover {
                transform: none !important;
                border-color: transparent !important;
                box-shadow: var(--main-shadow) !important
            }

            .posts-item.card.product-item::before,.product-item.posts-item.card::before {
                display: none !important
            }

            .posts-item.card.product-item .item-body,.product-item.posts-item.card .item-body {
                padding: 15px !important;
                margin: 0 !important
            }



            .posts-item.card.product-item .badage,.product-item.posts-item.card .badage,.posts-item.card.product-item .custom-card-excerpt,.product-item.posts-item.card .custom-card-excerpt,.posts-item.card.product-item .thumbnail-category-badge,.product-item.posts-item.card .thumbnail-category-badge,.posts-item.card.product-item .thumbnail-new-badge,.product-item.posts-item.card .thumbnail-new-badge,.posts-item.card.product-item .thumbnail-favorite-btn,.product-item.posts-item.card .thumbnail-favorite-btn {
                display: none !important
            }

            .posts-item.card.product-item .item-meta,.product-item.posts-item.card .item-meta {
                height: auto !important;
                min-height: auto !important
            }

            .posts-item.card.product-item .item-meta .meta-author,.product-item.posts-item.card .item-meta .meta-author,.posts-item.card.product-item .item-meta .meta-right,.product-item.posts-item.card .item-meta .meta-right {
                height: auto !important;
                position: static !important;
                opacity: 1 !important;
                visibility: visible !important
            }

            .posts-item.card.product-item .item-tags,.product-item.posts-item.card .item-tags {
                display: block !important;
                min-height: auto !important;
                height: auto !important
            }

            :root {
                --card-spacing-sm: 12px;
                --card-spacing-md: 16px
            }
  .posts-item.card .item-heading {
                min-height: unset
            }

          
            .posts-item.card .item-body {
                padding: 0;
                margin: 0
            }

            .posts-item.card .item-tags {
                min-height: 0
            }

            .posts-item.card {
                position: relative;
                border-radius: var(--main-radius);
                overflow: visible;
                transition: all 0.3s cubic-bezier(0.16,1,0.3,1);
                background: var(--main-bg-color);
                border: 2px solid transparent;
                box-shadow: none;
                margin-bottom: 10px
            }

            .posts-item.card::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border-radius: var(--main-radius);
                background: linear-gradient(to bottom,rgba(33,150,243,0.08) 0%,rgba(33,150,243,0) 100%);
                pointer-events: none;
                z-index: 0;
                opacity: 0;
                transition: opacity 0.3s cubic-bezier(0.16,1,0.3,1)
            }

            .posts-item.card:hover::before {
                opacity: 1
            }

            .posts-item.card>* {
                position: relative;
                z-index: 1
            }

            .posts-item.card:hover {
                transform: translateY(-2px);
                border-color: #2196F3;
                box-shadow: 0 0 20px rgba(33,150,243,0.3)
            }

            .posts-item.card,.posts-item.card *,.posts-item.card::before,.posts-item.card::after,.posts-item.card *::before,.posts-item.card *::after {
                animation: none
            }

            .posts-item.card [class*="ripple"],.posts-item.card [class*="wave"],.posts-item.card [class*="animate"] {
                display: none
            }











            .posts-item.card>.item-body {
                padding: 5px;
                margin: 0;
                background: var(--main-bg-color);
                width: 100%
            }

            .posts-item.card .item-heading,.posts-item.card>.item-body>.item-heading {
                margin: 0 0 var(--card-spacing-sm) 0;
                font-size: 17px;
                line-height: 1.4;
                font-weight: 600;
                height: 1.5em;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
                letter-spacing: -0.02em;
                white-space: normal;
                text-overflow: ellipsis
            }

            .posts-item.card .item-heading a {
                color: var(--key-color);
                text-decoration: none;
                transition: color 0.2s ease;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden
            }

            .posts-item.card .item-heading a:hover {
                color: var(--theme-color)
            }

            .posts-item.card .custom-card-excerpt,.posts-item.card>.item-body>.custom-card-excerpt {
                margin: 0 0 8px 0;
                padding: 4px 12px;
                font-size: 14px;
                line-height: 1.5;
                color: var(--muted-color);
                background: var(--muted-bg-color);
                border-radius: 4px;
                border: 1px solid var(--muted-border-color);
                height: 3em;
                max-height: 3em;
                min-height: 3.6em;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: normal;
                word-break: break-word;
                box-sizing: border-box
            }

            .posts-item.card .item-tags {
                display: none;
                min-height: 0;
                height: 0
            }

            .posts-item.card .item-meta {
                margin: 0;
                padding: var(--card-spacing-sm) 0 0 0;
                border-top: 1px solid var(--main-border-color);
                font-size: 13px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                position: relative;
                min-height: 32px;
                height: 32px;
                flex-wrap: nowrap
            }

            .posts-item.card .item-meta>item {
                flex-shrink: 0;
                white-space: nowrap
            }

            .posts-item.card .item-meta.flex.jsb.ac {
                height: auto;
                min-height: 28px
            }

            .posts-item.card .item-meta .meta-author {
                opacity: 0;
                visibility: hidden;
                position: absolute;
                left: 0;
                transition: all 0.3s cubic-bezier(0.16,1,0.3,1);
                display: flex;
                align-items: center;
                gap: 8px;
                color: var(--muted-color);
                font-weight: 500;
                width: 100%;
                height: 32px;
                justify-content: space-between
            }

            .posts-item.card .item-meta .meta-right {
                opacity: 1;
                visibility: visible;
                transition: all 0.3s cubic-bezier(0.16,1,0.3,1);
                display: flex;
                align-items: center;
                gap: 0;
                flex: 1;
                min-width: 0;
                height: 32px;
                overflow: hidden;
                position: relative;
                white-space: nowrap
            }

            .posts-item.card .item-meta .meta-right::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                width: 30px;
                background: linear-gradient(to right,transparent,var(--main-bg-color));
                pointer-events: none;
                z-index: 1
            }

            .posts-item.card:hover .item-meta .meta-author {
                opacity: 1;
                visibility: visible;
                position: relative
            }

            .posts-item.card:hover .item-meta .meta-right {
                opacity: 0;
                visibility: hidden;
                position: absolute;
                right: 0
            }

            .posts-item.card .item-meta .meta-author .author-name {
                color: var(--muted-color);
                font-size: 13px;
                font-weight: 500;
                flex-shrink: 0;
                display: inline-flex;
                align-items: center;
                height: 100%;
                line-height: 1;
                text-decoration: none;
                transition: color 0.2s ease
            }

            .posts-item.card .item-meta .meta-author .author-name:hover {
                color: var(--theme-color)
            }

            .posts-item.card .item-meta .avatar-img.comt-avatar {
                width: 20px;
                height: 20px;
                flex-shrink: 0;
                display: inline-flex;
                align-items: center;
                justify-content: center
            }

            .posts-item.card .item-meta .avatar-badge,.posts-item.card .item-meta .swiper-slide img.avatar-badge {
                max-width: 12px;
                max-height: 12px;
                min-width: 5px;
                min-height: 5px;
                position: absolute;
                right: -3px;
                bottom: -1px;
                overflow: hidden
            }

            .posts-item.card .item-meta .meta-author .author-date {
                font-size: 12px;
                color: var(--muted-2-color);
                white-space: nowrap;
                margin-left: auto;
                flex-shrink: 0;
                display: inline-flex;
                align-items: center;
                height: 100%;
                line-height: 1;
                gap: 6px
            }

            .posts-item.card .item-meta .meta-author .author-date::before {
                content: '';
                display: inline-block;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #ef4444;
                flex-shrink: 0;
                position: relative;
                box-shadow: 0 0 0 0 rgba(239,68,68,0.4);
                animation: pulse-dot 2s cubic-bezier(0.4,0,0.6,1) infinite
            }

            @keyframes pulse-dot {
                0%,100% {
                    box-shadow: 0 0 0 0 rgba(239,68,68,0.4)
                }

                50% {
                    box-shadow: 0 0 0 6px rgba(239,68,68,0)
                }
            }

 

            @media (max-width: 768px) {
                .posts-item.card .item-meta {
                    height:28px;
                    min-height: 28px
                }
           .posts-item.card .item-meta .meta-right>* {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                font-size: 12px;
                color: var(--muted-2-color);
                flex-shrink: 0;
                margin-right: 8px;
                height: 100%;
                line-height: 1
            }

            .posts-item.card .item-meta .meta-right>*:last-child {
                margin-right: 0
            }

            .posts-item.card .item-meta .meta-right svg,.posts-item.card .item-meta .meta-right .icon,.posts-item.card .item-meta .meta-right .fa {
                width: 14px;
                height: 14px;
                opacity: 0.7;
                margin-right: 3px;
                flex-shrink: 0
            }

            .posts-item.card .item-meta item {
                display: inline-flex;
                align-items: center;
                vertical-align: middle;
                line-height: 1;
                height: auto;
                margin-right: 8px;
                font-size: 12px;
                white-space: nowrap;
                flex-shrink: 0
            }

            .posts-item.card .item-meta>item:first-child {
                white-space: nowrap;
                flex-shrink: 0;
                max-width: none
            }

            .posts-item.card .item-meta item:last-child {
                margin-right: 0
            }

            .posts-item.card .item-meta item a {
                display: inline-flex;
                align-items: center;
                color: inherit;
                text-decoration: none;
                gap: 3px
            }

            .posts-item.card .item-meta item .icon,.posts-item.card .item-meta item .fa,.posts-item.card .item-meta item svg {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                vertical-align: middle;
                width: 14px;
                height: 14px;
                margin-right: 0;
                flex-shrink: 0
            }

            .posts-item.card .item-meta .meta-comm,.posts-item.card .item-meta .meta-view,.posts-item.card .item-meta .meta-like {
                display: inline-flex;
                align-items: center;
                gap: 3px;
                margin-right: 10px
            }

            .posts-item.card .item-meta .meta-comm:last-child,.posts-item.card .item-meta .meta-view:last-child,.posts-item.card .item-meta .meta-like:last-child {
                margin-right: 0
            }


                .posts-item.card .item-meta .meta-author,.posts-item.card .item-meta .meta-right {
                    height: 28px
                }

                .posts-item.card .item-meta item {
                    font-size: 11px;
                    margin-right: 6px
                }

                .posts-item.card .item-meta .meta-comm,.posts-item.card .item-meta .meta-view,.posts-item.card .item-meta .meta-like {
                    margin-right: 8px
                }
            }

            .posts-item.card .item-meta .meta-tags {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                flex-shrink: 0;
                height: auto;
                margin-left: 10px
            }

            .posts-item.card .item-meta .meta-tag-item {
                font-size: 11px;
                padding: 6px 8px;
                border-radius: 3px;
                background: var(--muted-bg-color);
                color: var(--muted-color);
                text-decoration: none;
                transition: all 0.2s ease;
                white-space: nowrap;
                border: 1px solid var(--muted-border-color);
                flex-shrink: 0;
                display: inline-flex;
                align-items: center;
                line-height: 1;
                height: auto
            }

            .posts-item.card .item-meta .meta-tag-item:hover {
                background: var(--muted-border-color);
                border-color: var(--main-border-color);
                color: var(--key-color)
            }

            .posts-item.card .item-meta .meta-category {
                display: none
            }

            .posts-item.card .footer-pay-badge,.posts-item.card .footer-date {
                display: none
            }







/* 强制.meta-right为flex布局，统计左、分类标签右 */
.posts-item.card .item-meta .meta-right {
    display: flex !important;
    justify-content: space-between !important; /* 两端对齐 */
    align-items: center !important;
    width: 100% !important; /* 占满容器宽度 */
}

/* 评论/浏览/点赞模块（左侧） */
.posts-item.card .item-meta .meta-stats {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
  color: #999;
}

/* 分类+标签模块（最右侧） */
.posts-item.card .item-meta .meta-cat-tags {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: auto !important; /* 强制推到最右侧 */
}

/* 修复分类/标签样式（可选，保证显示正常） */
.posts-item.card .item-meta .meta-cat-tags .meta-tag-item {
    font-size: 13px !important;
    padding: 3px 6px !important;
    margin: 0 !important;
}








/* 精准覆盖 but c-blue 分类标签的蓝色样式 */
.posts-item.card .item-meta .meta-cat-tags .but.c-blue {
    /* 清空主题自带的蓝色背景/文字色 */
    background-color: unset !important;
    background: var(--muted-bg-color) !important; /* 统一背景色 */
    color: var(--muted-color) !important; /* 统一文字色 */
    border: 1px solid var(--muted-border-color) !important; /* 统一边框 */
    /* 移除蓝色相关的渐变/阴影 */
    background-image: none !important;
    box-shadow: none !important;
}

/* hover时也不显示蓝色 */
.posts-item.card .item-meta .meta-cat-tags .but.c-blue:hover {
    background: var(--muted-border-color) !important;
    color: var(--key-color) !important;
    border-color: var(--main-border-color) !important;
}

/* 兜底：确保所有分类/标签按钮样式统一 */
.posts-item.card .item-meta .meta-cat-tags .but {
    font-size: 11px;
    padding: 6px 8px;
    border-radius: 3px;
    background: var(--muted-bg-color);
    color: var(--muted-color);
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
    border: 1px solid var(--muted-border-color);
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    height: auto;
}















.meta-pay.but.jb-vip1,.meta-pay.but.jb-vip2 {
	display: none!important
}

.meta-pay.but.jb-yellow {
	display: none!important
}

.meta-pay.but.jb-blue {
	display: none!important
}

.posts-item.card {
	position: relative;
	overflow: visible!important;
	clip-path: none!important;
	mask: none!important;
	z-index: 1
}


.posts-item.card .badage {
	position: absolute;
	right: 0;
	top: 44.5%;
	transform: translateY(-50%);
	z-index: 99;
}


@media (max-width:768px) {
	.posts-item.card .badage {
		position: absolute;
	right: 0;
	top: 38.5%;
	transform: translateY(-50%);
	z-index: 99;
	}
}

.posts-item.card .badage.clickable {
	pointer-events: auto;
	cursor: pointer
}

.posts-item.card .badage:not(.clickable) {
	pointer-events: none
}

.posts-item.card .badage>div {
	position: relative;
	margin: 0 -6px 8px 0;
	filter: drop-shadow(-5px 5px 3px rgba(3, 154, 179, .3))
}

.posts-item.card .badage>div:after,.posts-item.card .badage>div:before {
	content: "";
	display: block;
	border-style: solid;
	position: absolute
}

.posts-item.card .badage>div:before {
	right: 0;
	top: -6px;
	border-color: transparent transparent #027a8c #027a8c;
	border-width: 3px;
	transform: scaleY(.75);
	transform-origin: bottom
}

.posts-item.card .badage>div:after {
	border-color: transparent #039ab3 #039ab3 transparent;
	border-width: 11px 6px;
	top: 50%;
	left: -12px;
	transform: translateY(-50%)
}

.posts-item.card .badage>div>.content {
	color: #fff;
	background: linear-gradient(140deg,#039ab3 10%,#58dbcf 90%);
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	padding: 0 15px 0 8px;
	border-bottom-right-radius: 5px
}

.posts-item.card .badage>div.badge-pay {
	filter: drop-shadow(-5px 5px 3px rgba(59, 130, 246, .4))
}

.posts-item.card .badage>div.badge-pay:before {
	border-left-color: #1e40af;
	border-bottom-color: #1e40af
}

.posts-item.card .badage>div.badge-pay:after {
	border-right-color: #3b82f6;
	border-bottom-color: #3b82f6
}

.posts-item.card .badage>div.badge-pay>.content {
	background: linear-gradient(90deg,#3b82f6,#60a5fa calc(100% - 6px),#93c5fd)
}

.posts-item.card .badage>div.badge-points {
	filter: drop-shadow(-5px 5px 3px rgba(239, 68, 68, .4))
}

.posts-item.card .badage>div.badge-points:before {
	border-left-color: #b91c1c;
	border-bottom-color: #b91c1c
}

.posts-item.card .badage>div.badge-points:after {
	border-right-color: #ef4444;
	border-bottom-color: #ef4444
}

.posts-item.card .badage>div.badge-points>.content {
	background: linear-gradient(90deg,#ef4444,#f87171 calc(100% - 6px),#fca5a5)
}

.posts-item.card .badage>div.badge-free {
	filter: drop-shadow(-5px 5px 3px rgba(34, 197, 94, .4))
}

.posts-item.card .badage>div.badge-free:before {
	border-left-color: #15803d;
	border-bottom-color: #15803d
}

.posts-item.card .badage>div.badge-free:after {
	border-right-color: #22c55e;
	border-bottom-color: #22c55e
}

.posts-item.card .badage>div.badge-free>.content {
	background: linear-gradient(90deg,#22c55e,#4ade80 calc(100% - 6px),#86efac)
}

.posts-item.card .badage>div.badge-comment {
	filter: drop-shadow(-5px 5px 3px rgba(168, 85, 247, .4))
}

.posts-item.card .badage>div.badge-comment:before {
	border-left-color: #7c3aed;
	border-bottom-color: #7c3aed
}

.posts-item.card .badage>div.badge-comment:after {
	border-right-color: #a855f7;
	border-bottom-color: #a855f7
}

.posts-item.card .badage>div.badge-comment>.content {
	background: linear-gradient(90deg,#a855f7,#c084fc calc(100% - 6px),#d8b4fe)
}

.posts-item.card .badage>div.badge-vip {
	filter: drop-shadow(-5px 5px 3px rgba(245, 158, 11, .4))
}

.posts-item.card .badage>div.badge-vip:before {
	border-left-color: #d97706;
	border-bottom-color: #d97706
}

.posts-item.card .badage>div.badge-vip:after {
	border-right-color: #f59e0b;
	border-bottom-color: #f59e0b
}

.posts-item.card .badage>div.badge-vip>.content {
	background: linear-gradient(90deg,#f59e0b,#fbbf24 calc(100% - 6px),#fcd34d)
}

.posts-item.card .badage>div.fufeisd {
	filter: drop-shadow(-5px 5px 3px rgba(59, 130, 246, .4))
}

.posts-item.card .badage>div.fufeisd:before {
	border-left-color: #1e40af;
	border-bottom-color: #1e40af
}

.posts-item.card .badage>div.fufeisd:after {
	border-right-color: #3b82f6;
	border-bottom-color: #3b82f6
}

.posts-item.card .badage>div.fufeisd>.content {
	background: linear-gradient(90deg,#4e9ef8,#639cf1 calc(100% - 6px),#99c9ff)
}

.posts-item.card .badage>div.red {
	filter: drop-shadow(-5px 5px 3px rgba(255, 73, 73, .3))
}

.posts-item.card .badage>div.red:before {
	border-left-color: #ca1f1e;
	border-bottom-color: #ca1f1e
}

.posts-item.card .badage>div.red:after {
	border-right-color: #ff4949;
	border-bottom-color: #ff4949
}

.posts-item.card .badage>div.red>.content {
	background: linear-gradient(90deg,#ff4949,#ff7849 calc(100% - 6px),#ffb350)
}

.posts-item.card .badage>div.yellow {
	filter: drop-shadow(-5px 5px 3px rgba(238, 118, 28, .3))
}

.posts-item.card .badage>div.yellow:before {
	border-left-color: #ff7800;
	border-bottom-color: #ff7800
}

.posts-item.card .badage>div.yellow:after {
	border-right-color: #ff7800;
	border-bottom-color: #ff7800
}

.posts-item.card .badage>div.yellow>.content {
	background: linear-gradient(90deg,#ff7800,#f18c1a calc(100% - 6px),#f5c01b)
}

.posts-item.card .badage>div.green {
	filter: drop-shadow(-5px 5px 3px rgba(86, 175, 51, .3))
}

.posts-item.card .badage>div.green:before {
	border-left-color: #5ea636;
	border-bottom-color: #5ea636
}

.posts-item.card .badage>div.green:after {
	border-right-color: #5ea636;
	border-bottom-color: #5ea636
}

.posts-item.card .badage>div.green>.content {
	background: linear-gradient(90deg,#5ea636,#97c22d calc(100% - 6px),#bcd540)
}

.posts-item.card .badage>div.blue {
	filter: drop-shadow(-5px 5px 3px rgba(39, 145, 255, .3))
}

.posts-item.card .badage>div.blue:before {
	border-left-color: #2791ff;
	border-bottom-color: #2791ff
}

.posts-item.card .badage>div.blue:after {
	border-right-color: #2791ff;
	border-bottom-color: #2791ff
}

.posts-item.card .badage>div.blue>.content {
	background: linear-gradient(90deg,#2791ff,#40acff calc(100% - 6px),#78deff)
}

.posts-item.card .item-excerpt:not(.custom-card-excerpt) {
	display: none
}

.posts-item.card .badage>div.badge-vipshow {
	filter: drop-shadow(-5px 5px 3px rgba(245, 158, 11, .4))
}

.posts-item.card .badage>div.badge-vipshow:before {
	border-left-color: #d97706;
	border-bottom-color: #d97706
}

.posts-item.card .badage>div.badge-vipshow:after {
	border-right-color: #f59e0b;
	border-bottom-color: #f59e0b
}

.posts-item.card .badage>div.badge-vipshow>.content {
	background: linear-gradient(90deg,#f59e0b,#fbbf24 calc(100% - 6px),#fcd34d)
}

.posts-item.card .badage>div.badge-vipshow-1 {
	filter: drop-shadow(-5px 5px 3px rgba(168, 85, 247, .4))
}

.posts-item.card .badage>div.badge-vipshow-1:before {
	border-left-color: #7c3aed;
	border-bottom-color: #7c3aed
}

.posts-item.card .badage>div.badge-vipshow-1:after {
	border-right-color: #a855f7;
	border-bottom-color: #a855f7
}

.posts-item.card .badage>div.badge-vipshow-1>.content {
	background: linear-gradient(90deg,#a855f7,#c084fc calc(100% - 6px),#d8b4fe)
}

.posts-item.card .badage>div.badge-vipshow-2 {
	filter: drop-shadow(-5px 5px 3px rgba(59, 130, 246, .4))
}

.posts-item.card .badage>div.badge-vipshow-2:before {
	border-left-color: #1e40af;
	border-bottom-color: #1e40af
}

.posts-item.card .badage>div.badge-vipshow-2:after {
	border-right-color: #3b82f6;
	border-bottom-color: #3b82f6
}

.posts-item.card .badage>div.badge-vipshow-2>.content {
	background: linear-gradient(90deg,#3b82f6,#60a5fa calc(100% - 6px),#93c5fd)
}







/* 24小时内新文章NEW徽章样式 */
.posts-item.card .thumbnail-new-badge {
    position: absolute;
    top: 10px;
    right: -20px;
    z-index: 11;
    width: 63px;
    height: 22px;
    background: linear-gradient(135deg,#ff4757 0%,#ff6b81 30%,rgba(255,107,129,0) 100%);
    transform: skewX(-20deg);
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.16,1,0.3,1), transform 0.3s cubic-bezier(0.16,1,0.3,1);
    pointer-events: none;
    box-shadow: -2px 2px 8px rgba(255,71,87,0.3);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}
.posts-item.card .thumbnail-new-badge span {
    transform: skewX(20deg); /* 抵消父元素的倾斜，让文字正显示 */
    display: inline-block;
}
.posts-item.card .thumbnail-new-badge {
    top: 10px;
    right: -12px;
    width: 55px;
    height: 20px;
}
.posts-item.card, .posts-item.card *, .posts-item.card::before, .posts-item.card::after, .posts-item.card *::before, .posts-item.card *::after {
    animation: none;
}
/* 核心：鼠标触碰卡片时隐藏NEW徽章 */
.posts-item.card:hover .thumbnail-new-badge {
    opacity: 0 !important;
    transform: skewX(-20deg) translateX(10px) !important; /* 加个右移动画，隐藏更丝滑 */
}
/* 产品卡片隐藏NEW徽章 */
.posts-item.card.product-item .thumbnail-new-badge {
    display: none !important;
}





/* 保留原始按钮的类样式 */
.but.jb-blue.radius {
    /* 这里保留原主题中定义的按钮样式 */
    background-color: #4a6cf7;
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    transition: all 0.3s ease;
}

.but.jb-blue.radius:hover {
    background-color: #3a5ce7;
    color: #fff;
}

.em12 {
    font-size: 1.2em;
}










.float-right-radius.float-btn.ontop.fade{
    color: #fff;
}












 /**用户排行榜开始*/
         .hot-top    .left {
                float: left;
            }
.hot-top .right .top-ul li a h3 {

    white-space: nowrap;
}
       .hot-top      .right {
                float: right;
            }

            img {
                border: none;
            }

            .hot-top {
                width: 100%;
                background: var(--main-bg-color);
                margin-bottom: 25px;
                padding: 22px 20px;
                position: relative;
                height: 147px;
                overflow: hidden;
                border-radius: 4px 4px 4px 4px;
            }

            .hot-top .tg-ph {
                background-size: 100% 100%;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 2;
                display: block;
                width: 60px;
                height: 60px;
            }

            .hot-top .left {
                height: 100%;
            }

            .hot-top .left a {
                display: block;
                width: 121px;
                height: 45px;
                line-height: 45px;
                background: #f6f6f6;
                text-align: center;
                font-size: 15px;
                color: #989898;
                margin-bottom: 13px;
                cursor: pointer;
                border-radius: 10px;
            }

            .hot-top .left a:last-child {
                margin-bottom: 0;
            }

            .hot-top .left .hover {
                background: #2b21fa;
                color: #FFF;
                position: relative;
            }

            .hot-top .left .hover:after {
                content: "";
                width: 0;
                height: 0;
                border-top: 7px solid transparent;
                border-bottom: 7px solid transparent;
                border-left: 10px solid #2b21fa;
                position: absolute;
                top: 15.5px;
                right: -10px;
                z-index: 1;
            }

            .hot-top .right-main {
                height: 100%;
                overflow-y: auto;
                margin-bottom: 30px;
            }

            .hot-top .right-main:last-child {
                margin-bottom: 0px;
            }

            .hot-top .right-overflow {
                transition: 0.4s all;
                transform: translateY(0);
            }

            .hot-top .right {
                float: left;
                width: calc( 100% - 147px);
                margin-left: 26px;
                height: 100%;
            }

            .hot-top .right .top-ul {
                height: 130px;
                overflow: hidden;
            }

            .hot-top .right .top-ul li {
                width: 78px;
                float: center;
                margin:0px 18px;
                display:inline-block;
            }

            .hot-top .right .top-ul li:nth-child(10n) {
                margin-right: 0;
            }

            .hot-top .right .top-ul li a {
                display: block;
            }

            .hot-top .right .top-ul li a .list-img {
                width: 100%;
                height: 78px;
                line-height: 78px;
                text-align: center;
                border-radius: 10px;
            }

            .hot-top .right .top-ul li a .list-img img {
                width: 100%;
            }

            .hot-top .right .top-ul li a .list-img img:hover {
                opacity: 0.8;
            }

            .hot-top .right .top-ul li a h3 {
                margin-top: 7px;
                font-size: 13px;
                line-height: 25px;
                height: 25px;
                overflow: hidden;
                width: 100%;
                text-align: center;
            }

            .new-position {
                height: 780px;
            }

            .new-position .left {
                height: 100%;
                width: calc( ( 100% - 13px ) * 0.36 );
            }

            .new-position .right {
                width: calc( ( 100% - 13px ) * 0.64 );
                height: 100%;
                background: #FFF;
                padding: 17px 28px;
            }

            .new-position .layui-carousel > [carousel-item] > * {
                background: #FFF;
            }

            .new-position #index-lb {
                height: 300px;
            }

            .new-position #index-lb div div img {
                width: 100%;
                min-height: 100%;
            }

            .new-position .index-login {
                background: #FFF;
                margin-top: 13px;
                height: calc( 767px - 300px);
                padding: 25px 33px;
                position: relative;
            }

            span.note {
                position: absolute;
                top: 10px;
                right: -50px;
                z-index: 1;
                width: 140px;
                height: 20px;
                background: #2c40a0;
                color: #fff;
                line-height: 20px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                text-align: center;
                font-size: 12px;
            }
img.rela {
    position: absolute;
    left: 52px;
    z-index: 2;
    /* right: 50px; */
    top: 58px;
    height: 25px;
    width: 25px;
}

  /*头像呼吸光环和鼠标悬停旋转放大开始*/
             img.yuan {  
    border-radius: 50%;  
    animation: light 4s ease-in-out infinite;  
    transition: 2s;  
}  
  
img.yuan:hover {  
    transform: scale(1) rotate(720deg);  
}

        /*头像呼吸光环和鼠标悬停旋转放大结束*/
            /**用户排行榜结束*/
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            /*弹窗提醒*/
.qmsg.qmsg-wrapper {
  box-sizing:border-box;
  margin:0;
  padding:0;
  font-size:13px;
  font-variant:tabular-nums;
  line-height:1;
  list-style:none;
  font-feature-settings:"tnum";
  position:fixed;
  top:96px;
  left:0;
  z-index:9999999;
  width:100%;
  pointer-events:none;
  color:#000;
}
.qmsg .qmsg-item {
  padding:8px;
  text-align:center;
  -webkit-animation-duration:.3s;
  animation-duration:.3s;
  position:relative;
}
.qmsg .qmsg-item .qmsg-count {
  text-align:center;
  position:absolute;
  left:-4px;
  top:-4px;
  background-color:#FF3355;
  color:#fff;
  font-size:12px;
  line-height:16px;
  border-radius:2px;
  display:inline-block;
  min-width:16px;
  height:16px;
  -webkit-animation-duration:.3s;
  animation-duration:.3s;
}
.qmsg .qmsg-item:first-child {
  margin-top:-8px;
}
.qmsg .qmsg-content {
  text-align:left;
  position:relative;
  display:inline-block;
  padding:10px 16px;
  background:#fff;
  border-radius:4px;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  pointer-events:all;
  max-width:80%;
  min-width:80px;
}
.qmsg-content > div {
  display:flex;
  align-items:center;
}
.qmsg .qmsg-content [class^="qmsg-content-"] {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:flex;
  align-items:center;
}
.qmsg .qmsg-content .qmsg-content-with-close {
  padding-right:20px;
}
.qmsg .qmsg-icon {
  display:inline-block;
  color:inherit;
  font-style:normal;
  text-align:center;
  text-transform:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  position:relative;
  top:0;
  margin-right:8px;
  font-size:16px;
}
.qmsg .qmsg-icon svg {
  display:inline-block;
}
.qmsg .qmsg-content-info .qmsg-icon {
  color:#1890ff;
  user-select:none;
}
.qmsg .qmsg-icon-close {
  position:absolute;
  top:11px;
  right:5px;
  padding:0;
  overflow:hidden;
  font-size:12px;
  line-height:22px;
  background-color:transparent;
  border:none;
  outline:none;
  cursor:pointer;
  color:rgba(0,0,0,.45);
  transition:color .3s;
}
.qmsg .qmsg-icon-close:hover>svg path {
  stroke:#555;
}
.qmsg .animate-turn {
  animation:MessageTurn 1s linear infinite;
  -webkit-animation:MessageTurn 1s linear infinite;
}
@keyframes MessageTurn {
  0% {
  -webkit-transform:rotate(0deg);
}
25% {
  -webkit-transform:rotate(90deg);
}
50% {
  -webkit-transform:rotate(180deg);
}
75% {
  -webkit-transform:rotate(270deg);
}
100% {
  -webkit-transform:rotate(360deg);
}
;}@-webkit-keyframes MessageTurn {
  0% {
  -webkit-transform:rotate(0deg);
}
25% {
  -webkit-transform:rotate(90deg);
}
50% {
  -webkit-transform:rotate(180deg);
}
75% {
  -webkit-transform:rotate(270deg);
}
100% {
  -webkit-transform:rotate(360deg);
}
;}@-webkit-keyframes MessageMoveOut {
  0% {
  max-height:150px;
  padding:8px;
  opacity:1;
}
to {
  max-height:0;
  padding:0;
  opacity:0;
}
;}@keyframes MessageMoveOut {
  0% {
  max-height:150px;
  padding:8px;
  opacity:1;
}
to {
  max-height:0;
  padding:0;
  opacity:0;
}
;}@-webkit-keyframes MessageMoveIn {
  0% {
  transform:translateY(-100%);
  transform-origin:0 0;
  opacity:0;
}
to {
  transform:translateY(0);
  transform-origin:0 0;
  opacity:1;
}
;}@keyframes MessageMoveIn {
  0% {
  transform:translateY(-100%);
  transform-origin:0 0;
  opacity:0;
}
to {
  transform:translateY(0);
  transform-origin:0 0;
  opacity:1;
}
;}@-webkit-keyframes MessageShake {
  0%,100% {
  transform:translateX(0px);
  opacity:1;
}
25%,75% {
  transform:translateX(-4px);
  opacity:0.75;
}
50% {
  transform:translateX(4px);
  opacity:0.25;
}
;}@keyframes MessageShake {
  0%,100% {
  transform:translateX(0px);
  opacity:1;
}
25%,75% {
  transform:translateX(-4px);
  opacity:0.75;
}
50% {
  transform:translateX(4px);
  opacity:0.25;
}
;}









.swiper-container[data-slideclass="posts-item"] .swiper-wrapper .posts-item.card:hover {
    transform: none !important;
    box-shadow: none !important;
}

.swiper-container[data-slideclass="posts-item"] .posts-item.card{
    transition: none !important;
}



.float-right-radius.float-btn.ontop.fade.show {
    background: #fff !important;
    color: #333 !important;
}

.dark-theme .float-right-radius.float-btn.ontop.fade.show {
    background: var(--float-btn-bg) !important;
    color: var(--main-color) !important;
}