/*by Zekalryn*/

/*字体图标*/

.icon {
    width: 2em;
    height: 2em;
    vertical-align: -0.5em;
    fill: currentColor;
    overflow: hidden;
}

.iconfont.iconbilibili1 {
    font-size: 22px !important;
}

#site_social_icons {
    display: block !important;
}

/*自定义字体*/

@font-face {
    font-family: 'tiantianquanziti';
    src: url('https://cdn.jsdmirror.com/gh/btkrc/resource@main//fontFamily/tiantianquanziti.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'UnidreamLED';
    src: url("https://cdn.jsdmirror.com/gh/btkrc/resource@main//fontFamily/UnidreamLED.ttf");
    font-display: swap;
}

.copyright, .footer_custom_text, .recent-post-info, .card-widget, #post h1, #post h2, #post h3, #post h4, #post h5, #site-title, #subtitle, #blog_name, #menus, .pagination, .gallery-group, #post-info, .blog-slider__content, #sidebar-menus, .post-copyright, .tag_share, .reward-button, .pagination-post, #page, #post-comment {
    font-family: 'tiantianquanziti', sans-serif;
}

/*自定义字体 end*/

/*首页在最前*/

header.full_page {
    z-index: 1000000;
}

#sidebar-menus, #menu-mask {
    z-index: 1000001 !important;
}

/*扫光字体*/

/*扫光字体 标题*/


#post-info .post-title, .post-copyright__author .post-copyright-info a, .saoguang {
    background-image: -webkit-linear-gradient(right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    animation: myRandomColor 2s infinite linear;
}

@keyframes myRandomColor {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -100% 0;
    }
}

/*扫光字体 首页*/

#subtitle {
    background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    animation: myRandomColor 2s infinite linear;
}

/*扫光字体 end*/

/*发白光字体*/
.baiguang, .tag-cloud-list a {
    text-shadow: 0 0 0.05em #FFFFFF, 0 0 0.2em #FFFFFF, 0 0 0.15em #FFFFFF, 0 0 0.2em #FFFFFF, 0 0 0.3em #FFFFFF, 0 0 0.4em #FFFFFF, 0 0 0.5em #FF1177, 0 0 0.75em #FFFFFF;
}


/*

@keyframes mAuthor{
0%{text-shadow: 0 0 10px red,0 0 20px red,0 0 30px red,0 0 40px red;}
33%{text-shadow: 0 0 10px #228DFF,0 0 20px #228DFF,0 0 30px #228DFF,0 0 40px #228DFF;}
66%{text-shadow: 0 0 10px #FF9900,0 0 20px #FF9900,0 0 30px #FF9900,0 0 40px #FF9900;}
100%{text-shadow: 0 0 10px red,0 0 20px red,0 0 30px red,0 0 40px red;}
}
*/

/*标题h1 h2 h3 h4样式*/

/*

.post-content h1 {
    background: #374ad6 !important;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    line-height: 1.5em;
    margin: 18px 0;
    padding: 5px 10px 5px 10px;
    text-shadow: 2px 2px 3px #222222;
}

.post-content h2 {
    background: #2B6695;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    line-height: 1.375em;
    margin: 12px 0 !important;
    padding: 5px 10px 5px 10px;
    text-shadow: 2px 2px 3px #222222;
}


.post-content h3 {
    background: #2B6600;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    line-height: 1.25em;
    margin: 12px 0 !important;
    padding: 5px 10px 5px 10px;
    text-shadow: 2px 2px 3px #222222;
}

.post-content h4 {
    background: #5B9600;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    line-height: 1.125em;
    margin: 12px 0 !important;
    padding: 5px 10px 5px 10px;
    text-shadow: 2px 2px 3px #222222;
}

*/

/*标题h1 h2 h3 h4样式 end*/

/*侧边栏遮挡问题*/

#menu-mask, #sidebar-menus {
    z-index: 1000001;
}


/*移动端隐藏作者信息*/

/*
@media screen and (max-width: 900px){
#aside_content > .card-widget:first-child {
    display: none;
}
}

*/


/*自定义 字体图标的样式*/

.menus_item .iconfont {
    width: 25%;
    text-align: left;
    /*font-weight: 900;*/
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-align: center;
    width: 1.25em;
}

/*隐藏aplayer播放器的2个按钮*/

#aplayer .aplayer-icon-loop, #aplayer .aplayer-icon-lrc {
    display: none;
}

/*自定义页面背景----------------*/



hr::before {
    color: #ff9b69 !important;
}

hr {
    border: 2px dashed #FF6A6A;
}

