.flex-container{width:720px;margin:0 auto}html{font-size:18px}@media (max-width:1600px){html{font-size:18px}.flex-container{width:720px}}@media (max-width:1200px){html{font-size:18px}.flex-container{width:640px}}@media (max-width:688px){.flex-container{display:block;width:calc(100% - 48px);padding-left:24px;padding-right:24px}}html{line-height:1.15;-webkit-text-size-adjust:100%}body{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:none;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}[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{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}.highlight{background:#474949;color:#d1d9e1}.highlight .code .comment,.highlight .code .quote{color:#969896;font-style:italic}.highlight .code .addition,.highlight .code .keyword,.highlight .code .literal,.highlight .code .selector-tag,.highlight .code .type{color:#c9c}.highlight .code .number,.highlight .code .selector-attr,.highlight .code .selector-pseudo{color:#f99157}.highlight .code .doctag,.highlight .code .regexp,.highlight .code .string{color:#8abeb7}.highlight .code .built_in,.highlight .code .name,.highlight .code .section,.highlight .code .title{color:#b5bd68}.highlight .code .class .title,.highlight .code .selector-id,.highlight .code .template-variable,.highlight .code .variable{color:#fc6}.highlight .code .name,.highlight .code .section,.highlight .code .strong{font-weight:700}.highlight .code .bullet,.highlight .code .link,.highlight .code .meta,.highlight .code .subst,.highlight .code .symbol{color:#f99157}.highlight .code .deletion{color:#dc322f}.highlight .code .formula{background:#eee8d5}.highlight .code .attr,.highlight .code .attribute{color:#81a2be}.highlight .code .emphasis{font-style:italic}body{margin:0}.mask-border::before{content:'';width:100%;height:100vh;border:4px #d5d5d5 solid;position:fixed;top:0;left:0;pointer-events:none;z-index:8}.wrapper{display:flex;flex-direction:column;min-height:100vh}.main{flex-grow:1;padding:0;margin:0}div{display:block;padding:0;margin:0}ul{list-style:none;padding:0;margin:0}::after,::before{box-sizing:border-box}a{text-decoration:none;color:#d5d5d5}input{outline:0;border:none}body{font-family:Inter,'Noto Sans SC',helvetica,arial;font-size:1rem;font-weight:400;line-height:1.5rem;color:#d5d5d5;background-color:#202020;color:#d5d5d5}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.header{border:2px solid #d5d5d5;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#d5d5d5}.header-inner{display:flex;flex-wrap:nowrap;align-items:center;margin:1rem auto}.header-inner .menu-btn{background:0 0;border:none;cursor:pointer}.header-inner .site-nav-main{display:flex;justify-content:flex-end;flex-grow:1;overflow-x:auto}.header-inner .site-nav[popover]{width:100vw;height:100vh;background:#202020;margin:0;border:none;border-radius:0}.header-inner .site-nav[popover] .close-btn{position:absolute;top:1rem;right:1rem;background:0 0;border:none;cursor:pointer;padding:0}.header-inner .site-nav[popover] .close-btn svg{fill:#d5d5d5}.header-inner .site-nav[popover] .menu-list{flex-direction:column;text-align:left;height:100%;padding-top:4rem;padding-left:2rem}.header-inner .site-nav[popover] .menu-list .menu-item{margin:1rem 0}.header-inner .site-nav[popover] .menu-list .menu-item-active{text-decoration:underline;text-decoration-color:#d5d5d5;text-decoration-thickness:3px}.header-inner .site-nav[popover] .menu-list .menu-item-active:after{border-bottom:none;width:0}.menu-list{text-align:right;display:flex}.menu-list .menu-item{position:relative;margin-left:1.5rem}.menu-item:after{content:"";-webkit-transition:width .1s ease-in-out;transition:width .1s ease-in-out;position:absolute;left:0;bottom:0;width:0;border-bottom:solid 1px #d5d5d5}.menu-item:hover:after{width:100%}.menu-item-active:after{border-bottom:solid 2px;width:100%}.logo-img{max-height:2.25rem;width:auto;max-width:100%;display:flex;border-radius:100%}@media (max-width:688px){.header-inner{flex-wrap:wrap}.header-inner .menu-btn{display:block!important;margin-left:auto}.header-inner .menu-btn svg{stroke:#d5d5d5}.header-inner .site-brand-container{width:50%}.header-inner .site-nav-main{display:none}.header-inner .site-nav{width:100%}.header-inner .site-nav .menu-list .menu-item{margin-right:0;margin-left:auto;margin-top:.5rem}}@media (min-width:689px){.menu-btn{display:none}}.footer{margin-top:3.5rem;border:2px #d5d5d5 solid;font-size:.75rem;font-weight:400;line-height:1.25rem;color:#d5d5d5}.footer .footer-text{margin-top:1.5rem;margin-bottom:1.5rem}.post-list a{background-image:linear-gradient(#202020,#202020),linear-gradient(#d5d5d5,#d5d5d5);background-size:100% 1px,0 1px;background-position:100% 100%,0 100%;background-repeat:no-repeat,no-repeat;transition:background-size .15s linear}.post-list a:hover{background-size:0 1px,100% 1px}.year-title{margin-top:3.5rem;margin-bottom:.75rem;font-size:1.75rem;font-weight:700;line-height:2.25rem;color:#838383}.post-list-item{display:flex;flex-wrap:nowrap;margin-top:.75rem;align-items:top}.post-list-item .post-title{flex-grow:1;font-family:Inter,'Noto Sans SC',helvetica,arial;font-size:1rem;font-weight:400;line-height:1.5rem;color:#d5d5d5;font-variation-settings:'wght' 500}.post-list-item .post-date{margin-left:1.5rem;min-width:8rem;text-align:right;font-size:.875rem;font-weight:400;line-height:1.25rem;color:#d5d5d5;line-height:1.5rem;color:#6c6c6c}@media (max-width:480px){.post-list-item{flex-wrap:wrap}.post-list-item .post-title{width:100%}.post-list-item .post-date{margin-left:0;width:100%;text-align:left}}.post-gallery-list .h-line-secondary{margin-top:.75rem}.post-gallery-list .h-line-secondary:last-child{display:none}.post-gallery-item{display:flex;margin-top:3.5rem;margin-bottom:.75rem}.post-gallery-item .post-info{margin-right:1.5rem;width:50%;display:flex;flex-direction:column}.post-gallery-item .post-info .post-title{margin-bottom:.75rem;font-size:1.75rem;font-weight:700;line-height:2.25rem;color:#d5d5d5}.post-gallery-item .post-info .post-date{font-size:.875rem;font-weight:400;line-height:1.25rem;color:#d5d5d5}.post-gallery-item .post-img{width:50%}.post-gallery-item .post-img img{border-radius:12px}.post-gallery-item a{background-image:linear-gradient(#202020,#202020),linear-gradient(#d5d5d5,#d5d5d5);background-size:100% 1px,0 1px;background-position:100% 100%,0 100%;background-repeat:no-repeat,no-repeat;transition:background-size .15s linear}.post-gallery-item a:hover{background-size:0 1px,100% 1px}@media (max-width:480px){.post-gallery-item{flex-wrap:wrap}.post-gallery-item .post-info{width:100%}.post-gallery-item .post-img{width:100%;margin-top:.75rem}}.paginator{margin-top:3.5rem}.pagination{margin-top:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#d5d5d5;display:flex}.pagination:before{content:'';flex-grow:1}.page-number{position:relative;margin-left:1.5rem}.page-number:after{content:"";-webkit-transition:width .1s ease-in-out;transition:width .1s ease-in-out;position:absolute;left:0;bottom:0;width:0;border-bottom:solid 1px #d5d5d5}.page-number:hover:after{width:100%}.pagination .current:after{border-bottom:solid 2px;width:100%}.pagination .space{margin-left:1.5rem}.profile{margin-top:3.5rem;display:flex;flex-direction:row-reverse}.profile .profile-content{width:50%;margin:0 1.5rem 0 0}.profile .profile-content .profile-title{margin-top:0;margin-bottom:.5rem}.profile .profile-content .profile-body{margin-top:.75rem;margin-bottom:2rem}.profile .profile-content .profile-title{font-size:1.75rem;font-weight:700;line-height:2.25rem;color:#d5d5d5}.profile .profile-content .profile-body{font-family:Inter,'Noto Sans SC',helvetica,arial;font-size:1rem;font-weight:400;line-height:1.5rem;color:#d5d5d5}.profile .profile-content .profile-link{margin-top:0;margin-bottom:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#d5d5d5}.profile .profile-content .socials{display:flex;gap:.6rem;margin-top:2.5rem}.profile .profile-content .socials svg{height:1.25rem;fill:#d5d5d5}.profile .profile-content .socials svg :hover{fill:#e5e5e5}.profile .profile-image{width:50%}@media (max-width:480px){.profile{flex-wrap:wrap}.profile .profile-content{width:100%;margin-top:.75rem}.profile .profile-image{width:100%}}.search-popup{visibility:hidden}.search-activate{visibility:visible}.search-popup-overlay{position:fixed;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,.8)}.search-popup-window{position:absolute;top:50%;left:50%;background:#202020;transform:translate(-50%,-50%);width:640px;height:60%;border:2px solid #d5d5d5;overflow:hidden;display:flex;flex-direction:column}.search-result-container{flex-grow:1;overflow:scroll;padding:.75rem .75rem}.search-result-container .search-result-message{font-family:'Roboto Mono',menlo,monospace;font-size:.875rem;line-height:1rem;color:#838383;text-transform:lowercase;color:#6c6c6c}.search-result-container .search-result-title{font-size:1rem;font-weight:700;line-height:1.25rem;color:#d5d5d5;color:#d5d5d5}.search-result-container a{background-image:linear-gradient(#202020,#202020),linear-gradient(#d5d5d5,#d5d5d5);background-size:100% 1px,0 1px;background-position:100% 100%,0 100%;background-repeat:no-repeat,no-repeat;transition:background-size .15s linear}.search-result-container a:hover{background-size:0 1px,100% 1px}.search-result-container li{padding-bottom:.75rem;padding-top:1rem}.search-result-container .search-result{font-family:Inter,'Noto Sans SC',helvetica,arial;font-size:1rem;font-weight:400;line-height:1.5rem;color:#d5d5d5;color:#d5d5d5;margin-top:.5rem;margin-bottom:.5rem}.search-result-container mark{color:#d5d5d5;background-color:#756d29}.search-header{display:flex;flex-direction:row;align-items:center;padding:.75rem .75rem;border-bottom:2px solid #d5d5d5}.search-header .search-input-container{flex-grow:1}.search-header .search-input-container .search-input{width:100%;font-size:1rem;font-weight:500;line-height:1.25rem;color:#d5d5d5;color:#d5d5d5;background-color:#202020}.search-header .search-input-container .search-input::placeholder{color:#6c6c6c}.search-header .search-close-btn{flex-grow:0;margin-left:.75rem;margin:auto;cursor:pointer}@media (max-width:688px){.search-popup-window{width:100%;height:100%}}.post-content{margin-top:2rem}h1,h2,h3,h4,h5,h6{margin-top:1.5rem;margin-bottom:.75rem}h1{font-size:1.75rem;font-weight:700;line-height:2.25rem;color:#d5d5d5}h2{font-size:1.5rem;font-weight:700;line-height:2rem;color:#d5d5d5}h3{font-size:1.125rem;font-weight:700;line-height:1.5rem;color:#d5d5d5}h4{font-size:1rem;font-weight:700;line-height:1.25rem;color:#d5d5d5}h5{font-size:1rem;font-weight:600;line-height:1.25rem;color:#d5d5d5}h6{font-size:1rem;font-weight:500;line-height:1.25rem;color:#d5d5d5}p{font-family:Inter,'Noto Sans SC',helvetica,arial;font-size:1rem;font-weight:400;line-height:1.5rem;color:#d5d5d5}strong{font-size:1rem;font-weight:700;line-height:1.5rem;color:#d5d5d5}em{font-size:1rem;font-weight:400;font-style:italic;line-height:1.5rem;color:#d5d5d5}del{font-size:1rem;font-weight:400;line-height:1.5rem;text-decoration:line-through;color:#d5d5d5}.post-content a:not(.socials a){padding-bottom:2px;background-image:linear-gradient(#d5d5d5,#d5d5d5),linear-gradient(#d5d5d5,#d5d5d5);background-size:100% 1px,0 2px;background-position:100% 100%,0 100%;background-repeat:no-repeat,no-repeat;transition:background-size .15s linear}.post-content a:not(.socials a):hover{background-size:100% 1px,100% 2px}blockquote{margin-left:0;margin-right:0;margin-top:1rem;border-left:.25rem solid #6c6c6c}blockquote p{margin-left:1rem;margin-top:0;margin-bottom:0;margin-right:1rem;padding-top:.5rem;padding-bottom:.5rem}blockquote blockquote{margin-left:1rem;margin-top:0;margin-bottom:0}.post-content li{font-family:Inter,'Noto Sans SC',helvetica,arial;font-size:1rem;font-weight:400;line-height:1.5rem;color:#d5d5d5;margin-top:.5rem}.post-content ol{padding-left:1.5rem;margin-left:.75rem;margin-right:.75rem;margin-top:1rem}.post-content ol ol{margin-top:.5rem}.post-content ul{padding-left:1.5rem;margin-left:.75rem;margin-right:.75rem;margin-top:1rem}.post-content ul ul{margin-top:.5rem}.post-content ul li{list-style-type:disc}.post-content .task-list{padding-left:0}.post-content .task-list .task-list-item{list-style:none}dl dt{padding:.5rem 0;font-size:1rem;font-weight:700;line-height:1.5rem;color:#d5d5d5}dl dt::after{content:' :'}dl dd{margin:0}aside{background-color:#3b3b3b;border-radius:12px;padding:1rem;display:flex;gap:.75rem}aside p{padding:0;margin:0}.post-head{margin-top:3.5rem}.post-head .post-info{width:100%;display:flex;flex-direction:column}.post-head .post-info .post-title{margin-bottom:.75rem;font-size:1.75rem;font-weight:700;line-height:2.25rem;color:#d5d5d5}.post-head .post-info .post-date{font-size:.875rem;font-weight:400;line-height:1.25rem;color:#d5d5d5}.post-head .post-img{margin-top:2rem}.post-head .post-img img{border-radius:12px}.post-footer{margin-top:3.5rem}.post-footer a{background-image:linear-gradient(#202020,#202020),linear-gradient(#d5d5d5,#d5d5d5);background-size:100% 1px,0 1px;background-position:100% 100%,0 100%;background-repeat:no-repeat,no-repeat;transition:background-size .15s linear}.post-footer a:hover{background-size:0 1px,100% 1px}.post-nav{margin-top:.75rem;display:flex;flex-wrap:wrap;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#d5d5d5}.post-nav .prev-item{display:flex;text-align:left;min-width:50%;align-items:center}.post-nav .prev-item .arrow-left{margin-right:.25rem}.post-nav .next-item{display:flex;flex-direction:row-reverse;text-align:right;min-width:50%;align-items:center}.post-nav .next-item .arrow-right{margin-left:.25rem}.post-comment{margin-top:3.5rem}.v[data-class='v'] .vsys{display:none!important}.vcontent p{margin-top:0!important;font-size:.875rem!important;color:#d5d5d5!important}code{font-family:'Roboto Mono',menlo,monospace;font-size:.875rem;line-height:1rem;color:#60cfff}.code pre span{font-family:'Roboto Mono',menlo,monospace;font-size:.875rem;line-height:1rem;color:#d5d5d5}.highlight{margin:0 0 1rem 0}.highlight .line{width:3rem}td.gutter{width:1rem;position:-webkit-sticky;position:sticky;left:0}td.gutter span{font-family:'Roboto Mono',menlo,monospace;font-size:.875rem;line-height:1rem;color:#bdbdbd}td.gutter pre{overflow-x:visible}td span{line-height:.25rem}pre{margin:0;overflow-x:auto}table,td,th{border:#d5d5d5 solid 1px;width:100%;text-align:left}table{border-collapse:collapse;table-layout:fixed}td,th{padding:.75rem}th{font-variation-settings:'wght' 500}td{font-variation-settings:'wght' 300}table,tboby,td,tr{background-color:inherit}.highlight>table{min-width:fit-content}@media (max-width:480px){.block-table{display:block;overflow-x:auto}}img{width:100%;height:auto}.video-container{width:100%;padding-top:56.25%;position:relative}.video-container>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.gist td{border:0}.gist a{color:#6c6c6c;background-image:none!important}blockquote>footer{margin:0 1rem;padding:.5rem 0;font-size:.75rem;color:#6c6c6c}blockquote>footer cite{margin-left:.5rem}blockquote>footer cite::before{content:' — '}blockquote>footer strong{color:#6c6c6c;font-size:.75rem}blockquote>footer a{color:#6c6c6c;background-image:none!important}figcaption{font-family:roboto-mono,menlo,monospace;font-size:.75rem;padding:.5rem 0;color:#6c6c6c}figcaption span{padding-right:.5rem}figcaption a{color:#6c6c6c;background-image:none!important}blockquote.pullquote.left{float:left}blockquote.pullquote.right{float:right}ul li.task-list-item{position:relative}ul li.task-list-item>input[type=checkbox]{list-style:none;background:0 0;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.5rem;display:inline-block;border:none;opacity:1}ul li.task-list-item>input[type=checkbox][checked]:before{background:#d5d5d5;-webkit-mask-image:url("../icon/checkbox-checked.svg");-webkit-mask-position:center center;mask-image:url("../icon/checkbox-checked.svg");-webkit-mask-repeat:no-repeat}ul li.task-list-item>input[type=checkbox]:before{background:#d5d5d5;-webkit-mask-image:url("../icon/checkbox-default.svg");-webkit-mask-position:center center;mask-image:url("../icon/checkbox-default.svg");-webkit-mask-repeat:no-repeat}ul li.task-list-item>input[type=checkbox]:after,ul li.task-list-item>input[type=checkbox]:before{display:block;position:absolute;content:'X';color:transparent;left:0;top:0;width:1.25rem;height:1.5rem;background-size:contain;background-repeat:no-repeat;background-position-x:0;background-position-y:center;--webkit-touch-callout:none}.icon{display:block;background-color:#d5d5d5;width:1.25rem;height:1.25rem}.arrow-up{-webkit-mask-image:url("../icon/arrow-up.svg");mask-image:url("../icon/arrow-up.svg")}.arrow-left{-webkit-mask-image:url("../icon/arrow-left.svg");mask-image:url("../icon/arrow-left.svg")}.arrow-right{-webkit-mask-image:url("../icon/arrow-right.svg");mask-image:url("../icon/arrow-right.svg")}.close-btn{-webkit-mask-image:url("../icon/close-btn.svg");mask-image:url("../icon/close-btn.svg")}.h-line-primary{background-color:#d5d5d5;height:1px}.h-line-secondary{background-color:#6c6c6c;height:1px}hr{background-color:#838383;height:1px;border:0}.tag-list{display:flex;flex-wrap:wrap;margin-bottom:.5rem}.tag-title{margin:.75rem 0;color:#6c6c6c;font-size:.875rem}.tag-title a{color:#6c6c6c}.post-tag{font-size:.75rem;font-weight:500;line-height:1rem;border:1px solid #d5d5d5;margin-right:.25rem;margin-bottom:.25rem;padding:.25rem .5rem .25rem .5rem;border-radius:1rem}.post-tag a{background-image:none!important}.post-tag:hover{background-color:#d5d5d5}.post-tag:hover a{color:#202020}.breadcrumb{margin-top:20px;margin-bottom:20px}.breadcrumb ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.breadcrumb .breadcrumb-item{display:flex;align-items:center}.breadcrumb .breadcrumb-item:not(:last-child)::after{content:'>';margin:0 8px;color:#6c6c6c;font-weight:600}.breadcrumb .breadcrumb-item a{color:#6c6c6c;text-decoration:none}.breadcrumb .breadcrumb-item a:hover{text-decoration:underline}.breadcrumb .breadcrumb-item span{color:#6c6c6c}