/* 文章页背景 */
.layout_post>#post {
    /* 以下代表透明度为0.1 可以自行修改*/
    background: rgba(255,255,255,.1);
}

/* 所有页面背景 */
#aside_content .card-widget, #recent-posts>.recent-post-item, .layout_page>div:first-child:not(.recent-posts), .layout_post>#page, .layout_post>#post, .read-mode .layout_post>#post{
    /* 以下代表透明度为0.1 */
    background: rgba(255,255,255,.1);
}

/*鼠标指针*/
body {
    cursor: url(../cursor/normal.cur), auto;
}
a:hover {
    cursor: url(../cursor/normal.cur), auto;
}

::-webkit-scrollbar {
    width: 6px;
    height: 5px
}

::-webkit-scrollbar-track {
    background-color: rgba(166,219,255,.135);
    border-radius: 2em
}

::-webkit-scrollbar-thumb {
    background-color: #ff988e;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
    border-radius: 2em
}

::-webkit-scrollbar-corner {
    background-color: transparent
}

::-moz-selection {
    color: #fff;
    background-color: #fca4d4
}

#web_bg {
    background: rgba(246,239,246);
}

[data-theme=dark] #web_bg {
    background: #040404
}

#aside-content .card-info #card-info-btn {
    border-radius: 6px 6px
}

#content-inner {
    background-color: #f6eff6
}

[data-theme=dark] #content-inner {
    background-color: #020305
}

#page-header.nav-fixed #nav {
    background: rgba(246,239,246,.61)!important;
    backdrop-filter: blur(8px) saturate(180%)!important;
}

[data-theme=dark] #page-header.nav-fixed #nav {
    background: rgba(79,76,79,.35)!important;
    backdrop-filter: blur(8px) saturate(180%)!important
}

#nav .show {
    background: rgba(246,239,246,.61)!important;
    backdrop-filter: blur(8px) saturate(180%)!important
}

[data-theme=dark] #nav .show {
    background: rgba(79,76,79,.35)!important;
    backdrop-filter: blur(8px) saturate(180%)!important
}

#sidebar #sidebar-menus.open {
    background: rgba(246,239,246,.75)!important;
    backdrop-filter: blur(13px) saturate(180%);
    border-radius: 6px 0 0 6px;
    box-shadow: 0 0 rgb(0 0 0 / 0)
}

[data-theme=dark] #sidebar #sidebar-menus.open {
    background: rgba(252,224,252,.11)!important;
    backdrop-filter: blur(13px) saturate(180%);
    border-radius: 6px 0 0 6px;
    box-shadow: 0 0 rgb(0 0 0 / 0)
}

/*#rightside>#rightside-config-hide>#hide-aside-btn,#rightside>#rightside-config-hide>#readmode,#rightside>#rightside-config-hide>#translateLink,#rightside>#rightside-config-show>#go-down,#rightside>#rightside-config-show>#go-up,#rightside>#rightside-config-show>#rightside_config,#rightside>#rightside-config-show>#to_comment {
    background: opacity(.3);
    backdrop-filter: blur(13px) saturate(180%);
    box-shadow: 0 0 rgb(0 0 0 / 0)
}

#rightside>#rightside-config-hide>#hide-aside-btn,#rightside>#rightside-config-hide>#readmode,#rightside>#rightside-config-hide>#translateLink,#rightside>#rightside-config-show>#go-down,#rightside>#rightside-config-show>#go-up,#rightside>#rightside-config-show>#to_comment,[data-theme=dark] #rightside>#rightside-config-show>#rightside_config {
    background: opacity(.3);
    backdrop-filter: blur(13px) saturate(180%);
    box-shadow: 0 0 rgb(0 0 0 / 0)
}*/

#local-search .search-dialog,#local-search .search-dialog .local-search-box input {
    background: rgba(246,239,246,.75)!important;
    backdrop-filter: blur(13px) saturate(180%);
    border-radius: 6px 6px;
    box-shadow: 0 0 rgb(0 0 0 / 0)
}

#local-search .search-dialog .local-search-box input,[data-theme=dark] #local-search .search-dialog {
    background: rgba(252,224,252,.2)!important;
    backdrop-filter: blur(13px) saturate(180%);
    border-radius: 6px 6px;
    box-shadow: 0 0 rgb(0 0 0 / 0)
}

#footer {
    background: 0 0!important
}

#footer #footer-wrap {
    color: var(--font-color)
}

#footer #footer-wrap a {
    color: var(--font-color)
}

.toc-link.active {
    background: #fca4d4
}

/*
@font-face {
    font-family: iconfont;
    src: url(/fonts/yilia-theme/iconfont.b322fa.eot);
    src: url(/fonts/yilia-theme/.b322fa.eot#iefix) format("embedded-opentype"),url(/fonts/yilia-theme/iconfont.8c627f.woff) format("woff"),url(/fonts/yilia-theme/iconfont.16acc2.ttf) format("truetype"),url(/fonts/yilia-theme/default-skin.b257fa.svg#iconfont) format("svg"),url(/fonts/yilia-theme/tooltip.4004ff.svg#iconfont) format("svg"),url(/fonts/yilia-theme/iconfont.45d7ee.svg#iconfont) format("svg")
}
*/

