/*文章缩略图的动态圆圈 开始*/
/*BY-映凡空间 - www.yfkj6.com*/
.item-thumbnail:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0,0,0,0);
                transition: background .35s;
                border-radius: 8px;
                z-index: 2;
                max-width: 765px;
                margin: 0 auto;
                pointer-events: none;
            }
            .item-thumbnail:after {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                width: 50px;
                height: 50px;
                margin: -25px 0 0 -25px;
                background: url(//001.pipixiaozhan.cn/images/comimages.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                z-index: 3;
                -webkit-transform: scale(2);
                transform: scale(2);
                transition: opacity .35s,-webkit-transform .35s;
                transition: transform .35s,opacity .35s;
                transition: transform .35s,opacity .35s,-webkit-transform .35s;
                opacity: 0;
                pointer-events: none;
            }
            .item-thumbnail:hover:before {
                background: rgba(0,0,0,.5)
            }
            .item-thumbnail:hover:after {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
/*BY-映凡空间 - www.yfkj6.com*/
/*文章缩略图的动态圆圈 结束*/





/*底部板块三图片border*/
.footer-miniimg p {
  position: relative;
}

.footer-miniimg p:hover {
  filter: contrast(1.1);
}

.footer-miniimg p:active {
  filter: contrast(0.9);
}

.footer-miniimg p::before,
.footer-miniimg p::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;
}

.footer-miniimg p::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%);
  }
}














  











/*modal弹窗背景样式huliku.com*/
#zibpay_modal, .modal-open .modal {
    background: url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01sHaYCQ1QbIkXDzSVg_!!2210123621994.png);
    backdrop-filter: blur(10px) !important;
}

















