@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 {text-shadow: 0 1px 5px rgb(0 0 0 / 20%);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.15rem 0;}
blockquote {border-left: 0.2rem solid rgba(255,255,255,.7);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;}
img{max-width:100%;}

/*隐藏数字输入框后面的小三角*/
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:6px;height:6px;background-color: transparent;}
::-webkit-scrollbar-thumb {border-radius:3px;background-color:#eee;}
::-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{background:#3e92e8;display:inline-block;width:45px;height:45px;line-height:45px;border-radius:5px;vertical-align: middle;margin:7px 10px;color:#fff;font-size:18px;transition: .5s;}
.nav a:hover {cursor: pointer;transform: scale(1.2);}
.nav a:nth-child(9n+1){background:#b04c6b;}
.nav a:nth-child(9n+2){background:#e7473e;}
.nav a:nth-child(9n+3){background:#45b119;}
.nav a:nth-child(9n+4){background:#0060ad;}
.nav a:nth-child(9n+5){background:#db2a1b;}
.nav a:nth-child(9n+6){background:#3e92e8;}
.nav a:nth-child(9n+7){background:#5b9e4b;}
.nav a:nth-child(9n+8){background:#701078;}
.nav a:nth-child(9n+9){background:#ae7683;}

    .loading{background: rgba(255,255,255,.1);height: 100%;width: 100%;position: fixed;z-index: 999;display:none;backdrop-filter: blur(3px);}
    .loading > div{height:3px;width: 99px;position: relative;overflow: hidden;display: inline-block;background-color: rgb(229 231 235);top: calc(50% - 20px);left: calc(50% - 50px);}
    .loading > div > span{position: absolute;top: 0;left: -5px;width: 10px;height: 3px;-webkit-animation: move 1.5s infinite;animation: move 1.5s infinite;background-color: rgb(96 165 250);}
    .loading > span{width:99px;position: relative;top: calc(50% - 20px);left: calc(50% - 50px);text-align: center;color: gray;display:block;}
    @keyframes move {
        from {left: -5px}
        to {left: 99px}
    }
    
    @-webkit-keyframes move {
        from {left: -5px}
        to {left: 99px}
    }

.tips{position: fixed;width:290px;right: 0;bottom:70px;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 3px 0;}
.tips p{padding:3px 10px;line-height:1.3;}
.tips .vbolu{color:gray;}

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

/*窗口*/
.dialog{}
.dialog > *{width:calc(100% - 20px);max-width:960px;height: calc(100% - 90px);margin:15px auto;left: 0;right: 0;position:absolute;overflow: hidden;}
.dialog .pos{line-height:40px;text-align: center;width:calc(100% - 80px);background: rgba(255,255,255,.5);padding:0 40px;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:40px;line-height:40px;text-align: center;left: 0;opacity: .7;transition: .5s;}
.dialog .return i{margin-left:5px;}
.dialog .close{position: absolute;width:40px;line-height:40px;text-align: center;right: 0;opacity: .7;transition: .5s;display:none;}
.dialog .close i{margin-left:-5px;}
.dialog .close:hover {transform: scale(1.3);}

.dialog .cates{list-style-type: none;max-width:600px;direction:rtl;}
.dialog .cates li{text-align: center;background: rgba(255,255,255,.75);margin-left:-1px;width:55px;max-width: 15%;border-left: 1px solid gray;border-right: 1px solid gray;float:right;height:100%;}
.dialog .cates li a{width: 22px;display: inline-block;position: relative;top: 25%;text-align: center;font-size:18px;transition: .5s;}
.dialog .cates li a:hover {transform: scale(1.1);}
.dialog .cates li small{writing-mode: tb-rl;margin-top:30px;opacity: .75;}

.dialog .cates li form{height: 100%;width: 100%;writing-mode: vertical-rl;writing-mode: tb-rl;}
.dialog .cates li input{height: calc(50% - 10px);border: 0;outline: 0;background: #fdfdff00;width: 100%;text-align: left;letter-spacing: 8px;font-size: 18px;}

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

.dialog .album{background: rgba(255,255,255,.4);}
.dialog .album p{text-align: center;}
.dialog .album .cate{margin-top:7px;position: sticky;top: 0;z-index:9;}
.dialog .album .cate a{background: rgba(255,255,255,.7);display:inline-block;padding:2px 10px;margin:0 5px;transition: .5s;overflow: hidden;}
.dialog .album .cate a:hover {transform: scale(1.07);}
.dialog .album .cate a.now{background: rgba(255,255,255,.5);}
.dialog .album .box{height:calc(100% - 40px);overflow: scroll;padding:0 10px;}

.dialog .album .box > div > a{line-height:0;margin:2px 5px;width: calc(100% / 4 - 10px);display: inline-block;overflow: hidden;border-radius:5px;padding-top: calc(100% / 4 - 6px);position: relative;}
.dialog .album .box a img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;vertical-align: middle;-o-object-fit: cover;object-fit: cover;transition: .5s;}
.dialog .album .box a img:hover {transform: scale(1.05);}
.dialog .album .box a > div{position: absolute;bottom: 0;padding: 0 5px;width:100%;height: 26px;line-height: 26px;overflow: hidden;background-color: #0000005c;color: #fff;font-size: 12px;}
.dialog .album .box a > i{position: absolute;top:5px;right:5px;color: #fff;font-size:12px;}
@media (max-width:820px){.dialog .album .box > div > a{width: calc(100% / 3 - 10px);padding-top: calc(100% / 3 - 10px);}}
@media (max-width:570px){.dialog .album .box > div > a{width: calc(100% / 2 - 10px);padding-top: calc(100% / 2 - 10px);}}
.dialog .album .box a img.tweet_video_play {height: 40px;width: 40px;top: calc(50% - 20px);left: calc(50% - 20px);}

.posts{background: rgba(255,255,255,.85);max-width:660px;}
.posts .box{height: calc(100% - 40px);overflow: scroll;}
.post{padding:17px 20px 12px 20px;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{overflow:hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.post .footer{font-size:12px;margin-top:7px;}
.post .footer > *{margin-right:10px;}
.post .footer i{opacity: .65;}
/*系统的密码访问*/
.post .content form.protected input{box-sizing:border-box;height:25px;vertical-align:middle;opacity:.7;}

/*评论按钮*/
.comment_btn{text-align:center;}
.comment_btn a{background: #a78e44;margin:15px auto;border-radius: 15px;line-height: 30px;color:#fff;display: inline-block;min-width: 100px;}

    .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);}


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


#comments .page-navigator{margin:0;}
#comments .page-navigator li:not(.prev){display: none;}
#comments .page-navigator li.prev{display: inline-block;}
#comments .page-navigator li{background:unset;border-radius: 17px;line-height:auto;}
#comments .page-navigator li *{color:gray;}

/*评论*/
#comments{display:none;position: absolute;bottom:0;width:100%;height:100%;z-index:9;}
/*评论框标题*/
#comments .title{padding:5px 15px;background:rgba(255,255,255,.88);line-height:30px;}
#comments .title .avatar{width:30px;height:30px;float: left;margin-right: 10px;cursor: pointer;}
#comments .title img{width:100%;height:100%;border-radius:50%;}
#comments .btn {display: inline-block;float: right;}

/*评论列表*/
#comments .middle{background:rgb(243,244,246);padding:10px 15px;height:calc(100% - 112px);overflow: scroll;}
#comments .comment-list{list-style: none;margin:0;font-size:13px;}
#comments .comment-list a{color: #66758c;}
#comments .comment-list li{padding:8px 0;margin:0;}
#comments .comment-list .cmt-content{margin:0 44px;}
#comments .comment-list .cmt-ava{float:left;width:33px;height:33px;user-select:none;position: relative;}
#comments .comment-list .cmt-ava img{width:100%;height:100%;border-radius:50%;}
#comments .comment-list .cmt-ava .cmt-at{display:none;position: absolute;width: 33px;line-height: 33px;height: 33px;text-align: center;left: 0;top:0;background: #fff;border-radius: 50%;opacity: .7;font-size: larger;font-weight: bold;}
#comments .comment-list li:hover .cmt-ava .cmt-at{display:block;}

#comments .comment-list .cmt-hea{height:24px;line-height:24px;user-select:none;font-size:12px;}
#comments .comment-list .cmt-hea a{max-width:100px;margin:0 3px;overflow:hidden;}
#comments .comment-list .cmt-hea .comment-reply a{color:#cdd3dd;}
#comments .comment-list .cmt-txt{background:#fff;padding:7px 15px;display:inline-block;border-radius:18px;position: relative;}
#comments .comment-list .cmt-txt:after{border-left: 15px solid transparent;left: -10px;top:10px;position: absolute;border-top: 15px solid #fff;content: "";}
#comments .comment-list .cmt-txt p{margin:0;display:inline;}
#comments .comment-list ul li{padding:8px 0 0 0;border-top:1px solid #f1f3f5;border-bottom:0;}

#comments .comment-list li.me{float: right;}
#comments .comment-list li.me .cmt-ava{float: right;}
#comments .comment-list li.me .cmt-txt{float: right;}
#comments .comment-list li.me .cmt-hea a {float: right;}
#comments .comment-list li.me .cmt-txt:after{border-left:0;left:unset;border-right: 15px solid transparent;right: -10px;}

/*评论form*/
#comments .bottom{width:calc(100% - 30px);bottom: 0;left: 0;position: absolute;background-color:#f0f2fb;user-select:none;padding:10px 15px;margin:0;}
#comments .bottom .userdata{display:none;position: absolute;z-index: 9;bottom:52px;background: #fff;padding:10px;width: calc(100% - 50px);}
#comments .bottom .userdata input{width:calc(100% - 30px);margin:5px 0;border: 1px solid #909cae;}
#comments .bottom #cancel-comment-reply-link{position: absolute;z-index: 9;left: 20px;top: -15px;color: #a78e44;}
#comments .bottom textarea, #comments .bottom input{width:calc(100% - 66px);resize:none;border:0;outline:none;padding:8px 12px;border-radius:16px;background: #fff;}
#comments .bottom .submit{width:32px;height:32px;cursor: pointer;background: #fff;border:0;padding: 0;color: #909cae;float:right;border-radius:50%;}


/*文章列表新版*/
.dialog .pos {background: rgba(255, 255, 255, .95);}
.posts {background: rgba(255, 255, 255, .5);}
.posts .post {padding:0;border-bottom: 0;margin:7px 12px;background: rgba(255, 255, 255, .8);}
.posts .post .main {margin:0;}
.posts .post .avatar {width:30px;height:30px;padding:5px 10px 5px 12px;}
.posts .post .avatar img {border-radius:50%}
.posts .post .header {padding:5px 40px;height: 30px;line-height: 30px;border-bottom: 1px solid rgba(255, 255, 255, .65);}
.posts .post .header > b {display: inline-block;margin-right: 5px;}
.posts .post .content {padding:5px 12px;}
.posts .post .footer {padding:5px 12px 8px 12px;margin-top:0;}

.posts .post.article .header {margin-left: 0;line-height:30px;}
.posts .post.article .header > b {display: inline-block;margin-right: 5px;}
.posts .post.article .content {border-top:0;}
    
.page-navigator {margin: 10px 0;}
.comment_btn a {margin: 0 auto;}

.dialog .cates li{margin-left:3px;border-left: 0px;border-right: 0px;}
.dialog .tags{background: rgba(255,255,255,.4);}
.dialog .tags .box{height: calc(100% - 99px);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 17;-webkit-box-orient: vertical;}
.dialog .tags li {margin:0 3px 3px 0;border: 0;opacity: .8;padding: 15px 5px;}
@media (max-width:800px){.dialog .tags .box{-webkit-line-clamp: 17;}}
@media (max-width:760px){.dialog .tags .box{-webkit-line-clamp: 16;}}
@media (max-width:720px){.dialog .tags .box{-webkit-line-clamp: 15;}}
@media (max-width:680px){.dialog .tags .box{-webkit-line-clamp: 14;}}
@media (max-width:640px){.dialog .tags .box{-webkit-line-clamp: 13;}}
@media (max-width:600px){.dialog .tags .box{-webkit-line-clamp: 12;}}
@media (max-width:560px){.dialog .tags .box{-webkit-line-clamp: 11;}}
@media (max-width:520px){.dialog .tags .box{-webkit-line-clamp: 10;}}
@media (max-width:480px){.dialog .tags .box{-webkit-line-clamp: 9;}}
@media (max-width:440px){.dialog .tags .box{-webkit-line-clamp: 8;}}
@media (max-width:400px){.dialog .tags .box{-webkit-line-clamp: 7;}}


.col .box {writing-mode: vertical-rl;writing-mode: tb-rl;float:right;width:calc(100% - 5px);border-left:5px solid #ff000000;}
.col .post{padding:10px;margin: 7px 12px 2px 12px;}
.col .post .header {padding: 5px 5px 5px 10px;border-left: 1px solid rgba(255, 255, 255, .65);border-bottom:0;height: unset;}
.col .post .header > b {margin:0 0 5px 0;}
.col .post .content{margin-top:0}
.col .post .content .title {margin:0 0 0 5px;}
.col .post .avatar {padding:5px 5px 10px 5px;}
.col .post .footer {padding:7px 0 0 5px;}
.col .tweet_imgs {width:unset;max-width:unset;}
.col .tweet_imgs a{width: 99px !important;height: 99px !important;padding-top:99px;padding-top: 0 !important;padding-left: 0 !important;margin:2px !important;}
.col .tweet_imgs a{border-radius:5px !important;}
.col .page-navigator {margin: 10px;}
.col .page-navigator li, .col .comment_btn a {min-height:100px;min-width:auto;}
#comments{writing-mode:rl;writing-mode:rl;left: 0;}