@import "//at.alicdn.com/t/c/font_3988524_n41wmeswlx.css";
/* 修改标题样式 START */
#article-container h1:before,
#article-container h2:before,
#article-container h3:before,
#article-container h4:before,
#article-container h5:before,
#article-container h6:before,
#post .post-outdate-notice:before,
.fontawesomeIcon,
.note:not(.no-icon)::before,
hr:before {
    display: inline-block;
    font-weight: 600;
    font-style: normal;
    font-variant: normal;
    font-family: 'Font Awesome 5 Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}
#article-container h1:before,
#article-container h2:before,
#article-container h3:before,
#article-container h4:before,
#article-container h5:before,
#article-container h6:before {
    position: absolute;
    color: #f47466;
    line-height: 1;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    /* 回形针 content可以换成自己想要的样式 */
    /* content: '\f0c1';   */
    /* 若要使用风车效果，请去掉下面的注释 */
    content: '\f863'; 
    animation: avatar_turn_around 1s linear infinite;
}
#article-container h1 {
    padding-left: 1.4rem
}
#article-container h1 code {
    font-size: 1rem
}
#article-container h1:before {
    margin-left: -1.3rem;
    top: calc(50% - .5rem);
    font-size: 1rem
}
#article-container h1:hover {
    padding-left: 1.6rem
}
#article-container h2 {
    padding-left: 1.3rem
}
#article-container h2 code {
    font-size: .9rem
}
#article-container h2:before {
    margin-left: -1.4rem;
    top: calc(50% - .45rem);
    font-size: .9rem
}
#article-container h2:hover {
    padding-left: 1.5rem
}
#article-container h3 {
    padding-left: 1.2rem
}
#article-container h3 code {
    font-size: .8rem;
    top: calc(50% - .4rem);

}
#article-container h3:before {
    margin-left: -1.2rem;
    top: calc(50% - .4rem);
    font-size: .8rem
}
#article-container h3:hover {
    padding-left: 1.4rem
}
#article-container h4 {
    padding-left: 1.1rem
}
#article-container h4 code {
    font-size: .7rem
}
#article-container h4:before {
    margin-left: -1rem;
    top: calc(50% - .35rem);
    font-size: .7rem
}
#article-container h4:hover {
    padding-left: 1.3rem
}
#article-container h5 {
    padding-left: 1rem
}
#article-container h5 code {
    font-size: .6rem
}
#article-container h5:before {
    margin-left: -.8rem;
    top: calc(50% - .3rem);
    font-size: .6rem
}
#article-container h5:hover {
    padding-left: 1.2rem
}
#article-container h6 {
    padding-left: 1rem
}
#article-container h6 code {
    font-size: .6rem
}
#article-container h6:before {
    margin-left: -.8rem;
    top: calc(50% - .3rem);
    font-size: .6rem
}
#article-container h6:hover {
    padding-left: 1.2rem
}
/* 修改标题样式 END */



/* 鼠标样式 START */
body {
    cursor: url(https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/default.cur), auto;
}
.hide-block>.hide-button.open,
.hide-inline>.hide-button.open {
    display: block
}
a,
button,
img {
    cursor: url(https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/pointer.cur), auto
}
/* 鼠标样式 END */



/* 滚动条  START */
::-webkit-scrollbar {
    width: 8px;
    height: 8px
}
::-webkit-scrollbar-track {
    border-radius: 2em;
    /* background-color: rgba(73, 177, 245, .2); */
}
::-webkit-scrollbar-thumb {
    background-color: rgb(255 255 255 / .3);
    background-image: -webkit-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
}
::-webkit-scrollbar-corner {
    background-color: transparent
}
/* 滚动条  END */



/* 改写 menhera 表情样式 END */
/* valine 评论 */
/* 去除了dark模式下头像border和padding */
[data-theme='dark'] .v[data-class=v] .vcards .vcard .vimg {
    padding: 0;
    border: none;
}
[data-theme='dark'] #post .v[data-class=v] .vcontent img {
    display: inline-block;
}
.v[data-class=v] .emoji,
.v[data-class=v] .vemoji {
    vertical-align: text-bottom;
}
.v[data-class=v] .vwrap .vemojis {
    max-height: 260px !important;
}
.v[data-class=v] .vwrap .vemojis i[title|=menhera] {
    width: 22% !important;
    margin: 5px 10px;
}
.v[data-class=v] .vwrap .vemojis img[alt|=menhera] {
    max-width: 100% !important;
}
.v[data-class=v] .vcontent .emoji[alt|=menhera],
.v[data-class=v] .vcontent .vemoji[alt|=menhera] {
    max-width: 300px !important;
    /* vertical-align: middle; */
    margin: 8px 1px;
    display: block !important;
}
@media screen and (max-width: 1200px) {
    .v[data-class=v] .vwrap .vemojis i[title|=menhera] {
        margin: 5px 8px;
    }
}
@media screen and (max-width: 768px) {
    .v[data-class=v] .vcontent .emoji[alt|=menhera],
    .v[data-class=v] .vcontent .vemoji[alt|=menhera] {
        max-width: calc(100% - 30px) !important;
    }
}
@media screen and (max-width: 576px) {
    .v[data-class=v] .vwrap .vemojis {
        max-height: 200px !important;
    }
    .v[data-class=v] .vwrap .vemojis i[title|=menhera] {
        margin: 5px 5px;
    }
}
@media screen and (max-width: 400px) {
    .v[data-class=v] .vwrap .vemojis i[title|=menhera] {
        width: 21% !important;
    }
}
/* 改写 menhera 表情样式 END */



