common.css

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;-webkit-font-smoothing:antialiased}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a{outline:0;text-decoration:none;color:#4285f4}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;outline:none;border-width:0}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.fn-flex{display:flex}.fn-flex-center{display:inline-flex;align-items:center}.fn-flex-1{flex:1;min-width:1px}.fn-center{align-self:center}.fn-pointer{cursor:pointer}.fn-relative{position:relative}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-hidden{visibility:hidden}.fn-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.fn-level0{color:rgba(0,0,0,0.38)}.fn-level1{color:#ffcc00}.fn-level2{color:#ffc1cc}.fn-level3{color:#ff6633}.fn-level4{color:#3b3e43}.ft-13{font-size:13px}.ft-12{font-size:12px}.ft-12 svg{height:10px;width:10px}.ft-gray{color:rgba(0,0,0,0.54)}.ft-fade{color:rgba(0,0,0,0.38)}.ft-danger{color:#d23f31}.ft-info{color:#4285f4}.ft-success{color:#569e3d}.ft-a-title{color:#616161;text-decoration:none}.ft-a-title:hover{color:#3b3e43}.ft-center{text-align:center}.ft-nowrap{white-space:nowrap}.ft-break{word-break:break-all}.ft-right{text-align:right}.pipe-form table{width:100%}.pipe-form input[type=text],.pipe-form input[type=datetime],.pipe-form input[type=datetime-local],.pipe-form input[type=password],.pipe-form input[type=number],.pipe-form select,.pipe-form textarea{border:1px solid #d1d5da;background-color:#FAFAFA;border-radius:3px;box-shadow:inset 0 1px 2px rgba(27,31,35,0.075);padding:7px 8px;width:100%;line-height:17px;box-sizing:border-box}.pipe-form input[type=text]:focus,.pipe-form input[type=datetime]:focus,.pipe-form input[type=datetime-local]:focus,.pipe-form input[type=password]:focus,.pipe-form input[type=number]:focus,.pipe-form select:focus,.pipe-form textarea:focus{background-color:#FFF;box-shadow:inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em #dbedff;border:1px solid #4285f4}.pipe-form label{color:#616161;font-size:15px;margin:10px 0 5px;float:left}.pipe-btn{cursor:pointer;color:#3b3e43;border-radius:3px;padding:6px 12px;background-color:rgba(0,0,0,0.02);border:1px solid #D5D5D5;border-bottom-color:#E1E1E1;box-sizing:border-box;line-height:19px;white-space:nowrap}.pipe-btn svg{margin-top:2px}.pipe-btn:disabled,.pipe-btn--disabled{cursor:not-allowed;opacity:0.3}.pipe-btn:hover{text-decoration:none;border-color:rgba(0,0,0,0.38);background-color:#eee}.pipe-btn:active{box-shadow:0 2px 4px rgba(0,0,0,0.25) inset}.pipe-btn--success{color:#fff;background-color:#60b044;border-color:#60b044}.pipe-btn--success:hover{border-color:#569e3d;background-color:#569e3d}.pipe-btn--danger{color:#d23f31}.pipe-btn--danger:hover{color:#FFF;border-color:#d23f31;background-color:#d23f31}.pipe-btn--space{margin-left:10px}.pipe-content__reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-all}.pipe-content__reset ul,.pipe-content__reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.pipe-content__reset li{margin-top:0.25em}.pipe-content__reset img{cursor:zoom-in;background-image:url("");background-color:rgba(0,0,0,0.02);background-size:cover;background-repeat:no-repeat;background-position:center center}.pipe-content__reset img.emoji{cursor:auto}.pipe-content__reset h1,.pipe-content__reset h2,.pipe-content__reset h3,.pipe-content__reset h4,.pipe-content__reset h5,.pipe-content__reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.pipe-content__reset h1{padding-bottom:0.3em;font-size:2em;border-bottom:1px solid #eee}.pipe-content__reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.pipe-content__reset h3{font-size:1.25em}.pipe-content__reset h4{font-size:1em}.pipe-content__reset h5{font-size:0.875em}.pipe-content__reset h6{font-size:0.85em}.pipe-content__reset hr{height:0.25em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.pipe-content__reset p{margin-top:0;margin-bottom:16px}.pipe-content__reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin-bottom:16px}.pipe-content__reset blockquote p{margin:0}.pipe-content__reset iframe{border:1px solid rgba(0,0,0,0.38)}.pipe-content__reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.pipe-content__reset thead{text-align:center}.pipe-content__reset td,.pipe-content__reset th{height:35px;border:1px solid #dedede;padding:0 10px}.pipe-content__reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.pipe-content__reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.pipe-content__reset tr:hover{background:#efefef}.pipe-content__reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(252,41,41,0.12);border-radius:3px;color:#3b3e43;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.pipe-content__reset pre{position:relative}.pipe-content__reset pre:hover>.pipe-code__copy{display:block}.pipe-content__reset pre>textarea{position:absolute;left:-100000px}.pipe-content__reset pre>.pipe-code__copy{position:absolute;top:5px;background-color:#3b3e43;right:5px;display:none;cursor:pointer;padding:0 7px;color:#fff;border-radius:3px}.pipe-content__reset pre>code{padding:0.5em;color:#3b3e43;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.pipe-content__reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.pipe-content__reset li.task-list-item{list-style:none}.pipe-content__reset li.task-list-item>input{margin-left:-2em;vertical-align:middle}.pipe-preview__img{width:100%;height:100%;top:0;z-index:300;overflow:auto;cursor:zoom-out;transition:background-color .2s ease-in-out}.pipe-preview__img img{max-width:inherit;transition:transform .3s ease-in-out}.pipe-tooltipped{position:relative;cursor:pointer}.pipe-tooltipped::after{position:absolute;z-index:1000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.pipe-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.pipe-tooltipped:hover::before,.pipe-tooltipped:hover::after,.pipe-tooltipped:active::before,.pipe-tooltipped:active::after,.pipe-tooltipped:focus::before,.pipe-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.pipe-tooltipped--s::after,.pipe-tooltipped--se::after,.pipe-tooltipped--sw::after{top:100%;right:50%;margin-top:5px}.pipe-tooltipped--s::before,.pipe-tooltipped--se::before,.pipe-tooltipped--sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.pipe-tooltipped--se::after{right:auto;left:50%;margin-left:-15px}.pipe-tooltipped--sw::after{margin-right:-15px}.pipe-tooltipped--n::after,.pipe-tooltipped--ne::after,.pipe-tooltipped--nw::after{right:50%;bottom:100%;margin-bottom:5px}.pipe-tooltipped--n::before,.pipe-tooltipped--ne::before,.pipe-tooltipped--nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.pipe-tooltipped--ne::after{right:auto;left:50%;margin-left:-15px}.pipe-tooltipped--nw::after{margin-right:-15px}.pipe-tooltipped--s::after,.pipe-tooltipped--n::after{transform:translateX(50%)}.pipe-tooltipped--w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.pipe-tooltipped--w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.pipe-tooltipped--e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.pipe-tooltipped--e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.pipe-comment__null{cursor:pointer;transition:all 0.15s ease-in-out;text-align:center}.pipe-comment__null:hover{color:rgba(0,0,0,0.54)}.pipe-comment__header{margin-bottom:20px}.pipe-comment__pagination{margin-top:20px;border-top:1px solid rgba(0,0,0,0.06);padding-top:20px}.pipe-comment__pagination .pipe-comment__btn{display:inline-block}.pipe-comment__pagination a.pipe-comment__btn{padding:5px 10px 5px 0}.pipe-comment__item{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,0.06)}.pipe-comment__item:hover .pipe-comment__btn{display:inline-block}.pipe-comment__avatar{position:absolute;border:2px solid #fff;height:57px;width:57px;border-radius:50%;display:inline-block;z-index:10;background-image:url("../../../images/image-bg.svg");background-color:rgba(0,0,0,0.02);background-size:cover;background-repeat:no-repeat;background-position:center center}.pipe-comment__avatar:hover{border-color:rgba(0,0,0,0.06)}.pipe-comment__body{padding-left:81px}.pipe-comment__body>.fn-clear{line-height:28px}.pipe-comment__chevron-down{transform:rotate(180deg)}.pipe-comment__reply-icon{line-height:18px;display:block}.pipe-comment__reply-icon:hover{opacity:.8}.pipe-comment__reply-icon svg{float:left;margin:4px 5px 0 0;transition:all 0.15s ease-in-out}.pipe-comment__reply{margin-top:20px;position:relative}.pipe-comment__btn{cursor:pointer;color:#3b3e43;display:none;transition:all 0.15s ease-in-out;font-size:14px;line-height:18px;padding:5px 0 5px 10px}.pipe-comment__btn--danger{color:#d23f31}.pipe-comment__btn svg{margin:2px 5px 0 0;float:left}.pipe-comment__btn:hover{text-decoration:none;opacity:0.8}.pipe-comment__btn--none{display:none !important}#pipeCommentBottomComment{padding:5px 0 5px 10px}.pipe-editor{position:fixed;bottom:-300px;width:100%;opacity:0;background-color:#f1f7fe;padding:20px 0;transition:all 0.15s ease-in-out;z-index:100;left:0}.pipe-editor__wrap{max-width:768px;margin:0 auto;padding:0 10px}.pipe-editor #pipeEditorComment{margin-bottom:15px}.pipe-editor #pipeEditorReplyTarget{line-height:23px;padding:5px 10px 5px 0}@media (max-width: 768px){.pipe-comment__avatar{height:26px;width:26px}.pipe-comment__body{padding-left:36px}.pipe-comment__btn{display:inline-block;padding:5px 10px 5px 0}.pipe-comment__body>.fn-clear>.fn-right{float:none}}#nprogress{pointer-events:none}#nprogress .bar{background:#4285f4;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}.b3log-editor{position:relative;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,0.05);display:flex;flex-direction:column}.b3log-editor--fullscreen{position:fixed;top:0;width:100%;left:0;height:100% !important;z-index:90}.b3log-editor__toolbar{line-height:34px;display:flex;border-bottom:1px solid rgba(128,128,128,0.06)}.b3log-editor__toolbar::-webkit-scrollbar{display:none}.b3log-editor__toolbar>span,.b3log-editor__toolbar>a{text-align:center;display:inline-block;cursor:pointer;border-bottom:0}.b3log-editor__toolbar>span svg,.b3log-editor__toolbar>a svg{color:#616161;float:left;margin:10px 8px}.b3log-editor__toolbar>span:hover svg,.b3log-editor__toolbar>span.b3log-editor__icon--current svg,.b3log-editor__toolbar>a:hover svg,.b3log-editor__toolbar>a.b3log-editor__icon--current svg{color:#4285f4}.b3log-editor__toolbar label{overflow:hidden;position:relative;height:34px;width:30px;display:block}.b3log-editor__toolbar label input{position:absolute;width:1px;opacity:0.001;height:16px;overflow:hidden}.b3log-editor__content{display:flex;min-height:60px;flex:1}.b3log-editor__textarea,.b3log-editor__markdown{flex:1}.b3log-editor__markdown{overflow:auto;padding:10px;background-color:#f6f6f6;box-shadow:inset 1px 0 rgba(128,128,128,0.06)}.b3log-editor__textarea{background-color:#fcfcfc}.b3log-editor__textarea textarea{border:0;resize:none;width:100%;box-sizing:border-box;outline:0 none;font-size:15px;padding:10px;height:100%;font-family:Courier, Menlo, "Helvetica Neue", "Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;line-height:18px;color:#3b3e43}.b3log-editor__textarea textarea::placeholder{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.b3log-editor__hints{background-color:#fff;line-height:21px;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1}.b3log-editor__hints li{list-style:none;padding:0 10px;border-bottom:1px solid #eee;display:block;text-shadow:0 1px 0 #fff;color:#616161;line-height:30px;cursor:pointer}.b3log-editor__hints li:hover,.b3log-editor__hints li.b3log-editor__hints--current{background-color:#4285f4;color:#fff;text-shadow:none}.b3log-editor__hints li:last-child{border-bottom:0}.b3log-editor__hints img{height:20px;width:20px;float:left;margin:5px 5px 0 0;cursor:pointer}.b3log-editor__emoji{display:none;padding:5px 0 5px 5px;top:28px;left:5px;max-width:300px;background-color:#fff;line-height:21px;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px}.b3log-editor__emoji span{cursor:pointer;margin:0 5px 5px 0}.b3log-editor__emoji-tip{text-align:right;padding:0 5px 0 0}.hljs{display:block;overflow-x:auto;padding:0.5em;color:#333;background:#f8f8f8}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:bold}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:#008080}.hljs-string,.hljs-doctag{color:#d14}.hljs-title,.hljs-section,.hljs-selector-id{color:#900;font-weight:bold}.hljs-subst{font-weight:normal}.hljs-type,.hljs-class .hljs-title{color:#458;font-weight:bold}.hljs-tag,.hljs-name,.hljs-attribute{color:#000080;font-weight:normal}.hljs-regexp,.hljs-link{color:#009926}.hljs-symbol,.hljs-bullet{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}html{background-color:#f5f5f5;font-size:14px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{color:#555;background-color:#fff;letter-spacing:0.01rem;line-height:1.75em;text-rendering:geometricPrecision}::selection{background:#262a30;color:#fff}.pipe-content__reset pre>code{background-image:url(../../../images/code-bg.png)}a{color:#222;border-bottom:1px solid #ccc;transition:all 0.2s ease-in-out}a:hover{text-decoration:none;border-bottom-color:#222}@keyframes up{0%{transform:translateY(40px);opacity:1}100%{opacity:1}}@keyframes down{0%{transform:translateY(-40px);opacity:1}100%{opacity:1}}@keyframes downHalf{0%{transform:translateY(-10px);opacity:1}100%{opacity:1}}@keyframes downBig{0%{transform:translateY(-80px);opacity:1}100%{opacity:1}}.wrapper{max-width:768px;margin:0 auto;padding:0 20px;box-sizing:border-box}.main{position:relative;transition:all 0.2s ease-in-out}.main>.wrapper{animation:downBig .8s forwards;opacity:0}.side{width:320px;right:-320px;top:0;box-shadow:inset 0 2px 6px #000;padding:20px;color:#999;text-align:center;box-sizing:border-box;position:fixed;transition:all 0.2s ease-in-out;bottom:0;background-color:#222;font-size:13px;overflow:auto}.side--active{right:0}.side--active .toc,.side--active .side__logo,.side--active .side__sub-title,.side--active .side__board,.side--active div>a.side__btn,.side--active .side__title,.side--active .side__a,.side--active .side__tab{transform:translateX(0px);opacity:1}.side::-webkit-scrollbar{display:none}.side__logo{transform:translateX(10px);opacity:0;transition:all 1s .3s ease-in-out;display:block;margin:20px auto 0;max-width:96px;height:auto;border:2px solid #333;padding:2px;background-color:#fff}.side__sub-title{transform:translateX(15px);opacity:0;transition:all 1s .35s ease-in-out;margin-top:10px;color:#f5f5f5;font-size:16px}.side__board{transform:translateX(20px);opacity:0;transition:all 1s .4s ease-in-out}.side a{border-bottom-color:#555;color:#999}.side a:hover{color:#eee}.side__a{margin-right:10px;margin-bottom:10px;transform:translateX(35px);opacity:0;transition:all 1s .55s ease-in-out, color .2s ease-in-out;display:inline-block}.side__a:before{display:inline-block;vertical-align:middle;margin-right:3px;content:" ";width:4px;height:4px;border-radius:50%;background:#01e0e7}.side__title{transform:translateX(30px);opacity:0;transition:all 1s .5s ease-in-out;margin-top:20px;color:#f5f5f5}.side a.side__btn{transform:translateX(25px);opacity:0;transition:all 1s .45s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out;color:#fc6423;margin:20px 10px 0 10px;display:inline-block;border:1px solid #fc6423;border-radius:5px;padding:0 10px}.side a.side__btn:hover{background-color:#fc6423;color:#fff}.side__tab{display:inline-block;cursor:pointer;margin-left:40px;border-bottom:2px solid transparent;line-height:30px;font-size:14px;margin-bottom:20px;transition:all 1s .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;font-weight:bold;padding:0 10px;opacity:0;transform:translateX(10px)}.side__tab:hover{color:#eee}.side__tab:first-child{margin-left:0}.side__tab--current{color:#87daff;border-bottom-color:#87daff}.side #sideGist,.side #sideToc{transform:translateY(-20px);opacity:0;transition:all .1s linear}.side #sideGist.current,.side #sideToc.current{transform:translateY(0);opacity:1}.footer{margin-top:80px;padding:40px 0;background:#f5f5f5;color:#666;line-height:24px}.footer .wrapper{animation:up .8s forwards;opacity:0}.sidebar{position:fixed;bottom:64px;width:15px;height:15px;background-color:#222;line-height:0;right:50px;padding:5px;cursor:pointer;z-index:10}.sidebar--header{position:inherit;display:none;float:right;background-color:transparent;transform:scale(1.5)}.sidebar--header .sidebar__line{background-color:#555}.sidebar__line{position:relative;vertical-align:top;height:2px;width:100%;background-color:#fff;margin-top:4px;display:block;transition:all 0.2s ease-in-out}.sidebar__line:first-child{margin-top:0}.sidebar:hover .sidebar__line--first{width:50%;transform:rotateZ(-45deg);top:3px}.sidebar:hover .sidebar__line--middle{width:90%}.sidebar:hover .sidebar__line--last{width:50%;transform:rotateZ(45deg);top:-3px}.sidebar--active .sidebar__line--first,.sidebar--active:hover .sidebar__line--first{width:100%;transform:rotateZ(-45deg);top:6px}.sidebar--active .sidebar__line--middle,.sidebar--active:hover .sidebar__line--middle{opacity:0}.sidebar--active .sidebar__line--last,.sidebar--active:hover .sidebar__line--last{width:100%;transform:rotateZ(45deg);top:-6px}.sidebar--toc .sidebar__line{background-color:#87daff}.top__btn{position:fixed;bottom:-25px;opacity:0;width:15px;height:15px;background-color:#222;line-height:0;right:50px;padding:5px;cursor:pointer;z-index:10;transition:all 0.2s ease-in-out}.top__btn svg{color:#fff}@keyframes logoLine{0%{width:0}100%{width:70%}}@keyframes logoLineHover{0%{width:70%}100%{width:0}}.header{background:#f5f5f5;margin-bottom:80px;padding:40px 0 20px}.header__logo{position:relative;font-size:22px;font-weight:bolder;border-bottom-width:0;color:#222;float:left;margin-bottom:20px}.header__logo div{opacity:0;animation:downHalf .4s .8s forwards}.header__logo:before,.header__logo:after{content:'';position:absolute;height:2px;background-color:#222;left:15%;top:-10px;animation:logoLine .8s forwards}.header__logo:after{top:auto;left:auto;right:15%;bottom:-10px}.header__logo:hover:before,.header__logo:hover:after{animation:logoLineHover .8s forwards}.header nav{animation:down .8s forwards;float:right;opacity:0}.header nav img{height:16px;width:16px}.header nav a{padding:5px 8px;border:none;transition-property:background;margin-left:5px}.header nav a:hover{background-color:#e1e1e1}.header nav a svg{vertical-align:-2px;color:#555}.article__item{margin-bottom:80px}.article__header{margin-bottom:10px;line-height:32px}.article__header .avatar{height:20px;width:20px;float:left;background-image:url("../../../images/image-bg.svg");background-color:rgba(0,0,0,0.02);background-size:cover;background-repeat:no-repeat;background-position:center center;border-bottom:0;margin:2px 5px 0 0;border-radius:10px}.article__header--center{text-align:center}.article__header--center h2{font-size:28px}.article__header--center .article__meta{margin:10px 0 40px}.article__title{position:relative;color:#555;border-bottom:none;line-height:1.2;font-size:28px}.article__title:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#000;visibility:hidden;transform:scaleX(0);transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s}.article__title:hover:before{visibility:visible;transform:scaleX(1)}.article__title svg{height:24px;width:24px;float:left;margin:5px 5px 0 0}.article__meta{margin:5px 0 20px 0;color:#999;font-size:12px}.article__thumb{display:block;height:180px;width:100%;background-image:url("../../../images/image-bg.svg");background-color:rgba(0,0,0,0.02);background-size:cover;background-repeat:no-repeat;background-position:center center;border-bottom:0;margin-bottom:10px}.article__footer{margin-top:20px}.article__read{padding:0;font-size:16px;color:#666;border-bottom:2px solid #666;transition:all 0.2s ease-in-out}.article__read:hover{color:#222}.article__edit{color:#666;border-bottom-width:0;margin-top:2px;cursor:pointer}.article__edit:hover{color:#222}.article__share{display:inline-block;position:relative}.article__share svg{height:16px;width:16px}.article__code{display:none;position:absolute;top:16px;left:-12px;height:128px;width:128px}.article__neighbor{margin-top:80px;border-top:1px solid #eee;padding-top:10px}.article__neighbor a{border-bottom:0;color:#555}.article__neighbor a:hover{color:#222}.article__neighbor a svg{vertical-align:text-top}.article__relevant{margin:80px 0 -80px;background-color:#f5f5f5;border-bottom:1px solid #eee;padding:40px}.article__relevant .relevant__panel{overflow:auto;word-break:keep-all;word-wrap:normal;white-space:nowrap}.article__relevant .relevant__panel::-webkit-scrollbar{display:none}.article__relevant .relevant__panel a{border-bottom:0}.article__relevant .relevant__panel a:hover{color:#333}.article__relevant .relevant__item{width:260px;box-shadow:0 1px 7px rgba(0,0,0,0.05);display:inline-block;overflow:hidden;background-color:#fff;padding:10px;margin-right:20px}.article__relevant .relevant__item .avatar{height:20px;width:20px;float:left;border-radius:10px;margin:2px 5px 0 0;background-image:url("../../../images/image-bg.svg");background-color:rgba(0,0,0,0.02);background-size:cover;background-repeat:no-repeat;background-position:center center}.article__relevant .relevant__title{font-size:18px;display:block;margin-bottom:5px}.article__relevant .relevant__title:hover{color:#555}.article__relevant .relevant__thumbnail{height:90px;margin:-10px -10px 10px -10px;background-image:url("../../../images/image-bg.svg");background-color:rgba(0,0,0,0.02);background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;transition:all 0.2s ease-in-out}.article__relevant .relevant__thumbnail:hover{transform:scale(1.2)}.pagination{font-size:16px;border-top:1px solid #eee}.pagination__item{text-align:center;border-bottom:0;border-top:1px solid #eee;transition-property:border-color;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s;display:inline-block;position:relative;top:-1px;margin:0 10px;padding:0 10px;line-height:30px}.pagination__item:hover{border-top-color:#222}.pagination__item--active{color:#fff;background:#ccc;border-top-color:#ccc}.pagination__item--active:hover{border-top-color:#ccc}.pagination__item:first-child{margin-left:0}.pagination__item:last-child{margin-right:0}.pagination__omit{top:-5px;margin:0;border:0;padding:0;color:#ccc}#pipeComments a{border-bottom:0}#pipeComments a:hover{text-decoration:underline}.toc{font-size:14px;text-align:left;transform:translateX(20px);transition:all 1s .3s ease-in-out;opacity:0}.toc li{list-style:none}.toc .toc__h1{padding-left:20px}.toc .toc__h2{padding-left:40px}.toc .toc__h3{padding-left:60px}.toc .toc__h4{padding-left:80px}.toc .toc__h5{padding-left:100px}.toc__item--active a,.toc__item--active a:hover{color:#87daff}.page{position:relative}.page .tag{margin-top:10px}.page:before{position:absolute;content:"";height:100%;width:4px;top:8px;left:16px;background-color:#f5f5f5}.page__articles{margin-bottom:40px;text-align:center}.page__title{position:relative;padding-left:40px;margin-bottom:40px}.page__title:before{content:"";position:absolute;top:7px;left:-8px;width:10px;height:10px;opacity:.5;background:#555;border:1px solid #fff;border-radius:50%}.page__item{transition:all 0.2s ease-in-out;display:block;padding:20px 0 20px 40px;border-bottom:1px dashed #ccc;position:relative;color:#666}.page__item:before{content:"";position:absolute;top:29px;left:-6px;width:6px;height:6px;opacity:.5;background:#bbb;border:1px solid #fff;border-radius:50%}.author{padding:0 0 30px 30px}.author__item{float:left;height:265px;width:202px;border-radius:4px;margin:30px 30px 0 0;text-align:center;color:#555;box-shadow:rgba(0,0,0,0.05) 0px 1px 7px;line-height:18px;border-bottom:0}.author__item:hover{text-decoration:none;color:#222}.author__item:hover .avatar{transform:scale(1.2)}.author__header{height:202px;overflow:hidden}.author__header .avatar{background-image:url("../../../images/image-bg.svg");background-color:rgba(0,0,0,0.02);background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all .4s linear;border-radius:0;width:100%;height:100%}.author__name{font-size:16px;margin:13px 0 3px}#tags .tag{margin-bottom:10px}.tag{padding:1px 5px;background:#f5f5f5;border-bottom:none;margin-right:10px;font-size:13px;display:inline-block;line-height:initial}.tag:hover{background:#ccc}.tag__level0{font-size:12px;color:rgba(0,0,0,0.38)}.tag__level1{font-size:16px;color:rgba(0,0,0,0.54)}.tag__level2{font-size:21px;color:#6f6f6f}.tag__level3{font-size:24px;color:#3b3e43}.tag__level4{font-size:30px;color:#000}@media (max-width: 768px){.header{padding:20px 0 0;margin-bottom:20px}.header nav{display:none;transition:all 0.2s ease-in-out;width:100%;border-top:1px solid #ddd;margin-top:23px}.header nav a{display:block}.header__logo{font-size:20px}.header .sidebar--header{display:block}.footer{margin-top:20px;padding:20px 0}.footer .fn-right{float:none}.article__relevant .relevant__panel{white-space:initial}.article__relevant .relevant__panel .relevant__item{width:100%;box-sizing:border-box;margin-right:0;margin-bottom:10px}.article__relevant{padding:20px;margin:20px 0px -20px}.article__header--center h2,.article__title{font-size:18px}.article__footer>.article__actions{float:none;margin-top:10px;text-align:right;padding-top:10px}.author{padding:0}.author__item{width:100%;margin:0 0 20px 0}.side{width:100%;right:-100%}.side--active{right:0}.sidebar,.top__btn{right:20px}.page__articles{margin-bottom:20px}.page__item--li{padding:10px 0 10px 40px}.page__title{margin-bottom:0}.pagination__item{margin:0;float:left}}