/*开始*/
/* 在线统计游客和用户样式开始 */

/*在线统计游客和用户样式结束*/
/**文章列表封面左右上角和底部添加角标开始*/
.tag-license {
    position: absolute;
    top: 11px;
    right: -17px;
    -webkit-transform: rotate(45deg);
    z-index: 1;
    width: 75px;
    height: 18px;
    color: #fff;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    /*font-style: normal;*/
}
a.item-left-category {
    position: absolute;
    left: 5px;
    top: 10px;
    padding: 5px 6px;
    font-size: 1rem;
    line-height: 1;
    color: #fff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 6px;
    z-index: 1;
}
a.item-category {
    position: absolute;
    right: 7px;
    top: 10px;
    padding: 5px 6px;
    font-size: 1rem;
    line-height: 1;
    color: #fff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 6px;
    z-index: 1;
}
/**文章封面美化结束*/
/** 壁纸标题毛玻璃 **/
span.bottom-l {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.n-collect-item-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 25px;
    border-radius: 0 0 4px 4px;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    font-size: 13px;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0,0,0,.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    padding: 0 18px;
    z-index: 1;
}
.bg-color-purple {
    background: linear-gradient(45deg, #9370DB, #DA70D6);
}
.bg-color-red {
    background: linear-gradient(135deg, #FF6347, #FFA07A);
}
.bg-color-blue {
    background: linear-gradient(60deg, #1E90FF, #87CEFA);
}
.bg-color-green {
    background: linear-gradient(225deg, #32CD32, #98FB98);
}
.bg-color-yellow {
    background: linear-gradient(315deg, #FFBC52, #FFE68F);
}
.bg-color-black {
    background: linear-gradient(180deg, #121212, #4b4b4b);
}  
/*文章列表封面左右上角和底部添加角标结束*/
/*页脚底部版权位置文字条纹穿梭开始*/
.mabk_gdz p span {
font-size: 50px;
letter-spacing: 0;
display: block;
margin: 0 auto;
text-shadow: 0 0 80px rgb(255 255 255 / 50%);
background: url(https://img.alicdn.com/imgextra/i2/2210123621994/O1CN012KU4kP1QbIqA8O4NT_!!2210123621994.png) repeat-y;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: aitf 80s linear infinite;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
}
@-webkit-keyframes aitf {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes aitf {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
/*页脚底部版权位置文字条纹穿梭结束*/
/*文章外部列表标签彩色*/
.item-tags a {
  padding: 5px 10px;
  border-radius: 5px;
  margin-right: 5px;
}
.item-tags a.meta-pay {
  background-color: #FFD700;  
  color: black;
}
.item-tags a.c-blue {
  background-color: #1E90FF;  
  color: white;
}
.item-tags a[href*="tag/"] {
  background-color: #FF69B4;  
  color: white;
}
/*文章外部列表标签彩色结束*/
/*文章内部随机彩色标签开始*/
.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}

/*文章内部随机彩色标签结束*/

/*导航栏字体加粗开始*/
ul.nav {font-weight: 800;}
/*导航栏字体加粗结束*/
/*头像呼吸光环和鼠标悬停旋转放大开始*/
.avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
/*头像呼吸光环和鼠标悬停旋转放大结束*/
/*首页文章列表悬停上浮开始*/
@media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(article):hover{transform: translateY(-10px); box-shadow: 0 8px 10px rgba(255, 112, 173, 0.35);}}

/*首页文章列表悬停上浮结束*/
/*主文章底部显示最后更新时间提示样式*/
                .update-ts{
                    padding-top: 6px;
                    padding-bottom: 8px;
                }
                .article-update-tips {
                background: rgba(255, 188, 68, 0.38);
                color: #333;
                margin: 0 0px 20px;
                border-radius: 8px;
                position: relative;
                text-align: center;
                background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN017ZFVO81QbIjgNEl4Q_!!2210123621994.png);
                background-clip: padding-box;
                background-size: cover;
                background-repeat: no-repeat;
                background-attachment: scroll;
                background-position: 50% 50%;
                background-blend-mode: normal;
            }span1 {
                color: #f60;
                margin: 0 3px;
            }
/*主文章底部显示最后更新时间提示样式结束*/
/*进站加载动画
body:after {
    content: " ";
    position: fixed;
    inset: 0;
    background-color: white;
    z-index: 999;
    background-image: url(https://www.qcxzz.com/wp-content/themes/zibll/img/ruzhanloading.svg);
    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
    }
}
进站加载动画结束*/
/*鼠标移动图片外发光*/
.wp-posts-content img:hover {
box-shadow:0px 0px 8px #63B8FF;
}
/*鼠标移动图片外发光结束*/
/*文章分页按钮美化*/
.post-page-numbers{padding: 4px 10px;text-align:center;display: inline; }.post-nav-links{background:0;margin-left: -50px;}
/*文章分页按钮美化结束*/
/*评论背景图*/
textarea#comment {background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(https://imgsa.baidu.com/forum/pic/item/d439b6003af33a871f7e3f0e9b5c10385343b597.jpg) right 10px bottom 10px no-repeat;-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;}
/*评论背景图*/
/*CSS 代码网站底部按钮美化*/
.github-badge { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; /*line-height: 15px;*/ background-color: #abbac3; margin-bottom: 5px;}.github-badge .badge-subject { display: inline-block; background-color: #f6b044; padding: 4px 4px 4px 6px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}.github-badge .badge-value { display: inline-block; padding: 4px 6px 4px 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}.github-badge .bg-blue { background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);}.github-badge .bg-orange { background-color: #05b1a4;}.github-badge .bg-red { background-color: #f55066;}.github-badge .bg-green { background-color: #e76dcb;}
/*CSS 代码网站底部按钮美化结束*/
/**七彩流光文字*
#mabk_lgz{display:inline-block;background:-webkit-linear-gradient(left,#ffffff,#ff0000 6.25%,#ff7d00 12.5%,#ffff00 18.75%,#00ff00 25%,#00ffff 31.25%,#0000ff 37.5%,#ff00ff 43.75%,#ffff00 50%,#ff0000 56.25%,#ff7d00 62.5%,#ffff00 68.75%,#00ff00 75%,#00ffff 81.25%,#0000ff 87.5%,#ff00ff 93.75%,#ffff00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:masked-animation 2s infinite linear}@keyframes masked-animation{0%{background-position:0 0}100%{background-position:-100%,0}}
/**七彩流光文字结束*/

/*抖音风格昵称*/
.display-name{text-shadow:-2px 0 rgba(0,255,255,.5),2px 0 rgba(255,0,0,.5);animation:shake-it .5s reverse infinite cubic-bezier(0.68,-0.55,0.27,1.55);}@keyframes shake-it{0%{text-shadow:0 0 rgba(0,255,255,.5),0 0 rgba(255,0,0,.5);}25%{text-shadow:-2px 0 rgba(0,255,255,.5),2px 0 rgba(255,0,0,.5);}50%{text-shadow:-5px 0 rgba(0,255,255,.5),3px 0 rgba(255,0,0,.5);}100%{text-shadow:3px 0 rgba(0,255,255,.5),5px 0 rgba(255,0,0,.5);}}
/*抖音风格昵称结束*/
/*友链头像圆角*/
.link-only-img img{border-radius: var(--main-radius);}
.link-img img{border-radius: var(--main-radius);}
/*友链头像圆角结束*/
/*子比主题下载页面一键复制提取码功能 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;
}

/*子比主题下载页面一键复制提取码功能 css 样式结束*/
/*鼠标悬停边框美化*/
.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;
   }
/*鼠标悬停边框美化结束*/
/*底部板块三图片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%);
  }
}
/*/*底部板块三图片边框border结束*/
/**卡片式文章仿 mac 三个点封面美化 CSS 开始*
.posts-item.card {
    padding: 35px 10px 10px 10px!important;
}
    .posts-item {
    position: relative !important;
}
    .posts-item.card::before {
    content: "";
    display: block;
    background: #fc625d;
    top: 13px;
    left: 15px;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b;
    margin: 0px 2px -7px;
    z-index: 1000;
    position: absolute;
}
/**卡片式文章仿 mac 三个点封面美化 CSS 结束*/
/*置顶文章角标美化*/

/*置顶文章角标结束*/
/*列表文章标题彩色渐变特效开始*
.item-heading :hover,
.text-ellipsis :hover,
.text-ellipsis-2 :hover,
.links-lists :hover {
  background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  -webkit-animation: maskedAnimation 4s infinite linear;
}

@keyframes maskedAnimation {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: -100% 0
  }
}
/*列表文章标题彩色渐变特效结束*/
/*超链接下波浪线*/
.wp-posts-content a:hover {color:#ff4500;text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23FF4500' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")repeat-x 0 100%;background-size:20px auto;animation:waveMove 1s infinite linear}
@keyframes waveMove{from{background-position:0 100%}
to{background-position:-20px 100%}
}
/*超链接下波浪线结束*/
/*文章标题添加文字或者图标前缀开始*/
@keyframes sweepTitle {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}
.ove_green, .ove_blue, .ove_red{
        color: #fff;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    padding: 5px 4px;
    margin-right: 3px;
    height: 19px;
    font-size: 12px;
           clip-path: polygon(7% 0, 99% 0, 93% 100%, 0 100%);
}
.ove_green:after, .ove_blue:after , .ove_red:after {
    position: absolute;
    content: " ";
    display: block;
    left: -100%;
    top: -5px;
    width: 15px;
    height: 145%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    animation: sweepTitle 3s ease-in-out infinite;
    transform: rotate(28deg);
}

.ove_green{ background: linear-gradient(135deg, #60e464 10%, #5cb85b 100%); }
.ove_blue{ background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); }
.ove_red{ background: linear-gradient(135deg, #fb5959 10%, #f72626 100%); }
/*文章标题添加文字或者图标前缀结束*/