/*
* 文章置顶美化开始
* www.bfbke.com
*/
@-webkit-keyframes burn{0%{-webkit-clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54% 54%,56% 59%,58% 62%,59% 56%,60% 52%,63% 57%,63% 62%,61% 68%,63% 72%,65% 77%,67% 81%,66% 86%,63% 90%,60% 92%);clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54% 54%,56% 59%,58% 62%,59% 56%,60% 52%,63% 57%,63% 62%,61% 68%,63% 72%,65% 77%,67% 81%,66% 86%,63% 90%,60% 92%);}25%{-webkit-clip-path:polygon(49% 97%,41% 97%,35% 92%,33% 86%,34% 80%,30% 74%,34% 77%,38% 81%,38% 78%,36% 72%,35% 67%,37% 61%,37% 54%,39% 61%,39% 67%,43% 63%,43% 58%,45% 44%,44% 58%,48% 66%,51% 67%,51% 59%,54% 67%,56% 72%,57% 79%,59% 77%,60% 71%,61% 77%,61% 83%,60% 89%,61% 94%,57% 97%,52% 98%);clip-path:polygon(49% 97%,41% 97%,35% 92%,33% 86%,34% 80%,30% 74%,34% 77%,38% 81%,38% 78%,36% 72%,35% 67%,37% 61%,37% 54%,39% 61%,39% 67%,43% 63%,43% 58%,45% 44%,44% 58%,48% 66%,51% 67%,51% 59%,54% 67%,56% 72%,57% 79%,59% 77%,60% 71%,61% 77%,61% 83%,60% 89%,61% 94%,57% 97%,52% 98%);}50%{-webkit-clip-path:polygon(46% 97%,39% 96%,35% 89%,36% 84%,34% 77%,30% 73%,30% 65%,30% 70%,35% 75%,38% 68%,37% 61%,40% 53%,41% 42%,42% 56%,44% 65%,50% 67%,51% 57%,53% 68%,52% 74%,51% 81%,55% 78%,57% 72%,58% 79%,57% 85%,55% 88%,60% 87%,63% 82%,63% 89%,59% 94%,55% 98%,51% 92%,50% 99%,45% 96%);clip-path:polygon(46% 97%,39% 96%,35% 89%,36% 84%,34% 77%,30% 73%,30% 65%,30% 70%,35% 75%,38% 68%,37% 61%,40% 53%,41% 42%,42% 56%,44% 65%,50% 67%,51% 57%,53% 68%,52% 74%,51% 81%,55% 78%,57% 72%,58% 79%,57% 85%,55% 88%,60% 87%,63% 82%,63% 89%,59% 94%,55% 98%,51% 92%,50% 99%,45% 96%);}75%{-webkit-clip-path:polygon(45% 97%,38% 97%,33% 93%,31% 87%,31% 81%,29% 76%,25% 69%,29% 61%,30% 69%,35% 71%,35% 62%,34% 54%,38% 45%,38% 54%,43% 62%,47% 57%,48% 49%,44% 38%,50% 46%,53% 60%,54% 71%,53% 79%,59% 76%,60% 66%,64% 73%,63% 79%,59% 85%,64% 90%,68% 84%,68% 92%,60% 97%,53% 98%,48% 99%);clip-path:polygon(45% 97%,38% 97%,33% 93%,31% 87%,31% 81%,29% 76%,25% 69%,29% 61%,30% 69%,35% 71%,35% 62%,34% 54%,38% 45%,38% 54%,43% 62%,47% 57%,48% 49%,44% 38%,50% 46%,53% 60%,54% 71%,53% 79%,59% 76%,60% 66%,64% 73%,63% 79%,59% 85%,64% 90%,68% 84%,68% 92%,60% 97%,53% 98%,48% 99%);}100%{-webkit-clip-path:polygon(48% 97%,42% 97%,37% 93%,31% 92%,28% 88%,26% 81%,29% 84%,34% 84%,33% 79%,30% 74%,31% 67%,34% 57%,34% 65%,39% 71%,43% 65%,43% 55%,40% 45%,48% 59%,49% 69%,51% 76%,55% 71%,54% 65%,54% 58%,58% 64%,61% 72%,57% 82%,61% 87%,64% 78%,66% 85%,64% 93%,57% 96%,54% 93%,48% 97%);clip-path:polygon(48% 97%,42% 97%,37% 93%,31% 92%,28% 88%,26% 81%,29% 84%,34% 84%,33% 79%,30% 74%,31% 67%,34% 57%,34% 65%,39% 71%,43% 65%,43% 55%,40% 45%,48% 59%,49% 69%,51% 76%,55% 71%,54% 65%,54% 58%,58% 64%,61% 72%,57% 82%,61% 87%,64% 78%,66% 85%,64% 93%,57% 96%,54% 93%,48% 97%);}}@keyframes burn{0%{-webkit-clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54% 54%,56% 59%,58% 62%,59% 56%,60% 52%,63% 57%,63% 62%,61% 68%,63% 72%,65% 77%,67% 81%,66% 86%,63% 90%,60% 92%);clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54% 54%,56% 59%,58% 62%,59% 56%,60% 52%,63% 57%,63% 62%,61% 68%,63% 72%,65% 77%,67% 81%,66% 86%,63% 90%,60% 92%);}25%{-webkit-clip-path:polygon(49% 97%,41% 97%,35% 92%,33% 86%,34% 80%,30% 74%,34% 77%,38% 81%,38% 78%,36% 72%,35% 67%,37% 61%,37% 54%,39% 61%,39% 67%,43% 63%,43% 58%,45% 44%,44% 58%,48% 66%,51% 67%,51% 59%,54% 67%,56% 72%,57% 79%,59% 77%,60% 71%,61% 77%,61% 83%,60% 89%,61% 94%,57% 97%,52% 98%);clip-path:polygon(49% 97%,41% 97%,35% 92%,33% 86%,34% 80%,30% 74%,34% 77%,38% 81%,38% 78%,36% 72%,35% 67%,37% 61%,37% 54%,39% 61%,39% 67%,43% 63%,43% 58%,45% 44%,44% 58%,48% 66%,51% 67%,51% 59%,54% 67%,56% 72%,57% 79%,59% 77%,60% 71%,61% 77%,61% 83%,60% 89%,61% 94%,57% 97%,52% 98%);}50%{-webkit-clip-path:polygon(46% 97%,39% 96%,35% 89%,36% 84%,34% 77%,30% 73%,30% 65%,30% 70%,35% 75%,38% 68%,37% 61%,40% 53%,41% 42%,42% 56%,44% 65%,50% 67%,51% 57%,53% 68%,52% 74%,51% 81%,55% 78%,57% 72%,58% 79%,57% 85%,55% 88%,60% 87%,63% 82%,63% 89%,59% 94%,55% 98%,51% 92%,50% 99%,45% 96%);clip-path:polygon(46% 97%,39% 96%,35% 89%,36% 84%,34% 77%,30% 73%,30% 65%,30% 70%,35% 75%,38% 68%,37% 61%,40% 53%,41% 42%,42% 56%,44% 65%,50% 67%,51% 57%,53% 68%,52% 74%,51% 81%,55% 78%,57% 72%,58% 79%,57% 85%,55% 88%,60% 87%,63% 82%,63% 89%,59% 94%,55% 98%,51% 92%,50% 99%,45% 96%);}75%{-webkit-clip-path:polygon(45% 97%,38% 97%,33% 93%,31% 87%,31% 81%,29% 76%,25% 69%,29% 61%,30% 69%,35% 71%,35% 62%,34% 54%,38% 45%,38% 54%,43% 62%,47% 57%,48% 49%,44% 38%,50% 46%,53% 60%,54% 71%,53% 79%,59% 76%,60% 66%,64% 73%,63% 79%,59% 85%,64% 90%,68% 84%,68% 92%,60% 97%,53% 98%,48% 99%);clip-path:polygon(45% 97%,38% 97%,33% 93%,31% 87%,31% 81%,29% 76%,25% 69%,29% 61%,30% 69%,35% 71%,35% 62%,34% 54%,38% 45%,38% 54%,43% 62%,47% 57%,48% 49%,44% 38%,50% 46%,53% 60%,54% 71%,53% 79%,59% 76%,60% 66%,64% 73%,63% 79%,59% 85%,64% 90%,68% 84%,68% 92%,60% 97%,53% 98%,48% 99%);}100%{-webkit-clip-path:polygon(48% 97%,42% 97%,37% 93%,31% 92%,28% 88%,26% 81%,29% 84%,34% 84%,33% 79%,30% 74%,31% 67%,34% 57%,34% 65%,39% 71%,43% 65%,43% 55%,40% 45%,48% 59%,49% 69%,51% 76%,55% 71%,54% 65%,54% 58%,58% 64%,61% 72%,57% 82%,61% 87%,64% 78%,66% 85%,64% 93%,57% 96%,54% 93%,48% 97%);clip-path:polygon(48% 97%,42% 97%,37% 93%,31% 92%,28% 88%,26% 81%,29% 84%,34% 84%,33% 79%,30% 74%,31% 67%,34% 57%,34% 65%,39% 71%,43% 65%,43% 55%,40% 45%,48% 59%,49% 69%,51% 76%,55% 71%,54% 65%,54% 58%,58% 64%,61% 72%,57% 82%,61% 87%,64% 78%,66% 85%,64% 93%,57% 96%,54% 93%,48% 97%);}}@-webkit-keyframes burn_alt{0%{-webkit-clip-path:polygon(48% 97%,43% 97%,38% 97%,34% 94%,33% 91%,32% 87%,29% 83%,26% 80%,21% 75%,20% 71%,20% 66%,20% 59%,20% 65%,24% 68%,28% 67%,28% 62%,25% 60%,21% 52%,21% 43%,24% 32%,23% 39%,24% 46%,28% 48%,33% 44%,33% 39%,31% 32%,28% 23%,30% 14%,31% 22%,35% 28%,39% 28%,41% 25%,40% 21%,39% 13%,41% 6%,42% 15%,45% 23%,49% 25%,52% 22%,51% 13%,54% 21%,56% 29%,53% 35%,50% 41%,53% 46%,58% 46%,60% 39%,60% 34%,64% 39%,65% 45%,63% 51%,61% 56%,64% 61%,68% 59%,71% 55%,73% 48%,73% 40%,76% 48%,77% 56%,76% 62%,74% 66%,69% 71%,71% 74%,75% 74%,79% 71%,81% 65%,82% 72%,81% 77%,77% 82%,73% 86%,73% 89%,78% 89%,82% 85%,81% 91%,78% 95%,72% 97%,65% 98%,59% 98%,53% 99%,47% 97%);clip-path:polygon(48% 97%,43% 97%,38% 97%,34% 94%,33% 91%,32% 87%,29% 83%,26% 80%,21% 75%,20% 71%,20% 66%,20% 59%,20% 65%,24% 68%,28% 67%,28% 62%,25% 60%,21% 52%,21% 43%,24% 32%,23% 39%,24% 46%,28% 48%,33% 44%,33% 39%,31% 32%,28% 23%,30% 14%,31% 22%,35% 28%,39% 28%,41% 25%,40% 21%,39% 13%,41% 6%,42% 15%,45% 23%,49% 25%,52% 22%,51% 13%,54% 21%,56% 29%,53% 35%,50% 41%,53% 46%,58% 46%,60% 39%,60% 34%,64% 39%,65% 45%,63% 51%,61% 56%,64% 61%,68% 59%,71% 55%,73% 48%,73% 40%,76% 48%,77% 56%,76% 62%,74% 66%,69% 71%,71% 74%,75% 74%,79% 71%,81% 65%,82% 72%,81% 77%,77% 82%,73% 86%,73% 89%,78% 89%,82% 85%,81% 91%,78% 95%,72% 97%,65% 98%,59% 98%,53% 99%,47% 97%);}25%{-webkit-clip-path:polygon(44% 99%,41% 99%,35% 98%,29% 97%,24% 93%,21% 86%,20% 80%,16% 74%,16% 64%,16% 71%,21% 75%,25% 72%,25% 65%,22% 59%,19% 53%,19% 44%,21% 52%,25% 59%,29% 57%,29% 51%,26% 44%,26% 38%,30% 32%,31% 26%,30% 18%,34% 25%,33% 35%,33% 44%,34% 50%,39% 53%,44% 52%,45% 49%,44% 44%,42% 38%,44% 33%,48% 26%,45% 35%,47% 41%,50% 44%,51% 52%,49% 60%,48% 65%,53% 69%,58% 65%,57% 59%,58% 51%,62% 41%,66% 40%,64% 47%,61% 58%,63% 66%,66% 68%,70% 67%,72% 62%,73% 57%,71% 48%,75% 53%,79% 57%,79% 64%,76% 70%,72% 75%,70% 78%,74% 80%,78% 79%,82% 76%,84% 71%,85% 66%,84% 62%,88% 67%,89% 72%,89% 79%,87% 83%,84% 89%,81% 93%,76% 97%,69% 98%,60% 99%,54% 99%,48% 100%,45% 97%);clip-path:polygon(44% 99%,41% 99%,35% 98%,29% 97%,24% 93%,21% 86%,20% 80%,16% 74%,16% 64%,16% 71%,21% 75%,25% 72%,25% 65%,22% 59%,19% 53%,19% 44%,21% 52%,25% 59%,29% 57%,29% 51%,26% 44%,26% 38%,30% 32%,31% 26%,30% 18%,34% 25%,33% 35%,33% 44%,34% 50%,39% 53%,44% 52%,45% 49%,44% 44%,42% 38%,44% 33%,48% 26%,45% 35%,47% 41%,50% 44%,51% 52%,49% 60%,48% 65%,53% 69%,58% 65%,57% 59%,58% 51%,62% 41%,66% 40%,64% 47%,61% 58%,63% 66%,66% 68%,70% 67%,72% 62%,73% 57%,71% 48%,75% 53%,79% 57%,79% 64%,76% 70%,72% 75%,70% 78%,74% 80%,78% 79%,82% 76%,84% 71%,85% 66%,84% 62%,88% 67%,89% 72%,89% 79%,87% 83%,84% 89%,81% 93%,76% 97%,69% 98%,60% 99%,54% 99%,48% 100%,45% 97%);}50%{-webkit-clip-path:polygon(45% 99%,40% 98%,34% 98%,31% 96%,28% 93%,26% 89%,27% 84%,26% 81%,23% 77%,20% 73%,18% 70%,19% 65%,19% 60%,20% 53%,20% 43%,24% 41%,28% 32%,28% 40%,28% 48%,29% 53%,33% 52%,35% 49%,36% 42%,36% 35%,36% 27%,39% 19%,42% 12%,40% 23%,39% 29%,41% 37%,43% 41%,44% 47%,45% 52%,47% 55%,50% 57%,52% 54%,53% 48%,52% 42%,51% 33%,50% 26%,54% 36%,55% 39%,57% 46%,57% 52%,55% 58%,55% 61%,58% 65%,62% 64%,64% 60%,65% 54%,64% 49%,65% 43%,68% 38%,67% 44%,69% 51%,72% 53%,72% 59%,70% 65%,68% 69%,68% 74%,71% 75%,74% 73%,76% 69%,78% 63%,82% 58%,81% 63%,81% 69%,81% 75%,76% 80%,75% 85%,79% 87%,82% 84%,83% 91%,79% 94%,75% 96%,71% 97%,64% 98%,58% 99%,53% 98%,46% 100%);clip-path:polygon(45% 99%,40% 98%,34% 98%,31% 96%,28% 93%,26% 89%,27% 84%,26% 81%,23% 77%,20% 73%,18% 70%,19% 65%,19% 60%,20% 53%,20% 43%,24% 41%,28% 32%,28% 40%,28% 48%,29% 53%,33% 52%,35% 49%,36% 42%,36% 35%,36% 27%,39% 19%,42% 12%,40% 23%,39% 29%,41% 37%,43% 41%,44% 47%,45% 52%,47% 55%,50% 57%,52% 54%,53% 48%,52% 42%,51% 33%,50% 26%,54% 36%,55% 39%,57% 46%,57% 52%,55% 58%,55% 61%,58% 65%,62% 64%,64% 60%,65% 54%,64% 49%,65% 43%,68% 38%,67% 44%,69% 51%,72% 53%,72% 59%,70% 65%,68% 69%,68% 74%,71% 75%,74% 73%,76% 69%,78% 63%,82% 58%,81% 63%,81% 69%,81% 75%,76% 80%,75% 85%,79% 87%,82% 84%,83% 91%,79% 94%,75% 96%,71% 97%,64% 98%,58% 99%,53% 98%,46% 100%);}75%{-webkit-clip-path:polygon(45% 99%,41% 99%,35% 98%,30% 98%,25% 94%,22% 89%,21% 84%,23% 77%,23% 70%,19% 63%,23% 66%,27% 71%,28% 76%,32% 78%,35% 72%,32% 67%,28% 64%,24% 58%,24% 49%,27% 42%,30% 34%,31% 24%,29% 13%,33% 18%,38% 25%,38% 36%,37% 44%,41% 48%,45% 48%,48% 45%,48% 39%,46% 33%,48% 27%,52% 20%,50% 29%,51% 38%,53% 44%,54% 52%,56% 57%,61% 57%,64% 55%,65% 48%,63% 39%,63% 32%,66% 37%,69% 44%,70% 52%,68% 59%,66% 64%,67% 69%,73% 72%,76% 71%,77% 66%,76% 58%,76% 51%,80% 57%,82% 62%,82% 68%,80% 73%,77% 78%,74% 82%,75% 87%,78% 87%,81% 84%,84% 79%,86% 74%,88% 78%,87% 83%,84% 89%,82% 92%,78% 97%,74% 97%,69% 97%,66% 98%,61% 98%,57% 97%,53% 99%,49% 96%,47% 99%,48% 99%);clip-path:polygon(45% 99%,41% 99%,35% 98%,30% 98%,25% 94%,22% 89%,21% 84%,23% 77%,23% 70%,19% 63%,23% 66%,27% 71%,28% 76%,32% 78%,35% 72%,32% 67%,28% 64%,24% 58%,24% 49%,27% 42%,30% 34%,31% 24%,29% 13%,33% 18%,38% 25%,38% 36%,37% 44%,41% 48%,45% 48%,48% 45%,48% 39%,46% 33%,48% 27%,52% 20%,50% 29%,51% 38%,53% 44%,54% 52%,56% 57%,61% 57%,64% 55%,65% 48%,63% 39%,63% 32%,66% 37%,69% 44%,70% 52%,68% 59%,66% 64%,67% 69%,73% 72%,76% 71%,77% 66%,76% 58%,76% 51%,80% 57%,82% 62%,82% 68%,80% 73%,77% 78%,74% 82%,75% 87%,78% 87%,81% 84%,84% 79%,86% 74%,88% 78%,87% 83%,84% 89%,82% 92%,78% 97%,74% 97%,69% 97%,66% 98%,61% 98%,57% 97%,53% 99%,49% 96%,47% 99%,48% 99%);}100%{-webkit-clip-path:polygon(47% 99%,42% 99%,37% 98%,32% 96%,28% 92%,26% 89%,26% 83%,26% 80%,26% 72%,23% 67%,16% 63%,14% 52%,16% 46%,16% 53%,20% 60%,26% 58%,27% 51%,25% 46%,20% 41%,19% 36%,19% 30%,21% 26%,24% 20%,23% 13%,22% 7%,26% 11%,28% 17%,28% 24%,26% 30%,30% 34%,34% 34%,39% 32%,40% 27%,38% 21%,43% 28%,43% 36%,41% 41%,46% 44%,51% 41%,53% 35%,53% 26%,57% 26%,59% 33%,60% 39%,57% 46%,55% 53%,58% 57%,64% 56%,66% 52%,69% 41%,70% 48%,69% 56%,66% 63%,64% 67%,65% 71%,70% 71%,74% 68%,76% 62%,77% 54%,79% 60%,81% 66%,80% 71%,76% 75%,72% 78%,71% 82%,75% 84%,80% 83%,84% 78%,86% 83%,83% 89%,78% 92%,74% 92%,73% 96%,69% 97%,65% 96%,62% 98%,57% 99%,54% 97%,51% 99%,46% 99%);clip-path:polygon(47% 99%,42% 99%,37% 98%,32% 96%,28% 92%,26% 89%,26% 83%,26% 80%,26% 72%,23% 67%,16% 63%,14% 52%,16% 46%,16% 53%,20% 60%,26% 58%,27% 51%,25% 46%,20% 41%,19% 36%,19% 30%,21% 26%,24% 20%,23% 13%,22% 7%,26% 11%,28% 17%,28% 24%,26% 30%,30% 34%,34% 34%,39% 32%,40% 27%,38% 21%,43% 28%,43% 36%,41% 41%,46% 44%,51% 41%,53% 35%,53% 26%,57% 26%,59% 33%,60% 39%,57% 46%,55% 53%,58% 57%,64% 56%,66% 52%,69% 41%,70% 48%,69% 56%,66% 63%,64% 67%,65% 71%,70% 71%,74% 68%,76% 62%,77% 54%,79% 60%,81% 66%,80% 71%,76% 75%,72% 78%,71% 82%,75% 84%,80% 83%,84% 78%,86% 83%,83% 89%,78% 92%,74% 92%,73% 96%,69% 97%,65% 96%,62% 98%,57% 99%,54% 97%,51% 99%,46% 99%);}}@keyframes burn_alt{0%{-webkit-clip-path:polygon(48% 97%,43% 97%,38% 97%,34% 94%,33% 91%,32% 87%,29% 83%,26% 80%,21% 75%,20% 71%,20% 66%,20% 59%,20% 65%,24% 68%,28% 67%,28% 62%,25% 60%,21% 52%,21% 43%,24% 32%,23% 39%,24% 46%,28% 48%,33% 44%,33% 39%,31% 32%,28% 23%,30% 14%,31% 22%,35% 28%,39% 28%,41% 25%,40% 21%,39% 13%,41% 6%,42% 15%,45% 23%,49% 25%,52% 22%,51% 13%,54% 21%,56% 29%,53% 35%,50% 41%,53% 46%,58% 46%,60% 39%,60% 34%,64% 39%,65% 45%,63% 51%,61% 56%,64% 61%,68% 59%,71% 55%,73% 48%,73% 40%,76% 48%,77% 56%,76% 62%,74% 66%,69% 71%,71% 74%,75% 74%,79% 71%,81% 65%,82% 72%,81% 77%,77% 82%,73% 86%,73% 89%,78% 89%,82% 85%,81% 91%,78% 95%,72% 97%,65% 98%,59% 98%,53% 99%,47% 97%);clip-path:polygon(48% 97%,43% 97%,38% 97%,34% 94%,33% 91%,32% 87%,29% 83%,26% 80%,21% 75%,20% 71%,20% 66%,20% 59%,20% 65%,24% 68%,28% 67%,28% 62%,25% 60%,21% 52%,21% 43%,24% 32%,23% 39%,24% 46%,28% 48%,33% 44%,33% 39%,31% 32%,28% 23%,30% 14%,31% 22%,35% 28%,39% 28%,41% 25%,40% 21%,39% 13%,41% 6%,42% 15%,45% 23%,49% 25%,52% 22%,51% 13%,54% 21%,56% 29%,53% 35%,50% 41%,53% 46%,58% 46%,60% 39%,60% 34%,64% 39%,65% 45%,63% 51%,61% 56%,64% 61%,68% 59%,71% 55%,73% 48%,73% 40%,76% 48%,77% 56%,76% 62%,74% 66%,69% 71%,71% 74%,75% 74%,79% 71%,81% 65%,82% 72%,81% 77%,77% 82%,73% 86%,73% 89%,78% 89%,82% 85%,81% 91%,78% 95%,72% 97%,65% 98%,59% 98%,53% 99%,47% 97%);}25%{-webkit-clip-path:polygon(44% 99%,41% 99%,35% 98%,29% 97%,24% 93%,21% 86%,20% 80%,16% 74%,16% 64%,16% 71%,21% 75%,25% 72%,25% 65%,22% 59%,19% 53%,19% 44%,21% 52%,25% 59%,29% 57%,29% 51%,26% 44%,26% 38%,30% 32%,31% 26%,30% 18%,34% 25%,33% 35%,33% 44%,34% 50%,39% 53%,44% 52%,45% 49%,44% 44%,42% 38%,44% 33%,48% 26%,45% 35%,47% 41%,50% 44%,51% 52%,49% 60%,48% 65%,53% 69%,58% 65%,57% 59%,58% 51%,62% 41%,66% 40%,64% 47%,61% 58%,63% 66%,66% 68%,70% 67%,72% 62%,73% 57%,71% 48%,75% 53%,79% 57%,79% 64%,76% 70%,72% 75%,70% 78%,74% 80%,78% 79%,82% 76%,84% 71%,85% 66%,84% 62%,88% 67%,89% 72%,89% 79%,87% 83%,84% 89%,81% 93%,76% 97%,69% 98%,60% 99%,54% 99%,48% 100%,45% 97%);clip-path:polygon(44% 99%,41% 99%,35% 98%,29% 97%,24% 93%,21% 86%,20% 80%,16% 74%,16% 64%,16% 71%,21% 75%,25% 72%,25% 65%,22% 59%,19% 53%,19% 44%,21% 52%,25% 59%,29% 57%,29% 51%,26% 44%,26% 38%,30% 32%,31% 26%,30% 18%,34% 25%,33% 35%,33% 44%,34% 50%,39% 53%,44% 52%,45% 49%,44% 44%,42% 38%,44% 33%,48% 26%,45% 35%,47% 41%,50% 44%,51% 52%,49% 60%,48% 65%,53% 69%,58% 65%,57% 59%,58% 51%,62% 41%,66% 40%,64% 47%,61% 58%,63% 66%,66% 68%,70% 67%,72% 62%,73% 57%,71% 48%,75% 53%,79% 57%,79% 64%,76% 70%,72% 75%,70% 78%,74% 80%,78% 79%,82% 76%,84% 71%,85% 66%,84% 62%,88% 67%,89% 72%,89% 79%,87% 83%,84% 89%,81% 93%,76% 97%,69% 98%,60% 99%,54% 99%,48% 100%,45% 97%);}50%{-webkit-clip-path:polygon(45% 99%,40% 98%,34% 98%,31% 96%,28% 93%,26% 89%,27% 84%,26% 81%,23% 77%,20% 73%,18% 70%,19% 65%,19% 60%,20% 53%,20% 43%,24% 41%,28% 32%,28% 40%,28% 48%,29% 53%,33% 52%,35% 49%,36% 42%,36% 35%,36% 27%,39% 19%,42% 12%,40% 23%,39% 29%,41% 37%,43% 41%,44% 47%,45% 52%,47% 55%,50% 57%,52% 54%,53% 48%,52% 42%,51% 33%,50% 26%,54% 36%,55% 39%,57% 46%,57% 52%,55% 58%,55% 61%,58% 65%,62% 64%,64% 60%,65% 54%,64% 49%,65% 43%,68% 38%,67% 44%,69% 51%,72% 53%,72% 59%,70% 65%,68% 69%,68% 74%,71% 75%,74% 73%,76% 69%,78% 63%,82% 58%,81% 63%,81% 69%,81% 75%,76% 80%,75% 85%,79% 87%,82% 84%,83% 91%,79% 94%,75% 96%,71% 97%,64% 98%,58% 99%,53% 98%,46% 100%);clip-path:polygon(45% 99%,40% 98%,34% 98%,31% 96%,28% 93%,26% 89%,27% 84%,26% 81%,23% 77%,20% 73%,18% 70%,19% 65%,19% 60%,20% 53%,20% 43%,24% 41%,28% 32%,28% 40%,28% 48%,29% 53%,33% 52%,35% 49%,36% 42%,36% 35%,36% 27%,39% 19%,42% 12%,40% 23%,39% 29%,41% 37%,43% 41%,44% 47%,45% 52%,47% 55%,50% 57%,52% 54%,53% 48%,52% 42%,51% 33%,50% 26%,54% 36%,55% 39%,57% 46%,57% 52%,55% 58%,55% 61%,58% 65%,62% 64%,64% 60%,65% 54%,64% 49%,65% 43%,68% 38%,67% 44%,69% 51%,72% 53%,72% 59%,70% 65%,68% 69%,68% 74%,71% 75%,74% 73%,76% 69%,78% 63%,82% 58%,81% 63%,81% 69%,81% 75%,76% 80%,75% 85%,79% 87%,82% 84%,83% 91%,79% 94%,75% 96%,71% 97%,64% 98%,58% 99%,53% 98%,46% 100%);}75%{-webkit-clip-path:polygon(45% 99%,41% 99%,35% 98%,30% 98%,25% 94%,22% 89%,21% 84%,23% 77%,23% 70%,19% 63%,23% 66%,27% 71%,28% 76%,32% 78%,35% 72%,32% 67%,28% 64%,24% 58%,24% 49%,27% 42%,30% 34%,31% 24%,29% 13%,33% 18%,38% 25%,38% 36%,37% 44%,41% 48%,45% 48%,48% 45%,48% 39%,46% 33%,48% 27%,52% 20%,50% 29%,51% 38%,53% 44%,54% 52%,56% 57%,61% 57%,64% 55%,65% 48%,63% 39%,63% 32%,66% 37%,69% 44%,70% 52%,68% 59%,66% 64%,67% 69%,73% 72%,76% 71%,77% 66%,76% 58%,76% 51%,80% 57%,82% 62%,82% 68%,80% 73%,77% 78%,74% 82%,75% 87%,78% 87%,81% 84%,84% 79%,86% 74%,88% 78%,87% 83%,84% 89%,82% 92%,78% 97%,74% 97%,69% 97%,66% 98%,61% 98%,57% 97%,53% 99%,49% 96%,47% 99%,48% 99%);clip-path:polygon(45% 99%,41% 99%,35% 98%,30% 98%,25% 94%,22% 89%,21% 84%,23% 77%,23% 70%,19% 63%,23% 66%,27% 71%,28% 76%,32% 78%,35% 72%,32% 67%,28% 64%,24% 58%,24% 49%,27% 42%,30% 34%,31% 24%,29% 13%,33% 18%,38% 25%,38% 36%,37% 44%,41% 48%,45% 48%,48% 45%,48% 39%,46% 33%,48% 27%,52% 20%,50% 29%,51% 38%,53% 44%,54% 52%,56% 57%,61% 57%,64% 55%,65% 48%,63% 39%,63% 32%,66% 37%,69% 44%,70% 52%,68% 59%,66% 64%,67% 69%,73% 72%,76% 71%,77% 66%,76% 58%,76% 51%,80% 57%,82% 62%,82% 68%,80% 73%,77% 78%,74% 82%,75% 87%,78% 87%,81% 84%,84% 79%,86% 74%,88% 78%,87% 83%,84% 89%,82% 92%,78% 97%,74% 97%,69% 97%,66% 98%,61% 98%,57% 97%,53% 99%,49% 96%,47% 99%,48% 99%);}100%{-webkit-clip-path:polygon(47% 99%,42% 99%,37% 98%,32% 96%,28% 92%,26% 89%,26% 83%,26% 80%,26% 72%,23% 67%,16% 63%,14% 52%,16% 46%,16% 53%,20% 60%,26% 58%,27% 51%,25% 46%,20% 41%,19% 36%,19% 30%,21% 26%,24% 20%,23% 13%,22% 7%,26% 11%,28% 17%,28% 24%,26% 30%,30% 34%,34% 34%,39% 32%,40% 27%,38% 21%,43% 28%,43% 36%,41% 41%,46% 44%,51% 41%,53% 35%,53% 26%,57% 26%,59% 33%,60% 39%,57% 46%,55% 53%,58% 57%,64% 56%,66% 52%,69% 41%,70% 48%,69% 56%,66% 63%,64% 67%,65% 71%,70% 71%,74% 68%,76% 62%,77% 54%,79% 60%,81% 66%,80% 71%,76% 75%,72% 78%,71% 82%,75% 84%,80% 83%,84% 78%,86% 83%,83% 89%,78% 92%,74% 92%,73% 96%,69% 97%,65% 96%,62% 98%,57% 99%,54% 97%,51% 99%,46% 99%);clip-path:polygon(47% 99%,42% 99%,37% 98%,32% 96%,28% 92%,26% 89%,26% 83%,26% 80%,26% 72%,23% 67%,16% 63%,14% 52%,16% 46%,16% 53%,20% 60%,26% 58%,27% 51%,25% 46%,20% 41%,19% 36%,19% 30%,21% 26%,24% 20%,23% 13%,22% 7%,26% 11%,28% 17%,28% 24%,26% 30%,30% 34%,34% 34%,39% 32%,40% 27%,38% 21%,43% 28%,43% 36%,41% 41%,46% 44%,51% 41%,53% 35%,53% 26%,57% 26%,59% 33%,60% 39%,57% 46%,55% 53%,58% 57%,64% 56%,66% 52%,69% 41%,70% 48%,69% 56%,66% 63%,64% 67%,65% 71%,70% 71%,74% 68%,76% 62%,77% 54%,79% 60%,81% 66%,80% 71%,76% 75%,72% 78%,71% 82%,75% 84%,80% 83%,84% 78%,86% 83%,83% 89%,78% 92%,74% 92%,73% 96%,69% 97%,65% 96%,62% 98%,57% 99%,54% 97%,51% 99%,46% 99%);}}
.posts-item.card.ajax-item .item-thumbnail .img-badge.left.jb-red,.posts-item.list.ajax-item.flex .post-graphic .img-badge.left.jb-red{font-size:14px;padding:0 5px;background:linear-gradient(to right,#FF5722,#ff9800,#FFC107)!important;border-radius:9px 5px 5px 9px;color:#fff;padding-right:10px;}.posts-item.card.ajax-item .item-thumbnail .img-badge.left.jb-red:before,.posts-item.list.ajax-item.flex .post-graphic .img-badge.left.jb-red:before{-webkit-animation:burn 0.9s linear alternate infinite;animation:burn .9s linear alternate infinite;right:-43px;top:-26px;z-index:2;background:linear-gradient(0deg,#ffb305 10%,#FF9800 20%,#E91E63 50%,#e91e1e 99%);opacity:0.7;position:absolute;content:"";transform:rotate(90deg);height:70px;width:35px;}.posts-item.card.ajax-item .item-thumbnail .img-badge.left.jb-red:after,.posts-item.list.ajax-item.flex .post-graphic .img-badge.left.jb-red:after{z-index:1;opacity:1;-webkit-animation:burn_alt .7s linear alternate infinite;animation:burn_alt .7s linear alternate infinite;right:-45px;top:-32px;background:linear-gradient(0deg,#ffb305 10%,#ffbd04 20%,#ed6434 50%,#fa4708 59%);position:absolute;content:"";transform:rotate(90deg);height:80px;width:30px;}
/*
* 文章置顶美化结束
* www.bfbke.com
*
*/








/*文章列表悬停边框美化 huliku.com*/
.card {
    box-shadow: 0.3em 0.3em 0.7em #00000015;
    border: rgba(0, 0, 0, .05) 0.2em solid;
   }
.card:hover {
    border: #006fff 0.2em solid;
    transition: border 1s;
   }








/*自定义网站字体开始 huliku.com*/
@font-face{font-family: 'AlpEkran';src: url("https://cccimg.com/down.php/9838ae3982b8733d33af912112d6cd36.woff2") format("woff2");font-display: swap;}
*{font-family: 'AlpEkran'}
/*自定义网站字体结束 huliku.com*/






.panel-heading .fa{transition:transform 0.3s ease;transform:rotate(-45deg);padding:5px;color:#556af1;}.panel-heading:not(.collapsed) .fa{transform:rotate(0deg);}.question-container{border-radius:6px;border:solid 1px var(--main-border-color);overflow:hidden;border-bottom:solid 0px rgba(50,50,50,0);}.question{cursor:pointer;position:relative;margin-bottom:10px;padding:2.5rem 4rem;margin-bottom:0;border-bottom:solid 1px var(--main-border-color);}.question i{position:absolute;right:0;top:50%;transform:translateY(-50%);}.question.active i.fa.fa-plus{display:none;}.question.active i.fa.fa-minus{display:inline-block;}.answer.active{display:unset;background-color:var(--focus-color);flex:1 1 auto;min-height:1px;color:#fff !important;padding:2.5rem 4.5rem;display:block;}@keyframes bounce{0%{transform:scaleY(0.3);background-color:green;}50%{transform:scaleY(1);background-color:orange;}100%{transform:scaleY(0.3);background-color:green;};}.tab2_content.active{display:block;}.tab2_content.active{display:block;}#accordionhelp-content{margin-bottom:20px;}.tab-container{width:80%;margin:auto;}.tabs{display:flex;cursor:pointer;padding:20px 0;}.tab{padding:10px 15px;transition:background-color 0.3s;border-radius:10px;background:var(--muted-bg-color);margin:0px 5px;font-size:14px;}.tab.active{color:#fff;background-color:#556af1;transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,0.3);transition:all 0.3s ease;}.tab-content{position:relative;overflow:hidden;direction: rtl;}.tab2_content{display:none;}.button{display:inline-block;padding:10px 20px;font-size:16px;font-weight:bold;text-align:center;text-decoration:none;cursor:pointer;border:none;border-radius:5px;background-color:#556af1;color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:all 0.3s ease;}.button:hover{background-color:#3e53c4;box-shadow:0 6px 12px rgba(0,0,0,0.3);}












/* 
 *by：觅知博客 www.98dou.cn 
 *子比主题下载页面一键复制提取码功能 css 样式开始
 *请本 CSS 代码放置子比主题设置->全局&功能->自定义 CSS 样式中即可
 */
.but-download .badg {
  position: relative;
  cursor:pointer;
}

.but-download .badg::after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  top: -11px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 10px solid rgb(236, 235, 235);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  opacity: 0;
}

.but-download .badg::before {
  content: attr(data-before);
  position: absolute;
  width: 100px;
  height: 31px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 14px;
  line-height: 31px;
  border-radius: 4px;
  color: #6c6a6a;
  background-color: rgb(236, 235, 235);
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  opacity: 0;
}

.but-download .badg:hover::after,
.but-download .badg:hover::before {
  opacity: 1;
}
/* 
 *by：觅知博客 www.98dou.cn 
 *子比主题下载页面一键复制提取码功能 css 样式结束
 */







/*文件卡片列表三点和时间*/
.tools {
    display: flex;
    align-items: center;
    margin-top: -3px;
    margin-bottom: 5px;
    height: 22px;
}
.circle {
    padding: 0 4px;
}

.zbbox {
    display: inline-block;
    align-items: center;
    width: 10px;
    height: 10px;
    padding: 1px;
    border-radius: 50%;
}

.red {
    background-color: #2997f7;
}

.yellow {
    background-color: #ff5144;
}

.green {
    background-color: #bfc930;
}

span.zbbox_soft_time {
    font-size: 14px;
    color: #787777;
    margin-left: auto;
    margin-right: 5px;
    right: 0;
    pointer-events: none;
}

.zbbox_soft_time svg {
    margin-right: 2px;
}

@media screen and (max-width: 1221px) {
    .zbbox_posts_wap { 
        display: none;
    }
}

.wppc {
    display: none;
}

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















/*付费详情说明模块美化 yunchaodh.cn*/
.pay-box .pay-details {
    background-image: url(http://xjbilog.com/wp-content/uploads/2025/09/20250911134731816-IMG_0702.png);
    color: #fff;
    text-align: center;
    background-size: cover;
}  









/*超链接美化 开始*/
@font-face {
    font-family: 'tengfei-font';
    src: url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff2?t=1741491889382') format('woff2'),
      url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff?t=1741491889382') format('woff'),
      url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.ttf?t=1741491889382') format('truetype');
   }
   
    .wp-posts-content a:not([class]),.wp-block-list a:not([class]) {
      color: var(--focus-color);
      line-height: 1.15em;
      padding: .1em .35em;
      font-size: max(.75rem,.75em);
      border-radius: 2em;
      background: var(--focus-color-opacity1) linear-gradient(var(--focus-shadow-color) 0 0) no-repeat 100% 100%/0 100% border-box;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      transition: .7s cubic-bezier(.6,.1,0,1),background-position 0s;
      word-break: break-all;
      display: inline-flex;
      align-items: center;
      transform: translateY(-1.15px)
    }
    .wp-posts-content a:not([class]):hover,.wp-block-list a:not([class]):hover {
      color: #fff;
      background-position-x: 0;
      background-size: 100% 100%
    }
    .wp-posts-content a:not([class]):before,.wp-block-list a:not([class]):before {
     content: "\ec7f";
     font-family: 'tengfei-font';
      height: 1.15em;
      display: -webkit-inline-flex;
      display: inline-flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      aspect-ratio: 1;
      margin: 0 0 0 -.3em;
      background: var(--focus-shadow-color);
      border-radius: 50%;
      color: #fff;
      transition: inherit
    }
    .wp-posts-content a:not([class]):hover:before,.wp-block-list a:not([class]):hover:before {
      background: #fff;
      color: var(--focus-color);
      rotate: 45deg;
      scale: .9
    }







/*过期文章提示样式*/.article-timeout{position:relative; border-radius: 8px; position: relative; margin-bottom: 25px; padding: 10px; background-color: var(--body-bg-color);}/







/*首页幻灯片循环滚动波浪动*/
.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);
  }
}






