style.min.css

a,button:focus,input:focus,select:focus,textarea:focus{outline:0}#menu,body,html{min-height:100%}.clearfix:after,.container:after{content:"";clear:both}.article-card .post-content,.post-copyright .content,.post-toc-link{word-break:break-all}.post-content .video-container iframe,.post-content audio,.post-content video,.reward-lay,img{max-width:100%}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:8px}::-webkit-scrollbar-track{background-color:inherit}::-webkit-scrollbar-thumb{background-color:#b6b6b6;border:1px solid #fff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#9d9d9d}::-webkit-scrollbar-thumb:active{background-color:#838383}::selection{background:#d7dbf0}html{background-color:#f6f6f6;color:#212121;font-size:15px;line-height:1.5;overflow-x:hidden}body{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-overflow-scrolling:touch}#menu .avatar,.clearfix:after,.ellipsis,.lock,.waves-effect{overflow:hidden}body,html{position:relative;height:100%}.lock{max-height:100%}body,button,input,option,select,textarea{font:400 1em Roboto,"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif}blockquote,body,button,dd,dl,figure,h1,h2,h3,h4,h5,h6,input,p,pre{margin:0}button,input,legend,textarea{padding:0}fieldset,form,td,th{margin:0;padding:0}ol,ul{margin:12px 0;padding:0 0 0 32px}ol.reset,ul.reset{margin:0;padding:0;list-style:none}ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}p{margin:12px 0}small{font-size:75%;line-height:1}main{display:block}template{display:none}img{border:none}button,img,input,label{vertical-align:middle}i{font-style:normal}h1,h2,h3,h4,h5,h6{font-weight:400}.h1,h1{font-size:44px;line-height:48px}.h2,h2{font-size:34px;line-height:40px}.h3,h3{font-size:24px;line-height:32px}.h4,h4{font-size:20px;line-height:28px}.h5,h5{font-size:16px;line-height:24px}.h6,h6{font-size:12px;line-height:20px}input[type=button],input[type=submit],input[type=search],input[type=reset]{cursor:pointer;-webkit-appearance:button}textarea{resize:none}a{background-color:transparent;background-image:none;color:#3f51b5;text-decoration:none}a:hover{color:#303f9f;text-decoration:underline}.hr,hr{border:0;border-top:1px solid #dadada;box-sizing:content-box;display:block;height:0;margin-top:24px;margin-bottom:24px}.fl{float:left}.fr,.post-content .highlight figcaption a{float:right}.tr{text-align:right}.footer p,.tc,.waves-circle{text-align:center}.clearfix:after{display:table}.ellipsis{text-overflow:ellipsis;white-space:nowrap}.flex-column,.flex-row,.flex-row-vertical{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-column{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-row-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-column,.flex-row-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-row>*{display:block}.flex-col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flex-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-justify-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.flex-align-start{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.flex-align-end{-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}.flex-align-around{-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around}.flex-align-between{-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.flex-col-auto{-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}#loading{position:fixed;top:0;left:-100%;z-index:70;width:100%;height:3px;background:#ff4081}#loading.active{-webkit-animation:loading-anim 1s ease-in-out infinite;animation:loading-anim 1s ease-in-out infinite}@-webkit-keyframes loading-anim{to{-webkit-transform:translateX(200%);transform:translateX(200%)}}@keyframes loading-anim{to{-webkit-transform:translateX(200%);transform:translateX(200%)}}.fade,.fade-scale{opacity:0}.fade-scale.in,.fade.in{opacity:1;-webkit-transform:none;transform:none}.fade{-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-transform:translateY(50px);transform:translateY(50px)}.fade-scale{-webkit-transition:.6s ease-in-out;transition:.6s ease-in-out;-webkit-transform:translate(10%,20%) scale(.6);transform:translate(10%,20%) scale(.6)}@media screen and (max-width:480px){.fade,.fade-scale{opacity:1;-webkit-transform:none;transform:none}}/*!
 * Waves v0.7.4
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */.waves-effect{position:relative;cursor:pointer;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#menu .avatar,.waves-block{display:block}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;opacity:0;background:rgba(0,0,0,.2);background:-webkit-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:scale(0) translate(0,0);transform:scale(0) translate(0,0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background:rgba(255,255,255,.4);background:-webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)}.waves-effect.waves-classic .waves-ripple{background:rgba(0,0,0,.2)}.waves-effect.waves-classic.waves-light .waves-ripple{background:rgba(255,255,255,.4)}.waves-notransition{-webkit-transition:none!important;transition:none!important}.waves-button,.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0)}.waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:0;background-color:rgba(0,0,0,0);font-size:1em;text-align:center;text-decoration:none;z-index:1}.waves-button{padding:.85em 1.1em;border-radius:.2em}.waves-button-input{margin:0;padding:.85em 1.1em}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}.waves-input-wrapper.waves-button{padding:0}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%}.waves-float{-webkit-mask-image:none;box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);-webkit-transition:all .3s;transition:all .3s}.waves-float:active{box-shadow:0 8px 20px 1px rgba(0,0,0,.3)}#menu,#menu .avatar{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}#main,.container{position:relative}#menu-off{position:absolute;top:0;left:100%;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}#menu{position:fixed;top:0;left:0;bottom:0;z-index:66;width:240px;background:#fff;-webkit-transition:.4s cubic-bezier(.18,.81,.3,.89);transition:.4s cubic-bezier(.18,.81,.3,.89);will-change:transform,-webkit-transform}#menu.hide{-webkit-transform:translateX(-100%);transform:translateX(-100%)}#menu.hide #menu-off{-webkit-transform:scale(0);transform:scale(0)}#menu.hide+#main{padding-left:0}#menu .inner{position:relative;height:100%}#menu .brand-wrap{background-size:100% 100%}#menu .brand{padding:40px 20px 2em;background:rgba(63,81,181,.5)}#menu .avatar{width:80px;height:80px;border:2px solid #fff;border-radius:50%}#menu .introduce{margin:1em 0 0;color:#fff}#menu .mail{display:inline-block;padding-top:4px;color:#c5cae9;font-size:13px}#menu .scroll-wrap{position:relative;overflow-y:auto}#menu .nav{margin:0;padding:12px 0;height:300px;min-height:calc(100% - 115px);list-style:none;line-height:44px}#menu .nav li{padding:0 20px}#menu .nav li .fa{position:absolute;top:0;left:20px;line-height:inherit}#menu .nav li.active,#menu .nav li:hover{background:rgba(0,0,0,.05)}#menu .nav li.active .fa,#menu .nav li.active a,#menu .nav li:hover .fa,#menu .nav li:hover a{color:#3f51b5}#menu .nav a{display:block;padding-left:48px;height:44px;line-height:44px;font-weight:500;color:#727272;text-decoration:none}#main{padding-left:240px;min-height:100%;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.body-wrap{padding:30px 0 40px;min-height:calc(100vh - 340px)}.container{width:960px;margin:0 auto}.mask,.top-header{top:0;width:100%;left:0;position:fixed}.container:after{display:table}.post-header .subtitle,.post-header .title,a[title="站长统计"]{display:none}.mask{visibility:hidden;bottom:0;z-index:88;height:100%;background:#000;opacity:0;pointer-events:none;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.mask.in,.top-header.fixed .header-title{visibility:visible}.mask.in{pointer-events:auto;opacity:.3}.footer{color:rgba(255,255,255,.6);background:#303f9f}.content-header,.footer .top,.top-header{background:#3f51b5}.footer p{margin:0;line-height:1.6;font-size:13px}.footer p span:not(:first-child):before{content:"·";padding:0 .5em}.footer .bottom,.footer .top{padding:16px}.footer p a{border-bottom:1px dotted rgba(255,255,255,.5)}.footer p a:hover{border-bottom:1px solid rgba(255,255,255,.7)}.footer a{color:inherit;opacity:.8}.footer a:hover{color:#fff;text-decoration:none}@media screen and (max-width:1240px){#menu-off{display:none}#menu{z-index:99;box-shadow:none;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#menu.show{-webkit-transform:translateX(0);transform:translateX(0)}#main{padding-left:0}}@media screen and (max-width:1040px){.container{width:100%;padding:20px 16px}}@media screen and (max-width:760px){#menu .nav,#menu .nav a{line-height:36px}#main{width:100%;overflow-x:hidden}#menu .brand{padding-top:20px;padding-bottom:1em}#menu .nav a{height:36px}::-webkit-scrollbar{display:none}}.header-icon,.header-title{line-height:56px;text-align:center}.top-header{color:#fff;height:56px;-webkit-transition:padding-left .6s ease-in-out,background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .15s linear;transition:padding-left .6s ease-in-out,background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .15s linear;z-index:30}.top-header.fixed{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.header-icon{width:56px;height:56px;color:#fff}.header-icon:hover{color:#fff}.header-title{visibility:hidden;font-weight:400;font-size:18px;white-space:nowrap}.content-header{min-height:210px;margin-left:-240px;padding:90px 16px 48px 256px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}.content-header .subtitle{padding-top:10px;font-weight:300;color:#c5cae9}.content-header .title{font-weight:500}.content-header .article-category-list-link{color:#ff73a3}.categories-header,.tags-header{position:relative;z-index:6;padding-bottom:0!important}@media screen and (max-width:1240px){.header-title{text-align:left}}@media screen and (max-width:760px){.content-header{margin:0;min-height:auto;padding:72px 16px 20px}.content-header .title{font-size:24px;line-height:30px}.content-header .subtitle{font-size:14px;line-height:20px}.post-header .title{display:block;font-size:24px;line-height:1.5}}.post-content .highlight,.post-content pre{overflow-x:auto;padding:20px;font-size:14px;position:relative}.post-content pre{line-height:22.4px;color:#4d4d4c}.post-content pre code{background:0 0;color:#4d4d4c}.post-content .highlight{line-height:22.4px;background:#f5f5f5}.post-content .highlight pre{margin:0;padding:0}.post-content .highlight .line{height:22.4px;line-height:22.4px}.post-content .highlight table{margin:0;width:auto}.post-content .highlight td{border:none}.post-content .highlight td,.post-content .highlight tr{border-collapse:collapse;padding:0;margin:0}.post-content .highlight figcaption{font-size:.85em;color:#8e908c;line-height:1em;margin-bottom:1em}.post-content .highlight .gutter pre{color:#727272;font-size:.85em;text-align:right;padding-right:20px}#gotop,#page-nav{text-align:center}.post-content .gist{background:#f5f5f5}.post-content .gist td,.post-content .gist tr{height:auto}.post-content .gist .gist-file{border:none;font-family:Consolas,Monaco,courier,monospace}.post-content .gist .gist-file .highlight{margin:0;padding:0;border:none}.post-content .gist .gist-data{border:none}.post-content .gist .gist-data .line-numbers{color:#727272;font-size:.85em;background:0 0;border:none;padding:0 20px 0 0}.post-content .gist .gist-data .line-data{padding:0!important}.post-content .gist .gist-meta{background:#f5f5f5;color:#8e908c;font:.85em Consolas,Monaco,courier,monospace}.post-content .gist .gist-meta a{color:#ff4081;font-weight:400}.post-content .gist .gist-meta a:hover{text-decoration:underline}.post-nav-link .title:hover,.post-title-link:hover{text-decoration:none}pre .comment,pre .tag{color:#8e908c}pre .css .class,pre .css .id,pre .css .pseudo,pre .html .doctype,pre .regexp,pre .ruby .constant,pre .selector-pseudo,pre .tag .name,pre .title,pre .type,pre .variable,pre .xml .doctype,pre .xml .pi,pre .xml .tag .title{color:#c82829}pre .built_in,pre .class,pre .constant,pre .literal,pre .number,pre .params,pre .preprocessor{color:#f5871f}pre .attribute,pre .css .rules .attribute,pre .label,pre .ruby .class .title,pre .tag .attr{color:#718c00}pre .header,pre .inheritance,pre .ruby .symbol,pre .string,pre .value,pre .xml .cdata{color:#4271ae}pre .css .hexcolor,pre .css .tag,pre .selector-tag{color:#3e999f}pre .coffeescript .title,pre .function,pre .javascript .title,pre .perl .sub,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword{color:#4271ae}pre .javascript .function,pre .keyword,pre .selector-class,pre .selector-id{color:#8959a8}@media screen and (max-width:760px){.post-content .highlight{margin-left:-16px;margin-right:-16px;padding:20px 16px}}.post-list{padding:0;margin:0 -12px;list-style:none}.post-list-item{padding:0 12px;margin-bottom:30px}.post-title{margin:0 0 16px}.post-title-link{color:#3f51b5;position:relative;display:inline-block}.post-title-link::after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#3f51b5;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.post-title-link:active::after,.post-title-link:hover::after{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}.post-meta{margin:0 0 10px;line-height:14px;font-size:13px;font-weight:700;color:#727272;overflow:hidden}.post-meta>:not(:first-child):before{content:"·";padding:0 .5em}.article-category-list{position:relative;display:inline;list-style:none;padding:0}.article-category-list *{display:inline}.article-category-list ul{padding-left:0}.article-category-list-child:before{content:"›";padding:0 .3em;font-size:120%}.article-category-list-link,.article-category-list-link:hover{color:#ff4081}.article-tag-list{overflow:hidden;margin:0;padding:0;font-size:13px}.article-tag-list-item{display:inline-block;margin:0 8px 8px 0;border-radius:2px}.article-tag-list-item:nth-child(n+1){background:#8bc34a}.article-tag-list-item:nth-child(n+2){background:#673ab7}.article-tag-list-item:nth-child(n+3){background:#ff9800}.article-tag-list-item:nth-child(n+4){background:#f44336}.article-tag-list-item:nth-child(n+5){background:#00abc0}.article-tag-list-item:nth-child(n+6){background:#2196f3}.article-tag-list-link{display:block;padding:0 16px;line-height:28px;color:rgba(255,255,255,.8);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}#page-nav .inner,.post-more{display:inline-block}.article-tag-list-link:hover{color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.26)}.post-more{padding:0 6px;font-weight:500;color:#3f51b5!important;border:none!important;border-radius:3px}.post-more:active,.post-more:hover{background:#eaecf7}#page-nav{margin:30px 0 0}#page-nav a,#page-nav span{display:inline-block;line-height:34px;padding:0 1em;margin:0 2px;font-size:14px;color:#727272;border-radius:3px;overflow:hidden;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}#page-nav a:active,#page-nav a:hover{color:#3f51b5;background:#dadada}#page-nav .current{color:#fff;background:#3f51b5}@media screen and (max-width:760px){.post-title{font-size:20px;line-height:24px}.post-more{height:28px;line-height:28px;font-size:13px}.post-list{margin:0 -16px}.post-list-item{padding:0;margin-bottom:16px}}#gotop{position:fixed;right:16px;bottom:30px;z-index:30;width:56px;height:56px;line-height:56px;color:#fff;background:#ff4081;border-radius:50%;opacity:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-transform:translateX(200%);transform:translateX(200%)}.share-icons .fa-square:before,.share-icons a{display:inline-block;border-radius:.2em;text-align:center}#gotop:active,#gotop:hover{box-shadow:0 6px 12px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.2)}#gotop.in{opacity:1;-webkit-transform:none;transform:none}@media screen and (max-width:760px){#gotop{width:40px;height:40px;line-height:40px}}.share-icons li{display:inline-block}.share-icons .fa-square:before{color:transparent}.share-icons a{color:#fff}.share-icons a.weibo{background:#E6162D}.share-icons a.qq{background:#3D95D5}.share-icons a.weixin{background:#2BAD13}.share-icons a.facebook{background:#4862A3}.share-icons a.twitter{background:#55ACEE}.share-icons a.google{background:#db4437}.global-share{position:fixed;top:56px;right:56px;z-index:96;width:260px;padding:16px 6px;background:#fff;border-radius:3px;visibility:hidden;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);transform-origin:top right;-webkit-transform-origin:top right}.global-share:active,.global-share:hover{box-shadow:0 6px 12px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.2)}.global-share.in{visibility:visible;-webkit-transform:none;transform:none}.global-share .share-icons{margin:0 auto}.global-share li{width:80px;text-align:center}.global-share a{position:relative;width:40px;height:40px;line-height:40px;margin-bottom:20px;font-size:1.33333333em}.global-share a:after{position:absolute;bottom:-22px;left:50%;content:attr(data-title);white-space:nowrap;line-height:20px;font-size:12px;color:#3f51b5;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page-share-fab{display:block;width:42px;height:42px;line-height:42px;color:#3f51b5;background:#eaecf7;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.page-share-fab:active,.page-share-fab:hover{box-shadow:0 6px 12px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.2)}.page-share-wrap{position:absolute;right:35px;top:-21px;z-index:2}.page-share-wrap .page-share{visibility:hidden}.page-share{position:absolute;bottom:48px;right:4px;text-align:center;width:34px}.page-share.in{visibility:visible}.page-share.in .share-icons a{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.page-share .share-icons a{width:34px;height:34px;line-height:34px;font-size:1.33333em;border-radius:50%;position:relative;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center bottom;transform-origin:center bottom}.page-share .share-icons a:after,.page-share .share-icons a:before{position:absolute;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.page-share .share-icons a:before{font-size:12px;color:#fff;white-space:nowrap;line-height:24px;padding:0 5px;border-radius:3px;background:rgba(0,0,0,.8);left:-15px}.page-share .share-icons a:hover:after,.page-share .share-icons a:hover:before{visibility:visible;opacity:1}.page-share .share-icons a:after{content:"";border:6px solid transparent;left:-3px;border-left-color:rgba(0,0,0,.8)}.page-share .share-icons a:active,.page-share .share-icons a:hover{box-shadow:0 6px 12px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.2)}.page-share .share-icons a:before{content:'分享到' attr(data-title)}.page-share .share-icons li{margin-bottom:10px}.wx-share p{margin:0 0 15px}.wx-share img{width:200px}.post-widget{float:right;width:20%;padding-left:30px;min-height:1px}.post-widget+.post-article{float:left;width:80%;padding-right:30px}.post-toc-wrap{position:fixed;overflow-x:hidden;width:20%}.post-toc-link,.post-toc>.post-toc-item{position:relative}.post-toc-wrap.fixed{top:76px;bottom:140px;overflow-y:auto}.post-toc-wrap ol,.post-toc-wrap ul{list-style:none;margin:0}.post-toc-wrap h4{padding:0 0 10px 20px;font-size:15px;font-weight:600;color:#727272}.post-toc-child{padding-left:10px}.post-toc{display:inline-block;padding:0;font-size:13px}.post-toc-item{font-weight:400;color:#727272}.post-toc-item.active>.post-toc-link{font-weight:600;color:#3f51b5}.post-toc-item.active>.post-toc-link:before{background:rgba(0,0,0,.06)}.post-toc-item.active>.post-toc-link:after{border-left:3px solid #3f51b5}.post-toc-link{z-index:2;display:block;padding:3px 20px;line-height:1.5rem;color:inherit}.post-toc-link:hover{opacity:.8}.post-toc-link:after,.post-toc-link:before{content:"";position:absolute;z-index:1;top:0;right:0;width:100%;height:100%}.post-toc-shrink{height:0;overflow-y:hidden}.post-toc-expand{height:auto}.post-article .post-content{padding-top:20px}.post-card{margin-top:-150px;min-height:100px;padding:35px;background:#fff;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.post-card .post-meta{margin-top:8px}.post-card-title{font-size:32px}.post-nav{margin-top:30px;padding:16px 0 0}.post-nav .next,.post-nav .prev{width:47%;background:#f5f5f5}.post-nav .next{text-align:right}.page-content .timeline,.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-header{text-align:center}.post-nav-link{display:block;line-height:2em;font-size:16px;padding:10px 16px}.post-nav-link .title{position:relative;display:inline-block}.post-nav-link .title::after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#3f51b5;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.page-reward-btn,.waterfall{-webkit-transition:.4s ease-in-out}.post-nav-link .title:active::after,.post-nav-link .title:hover::after{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}.post-nav-link .fa{vertical-align:-9%}.post-nav-link .tips{color:#727272}.post-copyright{margin-bottom:100px;font-size:14px}.post-copyright .content{margin-bottom:1em;padding:20px 30px;color:#727272;background:#f1f3fa;border-radius:30px 30px 0}.post-copyright footer{float:right}.post-copyright footer a{position:relative;display:block;overflow:hidden;padding:0 16px 0 42px;height:28px;line-height:28px;color:#727272;background:#f1f3fa;border-radius:14px}.post-copyright footer img{position:absolute;top:0;left:0;width:28px;height:28px;border-radius:50%}.post-footer{position:relative;margin:0 -35px;padding:20px 35px 0;border-top:1px solid #ddd}.post-content{padding-bottom:20px;line-height:1.8}.post-content>.highlight,.post-content>.image-bubble,.post-content>pre{margin-left:-35px;margin-right:-35px}.post-content>.highlight,.post-content>pre{padding:20px 35px}.post-content .image-bubble{margin-top:20px;margin-bottom:20px;text-align:center}.post-content .image-caption{display:inline-block;margin-top:10px;color:#727272}.post-content .headerlink{visibility:hidden;margin-left:-1em;padding-right:5px;color:#c5cae9}.post-content .headerlink:before{content:"#"}.post-content p{word-wrap:break-word}.post-content li a,.post-content p a{color:#ff4081;border-bottom:1px dotted #ffa6c4;word-break:break-all}.post-content li a:active,.post-content li a:hover,.post-content p a:active,.post-content p a:hover{text-decoration:none;border-bottom-style:solid;opacity:.7}.post-content strong{font-weight:600;color:#3f51b5}.post-content strong a{border-color:#ff4081}.post-content em{color:#727272}.post-content h1{font-size:24px}.post-content h2{font-size:22px}.post-content h3{font-size:20px}.post-content h4{font-size:18px}.post-content h5{font-size:16px}.post-content h6{font-size:14px}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5{padding-top:56px;margin-top:-56px}.post-content .video-container,.post-content blockquote,.post-content figure,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content ol,.post-content p,.post-content pre,.post-content table,.post-content ul{margin-bottom:20px}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:#3f51b5}.post-content h1:hover .headerlink,.post-content h2:hover .headerlink,.post-content h3:hover .headerlink,.post-content h4:hover .headerlink,.post-content h5:hover .headerlink,.post-content h6:hover .headerlink{visibility:visible}.post-content blockquote p:first-child,.post-content blockquote:first-child,.post-content figure:first-child,.post-content ol:first-child,.post-content p:first-child,.post-content pre:first-child,.post-content table:first-child,.post-content ul:first-child{margin-top:0}.post-content ol,.post-content ul{font-size:14px;line-height:30px}.post-content blockquote{position:relative;padding:16px 20px;border-left:4px solid #3f51b5;color:#6e6e6e;background:#f5f5f5;font-size:14px;border-radius:0 2px 2px 0}.post-content blockquote p{margin:0}.post-content blockquote footer{margin-top:10px;text-align:right;font-size:80%}.post-content table{width:100%;border:1px solid #dedede;margin:15px 0;border-collapse:collapse}.post-content table td,.post-content table tr{height:35px}.post-content table thead tr{background:#f8f8f8}.post-content table tbody tr:hover{background:#efefef}.post-content table td,.post-content table th{border:1px solid #dedede;padding:0 10px}.post-content figure table{border:none;width:auto;margin:0}.post-content figure table tbody tr:hover{background:0 0}.post-content figure table tbody td{border:none}.post-content code,.post-content kbd,.post-content pre,.post-content samp{font-family:Consolas,Monaco,courier,monospace}.post-content code,.post-content pre{background:#f5f5f5}.post-content li code,.post-content p code{color:#ff4081;line-height:1;margin:0 4px;font-size:80%;padding:3px 5px;border:1px solid #eee;border-radius:2px;word-wrap:break-word}.post-content pre{margin:24px 0}.post-content pre code{border-radius:0;font-size:inherit;margin:0;padding:0}.comments{padding:40px 0 0}@media screen and (max-width:760px){.post-card-title,.post-widget{display:none}.post-article{float:none;width:100%!important;padding-right:0!important}.post-card{position:relative;margin:-20px -16px 0;border-radius:0;padding:16px}.comments,.post-nav{margin-left:-16px;margin-right:-16px}.post-card .post-meta{margin-top:-40px;padding:20px 12px;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.16);border-radius:2px}.post-nav{padding:0}.post-nav .next,.post-nav .prev{width:50%;background:#fff;border-bottom:1px solid #dadada;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.post-nav h4{font-size:16px;line-height:1.5}.has-jax{font-size:13px}.MJXc-display{overflow-x:auto;overflow-y:hidden}}@media screen and (max-width:480px){.has-jax{font-size:10px}.post-content .highlight,.post-content .image-bubble,.post-content>pre{margin-left:-16px;margin-right:-16px}.post-content .highlight,.post-content>pre{padding:16px}}.archive-separator{margin:35px 0 13px;color:#3f51b5;font-size:16px;font-weight:700}.archive-separator:first-child{margin-top:10px}.article-card{padding:16px 20px 0;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(151,151,151,.58)}.article-card .post-content .highlight,.article-card .post-content>pre{margin-left:-20px;margin-right:-20px;padding:20px}.article-card .post-time{line-height:24px;font-weight:700}.article-card .post-footer{margin:0 -20px;padding:12px 20px 8px}.archive-article .post-title{font-size:18px;margin-bottom:0;padding-bottom:16px}.waterfall{position:relative;margin:0 -10px -20px;opacity:0;transition:.4s ease-in-out;-webkit-transform:translateY(50px);transform:translateY(50px)}.waterfall.in{opacity:1;-webkit-transform:none;transform:none}.waterfall-item{position:absolute;width:50%;padding:0 10px 20px}@media screen and (max-width:760px){.archive-article{display:block;margin:0 -16px;padding:16px 16px 8px;border-bottom:1px solid #dadada}.archive-article .post-footer{border-top:none;padding-top:0;padding-bottom:0}.article-card{border-radius:0}.archive-separator{margin-top:16px}.waterfall{margin:0;height:auto!important;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.waterfall-item{position:static;width:100%;padding:0}}.page-article .card,.page-content img,.page-content>blockquote,.page-content>figure,.page-content>pre{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(151,151,151,.58)}@media screen and (max-width:420px){.archive-article{padding:16px 16px 0}}.page-article .card{padding:20px}.page-article .card>:last-child{margin-bottom:0}.page-article .card>:first-child{padding-top:0;margin-top:0}.page-article .card,.page-article .column,.page-article .timeline{margin-bottom:20px}.page-content{margin-bottom:30px;border-bottom:2px solid #dadada}.page-content .timeline h5,.page-content>figure,.page-content>pre{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.page-content img{width:100%;padding:0;margin:0;border:none}.page-content figure,.page-content pre{margin-left:0!important;margin-right:0!important}.page-content figure{padding:20px!important}.page-content .headerlink{display:none}.page-content .column-2,.page-content .column-3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.page-content .column-2>*{width:48%}.page-content .column-3>*{width:31%}.page-content .timeline{position:relative}.page-content .timeline:before{content:'';position:absolute;top:0;left:50%;z-index:1;width:4px;height:100%;margin-left:-2px;background:#dadada}.page-content .timeline h5{position:relative;z-index:2;display:inline-block;margin-bottom:15px;padding:.5em 2em;color:#fff;background:#3f51b5;border-radius:3px}.page-content .timeline .item{position:relative;z-index:2;margin-bottom:30px;padding:15px 0;text-align:left}.page-content .timeline .item>p{display:inline-block;width:45%;margin:0;padding:10px 15px;text-align:center;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(151,151,151,.58)}.page-content .timeline .item>h6{position:absolute;top:50%;padding:3px 8px;color:#fff;background:#ff4081;border-radius:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.page-content .timeline .item:nth-child(odd){text-align:right}.img-lightbox,.page-modal,.page-reward,.reward-toggle-item{text-align:center}.page-content .timeline .item:nth-child(odd)>h6{right:50%;margin-right:30px}.page-content .timeline .item:nth-child(even)>h6{left:50%;margin-left:30px}.page-content .timeline .item:after{content:'';position:absolute;top:50%;left:50%;border:4px solid #ff4081;outline:#f6f6f6 solid 2px;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.page-about-me{position:relative;padding:30px 35px!important}.page-about-me .avatar{margin-right:35px;width:100px;height:100px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.page-about-me .avatar img{border-radius:50%}.page-modal,.tabs-bar.expand .tags-list{border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.page-about-me .content{color:#444}.page-about-me .content p{margin-top:0}@media screen and (max-width:480px){.page-content{margin-left:-16px;margin-right:-16px}.page-content .column{display:block}.page-about-me{padding:15px 20px!important}.page-about-me .avatar{margin-right:20px;width:60px;height:60px}}.page-modal{display:none;position:fixed;top:24%;left:50%;z-index:120;padding:30px;color:#727272;background:#fff;opacity:0;-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%)}.page-modal.ready{visibility:hidden;display:block;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.tags-list,.tags-list-more .action{-webkit-transition:.2s ease-in-out}.page-modal.in{visibility:visible;opacity:1;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.page-modal .close{position:absolute;right:15px;top:15px;color:rgba(0,0,0,.2);font-size:16px;line-height:20px}.page-modal .close:active,.page-modal .close:hover{color:rgba(0,0,0,.4)}.tabs-bar{position:relative;padding:0;margin-top:14px;overflow:hidden;background:#3f51b5}.tabs-bar.expand{overflow:visible;text-shadow:none}.tabs-bar.expand .tags-list{position:absolute;top:0;left:0;display:block;padding:16px;white-space:normal;background:#fff}.tabs-bar.expand .tags-list .tags-list-item{padding:6px 1em;margin-bottom:6px;color:#727272}.tabs-bar.expand .tags-list .tags-list-item:hover{opacity:.7;text-decoration:underline}.tabs-bar.expand .tags-list .tags-list-item:after{display:none}.tabs-bar.expand .tags-list .tags-list-item.active{color:#fff;background:#ff4081;border-radius:.2em}.tags-list{position:relative;z-index:1;width:100%;overflow-x:hidden;overflow-y:hidden;margin:0 auto;list-style:none;padding:0;white-space:nowrap;transition:.2s ease-in-out;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tags-list-item{position:relative;-webkit-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;padding:12px 1em;line-height:20px;color:rgba(255,255,255,.8);border-radius:.2em .2em 0 0}.tags-list-item:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px}.tags-list-item.active{color:#fff}.tags-list-item.active:after{background:#ff4081}.tags-list-item:active,.tags-list-item:hover{color:#fff;text-decoration:none}.tags-list-more{position:absolute;right:0;bottom:0;z-index:2;height:44px;padding-left:1em;background:#3f51b5!important}.tags-list-more .action{width:44px;height:44px;line-height:20px;border-radius:50%;transition:.2s ease-in-out}@media screen and (max-width:760px){.tabs-bar{margin-left:-16px;margin-right:-16px;padding:0 0 0 16px;width:auto}.tags-list{overflow-x:auto}.tags-list::-webkit-scrollbar{display:none}.tags-list-more{display:none}}.search-wrap{position:relative;min-width:56px}.search-wrap.in .search-input{width:320px;opacity:1}.search-wrap.in #search{color:#c5cae9}.search-wrap .search-input{position:relative;z-index:2;width:0;height:36px;margin:10px 10px 0 0;border:none;background:0 0;color:#fff;border-bottom:2px solid #fff;border-radius:0;opacity:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.search-wrap .search-input::-webkit-input-placeholder{color:#c5cae9}.search-wrap .header-icon{position:absolute;top:0;z-index:3}.search-wrap #search{right:0}.search-wrap #back{display:none;left:0}.search-panel{position:fixed;top:50px;right:65px;z-index:36;width:400px;max-height:70%;overflow-y:auto;background:#fff;border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);opacity:0;visibility:hidden;-webkit-transform:translateY(-50%) scale(.5);transform:translateY(-50%) scale(.5);-webkit-transition:.3s ease-in;transition:.3s ease-in}.search-panel.in{opacity:1;visibility:visible;-webkit-transform:none;transform:none}.search-result{margin:0;padding:0}.search-result .item{line-height:1.6em;border-top:1px solid #dadada}.search-result .item:first-child{border-top:none}.search-result .item a{padding:10px 20px}.search-result .title{color:#3f51b5}.search-result .title:hover{color:#c5cae9}.search-result .tags span,.search-result .time{font-size:13px;color:#727272}.search-result .tags{margin-right:1em}.search-result .tags span{margin-right:.5em}.search-result .time{padding-left:1em}.search-result .tips{padding:30px 0;text-align:center;color:#727272}.lock-size{position:absolute;width:100%;height:100%;max-height:100%;overflow:hidden}@media screen and (max-width:760px){.search-wrap.in{position:absolute;top:0;right:0;z-index:10;width:100%;padding:0 16px 0 56px;background:#3f51b5}.search-wrap.in .search-input{width:100%}.search-wrap.in #back{display:block}.search-panel{z-index:28;top:56px;right:0;width:100%;height:calc(100vh - 56px);max-height:calc(100vh - 56px);border-radius:0;box-shadow:none}}.page-reward{margin:60px 0}.page-reward-btn{width:56px;height:56px;line-height:56px;font-size:20px;color:#fff;background:#f44336;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);transition:.4s ease-in-out}.page-reward-btn:active,.page-reward-btn:hover{box-shadow:0 6px 12px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.2);color:#fff;text-decoration:none}.reward-title{position:relative;padding:10px 30px}.reward-title .fa-quote-left,.reward-title .fa-quote-right{position:absolute;font-size:80%;color:#999}.reward-title .fa-quote-left{top:0;left:0}.reward-title .fa-quote-right{bottom:0;right:0}.reward-lay{width:360px}.reward-content{margin:20px 0}.reward-code{width:200px;margin:0 auto}.reward-toggle{position:relative;display:block;width:120px;overflow:hidden;margin:40px auto 0;border-radius:3px;cursor:pointer;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.reward-toggle:active,.reward-toggle:hover{box-shadow:0 6px 12px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.2)}.reward-toggle-check{position:absolute;visibility:hidden}.reward-toggle-check:checked+.reward-toggle-ctrol{-webkit-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}.reward-toggle-ctrol{display:flex;width:180px;height:30px;line-height:30px;background:#eee;border-radius:3px;overflow:hidden;user-select:none;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}.reward-toggle-item,.reward-toggle-label{flex:0 0 auto;width:60px;height:100%}.reward-toggle-item{position:relative;z-index:2;height:100%;color:#fff;font-size:12px;box-shadow:inset 0 0 15px rgba(0,0,0,.3)}.reward-toggle .alipay{background:#1e88e5}.reward-toggle .wechat{background:#4caf50}@media screen and (max-width:760px){.reward-title{font-size:18px}}@media screen and (max-width:480px){.reward-lay{border-radius:0}.reward-content{margin:0}.reward-toggle{margin:20px auto 0}}.img-lightbox.ready{position:relative;top:0;left:0}.img-lightbox.ready img{position:absolute;z-index:890}.img-lightbox.ready img.zoom-in{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.img-lightbox.ready .overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:888;background:#2f2d2d;opacity:0;will-change:opacity;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.img-lightbox.ready .overlay-title{position:fixed;left:0;right:0;bottom:0;z-index:900;height:40px;line-height:40px;color:#fff;opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.img-lightbox.active img{cursor:-webkit-zoom-out;cursor:zoom-out}.img-lightbox.active .overlay,.img-lightbox.active .overlay-title{opacity:1}.img-lightbox.active .overlay-title{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.img-lightbox img{display:inline;margin:0;cursor:-webkit-zoom-in;cursor:zoom-in}.img-lightbox img:hover{will-change:left,top,width,height}#rewardCode{width:200px;height:200px}#comments.vcomment{margin-top:40px;padding:30px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2);border-radius:4px}#comments.vcomment .vheader .vinput:focus{border-bottom:1px solid #ff4081}#comments.vcomment .vsubmit:active,#comments.vcomment .vsubmit:hover{color:#fff;background:#3f51b5;border-color:#3f51b5;box-shadow:0 2px 8px rgba(0,0,0,.4)}#comments.vcomment .vlist .vsys{padding:.2rem .4rem;line-height:1;color:#fff}#comments.vcomment .vlist .vsys:nth-child(n+2){background:#8bc34a}#comments.vcomment .vlist .vsys:nth-child(n+3){background:#ff9800}#comments.vcomment .vlist .vsys:nth-child(n+4){background:#f44336}#comments.vcomment .vlist .vsys:nth-child(n+5){background:#00abc0}#comments.vcomment .vlist .vsys:nth-child(n+6){background:#2196f3}#comments.vcomment .vlist .vat,#comments.vcomment .vlist .vname:hover,#comments.vcomment .vlist a:hover{color:#ff4081}#comments.vcomment .vcard section{border-bottom:1px solid #dadada}