.post-page .article-details:not(:first-child){margin-top:30px}.post-page .article-details{background-color:#fff;padding:65px 10px}.post-page .article-details .article-title{text-align:center;font-size:24px}.post-page .article-details .article-meta{text-align:center;padding:20px 0;font-size:12px;color:#a1887f}.post-page .article-details .article-meta ul{list-style:none;padding-right:20px}.post-page .article-details .article-meta ul>li{display:inline-block;margin-left:20px;line-height:2}.post-page .article-details .article-meta ul>li>i{margin-right:8px}.post-page .article-details .article-meta ul>li>span a{color:#a1887f;margin-left:10px}.post-page .article-details .article-meta ul>li a span{color:#a1887f}.post-page .article-details .article-meta ul>li>li :first-child,.post-page .article-details .article-meta ul>li>span a:first-child{margin-left:0}.post-page .article-details .article-content{margin-top:20px;margin-bottom:30px;line-height:2;font-weight:300;font-size:responsive}.post-page .article-details .article-content pre{text-align:.16rem;overflow-x:auto;line-height:1}.post-page .article-details .article-content pre code{padding:16px}.post-page .article-details .article-content code{color:#24292e;background-color:#1b1f230d;border-radius:3px;font-size:85%;padding:2px 5px}.post-page .article-details .copyright{margin-top:80px;font-size:10px;color:#888}.post-page .comment{width:100%;margin-top:60px}.post-page .comment .comment-title{color:#777;margin-bottom:30px}.post-page .comment .comment-item{margin-top:10px;padding:10px 8px}.post-page .comment .comment-avatar{float:left;margin-top:3px}.post-page .comment .comment-avatar img{border-radius:50%;width:40px;border-style:none;cursor:pointer;box-sizing:border-box;margin:0}.post-page .comment .comment-area{margin-left:50px}.post-page .comment .comment-area .comment-author,.post-page .comment .comment-area .comment-info{font-size:10px}.post-page .comment .comment-area .comment-author{color:#a1887f}.post-page .comment .comment-area .comment-info{color:#777}.post-page .comment .comment-area .comment-info .reply{color:#a1887f;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:10px}.post-page .comment .comment-no-userinfo{float:left;font-size:12px;line-height:50px;margin-left:10px}.post-page .comment .comment-userinfo{width:200px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:10px;margin-left:10px;display:inline-block;height:30px}.post-page .comment .comment-userinfo .comment-avatar{position:absolute;left:0;top:0;width:30px;height:30px;overflow:hidden}.post-page .comment .comment-userinfo .comment-avatar img{border-radius:50%;width:30px;height:30px;border-style:none;box-sizing:border-box;margin:0}.post-page .comment .comment-userinfo .comment-nickname{color:#a1887f;margin-left:50px;height:30px;line-height:30px;font-size:12px;width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-page .comment .comment-userinfo .comment-content{width:100%;padding:5px 0}.post-page .comment .comment-userinfo .comment-content img{max-width:100%}.post-page .comment .comment-userinfo .comment-status{color:#ca7474}.post-page .comment .comment-userinfo .comment-logout,.post-page .comment .comment-userinfo .comment-setting{width:51px;height:100%;line-height:30px;border:1px solid #586069;font-size:12px;border-radius:2px;box-sizing:border-box;display:none;text-align:center;float:left}.post-page .comment .comment-userinfo .comment-logout{margin-left:10px}.post-page .comment .comment-userinfo .comment-userinfo:hover .comment-avatar,.post-page .comment .comment-userinfo .comment-userinfo:hover .comment-nickname{display:none}.post-page .comment .comment-userinfo .comment-userinfo:hover .comment-logout,.post-page .comment .comment-userinfo .comment-userinfo:hover .comment-setting{display:block}.post-page .comment .comment-userinfo .comment-userinfo:active .comment-logout,.post-page .comment .comment-userinfo .comment-userinfo:active .comment-setting{background-color:#586069;color:#fff}.post-page .comment #editor{margin-top:10px;border-bottom-color:#e6e5e5;border-bottom-style:dotted;border-bottom-left-radius:0;border-bottom-right-radius:0}.post-page .comment .comment-toolbar{width:100%;height:50px;flex-direction:column;border-radius:0 0 3px 3px;box-sizing:border-box;border:1px solid #d1d5da;border-top:none;color:#586069}.post-page .comment .comment-btn{color:#586069;float:right;line-height:12px;margin-top:12px;margin-right:10px;padding:6px 12px;border:1px solid #586069;box-sizing:border-box;font-size:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:2px}.post-page .comment .comment-btn:active{background-color:#586069;color:#fff}.post-page .comment .comment-reply-commit{margin:10px 0 10px 50px}.post-page .comment .comment-default-commit{margin-top:125px}.post-page .comment .comment-default-commit,.post-page .comment .comment-reply-commit{position:relative}.post-page .comment .comment-default-commit .login,.post-page .comment .comment-reply-commit .login{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;line-height:1;margin:auto;z-index:99;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.post-page .comment .comment-default-commit .login .item,.post-page .comment .comment-reply-commit .login .item{flex:1;display:flex;width:100%;height:100%;flex-direction:column;align-items:center;position:relative}.post-page .comment .comment-default-commit .login .qrcode,.post-page .comment .comment-reply-commit .login .qrcode{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:#00f;border-radius:12px;margin-bottom:10px;color:#fff;overflow:hidden;cursor:pointer;position:absolute;z-index:1000;top:calc(50% - 48px)}.post-page .comment .comment-default-commit .login .logo,.post-page .comment .comment-reply-commit .login .logo{background-color:#f5f4f4;width:64px;height:64px;border-radius:50%;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;z-index:1000;top:calc(50% - 32px);transition:transform .2s cubic-bezier(.075,.82,.165,1),top .2s cubic-bezier(.075,.82,.165,1)}.post-page .comment .comment-default-commit .login .logo.active,.post-page .comment .comment-reply-commit .login .logo.active{top:calc(50% + 37px);transform:scale(.5)}.post-page .comment .comment-default-commit .login .logo.loading,.post-page .comment .comment-reply-commit .login .logo.loading{animation:spin 1s linear infinite}.post-page .comment .comment-default-commit .login .logo:hover,.post-page .comment .comment-reply-commit .login .logo:hover{background-color:#fff}.post-page .comment .comment-default-commit .login .qrcode-enter,.post-page .comment .comment-default-commit .login .qrcode-leave-to,.post-page .comment .comment-reply-commit .login .qrcode-enter,.post-page .comment .comment-reply-commit .login .qrcode-leave-to{transform:scale(0)}.post-page .comment .comment-default-commit .login .qrcode-enter-active,.post-page .comment .comment-default-commit .login .qrcode-leave-active,.post-page .comment .comment-reply-commit .login .qrcode-enter-active,.post-page .comment .comment-reply-commit .login .qrcode-leave-active{transition:transform .5s cubic-bezier(.075,.82,.165,1)}.post-page .comment .comment-default-commit .login .qrcode-enter-to,.post-page .comment .comment-reply-commit .login .qrcode-enter-to{transform:scale(1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.post-page .comment .comment-default-commit .login:hover,.post-page .comment .comment-reply-commit .login:hover{background-color:#fff}.post-page .comment .comment-default-commit .login:before,.post-page .comment .comment-reply-commit .login:before{content:"";position:absolute;background:#0000001a;top:0;left:0;width:100%;height:100%;filter:blur(5px);z-index:9}.post-page .comment #editor-reply{margin:0}.post-page .btnFooter{font-size:12px;margin-top:25px}.post-page .btnFooter i{margin:10px}.post-page .btn-prev{float:left}.post-page .btn-next{float:right}.post-page footer .footer{color:#ccc;text-align:left;line-height:1.5;margin:20px 0}.post-page .anchor-fix{display:block;height:70px;margin-top:-70px;visibility:hidden}.post-page .articleRightToc{font-size:12px;position:fixed;width:15%;top:0;right:0;overflow-y:auto;background-color:#000;box-shadow:0 0 8px #000;z-index:99999;padding:10px 10px 20px;min-width:240px;max-width:300px}.post-page .article-toc{width:100%}.post-page .article-toc,.post-page .articleRightToc{color:#bbb;-webkit-user-select:none;-moz-user-select:none;user-select:none}.post-page .article-toc .article-title,.post-page .articleRightToc .article-title{font-weight:400;margin-bottom:10px}.post-page .article-toc .article-toc-list,.post-page .article-toc .article-toc-list a,.post-page .article-toc .article-toc-list a:visited,.post-page .articleRightToc .article-toc-list,.post-page .articleRightToc .article-toc-list a,.post-page .articleRightToc .article-toc-list a:visited{color:#bbb}.post-page .article-toc .article-toc-list a:hover,.post-page .articleRightToc .article-toc-list a:hover{color:#d01c2e}.post-page .article-toc .article-toc-list ol.toc,.post-page .article-toc .article-toc-list ol.toc ol,.post-page .articleRightToc .article-toc-list ol.toc,.post-page .articleRightToc .article-toc-list ol.toc ol{counter-reset:toc;list-style:none}.post-page .article-toc .article-toc-list ol li,.post-page .articleRightToc .article-toc-list ol li{counter-increment:toc;margin-top:6px}.post-page .article-toc .article-toc-list ol li .toc li:before,.post-page .articleRightToc .article-toc-list ol li .toc li:before{content:counters(toc,".") " "}.post-page .article-toc .article-toc-list ol li ol,.post-page .articleRightToc .article-toc-list ol li ol{margin-left:20px}.post-page .article-toc .article-toc-list ol li ol li,.post-page .articleRightToc .article-toc-list ol li ol li{font-weight:400}.post-page .article-toc .article-toc-list ol li ol li ol,.post-page .articleRightToc .article-toc-list ol li ol li ol{margin-left:20px}.post-page .article-toc .article-toc-list ol li ol li ol li,.post-page .articleRightToc .article-toc-list ol li ol li ol li{font-weight:300}.post-page .tools{margin-top:30px;margin-bottom:10px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.post-page .tools .reward{border:1px solid #888;padding:5px 10px;display:inline-block;color:#888;font-weight:300;cursor:pointer;margin:auto}.post-page .vditor--fullscreen{z-index:9999}.post-page .modal-setting{z-index:99999}.post-page .vue-modal-content{padding:10px 20px 10px 10px;box-sizing:border-box}.post-page .vue-modal-content .vue-modal-title{text-align:center;margin-top:5px;margin-bottom:10px;font-weight:500}.post-page .vue-modal-content .el-form-item{margin-bottom:10px}.post-page .vue-modal-buttons{display:flex;flex:0 1 auto;width:100%;border-top:1px solid #eee;box-sizing:border-box;text-align:center;bottom:0;position:absolute}.post-page .vue-modal-buttons .vue-modal-button{font-size:12px!important;background:transparent;padding:0;margin:0;border:0;cursor:pointer;box-sizing:border-box;line-height:40px;height:40px;color:inherit;font:inherit;outline:none;text-align:center;width:100%;bottom:0}@media(max-width:768px){.post-page .article-details{padding:20px;margin-top:50px}.post-page .article-details .articleRightToc{position:fixed;width:80%;top:100px;bottom:95px;right:10px;background-color:#000;padding:10px;overflow-y:auto;box-shadow:0 0 8px #000}.post-page .article-details .mobile-toc{bottom:48px}}