.post-copyright-meta {
    color: #49b1f5 !important;
}

.reward-button, #card-info-btn {
    background: #222a30 !important;
}

#mobile-toc-button {
    background: #EE6363 !important;
}

/*播放器和右侧图标美化*/

#go-up, #mobile-toc-button, .aplayer-miniswitcher, #to_comment {
    background: rgba(79, 103, 121, 0.3) !important;
}

.aplayer-body {
    background: rgba(0, 0, 0, 0) !important;
}

#go-up i, #mobile-toc-button i {
    color: #ff7242 !important;
}

.aplayer .aplayer-miniswitcher .aplayer-icon path {
    fill: #ff7242 !important;
}

.aplayer-button path {
    fill: #EE6363 !important;
}

.aplayer-button {
    border: 2px solid #EE6363 !important;
}


/*透明背景*/

.recent-post-item, #post, .card-info, #page, .card-announcement, .post-copyright {
    background: rgba(0, 0, 0, 0.4) !important;
}


/*TOC在PC端透明，移动端不设置*/

@media screen and (min-width: 901px) {
    .card-widget {
        background: rgba(0, 0, 0, 0.4) !important;
    }
}


/*自定义页面背景 end--------------*/

/*自定义鼠标*/

/*
body {
    cursor: url(https://cdn.jsdmirror.com/gh/btkrc/resource@main//img/default.cur), default;
}

a, img {
    cursor: url(https://cdn.jsdmirror.com/gh/btkrc/resource@main//img/pointer.cur), default !important;
}

*/

/*daovoice */

.daodream-sheet {
    max-width: 80% !important;
    max-height: 90vh !important;
}

/*daovoice */

.daodream-powered-by span {
    display: none !important;
}

.daodream-composer-send-button {
    display: block !important;
}

/*哔哩哔哩视频适配*/

.bilibili {
    position: relative;
    width: 100%;
    height: 0;
    /*高度设置这里无效，设置为0，用padding撑开div*/
    padding-bottom: 75%;
    /*68%到80%都可以*/
}

.bilibili iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/*waline*/

.txt-right {
    display: none !important;
}

.vleft.vlogin {
    display: none !important;
}

/*自定义引用样式*/

.myQuote {
    position: relative;
    z-index: 0;
    border-radius: 10px;
    overflow: hidden;
    padding: 1rem;
    color: #FFA500;
    background: #222a30;
    border: 0.2rem solid rgb(255, 0, 0);
    animation: myQuoteAnim 2s infinite linear;
    font-weight: bolder;
}

@keyframes myQuoteAnim {
    0% {
        border-color: #ff69b4;
    }

    10% {
        border-color: #6495ed;
    }

    20% {
        border-color: #daa520;
    }

    30% {
        border-color: #7fffd4;
    }

    40% {
        border-color: #fa8072;
    }

    50% {
        border-color: #90ee90;
    }

    60% {
        border-color: #f4a460;
    }

    70% {
        border-color: #5B9600;
    }

    80% {
        border-color: #147B96;
    }

    90% {
        border-color: #f4a460;
    }

    100% {
        border-color: #ff69b4;
    }
}

/*自定义引用样式 end*/

/*公告栏*/

.card-announcement {
    background: rgba(0, 0, 0, 0.3) !important;
    color: #FFA500;
    font-weight: bolder;
}


/*shake 文字*/
.myShake, .author-info__name, #site-title {
    animation: shake-it .5s reverse infinite cubic-bezier(.68, -.55, .27, 1.55)
}

.recent-post-info .article-title:hover {
    animation: shake-it .5s reverse infinite cubic-bezier(.68, -.55, .27, 1.55)
}


@-moz-keyframes shake-it {
    0% {
        text-shadow: 0 0 rgba(0, 255, 255, 0.5), 0 0 rgba(255, 0, 0, 0.5)
    }

    25% {
        text-shadow: -2px 0 rgba(0, 255, 255, 0.5), 2px 0 rgba(255, 0, 0, 0.5)
    }

    50% {
        text-shadow: -5px 0 rgba(0, 255, 255, 0.5), 3px 0 rgba(255, 0, 0, 0.5)
    }

    100% {
        text-shadow: 3px 0 rgba(0, 255, 255, 0.5), 5px 0 rgba(255, 0, 0, 0.5)
    }
}

