@charset "UTF-8";
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-size: 20px;line-height: 1.7;}
body {word-wrap: break-word;margin: 0;padding:0;color: #3b4351;font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-size: 0.7rem;height:100%;overflow:hidden;}

hr {box-sizing: content-box;height: 0;overflow: visible;border:0.1rem solid rgba(188, 195, 206, 0.25);border-width: 2px 0 0 0;}
a {text-decoration:none;color:#3b4351;cursor: pointer;}
b, strong {font-weight: bolder;}
code, kbd, pre, samp {font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace;font-size: .7rem;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
audio, video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}

h1,h2,h3,h4,h5,h6 {color: inherit;font-weight:bold;line-height: 1.2;margin-bottom: 0.5em;margin-top: 0;}
h1{font-size: 2rem;}
h2{font-size: 1.6rem;}
h3{font-size: 1.4rem;}
h4{font-size: 1.2rem;}
h5{font-size: 1rem;}
h6{font-size: 0.7rem;}

p {margin:0 0 0.3rem 0;}
blockquote {border-left: 0.2rem solid #dadee4;margin-left: 0;padding: 0rem 0.8rem;}
ul, ol {margin: 0.2rem 0 0.2rem 0.8rem;padding: 0;}
pre{max-height: 300px;background: #f9f2f2; overflow: scroll;padding: 7px;}

/*隐藏数字输入框后面的小三角*/
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; }
input[type="number"]{-moz-appearance: textfield; }

/*滚动条样式*/
::-webkit-scrollbar {width:.25rem;height:.25rem;background-color: transparent;}
::-webkit-scrollbar-thumb {border-radius:.15rem;background-color: #ccc;}
::-webkit-scrollbar-corner{background-color: transparent;}

/*背景*/
.bg{z-index: -1;position: absolute;top: 0;left: 0;width: 100%;height:100%;}
.bg img{position: fixed;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;backface-visibility: hidden;}
.bg img.error {display: none;}
.bg .cover {opacity: 1;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-image: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%), radial-gradient(rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, .3) 166%);}

/*导航栏*/
.nav {z-index: 3;position: fixed;text-align: center;bottom: 0px;width:100%;height: 60px;background: rgba(255,255,255,.5);user-select: none;white-space: nowrap;overflow-x: scroll;}

.nav::-webkit-scrollbar {width:0;height:0;}
.nav a{display:inline-block;width:45px;height:45px;line-height:45px;border-radius:5px;vertical-align: middle;margin:7px 12px;color:#fff;font-size:18px;transition: .5s;}
.nav a:hover {cursor: pointer;transform: scale(1.2);}

.loading{position: absolute;margin: 0 auto;text-align: center;top:calc(50% + 140px);width: 100%;color: #fff;font-size:22px;text-shadow: 0 1px 5px rgb(0 0 0 / 50%);}

.tips{position: fixed;width:290px;right: 0;bottom: 65px;background: rgba(255,255,255,.8);display:none;}
.tips .title{background: rgba(0,0,0,.9);color:rgba(255,255,255,.9);text-align: center;line-height:33px;}
.tips .title a{position: absolute;right: 0;width:33px;color:rgba(255,255,255,.9);}
.tips .text{padding:10px 0;}
.tips p{padding:3px 10px;line-height:1.3;}

/*窗口*/
.dialog{display:none;}
.dialog > *{width:calc(100% - 20px);max-width:800px;height: calc(100% - 100px);margin:20px auto;left: 0;right: 0;position:absolute;overflow: hidden;}
.dialog .pos{line-height:40px;text-align: center;width:calc(100% - 60px);background: rgba(255,255,255,.5);padding:0 30px;font-size: 16px;font-weight: bold;}
.dialog .pos a{overflow: scroll;white-space: nowrap;width:100%;display:block;}
.dialog .pos a::-webkit-scrollbar {width:0;height:0;}
.dialog .return{position: absolute;width:37px;line-height:40px;text-align: center;left: 0;opacity: .7;transition: .5s;}
.dialog .close:hover {transform: scale(1.3);}
.dialog .close{position: absolute;width:37px;line-height:40px;text-align: center;right: 0;opacity: .7;transition: .5s;}
.dialog .close:hover {transform: scale(1.3);}

.dialog .cates{max-width:660px;list-style-type: none;}
.dialog .cates li{text-align: center;background: rgba(255,255,255,.7);margin-left:-1px;width:60px;border-left: 1px solid gray;border-right: 1px solid gray;float:right;height: 100%;}
.dialog .cates li a{width: 22px;display: inline-block;text-align: center;margin-top:180%;font-size:18px;transition: .5s;}
.dialog .cates li a:hover {transform: scale(1.1);}

.dialog .tags{background: rgba(255,255,255,.5);max-width:660px;list-style-type: none;}
.dialog .tags .box{height: calc(100% - 80px);overflow:hidden;padding:40px 10px;text-align: justify;writing-mode: vertical-rl;writing-mode: tb-rl;float: right;}
.dialog .tags li{display:inline-block;padding:15px 5px;margin:-1px 0 0 -1px;line-height:25px;border: 1px solid gray;background:#fff;opacity: .7;transition: .5s;}
.dialog .tags li:hover {transform: scale(1.1);}

.dialog .album{background: rgba(255,255,255,.5);max-width:760px;}
.dialog .album .cate{margin-top:7px;}
.dialog .album .cate a{background: rgba(255,255,255,.7);display:inline-block;padding:2px 10px;margin:0 3px;transition: .5s;}
.dialog .album .cate a:hover {transform: scale(1.1);}
.dialog .album .cate a.now{background: rgba(255,255,255,.5);}
.dialog .album .box{height:calc(100% - 40px);overflow: scroll;padding:0 15px;text-align: center;}
.dialog .album .box a{margin:0 5px 5px 0;}
.dialog .album .box img{max-width: 100%;height:90px;transition: .5s;}
.dialog .album .box img:hover {transform: scale(1.1);}

.posts{background: rgba(255,255,255,.9);}
.posts .box{height: calc(100% - 40px);overflow: scroll;}
.post{padding:15px 15px 5px 15px;border-bottom: 1px solid rgba(255,255,255,.8);}
.post .avatar{width:40px;height:40px;float:left;}
.post .avatar img{width:100%;height:100%;border-radius:5px;}
.post .main{margin-left:50px;}
.post .header {opacity: .9;}
.post .header .date{font-size:12px;}
.post .content .title{margin: 5px 0;}
.post .excerpt{max-height:95px;overflow:hidden;}
.post .footer > *{font-size:12px;margin-right:8px;}
.post .footer i{opacity: .65;}
@media (max-width:570px){
    .post.article .main{margin-left:0;}
    .post.article .header{margin-left:50px;line-height:20px;}
    .post.article .header > b{display:block;margin-right:8px;}
    .post.article .content{margin-top:8px;padding-top:5px;border-top: 1px solid rgba(255,255,255,.5);}
}

/*评论区*/
#comments{padding:15px 20px;font-size:13px;}
/*评论发布框*/
.commentpost{width:100%;margin:5px 0;}
.commentpost .cmt-avatar{float:left;width:30px;height:30px;}
.commentpost .cmt-avatar img{display:block;width: 100%;height: 100%;border-radius:3px;}
.commentpost form{position:relative;user-select:none;}
.commentpost form{margin:0 0 0 40px;padding: 3px 10px;border-radius: 5px;background: rgba(255,255,255,.5);}
.commentpost form input{background: unset;width:calc(100% / 3 - 19px);border:0 none;border-bottom:1px solid rgba(255,255,255,.8);outline:none;}
.commentpost form label{display:inline-block;width:18px;text-align: center;}
.commentpost form textarea{background: unset;width:100%;height:44px;resize:none;border:0 none;outline:none;padding: 5px 0;}
.commentpost form .submit{background: unset;width:auto;cursor: pointer;border:0;padding: 0;opacity: .6;}
.commentpost form input::-webkit-input-placeholder, .commentpost form textarea::-webkit-input-placeholder{color:#ddd;}
.commentpost form .cancel-comment-reply a{float:right;margin-right:8px;opacity: .6;}
/* 评论列表 */
.comment-list, .comment-list ol{list-style: none;margin:0;font-size:13px;}
.comment-list a{}
.comment-list li{padding:10px 0 0 0;margin:0;border-bottom:1px solid rgba(255,255,255,.8);}
.comment-list .cmt-content{margin:0 0 0 40px;}
.comment-list .cmt-ava{float:left;width:30px;height:30px;user-select:none;}
.comment-list .cmt-ava img{width:100%;height:100%;border-radius:50%;}
.comment-list .cmt-hea{height:24px;line-height:24px;user-select:none;}
.comment-list .cmt-hea a{max-width:100px;margin-right:5px;overflow:hidden;}
.comment-list .cmt-hea time{max-width:100px;overflow:hidden;}
.comment-list .cmt-hea .comment-reply a{float:right;font-weight:normal;opacity: .6;}
.comment-list .cmt-txt{}
.comment-list ol li{padding:8px 0 0 0;border-top:1px solid rgba(255,255,255,.8);border-bottom:0;}

/*分页*/
.page-navigator{list-style: none;text-align: center;margin:12px 0;font-size:14px;font-size: 12px;}
.page-navigator li:not(.next){display: none;}
.page-navigator li{background:#a78e44;border-radius: 17px;line-height:33px;display: inline-block;min-width: 100px;}
.page-navigator li *{color:#fff;}