li,ol,ul{padding:0;margin:0;list-style:none}a{text-decoration:none}body,p{margin:0}img{vertical-align:top;max-width:100%}input[type=password],input[type=text],input[type=url],textarea{resize:none;outline:none;padding:.6rem;width:100%;-webkit-box-shadow:none;box-shadow:none;border:1px solid #ddd;border-radius:2px;-webkit-transition:border .3s;transition:border .3s;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Avenir,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6em}#app.active{position:fixed}#app nav{padding:18px 30px;display:inline-block}#app nav li{position:relative;display:initial;padding-right:20px}#app nav li a{color:#5a5a5a}#app nav li a:hover{color:#4786d6}#app nav li a.current{color:#5a5a5a;padding-bottom:22px;border-bottom:1px solid #5a5a5a}#app .token{display:inline-block}#app .token input{width:260px;margin-right:20px}#app .token .btn{height:36px;float:right}#app .new-btn,#app .token .btn{width:72px;background-color:#007fff;color:#fff;outline:none;border-radius:4px}#app .new-btn{display:inline-block;text-align:center;line-height:36px}.post .post-title .delete:hover{cursor:pointer}.post .post-title .delete.disable:hover{cursor:not-allowed}.editor .commit{position:fixed;top:10px;right:30px;display:inline-block;text-align:center;width:72px;line-height:36px;background-color:#007fff;color:#fff;outline:none;border-radius:4px}.editor .header{font-weight:700;font-size:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:60px;padding:0 16px;width:100%;height:60px;background-color:#fff;border-bottom:1px solid #ddd;z-index:100}.editor .header,.editor .main{display:-webkit-box;display:-ms-flexbox;display:flex;left:0;right:0}.editor .main{position:absolute;top:120px;bottom:0;overflow:hidden}.editor .main .content-preview,.editor .main .editor-input{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;height:100%;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.editor .main .editor-input{background-color:#f8f9fa}.editor .main .content-preview{position:relative;background-color:#fff;overflow:hidden}.editor .main textarea{border:none;border-right:1px solid #ccc;resize:none;outline:none;background-color:#f6f6f6;font-size:14px;font-family:Monaco,courier,monospace;padding:20px}.editor .main code{color:#f66}.comment[data-v-5642b934]{margin:30px;padding:24px}.comment .comment-form[data-v-5642b934]{padding-bottom:36px}.comment .comment-form .token-input[data-v-5642b934]{margin-bottom:12px}.comment .comment-form .content-input[data-v-5642b934]{height:60px;word-wrap:break-word;line-height:1.9rem;margin-bottom:12px}.comment .comment-form .submit-btn[data-v-5642b934]{width:72px;height:36px;background-color:#007fff;color:#fff;float:right;outline:none;border-radius:4px}.comment .comment-title[data-v-5642b934]{margin-bottom:1.3rem;font-size:1.3rem;font-weight:500;text-align:center;color:#909090}.comment .comment-list .item[data-v-5642b934]{position:relative;padding-top:1.5rem;padding-bottom:1.5rem}.comment .comment-list .item[data-v-5642b934]:not(:last-of-type):not(.highlight):before{content:"";position:absolute;left:3.5rem;bottom:0;right:0;border-bottom:1px solid #f5f5f5}.comment .comment-list .item .comment-content[data-v-5642b934]{position:relative;overflow:hidden}.comment .comment-list .item .comment-content .avatar[data-v-5642b934]{position:absolute;top:0;left:0;width:2.7rem;height:2.7rem;cursor:pointer;border-radius:50%;background-size:contain}.comment .comment-list .item .content-box[data-v-5642b934]{margin:.5rem 0 0 3.5rem}.comment .comment-list .item .content-box .user-info[data-v-5642b934]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-wrap:wrap;flex-wrap:wrap}.comment .comment-list .item .content-box .user-info .username[data-v-5642b934]{font-weight:600;color:#333;margin-right:.6rem}.comment .comment-list .item .content-box .user-info .username .position[data-v-5642b934]{font-size:1rem;color:#909090;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment .comment-list .item .content-box .content[data-v-5642b934]{margin:.3rem 0 .5rem;line-height:1.7;color:#333}.comment .comment-list .item .content-box .content .content-html[data-v-5642b934]{margin-right:.5em;white-space:pre-wrap}.comment .comment-list .item .content-box .content .content-html .show-all[data-v-5642b934]{color:#6799cd;white-space:nowrap;cursor:pointer}.comment .comment-list .item .content-box .content .content-html .show-all .username[data-v-5642b934]{color:#007fff}.comment .comment-list .item .content-box .footer[data-v-5642b934]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;color:#909090}.comment .comment-list .item .content-box .footer .sub-comment-btn[data-v-5642b934]{position:relative;margin-right:15px;font-size:20px;height:30px;color:#909090;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.comment .comment-list .item .content-box .footer .sub-comment-btn .title[data-v-5642b934]{font-size:13px}.comment .comment-list .item .content-box .footer .sub-comment-btn[data-v-5642b934]:before{content:"";display:inline-block;width:16px;height:16px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMTQuNTE5YzMuODY2IDAgNy0yLjgwMyA3LTYuMjZTMTEuODY2IDIgOCAyIDEgNC44MDIgMSA4LjI2YzAgMS4zNjMuNDg4IDIuNjI0IDEuMzE1IDMuNjUzLjEyMS4xNS0uMzgyIDMuMDg3LS4zODIgMy4wODdsMy4wNDgtMS4wOTJjLjkzLjM1NSAxLjkzOC42MSAzLjAxOS42MXoiIHN0cm9rZT0iIzkwOTA5MCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);background-repeat:no-repeat;background-position:50%;background-size:contain;margin-right:5px;vertical-align:middle}.comment .comment-list .item .content-box .footer .sub-comment-btn .sub-comment--arrow[data-v-5642b934]{position:absolute;top:100%;left:0;width:100%}.comment .comment-list .item .content-box .footer .sub-comment-btn .sub-comment--arrow[data-v-5642b934]:before{content:"";position:absolute;left:30px;border-width:0 9px 10px;border-style:solid;border-color:transparent transparent #eaeaea;top:100%}.comment .comment-list .item .content-box .footer .sub-comment-btn .sub-comment--arrow[data-v-5642b934]:after{content:"";position:absolute;top:calc(100% + 2px);left:31px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #fff}.blog{width:780px}.post{background-color:#fff;margin:30px}.post .post-title h3{text-transform:uppercase;letter-spacing:1px;line-height:1;font-weight:600;color:#464646;font-size:22px;margin:0}.post .post-title a{text-decoration:none;letter-spacing:1px;color:#5f5f5f}.post .post-title a:hover{text-decoration:underline}.post .post-content a{text-decoration:none;letter-spacing:1px;color:#4786d6}.post .post-content:hover{color:#2f69b3}.post .post-content h3{color:#5f5f5f;font-size:22px;font-weight:600}.post .post-footer{padding:0 0 30px 0;border-bottom:1px solid #f2f2f2}.post .post-footer .tags{padding-bottom:15px;font-size:13px}.post .post-footer .tags a{text-decoration:none;color:rgba(0,0,0,.44);font-weight:400}.post .post-footer .tags a:hover{text-decoration:none}.post .post-footer .tags ul{list-style-type:none;display:inline;margin:0;padding:0}.post .post-footer .tags ul li{list-style-type:none;margin:0;padding-right:5px;display:inline}.post .post-footer .meta{max-width:100%;height:25px;color:#bbb}.post .post-footer .meta i{margin-right:6px}.post .post-footer .meta .info{float:left;font-size:12px}.post .post-footer .meta .info .date{margin-right:10px}.post .post-footer .meta .info a{text-decoration:none;color:#bbb;padding-right:10px}.post .post-footer .meta .info a:hover{color:#4786d6}