.la-data-widget__container {
    direction: ltr;
    display: block;
}








/*幻灯片过渡效果 huliku.com*/
.absolute::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 58%;
    right: 0;
    bottom: 0;
    transform: scale(1.01);
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, var(--body-bg-color) 100%);
}













/*菜单文字下波浪*/
.navbar-top li.current-menu-item>a, .navbar-top li:hover>a {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-decoration: underline wavy;
    text-decoration-thickness: from-font;
    text-underline-offset: 3px;
}







/*动态扫光通知框美化*/
.notyf {
    border-radius: var(--main-radius) 0 0 var(--main-radius);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease
}

.notyf:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2)
}

@keyframes ripple {
    0% {
        background-position: 0% 50%;
        box-shadow: 0 0 25px rgba(255, 255, 255, 0.4)
    }

    50% {
        background-position: 100% 50%;
        box-shadow: 0 0 40px rgba(255, 255, 255, 0.5)
    }

    100% {
        background-position: 0% 50%;
        box-shadow: 0 0 25px rgba(255, 255, 255, 0.4)
    }
}

@keyframes shine {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(25deg);
        opacity: 0
    }

    25% {
        opacity: 0.5
    }

    75% {
        opacity: 0.5
    }

    100% {
        transform: translateX(100%) translateY(100%) rotate(25deg);
        opacity: 0
    }
}

