.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.left-col.show{box-shadow:0 0 6px 0 rgba(0,0,0,.75)}.mid-col,.mid-col.show .article,.tools-col,.tools-col .tools-section .search-tag.tagcloud .article-tag-list,.tools-col .tools-section .search-ul .search-tag span:hover,.tools-col .tools-section .search-ul .search-time span:hover,.tools-col .tools-section .search-ul .search-title:hover,.tools-col .tools-section .search-wrap .icon{-ms-transition:all .2s ease-in;transition:all .2s ease-in}@-webkit-keyframes leftIn{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-transform:translate3d(358px,0,0);transform:translate3d(358px,0,0)}75%{-webkit-transform:translate3d(323px,0,0);transform:translate3d(323px,0,0)}90%{-webkit-transform:translate3d(338px,0,0);transform:translate3d(338px,0,0)}to{-webkit-transform:translate3d(333px,0,0);transform:translate3d(333px,0,0)}}@keyframes leftIn{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-transform:translate3d(358px,0,0);transform:translate3d(358px,0,0)}75%{-webkit-transform:translate3d(323px,0,0);transform:translate3d(323px,0,0)}90%{-webkit-transform:translate3d(338px,0,0);transform:translate3d(338px,0,0)}to{-webkit-transform:translate3d(333px,0,0);transform:translate3d(333px,0,0)}}.mid-col.show{-webkit-animation-duration:.8s;-webkit-animation-fill-mode:both;-webkit-animation-name:leftIn;animation-duration:.8s;animation-fill-mode:both;animation-name:leftIn}@-webkit-keyframes leftOut{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(333px,0,0);transform:translate3d(333px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes leftOut{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(333px,0,0);transform:translate3d(333px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.mid-col.hide{-webkit-animation-duration:.8s;-webkit-animation-name:leftOut;animation-duration:.8s;animation-name:leftOut}@-webkit-keyframes smallLeftIn{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-transform:translate3d(325px,0,0);transform:translate3d(325px,0,0)}75%{-webkit-transform:translate3d(290px,0,0);transform:translate3d(290px,0,0)}90%{-webkit-transform:translate3d(305px,0,0);transform:translate3d(305px,0,0)}to{-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}}@keyframes smallLeftIn{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-transform:translate3d(325px,0,0);transform:translate3d(325px,0,0)}75%{-webkit-transform:translate3d(290px,0,0);transform:translate3d(290px,0,0)}90%{-webkit-transform:translate3d(305px,0,0);transform:translate3d(305px,0,0)}to{-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}}.tools-col.show{-webkit-animation-duration:.8s;-webkit-animation-fill-mode:both;-webkit-animation-name:smallLeftIn;animation-duration:.8s;animation-fill-mode:both;animation-name:smallLeftIn}@-webkit-keyframes smallleftOut{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(333px,0,0);transform:translate3d(333px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes smallleftOut{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(333px,0,0);transform:translate3d(333px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.tools-col.hide{-webkit-animation-duration:.8s;-webkit-animation-fill-mode:both;-webkit-animation-name:smallleftOut;animation-duration:.8s;animation-fill-mode:both;animation-name:smallleftOut}@-webkit-keyframes ticktock{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes ticktock{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}html{-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;height:100%}body{background-color:#fff;color:#333;font-family:Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;font-size:14px;line-height:1.5;margin:0;min-height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background:transparent;color:#08c;text-decoration:none}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;max-width:100%;vertical-align:middle}svg:not(:root){overflow:hidden}pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;vertical-align:middle}button,input,select{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto;resize:vertical;vertical-align:top}optgroup{font-weight:700}button,input,select,textarea{outline:0}input,textarea{-webkit-user-modify:read-write-plaintext-only}input::-ms-clear,input::-ms-reveal{display:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}.placeholder{color:#999}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,figure,form,h1,h2,h3,h4,h5,h6,p{margin:0}dd,dl,li,ol,ul{margin:0;padding:0}ol,ul{list-style:none outside none}h1,h2,h3{font-weight:400;line-height:2}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}i{font-style:normal}*{box-sizing:border-box}@font-face{font-family:iconfont;src:url(fonts/iconfont.eot);src:url(fonts/iconfont.eot#iefix) format("embedded-opentype"),url(fonts/iconfont.woff) format("woff"),url(fonts/iconfont.ttf) format("truetype"),url(fonts/iconfont.svg#iconfont) format("svg")}[class*=" icon-"],[class^=icon-]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:iconfont!important;font-size:16px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none}.icon-twitter:before{content:"\E600"}.icon-facebook:before{content:"\E601"}.icon-clock:before{content:"\E602"}.icon-mail:before{content:"\E609"}.icon-link:before{content:"\E6AB"}.icon-search:before{content:"\E65B"}.icon-smile:before{content:"\E64A"}.icon-roundrightfill:before{content:"\E65A"}.icon-list:before{content:"\E682"}.icon-book:before{content:"\E6FE"}.icon-home:before{content:"\E6BB"}.icon-share:before{content:"\E618"}.icon-back:before{content:"\E625"}.icon-qq:before{content:"\E62D"}.icon-weibo:before{content:"\E619"}.icon-segmentfault:before{content:"\E603"}.icon-sort:before{content:"\E700"}.icon-jianshu:before{content:"\E613"}.icon-circle-left:before{content:"\E71F"}.icon-circle-right:before{content:"\E720"}.icon-loading:before{content:"\E614"}.icon-acfun:before{content:"\E604"}.icon-close:before{content:"\E60C"}.icon-tumblr:before{content:"\E6B0"}.icon-calendar:before{content:"\E667"}.icon-rss:before{content:"\E877"}.icon-price-tags:before{content:"\E6F9"}.icon-quo-left:before{content:"\E7F5"}.icon-quo-right:before{content:"\E7F6"}.icon-back1:before{content:"\E64E"}.icon-github:before{content:"\E735"}.icon-film:before{content:"\E7B7"}.icon-weixin:before{content:"\E61F"}.icon-qzone:before{content:"\E680"}.icon-douban:before{content:"\E64C"}.icon-roundleftfill:before{content:"\E799"}.icon-tuding:before{content:"\E651"}.icon-zhihu:before{content:"\E61B"}.icon-linkedin:before{content:"\E6D4"}.icon-google:before{content:"\E635"}.icon-bilibili:before{content:"\E622"}body,button,input,select,textarea{color:#1a1a1a;font-family:lucida grande,lucida sans unicode,lucida,helvetica,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:16px;font-size:1rem;line-height:1.75}body{background:#eaeaea;overflow-y:hidden}#container,body,html{height:100%;overflow-x:hidden;overflow-y:auto}#mobile-nav{display:none}#container{min-height:100%;position:relative}#container .anm-canvas{display:none}#container.show .anm-canvas{display:block;position:fixed}.body-wrap{margin-bottom:80px}.mid-col{background:#eaeaea;left:300px;min-height:100%;position:absolute;right:0;width:auto}.mid-col.show{background:none;opacity:.9}.mid-col.show .article{background:hsla(0,0%,100%,.3)}.left-col{background:#fff;height:100%;opacity:1;position:fixed;transition:all .2s ease-in;width:300px;z-index:999}.left-col .overlay{height:180px;position:absolute;width:100%}.left-col .intrude-less{margin:112px auto 0;text-align:center;width:76%}.left-col #header{border-bottom:1px solid color-border;height:300px;position:relative;width:100%}.left-col #header a{color:#696969}.left-col #header a:hover{color:#b0a0aa}.left-col #header .header-subtitle{-webkit-line-clamp:2;color:#999;font-size:14px;line-height:25px;overflow:hidden;text-align:center;text-overflow:ellipsis}.left-col #header .header-menu{-webkit-box-align:center;-webkit-box-pack:center;display:-webkit-box;float:none;font-weight:300;line-height:31px;margin-left:-12px;min-height:150px;text-align:center;text-transform:uppercase}.left-col #header .header-menu li{cursor:default}.left-col #header .header-menu li a{font-size:14px;min-width:300px}.left-col #header .header-smart-menu{font-size:12px;margin-bottom:20px}.left-col #header .header-smart-menu a:after{content:"/"}.left-col #header .header-smart-menu a:last-child:after{content:""}.left-col #header .profilepic{-webkit-box-align:center;-webkit-box-pack:center;-webkit-transition:all .2s ease-in;background:#fff;border:5px solid #fff;border-radius:300px;display:block;display:-webkit-box;height:108px;margin:0 auto;overflow:hidden;position:relative;text-align:center;width:108px}.left-col #header .profilepic img{-webkit-animation-direction:alternate;-webkit-animation-duration:2s;-webkit-animation-fill-mode:both;-webkit-animation-iteration-count:infinite;-webkit-animation-name:ticktock;-webkit-animation-play-state:running;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-transform-origin:50% -70%;-webkit-transition:all .2s ease-in;animation-direction:alternate;animation-duration:2s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:ticktock;animation-play-state:running;animation-timing-function:cubic-bezier(.645,.045,.355,1);border-radius:300px;opacity:1;transform-origin:50% -70%}.left-col #header .profilepic img.show{height:100%;opacity:1;width:100%}.left-col #header .header-author{font-family:Roboto,serif;font-size:30px;margin:.67em 0;text-align:center;transition:.3s}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-corner{display:block}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5);border-radius:8px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,.15)}::-webkit-scrollbar-button:start{background:url(img/scrollbar_arrow.png) no-repeat 0 0;height:10px;width:10px}::-webkit-scrollbar-button:start:hover{background:url(img/scrollbar_arrow.png) no-repeat -15px 0}::-webkit-scrollbar-button:start:active{background:url(img/scrollbar_arrow.png) no-repeat -30px 0}::-webkit-scrollbar-button:end{background:url(img/scrollbar_arrow.png) no-repeat 0 -18px;height:10px;width:10px}::-webkit-scrollbar-button:end:hover{background:url(img/scrollbar_arrow.png) no-repeat -15px -18px}::-webkit-scrollbar-button:end:active{background:url(img/scrollbar_arrow.png) no-repeat -30px -18px}.article-entry .highlight,.article-entry pre{background:#272822;color:#fff;font-size:.9em;line-height:22.400000000000002px;margin:10px 0;overflow:auto;padding:10px}.article-entry .gist .gist-file .gist-data .line-numbers,.article-entry .highlight .gutter pre,.article-entry .highlight .gutter pre .line{color:#666}.article-entry code,.article-entry pre{font-family:Source Code Pro,Consolas,Monaco,Menlo,monospace}.article-entry code{background:#eee;border:none;padding:0 .3em}.article-entry pre code{background:none;color:#fff;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{margin:0;width:auto}.article-entry .highlight td{border:none;padding:0}.article-entry .highlight figcaption{color:highlight-comment;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:#fff;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:highlight-comment;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:#75715e}pre .class .params,pre .function .keyword,pre .keyword{color:#66d9ef}pre .css .value,pre .doctype,pre .function,pre .params,pre .tag{color:#fff}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:#e6db74}pre .number{color:#7163d7}pre .css~* .id,pre .id{color:#fd971f}#header .tagcloud a{color:#fff}.tagcloud a{border-radius:0 5px 5px 0;color:#fff;display:inline-block;float:left;font-family:Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;font-size:10px;font-weight:400;height:18px;line-height:18px;margin:5px 9px 5px 8px;padding:0 5px 0 10px;position:relative;text-decoration:none}.tagcloud a:hover{opacity:.8}.tagcloud a:before{border:9px solid transparent;content:" ";height:0;left:-18px;position:absolute;top:0;width:0}.tagcloud a:after{background-color:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.3);content:" ";height:4px;left:2px;position:absolute;top:7px;width:4px}.tagcloud a.color1{background:#ff945c}.tagcloud a.color1:before{border-right-color:#ff945c}.tagcloud a.color2{background:#cc8167}.tagcloud a.color2:before{border-right-color:#cc8167}.tagcloud a.color3{background:#ba8f6c}.tagcloud a.color3:before{border-right-color:#ba8f6c}.tagcloud a.color4{background:#94635c}.tagcloud a.color4:before{border-right-color:#94635c}.tagcloud a.color5{background:#7b5d5f}.tagcloud a.color5:before{border-right-color:#7b5d5f}.article-tag-list .article-tag-list-item{float:left}.article-pop-out .icon-tuding{color:#999;float:left;margin-right:10px;margin-top:6px}.article-category,.article-category .article-tag-list,.article-tag,.article-tag .article-tag-list{float:left}.article-category .icon,.article-tag .icon{color:#999;float:left;margin-right:10px;margin-top:6px}.article-pop-out{float:left}.archive-article-date{color:#999;float:right;margin-right:7.6923%}.archive-article-date .icon{margin:5px 5px 5px 0}.glass{background-color:rgba(54,70,93,.9);display:none;height:100%;transition:opacity .15s;width:100%;z-index:998}.glass,.tagcloud-ctn{bottom:0;left:0;opacity:1;position:fixed;right:0;top:0}.tagcloud-ctn{background-size:100% 100%;z-index:90120}.tagcloud-ctn .tagcloud-global{left:50%;margin-left:-315px;margin-top:-115px;position:fixed;top:50%;width:630px}.tagcloud-ctn .tagcloud-global a{background:#f2992e;border-radius:50%;color:#fff;display:block;float:left;height:80px;line-height:80px;text-align:center;width:80px}.tagcloud-ctn .tagcloud-global .tab-post-types .tab-post-type:first-child .post-type-icon{background:#f2992e}.tagcloud-ctn .tagcloud-global .tab-post-types .tab-post-type:nth-child(2) .post-type-icon{background:#56bc8a}.tagcloud-ctn .tagcloud-global .tab-post-types .tab-post-type:nth-child(3) .post-type-icon{background:#4aa8d8}.tagcloud-ctn .tagcloud-global .tab-post-types .tab-post-type:nth-child(4) .post-type-icon{background:#a77dc2}.tagcloud-ctn .tagcloud-global .tab-post-types .tab-post-type:nth-child(5) .post-type-icon{background:#dd765d}#header .header-nav{position:absolute;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;width:100%}#header .header-nav .social{display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px;text-align:center}#header .header-nav .social a{border-radius:50%;color:#fff;display:-moz-inline-stack;display:inline-block;*display:inline;height:28px;line-height:26px;margin:0 8px 15px;opacity:.7;text-align:center;transition:.3s;vertical-align:middle;*vertical-align:auto;width:28px;zoom:1}#header .header-nav .social a:hover{opacity:1}#header .header-nav .social a.weibo{background:#aaf;border:1px solid #aaf}#header .header-nav .social a.weibo:hover{border:1px solid #aaf}#header .header-nav .social a.segmentfault{background:#009a61;border:1px solid #009a61}#header .header-nav .social a.segmentfault:hover{border:1px solid #009a61}#header .header-nav .social a.rss{background:#ef7522;border:1px solid #ef7522}#header .header-nav .social a.rss:hover{border:1px solid #cf5d0f}#header .header-nav .social a.github{background:#afb6ca;border:1px solid #afb6ca}#header .header-nav .social a.github:hover{border:1px solid #909ab6}#header .header-nav .social a.facebook{background:#3b5998;border:1px solid #3b5998}#header .header-nav .social a.facebook:hover{border:1px solid #2d4373}#header .header-nav .social a.google{background:#c83d20;border:1px solid #c83d20}#header .header-nav .social a.google:hover{border:1px solid #9c3019}#header .header-nav .social a.twitter{background:#55cff8;border:1px solid #55cff8}#header .header-nav .social a.twitter:hover{border:1px solid #24c1f6}#header .header-nav .social a.linkedin{background:#005a87;border:1px solid #005a87}#header .header-nav .social a.linkedin:hover{border:1px solid #006b98}#header .header-nav .social a.acfun{background:#fd4c5d;border:1px solid #fd4c5d}#header .header-nav .social a.acfun:hover{border:1px solid #fd4c5d}#header .header-nav .social a.bilibili{background:#e15280;border:1px solid #e15280}#header .header-nav .social a.bilibili:hover{border:1px solid #e15280}#header .header-nav .social a.zhihu{background:#0078d8;border:1px solid #0078d8}#header .header-nav .social a.zhihu:hover{border:1px solid #0078d8}#header .header-nav .social a.douban{background:#06c611;border:1px solid #06c611}#header .header-nav .social a.douban:hover{border:1px solid #06c611}#header .header-nav .social a.mail{background:#005a87;border:1px solid #005a87}#header .header-nav .social a.mail:hover{border:1px solid #006b98}#header .header-nav .social a.jianshu{background:#ff5722;border:1px solid #ff5722}#header .header-nav .social a.jianshu:hover{border:1px solid #ff5722}#header .header-nav .social a.weixin{background:#4caf50;border:1px solid #4caf50}#header .header-nav .social a.weixin:hover{border:1px solid #4caf50}#header .header-nav .social a.qq{background:#34baad;border:1px solid #34baad}#header .header-nav .social a.qq:hover{border:1px solid #34baad}#page-nav{margin-top:30px;text-align:center}#page-nav .page-number{background:#4d4d4d;border-radius:2px;color:#fff;display:inline-block;font-size:12px;height:25px;line-height:25px;margin:0 5px 30px;width:20px}#page-nav .page-number:hover{background:#5e5e5e}#page-nav .current{background:#88acdb;cursor:default}#page-nav .current:hover{background:#88acdb}#page-nav .extend{color:#4d4d4d;margin:0 27px;opacity:1}#page-nav .extend:hover{color:#5e5e5e}#page-nav:hover .extend{opacity:1}.archives-wrap{background:#fff;border-bottom:1px solid #eee;margin:0 30px;padding-right:60px;position:relative}.archives-wrap:first-child{margin-top:30px}.archives-wrap:last-child{margin-bottom:80px}.archives-wrap .archive-year-wrap{font-size:1.8em;line-height:35px;padding-top:15px;position:absolute;width:200px;z-index:1}.archives-wrap .archive-year-wrap a{color:#666;font-weight:700;padding-left:48px}.archives{position:relative}.archives .article-info{border:none}.archives .archive-article{border-bottom:1px solid #eee;border-top:1px solid #fff;margin-left:200px;padding:20px 0;position:relative}.archives .archive-article:first-child{border-top:none}.archives .archive-article:last-child{border-bottom:none}.archives .archive-article-title{color:#333;font-size:16px;transition:color .3s}.archives .archive-article-title:hover{color:#657b83}.archives .archive-article-title span{color:#a8a8a8;display:block;font-size:12px;height:7px;line-height:14px;padding-left:2px}.archives .archive-article-title span:before{color:#c8c8c8;content:"\201C";display:inline-block;float:left;font-family:serif;font-size:30px;margin:4px 4px 0 -12px}.archive-article-inner .icon-clock{margin-right:5px}.archive-article-inner .archive-article-header{min-height:36px;position:relative}.archive-article-inner .article-meta{background:none;color:#555;float:right;margin-top:-10px;position:relative;text-align:right;width:auto}.archive-article-inner .article-meta .article-date time{color:#aaa}.archive-article-inner .article-meta .archive-article-date,.archive-article-inner .article-meta .article-tag-list{color:#666;display:-moz-inline-stack;display:inline-block;font-size:14px;margin-right:30px;vertical-align:middle;zoom:1}.archive-article-inner .article-meta .archive-article-date{cursor:default;font-size:12px;margin-bottom:5px;margin-right:0;margin-top:-10px}.archive-article-inner .article-meta .article-category:before{float:left;left:15px;margin-top:1px}.archive-article-inner .article-meta .article-category .article-category-link{max-width:83px;padding-left:10px;width:auto}.archive-article-inner .article-meta .article-tag-list{margin-top:0}.archive-article-inner .article-meta .article-tag-list:before{left:15px}.archive-article-inner .article-meta .article-tag-list .article-tag-list-item{display:inline-block;font-size:12px;max-width:83px;padding-left:8px;width:auto}.tools-col{-webkit-overflow-scrolling:touch;height:100%;left:0;opacity:0;overflow-scrolling:touch;padding:0;position:fixed;top:0;width:360px;z-index:998}.tools-col.show{opacity:1}.tools-col.hide{z-index:0}.tools-col .tools-nav{display:none}.tools-col .tools-section,.tools-col .tools-wrap{color:#e5e5e5;height:100%;overflow:hidden;overflow-y:auto;width:360px}.tools-col .tools-section ::-webkit-scrollbar,.tools-col .tools-wrap ::-webkit-scrollbar{display:none}.tools-col .tools-section .search-wrap{margin:20px 20px 10px;position:relative;width:310px}.tools-col .tools-section .search-wrap .search-ipt{background:none;border:none;border-bottom:2px solid #fff;color:#fff;font-family:Roboto,serif;width:310px}.tools-col .tools-section .search-wrap .icon{color:#fff;cursor:pointer;position:absolute;right:0;top:7px}.tools-col .tools-section .search-wrap .icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.tools-col .tools-section .search-wrap ::-webkit-input-placeholder{color:#ededed}.tools-col .tools-section .search-tag.tagcloud{position:relative;text-align:center}.tools-col .tools-section .search-tag.tagcloud .search-tag-wording{float:right;font-size:12px;margin:4px 75px 0 0}.tools-col .tools-section .search-tag.tagcloud .search-switch{display:block;height:25px;width:40px}.tools-col .tools-section .search-tag.tagcloud .search-switch input{-webkit-appearance:none;background:0 0;border:0;height:14px;outline:0;position:absolute;right:30px;top:0;width:40px;z-index:2}.tools-col .tools-section .search-tag.tagcloud .search-switch input:before{background-clip:content-box;background-color:#fdfdfd;border:1px solid #bdcabc;border-radius:20px;box-shadow:inset 0 0 0 0 #dfdfdf;box-sizing:content-box;content:"";cursor:pointer;display:inline-block;height:14px;position:relative;transition:border .4s,box-shadow .4s;vertical-align:middle;width:40px}.tools-col .tools-section .search-tag.tagcloud .search-switch input:checked:before{background-color:#64bd63;border-color:#64bd63;box-shadow:inset 0 0 0 .16rem #64bd63;transition:border .4s,box-shadow .4s,background-color 1.2s}.tools-col .tools-section .search-tag.tagcloud .search-switch input:checked:after{background:#fff;left:27px}.tools-col .tools-section .search-tag.tagcloud .search-switch input:after{-webkit-transform:translateY(-50%);background-color:#91c0f1;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.4);content:"";cursor:pointer;height:14px;left:1px;position:absolute;top:15px;transition:left .2s;width:14px}.tools-col .tools-section .search-tag.tagcloud .article-tag-list{background:hsla(0,0%,100%,.2);display:none;margin:15px 10px 0;padding:10px}.tools-col .tools-section .search-tag.tagcloud .article-tag-list.show{display:block}.tools-col .tools-section .search-tag.tagcloud .a{float:none}.tools-col .tools-section .search-ul{-webkit-overflow-scrolling:touch;color:rgba(77,77,77,.75);margin-top:10px;overflow-scrolling:touch;overflow-y:auto}.tools-col .tools-section .search-ul .search-li{border-bottom:1px dotted #dcdcdc;padding:10px 20px}.tools-col .tools-section .search-ul .search-li:hover{background:hsla(0,0%,100%,.2)}.tools-col .tools-section .search-ul .search-title{color:#fffff8;display:block;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px rgba(77,77,77,.25);white-space:nowrap}.tools-col .tools-section .search-ul .search-title .icon{color:#fffdd8;margin-right:10px}.tools-col .tools-section .search-ul .search-title:hover{color:#fff}.tools-col .tools-section .search-ul .search-tag,.tools-col .tools-section .search-ul .search-time{color:#fffdd8;font-size:12px;margin-right:10px}.tools-col .tools-section .search-ul .search-tag .icon,.tools-col .tools-section .search-ul .search-time .icon{margin-right:0}.tools-col .tools-section .search-ul .search-tag span,.tools-col .tools-section .search-ul .search-time span{cursor:pointer}.tools-col .tools-section .search-ul .search-tag span:hover,.tools-col .tools-section .search-ul .search-time span:hover{color:#fff}.tools-col .tools-section .search-ul .search-time{float:left}.tools-col .tools-section .search-ul .search-tag span{margin-right:5px}.tools-col .tools-section-friends{padding-top:30px}.tools-col .aboutme-wrap{align-items:center;color:#fffdd8;display:flex;height:100%;justify-content:center;padding:15px;text-shadow:1px 1px rgba(77,77,77,.45);width:100%}.tools-col sup{color:#68635a;text-shadow:none}.body-wrap>article{position:relative}@-webkit-keyframes cd-bounce-1{0%{-webkit-transform:scale(1);opacity:0}60%{-webkit-transform:scale(1.01);opacity:1}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{-webkit-transform:scale(1);opacity:0;transform:scale(1)}60%{-webkit-transform:scale(1.01);opacity:1;transform:scale(1.01)}to{-webkit-transform:scale(1);transform:scale(1)}}.article{background:#fff;border-bottom:1px solid #ddd;border-color:#fff #ddd;border-style:solid;border-top:1px solid #ddd;border-width:1px;margin:30px;position:relative;transition:all .2s ease-in}.article img{max-width:100%}.article-inner h1.article-title,.article-title{color:#696969;font-size:26px;font-weight:300;line-height:35px;margin-bottom:20px;margin-left:0;transition:color .3s}.article-header{border-left:5px solid #4d4d4d;padding:30px 0 15px 7.6923%}.article-meta{font-size:14;position:absolute;right:0;text-align:right;text-align:center;top:23px;width:150px;z-index:1}.article-meta time{color:#aaa}.article-meta time .icon-clock{font-size:16px;margin-right:8px}.article-more-link{float:right;margin-top:0;text-align:left}.article-more-link a{background:#4d4d4d;border-radius:2px;color:#fff;font-size:12px;line-height:16px;padding:5px 8px;transition:background .3s}.article-more-link a:hover{background:#3c3c3c}.article-more-link a.hidden{visibility:hidden}.article-info.info-on-right{float:right;margin:10px 0 0}.article-info-index.article-info{border-top:1px solid #ddd;margin:30px 7.6923% 0;min-height:72px;padding-top:20px}.article-info-post.article-info{border:none;margin:-30px 0 20px 7.6923%;padding:0}.article-inner p{margin:0 0 1.75em}.article-inner{border-color:#d1d1d1}.article-inner h1{font-size:28px;font-size:1.75rem;line-height:1.25;margin-bottom:1em;margin-top:2em}.article-inner h2{font-size:23px;font-size:1.4375rem;line-height:1.2173913043;margin-bottom:1.2173913043em;margin-top:2.4347826087em}.article-inner h3{font-size:19px;font-size:1.1875rem;line-height:1.1052631579;margin-bottom:1.4736842105em;margin-top:2.9473684211em}.article-inner h4,.article-inner h5,.article-inner h6{font-size:16px;font-size:1rem;line-height:1.3125;margin-bottom:1.75em;margin-top:3.5em}.article-inner h4{letter-spacing:.140625em;text-transform:uppercase}.article-inner h6{font-style:italic}.article-inner h1,.article-inner h2,.article-inner h3,.article-inner h4,.article-inner h5,.article-inner h6{font-weight:900}.article-inner h1:first-child,.article-inner h2:first-child,.article-inner h3:first-child,.article-inner h4:first-child,.article-inner h5:first-child,.article-inner h6:first-child{margin-top:0}.article-inner h1:first-child{display:inline;margin-bottom:10px}.article-entry{line-height:1.8em;padding-left:7.6923%;padding-right:7.6923%}.article-entry p{margin-top:10px}.article-entry li code,.article-entry p code{background:#ddd;border:1px solid #ccc;font-family:Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;font-size:14px;margin:0 3px;padding:1px 3px;word-wrap:break-word}.article-entry blockquote{background:#ddd;background:#f6f6f6;border-left:5px solid #657b83;margin-top:10px;padding:15px 20px}.article-entry blockquote p{margin-bottom:0;margin-top:0}.article-entry em{font-style:italic}.article-entry ul li:before{background:#aaa;border:1px solid #999;border-radius:10px;content:"";display:inline-block;float:left;height:6px;margin-right:10px;margin-top:10px;width:6px}.article-entry ol{counter-reset:item}.article-entry ol li:before{content:counter(item) ".";counter-increment:item;margin-right:10px}.article-entry ol,.article-entry ul{font-size:14px;margin:10px 0}.article-entry li ol,.article-entry li ul{margin-left:30px}.article-entry li ol li:before,.article-entry li ul li:before{background:#dedede;content:""}.article-entry h1{margin-top:30px}.article-entry h2,.article-entry h3,.article-entry h4,.article-entry h5,.article-entry h6{border-bottom:1px solid #ddd;color:#574c4c;font-weight:700;margin-top:20px;padding-bottom:5px}.article-entry video{max-width:100%}.article-entry strong{font-weight:700}.article-entry .caption{color:#aaa;display:block;font-size:.8em}.article-entry hr{border-bottom:1px solid #fff;border-left:0;border-right:0;border-top:1px solid #ddd;height:0;margin-bottom:20px;margin-top:20px}.article-entry pre{border:1px solid #ccc;color:#657b83;font-family:Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;line-height:1.5;margin-top:10px;overflow-x:auto;padding:5px 15px;text-shadow:0 1px #444}.article-entry pre code{font-size:14px}.article-entry table{border:1px solid #dedede;border-collapse:collapse;margin:15px 0;width:100%}.article-entry table td,.article-entry table tr{height:35px}.article-entry table thead tr{background:#f8f8f8}.article-entry table tbody tr:hover{background:#efefef}.article-entry table td,.article-entry table th{border:1px solid #dedede;padding:0 10px}.article-entry figure table{border:none;margin:0;width:auto}.article-entry figure table tbody tr:hover{background:none}#article-nav{margin:0 0 20px;min-height:30px;padding:0 32px 10px}#article-nav .article-nav-link-wrap{font-size:14px}#article-nav .article-nav-link-wrap .article-nav-title{display:inline-block;font-size:16px;transition:color .3s}#article-nav .article-nav-link-wrap:hover .article-nav-title,#article-nav .article-nav-link-wrap:hover i{color:#4d4d4d}#article-nav #article-nav-older{float:right}#disqus_thread,#SOHUCS,.cloud-tie-wrapper{min-height:20px;padding:0 30px!important}#SOHUCS #SOHU_MAIN .module-cmt-list .block-cont-gw{border-bottom:1px dashed #c8c8c8!important}.tooltip-left .tooltip{cursor:pointer;height:28px;position:absolute;right:10px;top:-10px;width:28px;z-index:999}.tooltip-left .tooltip:hover a.share-outer{background:#24c1f6}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(.5,.5,1)}to{-webkit-transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tooltip-left .tooltip-content{-webkit-font-smoothing:antialiased;background:rgba(36,193,246,.9);border-radius:20px;bottom:50%;color:#fff;cursor:default;font-size:1.1em;margin-bottom:-10px;opacity:0;pointer-events:none;position:absolute;text-align:center;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;width:200px;z-index:9999}.tooltip-left .tooltip-west .tooltip-content{-webkit-transform:translate3d(0,50%,0) rotate3d(1,1,1,30deg);-webkit-transform-origin:-2em 50%;left:3.5em;transform:translate3d(0,50%,0) rotate3d(1,1,1,30deg);transform-origin:-2em 50%}.tooltip-left .tooltip-east .tooltip-content{-webkit-transform:translate3d(0,50%,0) rotate3d(1,1,1,-30deg);-webkit-transform-origin:calc(100% + 2em) 50%;right:3.5em;transform:translate3d(0,50%,0) rotate3d(1,1,1,-30deg);transform-origin:calc(100% + 2em) 50%}.tooltip-left .tooltip:hover .tooltip-content{-webkit-transform:translate3d(0,50%,0) rotate3d(0,0,0,0);opacity:1;pointer-events:auto;transform:translate3d(0,50%,0) rotate3d(0,0,0,0)}.tooltip-left .tooltip-content:after,.tooltip-left .tooltip-content:before{content:"";position:absolute}.tooltip-left .tooltip-content:before{height:100%;width:3em}.tooltip-left .tooltip-content:after{background:url(fonts/tooltip.svg) no-repeat 50%;background-size:100%;height:2em;margin:-1em 0 0;top:50%;width:2em}.tooltip-left .tooltip-west .tooltip-content:after,.tooltip-left .tooltip-west .tooltip-content:before{right:99%}.tooltip-left .tooltip-east .tooltip-content:after,.tooltip-left .tooltip-east .tooltip-content:before{left:99%}.tooltip-left .tooltip-east .tooltip-content:after{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.tooltip-top .tooltip{display:inline;position:relative;z-index:999}.tooltip-top .tooltip:after{-webkit-transform:translateX(-50%);bottom:100%;content:"";height:20px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:100%}.tooltip-top .tooltip:hover:after{pointer-events:auto}.tooltip-top .tooltip-content{-webkit-font-smoothing:antialiased;background:transparent;bottom:100%;color:#4d4d4d;cursor:default;font-family:Satisfy,cursive;font-size:20px;font-weight:400;left:50%;line-height:1.4;margin:0 0 -10px -185px;opacity:0;padding-bottom:80px;pointer-events:none;position:absolute;text-align:center;transition:opacity .3s .3s;width:370px;z-index:9999}.tooltip-top .tooltip:hover .tooltip-content{opacity:1;pointer-events:auto;transition-delay:0s}.tooltip-top .tooltip-content span{display:block}.tooltip-top .tooltip-text{-webkit-transform:scaleX(0);border-bottom:10px solid #4d4d4d;overflow:hidden;transform:scaleX(0);transition:-webkit-transform .3s .3s;transition:transform .3s .3s;transition:transform .3s .3s,-webkit-transform .3s .3s}.tooltip-top .tooltip:hover .tooltip-text{-webkit-transform:scaleX(1);transform:scaleX(1);transition-delay:0s}.tooltip-top .tooltip-inner{-webkit-transform:translate3d(0,100%,0);background:rgba(36,193,246,.9);padding:40px;transform:translate3d(0,100%,0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;webkit-transition:-webkit-transform .3s}.tooltip-top .tooltip:hover .tooltip-inner{-webkit-transform:translateZ(0);transform:translateZ(0);transition-delay:.3s}.tooltip-top .tooltip-content:after{border:10px solid transparent;border-top-color:#4d4d4d;content:"";height:0;left:50%;margin-left:-10px;pointer-events:none;position:absolute;width:0}#footer{bottom:30px;font-family:Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;font-size:12px;opacity:.6;position:absolute;text-align:center;text-shadow:0 1px #fff;width:100%}#footer .outer{padding:0 30px}.footer-left{float:left}.footer-right{float:right}.footer-right p{float:right;font-weight:700;margin-left:15px}@media screen and (max-width:800px){#container,body,html{height:auto;overflow-x:hidden;overflow-y:auto}#mobile-nav{display:block}.body-wrap{margin-bottom:0}.left-col{display:none}.mid-col{left:0}#header .header-nav,.mid-col{position:relative}.cloud-tie-wrapper{min-height:20px;padding:0}.tools-col{left:-300px;width:300px}.tools-col .tools-wrap{padding-top:48px}.tools-col .tools-section,.tools-col .tools-wrap{width:300px}.tools-col .tools-section .search-wrap,.tools-col .tools-wrap .search-wrap{width:280px}.tools-col .tools-section .search-tag.tagcloud,.tools-col .tools-wrap .search-tag.tagcloud{margin-right:-30px}.tools-col .tools-section .search-ul .search-li,.tools-col .tools-wrap .search-ul .search-li{padding:5px 20px}.tools-col.show .header-menu.tools-nav{display:block}#container .header-author.fixed{color:#ddd;position:fixed;top:-29px;width:100%}.mobile-mask{background:rgba(0,0,0,.85);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.btnctn{height:50px;position:fixed;top:-5px;width:50px;z-index:4}.btnctn .slider-trigger{height:42px;line-height:50px;position:absolute;text-align:center;width:42px;z-index:101}.btnctn .slider-trigger.back{left:0;top:0}.btnctn .slider-trigger.list{bottom:0;left:0}.btnctn .slider-trigger:hover{background:#444}.btnctn .slider-trigger .icon{color:#fff;font-size:24px}.article-header{border-bottom:1px dotted #ddd;border-left:none;padding:0}.article-header h1{margin-bottom:10px}.article-header .archive-article-date{float:none}.header-subtitle .icon{color:#d0d0d0;margin:0 10px}.article-info-index.article-info{border-top:1px solid #ddd;margin:0;min-height:40px;padding-top:10px}.article-info-post.article-info{border:none;margin:0;padding-top:10px}#viewer-box .viewer-box-l{font-size:14px}.article-nav-link-wrap{clear:both;display:block;margin:5px 0}.article-nav-link-wrap .icon-circle-right{float:left;margin:6px 4px 0 0}.article{border:0;color:#555;font-size:16px;margin:10px 0;padding:10px}.article .article-more-link{margin:0}.article .article-entry{padding:10px 0 30px}.article .article-inner h1.article-title,.article .article-title{display:block;font-size:18px;font-weight:300;margin:0}.article .article-meta{height:30px;margin-top:-5px;position:ralative;width:auto}.article .article-meta .article-date{background:none;border-radius:0;color:#666;font-size:12px;height:auto;margin:0 0 0 10px;padding:0;text-align:left;width:100%}.article .article-meta .article-date time{float:right;margin-right:10px;width:auto}.article .article-meta .article-tag-list{margin-top:7px;position:absolute;right:10px;top:0}.article .article-meta .article-tag-list:before{float:left;left:0;margin-top:1px}.article .article-meta .article-tag-list .article-tag-list-item{float:left;max-width:83px;padding-left:0;width:auto}.article .article-meta .article-category{margin-top:7px;position:absolute;right:10px;top:-30px}.article .article-meta .article-category:before{float:left;left:15px;margin-top:1px}.article .article-meta .article-category .article-category-link{max-width:83px;padding-left:10px;width:auto}.article #article-nav-older{display:block;float:none}.share{padding:3px 10px}#disqus_thread{padding:0 13px}#article-nav{margin:0;padding:5px 10px 10px}#article-nav #article-nav-older{float:none}#article-nav .article-nav-link-wrap .article-nav-title{font-size:16px}#page-nav .extend{opacity:1}.instagram .open-ins{color:#aaa;left:2px;top:-30px}.info-on-right{float:none}.archives-wrap{margin:10px 10px 0;padding:10px}.archives-wrap .archive-article-title{font-size:16px}.archives-wrap .archive-year-wrap{padding:0;position:relative}.archives-wrap .archive-year-wrap a{padding:0}.archives-wrap .article-meta .archive-article-date{font-size:12px;margin-right:10px;margin-top:-5px}.archives-wrap .article-meta .article-tag-list-link{font-size:12px}.archives .archive-article{margin-left:0;padding:10px 0}#footer{bottom:0;position:relative}#footer .footer-left{float:none;margin-bottom:10px}#footer .footer-right{float:none}#mobile-nav .header-author{color:#424242;margin:0;position:relative;z-index:2}#mobile-nav .overlay{background:#4d4d4d;height:100px;position:absolute;width:100%;z-index:2}#mobile-nav #header{padding:10px 0 0}#mobile-nav #header .profilepic{display:block;position:relative;z-index:100}.header-menu{height:auto;margin:10px 0 20px}.header-menu.tools-nav{display:none;left:0;position:fixed;width:100%;z-index:9999}.header-menu.tools-nav ul{margin-right:28px}.header-menu.tools-nav li,.header-menu.tools-nav ul{border-color:#fff}.header-menu.tools-nav li a,.header-menu.tools-nav ul a{color:#fff}.header-menu.tools-nav li a.active,.header-menu.tools-nav ul a.active{background:#81b5cc}.header-menu ul{align-items:center;border:1px solid #a0a0a0;border-radius:3px;cursor:default;display:flex;justify-content:space-around;margin:0 auto;position:relative;text-align:center;z-index:1}.header-menu li{border-left:1px solid #a0a0a0}.header-menu li:first-child{border-left:0}.header-menu li:last-child{border-right:0}.header-menu li a{color:#a0a0a0;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-menu li a.active{background:#a0a0a0;color:#eaeaea}.profilepic{-webkit-box-align:center;-webkit-box-pack:center;-webkit-transition:all .2s ease-in;background:#eaeaea;border:5px solid #eaeaea;border-radius:300px;display:block;display:-webkit-box;height:108px;margin:0 auto;overflow:hidden;position:relative;text-align:center;top:20px;width:108px}.profilepic img{-webkit-animation-direction:alternate;-webkit-animation-duration:2s;-webkit-animation-fill-mode:both;-webkit-animation-iteration-count:infinite;-webkit-animation-name:ticktock;-webkit-animation-play-state:running;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-transform-origin:50% -70%;animation-direction:alternate;animation-duration:2s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:ticktock;animation-play-state:running;animation-timing-function:cubic-bezier(.645,.045,.355,1);transform-origin:50% -70%}.header-author{font-family:Roboto,serif;font-size:30px;margin:.67em 0;text-align:center;transition:.3s}.header-subtitle{-webkit-line-clamp:2;color:#999;font-size:14px;line-height:25px;overflow:hidden;padding:0 24px;text-align:center;text-overflow:ellipsis}}