/* 公众号 START */
[data-theme='light'] #aside-content .card-widget#card-wechat {
    background: #49b1f5 !important;
}
#aside-content .card-widget#card-wechat {
    background: var(--card-bg);
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 0;
    cursor: pointer !important;
    border: none;
    height: 110px;
}
/* 如果你设置了aside 的 mobile 为 false，记得放开下面这段注释；
   如果你设置了aside 的 mobile 为 true ，不需要改动。 */
/* @media screen and (max-width: 768px) {
    #aside-content .card-widget#card-wechat {
        display: none !important;
    }
} */
@media screen and (min-width: 1300px) {
    #aside-content .card-widget {
        margin-top: 1rem;
    }
}
#flip-wrapper {
    -webkit-perspective: 1000;
    perspective: 1000;
    position: relative;
    width: 235px;
    height: 110px;
    z-index: 1;
}
#flip-wrapper:hover #flip-content {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#flip-content {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: cubic-bezier(0, 0, 0, 1.29) 0.3s;
}
.face {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(https://smart-blog.oss-cn-wulanchabu.aliyuncs.com/image/2023/03/wechat-public_face.png) center center no-repeat;
    background-size: 100%;
}
.back.face {
    display: block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-sizing: border-box;
    background: url(https://smart-blog.oss-cn-wulanchabu.aliyuncs.com/image/2023/03/wechat-public_back.png) center center no-repeat;
    background-size: 100%;
} 
/* 公众号 END */



/* 首页欢迎通知框 START */
/* 颜色设置 */
[data-theme=light] {
    --sianx_popup: #000000a6;/* 白天 */
}
[data-theme=dark] {
    --sianx_popup: #575757a6;/* 夜间 */
}
.snackbar-pos {
    border-radius: 45px !important;/* 弹窗圆角 */
}
.snackbar-container {
    background: var(--sianx_popup) !important;/* 弹窗颜色 */
}
/* 字体设置，没有自定义字体的可忽略，这边只是提醒一下 */
.snackbar-container {
    /* snackbar弹窗 */
    font-family: 'aqqxs', sans-serif !important;
}
.bottom-center button{
    font-weight: 600 !important;
}
.bottom-center p{
    font-weight: 600 !important;
}
/* 首页欢迎通知框 END */



/* 哔哩哔哩视频适配 START */
.bilibili-aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    margin: 3% auto;
    text-align: center;
    border:1px dashed rgb(131, 131, 131);
    border-radius: 15px;
  }
.bilibili-aspect-ratio iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0.5% 0.5% 0.5% 0.5%;
    left: 0;
    top: 0;
}
/* 哔哩哔哩视频适配 END */



/* 页面透明背景设置 START */
.layout>#nopage {
    /* rgba(255, 255, 255, 0.5) !important; */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    /* padding-top: 0; */
    width: 80%;
}
/* 页面透明背景设置 END */



/* 定制日期边框盒子 START */
.date-box{
    background-image: linear-gradient(#359bffaa 10%,transparent);
    padding: 20px;
    /* color: white; */
    position: relative;
    border: 10px solid transparent;
    background-clip: padding-box;
    border-radius: 30px;
  }
  .date-box::after{
    right:  -10px;
    top:  -10px;
    border-top: 1px dashed white;
    border-right: 1px dashed white;
  }
  .date-box:hover::after{
    right:-1px;
    top: -1px;
    transition: all ease-in .2s;
  }
  .date-box:hover::before{
    bottom:-1px;
    left:-1px;
    transition: all ease-in .2s;
  }
  .date-box::after, .date-box::before{
    pointer-events: none;
    content: '';
    display: block;
    position: absolute;
    width: 80%;
    height: 50%;
    transition: all ease-in .2s;
  }
  .date-box::before{
    bottom: -10px;
    left:  -10px;
    border-left: 1px dashed white;
    border-bottom: 1px dashed white;
  }
  .date-box a{
    color:#2196f3 !important;
    text-decoration:none !important;
  }
  .date-box a:visited, a:link, a:hover{
	color:#2196f3;
  }

/* 定制日期边框盒子 END */


/* 页面加载动画START */
.loading-img {
    background: url(https://smart-blog.oss-cn-wulanchabu.aliyuncs.com/image/2023/03/blog-avatar.png) no-repeat center center;
    background-size: cover;
}
/* 页面加载进度条END */