@charset "UTF-8";:root{--bg-color:#fff;--secondary-bg-color:#eeeeee;--heading-color:#464646;--body-color:rgba(0, 0, 0, 0.7);--post-color:rgba(0, 0, 0, 0.44);--border-color:rgba(0, 0, 0, 0.15);--form-border-color:#9f9f9f;--form-button-hover-border-color:#000;--pre-bg-color:#f9f9fd;--nav-text-color:#5a5a5a;--tag-color:#424242;--blockquote-text-color:#858585;--blockquote-border-color:#dfe2e5;--link-color:#0366d7;--thumbnail-height:15em;scroll-padding-top:100px;--body-max-width:1920px;--sidebar-ratio:calc(1 - var(--content-ratio));--content-max-width:calc(var(--body-max-width) * var(--content-ratio));--sidebar-max-width:calc(var(--body-max-width) - var(--content-max-width));--content-width:calc(var(--content-ratio) * 100%);--sidebar-width:calc(var(--sidebar-ratio) * 100%);--content-ratio:0.6}html[data-theme=dark]{--bg-color:#010408;--secondary-bg-color:rgb(56, 56, 56);--heading-color:#c9d1d9;--body-color:rgb(169, 169, 179);--post-color:rgba(0, 0, 0, 0.44);--border-color:#30363d;--form-border-color:rgb(169, 169, 179);--form-button-hover-border-color:#fff;--pre-bg-color:rgb(33, 33, 45);--nav-text-color:rgb(191, 191, 191);--tag-color:rgb(191, 191, 191);--blockquote-text-color:#808080;--blockquote-border-color:#424242;--link-color:#58a6fe}html{background-color:var(--bg-color);-webkit-font-smoothing:antialiased;font-size:62.5%}body{color:var(--body-color);font-family:pinghei,pingfang sc,helvetica neue,work sans,hiragino sans gb,sans-serif;font-size:1.5rem;width:100%;margin:0 auto;background-color:var(--bg-color)}p{line-height:1.9em;font-weight:400;font-size:1.4rem}a{text-decoration:none;color:var(--link-color)}blockquote{padding:0 1em;border-left:.25em solid var(--blockquote-border-color);color:var(--blockquote-text-color)}.category{padding:4px 6px;border-radius:3px;color:var(--tag-color)!important;background-color:var(--secondary-bg-color);border:1px solid var(--border-color)}.tag::before{content:'#';opacity:.5}.tag,.category{display:inline-block;font-size:1.5rem;line-height:1;margin:5px 8px 5px 0}pre{background-color:var(--pre-bg-color);padding:5px;display:block;overflow-x:auto}.info i{opacity:.5;margin-right:5px}a:link,a:visited{opacity:1}a:hover,a:active{color:var(--link-color)}.animated{transition:top .8s linear;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px)}100%{-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px)}100%{-o-transform:translateY(0)}}@keyframes fadeInDown{0%{transform:translateY(-20px)}100%{transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}.nav__list{margin:0}main{width:var(--content-width)}.content{height:auto;margin-top:80px}header{width:var(--content-width);position:fixed;right:0;z-index:3;background-color:var(--bg-color)}header .nav__list{list-style:none;padding:20px 30px;font-size:1.2rem}header .nav__list li{position:relative;display:initial}header .nav__list a{color:var(--nav-text-color)}header .nav__list a:hover{color:#2660ab}header .nav__list a.current{color:var(--nav-text-color);padding-bottom:22px;border-bottom:1px solid var(--nav-text-color)}.theme-switch{margin-top:-5px;color:var(--nav-text-color);font-size:1.75rem}header .information{float:right;padding-top:12px;padding-right:20px}header .information .avatar{float:right}header .information .avatar img{width:32px;height:32px;border-radius:300px}header .information .back_btn{float:left;padding-top:5px;margin-right:-10px}header .information .back_btn li{display:initial;padding-right:40px}aside{width:var(--sidebar-width)}.sidebar{-webkit-background-size:cover;background-size:cover;background-color:var(--bg-color);height:100%;left:0;z-index:4;border-right:1px solid var(--border-color)}.sidebar .logo-title{top:40%;text-align:center}.sidebar .logo-title .description{font-size:1.4rem;margin:0 1em}.sidebar .logo-title .logo{margin:0 auto}.sidebar .logo-title .title img{width:127px;height:127px;border-radius:50%}.sidebar .logo-title .title h3{text-transform:uppercase;font-size:2.2rem;font-weight:700;letter-spacing:2px;line-height:1;margin:1em}.sidebar .logo-title .title a{text-decoration:none;color:var(--heading-color);font-size:3rem;font-weight:700}.sidebar .social-links{list-style:none;padding:0;font-size:1.4rem;text-align:center}.sidebar .social-links i{margin-right:3px}.sidebar .social-links li{display:inline;padding:0 4px;line-height:0}.sidebar .social-links a{color:var(--heading-color)}.sidebar .social-links a:hover{color:#2660ab}.post{background-color:var(--bg-color);margin:30px}.post .post-title h1{text-transform:uppercase;font-size:3em;letter-spacing:1px;line-height:1}.post .post-title h2{text-transform:uppercase;letter-spacing:1px;font-size:2.6rem;line-height:1;font-weight:600;color:var(--heading-color)}.post .post-title h3{text-transform:uppercase;letter-spacing:1px;line-height:1;font-weight:600;color:var(--heading-color);font-size:2.2rem;margin:0}.post .post-title a{text-decoration:none;letter-spacing:1px;color:var(--heading-color)}.post .post-title a:hover{text-decoration:underline}.post .post-content a{text-decoration:none;letter-spacing:1px;color:#2660ab;overflow-wrap:break-word;word-wrap:break-word}.post .post-content a:hover{color:#2f69b3}.post .post-content h3{font-size:2.2rem;font-weight:600}.post .post-content h4{font-size:1.6rem}.post .post-content img{max-width:100%}.post .post-content ul{line-height:1.9em;font-weight:400;font-size:1.4rem}.post .post-content ol{line-height:1.9em;font-weight:400;font-size:1.4rem}.post .post-footer{padding:0 0 10px;border-bottom:1px solid var(--border-color)}.post .post-footer .meta{max-width:100%;display:flex;color:#bbb}.post .post-footer .meta .info{float:left;font-size:1.2rem;margin-bottom:1em;color:var(--body-color)}.post .post-footer .info .separator a{margin-right:.2em}.post .post-footer .meta .info .date{margin-right:10px;margin-left:5px}.post figure{max-width:100%;height:auto;margin:0;text-align:center}.post figure.right{float:right;margin-left:1.5em;max-width:50%}.post figure.left{float:left;margin-right:1.5em;max-width:50%}.post figure.big{max-width:100vw}.info{margin:1em}.info span{margin-right:.5em}.post .post-footer .meta a{text-decoration:none;color:var(--body-color)}.post .post-footer .meta a:hover{color:#2660ab}.post .post-footer .meta i{margin-right:6px}.post .post-footer .tags{padding-bottom:15px;font-size:1.3rem}.post .post-footer .tags ul{list-style-type:none;display:inline;margin:0;padding:0}.post .post-footer .tags ul li{list-style-type:none;margin:0;padding-right:5px;display:inline}.post .post-footer .tags a{text-decoration:none;color:var(--post-color);font-weight:400}.post .post-footer .tags a:hover{text-decoration:none}.post .post-thumbnail{width:100%;padding-bottom:1em;box-shadow:#000;border-radius:.5em;overflow:hidden;transition:box-shadow .3s ease}.post .post-thumbnail img{width:100%;height:var(--thumbnail-height);object-fit:cover;border:1px solid var(--border-color);border-bottom:0}.pagination{margin:30px;padding:0 0 56px;text-align:center}.pagination ul{list-style:none;margin:0;padding:0;height:13px}.pagination ul li{margin:0 2px;display:inline;line-height:1}.pagination ul li a{text-decoration:none;color:var(--body-color)}.pagination .pre{float:left}.pagination .next{float:right}.like-reblog-buttons{float:right}.like-button{float:right;padding:0 0 0 10px}.reblog-button{float:right;padding:0}#install-btn{position:fixed;bottom:0;right:6px}#disqus_thread{margin:30px;border-bottom:1px solid var(--border-color)}.footer{clear:both;text-align:center;font-size:1rem;margin:0 auto;bottom:0;width:100%;padding-bottom:20px;flex:0;position:relative}.footer a{color:#a6a6a6}.footer a:hover{color:#2660ab}.footer__list{list-style:none;padding:0;display:flex;justify-content:center}.footer__item:not(:first-of-type)::before{content:'\00B7';padding:4px}.archive{width:100%}.list-with-title{font-size:1.4rem;margin:30px;padding:0}.list-with-title li{list-style-type:none;padding:0}.list-with-title .listing-title{font-size:2.4rem;color:#666;font-weight:600;line-height:2.2em}.list-with-title .listing{padding:0}.list-with-title .listing .listing-post{padding-bottom:5px}.list-with-title .listing .listing-post .post-time{float:right;display:inline-block;max-width:10%;text-align:right;color:#c5c5c5}.list-with-title .listing .listing-post a{color:#8f8f8f;width:90%;display:inline-block}.list-with-title .listing .listing-post a:hover{color:#2660ab}.share{margin:0 30px;display:inline-flex}.evernote{width:32px;height:32px;border-radius:300px;background-color:#3e3e3e;margin-right:5px}.evernote a{color:#fff;padding:11px;font-size:1.2rem}.evernote a:hover{color:#ed6243;padding:11px}.weibo{width:32px;height:32px;border-radius:300px;background-color:#ed6243;margin-right:5px}.weibo a{color:#fff;padding:9px}.weibo a:hover{color:#bd4226}.twitter{width:32px;height:32px;border-radius:300px;background-color:#59c0fd;margin-right:5px}.twitter a{color:#fff;padding:9px}.twitter a:hover{color:#4b9ece}.about{margin:30px}.about h3{font-size:2.2rem}.links{margin:30px}.links h3{font-size:2.2rem}.links a{cursor:pointer}.comment-count{color:#666}.tab-community{color:#666}.read_more{font-size:1.4rem}.back-button{padding-top:30px;max-width:100px;padding-left:40px;float:left}#fb_comments_container{margin:30px}.utterances{max-width:unset}a.btn{color:#868686;font-weight:400}.btn{display:inline-block;position:relative;outline:0;color:var(--post-color);background:0 0;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer;border:1px solid var(--border-color);white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em}.btn:hover{display:inline-block;position:relative;outline:0;color:#464545;background:0 0;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer;border:1px solid #464545;white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em}[role=back]{padding:.5em 1.25em;line-height:1.666em}[role=home]{padding:.5em 1.25em;line-height:1.666em}[role=navigation]{padding:.5em 1.25em;line-height:1.666em}[role=tags]{padding:6px 12px}.menu{float:right;padding-top:30px}.menu .btn-down{margin:0}.menu .btn-down li{list-style:none;width:100px}.menu .btn-down li a{display:inline-block;position:relative;padding:.5em 1.25em;outline:0;color:var(--post-color);background:0 0;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer;border:1px solid var(--border-color);white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em;margin-top:5px}.menu .btn-down li a:hover{position:relative;padding:.5em 1.25em;outline:0;color:#fff;background:#3cbd10;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer;border:1px solid rgba(0,0,0,.15);white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em;margin-top:5px}.menu .btn-down div{position:absolute;visibility:hidden;width:100px;float:right}.page_404{text-align:center;padding-top:50px}.navbar-burger{display:none}#TableOfContents{display:block;background:0 0}#TableOfContents ul{list-style:none;line-height:1.9em;margin:0}#TableOfContents>ul{padding-left:0}#TableOfContents li a{display:inherit;color:var(--link-color)}#TableOfContents li a:hover{display:inherit}@media screen and (min-width:960px),print{header{border-bottom:1px solid var(--border-color)}.nav__links li:not(:last-of-type){padding-right:20px}.sidebar{height:100vh;display:flex;flex-direction:column;position:fixed;width:var(--sidebar-width)}.sidebar__content{display:flex;flex-direction:column;justify-content:center;flex-grow:1}.navbar{display:flex;flex-direction:column;justify-content:space-between}.nav__list{display:flex;flex:1;justify-content:space-between;align-items:center;min-height:0}.wrapper{display:flex}.footer--base{display:none}}@media screen and (max-width:960px){aside{width:100%}.sidebar{width:100%;border-right:none;z-index:1;height:auto;min-height:auto}.sidebar .logo-title{padding-top:120px}.sidebar .logo-title .title img{width:100px;height:100px}.sidebar .logo-title .title h3{font-size:2.2rem}header{width:100%}.post-title h3{line-height:1.6}main{width:100%}.content{z-index:2}.post figure.right{float:unset;max-width:100%;margin:0}.post figure.left{float:unset;max-width:100%;margin:0}.footer--sidebar{display:none}.share{display:grid}nav{display:none}header .nav__list{background-color:var(--secondary-bg-color);box-shadow:0 8px 16px rgba(10,10,10,.1);padding:.5rem 0;width:100%;margin-top:0}header nav.is-active{display:block}header .nav__list li{display:block;flex-grow:0;flex-shrink:0;line-height:2.5;padding:.5rem .75rem;position:relative;text-transform:uppercase;text-align:center;font-size:1.3em}header .nav__list a.current{border-bottom:none}.navbar-burger{cursor:pointer;display:block;height:3.25rem;position:relative;width:3.25rem;margin-left:auto}.navbar-burger span{background-color:var(--heading-color);display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:16px}.navbar-burger span:nth-child(1){top:calc(50% - 6px)}.navbar-burger span:nth-child(2){top:calc(50% - 1px)}.navbar-burger span:nth-child(3){top:calc(50% + 4px)}.list-with-title .listing .listing-post .post-time{max-width:20%}.list-with-title .listing .listing-post a{width:80%}}.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 300ms;will-change:opacity;background:var(--bg-color)}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform 300ms cubic-bezier(.2,0,.2,1)!important;z-index:100}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}@media print{header{display:none}}@media(min-width:1921px){.sidebar{padding-left:17%;padding-right:3%;width:calc(var(--sidebar-width) - 20%)}.content{padding-right:20%}header{position:fixed;width:var(--content-width)}}.contact-form{margin-top:30px}.form-style{width:100%}.form-style ul{padding:0;margin:0;list-style:none}.form-style ul li{display:block;margin-bottom:10px;min-height:35px}.form-style ul li .field-style{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:1.4rem;padding:8px;outline:none;background-color:var(--bg-color);border:1px solid var(--form-border-color);color:var(--body-color)}.form-style ul li .field-style:focus{box-shadow:0 0 5px;border:1px solid}.form-style ul li .field-split{width:49%}.form-style ul li .field-full{width:100%}.form-style ul li input.align-left{float:left}.form-style ul li input.align-right{float:right}.form-style ul li textarea{background-color:var(--bg-color);border:1px solid var(--form-border-color);color:var(--body-color);width:100%;height:auto}.form-style ul li input[type=button],.form-style ul li input[type=submit]{background-color:var(--bg-color);border:1px solid var(--form-border-color);display:inline-block;cursor:pointer;color:var(--body-color);text-decoration:none;width:100%}.form-style ul li input[type=button]:hover,.form-style ul li input[type=submit]:hover{background-color:var(--bg-color);border:1px solid var(--form-button-hover-border-color)}