1 line
35 KiB
CSS
1 line
35 KiB
CSS
html{line-height:1.15}h1{font-size:30px}h2{font-size:28px}h3{font-size:26px}h4{font-size:24px}h5{font-size:21px}h6{font-size:18px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]-moz-focusring,[type=reset]-moz-focusring,[type=submit]-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:border-box}body,html{height:100%}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;font-size:62.5%}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:#fff;color:#403e3e;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:1.4rem;line-height:1.7;margin:0;overflow-x:hidden;padding:0;position:relative}body.darkmode{background:rgba(0,0,0,.6)}body.darkmode *{color:#f2f2f2}body.darkmode .article-entry code{background:#c7c7c7!important;color:#c7254e!important}body.darkmode .archive-article-date,body.darkmode .archive-year-wrap .archive-year,body.darkmode .article-category .article-category-link,body.darkmode .article-date,body.darkmode .article-header .article-title,body.darkmode .article-tag-list:before,body.darkmode .category-list .category-list-item i,body.darkmode .category-list a:hover .category-list-item,body.darkmode .share-outer i,body.darkmode .tag-list>.tag-list-item:before,body.darkmode a.toc-link{color:#e6e6e6!important}body.darkmode #reward .reward-p,body.darkmode #reward .reward-p i,body.darkmode .float_btns i,body.darkmode .local-search-input,body.darkmode .share-icons a i{color:#7a7a7a!important}body.darkmode .is-position-fixed{background-color:transparent}body.darkmode .v *{color:#555!important}body.darkmode .article-tag-list .article-tag-list-link,body.darkmode .tag-list>.tag-list-item .tag-list-link{background:#e6e6e6!important;color:#555!important}body.darkmode #vcomments-box #vcomments{background-color:hsla(0,0%,100%,.1)!important}body.darkmode #vcomments-box #vcomments *{color:#f1f1f1!important}body.darkmode .v .vbtn{background-color:transparent!important}body.darkmode .v .vlist .vcard .vhead .vsys{background-color:transparent!important;border:1px solid #f1f1f1!important}body.darkmode input::-webkit-input-placeholder{color:#ccc}body.darkmode input::-moz-input-placeholder{color:#ccc}body.darkmode input::-ms-input-placeholder{color:#ccc}body.darkmode .categories-box a{color:#f2f2f2}body.darkmode #friends_link .friends_li a{background-color:hsla(0,0%,100%,.15);color:#fff}a{color:#0681d0}a:hover{color:#19a1f8}a:active{color:#067bc6}a.disabled{color:#adb5bd}dir,menu,ul{margin:0;padding:0}img{max-width:100%}button{cursor:pointer;outline:0}.archive-article-date,.archive-year-wrap .archive-year,.article-category .article-category-link,.article-date{color:#5c6b72;text-decoration:none}.archive-article-date:hover,.archive-year-wrap .archive-year:hover,.article-category .article-category-link:hover,.article-date:hover{color:#5c6b72}.archive-article-inner{border-radius:4px}.article-entry h1,.article-entry h2,.article-entry h3,.article-entry h4,.article-entry h5,.article-entry h6{margin:2.5rem 0 1.5rem}.article-entry hr{background-color:#999;border:none;height:.1rem;margin:1.5rem 0;padding:0}.article-entry strong{font-weight:700}.article-entry cite,.article-entry em{font-style:italic}.article-entry sub,.article-entry sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.article-entry sup{top:-.5rem}.article-entry sub{bottom:-.25rem}.article-entry small{font-size:85%}.article-entry abbr,.article-entry acronym{border-bottom:.1rem dotted #999}.article-entry dl,.article-entry ol,.article-entry ul{margin:1.5rem 0 1.5rem 2rem}.article-entry blockquote,.article-entry p,.article-entry table{margin:1.5rem 0}.article-entry img,.article-entry video{display:block;height:auto;margin:auto;max-width:100%}.article-entry iframe{border:none}.article-entry table{border:1px solid #dedede;border-collapse:collapse;empty-cells:show;margin:15px auto;max-width:70rem;width:100%}.article-entry table td,.article-entry table th{border:1px solid #dedede;padding:5px 10px}.article-entry table th{background:rgba(158,188,226,.2);font-weight:700;text-align:center!important;white-space:nowrap}.article-entry table td:first-child{white-space:nowrap}.article-entry blockquote{border-left:.3rem solid #cce5ff;color:#5c6b72;display:block;overflow:auto;padding:0 1.5rem;width:100%}.article-entry blockquote>:first-child{margin-top:0}.article-entry blockquote>:last-child{margin-bottom:0}.article-entry blockquote footer cite:before{content:"—";padding:0 .5rem}#app{height:100%;overflow:hidden;width:100%}#app,.cover{position:relative}.cover{margin-bottom:3rem;padding:0;text-align:center}.cover .forkMe{position:absolute;right:0;top:0;z-index:999}.content.anim,.sidebar.anim{transition:all .3s ease-in-out}.content{-webkit-overflow-scrolling:touch;height:100%;margin-left:0;overflow-x:hidden;overflow-y:scroll;position:relative;width:100%;z-index:1}.content.on{margin-left:0!important}.sidebar{background-color:rgba(0,0,0,.8);bottom:0;height:100%;left:-8rem;position:fixed;width:8rem;z-index:9}.sidebar.on{left:0}.navbar-toggle{background-color:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;height:4rem;left:9.5rem;opacity:.5;position:absolute;top:1.5rem;transition:all .3s ease-in-out;width:4rem}.navbar-toggle:hover{opacity:1}.navbar-toggle:before{content:"\ee09";font-family:remixicon;font-size:larger}.outer,.wrap{margin:auto;min-height:calc(100% - 157px);padding-left:1.5rem;padding-right:1.5rem;position:relative;width:100%}.outer:after,.outer:before,.wrap:after,.wrap:before{clear:both;content:"";display:table}.local-search{width:100%}#main{position:relative}@media (min-width:768px){.cover{height:100%;margin-bottom:0}.outer,.wrap{padding-left:0;padding-right:0;width:70rem}.local-search{width:70rem}.content.on{transform:none}}@media (max-width:768px){.cover .forkMe{display:none}.content.on{margin-left:-1px!important}.sidebar{background-color:#403e3e}.navbar-toggle{transform:scale(1.1)}}.list-unstyled{list-style:none;margin-left:0;padding-left:0}.categories-box{border-left:1px solid #eee;margin-left:-.5rem;margin-right:-.5rem;max-width:320px}.categories-box span{color:#aaa;font-size:14px;padding-left:5px}.categories-box ol li,.categories-box ul li{word-wrap:break-word;border-bottom:1px solid #eee;font-size:16px;font-weight:500;list-style:none;margin:15px 0;padding-bottom:12px;padding-left:15px}.categories-box ol li:last-child,.categories-box ul li:last-child{border-bottom:0 solid #000;margin-bottom:0}.categories-box ol li i,.categories-box ul li i{color:#007cfc;font-style:normal;margin-left:10px}.categories-box a{color:#403e3e;display:inline-block;text-decoration:none;vertical-align:middle}.categories-box a:hover{opacity:.8}.categories-box a:before{content:"\efde";display:inline-block;font-family:remixicon;margin-right:.5rem;vertical-align:middle}.categories-box ol ol,.categories-box ol ul,.categories-box ul ol,.categories-box ul ul{list-style:none;margin:0 20px;padding-left:0}.categories-box ol ol li,.categories-box ol ul li,.categories-box ul ol li,.categories-box ul ul li{border:none;list-style:none;margin-left:0;padding-bottom:0;padding-left:0}.archive-list-count:before,.category-list-count:before,.tag-list-count:before{content:"("}.archive-list-count:after,.category-list-count:after,.tag-list-count:after{content:")"}.tag-list{list-style:none;margin-left:-.5rem;margin-right:-.5rem;padding-left:0}.tag-list>.tag-list-item{display:inline-block;font-size:120%;padding:.5rem 1rem}.tag-list>.tag-list-item:before{color:#5d5a5a;content:"\eec3";display:inline-block;font-family:remixicon;margin-right:.5rem;vertical-align:middle}.tag-list>.tag-list-item .tag-list-link{background-color:#5d5a5a;border-radius:15px;box-shadow:0 3px 5px rgba(0,0,0,.12);color:#fff;display:inline-block;font-size:1.5rem;height:30px;line-height:30px;padding:0 15px;text-decoration:none;transition:.2s;vertical-align:middle}.tag-list>.tag-list-item .tag-list-link:hover{transform:scale(1.1)}.cover-frame{height:100vh;min-width:100%;position:relative}.cover-frame .bg-box{height:100%;width:100%}.cover-frame .bg-box>img{display:block;height:100vh;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100vw}.cover-inner{left:50%;position:absolute;top:50%;transform:translate(-50%,-100%)}.cover-inner h1{font-size:7rem;margin:0;opacity:.95}.cover-inner #subtitle-box,.cover-inner h1{font-family:Titillium Web,PingFang SC,Hiragino Sans GB,Microsoft JhengHei,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.cover-inner #subtitle-box{font-size:3rem;margin:.5rem 0 1.5rem}.cover-inner,.cover-inner a{color:#fff;text-decoration:none}.cover-inner img,.cover-inner video{position:relative}.cover-inner .cover-logo{width:6rem}.cover-learn-more{bottom:10px;left:0;position:absolute;width:100%;z-index:1}.cover-learn-more a>i{animation:down 1s linear infinite;color:#fff;font-size:3rem}.cover-learn-more a>i:hover{color:#1e3e3f}.float_btns{bottom:10rem;float:right;position:sticky;right:50px;text-align:center;transform:scale(1.2);width:50px;z-index:9996}#mask{background-color:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9998}.word_count{border-bottom:1px solid #efefef;color:#717f8c;margin-top:5px;padding-bottom:1rem}@media (max-width:768px){.cover-inner{transform:translate(-50%,-70%);width:100%}.cover-inner h1{font-size:4.5rem}.cover-inner #subtitle-box{font-size:2rem}.float_btns{right:10px}}@keyframes down{0%{margin-bottom:0;opacity:1}to{margin-bottom:-15px;opacity:.1}}.search-form-wrap{left:0;opacity:0;position:fixed;right:8rem;top:-100%;transition:.3s;width:100%}.search-form-wrap.on{opacity:1;top:0}.local-search{background-color:rgba(64,62,62,.9);box-shadow:0 1rem 3rem rgba(30,62,63,.05);margin:0 auto;max-height:100vh;overflow-y:auto;padding:1rem 3rem;position:relative}.local-search-input{border:0;border-radius:.4rem;font-size:120%;outline:none;padding:1rem 1.5rem;width:100%}.local-search-input::-webkit-search-cancel-button,.local-search-input::-webkit-search-results-decoration{-webkit-appearance:none}.local-search-close{border:none;border-radius:50%;color:#fff;cursor:pointer;display:block;height:2rem;padding:0;position:absolute;right:4.25rem;text-align:center;top:1.85rem;width:2rem}.local-search-close:before{content:"\eb52";font-family:remixicon;font-size:150%}.local-search-result{text-align:left}.search-result-list{list-style:none;margin-left:0;padding-left:0}.search-result-list li{padding:1.5rem 0}.search-result-list li:not(:last-child){border-bottom:.1rem solid #999}.search-result-list li .search-result-title{font-size:1.6rem;font-weight:700}.search-result-list li .search-result{color:#fff;margin:0;max-height:12rem;overflow:hidden;padding-top:.5rem}.search-result-list li em.search-keyword{color:#0681d0;font-style:normal}.search-result-empty{color:#fff;padding:2.6rem 0 0}.search-result-empty p{text-align:center}.article{font-size:110%;padding:5rem 0 3rem}.article .sea-center{color:#000;text-align:center}.article .sea-center:after{border-bottom:2px dashed #cce5ff;content:"";display:block;height:2px;margin:.2em auto 0;width:100px}.article-topping{background-color:#ea434a;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-style:normal;height:22px;line-height:24px;margin-left:10px;padding:0 10px;transform:translateY(-8px)}.article-meta:after,.article-meta:before{clear:both;content:"";display:table}.article-date:before{content:"\eaf2";font-family:remixicon;margin-right:.15rem;opacity:.5}.article-category{display:inline-block;margin-left:1.5rem}.article-category:before{content:"\efde";font-family:remixicon;margin-right:.15rem;opacity:.6}.archive-article-header+.article-category{margin-left:0}.article-entry{color:#403e3e;font-size:103%;line-height:1.6;margin-top:.5rem}.article-entry:after,.article-entry:before{clear:both;content:"";display:table}.article-entry .pullquote{margin:0;text-align:left;width:45%}.article-entry .pullquote.left{margin-left:.5em;margin-right:1em}.article-entry .pullquote.right{margin-left:1em;margin-right:.5em}.article-entry .caption{color:#999;display:block;font-size:.9em;margin-top:.5em;position:relative;text-align:center}.article-entry .video-container{height:0;overflow:hidden;padding-top:56.25%;position:relative}.article-entry .video-container embed,.article-entry .video-container iframe,.article-entry .video-container object{height:100%;left:0;margin-top:0;position:absolute;top:0;width:100%}.article-header{position:relative}.article-header h1,.article-header h2{margin:0}.article-header .article-title{border-left:4px solid #403e3e;font-size:34px;font-weight:700}.article-header .article-author,.article-header .article-title{color:#403e3e;display:block;margin-bottom:3rem;padding-left:2rem;text-decoration:none}.article-header .article-author{font-size:20px}.article-footer:after,.article-footer:before{clear:both;content:"";display:table}.declare{border-bottom:1px solid #f6f6f6;color:#999;margin:0 0 1rem;padding-bottom:1rem}.declare ul,.declare ul li{list-style:none}.article-tag-list{list-style:none;margin:0;padding-left:0}.article-tag-list:before{color:#5d5a5a;content:"\eec3";font-family:remixicon;margin-right:.5rem}.article-tag-list .article-tag-list-item{display:inline-block;padding-right:1rem}.article-tag-list .article-tag-list-link{background-color:#5d5a5a;border-radius:9px;color:#fff;display:block;float:left;font-size:11px;height:18px;line-height:18px;padding:0 8px;position:relative;text-decoration:none}.article-comment-link{float:right}.article-comment-link:before{content:"\ee0d";font-family:remixicon;padding-right:8px}.article-share-link{cursor:pointer;float:right;margin-left:20px}.article-share-link:before{content:"\ef76";font-family:remixicon;padding-right:6px}.article-nav{border-top:.1rem solid #eee;margin:1rem 0 2rem;padding-top:1.5rem;position:relative}.article-nav:after,.article-nav:before{clear:both;content:"";display:table}.article-nav-link{display:block;text-decoration:none}.article-nav-link:first-child{float:left}.article-nav-link:last-child{float:right;text-align:right}.article-nav-caption{color:#5c6b72}.article-nav-title{font-size:inherit}.article-share-box{background:#fff;border-radius:.4rem;border-radius:3px;box-shadow:1px 2px 10px rgba(0,0,0,.2);display:none;margin-left:-145px;overflow:hidden;position:absolute;z-index:1}.article-share-box.on{display:block}.article-share-input{background:none;border:none;border-bottom:.1rem solid #999;box-sizing:border-box;height:3.6rem;line-height:3.6rem;outline:none;padding:0 1.5rem;width:100%}.article-share-links:after,.article-share-links:before{clear:both;content:"";display:table}.article-share-facebook,.article-share-google,.article-share-pinterest,.article-share-twitter{color:#403e3e;display:block;float:left;height:3.6rem;position:relative;text-align:center;text-decoration:none;width:5rem}.article-share-facebook:before,.article-share-google:before,.article-share-pinterest:before,.article-share-twitter:before{font-family:remixicon;font-size:20px}.article-share-facebook:hover,.article-share-google:hover,.article-share-pinterest:hover,.article-share-twitter:hover{color:#fff}.article-share-twitter:before{content:"\f068"}.article-share-twitter:hover{background:#00aced;text-shadow:0 1px #008abe}.article-share-facebook:before{content:"\ec30"}.article-share-facebook:hover{background:#3b5998;text-shadow:0 1px #2f477a}.article-share-pinterest:before{content:"\eea8"}.article-share-pinterest:hover{background:#cb2027;text-shadow:0 1px #a21a1f}.article-share-google:before{content:"\ed15"}.article-share-google:hover{background:#dd4b39;text-shadow:0 1px #be3221}.pswp__caption__center{text-align:center!important}.tocbot{border-radius:8px;font-size:80%;max-width:255px;opacity:.95;padding:20px;position:absolute;right:-28rem;top:14rem}.tocbot>.toc-list{max-height:70vh;overflow-x:hidden;overflow-y:scroll;position:relative}.tocbot>.toc-list::-webkit-scrollbar{width:4px}>.toc-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}>.toc-list::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}.toc-list{list-style:none;margin-left:0;padding-left:1rem}a.toc-link{color:#172d3e;font-size:115%;height:100%;text-decoration:none}.is-collapsible{max-height:1000px;overflow:hidden;transition:all}.is-collapsed{max-height:0}.is-position-fixed{background-color:#fff;position:fixed!important;right:6rem;top:0;z-index:996}.toc-link:before{background-color:#cce5ff;content:" ";display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}.is-active-link:before{background-color:#3d85c6}.is-active-link{font-weight:700}.article-gallery{position:relative}.article-gallery-photos{overflow:hidden;position:relative}.article-gallery-img{display:none;max-width:100%}.article-gallery-img:first-child{display:block}.article-gallery-img.loaded{display:block;position:absolute}.article-gallery-img img{display:block;margin:0 auto;max-width:100%}.article-albums{position:relative}.article-albums-photos{display:flex;flex-wrap:wrap;list-style:none;margin-left:0;padding-left:0;position:relative}.article-albums-photos:after,.article-albums-photos:before{clear:both;content:"";display:table}.article-albums-photos:after{content:"";flex-grow:999999999}.article-albums-photos .article-albums-item{flex-grow:1;margin:.5rem;overflow:hidden;position:relative}.article-albums-photos .article-albums-item img{max-width:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;vertical-align:center}.article-albums-photos .article-albums-item .article-albums-caption{display:block;padding:1rem 0;text-align:center;width:100%}@media (min-width:576px){.article-albums-item img{height:32rem}.article-albums-item .article-albums-caption{background-color:rgba(0,0,0,.5);background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);bottom:0;color:#fff;left:0;opacity:0;padding:1rem;position:absolute;transform:translateY(100%);transition:all .3s ease-in-out;width:100%}.article-albums-item:hover .article-albums-caption{opacity:1;transform:translateY(0)}}@media (min-width:768px){.article-albums-item img{height:20rem}}.justified-gallery{overflow:hidden;position:relative;width:100%}.justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{background:#adb5bd;display:inline-block;margin:0;opacity:1;overflow:hidden;padding:0;position:absolute}.justified-gallery>a>a>img,.justified-gallery>a>a>svg,.justified-gallery>a>img,.justified-gallery>a>svg,.justified-gallery>div>a>img,.justified-gallery>div>a>svg,.justified-gallery>div>img,.justified-gallery>div>svg,.justified-gallery>figure>a>img,.justified-gallery>figure>a>svg,.justified-gallery>figure>img,.justified-gallery>figure>svg{border:none;left:50%;margin:0;opacity:1;padding:0;position:absolute;top:50%}.justified-gallery>a>.caption,.justified-gallery>div>.caption,.justified-gallery>figure>.caption{background-color:rgba(0,0,0,.5);background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);bottom:0;color:#fff;display:none;left:0;padding:1rem;position:absolute;right:0}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible,.justified-gallery>figure>.caption.caption-visible{display:initial}.justified-gallery>.jg-entry-visible{background:none;opacity:1}.justified-gallery>.jg-entry-visible>a>img,.justified-gallery>.jg-entry-visible>a>svg,.justified-gallery>.jg-entry-visible>img,.justified-gallery>.jg-entry-visible>svg{opacity:1;transition:opacity}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.jg-filtered>.spinner{bottom:0;left:50%;margin-left:-24px;opacity:1;overflow:initial;padding:10px 0;position:absolute}.justified-gallery>.jg-filtered>span{background-color:#000;border-radius:6px;display:inline-block;height:8px;margin:0 4px;opacity:1;width:8px}.articles .article{padding:4.5rem 0}.articles .article:not(:last-child){border-bottom:.1rem solid #ddd}.articles .article-entry{border:1px dashed #dfdede;margin-top:1rem;padding:0 2rem 2rem}.articles .article-entry .article-more-link{background-color:#403e3e;border-radius:4px;color:#fff!important;display:inline-block;float:right;padding:.5rem 1rem;text-decoration:none}.articles .article-entry .article-gallery{margin-top:1.5rem}.articles .article-footer{margin-top:1rem}.archives-wrap{position:relative}.archives-wrap:after,.archives-wrap:before{clear:both;content:"";display:table}.archives-wrap:first-child{margin-top:3rem}.archives-wrap:last-child{margin-bottom:3rem}.archive-year-wrap{left:0;position:absolute;top:0;width:6rem}.archive-year-wrap .archive-year{display:inline-block;position:relative}.archive-year-wrap .archive-year:after{background-color:#5c6b72;bottom:0;content:"";height:.15rem;left:0;position:absolute;width:100%}.archives{border-left:.1rem dashed #999;margin-left:6rem;padding-left:3rem}.archives:after,.archives:before{clear:both;content:"";display:table}.archive-article-inner{margin-bottom:1.5rem}.archive-article-header{display:table-row}.archive-article-header>a,.archive-article-header>h2{display:table-cell}.archive-article-header h2{margin:0;padding-left:3rem}.archive-article-header h2 .archive-article-title{font-size:1.8rem;text-decoration:none}.archive-article-footer{margin-top:1.5rem}.archive-article-date{display:block;position:relative}.archive-article-date:before{background-color:#999;border-radius:1rem;content:"";height:1rem;left:-3.5rem;margin-top:-.5rem;position:absolute;top:50%;width:1rem}.page-type-title{margin:0;padding:3rem 0}.page-nav{font-size:115%;margin:3rem auto 5rem;overflow:hidden;text-align:center}.page-nav:after,.page-nav:before{clear:both;content:"";display:table}.page-nav a,.page-nav span{line-height:1;padding:1rem 1.5rem}.page-nav a{text-decoration:none}.page-nav .prev{float:left}.page-nav .next,.page-nav .prev{border:1px solid;border-radius:6px}.page-nav .next{float:right}.page-nav .page-number{display:inline-block}@media mq-mobile{.page-nav .page-number{display:none}}.page-nav .current{font-weight:700}.page-nav .space{color:#999}.footer{border-top:2px solid #f6f6f6;font-size:115%;padding:3rem 0}.footer .outer>ul{display:flex;justify-content:center;position:relative}.footer .outer>ul li{display:inline-block;padding:.3rem 0}.footer .outer>ul li a{text-decoration:none}.footer .outer>ul li .division{display:inline;margin:0 5px}.footer .outer>ul li i{font-style:normal;margin:0 2px;transform:translateY(2px)}.footer .outer>ul span{margin-right:6px}.heart_icon{animation:footerHeartBeat 1.2s infinite;animation-delay:0s;animation-direction:normal;animation-duration:1.2s;animation-fill-mode:none;animation-iteration-count:infinite;animation-name:footerHeartBeat;animation-play-state:running;animation-timing-function:ease;color:red;display:inline-block;font-size:1em;margin:0 .4rem}@keyframes footerHeartBeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.article-entry .highlight,.article-entry pre{background:#2d2d2d;color:#dedede;font-size:.9em;line-height:1.5;margin:10px 0;overflow:hidden;overflow-x:auto;padding:10px}.article-entry .highlight::-webkit-scrollbar,.article-entry pre::-webkit-scrollbar{background:rgba(0,0,0,.1);height:10px;width:7px}.article-entry .highlight::-webkit-scrollbar:hover,.article-entry pre::-webkit-scrollbar:hover{background:rgba(0,0,0,.2)}.article-entry .highlight::-webkit-scrollbar-thumb,.article-entry pre::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:6px}.article-entry .highlight::-webkit-scrollbar-thumb:hover,.article-entry pre::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-ms-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);-o-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);box-shadow:inset 1px 1px 1px rgba(0,0,0,.25)}.article-entry .highlight::-webkit-scrollbar-track,.article-entry pre::-webkit-scrollbar-track{background:#ededed;border-radius:10px}.article-entry .gist .gist-file .gist-data .line-numbers,.article-entry .highlight .gutter pre,.article-entry .highlight .gutter pre .line{color:grey}.article-entry code,.article-entry pre{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.article-entry code{background:#eee;border:none;color:#c7254e;padding:0 .3em}.article-entry pre code{background:none;color:#dedede;padding:0;text-shadow:none}.article-entry .highlight{border-radius:4px}.article-entry .highlight pre{border:none;margin:0;padding:0}.article-entry .highlight table{border:none;margin:0;width:auto}.article-entry .highlight td{border:none;padding:0}.article-entry .highlight figcaption{color:#8e908c;line-height:1em;margin-bottom:1em}.article-entry .highlight figcaption:after,.article-entry .highlight figcaption:before{content:"";display:table}.article-entry .highlight figcaption:after{clear:both}.article-entry .highlight figcaption a{float:right}.article-entry .highlight .gutter pre{padding-right:20px;text-align:right}.article-entry .highlight .gutter pre .line{text-shadow:none}.article-entry .highlight .line{color:#dedede;min-height:19px}.article-entry .gist{background:#272822;border-color:#ddd;border-style:solid;border-width:1px 0;margin:0 -20px;padding:15px 20px 15px 0}.article-entry .gist .gist-file{border:none;font-family:Source Code Pro,Consolas,Monaco,Menlo,monospace;margin:0}.article-entry .gist .gist-file .gist-data{background:none;border:none}.article-entry .gist .gist-file .gist-data .line-numbers{background:none;border:none;padding:0 20px 0 0}.article-entry .gist .gist-file .gist-data .line-data{padding:0!important}.article-entry .gist .gist-file .highlight{border:none;margin:0;padding:0}.article-entry .gist .gist-file .gist-meta{background:#272822;color:#8e908c;font:.85em Helvetica Neue,Helvetica,Arial,sans-serif;margin-left:20px;margin-top:1em;padding:0;text-shadow:0 0}.article-entry .gist .gist-file .gist-meta a{color:#258fb8;font-weight:400}.article-entry .gist .gist-file .gist-meta a:hover{text-decoration:underline}pre .comment{color:#9c9}pre .class .params,pre .function .keyword,pre .keyword{color:#66d9ef}pre .css .value,pre .doctype,pre .function,pre .params,pre .tag{color:#dedede}pre .at_rule,pre .at_rule .keyword,pre .css~* .tag,pre .preprocessor,pre .preprocessor .keyword,pre .title{color:#f92672}pre .attribute,pre .built_in,pre .class,pre .css~* .class,pre .function .title{color:#a6e22e}pre .string,pre .value{color:#dedede}pre .number{color:#c9c}pre .css~* .id,pre .id{color:#fd971f}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace .pace-progress{background-color:#3d85c6;height:.2rem;position:fixed;right:100%;top:0;width:100%;z-index:2000}.pace-inactive{display:none}@media (max-width:768px){.pace{display:none}}.gitalk,.markdown-body{font-size:1.4rem!important}.gt-container .gt-avatar.gt-comment-avatar img{border-radius:50%}.macbook{position:relative}.macbook .macbook-screen{background-color:transparent;border:1.25rem solid #fff;border-radius:1rem;box-shadow:0 1rem 3rem rgba(0,0,0,.15),inset 0 0 .5rem rgba(0,0,0,.15);position:relative}.macbook .macbook-keyboard{background-color:#fff;border-bottom:.75rem solid #f2f2f2;border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow:0 .5rem 3rem rgba(0,0,0,.15);box-sizing:content-box;display:none;height:.5rem;margin:-.5rem -5rem 0;position:relative}.macbook .macbook-keyboard:before{background:linear-gradient(90deg,#f2f2f2,#fff,#f2f2f2);border-radius:.125rem;box-shadow:inset 0 0 .1rem rgba(0,0,0,.05);content:"";height:.3rem;left:50%;position:absolute;transform:translateX(-50%);width:20%}@media (min-width:768px){.macbook .macbook-screen{border-width:2rem 1.25rem 1.25rem}.macbook .macbook-keyboard{display:block}}.macbook-wrap{padding:1rem 9rem}.scrolling-wrap{min-height:30rem;overflow:hidden}.scrolling{animation:scrolling-animation 10s ease-in-out 1s infinite;position:absolute;top:30rem;width:100%}@keyframes scrolling-animation{0%{top:0}10%{top:0;transform:translateY(0)}30%{transform:translateY(-35%)}60%{transform:translateY(-75%)}90%{transform:translateY(-100%)}to{transform:translateY(-100%)}}#reward-out{position:relative;width:100%}#reward-btn{background:#403e3e;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);color:#fff;cursor:pointer;display:inline-block;font-size:18px;height:36px;line-height:36px;margin:60px 0 60px 50%;padding:0 20px;position:relative;text-decoration:none;transform:translateX(-50%);transition:.4s ease-in-out}#reward-btn:active,#reward-btn:hover{box-shadow:0 6px 12px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.2)}#reward{background-color:#dbedff;display:none;left:50%;margin:60px 0;padding:0 20px 20px;position:absolute;top:20%;transform:translateX(-50%);z-index:9999}#reward.ready{display:block;transform:translate(-50%,-100%);transition:.3s;visibility:hidden}#reward.in{opacity:1;transform:translate(-50%);visibility:visible}#reward .close{background-color:#403e3e;border-radius:50%;cursor:pointer;display:block;height:28px;line-height:28px;position:absolute;right:-12px;text-align:center;top:-10px;width:28px}#reward .close i{color:#fff;font-size:20px}#reward .reward-p{color:#403e3e;font-size:20px;font-weight:700;text-align:center;text-shadow:1px 1px 1px #70b6ff}#reward .reward-p i{margin:0 10px;transform:translateY(2px)}#reward .reward-box{display:flex;justify-content:space-between;width:100%}#reward .reward-box .reward-item{margin:0 10px;text-align:center}#reward .reward-type{color:#000;display:block;font-size:16px;margin-top:10px}#reward .reward-img{border-radius:3px;display:block;height:12rem;width:12rem}@media (max-width:768px){#reward{padding:0 10px 10px}#reward .reward-img{margin:0 5px;max-height:10rem;max-width:10rem}}.share-wrap{background-color:#f5f5f5;border-radius:2px;bottom:0;display:none;min-height:20px;position:relative;right:0;width:250px;z-index:1}.share-wrap .arrow{background-color:#f5f5f5;display:block;height:10px;position:absolute;right:20px;top:-3px;transform:rotate(45deg);width:10px;z-index:-1}.share-btn{float:right;position:relative}.share-outer{border:none;color:#0681d0;display:flex;height:28px;justify-content:flex-end;line-height:26px;text-decoration:none;text-shadow:none;width:auto}.share-outer i{color:#36adf9;font-size:18px;margin-right:5px}.share-outer:hover{cursor:pointer;transform:none}.share-icons{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.share-icons a{zoom:1;border-radius:50%;color:#70b6ff;display:inline-block;font-size:13px;height:28px;line-height:26px;margin:3px;text-align:center;transition:.3s;vertical-align:middle;width:28px}.share-icons a i{font-size:24px}.share-icons a.weibo{color:#d81e06}.share-icons a.weixin{color:#51c332}.share-icons a.qq{color:#4cafe9}.share-icons a.douban{color:#05b711}.share-icons a.twitter{color:#00aced}.share-icons a.facebook{color:#3b5998}.share-icons a.google{color:#dd4b39}.share-icons a:active{color:ocean}.share-icons a:hover{transform:scale(1.2)}.wx-share-modal{background:#fff;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);color:#727272;left:50%;opacity:0;padding:20px;position:fixed;text-align:center;top:24%;transform:translate(-50%,-200%);z-index:9999}.wx-share-modal p{margin-bottom:10px}.wx-share-modal.ready{display:block;transform:translate(-50%,-100%);transition:.3s;visibility:0}.wx-share-modal.in{display:block;opacity:1;transform:translate(-50%);visibility:visible}.wx-share-modal .modal-close{color:rgba(0,0,0,.2);font-size:16px;line-height:20px;position:absolute;right:15px;top:15px}.wx-share-modal .modal-close i{font-size:24px}.wx-share-modal .modal-close:active,.wx-share-modal .modal-close:hover{color:rgba(0,0,0,.4)}#share-mask{background-color:rgba(0,0,0,.6);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}#friends_link .friends_li{float:left;list-style:none}#friends_link .friends_li a{align-items:center;background-color:rgba(6,129,208,.1);border-radius:6px;color:#000;display:flex;font-size:17px;justify-content:space-between;margin-bottom:20px;margin-right:20px;padding:15px 25px;text-decoration:none}#friends_link .friends_li a img{border-radius:50%;display:inline-block;height:40px;margin-right:10px;width:40px}#friends_link .friends_li a i{font-size:25px;height:40px;width:40px}#friends_link .friends_li a:hover{background-color:rgba(6,129,208,.15)}.ads{position:absolute;right:0;top:50px;transform:translateX(110%);z-index:2}.ads li,.ads ul{list-style:none;margin-left:0;padding-left:0}.ads img{display:block;margin-bottom:15px}@media (max-width:768px){.ads{display:none}}.navbar{padding-top:3rem;position:relative;text-align:center}.navbar .nav{list-style:none;margin-left:0;padding-left:0}.navbar .nav .nav-item-link{color:#bbb;cursor:pointer;display:block;padding:1rem;text-decoration:none}.navbar .nav .nav-item-link:hover{background-color:#403e3e;opacity:.8}.navbar .nav.nav-main{-ms-overflow-style:none;height:60vh;overflow-y:scroll;scrollbar-width:none}.navbar .nav.nav-main::-webkit-scrollbar{height:0;width:0}.navbar .nav.nav-main .nav-item-link i{display:block;font-size:1rem;line-height:1}.navbar-bottom{bottom:0;font-size:2rem;position:absolute;width:100%}.logo{margin-bottom:2rem;text-align:center}.logo img{width:4.2rem}.todark,.totop{background-color:#efefef;border-radius:3.2rem;cursor:pointer;display:block;height:3.2rem;line-height:3rem;opacity:.6;overflow:hidden;position:relative;transition:opacity 1s ease;width:3.2rem}.todark:hover,.totop:hover{opacity:1}.totop{margin-bottom:.8rem}.totop:hover>i{animation:rocket .3s ease-in-out}@keyframes rocket{0%{opacity:1;transform:translateY(0)}45%{opacity:0;transform:translateY(-3.2rem)}55%{opacity:0;transform:translateY(3.2rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){html{font-size:60%}} |