/*!normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}html,body,main,div,span,a,li,ul,hr,h1,h2,h3,h4{padding:0;margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{background:#000}html{font-family:josefin sans,-apple-system,BlinkMacSystemFont,helvetica neue,pingfang sc,hiragino sans gb,STHeiti,microsoft yahei,wenquanyi micro hei,Arial,Verdana,sans-serif}body{font-size:11pt;font-weight:400;background-color:#fefefe;color:#747367}a{color:#5677ba;text-decoration:none}a:hover{color:#5677ba;text-decoration:none}.wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%}.main{flex:1 0 auto}.container{padding-left:1em;padding-right:1em}.notfound{font-size:2em;transform:translateY(35vh);text-align:center}.hidden-title{padding-top:0!important}*{box-sizing:border-box}.full-page{padding-bottom:130px}.full-page .post-content>p{text-align:justify}@media only screen and (max-width:768px){a{word-break:break-all}.full-page{padding:10px 20px 120px}}.intro{transform:translateY(25vh);text-align:center}.intro .avatar{padding:10px}.intro .avatar img{width:128px;height:auto;display:inline-block;-webkit-border-radius:100%;border-radius:100%;-webkit-box-shadow:0 0 0 .3618em rgba(0,0,0,.05);box-shadow:0 0 0 .3618em rgba(0,0,0,.05);margin:0 auto;-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s;cursor:pointer}.intro .avatar img:hover{position:relative;-webkit-transform:translateY(-0.75em);-moz-transform:translateY(-0.75em);-ms-transform:translateY(-0.75em);-o-transform:translateY(-0.75em);transform:translateY(-0.75em);cursor:pointer}h2.description{font-size:1em;font-weight:400;padding:5px}.social-links a{padding:0 5px}.social-links a:hover{background-color:transparent}.social-links .iconfont{font-size:2em}.post-warp{position:relative;width:100%;max-width:780px;margin:0 auto;padding-top:2rem}@media only screen and (max-width:768px){.post-warp{max-width:500px}}.post-warp .post-header h1{margin:0!important}.post-warp .post-title{font-size:2em;line-height:1.5em}.post-warp .post-meta{color:rgba(85,85,85,.52941)!important}.post-warp .post-meta a{color:#5677ba}.post-warp .post-meta a:hover{color:#5677ba}.post-warp .post-content{padding-top:2rem}.post-warp .post-content h2,.post-warp .post-content h3,.post-warp .post-content h4,.post-warp .post-content h5,.post-warp .post-content h6{padding-top:.8em;padding-bottom:.3em}.post-warp .post-content h2::before{content:"#";margin-right:5px;color:#5677ba}.post-warp .post-content h3::before{content:"|";margin-right:5px;color:#5677ba}.post-warp .post-content a{color:#5677ba}.post-warp .post-content a:hover{color:#5677ba}.post-warp .post-content code,.post-warp .post-content pre{padding:7px;font-size:13px;font-family:Consolas,Monaco,Menlo,Consolas,monospace;word-break:break-all;word-wrap:break-word}.post-warp .post-content code:not([class]){padding:5px;background:#fff;border:1px solid #ddd;box-shadow:1px 1px 0 #fff,2px 2px 0 #ddd;margin-left:3px;margin-right:3px}.post-warp .post-content ul{padding-left:2em}.post-warp .post-content table{max-width:100%;margin:10px 0;border-spacing:0;box-shadow:2px 2px 3px rgba(0,0,0,.125)}.post-warp .post-content table th,.post-warp .post-content table td{padding:5px 15px;border:1px double #ebe9f5}.post-warp .post-content figure{text-align:center}.post-warp .post-content figure img:hover{cursor:zoom-in}.post-warp .post-content .image-caption:not(:empty){min-width:20%;max-width:80%;display:inline-block;padding:10px;margin:0 auto;border-bottom:1px solid #d9d9d9;font-size:14px;color:#969696;line-height:1.7}.post-warp .post-content img{display:block;max-width:80%;height:auto;margin:0 auto;overflow:hidden}.post-warp .post-content img[data-action=zoom]{cursor:zoom-in}.post-warp .post-content .featured_image{width:100%!important;max-width:100%!important;height:auto!important;margin:0!important}.post-warp p{font-size:1em;margin:.5em 0}.post-warp .post-copyright{margin-top:5rem;border-top:1px solid #393939;border-bottom:1px solid #393939}.post-warp .post-copyright .copyright-item{margin:5px 0}.post-warp .post-copyright .lincese{font-weight:700}.post-warp .post-tags{padding:1rem 0;display:flex;justify-content:space-between}.post-warp .post-nav:before,.post-warp .post-nav:after{content:" ";display:table}.post-warp .post-nav a.prev,.post-warp .post-nav a.next{font-weight:600;font-size:16px;transition-property:transform;transition-timing-function:ease-out;transition-duration:.3s}.post-warp .post-nav a.prev{float:left}.post-warp .post-nav a.prev:hover{transform:translateX(-4px)}.post-warp .post-nav a.next{float:right}.post-warp .post-nav a.next:hover{transform:translateX(4px)}.post-warp .tag:not(:last-child) a::after{content:" / "}.post-warp .post-comment{padding:3em 0}.footer{font-size:.8rem;width:100%;text-align:center;line-height:1.5rem}.footer>div{min-height:5vh}.footer>div:nth-child(1){background-color:#403f38}.footer>div:nth-child(2){background-color:#55544b}.footer>div:nth-child(3){color:#403f38;background-color:#747367}.footer>div:nth-child(4){background-color:#191916;min-height:0}.footer a{text-shadow:0 1px 1px rgba(0,0,0,.3)}.footer a:hover{color:#00aced}.pagination{display:flex;flex-direction:row;justify-content:center;list-style:none;white-space:nowrap;width:100%;padding-top:2em}.pagination a{-webkit-font-smoothing:antialiased;font-size:12px;color:#bfbfbf;letter-spacing:.1em;font-weight:700;padding:5px;text-decoration:none;transition:.3s}.pagination li{padding-bottom:3px;margin:0 20px;box-sizing:border-box;position:relative;display:inline}.pagination li.disabled{display:none}.pagination li:hover a{color:#5677ba}.pagination li:before,.pagination li:after{position:absolute;content:"";width:0;height:3px;background:#5677ba;transition:.3s;bottom:0}.pagination li:before .active,.pagination li:after .active{width:100%}.pagination li:before{left:50%}.pagination li:after{right:50%}.pagination li:hover:before,.pagination li:hover:after{width:50%}.pagination li.active a{color:#5677ba}.pagination li.active:before,.pagination li.active:after{width:60%}/*!Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify*/.prettyprint{background:#2d2d2d;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#ccc}ol.linenums{margin-top:0;margin-bottom:0;color:#999}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#2d2d2d;list-style-type:decimal}@media screen{.str{color:#9c9}.kwd{color:#c9c}.com{color:#999}.typ{color:#69c}.lit{color:#f99157}.pun,.opn,.clo{color:#ccc}.tag{color:#f2777a}.atn{color:#f99157}.atv{color:#6cc}.dec{color:#f99157}.var{color:#f2777a}.fun{color:#69c}}@media only screen and (min-device-width:320px) and (max-device-width:480px){.navbar{display:none}.navbar-mobile{display:block!important;position:fixed;width:100%;z-index:100;transition:all .6s ease 0s}.navbar-mobile .container{padding:0;margin:0;background:#fefefe}.navbar-mobile .container .navbar-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:1em;padding-right:1em;padding-left:1em;box-sizing:border-box}.navbar-mobile .container .menu{display:none}#dynamic-to-top{display:none!important}.post-warp{padding-top:6em}.post-warp .archive-item-date{display:none}.post-warp .categories-card .card-item{width:95%}}@media only screen and (min-width:1224px){.navbar-mobile{display:none}}@media only screen and (min-width:1824px){}.title>div:nth-child(1){height:90vh;display:flex;justify-content:center}.title>div:nth-child(1)>img{align-self:center;height:30vh}.title>div:nth-child(2){line-height:normal;height:10vh;background-color:#5677ba;display:flex;justify-content:center;align-items:center}.title>div:nth-child(2)>span{color:#fff;font-size:2em}@media only screen and (max-width:768px){.title>div:nth-child(1)>img{width:95vw;height:unset}}.outer{display:flex;justify-content:center}.outer .inner{display:flex;width:1e3px}.elements{line-height:normal;place-self:center;padding:10px}.elements>div>div:nth-child(1){display:flex;justify-content:end}.elements>div>div:nth-child(1)>div:nth-child(1){background:#dce2e0;padding:0 .5rem}.elements>div>div:nth-child(1)>div:nth-child(1)>span{text-align:end;width:3.5rem;display:inline-block;position:relative;color:#fff;top:20px;background:#ffca25;font-size:3.5rem;margin:0;padding:0 .2rem 0 0}.elements>div>div:nth-child(1)>div:nth-child(2){font-size:.8rem;color:#222;background:#dce2e0;display:flex;justify-items:center;align-items:center}.elements>div>div:nth-child(2){text-align:end;color:#c9a937;margin-bottom:2rem;font-size:1.7rem}.elements>div:last-child>div:nth-child(2){margin-bottom:0}.elements>div:nth-child(1) span{background-color:#f9eb54!important}.elements>div:nth-child(1)>div:nth-child(2){color:#f9eb54;text-shadow:.5px .5px rgba(0,0,0,.5)}.elements>div:nth-child(2) span{background-color:#fabf7d!important}.elements>div:nth-child(2)>div:nth-child(2){color:#fabf7d}.elements>div:nth-child(3) span{background-color:#f7b49d!important}.elements>div:nth-child(3)>div:nth-child(2){color:#f7b49d}.elements>div:nth-child(4) span{background-color:#bfc6e6!important}.elements>div:nth-child(4)>div:nth-child(2){color:#bfc6e6}.about>div:nth-child(1){min-height:90vh;display:flex}.about>div:nth-child(1)>.inner>div:nth-child(1){display:flex;flex:1;justify-content:center;align-items:center}.about>div:nth-child(1)>.inner>div:nth-child(1) img{width:80%}.about>div:nth-child(1)>.inner>div:nth-child(2){flex:1}.about>div:nth-child(2){line-height:normal;height:10vh;background-color:#5677ba;display:flex;justify-content:center;align-items:center}.about>div:nth-child(2)>div>span{color:#fff;font-size:2em}@media only screen and (max-width:768px){.about>div:nth-child(1){height:unset}.about .inner{flex-direction:column;padding:10px 20px}.about .inner>div:nth-child(1){margin:30px 0 60px 10px}.about .inner>div:nth-child(2){margin:0 0 60px}}.exampleSlot{height:5vh;background:#191916}.examples{background:#191916;display:flex;justify-content:center}.examples>div{width:1e3px;height:600px}@media only screen and (max-width:1000px){.examples>div{width:700px;height:400px}}@media only screen and (max-width:768px){.examples>div{width:100%;height:500px}}.examples>div .slideImg{width:800px;height:600px;background-position:center top;background-size:cover;border-radius:10px 10px 0 0}@media only screen and (max-width:1000px){.examples>div .slideImg{width:500px;height:350px}}@media only screen and (max-width:768px){.examples>div .slideImg{width:95%;height:500px}}.contact{height:20vh;background:#191916;display:flex;justify-content:center;align-items:center}.contact a{display:inline-block;padding:1.6rem 3rem;font-weight:700;font-size:1.5rem;color:#efefef;background-color:#74ad5a;border-bottom:1rem solid #5c8a47;border-top:1px solid #95de73;text-shadow:0 1px 0 #95de73,0 -1px 0 #5c8a47}.contact a:active{background-color:#fff;color:#efefef;background-color:#74ad5a;border-bottom:1px solid #95de73;border-top:1rem solid #5c8a47;text-shadow:0 1px 0 #95de73,0 -1px 0 #5c8a47}.contact a:hover{box-shadow:0 0 20px #95de73}@media only screen and (max-width:400px){.contact a{font-size:1rem;padding:1rem 2rem}}