body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#212121;background-color:#1b2228;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}@media screen and (min-width:760px){body{font-size:16px}}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:40px}img{max-width:100%;vertical-align:middle}ul,ol{margin-left:40px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}h2{font-size:24px;font-weight:400}h3{font-size:20px;font-weight:400;color:#38414a}h4{font-size:16px;font-weight:500}a{color:#026da7;text-decoration:none;transition:color .2s linear}a:visited{color:#01579b}a:hover,a:focus{color:#037db5;text-decoration:none}a:focus-visible{outline:2px solid;outline-offset:2px}blockquote{color:#595959;border-left:3px solid #E0E0E0;padding-left:20px;font-size:20px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{background-color:#f7f7f7;color:#1b2228}code{padding:1px 5px}pre{padding:8px 12px;border:1px solid #E0E0E0;overflow-x:scroll}pre>code{padding:0}.wrapper{min-width:280px;max-width:640px;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px;overflow-wrap:break-word}@media screen and (min-width:760px){.wrapper{max-width:720px}}@media screen and (min-width:960px){.wrapper{max-width:920px}}.site-footer .site-social:after,.wrapper:after{content:"";display:table;clear:both}@view-transition{navigation:auto}.site-header{background:#fff;padding:20px 0 0}@media screen and (min-width:960px){.site-header{padding:0;position:fixed;width:100%;z-index:1;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}}.site-title{display:block;margin:0 0 20px}@media screen and (min-width:760px){.site-title{float:left}}@media screen and (min-width:960px){.site-title{margin-top:20px}}.site-title .site-logo{display:block;width:auto;height:40px;margin:0 auto}.site-title .site-logo .cls-1{fill:#38414a;transition:fill .2s linear}.site-title .site-logo .cls-2{fill:#252d37;transition:fill .2s linear}.site-title .site-logo .cls-3{fill:#1b2228;transition:fill .2s linear}.site-title .site-logo .cls-4{fill:#fff}.site-title:hover .site-logo .cls-1,.site-title:focus .site-logo .cls-1{fill:#037db5}.site-title:hover .site-logo .cls-2,.site-title:focus .site-logo .cls-2{fill:#026da7}.site-title:hover .site-logo .cls-3,.site-title:focus .site-logo .cls-3{fill:#01579b}.site-nav{display:table;width:100%;line-height:40px}@media screen and (min-width:760px){.site-nav{float:right;width:auto}}@media screen and (min-width:960px){.site-nav{margin:20px 0}}.site-link{display:table-cell;min-width:140px;text-align:center;color:#1b2228}.site-link:visited{color:#1b2228}.site-link:hover,.site-link:focus{color:#037db5}.home .site-link.home,.blog .site-link.blog{border-bottom:3px solid #1b2228}@media screen and (min-width:760px){.home .site-link.home,.blog .site-link.blog{border-bottom:none;border-radius:2px;background-color:#1b2228;color:#fff}}.home .masthead .title,.blog .masthead .title{font-size:48px;font-weight:400}.site-content{background-color:#fff}@media screen and (min-width:760px){.site-content{background-color:#eee}}.masthead{background:#000 url(/longyc-masthead.webp) repeat top center;background-size:320px auto;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.12);text-align:center;padding:40px 0}@media screen and (min-width:760px){.masthead{padding-top:80px;padding-bottom:160px}}@media screen and (min-width:960px){.masthead{padding-top:160px}}.masthead .title{margin:0 auto;font-size:24px;font-weight:400}@media screen and (min-width:760px){.masthead .title{font-size:34px;font-weight:400}}@media screen and (min-width:760px){.masthead .subtitle{font-size:20px;font-weight:400}}.masthead p{margin-bottom:0}.masthead .meta{color:#ffffffb3}.post-list{margin:0;padding:0;list-style:none}.post{background-color:#fff;margin:0 auto;padding:40px 0 0}@media screen and (min-width:760px){.post{padding:80px 40px 40px;border-radius:2px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;position:relative;top:-80px}}@media screen and (min-width:960px){.post{padding-left:140px;padding-right:140px}}.post>p{max-width:560px}.post ul,.post ol{max-width:520px}.post figure img{display:block;width:100%;height:auto}.post iframe{width:100%;margin-bottom:40px}.post .quote blockquote{margin-bottom:10px}.post .quote .quote-cite{font-size:12px;font-weight:400;color:#767676}.post .post-ads{background-color:#e0e0e0;text-align:center;line-height:0;margin:0 auto 40px;padding:40px 0}@media screen and (min-width:760px){.post .post-ads{padding-top:55px;padding-bottom:55px}}.post-list .post{padding-top:40px;padding-bottom:40px;border-bottom:1px solid #E0E0E0}@media screen and (min-width:760px){.post-list .post{margin-top:40px;border-bottom:none}}@media screen and (min-width:760px){.post-list .post:first-child{margin-top:0}}.post-list .post .post-link{display:block}.post-list .post .left{float:left;display:block;text-align:right;color:#595959}.post-list .post .left .post-date{display:block;font-size:16px;font-weight:400}@media screen and (min-width:760px){.post-list .post .left .post-date{font-size:20px}}.post-list .post .right{display:block;margin-left:80px}.post-list .post .right .post-title{font-size:16px;font-weight:400}@media screen and (min-width:760px){.post-list .post .right .post-title{font-size:20px}}.post-list .post .right .post-subtitle{display:block;color:#212121}@media screen and (min-width:760px){.post-list .post .right .post-subtitle{font-size:16px;font-weight:500}}.pagination{display:table;width:100%;margin:40px auto;color:#767676}@media screen and (min-width:760px){.pagination{margin-top:0;margin-bottom:0;position:relative;top:-40px}}.pagination .previous,.pagination .current,.pagination .next{display:table-cell;width:33.3%}.pagination .previous{text-align:left}.pagination .current{text-align:center}.pagination .next{text-align:right}.site-footer{background-color:#1b2228;color:#ffffffb3;font-size:14px;padding:40px 0;line-height:30px;text-align:center}@media screen and (min-width:760px){.site-footer{text-align:left}}.site-footer a{color:#ffffffb3}.site-footer a:hover,.site-footer a:focus{color:#037db5}.site-footer #copyright,.site-footer #privacy-policy{margin-right:20px}.site-footer .site-social{list-style:none;margin:0;padding:0}@media screen and (min-width:760px){.site-footer .site-social{float:right}}.site-footer .site-social li{margin:40px 0 0 8px;line-height:0;display:inline-block}@media screen and (min-width:760px){.site-footer .site-social li{margin-top:0;margin-left:20px;float:left}}.site-footer .site-social li:first-child{margin-left:0}.site-footer .site-social li a{display:block}.site-footer .site-social li .icon:hover .icon-bg{fill:#38414a}.site-footer .site-social li .icon:hover .icon-logo{fill:#fff}.site-footer .site-social li .icon:hover .icon-mask{fill:#bdbdbd}.site-footer .site-social li .icon .icon-bg{fill:#252d37;transition:fill .2s linear}.site-footer .site-social li .icon .icon-logo{fill:#ffffffb3;transition:fill .2s linear}.site-footer .site-social li .icon .icon-mask{fill:#9e9e9e;transition:fill .2s linear}.highlight{background:#fff}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k,.highlight .o{font-weight:700}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:700}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:700;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc,.highlight .kd,.highlight .kp,.highlight .kr{font-weight:700}.highlight .kt{color:#458;font-weight:700}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:700}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne,.highlight .nf{color:#900;font-weight:700}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:700}.highlight .w{color:#bbb}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#099}.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc,.highlight .vg,.highlight .vi{color:teal}.highlight .il{color:#099}