.notyf:after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(75deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
    animation: shine 1.2s ease-in-out infinite
}

.notyf.success {
    background: linear-gradient(135deg, rgba(24, 190, 157, 0.95), rgba(46, 204, 170, 1), rgba(24, 190, 157, 0.95)) !important;
    background-size: 300% 300% !important;
    animation: ripple 1.2s ease-in-out infinite !important;
    border: 1px solid rgba(255, 255, 255, 0.3)
}

.notyf.info {
    background: linear-gradient(135deg, rgba(45, 152, 218, 0.95), rgba(86, 173, 225, 1), rgba(45, 152, 218, 0.95)) !important;
    background-size: 300% 300% !important;
    animation: ripple 1.2s ease-in-out infinite !important;
    border: 1px solid rgba(255, 255, 255, 0.3)
}

.notyf.load {
    background: linear-gradient(135deg, rgba(255, 145, 0, 0.95), rgba(255, 179, 0, 1), rgba(255, 145, 0, 0.95)) !important;
    background-size: 300% 300% !important;
    animation: ripple 1.2s ease-in-out infinite !important;
    border: 1px solid rgba(255, 255, 255, 0.3)
}

.notyf.warning {
    background: linear-gradient(135deg, rgba(246, 185, 59, 0.95), rgba(255, 177, 66, 1), rgba(246, 185, 59, 0.95)) !important;
    background-size: 300% 300% !important;
    animation: ripple 1.2s ease-in-out infinite !important;
    border: 1px solid rgba(255, 255, 255, 0.3)
}