.iconfont {
    font-size: 100%!important
}

body {
    font-family: lucida grande,lucida sans unicode,lucida,helvetica,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif,Helvetica Neue,STHeiTi,Arial,sans-serif;
    line-height: 1.6;
    font-size: 15px;
    min-height: 100%;
    margin: 0
}

#article-container p {
    font-family: lucida grande,lucida sans unicode,lucida,helvetica,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif,Helvetica Neue,STHeiTi,Arial,sans-serif;
    padding: 1px 3px;
    margin: 0 3px 1.75em;
    margin-top: 10px;
    font-size: 16px
}

#article-container h1 {
    font-size: 21px;
    font-size: 1.35rem;
    line-height: 1.25;
    margin-top: 30px;
    margin-top: 2em;
    margin-bottom: 1em
}

#article-container h2 {
    font-size: 18px;
    font-size: 1.2375rem;
    line-height: 1.2173913043;
    margin-top: 20px;
    font-weight: 300;
    padding-bottom: 5px;
    margin-top: 2.4347826087em;
    margin-bottom: 1.1173913043em;
    border-bottom: 1px solid #aaa
}

#article-container h3 {
    font-size: 15px;
    font-size: 1.1875rem;
    margin-top: 20px;
    font-weight: 300;
    padding-bottom: 5px;
    line-height: 1.1052631579;
    margin-top: 2.9473684211em;
    margin-bottom: 1.1736842105em;
    border-bottom: 1px solid #ddd;
    font-style: italic
}

#article-container h4,#article-container h5,#article-container h6 {
    font-size: 13px;
    font-size: 1rem;
    margin-top: 20px;
    font-weight: 300;
    padding-bottom: 5px;
    line-height: 1.3125;
    margin-top: 3.5em;
    margin-bottom: 1.75em
}

#article-container h4 {
    letter-spacing: .140625em;
    text-transform: uppercase
}

.article-container h6 {
    font-style: italic
}

#article-container h1,#article-container h2,#article-container h3,#article-container h4,#article-container h5,#article-container h6 {
    font-weight: 900
}

.post-title {
    font-family: STHeiTi
}

.author-info__name {
    font-family: Roboto,serif
}

.sticky_layout {
    font-family: lucida grande,lucida sans unicode,lucida,helvetica,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif,Helvetica Neue,STHeiTi,Arial
}

#footer {
    font-size: 13px;
    font-family: lucida grande,lucida sans unicode,lucida,Arial,sans-serif,Microsoft YaHei
}

#article-container pre {
    padding: 1px 3px;
    margin: 0 3px;
    font-family: 'Fira Code',monospace!important
}

#post .post-copyright .post-copyright-info a {
    text-decoration: none
}

#post-info {
    text-align: left!important;
    bottom: 76px!important
}

.main-hero-waves-area {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 0;
    bottom: -7.5px
}

.waves-area .waves-svg {
    width: 100%;
    height: 4.4rem
}

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

.waves-area .parallax>use:first-child {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    fill: #f6eFF6b3
}

.waves-area .parallax>use:nth-child(2) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    fill: #f6eFF680
}

.waves-area .parallax>use:nth-child(3) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    -webkit-animation-duration: 13s;
    animation-duration: 13s;
    fill: #f6eFF64d
}

.waves-area .parallax>use:nth-child(4) {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    fill: #f6eff6
}

[data-theme=dark] .waves-area .parallax>use:first-child {
    fill: #0f172ab3
}

[data-theme=dark] .waves-area .parallax>use:nth-child(2) {
    fill: #0f172a80
}

[data-theme=dark] .waves-area .parallax>use:nth-child(3) {
    fill: #0f172a4d
}

[data-theme=dark] .waves-area .parallax>use:nth-child(4) {
    fill: #020305
}

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

    to {
        transform: translate3d(85px,0,0)
    }
}

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

    to {
        transform: translate3d(85px,0,0)
    }
}

#page-header #scroll-down .scroll-down-effects {
    z-index: 10
}

#page-header #site_social_icons {
    display: flow-root
}

button#go-up #percent {
    display: none;
    font-weight: 700;
    font-size: 15px!important
}

button#go-up span {
    font-size: 12px!important;
    margin-right: -1px
}

button#go-up:hover i {
    display: block!important
}

button#go-up:hover #percent {
    display: none!important
}

#rightside>div>a,#rightside>div>button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    font-size: 18px
}

.aplayer {
    background: rgba(255,255,255,.6)!important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);
    position: relative
}

.aplayer.aplayer-fixed .aplayer-lrc:after,.aplayer.aplayer-fixed .aplayer-lrc:before {
    display: none
}

.aplayer.aplayer.aplayer-fixed .aplayer-body {
    background: rgba(255,255,255,.6)!important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);
    position: fixed
}

