/* 修改深色模式下行内代码字体颜色 */
html.theme-dark :not(pre) > code { color: #ffeb3b !important; }



/*头像呼吸光环和鼠标悬停旋转 开始 */
.img-full {
    border-radius: 50%;
    animation: light 4s ease-in-out infinite;
    transition: 0.5s;
}
.img-full:hover {
    transform: rotate(666turn);
    transition-duration: 59s;
    transition-timing-function: cubic-bezier(.34, 0, .84, 1);
}
@keyframes light {
    0% {
        box-shadow: 0 0 4px #22ACD6;
    }
    50% {
        box-shadow: 0 0 16px #22ACD6;
    }
    100% {
        box-shadow: 0 0 4px #22ACD6;
    }
}



/*赞赏按钮跳动开始*/
.btn-pay {
    animation: star 0.5s ease-in-out infinite alternate;
}
@keyframes star {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.1);
    }
}



/* 时间流逝 开始 */
.sidebar-count .content {
 padding: 15px
}
 
.sidebar-count .content .item {
 margin-bottom: 15px
}
 
.sidebar-count .content .item:last-child {
 margin-bottom: 0
}
 
.sidebar-count .content .item .title {
 font-size: 12px;
 color: var(--minor);
 margin-bottom: 5px;
 display: flex;
 align-items: center
}
 
.sidebar-count .content .item .title span {
 color: var(--theme);
 font-weight: 500;
 font-size: 14px;
 margin: 0 5px
}
 
.sidebar-count .content .item .progress {
 display: flex;
 align-items: center
}
 
.sidebar-count .content .item .progress .progress-bar {
 height: 10px;
 border-radius: 5px;
 overflow: hidden;
 background: var(--classC);
 width: 0;
 min-width: 0;
 flex: 1;
 margin-right: 5px
}
@keyframes progress {
 0% {
     background-position: 0 0
 }
 
 100% {
     background-position: 30px 0
 }
}
.sidebar-count .content .item .progress .progress-bar .progress-inner {
 width: 0;
 height: 100%;
 border-radius: 5px;
 transition: width 0.35s;
 -webkit-animation: progress 750ms linear infinite;
 animation: progress 750ms linear infinite
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-1 {
 background: #bde6ff;
 background-image: linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);
 background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-2 {
 background: #ffd980;
 background-image: linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);
 background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-3 {
 background: #ffa9a9;
 background-image: linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);
 background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-bar .progress-inner-4 {
 background: #67c23a;
 background-image: linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);
 background-size: 30px 30px
}
 
.sidebar-count .content .item .progress .progress-percentage {
 color: var(--info)
}



.secret_comment {
    top: 5px;
}
.OwO.OwO-open .OwO-body {
    display:table
}