.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{font-size:24px;text-align:center}.post-page .article-details .article-meta{color:#a1887f;font-size:12px;padding:20px 0;text-align:center}.post-page .article-details .article-meta ul{list-style:none;padding-right:20px}.post-page .article-details .article-meta ul>li{display:inline-block;line-height:2;margin-left:20px}.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{font-size:responsive;font-weight:300;line-height:2;margin-bottom:30px;margin-top:20px}.post-page .article-details .article-content pre{line-height:1;overflow-x:auto;text-align:.16rem}.post-page .article-details .article-content pre code{padding:16px}.post-page .article-details .article-content code{background-color:#1b1f230d;border-radius:3px;color:#24292e;font-size:85%;padding:2px 5px}.post-page .article-details .copyright{color:#888;font-size:10px;margin-top:80px}.post-page .comment{margin-top:60px;width:100%}.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%;border-style:none;box-sizing:border-box;cursor:pointer;margin:0;width:40px}.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;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.post-page .comment .comment-no-userinfo{float:left;font-size:12px;line-height:50px;margin-left:10px}.post-page .comment .comment-userinfo{cursor:pointer;display:inline-block;height:30px;margin-left:10px;margin-top:10px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:200px}.post-page .comment .comment-userinfo .comment-avatar{height:30px;left:0;overflow:hidden;position:absolute;top:0;width:30px}.post-page .comment .comment-userinfo .comment-avatar img{border-radius:50%;border-style:none;box-sizing:border-box;height:30px;margin:0;width:30px}.post-page .comment .comment-userinfo .comment-nickname{color:#a1887f;font-size:12px;height:30px;line-height:30px;margin-left:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}.post-page .comment .comment-userinfo .comment-content{padding:5px 0;width:100%}.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{border:1px solid #586069;border-radius:2px;box-sizing:border-box;display:none;float:left;font-size:12px;height:100%;line-height:30px;text-align:center;width:51px}.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{border-bottom-color:#e6e5e5;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-style:dotted;margin-top:10px}.post-page .comment .comment-toolbar{border:1px solid #d1d5da;border-radius:0 0 3px 3px;border-top:none;box-sizing:border-box;color:#586069;flex-direction:column;height:50px;width:100%}.post-page .comment .comment-btn{border:1px solid #586069;border-radius:2px;box-sizing:border-box;color:#586069;cursor:pointer;float:right;font-size:12px;line-height:12px;margin-right:10px;margin-top:12px;padding:6px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;line-height:1;margin:auto;position:absolute;text-align:center;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:99}.post-page .comment .comment-default-commit .login .item,.post-page .comment .comment-reply-commit .login .item{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;position:relative;width:100%}.post-page .comment .comment-default-commit .login .qrcode,.post-page .comment .comment-reply-commit .login .qrcode{align-items:center;background:blue;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:96px;justify-content:center;margin-bottom:10px;overflow:hidden;position:absolute;top:calc(50% - 48px);width:96px;z-index:1000}.post-page .comment .comment-default-commit .login .logo,.post-page .comment .comment-reply-commit .login .logo{align-items:center;background-color:#f5f4f4;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;position:absolute;top:calc(50% - 32px);transition:transform .2s cubic-bezier(.075,.82,.165,1),top .2s cubic-bezier(.075,.82,.165,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:64px;z-index:1000}.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{background:rgba(0,0,0,.1);content:"";filter:blur(5px);height:100%;left:0;position:absolute;top:0;width:100%;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;line-height:1.5;margin:20px 0;text-align:left}.post-page .anchor-fix{display:block;height:70px;margin-top:-70px;visibility:hidden}.post-page .articleRightToc{background-color:#000;box-shadow:0 0 8px #000;font-size:12px;max-width:300px;min-width:240px;overflow-y:auto;padding:10px 10px 20px;position:fixed;right:0;top:0;width:15%;z-index:99999}.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-bottom:10px;margin-top:30px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.post-page .tools .reward{border:1px solid #888;color:#888;cursor:pointer;display:inline-block;font-weight:300;margin:auto;padding:5px 10px}.post-page .vditor--fullscreen{z-index:9999}.post-page .modal-setting{z-index:99999}.post-page .vue-modal-content{box-sizing:border-box;padding:10px 20px 10px 10px}.post-page .vue-modal-content .vue-modal-title{font-weight:500;margin-bottom:10px;margin-top:5px;text-align:center}.post-page .vue-modal-content .el-form-item{margin-bottom:10px}.post-page .vue-modal-buttons{border-top:1px solid #eee;bottom:0;box-sizing:border-box;display:flex;flex:0 1 auto;position:absolute;text-align:center;width:100%}.post-page .vue-modal-buttons .vue-modal-button{background:transparent;border:0;bottom:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:12px!important;height:40px;line-height:40px;font:inherit;margin:0;outline:none;padding:0;text-align:center;width:100%}@media (max-width:768px){.post-page .article-details{margin-top:50px;padding:20px}.post-page .article-details .articleRightToc{background-color:#000;bottom:95px;box-shadow:0 0 8px #000;overflow-y:auto;padding:10px;position:fixed;right:10px;top:100px;width:80%}.post-page .article-details .mobile-toc{bottom:48px}}