.footer{text-align:center;margin:auto 0 16px;font-size:14px}@media screen and (width<=560px){.footer{font-size:12px}}.footer .license img{vertical-align:middle}@media screen and (width<=360px){.site-info>.dot-list{flex-flow:column;display:flex}.site-info>.dot-list>:before{display:none}}.post{--post-section-margin:72px;flex-flow:column;width:720px;min-height:100vh;margin:auto;padding:0 32px;display:flex}@media screen and (width<=800px){.post{width:480px}}@media screen and (width<=560px){.post{--post-section-margin:48px;width:auto}}.post-content>:not(style,script,astro-island){opacity:0;animation:.5s cubic-bezier(.165,.84,.44,1) forwards fadeInUp}.post-content>astro-island>.post-toc{opacity:0;animation:.5s cubic-bezier(.165,.84,.44,1) .15s forwards fadeInUp}.post-content>:nth-child(1 of :not(style,script,astro-island)){animation-delay:.1s}.post-content>:nth-child(2 of :not(style,script,astro-island)){animation-delay:.15s}.post-content>:nth-child(3 of :not(style,script,astro-island)){animation-delay:.2s}.post-content>:nth-child(4 of :not(style,script,astro-island)){animation-delay:.25s}.post-content>:nth-child(5 of :not(style,script,astro-island)){animation-delay:.3s}.post-content>:nth-child(6 of :not(style,script,astro-island)){animation-delay:.35s}.post-content>:nth-child(7 of :not(style,script,astro-island)){animation-delay:.4s}.post-content>:nth-child(8 of :not(style,script,astro-island)){animation-delay:.45s}.post-content>:nth-child(9 of :not(style,script,astro-island)){animation-delay:.5s}.post-content>:nth-child(10 of :not(style,script,astro-island)){animation-delay:.55s}.post-content>:nth-child(11 of :not(style,script,astro-island)){animation-delay:.6s}.post-content>:nth-child(12 of :not(style,script,astro-island)){animation-delay:.65s}.post-content>:nth-child(13 of :not(style,script,astro-island)){animation-delay:.7s}.post-content>:nth-child(14 of :not(style,script,astro-island)){animation-delay:.75s}.post-content>:nth-child(15 of :not(style,script,astro-island)){animation-delay:.8s}.post-content>:nth-child(n+16 of :not(style,script,astro-island)){animation-delay:.85s}@media screen and (width<=560px){.post-content>:nth-child(n+8 of :not(style,script,astro-island)){opacity:1;animation:none;transform:translateY(0)}}.post-list>*{opacity:0;animation:.5s cubic-bezier(.165,.84,.44,1) forwards fadeInUp}.post-list>:first-child{animation-delay:.1s}.post-list>:nth-child(2){animation-delay:.15s}.post-list>:nth-child(3){animation-delay:.2s}.post-list>:nth-child(4){animation-delay:.25s}.post-list>:nth-child(5){animation-delay:.3s}.post-list>:nth-child(6){animation-delay:.35s}.post-list>:nth-child(7){animation-delay:.4s}.post-list>:nth-child(8){animation-delay:.45s}.post-list>:nth-child(n+9){animation-delay:.5s}.post-list{box-sizing:border-box;width:480px;margin:0 auto;margin-bottom:var(--post-section-margin);padding-left:80px}@media screen and (width<=800px){.post-list{padding-left:72px;padding-right:24px}}@media screen and (width<=560px){.post-list{width:auto;padding:0 24px}}.post-item{margin:32px auto}.post-item>h2{margin:0;display:inline-block}.post-item>.post-info{text-align:left}.post-item>.post-spoiler{margin:1em 0}@media screen and (width<=440px){.post-info{flex-flow:column;display:flex}.post-info>:before{display:none}}.post-main,.post-misc,.post-comment{margin-bottom:var(--post-section-margin)}.post-main{flex-flow:row;width:100%;display:flex}.post-main a{border-bottom:1px solid color-mix(in oklch, var(--theme-color) 50%, transparent);transition:border .3s}.post-main a:hover,.post-main a:focus{border-bottom:5px solid}@media screen and (width<=560px){.post-main a:hover,.post-main a:focus{border-bottom:3px solid}}.post-main a:before{display:none}.post-main a.anchor{color:inherit;border-bottom:none}.post-main h1:hover a.anchor,.post-main h2:hover a.anchor,.post-main h3:hover a.anchor,.post-main h4:hover a.anchor,.post-main h5:hover a.anchor,.post-main h6:hover a.anchor{border-bottom:1px solid color-mix(in oklch, var(--theme-color) 50%, transparent)}.post-main h1 a.anchor:hover,.post-main h2 a.anchor:hover,.post-main h3 a.anchor:hover,.post-main h4 a.anchor:hover,.post-main h5 a.anchor:hover,.post-main h6 a.anchor:hover,.post-main h1 a.anchor:focus,.post-main h2 a.anchor:focus,.post-main h3 a.anchor:focus,.post-main h4 a.anchor:focus,.post-main h5 a.anchor:focus,.post-main h6 a.anchor:focus{border-bottom:5px solid}.post-content{flex:none;width:100%;position:relative}.post-content h1{text-align:center}.post-content h1:not(.post-title){display:none}.post-content img{width:100%;height:auto;margin:auto;display:block}.post-header{margin-bottom:32px}.post-info{text-transform:capitalize;text-align:center;opacity:.8;font-size:14px}.post-main>.post-toc,.post-main>astro-island>.post-toc{z-index:1;flex:none;align-self:flex-start;max-width:280px;margin-top:80px;margin-left:32px;font-size:14px;position:sticky;top:80px}.post-content>.post-toc,.post-content>astro-island>.post-toc{display:none}@media screen and (width<=1440px){.post-main>.post-toc,.post-main>astro-island>.post-toc{display:none}.post-content>.post-toc,.post-content>astro-island>.post-toc{display:block}}.post-toc ol,.post-toc ul{padding-left:1rem;list-style-type:none}.post-toc ol{counter-reset:section}.post-toc li:before{counter-increment:section;content:counters(section, ".");margin-right:.5em}.post-toc a.active:before{opacity:.5}.post-toc summary{letter-spacing:.25em;font-size:1.17em;font-weight:700}.scroll-to-btn{box-sizing:border-box;width:48px;height:48px;color:var(--theme-color);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:5;background-color:#0000;border:none;border-radius:50%;transition:opacity .3s;position:fixed;bottom:20%;right:15%}@media screen and (width<=800px){.scroll-to-btn{width:40px;height:40px;bottom:15%;right:10%}}.scroll-to-btn.visible{opacity:.5;pointer-events:auto}.scroll-to-btn.visible:hover{opacity:1}.scroll-to-btn img{width:16px;height:16px;margin:auto;position:absolute;inset:0}@media screen and (width<=800px){.scroll-to-btn img{width:12px;height:12px}}.scroll-to-btn.to-top img{transform:rotate(-90deg)}.scroll-to-btn:after{content:"";--scroll-progress-thumb:conic-gradient(currentcolor var(--scroll-progress), transparent 0);--scroll-progress-track:radial-gradient(ellipse farthest-side, transparent 90%, var(--scroll-progress-track-color) 10%);background:var(--scroll-progress-thumb), var(--scroll-progress-track);mask:var(--scroll-progress-track);border-radius:50%;position:absolute;inset:0}.post-content img{background-color:var(--img-dark-bg);border-radius:4px}
