:root{--background-color:#1d1f21;--card-background-color:#282b2d;--card-radius:10px;--card-padding:20px;--section-gap:30px;--inline-gap:15px;--img-text-gap:10px;--normal-column-gap:15px;--article-meta-gap:5px;--text-color1:rgba(255, 255, 255, 0.7);--text-color2:rgba(255, 255, 255, 0.5);--text-color3:rgba(255, 255, 255, 0.3);--code-bg:#44475a}@media(min-width:992px){:root{--card-padding:30px;--section-gap:40px}}.archives-page-year{margin-bottom:40px}.notfound{height:100%;width:100%;display:flex;flex-direction:column}.info-wrapper{margin:0 auto;margin-top:30px;text-align:center}.info-wrapper h2{color:var(--text-color1)}.info-wrapper h3{color:var(--text-color2)}.info-wrapper a{color:var(--text-color3)}.game-wrapper{width:100%;line-height:1.55;margin:0 auto;max-width:600px;margin-top:-80px}.game-wrapper .controller{height:100%;width:100%}.game-wrapper .icon-offline{-webkit-user-select:none;user-select:none;content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAGxJREFUeF7tyMEJwkAQRuFf5ipMKxYQiJ3Z2nSwrWwBA0+DQZcdxEOueaePp9+dQZFB7GpUcURSVU66yVNFj6LFICatThZB6r/ko/pbRpUgilY0Cbw5sNmb9txGXUKyuH7eV25x39DtJXUNPQGJtWFV+BT/QAAAAABJRU5ErkJggg==);position:relative}.game-wrapper .runner-container{height:150px;width:60px;max-width:600px;overflow:hidden}.game-wrapper .runner-canvas{height:150px;max-width:600px;overflow:hidden;opacity:1}.game-wrapper #offline-resources{display:none}.highlight{position:relative}.copy-btn{position:absolute;text-align:center;color:#fff;background-color:gray;min-width:50px;top:10px;right:10px;border-radius:5px;border:0;line-height:2;font-size:.8em}.copy-btn:hover{background-color:#909090}::-webkit-scrollbar{background-color:#1a1c1d}::-webkit-scrollbar-thumb{background-color:#373b3e}*{box-sizing:border-box}a{text-decoration:none;background-color:transparent}html{line-height:1.15;font-size:14px;height:100%}@media(min-width:1200px){html{font-size:16px}}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;background:var(--background-color);margin:0;height:100%;display:flex;flex-direction:column}body .main{display:flex;width:100%;margin:0 auto;max-width:1280px;justify-content:center;padding:0 20px;flex-grow:1}@media(min-width:1200px){body .main{padding:0 80px}}body .main .container{display:flex;flex-direction:column;width:100%;gap:var(--section-gap)}@media(min-width:992px){body .main .container{width:90%}}@media(min-width:1200px){body .main .container{width:70%}}.site-header{display:flex;align-items:center;height:2rem;margin:20px 5px}@media(min-width:992px){.site-header{margin:20px 60px 40px}}@media(min-width:1200px){.site-header{margin:20px 80px 40px}}.site-header .logo{display:flex;flex-direction:row;align-items:center;gap:var(--img-text-gap)}.site-header .logo svg{width:40px;height:40px}.site-header .logo a{font-size:2rem;color:var(--text-color1)}.site-header #toggle-menu{position:absolute;right:1rem;display:flex}.site-header #toggle-menu svg{width:32px;height:32px}@media(min-width:992px){.site-header #toggle-menu{display:none}}.site-footer{text-align:center;color:var(--text-color1);padding-bottom:30px;display:flex;flex-direction:column}.site-footer::before{content:"";display:block;height:3px;width:60%;background:var(--text-color3);margin:0 auto;margin-top:40px;margin-bottom:20px}.content{background-color:var(--card-background-color);border-radius:var(--card-radius)}.content .article-title-wrapper{padding:var(--card-padding);padding-bottom:0;display:flex;flex-direction:column;gap:var(--normal-column-gap)}.content .article-title-wrapper .article-title{font-size:1.8rem;margin:0;color:var(--text-color1)}.content .article-title-wrapper .article-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--inline-gap)}.content .article-title-wrapper .article-meta .article-time{display:flex;flex-direction:row;align-items:center;gap:var(--img-text-gap)}.content .article-title-wrapper .article-meta .article-time svg{width:16px;height:16px}.content .article-title-wrapper .article-meta .article-time time{font-size:1.1rem;color:var(--text-color2)}.content .article{margin:var(--card-padding)0;padding:0 var(--card-padding);line-height:1.85;color:var(--text-color1)}.content .article a{color:var(--text-color3)}.content .article p>code,.content .article li>code{margin:2px 4px;padding:2px 6px;background-color:var(--code-bg);border-radius:4px}.content .article h1,.content .article h2,.content .article h3,.content .article h4,.content .article h5,.content .article h6{margin-inline-start:calc(var(--card-padding) * -1);padding-inline-start:calc(var(--card-padding) - 4px);border-inline-start:4px solid #909090}.content .article img{display:block;max-width:100%;margin:auto;margin-top:0;margin-bottom:0}.content .article .table-wrapper table{display:table;empty-cells:show;width:100%;border-spacing:0;border-collapse:collapse;margin-bottom:1.5rem}.content .article .table-wrapper table thead{background-color:rgba(255,255,255,.1)}.content .article .table-wrapper table thead th{text-align:center;padding:1px 8px;border:1px solid var(--text-color1)}.content .article .table-wrapper table td{text-align:center;padding:1px 8px;border:1px solid var(--text-color1)}.content .article blockquote{padding:.5rem 1.5rem;border-left:.5rem;border-left-style:solid;margin:1rem 0;background-color:rgba(144,144,144,.1);border-color:rgba(144,144,144,.6);color:var(--text-color2)}.content .article blockquote p{margin:0}.content .article .footnotes{padding-top:20px}.content .article .MathJax{overflow-x:auto;overflow-y:clip;line-height:inherit}.footer{padding:var(--card-padding);padding-top:0}.footer .copyright{display:flex;flex-direction:row;align-items:center;text-transform:uppercase;color:var(--text-color1);gap:var(--img-text-gap)}.footer .copyright svg{width:20px;height:20px}body .content-page{max-width:1400px;margin-right:0}.article-list{display:flex;flex-direction:column;gap:var(--section-gap)}.article-list .article{display:flex;flex-direction:column;background-color:var(--card-background-color);border-radius:var(--card-radius)}.article-list .article .article-wrapper{display:flex;flex-direction:column;padding:var(--card-padding);gap:var(--normal-column-gap)}.article-list .article .article-wrapper .article-title{font-size:1.6rem;margin:0}.article-list .article .article-wrapper .article-title a{color:var(--text-color1)}.article-list .article .article-wrapper .article-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--inline-gap)}.article-list .article .article-wrapper .article-meta .article-time{display:flex;flex-direction:row;align-items:center;gap:var(--article-meta-gap)}.article-list .article .article-wrapper .article-meta .article-time svg{width:16px;height:16px}.article-list .article .article-wrapper .article-meta .article-time time{font-size:1.1rem;color:var(--text-color2)}.article-list .article .article-wrapper .article-meta .article-translations{display:flex;flex-direction:row;align-items:center;gap:var(--article-meta-gap)}.article-list .article .article-wrapper .article-meta .article-translations svg{width:16px;height:16px}.article-list .article .article-wrapper .article-meta .article-translations a{font-size:1.1rem;color:var(--text-color2)}.nav{display:flex;margin:0}.nav a{background:var(--card-background-color);border-radius:.5rem;padding-inline:2rem;line-height:3rem;color:var(--text-color1);text-decoration:none}.nav .nav-prev{margin-right:auto}.nav .nav-next{margin-left:auto}.widgets{position:sticky;top:0;padding-left:20px;gap:var(--section-gap);display:none;flex-direction:column;width:30%}@media(min-width:1200px){.widgets{display:flex}}.widget-title-wrapper{display:flex;margin-top:0;margin-bottom:10px;align-items:center;gap:var(--img-text-gap)}.widget-title-wrapper .widget-title{text-transform:uppercase;font-size:1.2rem;font-weight:700;color:var(--text-color2)}.widget-title-wrapper svg{width:24px;height:24px}.archives{display:flex;flex-direction:column}.archives .archives-list{display:flex;flex-direction:column;gap:var(--normal-column-gap)}.archives .archives-list .archives-year{background-color:var(--card-background-color);border-radius:var(--card-radius)}.archives .archives-list .archives-year a{font-size:1.1rem;padding:18px 25px;display:flex}.archives .archives-list .archives-year a .year{flex:1;color:var(--text-color2);font-weight:700}.archives .archives-list .archives-year a .count{color:var(--text-color3)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--inline-gap)}.tag-list a{background:var(--card-background-color);border-radius:4px;padding:8px 20px;color:var(--text-color2);font-size:1.2rem}.toc{top:20px;position:sticky}.toc-list{background-color:var(--card-background-color);border-radius:var(--card-radius);display:flex;flex-direction:column;line-height:2;max-height:500px;overflow-y:auto}.toc-list::-webkit-scrollbar{width:5px}.toc-list::-webkit-scrollbar{background-color:#1a1c1d}.toc-list::-webkit-scrollbar-thumb{background-color:#373b3e}.toc-list a{color:var(--text-color1)}.toc-list ul,.toc-list li{color:var(--text-color1)}.search{display:flex}.search div{width:100%}.search div input{background-color:var(--card-background-color);width:100%;padding:24px 20px;border-radius:var(--card-radius);border:0}.search div button{width:20px;height:20px;background:0 0;border:0;position:absolute;inset-inline-end:24px;top:20px;cursor:pointer}.chroma{color:#f8f8f2;background-color:#272822}.chroma .err{color:#960050;background-color:#1e0010}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:rgba(49,49,0,.8)}.chroma .lnt{margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .k{color:#66d9ef}.chroma .kc{color:#66d9ef}.chroma .kd{color:#66d9ef}.chroma .kn{color:#f92672}.chroma .kp{color:#66d9ef}.chroma .kr{color:#66d9ef}.chroma .kt{color:#66d9ef}.chroma .na{color:#a6e22e}.chroma .nc{color:#a6e22e}.chroma .no{color:#66d9ef}.chroma .nd{color:#a6e22e}.chroma .ne{color:#a6e22e}.chroma .nf{color:#a6e22e}.chroma .nx{color:#a6e22e}.chroma .nt{color:#f92672}.chroma .l{color:#ae81ff}.chroma .ld{color:#e6db74}.chroma .s{color:#e6db74}.chroma .sa{color:#e6db74}.chroma .sb{color:#e6db74}.chroma .sc{color:#e6db74}.chroma .dl{color:#e6db74}.chroma .sd{color:#e6db74}.chroma .s2{color:#e6db74}.chroma .se{color:#ae81ff}.chroma .sh{color:#e6db74}.chroma .si{color:#e6db74}.chroma .sx{color:#e6db74}.chroma .sr{color:#e6db74}.chroma .s1{color:#e6db74}.chroma .ss{color:#e6db74}.chroma .m{color:#ae81ff}.chroma .mb{color:#ae81ff}.chroma .mf{color:#ae81ff}.chroma .mh{color:#ae81ff}.chroma .mi{color:#ae81ff}.chroma .il{color:#ae81ff}.chroma .mo{color:#ae81ff}.chroma .o{color:#f92672}.chroma .ow{color:#f92672}.chroma .c{color:#75715e}.chroma .ch{color:#75715e}.chroma .cm{color:#75715e}.chroma .c1{color:#75715e}.chroma .cs{color:#75715e}.chroma .cp{color:#75715e}.chroma .cpf{color:#75715e}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gi{color:#a6e22e}.chroma .gs{font-weight:700}.chroma .gu{color:#75715e}.chroma{padding:15px;line-height:1.2}.chroma{overflow-x:auto;overflow-y:clip}.notice{padding:.5rem 1.5rem;border-left:.5rem;border-left-style:solid;margin:1rem 0;line-height:1.5}.notice p{margin:0}.notice .notice-title{font-size:1.1rem;font-weight:700}.notice-tip{background-color:rgba(19,215,124,.1);border-color:rgba(19,215,124,.6);color:rgba(19,215,124,.7)}.notice-warning{background-color:rgba(255,221,0,.1);border-color:rgba(255,221,0,.6);color:rgba(255,221,0,.7)}.notice-error{background-color:rgba(253,41,41,.1);border-color:rgba(253,41,41,.6);color:rgba(253,41,41,.7)}.notice-note{background-color:rgba(9,187,247,.1);border-color:rgba(9,187,247,.6);color:rgba(9,187,247,.7)}#sidebar{display:flex;flex-direction:column;width:100%}#sidebar .menu{background-color:var(--card-background-color);display:none;flex-direction:column;gap:var(--normal-column-gap);padding:30px;border-radius:var(--card-radius);border-top-left-radius:0;border-top-right-radius:0;list-style:none}#sidebar .menu a{color:var(--text-color1);display:flex;gap:var(--img-text-gap)}#sidebar .menu a svg{width:16px;height:16px}#sidebar .menu a span{font-size:1rem}#sidebar .show{display:flex}