:root{--font-mono:Monaco, Consolas, monospace}body{--bg:oklch(0.99 0.005 90);--bg-secondary:oklch(0.97 0.003 90);--bg-tertiary:oklch(0.95 0.003 90);--bg-hover:oklch(0.6 0.15 265 / 0.3);--fg:oklch(0.3 0 0);--fg-weak:oklch(0.5 0.01 90);--fg-strong:oklch(0.5 0.06 270);--fg-accent:oklch(0.5 0.2 255);--fg-hover:oklch(0.6 0.15 40);--fg-codeblock:oklch(0.8 0.01 90);--bg-codeblock:oklch(0.4 0.01 270);--bg-code:oklch(0.92 0 0);--shadow:oklch(0.1 0.05 100 / 0.1);--indent-line:oklch(0.7 0.05 250 / 0.2);--line:oklch(0.6 0.01 270);--bg-header:color-mix(in srgb, var(--bg-secondary) 50%, transparent);--radius:0.5rem;--waline-border:1px solid #2a2; #themetoggle::after { content: "☼"; color: oklch(0.6 0.2 90); font-size: 1.5rem; } --ht-main: #334155;--ht-day-bg:#ebedf0;--ht-tooltip:#24292f;--ht-tooltip-bg:#fff;--ht-lv-0:#ebedf0;--ht-lv-1:#9be9a8;--ht-lv-2:#40c463;--ht-lv-3:#30a14e;--ht-lv-4:#216e39}body.dark{--bg:oklch(0.38 0.03 270);--bg-secondary:oklch(0.36 0.029 265);--bg-tertiary:oklch(0.34 0.023 263);--bg-hover:oklch(0.55 0.1 265 / 0.5);--fg:oklch(0.8 0.002 260);--fg-weak:oklch(0.75 0.03 260);--fg-strong:oklch(0.8 0.06 260);--fg-accent:oklch(0.7 0.1 250);--fg-codeblock:oklch(0.8 0.01 270);--bg-codeblock:oklch(0.35 0.01 270);--bg-code:oklch(0.4 0.01 270);--shadow:oklch(0.2 0.02 270 / 0.4);--indent-line:oklch(0.6 0.02 250 / 0.5);--line:oklch(0.3 0.1 275);--waline-white:#000;--waline-light-grey:#666;--waline-dark-grey:#999;--waline-color:#888;--waline-bgcolor:#1e1e1e;--waline-bgcolor-light:#272727;--waline-border:1px solid #111;--waline-border-color:#333;--waline-disable-bgcolor:#444;--waline-disable-color:#272727;--waline-bq-color:#272727;--waline-info-bgcolor:#272727;--waline-info-color:#666; #themetoggle::after { content: "☽"; color: oklch(0.6 0.1 100); font-size: 1.5rem; } --ht-main: #94a3b8;--ht-day-bg:#161b22;--ht-tooltip:#24292f;--ht-tooltip-bg:#fff;--ht-lv-0:#161b22;--ht-lv-1:#0e4429;--ht-lv-2:#006d32;--ht-lv-3:#26a641;--ht-lv-4:#39d353}body{--blockquote-bg:#e0e0e0;--blockquote-border:#a5a5a5;--alert-note-bg:#eaf5ff;--alert-note-border:#0969da;--alert-tip-bg:#e6f4ea;--alert-tip-border:#3a9f47;--alert-important-bg:#f4f0ff;--alert-important-border:#8250df;--alert-caution-bg:#ffebe9;--alert-caution-border:#cf222e;--alert-warning-bg:#f7f0e0;--alert-warning-border:#9a6700;&.dark{--blockquote-bg:#424242;--blockquot-border:#121212;--alert-note-bg:#1a3a6f;--alert-tip-bg:#104d3e;--alert-important-bg:#3f2f78;--alert-caution-bg:#712b36;--alert-warning-bg:#5f4a1f}}.alert{display:flex;flex-direction:column;border-left:.25rem solid var(--blockquote-border);margin:.5rem 0;padding:.25rem 1rem .25rem .75rem;background-color:var(--bg-secondary);> .alert-heading{padding:0;margin:0;font-weight:700;background-color:inherit}}.alert-note{border-color:var(--alert-note-border);border-left-color:var(--alert-note-border);background-color:var(--alert-note-bg);> .alert-heading{color:var(--alert-note-border)}}.alert-tip{border-color:var(--alert-tip-border);background-color:var(--alert-tip-bg);> .alert-heading{color:var(--alert-tip-border)}}.alert-important{border-color:var(--alert-important-border);border-left-color:var(--alert-important-border);background-color:var(--alert-important-bg);> .alert-heading{color:var(--alert-important-border)}}.alert-caution{border-color:var(--alert-caution-border);border-left-color:var(--alert-caution-border);background-color:var(--alert-caution-bg);> .alert-heading{color:var(--alert-caution-border)}}.alert-warning{border-color:var(--alert-warning-border);border-left-color:var(--alert-warning-border);background-color:var(--alert-warning-bg);> .alert-heading{color:var(--alert-warning-border)}}:root{font-size:18px}*{line-height:1.5;box-sizing:border-box;margin:0;padding:0}input,button,textarea,select{font:inherit}img,picture,video,canvas,svg{max-width:100%}// h2,h3,h4{border-bottom:1px solid var(--bg-hover)}hr,section,select,dd{margin:.25rem .5rem}ul,ol{margin-left:2rem}details{> summary{list-style:none;cursor:pointer;position:relative;padding-right:1.5rem;&::after{content:"◂";position:absolute;right:.5rem}}&[open] > summary::after{transform:rotate(-90deg)}}em{font-weight:450}strong,em{color:var(--fg-strong);padding:.1rem}table{margin:.5rem;border-collapse:collapse;width:100%;text-indent:0}table caption{margin-bottom:.5rem}tr{border-bottom:.1rem solid var(--line)}td,th{padding:.25rem .5rem;word-break:normal}th:not(:last-child),td:not(:last-child){border-right:.1rem solid var(--line)}th{text-align:left}button{background-color:inherit;cursor:pointer}label{font-weight:700;cursor:pointer;border-radius:var(--radius);color:var(--fg-strong);&:hover{color:var(--fg-hover)}}progress{vertical-align:baseline}a{color:var(--fg-accent);text-decoration:none;&:hover{color:var(--fg-hover)}}.inpage,.footnote-backref,#TableOfContents a{color:var(--fg-strong);font-weight:400;&:hover{color:var(--fg-hover)}}.menusectionlink,.sectionlink{color:inherit;box-shadow:inset 0 -.4em 0 var(--bg-hover);&:hover{text-decoration:none;box-shadow:inset 0 -.8em 0 var(--bg-hover)}}.menupagelink,.pagelink{color:inherit;box-shadow:inset 0 -.2em 0 var(--bg-hover);&:hover{box-shadow:inset 0 -.4em 0 var(--bg-hover)}}.outlink-icon{height:1rem;width:1rem;vertical-align:middle;margin:0 .25rem}.anchor{font-size:.75em;margin-right:.25em}.tag{color:inherit;border-radius:var(--radius);padding:0 .5rem;background-color:var(--bg-secondary);word-break:keep-all}mark.tag{font-size:.8rem}mark.tag{border:.1rem solid var(--line)}a.tag{box-shadow:0 .2rem .2rem var(--bg-hover);&:hover{box-shadow:inset 0 -.5rem .1rem var(--bg-hover),0 .1rem .1rem var(--bg-hover)}}img,video,embed,iframe,figure,object{margin:0 auto;height:auto;text-align:center}pre,code,kbd,samp,var{background-color:var(--bg-code);font-family:var(--font-mono);font-size:.8rem;padding:.1rem .3rem}kbd{font-weight:700;border:.1rem solid var(--line);border-radius:var(--radius)}code{border-radius:var(--radius);white-space:pre;word-break:keep-all}.codeblock{background-color:var(--bg-codeblock);color:var(--fg-codeblock);margin:0}pre,.codeblock{overflow:auto;max-height:600px;padding:1rem;> code{background-color:inherit;border-radius:var(--radius);padding:0;margin:0;font-size:1rem}}.copybtn{border:none;position:absolute;background-color:var(--bg-code);border-radius:var(--radius);padding:0 .25rem;color:var(--fg);font-size:.8rem;top:2.25rem;right:.5rem}body{position:relative;display:grid;grid-template-areas:"banner banner banner" "sidebar post aside-bar" "footer footer aside-bar";grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr;max-width:clamp(900px,90%,1500px);margin:0 auto;min-height:100dvh;background:var(--bg-secondary);color:var(--fg-weak);word-break:normal;> main{box-shadow:0 0 .5rem var(--shadow);grid-area:post;background-color:var(--bg);position:relative;margin:0 0 .5rem;padding:.25rem 2rem 2rem;overflow-y:auto;display:grid;grid-template-areas:"page-start page-start" "main-content main-content" "page-end page-end";grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;> article{color:var(--fg);width:clamp(350px,80%,800px);margin:0 auto;grid-area:main-content;position:relative;overflow:hidden;p{margin:.5rem 0}details{margin:.5rem 0;position:relative;background-color:var(--bg-secondary);> summary{padding:.25rem 1rem .25rem .5rem;background-color:var(--bg-tertiary)}}}}}.site-header{grid-area:banner;z-index:2;height:3rem;position:sticky;top:0;background:color-mix(in srgb,var(--bg-secondary) 50%,transparent);backdrop-filter:blur(.1rem);padding:0 .5rem;display:flex;justify-content:space-between;align-items:center}.site-aside,.site-nav{background:inherit;position:sticky;top:0;padding:3rem .5rem 0;margin:-3rem 0 0;max-height:calc(100vh - 1.5rem);overflow-y:auto;display:flex;flex-direction:column}.site-nav{grid-area:sidebar;width:200px}.site-aside{grid-area:aside-bar;width:auto;max-width:250px;min-width:200px}.page-header{grid-area:page-start;position:relative;padding-right:1rem;border-bottom:.1rem solid var(--line);padding-bottom:.5rem}.page-footer{grid-area:page-end}#nav-checkbox:checked~.site-nav{display:none}.site-title{display:flex;font-size:2rem;gap:1rem;align-items:center;justify-content:space-between}#themetoggle{font-size:1.5rem}#menu-btn{display:none;font-size:2rem}.mainmenu{position:relative;display:flex;gap:.5rem;li{list-style:none}}.mainmenu-top{position:relative}.mainmenu-top[open]>menu{background-color:var(--bg-secondary);position:absolute;top:100%;right:0;white-space:nowrap;width:auto}.site-footer{grid-area:footer;position:sticky;bottom:0;color:var(--fg-weak);background:inherit;padding:0 2rem 0 0;display:flex;align-items:center;justify-content:center}.section-tree{list-style:none;margin:0;li{padding:.25rem 2rem}}.post-info{position:relative;background-color:var(--bg-secondary);border-radius:var(--radius);padding:.5rem;margin:.5rem;> p{color:var(--fg-weak);text-align:center;align-items:center}}.post-end-nav{display:grid;grid-template-areas:"prev top next";grid-template-columns:1fr 5rem 1fr;> div{display:flex;align-items:center;padding:.5rem;position:relative;background-color:var(--bg-secondary);border-radius:var(--radius);&:hover{background-color:var(--bg-hover);color:var(--fg-hover)}> a{position:absolute;top:0;left:0;width:100%;height:100%}}}.post-prev{grid-area:prev;justify-content:flex-start}.page-top{grid-area:top;justify-content:space-evenly;margin:0 .5rem}.post-next{grid-area:next;justify-content:flex-end}.side-entry,#TableOfContents ul li{padding-left:.5rem;padding-right:1.25rem;overflow-wrap:break-word;word-break:break-word}.side-entry a.pagelink::before,#TableOfContents ul li a::before{content:"•"}summary.side-entry:hover{background-color:var(--bg-secondary)}.sideblock,.asideblock{background-color:var(--bg);margin-bottom:.5rem;box-shadow:0 0 .5rem var(--shadow)}#TableOfContents ul,.sideblock,.asideblock,.indentline{display:flex;flex-direction:column;li{list-style:none}}.indentline,#TableOfContents ul{border-left:.25rem solid var(--indent-line);margin:0 0 .25rem .5rem}.pagination{display:flex;justify-content:space-between;margin:1rem auto;padding:0;list-style:none;width:auto;max-width:80%}.list-block{margin:.5rem 0;display:flex}.list-block-header{width:3rem;flex:none}.list-block-content{flex:1;margin:0}.post-section{display:flex;flex-direction:column;margin:.5rem;padding:.5rem 1rem;position:relative;p{margin:0}box-shadow:0 0 .5rem var(--shadow)}.top{position:absolute;right:.5rem;padding:0 .25rem;border-radius:var(--radius);&:hover{color:var(--fg-hover);background-color:var(--bg-hover)}}.socials{display:flex;justify-content:space-evenly}.icon{width:1em;height:1em;vertical-align:middle;margin:0 .25em}#aside-btn{display:block;position:absolute;right:0;top:0}#aside-checkbox:checked~aside{display:none}.comment-switcher{margin:1rem auto 0;display:flex;justify-content:space-between;gap:1rem;width:100%}.comment-label{color:var(--fg-strong);background-color:var(--bg-secondary);width:100%;text-align:center;padding:.5rem}.comment-checkbox{display:none}.comment-container{margin:1rem 0;padding:1rem 0;display:none;border-bottom:.1rem solid var(--line)}#comment-cwd:checked{~ #cwd-container{display:block}~ .comment-switcher > #cwd-btn{color:var(--fg-hover)}}#comment-waline:checked{~ #waline-container{display:block}~ .comment-switcher > #waline-btn{color:var(--fg-hover)}}#comment-twikoo:checked{~ #twikoo-container{display:block}~ .comment-switcher > #twikoo-btn{color:var(--fg-hover)}}#comment-giscus:checked{~ #giscus-container{display:block}~ .comment-switcher > #giscus-btn{color:var(--fg-hover)}}.giscus{display:flex;margin:0 auto}.giscus-frame{margin:0 auto}#searchbox{position:relative;padding:.5rem;width:100%}#searchbox input{height:1.5rem;width:100%;background-color:var(--bg-tertiary);color:var(--fg-accent)}#searchResults{margin:0;> .focus{background-color:var(--bg-tertiary)}.search-result-content{font-size:.8rem;color:var(--fg-weak)}strong{color:var(--fg-accent)}}@media(max-width:768px){:root{font-size:16px}body{position:absolute;grid-template-areas:"n banner" "sidebar aside-bar" "sidebar post" "n2 footer";grid-template-columns:70vw 100vw;width:170vw;left:-70vw;overflow-y:auto;> main{margin:0;padding:1rem;position:relative;grid-template-areas:"page-start" "main-content" "page-end";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;> article{max-width:100%;min-width:50%;width:auto}}}.site-header{height:auto;flex-direction:column}.site-title{width:100%}#menu-btn{display:block}.site-subtitle{display:none}.site-nav{position:sticky;top:0;margin-top:-3rem;padding:3rem .5rem 0;width:70vw}.mainmenu{display:none;flex-direction:column;gap:0;align-items:center;margin:.5rem 0}.mainmenu-top[open]>menu{position:relative}#menu-checkbox:checked~.mainmenu{display:flex;menu, li{flex-direction:column}}#menu-checkbox:checked~.site-subtitle{display:block}#menu-checkbox:checked~.site-title>#menu-btn{transform:rotate(-90deg)}#nav-checkbox:checked~.site-nav{display:flex;flex-direction:column;left:0;z-index:1}.page-header{margin:0}#aside-btn{transform:rotate(90deg)}.site-aside{display:none;max-width:none;padding:.5rem 0;margin:0 1rem;border-bottom:.1rem solid var(--line);position:relative}#aside-checkbox:checked~aside{display:block}}@media(max-width:820px) and (min-width:768px){:root{font-size:16px}.site-nav{display:none;width:200px}.site-aside{max-width:150px;min-width:100px}#nav-checkbox:checked~.site-nav{display:flex}}.filter-label{display:inline-block;margin-right:.5rem;cursor:pointer;word-break:keep-all}#clear-filters{font-size:.8rem}.heatmap_container{display:flex;flex-direction:column;align-items:flex-start;width:max-content;max-width:100%;margin-inline:auto;font-size:10px;line-height:12px;color:var(--ht-main);// max-width: 80vw;// overflow: auto}.heatmap_content{display:flex;flex-direction:row;align-items:flex-end}.heatmap_week{display:flex;margin-top:.25rem;margin-right:.25rem;flex-direction:column;justify-content:flex-start;align-items:flex-end;text-align:right}.heatmap_main{display:flex;flex-direction:column}.heatmap_month{display:flex;flex-direction:row;margin-top:.25rem;margin-right:.25rem;justify-content:space-around;align-items:flex-end;text-align:right}.heatmap{display:flex;flex-direction:row;height:84px}.heatmap_footer{display:flex;margin-top:.5rem;align-items:center;align-self:flex-end}.heatmap_level{display:flex;gap:2px;margin:0 .25rem;flex-direction:row;align-items:center;width:max-content;height:10px}.heatmap_level_item{display:block;border-radius:.125rem;width:10px;height:10px}.heatmap_level_0{background:var(--ht-lv-0)}.heatmap_level_1{background:var(--ht-lv-1)}.heatmap_level_2{background:var(--ht-lv-2)}.heatmap_level_3{background:var(--ht-lv-3)}.heatmap_level_4{background:var(--ht-lv-4)}.heatmap_week{display:flex;flex-direction:column}.heatmap_day{width:10px;height:10px;background-color:var(--ht-day-bg);margin:1px;border-radius:2px;display:inline-block;position:relative}.heatmap_tooltip{position:absolute;bottom:12px;left:50%;width:max-content;color:var(--ht-tooltip);background-color:var(--ht-tooltip-bg);font-size:12px;line-height:16px;padding:8px;border-radius:3px;white-space:pre-wrap;opacity:1;transition:.3s;z-index:3;text-align:right;transform:translateX(-50%)}.heatmap_tooltip_count,.heatmap_tooltip_post{display:inline-block}.heatmap_tooltip_title,.heatmap_tooltip_date{display:block}.heatmap_tooltip_date{margin:0 .25rem}.heatmap_day_level_0{background-color:var(--ht-lv-0)}.heatmap_day_level_1{background-color:var(--ht-lv-1)}.heatmap_day_level_2{background-color:var(--ht-lv-2)}.heatmap_day_level_3{background-color:var(--ht-lv-3)}.heatmap_day_level_4{background-color:var(--ht-lv-4)}