.notyf.danger {
    background: linear-gradient(135deg, rgba(234, 84, 85, 0.95), rgba(255, 107, 107, 1), rgba(234, 84, 85, 0.95)) !important;
    background-size: 300% 300% !important;
    animation: ripple 1.2s ease-in-out infinite !important;
    border: 1px solid rgba(255, 255, 255, 0.3)
}




/*专题&聚合卡片文章数量美化*/
sapn.px12.muted-3-color {
    position: absolute;
    padding: 3px 8px;
    font-size: 10px;
    top: -10px;
    color: var(--this-color);
    left: 33px;
    border-radius: 99px;
    background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
    --this-color: #fff;
}





/*专题分类小工具-更多文章按钮颜色*/
.but.p2-10.px12.c-blue.hide-m-s{background:linear-gradient(90deg,#40a6fa 0,#356aef 100%);color:#fff !important;border:none !important}.user-btns .jb-blue:hover{filter:brightness(1.08) saturate(1.08);box-shadow:0 6px 18px -6px #356aef5c}.user-btns a,.user-btns .but{padding:0 22px;line-height:36px;border-radius:20px;font-size:15px;font-weight:600;box-shadow:0 2px 10px rgb(66 140 225 / 6%);transition:all .18s}









/* 图片转webp小工具*/
.webp-converter {
    background-color: #f7f7f7;
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.upload-area {
    margin-bottom: 15px;
    text-align: center;
}

#imageUpload {
    display: none;
}

.upload-area label {
    display: inline-block;
    padding: 10px 20px;
    background-color: #00acb0;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.upload-area label:hover {
    background-color: #008c9e;
}

.image-preview {
    text-align: center;
    margin-bottom: 15px;
}

#previewPlaceholder {
    padding: 50px;
    background-color: #e5e5e5;
    color: #666;
    font-style: italic;
}

#imagePreview {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.convert-btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #00acb0;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.convert-btn:hover {
    background-color: #008c9e;
}