@-webkit-keyframes shake-it {
    0% {
        text-shadow: 0 0 rgba(0, 255, 255, 0.5), 0 0 rgba(255, 0, 0, 0.5)
    }

    25% {
        text-shadow: -2px 0 rgba(0, 255, 255, 0.5), 2px 0 rgba(255, 0, 0, 0.5)
    }

    50% {
        text-shadow: -5px 0 rgba(0, 255, 255, 0.5), 3px 0 rgba(255, 0, 0, 0.5)
    }

    100% {
        text-shadow: 3px 0 rgba(0, 255, 255, 0.5), 5px 0 rgba(255, 0, 0, 0.5)
    }
}

@-o-keyframes shake-it {
    0% {
        text-shadow: 0 0 rgba(0, 255, 255, 0.5), 0 0 rgba(255, 0, 0, 0.5)
    }

    25% {
        text-shadow: -2px 0 rgba(0, 255, 255, 0.5), 2px 0 rgba(255, 0, 0, 0.5)
    }

    50% {
        text-shadow: -5px 0 rgba(0, 255, 255, 0.5), 3px 0 rgba(255, 0, 0, 0.5)
    }

    100% {
        text-shadow: 3px 0 rgba(0, 255, 255, 0.5), 5px 0 rgba(255, 0, 0, 0.5)
    }
}

@keyframes shake-it {
    0% {
        text-shadow: 0 0 rgba(0, 255, 255, 0.5), 0 0 rgba(255, 0, 0, 0.5)
    }

    25% {
        text-shadow: -2px 0 rgba(0, 255, 255, 0.5), 2px 0 rgba(255, 0, 0, 0.5)
    }

    50% {
        text-shadow: -5px 0 rgba(0, 255, 255, 0.5), 3px 0 rgba(255, 0, 0, 0.5)
    }

    100% {
        text-shadow: 3px 0 rgba(0, 255, 255, 0.5), 5px 0 rgba(255, 0, 0, 0.5)
    }
}

/*shake end*/

/*美化waline*/

#waline-wrap .vwrap, #waline-wrap .vinput, #waline-wrap .vbtn, #waline-wrap .vcard .vh {
    border-color: #999999;
}

#waline-wrap .vpanel .vright .vrow .vcol a {
    display: none;
}

/*waline end*/

/*置顶封面美化*/
.full_page::before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background-attachment: fixed;
    background-image: url(https://cdn.jsdmirror.com/gh/btkrc/resource@main//img/dot.gif);
    transition: all 0.5s;
}

/*置顶封面 end*/

/*dark模式下的封面图调亮 */
.full_page:before {
    background-color: rgba(0, 0, 0, 0) !important;
}

/*页脚透明*/
#footer {
    background: rgba(0, 0, 0, 0);
}

#footer:before {
    background: rgba(0, 0, 0, 0) !important;
}

/*引用样式*/
blockquote {
    border-left: 5px solid #c08a3e !important;
    color: #4c4948;
    border-radius: 3px;
    background: #cac6bb !important;
}


/*butterfly开启美化后的标题字体图标*/
/*
#article-container.post-content h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
  -webkit-animation: avatar_turn_around 1s linear infinite;
  -moz-animation: avatar_turn_around 1s linear infinite;
  -o-animation: avatar_turn_around 1s linear infinite;
  -ms-animation: avatar_turn_around 1s linear infinite;
  animation: avatar_turn_around 1s linear infinite
}

@-moz-keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-o-keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
*/

/* input控件和btn美化 */
.myBtn {
    height: 30px;
    width: auto;
    background-color: #FF6A6A;
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #666666;
    margin-left: 20px;
    padding: 0 5px;
}

/*网站统计时间*/

#runtimeshow {
    width: 200px;
    margin: auto;
    display: inline-block;
    color: #28b4c8;
    padding-inline: 5px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    font-family: 'UnidreamLED';
    box-shadow: 0 0 5px rgba(28, 69, 218, 0.71);
    animation: flashlight 1s linear infinite alternate;
}

@-moz-keyframes flashlight {
    from {
        box-shadow: 0 0 5px #1478d2;
    }

    to {
        box-shadow: 0 0 2px #1478d2;
    }
}

@-webkit-keyframes flashlight {
    from {
        box-shadow: 0 0 5px #1478d2;
    }

    to {
        box-shadow: 0 0 2px #1478d2;
    }
}

@-o-keyframes flashlight {
    from {
        box-shadow: 0 0 5px #1478d2;
    }

    to {
        box-shadow: 0 0 2px #1478d2;
    }
}

@keyframes flashlight {
    from {
        box-shadow: 0 0 5px #1478d2;
    }

    to {
        box-shadow: 0 0 2px #1478d2;
    }
}