.aplayer-list {
    backdrop-filter: blur(3px)
}

.aplayer-info {
    backdrop-filter: blur(3px)
}

.aplayer .aplayer-list ol::-webkit-scrollbar {
    width: 5px
}

.aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #b0e1ff
}

.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
    background-color: #b0e1ff
}

.aplayer.aplayer-fixed .aplayer-list {
    border-radius: 6px 6px 0 0!important
}

.aplayer.aplayer-fixed .aplayer-miniswitcher {
    border-radius: 0 6px 6px 0!important
}

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    transition: .28s!important;
    border-radius: 6px!important
}

.aplayer .aplayer-list ol li:hover {
    background: #b0e1ff!important
}

.aplayer .aplayer-list ol li.aplayer-list-light {
    background: #ffdffa!important
}

[data-theme=dark] .aplayer {
    background: rgba(22,22,22,.6)!important;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1)
}

[data-theme=dark] .aplayer.aplayer-fixed .aplayer-body {
    background: rgba(22,22,22,.6)!important;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1)
}

[data-theme=dark] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {
    fill: #d4d4d4
}

[data-theme=dark] .aplayer .aplayer-list ol li:hover {
    background: #407290!important
}

[data-theme=dark] .aplayer .aplayer-list ol li.aplayer-list-light {
    background: #9c8098!important
}

[data-theme=dark] .aplayer .aplayer-info .aplayer-controller .aplayer-time {
    color: #d4d4d4
}

[data-theme=dark] .aplayer .aplayer-list ol li .aplayer-list-index {
    color: #d4d4d4
}

[data-theme=dark] .aplayer .aplayer-list ol li .aplayer-list-author {
    color: #d4d4d4
}

.pace {
    pointer-events: none;
    user-select: none;
    z-index: 2;
    position: fixed;
    margin: auto;
    top: 4px;
    left: 0;
    right: 0;
    height: 8px;
    border-radius: 8px;
    width: 6rem;
    background: #eaecf2;
    overflow: hidden
}

.pace-inactive .pace-progress {
    opacity: 0;
    transition: .3s ease-in
}

.pace.pace-inactive {
    opacity: 0;
    transition: .3s;
    top: -8px
}

.pace .pace-progress {
    box-sizing: border-box;
    transform: translate3d(0,0,0);
    position: fixed;
    z-index: 2;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
    background: #49b1f5;
    background: linear-gradient(to right,#12c2e9,#c375ea,#f15862);
    animation: gradient 2s ease infinite;
    background-size: 200%
}

/* 波浪css */
.main-hero-waves-area {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -11px;
    z-index: 5;
}
.waves-area .waves-svg {
    width: 100%;
    height: 5rem;
}
/* Animation */

.parallax > use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    fill: #f7f9febd;
}
.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
    fill: #f7f9fe82;
}
.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
    fill: #f7f9fe36;
}
.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
    fill: #f7f9fe;
}
/* 黑色模式背景 */
[data-theme="dark"] .parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    fill: #18171dc8;
}
[data-theme="dark"] .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
    fill: #18171d80;
}
[data-theme="dark"] .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
    fill: #18171d3e;
}
[data-theme="dark"] .parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
    fill: #18171d;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves-area .waves-svg {
        height: 40px;
        min-height: 40px;
    }
}

/* Twikoo 评论样式 */

.tk-input .el-textarea__inner {
    min-height: 120px !important;
}

#twikoo .OwO-body {
    max-width: 100% !important;
}

#twikoo .OwO .OwO-body .OwO-items:nth-child(1),
#twikoo .OwO .OwO-body .OwO-items:nth-child(4) {
    max-height: 160px !important;
    min-height: 160px !important;
}

.OwO .OwO-body .OwO-items-show {
    max-height: 160px !important;
    min-height: 160px !important;
}

#twikoo .OwO-items li[title|=menhera] img {
    width: 100% !important;
    margin: 5px 10px;
}

.tk-comment .tk-owo-emotion[alt*=menhera] {
    width: 300px !important;
}

.tk-comment .vemoji[alt|=menhera],
.tk-comment .tk-owo-emotion[alt*=menhera] {
    max-width: 300px !important;
    max-height: 300px !important;
    margin: 8px 1px;
    display: block !important;
}

@media screen and (max-width: 768px) {
    .tk-comment .vemoji[alt|=menhera], .tk-comment .tk-owo-emotion[alt*=menhera] {
        max-width: calc(100% - 30px) !important;
        max-height: calc(100% - 30px) !important;
    }
    .OwO .OwO-body .OwO-items-image .OwO-item[title*=menhera] {
        max-width: calc(50% - 10px);
        box-sizing: border-box;
    }

}
/*加载动画头像*/
.loading-img {
    background: url(https://blog.liushen.fun/config/img/preloader.gif) no-repeat center center;
    background-size: cover;
}

.layout.hide-aside {
    max-width: 1200px;
    min-height: 360px;
}