@charset "UTF-8";html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}:root{-moz-tab-size:4;tab-size:4}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;background:#fff;position:relative}@media screen and (prefers-color-scheme:dark){body{background:#121212}}hr{height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,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}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[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}summary{display:list-item}html{line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:16px}@media screen and (min-width:320px){html{font-size:calc(16px + 8*(100vw - 320px)/2240)}}@media screen and (min-width:2560px){html{font-size:24px}}body{font-family:-apple-system,BlinkMacSystemFont,system-ui,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;color:#343434}@media (max-width:599px){body{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word}}@media screen and (prefers-color-scheme:dark){body{color:hsla(0,0%,100%,.87)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0 0 .75em}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.25em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.625rem}h4{font-size:1.375rem}h5{font-size:1.25rem}h6{font-size:1rem}b,strong{font-weight:700}hr{border:0;border-top:1px solid #ddd}@media screen and (prefers-color-scheme:dark){hr{border-color:hsla(0,0%,100%,.33)}}blockquote,dl,hr,ol,p,pre,ul{margin:0 0 1em}*+blockquote,*+dl,*+hr,*+ol,*+p,*+pre,*+ul{margin-top:1em}a,ins{text-decoration:none}a{color:#0366d6;-webkit-text-decoration-skip:objects;transition:color .2s ease-out}a:hover{color:#024ea4}@media screen and (prefers-color-scheme:dark){a{color:#ff6c00}a:hover{color:#ff8933}}img{max-width:100%;height:auto;vertical-align:middle;border:0}blockquote{font-style:italic;padding:0 1.5em;border-left:.2em solid #0366d6}@media screen and (prefers-color-scheme:dark){blockquote{border-left-color:#ff6c00}}blockquote p{margin:0}blockquote cite:before{content:"—";padding:0 .5em}ol,ul{padding-left:2em}dd,dt,ol ol,ol ul,ul ol,ul ul{margin:0}table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}table tr{border-top:1px solid #ddd}@media screen and (prefers-color-scheme:dark){table tr{border-top-color:hsla(0,0%,100%,.33)}}table td,table th{text-align:left;border:1px solid #ddd;padding:.3em .6em}@media screen and (prefers-color-scheme:dark){table td,table th{border-color:hsla(0,0%,100%,.33)}}code{color:#0366d6;font-size:.9rem;letter-spacing:-.01em}@media screen and (prefers-color-scheme:dark){code{color:#ff6c00}}code:after,code:before{content:"`"}kbd{background:#fafafc;border:1px solid #eee;font-size:.8rem;border-radius:3px;padding:.2em .4em;box-shadow:1px 1px 1px 0 rgba(0,0,0,.1)}dt{font-weight:700;font-style:italic}dd{margin-left:3em}.medium-zoom-overlay{background-color:#fff!important}@media screen and (prefers-color-scheme:dark){.medium-zoom-overlay{background-color:#000!important}}.header{background-image:linear-gradient(0deg,transparent,rgba(0,0,0,.5));color:hsla(0,0%,100%,.95);position:relative;z-index:1}.header__no-hero{color:inherit;background:none;box-shadow:0 0 20px 0 rgba(0,0,0,.1);z-index:0}@media screen and (prefers-color-scheme:dark){.header__no-hero{box-shadow:none;background:#212121}}.header a{color:inherit}.header-wrapper{max-width:55rem;margin:0 auto;padding:0 1.5em;height:3.5rem;display:flex;justify-content:space-between}.header__left,.header__right{display:flex;align-items:center}.header__right{margin-left:auto}.header-logo{font-size:1.625rem;font-weight:400;margin-right:1rem}.nav{display:flex;align-items:center}.nav ul{list-style:none;padding:0;margin:0}.nav li{display:inline-block}.nav-link{padding:0 .5em;font-size:.9rem;line-height:3.5rem}.nav-link__active{color:#0366d6!important;font-weight:700}@media screen and (prefers-color-scheme:dark){.nav-link__active{color:#ff6c00!important}}.nav-link:hover{color:#0366d6}@media screen and (prefers-color-scheme:dark){.nav-link:hover{color:#ff6c00}}.nav-toggle{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;cursor:pointer}.nav-toggle div{position:relative;width:1.25rem;height:2px}.nav-toggle div,.nav-toggle div:after,.nav-toggle div:before{background:#fff;transition:all .2s cubic-bezier(.86,0,.07,1);transform:translateZ(0);box-shadow:0 0 1px transparent}.header__no-hero .nav-toggle div,.header__no-hero .nav-toggle div:after,.header__no-hero .nav-toggle div:before{background:#343434}@media screen and (prefers-color-scheme:dark){.header__no-hero .nav-toggle div,.header__no-hero .nav-toggle div:after,.header__no-hero .nav-toggle div:before{background:#fff}}.nav-toggle div:after,.nav-toggle div:before{position:absolute;content:"";width:100%;height:2px;left:0}.nav-toggle div:before{top:-5px}.nav-toggle div:after{top:5px}@media (max-width:599px){.nav-toggle{display:flex}.nav-wrapper{visibility:hidden;opacity:0;transform:scale(.7) translateZ(0);will-change:transform;transition:opacity .3s ease-out,all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:3.85rem;right:1.2em;background:#fff;width:32vw;box-shadow:2px 2px 20px rgba(0,0,0,.1)}}@media screen and (max-width:599px) and (prefers-color-scheme:dark){.nav-wrapper{background:#272727;box-shadow:none}}@media (max-width:599px){.nav-wrapper li{display:block;text-align:center}}@media (max-width:599px){.nav-wrapper .nav-link{padding:1em 0;line-height:1.5;width:100%;color:#343434;transition:background-color .3s ease;display:inline-block}}@media screen and (max-width:599px) and (prefers-color-scheme:dark){.nav-wrapper .nav-link{color:hsla(0,0%,100%,.87)}}@media (max-width:599px){.nav-wrapper .nav-link:hover{background:rgba(0,0,0,.05)}}@media screen and (max-width:599px) and (prefers-color-scheme:dark){.nav-wrapper .nav-link:hover{background:hsla(0,0%,100%,.05)}}@media (max-width:599px){.nav-wrapper .nav-link:before{background:transparent}}@media (max-width:599px){.nav-open .nav-toggle div{background:transparent}.nav-open .nav-toggle div:before{top:0;transform:rotate(-45deg)}.nav-open .nav-toggle div:after{top:0;transform:rotate(45deg)}.nav-open .nav-wrapper{visibility:visible;opacity:1;transform:scale(1)}}.hero{width:100%;max-height:400px;height:61.8vw;margin-top:-3.5rem;position:relative;background-color:rgba(0,0,0,.6);background-repeat:no-repeat;background-position:bottom;background-size:cover;box-shadow:0 1px 20px 0 rgba(0,0,0,.66)}@media screen and (prefers-color-scheme:dark){.hero{box-shadow:none}}.hero-info{position:absolute;bottom:0;width:100%;color:hsla(0,0%,100%,.98);background-image:linear-gradient(0deg,rgba(0,0,0,.66),transparent)}.hero-info-wrapper{max-width:45rem;padding:0 1.5em;margin:3rem auto 1.5rem;text-shadow:3px 4px 5px rgba(0,0,0,.33)}.hero-info-wrapper h1,.hero-info-wrapper p{margin:0}.main{max-width:45rem;margin:0 auto;padding:0 1.5em}.footer{font-size:.8rem;color:#6a739c;padding:3rem 0 1rem;margin-top:3rem}@media screen and (prefers-color-scheme:dark){.footer{color:hsla(0,0%,100%,.6)}}.footer-wrapper{max-width:45rem;margin:0 auto;padding:0 1.5em;text-align:right}.footer p{margin:0}.footer a{color:#1869ca;text-decoration:underline}@media screen and (prefers-color-scheme:dark){.footer a{color:rgba(255,122,25,.92)}}.footer .theme svg{color:#1869ca}@media screen and (prefers-color-scheme:dark){.footer .theme svg{color:rgba(255,122,25,.92)}}.pagination{display:flex;justify-content:space-between;margin-bottom:3rem;font-size:.8rem}.pagination a{padding:.6em 1em;background:#0366d6;color:#fff;transition:background-color .2s ease-out;border-radius:1px}.pagination a:hover{background:rgba(3,102,214,.8)}@media screen and (prefers-color-scheme:dark){.pagination a{color:#000;background:#ff6c00}.pagination a:hover{background:rgba(255,108,0,.8)}}.pagination .prev{margin-right:auto;display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.1s}.pagination .prev .hvr-icon{transform:translateZ(0);transition-duration:.1s;transition-property:transform;transition-timing-function:ease-out}.pagination .prev:active .hvr-icon,.pagination .prev:focus .hvr-icon,.pagination .prev:hover .hvr-icon{transform:translateX(-4px)}.pagination .next{margin-left:auto;display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.1s}.pagination .next .hvr-icon{transform:translateZ(0);transition-duration:.1s;transition-property:transform;transition-timing-function:ease-out}.pagination .next:active .hvr-icon,.pagination .next:focus .hvr-icon,.pagination .next:hover .hvr-icon{transform:translateX(4px)}.post{padding:3rem 0}.post__excerpt+.post__excerpt{border-top:2px dashed #ddd}@media screen and (prefers-color-scheme:dark){.post__excerpt+.post__excerpt{border-top-color:hsla(0,0%,100%,.33)}}.post__excerpt .post-title{font-size:1.625rem}.post-meta{font-size:.9rem;color:#6a739c;margin:.5rem 0;display:flex}@media screen and (prefers-color-scheme:dark){.post-meta{color:hsla(0,0%,100%,.6)}}.post-meta>:not(:first-child):before{content:"|";padding:0 .5em}.post-meta a{color:inherit;margin-right:.3em}.post-meta a:hover{color:#343434}@media screen and (prefers-color-scheme:dark){.post-meta a:hover{color:hsla(0,0%,100%,.87)}}.post-title{margin:0}.post-title a{color:#175295}.post-title a:hover{color:#0d5cb6}@media screen and (prefers-color-scheme:dark){.post-title a{color:#ff8933}.post-title a:hover{color:#ffa766}}.post-aside{padding:0 1em;border-left:2px solid #0366d6;font-size:.9em}@media screen and (prefers-color-scheme:dark){.post-aside{border-left-color:#ff6c00}}@media (min-width:1300px){.post-aside{max-width:calc(50vw - 22.5rem);float:right;transform:translateX(calc(100% + 1rem));margin-left:-100%;position:-webkit-sticky;position:sticky;top:1em;font-size:.8em}}.post-toc-title{font-weight:700}.post-toc ol{list-style:none;margin:0;padding-left:0}.post-toc ol ol{padding-left:1em}.post-toc a{color:#6a739c}.post-toc a.active{color:#0366d6}@media screen and (prefers-color-scheme:dark){.post-toc a.active{color:#ff6c00}}.post-content{margin:1rem 0;text-align:justify}.post-more{text-decoration:underline}.post-end{position:relative;margin:3rem 0;color:#ddd;border-bottom:.2em dashed #ddd}@media screen and (prefers-color-scheme:dark){.post-end{border-bottom-color:hsla(0,0%,100%,.33)}}.post-end:after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.5em;background:#fff;content:attr(data-text)}@media screen and (prefers-color-scheme:dark){.post-end:after{background:#121212}}.video-container{position:relative;height:0;overflow:hidden;padding-bottom:56.25%;margin:0 0 1.75em}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0}.highlight{line-height:1.5;overflow:auto;margin:1.2em 0;font-size:.8rem;color:#545454;background:#fefefe;border-radius:3px}.highlight figcaption{margin:.5em;font-size:.8rem;float:right;font-style:italic}.highlight figcaption span:not(:last-child):after{content:"/";padding:0 .5em;color:#343434}.highlight table{margin:0;width:auto;border:none}.highlight td,.highlight tr{padding:0;border:none}.highlight pre{margin:0}.highlight .gutter{color:#999;border-right:1px solid #efefef;text-align:right;-webkit-user-select:none;-ms-user-select:none;user-select:none}.highlight .gutter pre{padding:0 .9em}.highlight .code pre{padding:1em 1.2em}.highlight .comment,.highlight .quote{color:#696969}.highlight .deletion,.highlight .name,.highlight .regexp,.highlight .selector-class,.highlight .selector-id,.highlight .tag,.highlight .template-variable,.highlight .variable{color:#d91e18}.highlight .attribute,.highlight .built_in,.highlight .builtin-name,.highlight .link,.highlight .literal,.highlight .meta,.highlight .number,.highlight .params,.highlight .type{color:#aa5d00}.highlight .addition,.highlight .bullet,.highlight .string,.highlight .symbol{color:green}.highlight .section,.highlight .title{color:#007faa}.highlight .keyword,.highlight .selector-tag{color:#7928a1}.highlight .emphasis{font-style:italic}.highlight .strong{font-weight:700}@media screen and (prefers-color-scheme:dark){.highlight{background:#2b2b2b;color:#f8f8f2}.highlight .comment,.highlight .quote{color:#d4d0ab}.highlight .deletion,.highlight .name,.highlight .regexp,.highlight .selector-class,.highlight .selector-id,.highlight .tag,.highlight .template-variable,.highlight .variable{color:#ffa07a}.highlight .built_in,.highlight .builtin-name,.highlight .link,.highlight .literal,.highlight .meta,.highlight .number,.highlight .params,.highlight .type{color:#f5ab35}.highlight .attribute{color:gold}.highlight .addition,.highlight .bullet,.highlight .string,.highlight .symbol{color:#abe338}.highlight .section,.highlight .title{color:#00e0e0}.highlight .keyword,.highlight .selector-tag{color:#dcc6e0}}.archive{padding:3.5rem 0}.archive-header{border-bottom:.1em dashed #ddd}@media screen and (prefers-color-scheme:dark){.archive-header{border-bottom-color:hsla(0,0%,100%,.33)}}.archive-title{font-weight:400}.archive-content{margin:1rem 0}.archive .counter{font-weight:700}.archive .counter+.year{margin-top:0}.archive .year{font-weight:400;margin:2em 0 1rem}.links{display:flex;flex-wrap:wrap;padding:0;list-style:none}.link{padding:.75em;margin:1.5em 0 .5em;text-align:center}@media screen and (min-width:320px){.link{width:50%}}@media screen and (min-width:480px){.link{width:33.3333333333%}}@media screen and (min-width:768px){.link{width:25%}}@media screen and (min-width:960px){.link{width:20%}}.link-title{font-weight:700}.link-slogan{margin:.5em 0 0;font-size:.85em}.link-avatar{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .8s ease;border-radius:87% 91% 98% 100%;border:3px solid}.link-avatar-wrapper{width:90%;height:0;margin:0 auto;padding-bottom:90%;position:relative}.link-href:hover .link-avatar{border-radius:95% 70% 100% 80%;transform:rotate(2deg)}.link:nth-child(odd) .link-href .link-avatar{border-radius:59% 52% 56% 59%;transform:rotate(-6deg)}.link:nth-child(odd) .link-href:hover .link-avatar{border-radius:51% 67% 56% 64%;transform:rotate(-4deg)}.link:nth-child(3n+2) .link-href .link-avatar{border-radius:84% 94% 83% 72%;transform:rotate(5deg)}.link:nth-child(3n+2) .link-href:hover .link-avatar{border-radius:69% 64% 53% 70%;transform:rotate(0deg)}.link:nth-child(5n+3) .link-href .link-avatar{border-radius:73% 100% 82% 100%;transform:rotate(7deg)}.link:nth-child(5n+3) .link-href:hover .link-avatar{border-radius:73% 70% 82% 80%;transform:rotate(7deg)}.link:nth-child(7n+5) .link-href .link-avatar{border-radius:93% 90% 85% 78%}.link:nth-child(7n+5) .link-href:hover .link-avatar{border-radius:53% 70% 85% 68%;transform:rotate(-2deg)}.link:nth-child(7n+5) .link-href .link-avatar{border-radius:68% 68% 83% 53%;transform:rotate(-2deg)}.link:nth-child(7n+5) .link-href:hover .link-avatar{border-radius:58% 98% 78% 83%;transform:rotate(3deg)}