.download-link {
    display: block;
    margin-top: 10px;
    text-align: center;
    text-decoration: underline;
    color: #00acb0;
    cursor: pointer;
}






/*双栏随机背景文字广告位*/
 .ercdh {
        display: flex;
        overflow: hidden;
    }
    
    .ercdh_1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding-right: 30px;
        position: relative;
        width: 50%;
    }
    
    .sbaner {
        height: 80px;
    }
    
    .ercdh_2 {
        flex: 1;
        padding-left: 30px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 0 15px;
    }
    
    .mhs-flex-container {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-self: auto;
    }
    
    .random-color {
        transition: background-color 0.5s;
        color: #ececec;
    }
    
    .bqct {
        font-size: 14px;
        display: flex;
    }
    
.bqct a {
    width: 100%;
    border-radius: 6px;
    background-color: var(--main-bg-color);
    text-align: center;
    font-weight: 400;
    transition: background-color .3s, color .3s;
    line-height: 30px;
    color: #707070;
    text-decoration: none;
}
    
    .bqct a:hover {
        color: #f1f2f3;
    }
    
    .sbaner:after {
        content: "";
        display: inline-block;
        background: #ececec;
        position: absolute;
        width: 1px;
        height: 44px;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .html-box img {
        height: 80px;
    }
@media screen and (max-width: 1221px) { .ercdh{display:none; }
}







/*加载动画*/
body:after {
    content: " ";
    position: fixed;
    inset: 0;
    background-color: white;
    z-index: 999;
    background-image: url(https://img.ui.cn/data/file/7/2/9/1813927.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
    animation: fadeOut 3s;
    animation-fill-mode: forwards;
    -webkit-transition: fadeOut 3s;
    transition: fadeOut 2s;
    pointer-events: none
}

@keyframes fadeOut {
    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}



/*文章封面鼠标接触来回扫光*/
.posts-item .item-thumbnail {
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: filter 0.3s ease;
}

.posts-item .item-thumbnail::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 35%; 
  height: 100%;

  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 40%, 
    rgba(255, 255, 255, 0.9) 50%, 
    rgba(255, 255, 255, 0.2) 60%, 
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-12deg); 
  animation: none;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease; 
  filter: blur(0); 
}

