/*鼠标样式*/
body {
    cursor: url(https://cdn.jsdelivr.net/npm/kang-static/Hexo/img/default.cur),default;
}
@keyframes Gradient {
    0% {/* 页脚footer 渐变色滚动动画 */
        background-position: 0 50%;
    }

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

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

@keyframes Gradient {
    0% {
        background-position: 0 50%;
    }

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

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

@keyframes Gradient {
    0% {
        background-position: 0 50%;
    }

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

    100% {
        background-position: 0 50%;
    }
}
/* #footer {
    background: linear-gradient(-45deg, #ee7752, #ce3e75, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: Gradient 10s ease infinite;
    -moz-animation: Gradient 10s ease infinite;
    animation: Gradient 10s ease infinite;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
} */
/*滚动条*/
::scrollbar {
    width: 8px;
    height: 8px
}

::scrollbar-track {
    border-radius: 2em;
    /* background-color: rgba(73, 177, 245, .2); */
}

::scrollbar-thumb {
    background-color: rgb(255 255 255 / .3);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
    border-radius: 2em
}

::scrollbar-corner {
    background-color: transparent
}
/* 页脚透明 */
/*
#footer {
    background: transparent !important;
}
*/


/* 文章页H1-H6图标样式效果 */
h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
    animation: ccc 1.6s linear infinite ;
    animation: ccc 1.6s linear infinite ;
}
@keyframes ccc {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}
@keyframes ccc {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}
/*图标转速*/
h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
    animation: ccc 1.6s linear infinite ;
    animation: ccc 1.6s linear infinite ;
}
/*图标转动方向*/
@keyframes ccc {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}
@keyframes ccc {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}
/*图标颜色修改*/
#content-inner.layout h1::before {
    color: #ef50a8 ;
    margin-left: -1.55rem;
    font-size: 1.3rem;
    margin-top: -0.23rem;
}
#content-inner.layout h2::before {
    color: #fb7061 ;
    margin-left: -1.35rem;
    font-size: 1.1rem;
    margin-top: -0.12rem;
}
#content-inner.layout h3::before {
    color: #ffbf00 ;
    margin-left: -1.22rem;
    font-size: 0.95rem;
    margin-top: -0.09rem;
}
#content-inner.layout h4::before {
    color: #a9e000 ;
    margin-left: -1.05rem;
    font-size: 0.8rem;
    margin-top: -0.09rem;
}
#content-inner.layout h5::before {
    color: #57c850 ;
    margin-left: -0.9rem;
    font-size: 0.7rem;
    margin-top: 0.0rem;
}
#content-inner.layout h6::before {
    color: #5ec1e0 ;
    margin-left: -0.9rem;
    font-size: 0.66rem;
    margin-top: 0.0rem;
}
/*图标hover效果*/
#content-inner.layout h1:hover, #content-inner.layout h2:hover, #content-inner.layout h3:hover, #content-inner.layout h4:hover, #content-inner.layout h5:hover, #content-inner.layout h6:hover {
    color: #49b1f5 ;
}
#content-inner.layout h1:hover::before, #content-inner.layout h2:hover::before, #content-inner.layout h3:hover::before, #content-inner.layout h4:hover::before, #content-inner.layout h5:hover::before, #content-inner.layout h6:hover::before {
    color: #49b1f5 ;
    animation: ccc 3.2s linear infinite ;
    animation: ccc 3.2s linear infinite ;
}

/* 页脚的遮罩 */
#footer-wrap:before {
    position: absolute;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.5) !important;
    content: '';
	display: block;
}