.posts-item .item-thumbnail:hover::before {
  animation: sweepLight 1.5s infinite linear alternate;
  opacity: 1;
  left: -80%;
}

@keyframes sweepLight {
  100% {
    left: 120%;
  }
}

.posts-item .item-thumbnail:hover {
  filter: brightness(1.1);
}





/*首页文章卡片排列X6*/
@media only screen and (min-width: 1500px){
.posts-item.card {
width: calc(15.000% - -3px);
}
}





/*vip背景开始*/
.vip-card{
background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png);
  background-size: auto;
background-size: 115%;
}
.sub-vip-card .vip-card{
background-size: 175%;
}
.payvip-icon{
background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png);
}
/*vip背景结束*/









/**彩色滚动条样式开始*/
/*www.huijuf.com*/
::-webkit-scrollbar {
  width: 10px;  
  height: 1px;
}
::-webkit-scrollbar-thumb {
  background-color: #12b7f5;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #f6f6f6;
}
/*www.huijuf.com*/
/**彩色滚动条样式结束*/






/*底部栏关于本站、侵权处理、网站地图、申请友链 CSS样式*/
.footer-badge{display:inline-block;border-radius:4px;text-shadow:none;font-size:12px;color:#fff;line-height:15px;margin-bottom:5px;}.footer-badge .fa{margin-right:5px;}.footer-badge .badge-title{display:inline-block;background-color:#635f57;padding:4px 4px 4px 6px;border-top-left-radius:4px;border-bottom-left-radius:4px;}.footer-badge .badge-link{text-decoration:none;color:#fff;}.footer-badge .badge-value{display:inline-block;padding:4px 6px 4px 4px;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#fff;}.footer-badge .bg-fen{background-color:#57cd4e;}.footer-badge .bg-red{background-color:#f55066;}.footer-badge .bg-green{background-color:#3bca6e;}.footer-badge .bg-about{background-color:#48d3dd;}.footer-badge .bg-delete{background-color:#ddab40;}.footer-badge .bg-working{background-color:#8eaf33;}.footer-badge .bg-cai{background-image:-webkit-linear-gradient(0deg,#3ca5f6 0%,#a86af9 100%);}










/*网站底部波浪*/
.waves {
  position: relative;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px;
  min-height: 50px;
  max-height: 80px;
}

.parallax>use {
  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5)infinite;
}

.parallax>use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}

.parallax>use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}

.parallax>use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}

.parallax>use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }

  100% {
    transform: translate3d(85px, 0, 0);
  }
}


@media (max-width:768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }

  .waves-inner {
    padding-top: 50px;
  }

  .mg-b {
    margin-bottom: 0;
  }

  .home_row {
    padding: 0px !important;
  }
}

.apply_link {
  float: right;
}







/*小工具头像晃动 huliku.com*/
.user-avatar .avatar-img, .img-ip:hover, .w-a-info img {
   -webkit-animation: swing 3s .4s ease both;
   -moz-animation: swing 3s .4s ease both;
}
@-webkit-keyframes swing {
   20%, 40%, 60%, 80%, 100% {
       -webkit-transform-origin:top center
   }
   20% {
       -webkit-transform:rotate(15deg)
   }
   40% {
       -webkit-transform:rotate(-10deg)
   }
   60% {
       -webkit-transform:rotate(5deg)
   }
   80% {
       -webkit-transform:rotate(-5deg)
   }
   100% {
       -webkit-transform:rotate(0deg)
   }
}
@-moz-keyframes swing {
   20%, 40%, 60%, 80%, 100% {
       -moz-transform-origin:top center
   }
   20% {
       -moz-transform:rotate(15deg)
   }
   40% {
       -moz-transform:rotate(-10deg)
   }
   60% {
       -moz-transform:rotate(5deg)
   }
   80% {
       -moz-transform:rotate(-5deg)
   }
   100% {
       -moz-transform:rotate(0deg)
   }
}










      
      
      
      
      
      
   /*评论背景图*/
textarea#comment {
  background-color:transparent;
  background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(https://xjbilog.com/wp-content/uploads/2025/11/20251123220337744-2025052722082710.gif) right 10px bottom 0px no-repeat;
  background-size: contain;
  -moz-transition:ease-in-out 0.45s;
  -webkit-transition:ease-in-out 0.45s;
  -o-transition:ease-in-out 0.45s;
  -ms-transition:ease-in-out 0.45s;
  transition:ease-in-out 0.45s;}
textarea#comment:focus {background-position-y:789px;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}