diff --git a/_config.yml b/_config.yml
index 5d68263..9389001 100644
--- a/_config.yml
+++ b/_config.yml
@@ -25,4 +25,6 @@ description: 这里是霧雨蘑菇汤的互联网小角落，本店提供：最
 
 author: KirisameSoup
 
-locale: zh_CN
\ No newline at end of file
+locale: zh_CN
+
+# host: kirisoup.github.io # it has no real functionality other than being referenced as a string in stylesheets. 
\ No newline at end of file
diff --git a/_data/nav.yml b/_data/nav.yml
index 19c19fd..48d754f 100644
--- a/_data/nav.yml
+++ b/_data/nav.yml
@@ -1,6 +1,6 @@
 - name: 主页
   link: /home
-- name: About
+- name: 关于
   link: /about
 - name: Markdown 实验室
   link: /md-lab
diff --git a/_site/about.html b/_site/about.html
index d5afee6..daf27ad 100644
--- a/_site/about.html
+++ b/_site/about.html
@@ -37,7 +37,7 @@
     <p>
       <strong class="urHere-i"> >>&nbsp; </strong>
       <a href="/about" class="urHere">
-        About 
+        关于 
       </a>
       <!-- <strong class="urHere-i"> <<< </strong> -->
     </p>
@@ -63,7 +63,9 @@
             <div class="nav-b"></div>
           </div>
           <div class="window">
-            <main class="content"><h1 id="about-">about :|</h1>
+            <main class="content"><h1 id="关于">关于：</h1>
+
+<p>这里还空空如也，以后再回来看看吧。</p>
 
             </main>
             <div class="buttonBar">
@@ -99,14 +101,16 @@
         <label class="fullscreenTg toggle" id="exitFull" title="退出全屏"></label>
       </div>
       <div class="content f">
-        <h1 id="f_about-">about :|</h1>
+        <h1 id="f_关于">关于：</h1>
+
+<p>这里还空空如也，以后再回来看看吧。</p>
 
       </div> <!-- really stupid way to fix duplicated id issue -->
       <div class="bottomBar">
         <div class="left">地址：http://localhost:4000/about | 作者：Kirisame Soup ☆ </div>
         <div class="right">
-            词量：2
-          | 字符量：8
+            词量：20
+          | 字符量：21
         </div>
       </div>
     </div>
diff --git a/_site/archive.html b/_site/archive.html
index 26fee02..c86f6f8 100644
--- a/_site/archive.html
+++ b/_site/archive.html
@@ -37,7 +37,7 @@
     <p>
       
       <a href="/about" >
-        About 
+        关于 
       </a>
       <!--  -->
     </p>
diff --git a/_site/assets/css/default/style.css b/_site/assets/css/default/style.css
index f78292f..f28d2f9 100644
--- a/_site/assets/css/default/style.css
+++ b/_site/assets/css/default/style.css
@@ -1 +1 @@
-iframe{display:initial}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}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:rgba(0,0,0,0)}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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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}:root{--color: #44d;--color-sat: #00f;--color-fade: #eef;--color-plain: #000;--color-mid: #666;--color-green: #464;--color-green-fade: #efe;--color-red: #d00;--color-red-fade: #fdd;--color-yellow: #ff0;--color-yellow-fade: #ffe;--color-miku: #4dd;--color-miku-fade: #eff;--color-magenta: #f4f;--color-magenta-fade: #fef;--color-page: #fff}#soup\.exe{border:#fff 1px solid;box-shadow:10px 10px 20px 10px #44d}#soup\.exe::-webkit-resizer{background:url(/assets/image/resizer.gif);background-size:cover}#soup\.exe,#pseu{max-height:95vh;max-width:99vw;min-height:25vh;min-width:25vw;resize:both}html{image-rendering:pixelated}html,.nav{background:url(/assets/image/bg.gif);background-color:#000;background-position:center;background-size:max(20vw,40vh)}html::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url(/assets/image/cloud.png);background-size:cover;background-position:center}html::after{content:"";position:fixed;inset:0;z-index:-1;background:url(/assets/image/rain.gif);opacity:.5}html:has(.cornerCara:not([id="0"])){background:url(/assets/image/IMG_1148.JPG);background-color:#000;background-size:contain;background-position:right}.c1 .banner{border:#000 1px solid;background:url(/assets/image/xp_.gif);background-size:20vw;box-shadow:inset 10px -10px 5px -5px #44d,inset -30px 0 30px -20px rgba(68,68,221,.6666666667),inset -90px 50px 30px -30px #fff}.c1 .banner::before,.c1 .banner::after{position:absolute;inset:0;background-repeat:no-repeat !important}.c1 .banner::before{content:"";background:url(/assets/image/banner.png);background-color:#ccf;background-size:max(90%,600px) 100% !important;background-position:40px;mix-blend-mode:hard-light;opacity:.8}.c1 .banner::after{content:"";background:url(/assets/image/bannerTxt.png);background-size:auto 100% !important;background-position:calc(100% - max(30%,20px)) !important}.c1 .main .nav{position:relative;border-inline:#44d 1px solid}.c1 .main .nav-c{position:relative;z-index:1;height:100%;text-shadow:#fff 2px 2px;mix-blend-mode:hard-light;color:#2985ff}.c1 .main .nav-c p{padding-inline:1em 0;padding-block:.5em;margin-block:0;display:flex}.c1 .main .nav-c a,.c1 .main .nav-c .urHere-i{padding-right:100%;padding-block:.5em;margin-right:-100%;margin-block:-0.5em}.c1 .main .nav-c a{position:relative;color:#38f}.c1 .main .nav-c a.urHere{pointer-events:none}.c1 .main .nav-c .urHere-i{display:inline-block}.c1 .main .nav-c p{transition:all 0s .2s,background-color .4s .2s}.c1 .main .nav-c p:hover{transition:all 0s;padding-left:20%;background-color:#ccf}.c1 .main .nav-b{position:absolute;left:-25%;height:400%;width:150%;bottom:0;mix-blend-mode:lighten;background:linear-gradient(90deg, #000, rgba(0, 0, 0, 0) 50%),repeating-linear-gradient(#f80, #f0f 25%, #0ff 37.5%, #8f0 42%, #f80 50%);filter:contrast(2) blur(10px);animation:bgScroll 10s linear infinite}@keyframes bgScroll{from{bottom:-200%}to{bottom:0}}.c1 .bottom{width:100%;background:#000}.c1 .bottom img{position:relative;top:50%;transform:translateY(-50%)}.c2-b{position:absolute;inset:0;image-rendering:pixelated;background:url(/assets/image/bg2.gif);background-color:#000;background-size:max(10vw,20vh)}.c2 .chatroom{position:absolute;inset:0;width:auto;height:auto;overflow:scroll}.c2 .chatroom .giscus{height:100%}.c2 .chatroom .giscus .giscus-frame{position:absolute;inset:0 unset}.c2 iframe[name=neolink]{position:absolute;margin:10px;bottom:0}.content{text-align:justify;text-justify:inter-ideograph;background-color:var(--color-page);padding-inline:3em 2em}.content ::selection{color:var(--color-page);background:var(--color)}.fullscreen{transition:opacity .2s .2s,top .2s,bottom .2s;position:absolute;display:flex;flex-direction:column;left:50%;top:50vh;bottom:50vh;transform:translateX(-50%);z-index:10;width:90vw;background:#d1d1f7;box-shadow:-1px -1px 0 1px #e8e8fb,0 0 0 2px #000,inset -2px -4px #a2a2ee,inset 2px 2px #fff}.fullscreen.on{transition:opacity .2s,top .2s,bottom .2s;opacity:1;pointer-events:all;top:2vh;bottom:2vh}.fullscreen .content{flex:9;padding-inline:2em calc(2em + 5vw);margin:6px;font-size:1.2rem;box-shadow:inset -2px -2px #e8e8fb,inset 2px 2px #44d}.fullscreen .bottomBar{position:relative;height:1em;margin-block:0 10px;margin-inline:6px;color:var(--color)}.fullscreen .bottomBar .left,.fullscreen .bottomBar .right{display:inline-block}.fullscreen .bottomBar .right{position:absolute;right:0}.buttonBar{height:1.5em;padding:.25em;color:#fff;background:linear-gradient(90deg, #44d 20%, #a2a2ee);text-wrap:nowrap;overflow:hidden}.buttonBar .toggle{position:absolute;display:block;top:.25em;margin-right:.5em;width:1.5em;height:1.5em;box-sizing:border-box;background:#d1d1f7;box-shadow:inset -1.5px -1.5px #44d,inset 1.5px 1.5px #fff,inset -3px -3px #a2a2ee,inset 3px 3px #e8e8fb}.buttonBar .toggle::before{content:"";position:absolute;top:5px;left:5px;right:6px;bottom:6px;image-rendering:pixelated;background-size:cover !important;background-repeat:no-repeat !important}.buttonBar .toggle:hover{background:#e8e8fb}.buttonBar .toggle:active{background:#d1d1f7;box-shadow:inset -1.5px -1.5px #fff,inset 1.5px 1.5px #44d,inset -3px -3px #e8e8fb,inset 3px 3px #a2a2ee}.buttonBar .toggle:active::before{top:6px;left:6px;right:5px;bottom:5px}.window .buttonBar .toggle.fullscreenTg::before{background:url(/assets/image/button/max.gif)}.fullscreen .buttonBar .toggle.fullscreenTg::before{background:url(/assets/image/button/unmax.gif)}.buttonBar .toggle.darkTg::before{background:url(/assets/image/button/dark.gif)}.buttonBar .toggle.fontTg::before{background:url(/assets/image/button/font.gif)}.window .buttonBar{position:relative;height:100%;min-width:20px;max-width:20px;padding-inline:.25em;background:#44d}.window .buttonBar .toggle{left:50%;transform:translateX(-50%)}.window .buttonBar .darkTg{top:2em}.window .buttonBar .fontTg{top:3.5em}.fullscreen .buttonBar .fullscreenTg{right:0em}.fullscreen .buttonBar .darkTg{right:1.75em}.fullscreen .buttonBar .fontTg{right:3.25em}.cornerCara,.cornerCara-b{position:fixed;bottom:-16vh;right:calc(10vw - 39vh);transform:scale(75%);z-index:-3;height:calc(100vh + 10vw);max-height:140vh;aspect-ratio:.77;filter:drop-shadow(-1vw 2vw rgba(0, 0, 0, 0.5333333333))}.cornerCara-b{transition:opacity 1s;pointer-events:none;z-index:2}.cornerCara::before{content:"";position:absolute;inset:0}#soup\.exe:hover~.cornerCara-b,#soup\.exe:active~.cornerCara-b{transition:opacity 0s;opacity:.2}.cornerCara[id="0"]+.cornerCara-b,.cornerCara[id="0"]::before{background:url(/assets/image/cornerCara/marisa0.webp);background-size:contain}.cornerCara[id="1"]+.cornerCara-b,.cornerCara[id="1"]::before{background:url(/assets/image/cornerCara/marisa1.webp);background-size:contain}.cornerCara[id="2"]+.cornerCara-b,.cornerCara[id="2"]::before{background:url(/assets/image/cornerCara/marisa2.webp);background-size:contain}.cornerCara[id="3"]+.cornerCara-b,.cornerCara[id="3"]::before{background:url(/assets/image/cornerCara/marisa3.webp);background-size:contain}.cornerCara[id="4"]+.cornerCara-b,.cornerCara[id="4"]::before{background:url(/assets/image/cornerCara/marisa4.webp);background-size:contain}.cornerCara[id="5"]+.cornerCara-b,.cornerCara[id="5"]::before{background:url(/assets/image/cornerCara/marisa5.webp);background-size:contain}.cornerCara[id="6"]+.cornerCara-b,.cornerCara[id="6"]::before{background:url(/assets/image/cornerCara/marisa6.webp);background-size:contain}.cornerCara[id="7"]+.cornerCara-b,.cornerCara[id="7"]::before{background:url(/assets/image/cornerCara/marisa7.webp);background-size:contain}.cornerCara[id="8"]+.cornerCara-b,.cornerCara[id="8"]::before{background:url(/assets/image/cornerCara/marisa8.webp);background-size:contain}.cornerCara[id="9"]+.cornerCara-b,.cornerCara[id="9"]::before{background:url(/assets/image/cornerCara/marisa9.webp);background-size:contain}.cornerCara[id="10"]+.cornerCara-b,.cornerCara[id="10"]::before{background:url(/assets/image/cornerCara/marisa10.webp);background-size:contain}.cornerCara[id="11"]+.cornerCara-b,.cornerCara[id="11"]::before{background:url(/assets/image/cornerCara/marisa11.webp);background-size:contain}.cornerCara[id="12"]+.cornerCara-b,.cornerCara[id="12"]::before{background:url(/assets/image/cornerCara/marisa12.webp);background-size:contain}.cornerCara[id="13"]+.cornerCara-b,.cornerCara[id="13"]::before{background:url(/assets/image/cornerCara/marisa13.webp);background-size:contain}.cornerCara[id="14"]+.cornerCara-b,.cornerCara[id="14"]::before{background:url(/assets/image/cornerCara/marisa14.webp);background-size:contain}.cornerCara[id="15"]+.cornerCara-b,.cornerCara[id="15"]::before{background:url(/assets/image/cornerCara/marisa15.webp);background-size:contain}.cornerCara{background:url(/assets/image/cornerCara/marisaB_.webp);background-size:120%;background-position:-40% -40%;image-rendering:pixelated}.ibm,.ibm-b{position:absolute;right:calc(10vw - 39vh);bottom:0;z-index:-1;pointer-events:visible;transform:translateX(-20%);height:calc(25vh + 2.5vw);max-height:35vh;aspect-ratio:2}.ibm-b{mix-blend-mode:darken}.vid{position:absolute;display:none;right:-38%;bottom:-55%;transform:scale(0.17, 0.23) rotate(8deg) skew(3deg);width:170%;aspect-ratio:16/9;pointer-events:none;background:#fff}@keyframes flicker{0%{opacity:.65}50%{opacity:.65}50.1%{opacity:.5}100%{opacity:.5}}.vid iframe{position:absolute;width:100%;height:100%;z-index:10;inset:0}.mask:has(input:checked)~.vid{display:block;animation:flicker .05s linear infinite}.pc{transition:visibility 0s 1s,opacity 1s;visibility:hidden}.pc-b{transition:opacity 1s;z-index:1}.pc,.pc-b{position:absolute;right:8%;bottom:0%;width:75%;aspect-ratio:1.63;pointer-events:none;background:url(/assets/image/ibm.png);background-size:cover}.pc::before,.pc-b::before{position:absolute;left:35%;top:45%;width:50%;z-index:20;transform:rotate(9deg) skew(7deg);font-size:3.2vh}#soup\.exe:hover~.ibm-b .pc,#soup\.exe:active~.ibm-b .pc{transition:visibility 0s;visibility:visible}#soup\.exe:hover~.ibm .pc-b,#soup\.exe:active~.ibm .pc-b{transition:0s;opacity:0}.mask{position:absolute;display:block;right:32.7%;bottom:20%;z-index:1;transform:rotate(11deg) skew(7deg);width:28%;aspect-ratio:1.34;background:url(/assets/image/rainbowDither.png);background-size:4vw;opacity:0;mix-blend-mode:darken;animation:maskScroll 1s linear infinite}@keyframes maskScroll{0%{background-position:0}100%{background-position:8vw}}.mask:has(input:checked){opacity:.3}.mask:not(:has(input:checked))~.pc-b::before,.ibm-b:not(:has(~.ibm .mask input:checked)) .pc::before{color:#fff}.mask:not(:has(input:checked))~.pc-b::before,.ibm-b:not(:has(~.ibm .mask input:checked)) .pc::before{content:"Power off";filter:drop-shadow(0 0 5px #fff)}#soup\.exe,.fullscreen{cursor:url(/assets/image/cursor/hat.gif),auto !important}a,button,label,.cornerCara{animation:wonderCursor .5s infinite}@keyframes wonderCursor{0%{cursor:url(/assets/image/cursor/hatq1.gif),auto}25%{cursor:url(/assets/image/cursor/hatq2.gif),auto}50%{cursor:url(/assets/image/cursor/hatq3.gif),auto}75%{cursor:url(/assets/image/cursor/hatq4.gif),auto}100%{cursor:url(/assets/image/cursor/hatq5.gif),auto}}canvas{transition:.5s;opacity:.5;z-index:-2;image-rendering:pixelated}#soup\.exe:hover~canvas,#soup\.exe:active~canvas{opacity:0;animation:hideCanvas .5s linear forwards}@keyframes hideCanvas{0%{visibility:visible}100%{visibility:hidden}}.window ::-webkit-scrollbar,.fullscreen ::-webkit-scrollbar{width:24px}.window ::-webkit-scrollbar:horizontal,.fullscreen ::-webkit-scrollbar:horizontal{height:24px}.window ::-webkit-scrollbar-corner,.fullscreen ::-webkit-scrollbar-corner{background:#d1d1f7;box-shadow:inset -3px -3px #a2a2ee,inset 3px 3px #e8e8fb}.window ::-webkit-scrollbar-track,.fullscreen ::-webkit-scrollbar-track{background:url(/assets/image/scrollbar/bg.png);background-size:4px}.window ::-webkit-scrollbar-thumb,.fullscreen ::-webkit-scrollbar-thumb{background:#d1d1f7;box-shadow:inset -1.5px -1.5px #44d,inset 1.5px 1.5px #fff,inset -3px -3px #a2a2ee,inset 3px 3px #e8e8fb}.window ::-webkit-scrollbar-button,.fullscreen ::-webkit-scrollbar-button{background-size:cover !important}.window ::-webkit-scrollbar-button:horizontal:start:decrement,.window ::-webkit-scrollbar-button:horizontal:end:increment,.window ::-webkit-scrollbar-button:vertical:start:decrement,.window ::-webkit-scrollbar-button:vertical:end:increment,.fullscreen ::-webkit-scrollbar-button:horizontal:start:decrement,.fullscreen ::-webkit-scrollbar-button:horizontal:end:increment,.fullscreen ::-webkit-scrollbar-button:vertical:start:decrement,.fullscreen ::-webkit-scrollbar-button:vertical:end:increment{display:block}.window ::-webkit-scrollbar-button:vertical,.fullscreen ::-webkit-scrollbar-button:vertical{height:24px}.window ::-webkit-scrollbar-button:vertical:start,.fullscreen ::-webkit-scrollbar-button:vertical:start{background:url(/assets/image/scrollbar/up.png)}.window ::-webkit-scrollbar-button:vertical:end,.fullscreen ::-webkit-scrollbar-button:vertical:end{background:url(/assets/image/scrollbar/down.png)}.window ::-webkit-scrollbar-button:horizontal,.fullscreen ::-webkit-scrollbar-button:horizontal{width:24px}.window ::-webkit-scrollbar-button:horizontal:start,.fullscreen ::-webkit-scrollbar-button:horizontal:start{background:url(/assets/image/scrollbar/left.png)}.window ::-webkit-scrollbar-button:horizontal:end,.fullscreen ::-webkit-scrollbar-button:horizontal:end{background:url(/assets/image/scrollbar/right.png)}html{color:#000;text-underline-offset:25%}.content{color:var(--color) !important}.content>p:not([class],:has(img)):after{content:"湯";position:relative;display:inline-block;padding-left:.3em;line-height:.5em;opacity:.5;font-size:.7em;color:var(--color-red);transform:rotate(15deg);white-space:pre}a{position:relative;color:var(--color-miku)}a::after{content:"";position:absolute;inset:-0.5em}a::selection,a ::selection{background:var(--color-miku) !important}[norm]{color:var(--color-miku);text-decoration:underline}h1,.fake.h1{font-weight:bolder}h2,.fake.h2{font-weight:bolder}h3,.fake.h3{font-weight:bolder}h4,.fake.h4{font-weight:bolder}h5,.fake.h5{font-weight:normal}h6,.fake.h6{font-weight:normal}h4,.fake.h4{font-style:italic}h6,.fake.h6{font-style:italic}h1{margin-top:1em}:first-child~h1{margin-top:2em}h2{margin-top:1em}:first-child~h2{margin-top:2em}h3{margin-top:1em}:first-child~h3{margin-top:2em}h4{margin-top:1em}:first-child~h4{margin-top:2em}h5{margin-top:1em}:first-child~h5{margin-top:2em}h6{margin-top:1em}:first-child~h6{margin-top:2em}h1,.fake.h1{margin-bottom:1em}h2,.fake.h2{margin-bottom:1em}h3,.fake.h3{margin-bottom:.5em}h4,.fake.h4{margin-bottom:.5em}h5,.fake.h5{margin-bottom:.5em}h6,.fake.h6{margin-bottom:.5em}h1+h1{margin-top:0 !important}h1+h2{margin-top:0 !important}h1+h3{margin-top:0 !important}h1+h4{margin-top:0 !important}h1+h5{margin-top:0 !important}h1+h6{margin-top:0 !important}h2+h1{margin-top:0 !important}h2+h2{margin-top:0 !important}h2+h3{margin-top:0 !important}h2+h4{margin-top:0 !important}h2+h5{margin-top:0 !important}h2+h6{margin-top:0 !important}h3+h1{margin-top:0 !important}h3+h2{margin-top:0 !important}h3+h3{margin-top:0 !important}h3+h4{margin-top:0 !important}h3+h5{margin-top:0 !important}h3+h6{margin-top:0 !important}h4+h1{margin-top:0 !important}h4+h2{margin-top:0 !important}h4+h3{margin-top:0 !important}h4+h4{margin-top:0 !important}h4+h5{margin-top:0 !important}h4+h6{margin-top:0 !important}h5+h1{margin-top:0 !important}h5+h2{margin-top:0 !important}h5+h3{margin-top:0 !important}h5+h4{margin-top:0 !important}h5+h5{margin-top:0 !important}h5+h6{margin-top:0 !important}h6+h1{margin-top:0 !important}h6+h2{margin-top:0 !important}h6+h3{margin-top:0 !important}h6+h4{margin-top:0 !important}h6+h5{margin-top:0 !important}h6+h6{margin-top:0 !important}.content a::before{content:"¥目标: http://localhost:4000" attr(pageurl) attr(href) attr(t) !important}.content a[target=_blank]::before{content:"¥目标: " attr(href) attr(t) !important}h1{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h2{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h3{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h4{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h5{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h6{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h1{border-bottom:var(--color) 3px solid}h2{border-bottom:var(--color) 3px dashed}h3{border-bottom:var(--color) 3px dotted}h4{border-bottom:var(--color) 3px dotted}h4{width:max-content}h5{width:max-content}h6{width:max-content}h1[id]{--notify: "--> 点击复制标题链接"}h1[id]::before,h1[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h2[id]{--notify: "--> 点击复制标题链接"}h2[id]::before,h2[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h3[id]{--notify: "--> 点击复制标题链接"}h3[id]::before,h3[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h4[id]{--notify: "--> 点击复制标题链接"}h4[id]::before,h4[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h5[id]{--notify: "--> 点击复制标题链接"}h5[id]::before,h5[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h6[id]{--notify: "--> 点击复制标题链接"}h6[id]::before,h6[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h1[id]::before,h1[id]::after{display:block}h1[id]::before{content:"#" attr(id) " ";position:relative;bottom:.2em;text-decoration:dashed underline 1.5px}h1[id]:hover::after{content:var(--notify);position:absolute;top:.5rem;right:0;background:var(--color-page);opacity:1}h1[id]:active{background:var(--color);color:var(--color-page)}h1[id]:active::after{content:""}h1[id]:active::selection,h1[id]:active ::selection{color:var(--color);background:var(--color-page)}h2[id]::before,h2[id]::after{display:block}h2[id]::before{content:"#" attr(id) " ";position:relative;bottom:.2em;text-decoration:dashed underline 1.5px}h2[id]:hover::after{content:var(--notify);position:absolute;top:.5rem;right:0;background:var(--color-page);opacity:1}h2[id]:active{background:var(--color);color:var(--color-page)}h2[id]:active::after{content:""}h2[id]:active::selection,h2[id]:active ::selection{color:var(--color);background:var(--color-page)}h3[id]::before,h3[id]::after{display:block}h3[id]::before{content:"#" attr(id) " ";position:relative;bottom:.2em;text-decoration:dashed underline 1.5px}h3[id]:hover::after{content:var(--notify);position:absolute;top:.5rem;right:0;background:var(--color-page);opacity:1}h3[id]:active{background:var(--color);color:var(--color-page)}h3[id]:active::after{content:""}h3[id]:active::selection,h3[id]:active ::selection{color:var(--color);background:var(--color-page)}h4[id]::after{content:" #" attr(id) " " " "}h4[id]:hover::before{content:var(--notify);position:absolute;top:-0.8em;text-wrap:nowrap;background:var(--color-page);opacity:1}h4[id]:active{background:var(--color);color:var(--color-page)}h4[id]:active::before{content:""}h5[id]::after{content:" #" attr(id) " " " "}h5[id]:hover::before{content:var(--notify);position:absolute;top:-0.8em;text-wrap:nowrap;background:var(--color-page);opacity:1}h5[id]:active{background:var(--color);color:var(--color-page)}h5[id]:active::before{content:""}h6[id]::after{content:" #" attr(id) " " " "}h6[id]:hover::before{content:var(--notify);position:absolute;top:-0.8em;text-wrap:nowrap;background:var(--color-page);opacity:1}h6[id]:active{background:var(--color);color:var(--color-page)}h6[id]:active::before{content:""}ul{list-style-type:"☆ "}ul ::marker{font-weight:bolder;color:var(--color-magenta)}ul ul{list-style-type:hebrew}ul ul ::marker{font-size:1em}ul ul ul{list-style-type:"。 "}ul ul ul ::marker{font-size:.7em}ul ul ul ul ::marker{font-size:.62em}ul ul ul ul ul{list-style-type:"· "}li{margin-bottom:.5em}ul{margin-top:.5em}ul.task-list{list-style-type:"- "}input.task-list-item-checkbox{position:relative;margin-right:.5em;visibility:hidden}input.task-list-item-checkbox::before{content:"";position:absolute;inset:0;background:url(/assets/image/button/unchecked.gif);background-size:cover;visibility:visible}input.task-list-item-checkbox:checked::before{background:url(/assets/image/button/checked.gif);background-size:cover}:not(pre)>code{color:var(--color-mid);margin-inline:.5em}:not(pre)>code::before,:not(pre)>code::after{content:"/";font-family:"fusion",monospace;margin-inline:.2em}.content img{-webkit-user-drag:none}p:has(img:not(.icon)){position:relative;display:block;width:60%;max-width:100%;padding:.5em 4em .75em .75em;margin-block:2em;overflow:auto;resize:both;text-align:center;border:var(--color) 2px dotted}.window p:has(img:not(.icon)){max-height:max(20vh,8em)}.window .content>p:has(img:not(.icon)){max-height:max(100%,8em)}.fullscreen p:has(img:not(.icon)){max-height:max(50vh,8em)}p:has(img:not(.icon)) img:not(.icon){position:relative;height:auto;width:auto;box-sizing:border-box;min-width:max(10em,100%);max-width:100%;margin-top:.25em;border:var(--color-fade) 4px solid}p:has(img:not(.icon)) img:not(.icon):hover{border-color:var(--color)}p:has(img:not(.icon)):has(img:not(.icon):active){position:fixed;inset:0;left:50%;transform:translateX(-50%);z-index:201;max-width:unset;max-height:unset;overflow:hidden;resize:none;border:none}p:has(img:not(.icon)):has(img:not(.icon):active) img:not(.icon){top:50%;transform:translateY(-50%);max-height:100%;min-width:100%;object-fit:contain;border:none}.content:has(p img:not(.icon):active)::after{content:"";position:fixed;inset:-2px;background:rgba(0,0,0,.6666666667);z-index:200}.content:has(~.buttonBar .darkTg input:checked){background:rgba(0,0,0,.5333333333) !important}.buttonBar:has(.darkTg input:checked)~.content,.content:has(~.buttonBar .darkTg input:checked){--color: #aaf;--color-fade: #224;--color-plain: #fff;--color-mid: #aaa;--color-green: #aca;--color-green-fade: #232;--color-red: #faa;--color-red-fade: #422;--color-yellow-fade: #662;--color-miku-fade: #066;--color-magenta-fade: #626;--color-page: #002}.fullscreen:has(.darkTg input:checked){background:#338;box-shadow:-1px -1px 0 1px #aaf,0 0 0 2px #44d,inset -2px -4px #224,inset 2px 2px #000}.fullscreen:has(.darkTg input:checked) .buttonBar{background:linear-gradient(90deg, #44d 20%, #000)}.fullscreen:has(.darkTg input:checked) .content{box-shadow:inset -2px -2px #224,inset 2px 2px #aaf}.fullscreen:has(.darkTg input:checked) .bottomBar{color:#fff}.window:has(.darkTg input:checked) ::-webkit-scrollbar-thumb,.fullscreen:has(.darkTg input:checked) ::-webkit-scrollbar-thumb{background:#338;box-shadow:inset -1.5px -1.5px #000,inset 1.5px 1.5px #aaf,inset -3px -3px #224,inset 3px 3px #44d}html{font-family:"fusion",monospace}html:has(.fontTg input:checked){font-family:"ibm",monospace}code,kbd,samp{font-family:"ibm",monospace}html:has(.fontTg input:checked) code,html:has(.fontTg input:checked) kbd,html:has(.fontTg input:checked) samp{font-family:"ibm",monospace}@font-face{font-family:"fusion";font-display:swap;src:url(/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf)}@font-face{font-family:"ibm";font-display:swap;src:url(/assets/font/IBM3161.ttf)}.highlight .hll{background-color:#ffc}.highlight .c{color:#080;font-style:italic}.highlight .err{border:1px solid red}.highlight .k{color:#a2f;font-weight:bold}.highlight .cm{color:#080;font-style:italic}.highlight .cp{color:#080}.highlight .c1{color:#080;font-style:italic}.highlight .cs{color:#080;font-weight:bold}.highlight .gd{color:#a00000}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:navy;font-weight:bold}.highlight .gi{color:#00a000}.highlight .go{color:gray}.highlight .gp{color:navy;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:purple;font-weight:bold}.highlight .gt{color:#0040d0}.highlight .kc{color:#a2f;font-weight:bold}.highlight .kd{color:#a2f;font-weight:bold}.highlight .kn{color:#a2f;font-weight:bold}.highlight .kp{color:#a2f}.highlight .kr{color:#a2f;font-weight:bold}.highlight .kt{color:#0b0;font-weight:bold}.highlight .s{color:#b44}.highlight .na{color:#b44}.highlight .nb{color:#a2f}.highlight .nc{color:blue}.highlight .no{color:#800}.highlight .nd{color:#a2f}.highlight .ni{color:#999;font-weight:bold}.highlight .ne{color:#d2413a;font-weight:bold}.highlight .nf{color:#00a000}.highlight .nl{color:#a0a000}.highlight .nn{color:blue;font-weight:bold}.highlight .nt{color:green;font-weight:bold}.highlight .nv{color:#b8860b}.highlight .ow{color:#a2f;font-weight:bold}.highlight .w{color:#bbb}.highlight .sb{color:#b44}.highlight .sc{color:#b44}.highlight .sd{color:#b44;font-style:italic}.highlight .s2{color:#b44}.highlight .se{color:#b62;font-weight:bold}.highlight .sh{color:#b44}.highlight .si{color:#b68;font-weight:bold}.highlight .sx{color:green}.highlight .sr{color:#b68}.highlight .s1{color:#b44}.highlight .ss{color:#b8860b}.highlight .bp{color:#a2f}.highlight .vc{color:#b8860b}.highlight .vg{color:#b8860b}.highlight .vi{color:#b8860b}em:not(.i)[class],em:not(.i)[r],em:not(.i)[t],em:not(.i)[norm],em:not(.i)[reveal]{font-style:normal}h1,h2,h3,h4,h5,h6,.fake{--s: 1 }.big{--s: 1.25}.bigger{--s: 1.5}.small{--s: .75}.smaller{--s: .5}.size:not(h1,h2,h3,h4,h5,h6,.fake),.big:not(h1,h2,h3,h4,h5,h6,.fake),.bigger:not(h1,h2,h3,h4,h5,h6,.fake),.small:not(h1,h2,h3,h4,h5,h6,.fake),.smaller:not(h1,h2,h3,h4,h5,h6,.fake){font-size:calc(var(--s)*1em)}h1,.fake.h1{font-size:calc(2em*var(--s))}h2,.fake.h2{font-size:calc(1.6em*var(--s))}h3,.fake.h3{font-size:calc(1.2em*var(--s))}h4,.fake.h4{font-size:calc(1.2em*var(--s))}h5,.fake.h5{font-size:calc(1.2em*var(--s))}h6,.fake.h6{font-size:calc(1.2em*var(--s))}.l,.c,.r{--ofs: 0;position:relative;display:block;width:100%;transform:translateX(--ofs)}.l{text-align:left;left:0}.c{text-align:center}.r{text-align:right;right:0}p:has(>.c),p:has(>.r),h1:has(>.c),h1:has(>.r),h2:has(>.c),h2:has(>.r),h3:has(>.c),h3:has(>.r),h4:has(>.c),h4:has(>.r),h5:has(>.c),h5:has(>.r),h6:has(>.c),h6:has(>.r){width:100%}.u,.ovl,del,.dll,.u.ovl{text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.-d,.ovl.-d,del.-d,.dll.-d,.u.ovl.-d{text-decoration-style:dashed}.u.-do,.ovl.-do,del.-do,.dll.-do,.u.ovl.-do{text-decoration-style:dotted}.u.-db,.ovl.-db,del.-db,.dll.-db,.u.ovl.-db{text-decoration-style:double}.u.-w,.ovl.-w,del.-w,.dll.-w,.u.ovl.-w{text-decoration-style:wavy}.u{text-decoration-line:underline}.ovl{text-decoration-line:overline}del,.dll{text-decoration-line:line-through}.u.ovl{text-decoration-line:underline overline}del.u,.dll.u{text-decoration-line:line-through underline}del.ovl,.dll.ovl{text-decoration-line:line-through overline}del.u.ovl,.dll.u.ovl{text-decoration-line:line-through underline overline}.white{color:#fff}.hwhite{background-color:#fff}.bwhite{--bw: 2px;border:#fff solid var(--bw)}.silver{color:silver}.hsilver{background-color:silver}.bsilver{--bw: 2px;border:silver solid var(--bw)}.gray{color:gray}.hgray{background-color:gray}.bgray{--bw: 2px;border:gray solid var(--bw)}.black{color:#000}.hblack{background-color:#000}.bblack{--bw: 2px;border:#000 solid var(--bw)}.red{color:red}.hred{background-color:red}.bred{--bw: 2px;border:red solid var(--bw)}.maroon{color:maroon}.hmaroon{background-color:maroon}.bmaroon{--bw: 2px;border:maroon solid var(--bw)}.yellow{color:#ff0}.hyellow{background-color:#ff0}.byellow{--bw: 2px;border:#ff0 solid var(--bw)}.olive{color:olive}.holive{background-color:olive}.bolive{--bw: 2px;border:olive solid var(--bw)}.lime{color:lime}.hlime{background-color:lime}.blime{--bw: 2px;border:lime solid var(--bw)}.green{color:green}.hgreen{background-color:green}.bgreen{--bw: 2px;border:green solid var(--bw)}.aqua{color:aqua}.haqua{background-color:aqua}.baqua{--bw: 2px;border:aqua solid var(--bw)}.teal{color:teal}.hteal{background-color:teal}.bteal{--bw: 2px;border:teal solid var(--bw)}.blue{color:blue}.hblue{background-color:blue}.bblue{--bw: 2px;border:blue solid var(--bw)}.navy{color:navy}.hnavy{background-color:navy}.bnavy{--bw: 2px;border:navy solid var(--bw)}.fuchsia{color:#f0f}.hfuchsia{background-color:#f0f}.bfuchsia{--bw: 2px;border:#f0f solid var(--bw)}.purple{color:purple}.hpurple{background-color:purple}.bpurple{--bw: 2px;border:purple solid var(--bw)}.hwhite,.bwhite{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hsilver,.bsilver{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hgray,.bgray{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hblack,.bblack{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hred,.bred{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hmaroon,.bmaroon{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hyellow,.byellow{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.holive,.bolive{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hlime,.blime{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hgreen,.bgreen{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.haqua,.baqua{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hteal,.bteal{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hblue,.bblue{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hnavy,.bnavy{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hfuchsia,.bfuchsia{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hpurple,.bpurple{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.h{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd));color:#44d;background:var(--color-yellow)}.ant{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.ant::before{--bw: 2px;border:1px dashed #000;border-image:url(/assets/image/ants.gif) 1 repeat}[r]{position:relative;display:inline-block;text-align:center}[r]::before{content:attr(r);position:relative;left:50%;transform:translateX(-50%);display:block;font-size:.75em}.del{position:relative}.del::after{content:"";position:absolute;inset:-2px -1px;background:var(--color);pointer-events:none}.del:hover::after{opacity:.2}.blur{filter:blur(0.1em)}.blurrier{filter:blur(0.25em)}.blur,.blurrier{transition:filter .2s}.blur:hover,.blurrier:hover{filter:blur(0)}[reveal]{position:relative;display:inline-block;line-height:0;text-decoration:dashed underline}[reveal]:hover{visibility:hidden}[reveal]:hover::after{content:attr(reveal);display:block;visibility:visible;font-style:italic}[t]{text-decoration:dotted underline}[t]::before{content:attr(t)}.content a::before{content:"¥目标: {{ site.url }}" attr(href) attr(t)}.del:not([t])::before,.blur::before,.blurrier::before{content:"你知道的太多了。"}[t],a,.del{position:relative}[t]::before,a::before,.del::before{transition:.2s .4s;pointer-events:none;position:absolute;left:0;top:.5em;z-index:10;font-size:max(.5em,.75rem);width:max-content;max-width:25vw;padding:.2em .5em;background:var(--color-page);opacity:0}[t]:hover::before,a:hover::before,.del:hover::before{transition:0s;top:1.5em;opacity:1 !important}[t],a,.del{--tc: var(--color)}[t]::before,a::before,.del::before{color:var(--tc);border:var(--tc) solid 2px;box-shadow:4px 4px var(--tc)}.footnote::before{line-height:1em;visibility:visible !important}a::before{transition:.2s;position:fixed;bottom:0;top:unset;max-width:unset}a:hover::before{top:unset}.above[t]::before{bottom:.5em;top:unset}.above[t]:hover::before{bottom:1.5em}a.ab,#markdown-toc li>a,#f_markdown-toc li>a{display:block;right:0;text-decoration:none;transition:0s .2s}a.ab::after,#markdown-toc li>a::after,#f_markdown-toc li>a::after{transition:opacity 0s .4s;inset:-0.2em 0;box-sizing:border-box;border-bottom:3px solid;border-image:linear-gradient(90deg, var(--color-miku), rgba(0, 0, 0, 0)) 1;opacity:0}a.ab:hover,#markdown-toc li>a:hover,#f_markdown-toc li>a:hover{transition:0s;padding-left:.5em;letter-spacing:.2em}a.ab:hover::after,#markdown-toc li>a:hover::after,#f_markdown-toc li>a:hover::after{transition:0s;opacity:1}table{--tbc: var(--color);--tbtc: var(--color);position:relative;z-index:1;color:var(--tbtc);border-collapse:collapse;margin-block:1em}table::before,table td,table th{padding-block:.2em;padding-inline:.5em}table[h]::before{content:attr(h);position:relative;display:table-caption;bottom:-1px}table.i{display:inline-table}table.t{box-shadow:2px 2px var(--tbc)}table.t thead,table.t tbody,table.t td:first-child,table.t tfoot{border:2px solid;border-color:var(--tbc)}table.t td:first-child{border-block-width:0}table.t::before,table.t thead,table.t td:first-child{font-weight:bolder;text-align:center}table.t tr:nth-child(even) td:not(:first-child){position:relative}table.t tr:nth-child(even) td:not(:first-child)::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--tbc);opacity:.3}table.t::before{background:var(--tbc);color:var(--color-page);box-shadow:2px 2px var(--tbc)}table.ts thead,table.ts tbody,table.ts tr :first-child,table.ts tfoot{border:0 solid;border-color:var(--tbc)}table.ts thead{border-bottom-width:2px}table.ts tbody:not(:first-child),table.ts tfoot{border-top-width:2px}table.ts tr :first-child{border-right-width:2px}table.ts::before{padding-block:.5em;font-weight:bolder;text-align:center}.content>blockquote,:not(blockquote)>blockquote{margin-block:1em}blockquote{margin-right:1em}blockquote>p:first-child{margin-top:0}blockquote>p:last-child{margin-bottom:0}blockquote.info,blockquote.note,blockquote.warn{display:block;position:relative;width:max-content;max-width:100%;padding-inline:2.5em .5em;padding-block:.5em;margin-left:0}blockquote.info::before,blockquote.note::before,blockquote.warn::before{position:absolute;left:0;top:.37em;padding-inline:.5em;font-size:1.2em}blockquote.info>blockquote,blockquote.note>blockquote,blockquote.warn>blockquote{margin-left:0}blockquote.info{background:var(--color-fade);border:var(--color) 3px solid;box-shadow:4px 4px var(--color);color:var(--color)}blockquote.info::before{content:"ⓘ"}blockquote.note{background:var(--color-green-fade);border:var(--color-green) 3px solid;box-shadow:4px 4px var(--color-green);color:var(--color-green)}blockquote.note::before{content:"ⓘ"}blockquote.warn{background:var(--color-red-fade);border:var(--color-red) 3px solid;box-shadow:4px 4px var(--color-red);color:var(--color-red)}blockquote.warn::before{content:"⚠";top:.3em;font-size:1.4em;font-weight:normal;padding-inline:.4em}blockquote.layer,blockquote.layer blockquote:not([class]){transition:border-color .4s;padding:.5em;box-shadow:-3px 0 var(--color);border:rgba(0,0,0,0) 3px solid;border-left-width:0px}blockquote.layer:hover,blockquote.layer blockquote:not([class]):hover{transition:border-color 0s;border-color:var(--color)}blockquote.layer:hover,blockquote.layer>blockquote:not([class]):hover{box-shadow:-3px 0 var(--color),3px 3px var(--color)}blockquote.layer blockquote:not([class]){margin:0 .3em}em[norm]{position:relative}em[norm]::before{content:attr(norm)}em[norm] sup[role=doc-noteref]{top:unset;position:static}em[norm] sup[role=doc-noteref] .footnote{position:absolute;inset:0;color:rgba(0,0,0,0)}.footnote{color:var(--color-red)}.footnotes{position:relative;margin-top:4em;padding-top:1em}.footnotes::before,.footnotes ol li::after{content:"";position:absolute;width:100%;height:.25em}.footnotes::before{top:0;border-block:var(--color) 2px solid}.footnotes ol{margin:0}.footnotes ol li[role=doc-endnote]:has(+li){position:relative;margin-bottom:2em;padding-bottom:2em}.footnotes ol li[role=doc-endnote]:has(+li)::after{width:calc(100% + 40px);bottom:0;left:-40px;border-block:var(--color) 2px dashed}.footnotes p:has(.reversefootnote){display:inline-block}hr{border:none;border-block:2px var(--color) solid;height:.2em;margin-block:2em}hr.break{height:1px;opacity:0;border:none !important}.rainbow{--rspd: 1s;--rbgsz: 4em}.rainbow,.rainbow *,.rainbow ::before{image-rendering:pixelated;background:url(/assets/image/rainbowDither.png),url(/assets/image/rainbowDither.png);background-size:var(--rbgsz);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);animation:rainbowScroll var(--rspd) linear infinite}@keyframes rainbowScroll{0%{background-position:0}100%{background-position:var(--rbgsz)}}.rainbow.cmy,.rainbow.cmy *{background-image:url(/assets/image/rainbowDither_.png),url(/assets/image/rainbowDither_.png)}.rainbow.fancy{--rs: .1em;--rsc: var(--color-sat);filter:drop-shadow(0.05em -0.05em var(--rsc)) drop-shadow(-0.05em 0.05em var(--rsc)) drop-shadow(var(--rs) var(--rs) var(--rsc))}.rainbow.fancy2{--rs: .1em;--rsc: var(--color-sat);filter:drop-shadow(0.05em 0.05em var(--color-sat)) drop-shadow(0.1em 0.1em var(--color-page)) drop-shadow(0.1em 0.1em #dd4) drop-shadow(0.1em 0.1em #4dd) drop-shadow(0.1em 0.1em #d4d) drop-shadow(0.05em -0.05em var(--rsc)) drop-shadow(-0.05em 0.05em var(--rsc))}.shadow{--sdd: .25em;--sbr: 2px;--sdc: var(--color);text-shadow:var(--sdd) var(--sdd) var(--sbr) var(--sdc)}.projection{--pdd: .33em;--pdc: var(--color-plain);text-shadow:1px 1px var(--color-page),var(--pdd) var(--pdd) var(--pdc);padding-bottom:.2em}.echo{--h: 1;--v: 1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,.8em,.8em,0em}.echo-down{--h: 0;--v: 1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,.8em,0em}.echo-down-left{--h: -1;--v: 1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,.8em,.8em}.echo-left{--h: -1;--v: 0;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,0em,.8em}.echo-up-left{--h: -1;--v: -1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,0em,0em,.8em}.echo-up{--h: 0;--v: -1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,0em,0em,0em}.echo-up-right{--h: 1;--v: -1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,.8em,0em,0em}.echo-right{--h: 1;--v: 0;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,.8em,0em,0em}.echorb{--h: 1;--v: 1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,.8em,.8em,0em}.echorb-down{--h: 0;--v: 1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,.8em,0em}.echorb-down-left{--h: -1;--v: 1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,.8em,.8em}.echorb-left{--h: -1;--v: 0;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,0em,.8em}.echorb-up-left{--h: -1;--v: -1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,0em,0em,.8em}.echorb-up{--h: 0;--v: -1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,0em,0em,0em}.echorb-up-right{--h: 1;--v: -1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,.8em,0em,0em}.echorb-right{--h: 1;--v: 0;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,.8em,0em,0em}.stroke.echo{--h: 1;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,.8em,.8em,0em}.stroke.echo-down{--h: 0;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,.8em,0em}.stroke.echo-down-left{--h: -1;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,.8em,.8em}.stroke.echo-left{--h: -1;--v: 0;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,0em,.8em}.stroke.echo-up-left{--h: -1;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,0em,0em,.8em}.stroke.echo-up{--h: 0;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,0em,0em,0em}.stroke.echo-up-right{--h: 1;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,.8em,0em,0em}.stroke.echo-right{--h: 1;--v: 0;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,.8em,0em,0em}.stroke.echorb{--h: 1;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,.8em,.8em,0em}.stroke.echorb-down{--h: 0;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,.8em,0em}.stroke.echorb-down-left{--h: -1;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,.8em,.8em}.stroke.echorb-left{--h: -1;--v: 0;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,0em,.8em}.stroke.echorb-up-left{--h: -1;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,0em,0em,.8em}.stroke.echorb-up{--h: 0;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,0em,0em,0em}.stroke.echorb-up-right{--h: 1;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,.8em,0em,0em}.stroke.echorb-right{--h: 1;--v: 0;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,.8em,0em,0em}.stroke{--std: 1px;--stc: var(--color);color:var(--color-page);text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc)}.stroke.shadow{text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),var(--sdd) var(--sdd) var(--sdc)}.mirror{transform:scaleX(-1)}.upsdown{transform:scaleY(-1)}.mirror,.upsdown{display:inline-block}.blink{--bt: 2s;animation:blink var(--bt) steps(1, end) infinite forwards}.fadeinout{--ft: 2s;animation:blink var(--ft) linear infinite}@keyframes blink{50%{opacity:0}}.rumble{--rt: .05s;animation:rumble var(--rt) linear infinite alternate}.shudder{--st: .05s;animation:shudder var(--st) linear infinite alternate}.rumble,.shudder{display:inline-block}@keyframes rumble{100%{transform:translateY(-0.2em)}}@keyframes shudder{100%{transform:translateX(0.2em)}}.sparkle:not(.rainbow){background:url(/assets/image/sparkle.gif) repeat;background-size:10em}.sparkle.rainbow{position:relative}.sparkle.rainbow::before{content:"";position:absolute;inset:0;background:url(/assets/image/sparkle.gif) repeat;background-size:10em}.rotate{--rspd: 4s;--ofst-x: 0%;--ofst-y: 0%;--rphs: 0;--rheit: 2em;display:inline-block;transform-origin:calc(50% + var(--ofst-x)) calc(50% + var(--ofst-y));width:max-content;margin-block:calc(var(--rheit)/2);padding:0;animation:rotate var(--rspd) linear calc(var(--rspd)*var(--rphs)*-1) infinite}.rotate.rev{animation-direction:reverse}.rotate.c{transform:translateY(50%);animation-name:rotateCentered;left:50%;transform:translateX(-50%)}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotateCentered{0%{transform:translateX(-50%) rotate(0)}100%{transform:translateX(-50%) rotate(360deg)}}.pulse{--pspd: .25s;--pscl: 1.2;--pphs: 0;--s: 1;display:inline-block;font-size:calc(var(--pscl)*1em);animation:pulse var(--pspd) ease-out calc(var(--pspd)*var(--pphs)*-1) infinite alternate}@keyframes pulse{0%{scale:calc(1/var(--pscl))}100%{scale:1}}#oneko{position:fixed;left:16px;top:16px;width:32px;height:32px;z-index:2533;background:url(/assets/neko/oneko_sakura.gif);image-rendering:pixelated;opacity:.7;pointer-events:none}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
+iframe{display:initial}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}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:rgba(0,0,0,0)}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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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}:root{--color: #44d;--color-sat: #00f;--color-fade: #eef;--color-plain: #000;--color-mid: #666;--color-green: #464;--color-green-fade: #efe;--color-red: #d00;--color-red-fade: #fdd;--color-yellow: #ff0;--color-yellow-fade: #ffe;--color-miku: #4dd;--color-miku-fade: #eff;--color-magenta: #f4f;--color-magenta-fade: #fef;--color-page: #fff}#soup\.exe{border:#fff 1px solid;box-shadow:10px 10px 20px 10px #44d}#soup\.exe::-webkit-resizer{background:url(/assets/image/resizer.gif);background-size:cover}#soup\.exe,#pseu{max-height:95vh;max-width:99vw;min-height:25vh;min-width:25vw;resize:both}html{image-rendering:pixelated}html,.nav{background:url(/assets/image/bg.gif);background-color:#000;background-position:center;background-size:max(20vw,40vh)}html::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url(/assets/image/cloud.png);background-size:cover;background-position:center}html::after{content:"";position:fixed;inset:0;z-index:-1;background:url(/assets/image/rain.gif);opacity:.5}html:has(.cornerCara:not([id="0"])){background:url(/assets/image/IMG_1148.JPG);background-color:#000;background-size:contain;background-position:right}.c1 .banner{border:#000 1px solid;background:url(/assets/image/xp_.gif);background-size:20vw;box-shadow:inset 10px -10px 5px -5px #44d,inset -30px 0 30px -20px rgba(68,68,221,.6666666667),inset -90px 50px 30px -30px #fff}.c1 .banner::before,.c1 .banner::after{position:absolute;inset:0;background-repeat:no-repeat !important}.c1 .banner::before{content:"";background:url(/assets/image/banner.png);background-color:#ccf;background-size:max(90%,600px) 100% !important;background-position:40px;mix-blend-mode:hard-light;opacity:.8}.c1 .banner::after{content:"";background:url(/assets/image/bannerTxt.png);background-size:auto 100% !important;background-position:calc(100% - max(30%,20px)) !important}.c1 .main .nav{position:relative;border-inline:#44d 1px solid}.c1 .main .nav-c{position:relative;z-index:1;height:100%;text-shadow:#fff 2px 2px;mix-blend-mode:hard-light;color:#2985ff}.c1 .main .nav-c p{padding-inline:1em 0;padding-block:.5em;margin-block:0;display:flex}.c1 .main .nav-c a,.c1 .main .nav-c .urHere-i{padding-right:100%;padding-block:.5em;margin-right:-100%;margin-block:-0.5em}.c1 .main .nav-c a{position:relative;color:#38f}.c1 .main .nav-c a.urHere{pointer-events:none}.c1 .main .nav-c .urHere-i{display:inline-block}.c1 .main .nav-c p{transition:all 0s .2s,background-color .4s .2s}.c1 .main .nav-c p:hover{transition:all 0s;padding-left:20%;background-color:#ccf}.c1 .main .nav-b{position:absolute;left:-25%;height:400%;width:150%;bottom:0;mix-blend-mode:lighten;background:linear-gradient(90deg, #000, rgba(0, 0, 0, 0) 50%),repeating-linear-gradient(#f80, #f0f 25%, #0ff 37.5%, #8f0 42%, #f80 50%);filter:contrast(2) blur(10px);animation:bgScroll 10s linear infinite}@keyframes bgScroll{from{bottom:-200%}to{bottom:0}}.c1 .bottom{width:100%;background:#000}.c1 .bottom img{position:relative;top:50%;transform:translateY(-50%)}.c2-b{position:absolute;inset:0;image-rendering:pixelated;background:url(/assets/image/bg2.gif);background-color:#000;background-size:max(10vw,20vh)}.c2 .chatroom{position:absolute;inset:0;width:auto;height:auto;overflow:scroll}.c2 .chatroom .giscus{height:100%}.c2 .chatroom .giscus .giscus-frame{position:absolute;inset:0 unset}.c2 iframe[name=neolink]{position:absolute;margin:10px;bottom:0}.content{text-align:justify;text-justify:inter-ideograph;background-color:var(--color-page);padding-inline:3em 2em}.content ::selection{color:var(--color-page);background:var(--color)}.fullscreen{transition:opacity .2s .2s,top .2s,bottom .2s;position:absolute;display:flex;flex-direction:column;left:50%;top:50vh;bottom:50vh;transform:translateX(-50%);z-index:10;width:90vw;background:#d1d1f7;box-shadow:-1px -1px 0 1px #e8e8fb,0 0 0 2px #000,inset -2px -4px #a2a2ee,inset 2px 2px #fff}.fullscreen.on{transition:opacity .2s,top .2s,bottom .2s;opacity:1;pointer-events:all;top:2vh;bottom:2vh}.fullscreen .content{flex:9;padding-inline:2em calc(2em + 5vw);margin:6px;font-size:1.2rem;box-shadow:inset -2px -2px #e8e8fb,inset 2px 2px #44d}.fullscreen .bottomBar{position:relative;height:1em;margin-block:0 10px;margin-inline:6px;color:var(--color)}.fullscreen .bottomBar .left,.fullscreen .bottomBar .right{display:inline-block}.fullscreen .bottomBar .right{position:absolute;right:0}.buttonBar{height:1.5em;padding:.25em;color:#fff;background:linear-gradient(90deg, #44d 20%, #a2a2ee);text-wrap:nowrap;overflow:hidden}.buttonBar .toggle{position:absolute;display:block;top:.25em;margin-right:.5em;width:1.5em;height:1.5em;box-sizing:border-box;background:#d1d1f7;box-shadow:inset -1.5px -1.5px #44d,inset 1.5px 1.5px #fff,inset -3px -3px #a2a2ee,inset 3px 3px #e8e8fb}.buttonBar .toggle::before{content:"";position:absolute;top:5px;left:5px;right:6px;bottom:6px;image-rendering:pixelated;background-size:cover !important;background-repeat:no-repeat !important}.buttonBar .toggle:hover{background:#e8e8fb}.buttonBar .toggle:active{background:#d1d1f7;box-shadow:inset -1.5px -1.5px #fff,inset 1.5px 1.5px #44d,inset -3px -3px #e8e8fb,inset 3px 3px #a2a2ee}.buttonBar .toggle:active::before{top:6px;left:6px;right:5px;bottom:5px}.window .buttonBar .toggle.fullscreenTg::before{background:url(/assets/image/button/max.gif)}.fullscreen .buttonBar .toggle.fullscreenTg::before{background:url(/assets/image/button/unmax.gif)}.buttonBar .toggle.darkTg::before{background:url(/assets/image/button/dark.gif)}.buttonBar .toggle.fontTg::before{background:url(/assets/image/button/font.gif)}.window .buttonBar{position:relative;height:100%;min-width:20px;max-width:20px;padding-inline:.25em;background:#44d}.window .buttonBar .toggle{left:50%;transform:translateX(-50%)}.window .buttonBar .darkTg{top:2em}.window .buttonBar .fontTg{top:3.5em}.fullscreen .buttonBar .fullscreenTg{right:0em}.fullscreen .buttonBar .darkTg{right:1.75em}.fullscreen .buttonBar .fontTg{right:3.25em}.cornerCara,.cornerCara-b{position:fixed;bottom:-16vh;right:calc(10vw - 39vh);transform:scale(75%);z-index:-3;height:calc(100vh + 10vw);max-height:140vh;aspect-ratio:.77;filter:drop-shadow(-1vw 2vw rgba(0, 0, 0, 0.5333333333))}.cornerCara-b{transition:opacity 1s;pointer-events:none;z-index:2}.cornerCara::before{content:"";position:absolute;inset:0}#soup\.exe:hover~.cornerCara-b,#soup\.exe:active~.cornerCara-b{transition:opacity 0s;opacity:.2}.cornerCara[id="0"]+.cornerCara-b,.cornerCara[id="0"]::before{background:url(/assets/image/cornerCara/marisa0.webp);background-size:contain}.cornerCara[id="1"]+.cornerCara-b,.cornerCara[id="1"]::before{background:url(/assets/image/cornerCara/marisa1.webp);background-size:contain}.cornerCara[id="2"]+.cornerCara-b,.cornerCara[id="2"]::before{background:url(/assets/image/cornerCara/marisa2.webp);background-size:contain}.cornerCara[id="3"]+.cornerCara-b,.cornerCara[id="3"]::before{background:url(/assets/image/cornerCara/marisa3.webp);background-size:contain}.cornerCara[id="4"]+.cornerCara-b,.cornerCara[id="4"]::before{background:url(/assets/image/cornerCara/marisa4.webp);background-size:contain}.cornerCara[id="5"]+.cornerCara-b,.cornerCara[id="5"]::before{background:url(/assets/image/cornerCara/marisa5.webp);background-size:contain}.cornerCara[id="6"]+.cornerCara-b,.cornerCara[id="6"]::before{background:url(/assets/image/cornerCara/marisa6.webp);background-size:contain}.cornerCara[id="7"]+.cornerCara-b,.cornerCara[id="7"]::before{background:url(/assets/image/cornerCara/marisa7.webp);background-size:contain}.cornerCara[id="8"]+.cornerCara-b,.cornerCara[id="8"]::before{background:url(/assets/image/cornerCara/marisa8.webp);background-size:contain}.cornerCara[id="9"]+.cornerCara-b,.cornerCara[id="9"]::before{background:url(/assets/image/cornerCara/marisa9.webp);background-size:contain}.cornerCara[id="10"]+.cornerCara-b,.cornerCara[id="10"]::before{background:url(/assets/image/cornerCara/marisa10.webp);background-size:contain}.cornerCara[id="11"]+.cornerCara-b,.cornerCara[id="11"]::before{background:url(/assets/image/cornerCara/marisa11.webp);background-size:contain}.cornerCara[id="12"]+.cornerCara-b,.cornerCara[id="12"]::before{background:url(/assets/image/cornerCara/marisa12.webp);background-size:contain}.cornerCara[id="13"]+.cornerCara-b,.cornerCara[id="13"]::before{background:url(/assets/image/cornerCara/marisa13.webp);background-size:contain}.cornerCara[id="14"]+.cornerCara-b,.cornerCara[id="14"]::before{background:url(/assets/image/cornerCara/marisa14.webp);background-size:contain}.cornerCara[id="15"]+.cornerCara-b,.cornerCara[id="15"]::before{background:url(/assets/image/cornerCara/marisa15.webp);background-size:contain}.cornerCara{background:url(/assets/image/cornerCara/marisaB_.webp);background-size:120%;background-position:-40% -40%;image-rendering:pixelated}.ibm,.ibm-b{position:absolute;right:calc(10vw - 39vh);bottom:0;z-index:-1;pointer-events:visible;transform:translateX(-20%);height:calc(25vh + 2.5vw);max-height:35vh;aspect-ratio:2}.ibm-b{mix-blend-mode:darken}.vid{position:absolute;display:none;right:-38%;bottom:-55%;transform:scale(0.17, 0.23) rotate(8deg) skew(3deg);width:170%;aspect-ratio:16/9;pointer-events:none;background:#fff}@keyframes flicker{0%{opacity:.65}50%{opacity:.65}50.1%{opacity:.5}100%{opacity:.5}}.vid iframe{position:absolute;width:100%;height:100%;z-index:10;inset:0}.mask:has(input:checked)~.vid{display:block;animation:flicker .05s linear infinite}.pc{transition:visibility 0s 1s,opacity 1s;visibility:hidden}.pc-b{transition:opacity 1s;z-index:1}.pc,.pc-b{position:absolute;right:8%;bottom:0%;width:75%;aspect-ratio:1.63;pointer-events:none;background:url(/assets/image/ibm.png);background-size:cover}.pc::before,.pc-b::before{position:absolute;left:35%;top:45%;width:50%;z-index:20;transform:rotate(9deg) skew(7deg);font-size:3.2vh}#soup\.exe:hover~.ibm-b .pc,#soup\.exe:active~.ibm-b .pc{transition:visibility 0s;visibility:visible}#soup\.exe:hover~.ibm .pc-b,#soup\.exe:active~.ibm .pc-b{transition:0s;opacity:0}.mask{position:absolute;display:block;right:32.7%;bottom:20%;z-index:1;transform:rotate(11deg) skew(7deg);width:28%;aspect-ratio:1.34;background:url(/assets/image/rainbowDither.png);background-size:4vw;opacity:0;mix-blend-mode:darken;animation:maskScroll 1s linear infinite}@keyframes maskScroll{0%{background-position:0}100%{background-position:8vw}}.mask:has(input:checked){opacity:.3}.mask:not(:has(input:checked))~.pc-b::before,.ibm-b:not(:has(~.ibm .mask input:checked)) .pc::before{color:#fff}.mask:not(:has(input:checked))~.pc-b::before,.ibm-b:not(:has(~.ibm .mask input:checked)) .pc::before{content:"Power off";filter:drop-shadow(0 0 5px #fff)}#soup\.exe,.fullscreen{cursor:url(/assets/image/cursor/hat.gif),auto !important}a,button,label,.cornerCara{animation:wonderCursor .5s infinite}@keyframes wonderCursor{0%{cursor:url(/assets/image/cursor/hatq1.gif),auto}25%{cursor:url(/assets/image/cursor/hatq2.gif),auto}50%{cursor:url(/assets/image/cursor/hatq3.gif),auto}75%{cursor:url(/assets/image/cursor/hatq4.gif),auto}100%{cursor:url(/assets/image/cursor/hatq5.gif),auto}}canvas{transition:.5s;opacity:.5;z-index:-2;image-rendering:pixelated}#soup\.exe:hover~canvas,#soup\.exe:active~canvas{opacity:0;animation:hideCanvas .5s linear forwards}@keyframes hideCanvas{0%{visibility:visible}100%{visibility:hidden}}.window ::-webkit-scrollbar,.fullscreen ::-webkit-scrollbar{width:24px}.window ::-webkit-scrollbar:horizontal,.fullscreen ::-webkit-scrollbar:horizontal{height:24px}.window ::-webkit-scrollbar-corner,.fullscreen ::-webkit-scrollbar-corner{background:#d1d1f7;box-shadow:inset -3px -3px #a2a2ee,inset 3px 3px #e8e8fb}.window ::-webkit-scrollbar-track,.fullscreen ::-webkit-scrollbar-track{background:url(/assets/image/scrollbar/bg.png);background-size:4px}.window ::-webkit-scrollbar-thumb,.fullscreen ::-webkit-scrollbar-thumb{background:#d1d1f7;box-shadow:inset -1.5px -1.5px #44d,inset 1.5px 1.5px #fff,inset -3px -3px #a2a2ee,inset 3px 3px #e8e8fb}.window ::-webkit-scrollbar-button,.fullscreen ::-webkit-scrollbar-button{background-size:cover !important}.window ::-webkit-scrollbar-button:horizontal:start:decrement,.window ::-webkit-scrollbar-button:horizontal:end:increment,.window ::-webkit-scrollbar-button:vertical:start:decrement,.window ::-webkit-scrollbar-button:vertical:end:increment,.fullscreen ::-webkit-scrollbar-button:horizontal:start:decrement,.fullscreen ::-webkit-scrollbar-button:horizontal:end:increment,.fullscreen ::-webkit-scrollbar-button:vertical:start:decrement,.fullscreen ::-webkit-scrollbar-button:vertical:end:increment{display:block}.window ::-webkit-scrollbar-button:vertical,.fullscreen ::-webkit-scrollbar-button:vertical{height:24px}.window ::-webkit-scrollbar-button:vertical:start,.fullscreen ::-webkit-scrollbar-button:vertical:start{background:url(/assets/image/scrollbar/up.png)}.window ::-webkit-scrollbar-button:vertical:end,.fullscreen ::-webkit-scrollbar-button:vertical:end{background:url(/assets/image/scrollbar/down.png)}.window ::-webkit-scrollbar-button:horizontal,.fullscreen ::-webkit-scrollbar-button:horizontal{width:24px}.window ::-webkit-scrollbar-button:horizontal:start,.fullscreen ::-webkit-scrollbar-button:horizontal:start{background:url(/assets/image/scrollbar/left.png)}.window ::-webkit-scrollbar-button:horizontal:end,.fullscreen ::-webkit-scrollbar-button:horizontal:end{background:url(/assets/image/scrollbar/right.png)}html{color:#000;text-underline-offset:25%}.content{color:var(--color) !important}.content>p:not([class],:has(img)):after{content:"湯";position:relative;display:inline-block;padding-left:.3em;line-height:.5em;opacity:.5;font-size:.7em;color:var(--color-red);transform:rotate(15deg);white-space:pre}a{position:relative;color:var(--color-miku)}a::after{content:"";position:absolute;inset:-0.5em}a::selection,a ::selection{background:var(--color-miku) !important}[norm]{color:var(--color-miku);text-decoration:underline}h1,.fake.h1{font-weight:bolder}h2,.fake.h2{font-weight:bolder}h3,.fake.h3{font-weight:bolder}h4,.fake.h4{font-weight:bolder}h5,.fake.h5{font-weight:normal}h6,.fake.h6{font-weight:normal}h4,.fake.h4{font-style:italic}h6,.fake.h6{font-style:italic}h1{margin-top:1em}:first-child~h1{margin-top:2em}h2{margin-top:1em}:first-child~h2{margin-top:2em}h3{margin-top:1em}:first-child~h3{margin-top:2em}h4{margin-top:1em}:first-child~h4{margin-top:2em}h5{margin-top:1em}:first-child~h5{margin-top:2em}h6{margin-top:1em}:first-child~h6{margin-top:2em}h1,.fake.h1{margin-bottom:1em}h2,.fake.h2{margin-bottom:1em}h3,.fake.h3{margin-bottom:.5em}h4,.fake.h4{margin-bottom:.5em}h5,.fake.h5{margin-bottom:.5em}h6,.fake.h6{margin-bottom:.5em}h1+h1{margin-top:0 !important}h1+h2{margin-top:0 !important}h1+h3{margin-top:0 !important}h1+h4{margin-top:0 !important}h1+h5{margin-top:0 !important}h1+h6{margin-top:0 !important}h2+h1{margin-top:0 !important}h2+h2{margin-top:0 !important}h2+h3{margin-top:0 !important}h2+h4{margin-top:0 !important}h2+h5{margin-top:0 !important}h2+h6{margin-top:0 !important}h3+h1{margin-top:0 !important}h3+h2{margin-top:0 !important}h3+h3{margin-top:0 !important}h3+h4{margin-top:0 !important}h3+h5{margin-top:0 !important}h3+h6{margin-top:0 !important}h4+h1{margin-top:0 !important}h4+h2{margin-top:0 !important}h4+h3{margin-top:0 !important}h4+h4{margin-top:0 !important}h4+h5{margin-top:0 !important}h4+h6{margin-top:0 !important}h5+h1{margin-top:0 !important}h5+h2{margin-top:0 !important}h5+h3{margin-top:0 !important}h5+h4{margin-top:0 !important}h5+h5{margin-top:0 !important}h5+h6{margin-top:0 !important}h6+h1{margin-top:0 !important}h6+h2{margin-top:0 !important}h6+h3{margin-top:0 !important}h6+h4{margin-top:0 !important}h6+h5{margin-top:0 !important}h6+h6{margin-top:0 !important}.content a::before{content:"¥目标: 127.0.0.1" attr(pageurl) attr(href) attr(t) !important}.content a[target=_blank]::before{content:"¥目标: " attr(href) attr(t) !important}h1{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h2{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h3{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h4{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h5{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h6{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h1{border-bottom:var(--color) 3px solid}h2{border-bottom:var(--color) 3px dashed}h3{border-bottom:var(--color) 3px dotted}h4{border-bottom:var(--color) 3px dotted}h4{width:max-content}h5{width:max-content}h6{width:max-content}h1[id]{--notify: "--> 点击复制标题链接"}h1[id]::before,h1[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h2[id]{--notify: "--> 点击复制标题链接"}h2[id]::before,h2[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h3[id]{--notify: "--> 点击复制标题链接"}h3[id]::before,h3[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h4[id]{--notify: "--> 点击复制标题链接"}h4[id]::before,h4[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h5[id]{--notify: "--> 点击复制标题链接"}h5[id]::before,h5[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h6[id]{--notify: "--> 点击复制标题链接"}h6[id]::before,h6[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h1[id]::before,h1[id]::after{display:block}h1[id]::before{content:"#" attr(id) " ";position:relative;bottom:.2em;text-decoration:dashed underline 1.5px}h1[id]:hover::after{content:var(--notify);position:absolute;top:.5rem;right:0;background:var(--color-page);opacity:1}h1[id]:active{background:var(--color);color:var(--color-page)}h1[id]:active::after{content:""}h1[id]:active::selection,h1[id]:active ::selection{color:var(--color);background:var(--color-page)}h2[id]::before,h2[id]::after{display:block}h2[id]::before{content:"#" attr(id) " ";position:relative;bottom:.2em;text-decoration:dashed underline 1.5px}h2[id]:hover::after{content:var(--notify);position:absolute;top:.5rem;right:0;background:var(--color-page);opacity:1}h2[id]:active{background:var(--color);color:var(--color-page)}h2[id]:active::after{content:""}h2[id]:active::selection,h2[id]:active ::selection{color:var(--color);background:var(--color-page)}h3[id]::before,h3[id]::after{display:block}h3[id]::before{content:"#" attr(id) " ";position:relative;bottom:.2em;text-decoration:dashed underline 1.5px}h3[id]:hover::after{content:var(--notify);position:absolute;top:.5rem;right:0;background:var(--color-page);opacity:1}h3[id]:active{background:var(--color);color:var(--color-page)}h3[id]:active::after{content:""}h3[id]:active::selection,h3[id]:active ::selection{color:var(--color);background:var(--color-page)}h4[id]::after{content:" #" attr(id) " " " "}h4[id]:hover::before{content:var(--notify);position:absolute;top:-0.8em;text-wrap:nowrap;background:var(--color-page);opacity:1}h4[id]:active{background:var(--color);color:var(--color-page)}h4[id]:active::before{content:""}h5[id]::after{content:" #" attr(id) " " " "}h5[id]:hover::before{content:var(--notify);position:absolute;top:-0.8em;text-wrap:nowrap;background:var(--color-page);opacity:1}h5[id]:active{background:var(--color);color:var(--color-page)}h5[id]:active::before{content:""}h6[id]::after{content:" #" attr(id) " " " "}h6[id]:hover::before{content:var(--notify);position:absolute;top:-0.8em;text-wrap:nowrap;background:var(--color-page);opacity:1}h6[id]:active{background:var(--color);color:var(--color-page)}h6[id]:active::before{content:""}ul{list-style-type:"☆ "}ul ::marker{font-weight:bolder;color:var(--color-magenta)}ul ul{list-style-type:hebrew}ul ul ::marker{font-size:1em}ul ul ul{list-style-type:"。 "}ul ul ul ::marker{font-size:.7em}ul ul ul ul ::marker{font-size:.62em}ul ul ul ul ul{list-style-type:"· "}li{margin-bottom:.5em}ul{margin-top:.5em}ul.task-list{list-style-type:"- "}input.task-list-item-checkbox{position:relative;margin-right:.5em;visibility:hidden}input.task-list-item-checkbox::before{content:"";position:absolute;inset:0;background:url(/assets/image/button/unchecked.gif);background-size:cover;visibility:visible}input.task-list-item-checkbox:checked::before{background:url(/assets/image/button/checked.gif);background-size:cover}:not(pre)>code{color:var(--color-mid);margin-inline:.5em}:not(pre)>code::before,:not(pre)>code::after{content:"/";font-family:"fusion",monospace;margin-inline:.2em}.content img{-webkit-user-drag:none}p:has(img:not(.icon)){position:relative;display:block;width:60%;max-width:100%;padding:.5em 4em .75em .75em;margin-block:2em;overflow:auto;resize:both;text-align:center;border:var(--color) 2px dotted}.window p:has(img:not(.icon)){max-height:max(20vh,8em)}.window .content>p:has(img:not(.icon)){max-height:max(100%,8em)}.fullscreen p:has(img:not(.icon)){max-height:max(50vh,8em)}p:has(img:not(.icon)) img:not(.icon){position:relative;height:auto;width:auto;box-sizing:border-box;min-width:max(10em,100%);max-width:100%;margin-top:.25em;border:var(--color-fade) 4px solid}p:has(img:not(.icon)) img:not(.icon):hover{border-color:var(--color)}p:has(img:not(.icon)):has(img:not(.icon):active){position:fixed;inset:0;left:50%;transform:translateX(-50%);z-index:201;max-width:unset;max-height:unset;overflow:hidden;resize:none;border:none}p:has(img:not(.icon)):has(img:not(.icon):active) img:not(.icon){top:50%;transform:translateY(-50%);max-height:100%;min-width:100%;object-fit:contain;border:none}.content:has(p img:not(.icon):active)::after{content:"";position:fixed;inset:-2px;background:rgba(0,0,0,.6666666667);z-index:200}.content:has(~.buttonBar .darkTg input:checked){background:rgba(0,0,0,.5333333333) !important}.buttonBar:has(.darkTg input:checked)~.content,.content:has(~.buttonBar .darkTg input:checked){--color: #aaf;--color-fade: #224;--color-plain: #fff;--color-mid: #aaa;--color-green: #aca;--color-green-fade: #232;--color-red: #faa;--color-red-fade: #422;--color-yellow-fade: #662;--color-miku-fade: #066;--color-magenta-fade: #626;--color-page: #002}.fullscreen:has(.darkTg input:checked){background:#338;box-shadow:-1px -1px 0 1px #aaf,0 0 0 2px #44d,inset -2px -4px #224,inset 2px 2px #000}.fullscreen:has(.darkTg input:checked) .buttonBar{background:linear-gradient(90deg, #44d 20%, #000)}.fullscreen:has(.darkTg input:checked) .content{box-shadow:inset -2px -2px #224,inset 2px 2px #aaf}.fullscreen:has(.darkTg input:checked) .bottomBar{color:#fff}.window:has(.darkTg input:checked) ::-webkit-scrollbar-thumb,.fullscreen:has(.darkTg input:checked) ::-webkit-scrollbar-thumb{background:#338;box-shadow:inset -1.5px -1.5px #000,inset 1.5px 1.5px #aaf,inset -3px -3px #224,inset 3px 3px #44d}html{font-family:"fusion",monospace}html:has(.fontTg input:checked){font-family:"ibm",monospace}code,kbd,samp{font-family:"ibm",monospace}html:has(.fontTg input:checked) code,html:has(.fontTg input:checked) kbd,html:has(.fontTg input:checked) samp{font-family:"ibm",monospace}@font-face{font-family:"fusion";font-display:swap;src:url(/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf)}@font-face{font-family:"ibm";font-display:swap;src:url(/assets/font/IBM3161.ttf)}.highlight .hll{background-color:#ffc}.highlight .c{color:#080;font-style:italic}.highlight .err{border:1px solid red}.highlight .k{color:#a2f;font-weight:bold}.highlight .cm{color:#080;font-style:italic}.highlight .cp{color:#080}.highlight .c1{color:#080;font-style:italic}.highlight .cs{color:#080;font-weight:bold}.highlight .gd{color:#a00000}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:navy;font-weight:bold}.highlight .gi{color:#00a000}.highlight .go{color:gray}.highlight .gp{color:navy;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:purple;font-weight:bold}.highlight .gt{color:#0040d0}.highlight .kc{color:#a2f;font-weight:bold}.highlight .kd{color:#a2f;font-weight:bold}.highlight .kn{color:#a2f;font-weight:bold}.highlight .kp{color:#a2f}.highlight .kr{color:#a2f;font-weight:bold}.highlight .kt{color:#0b0;font-weight:bold}.highlight .s{color:#b44}.highlight .na{color:#b44}.highlight .nb{color:#a2f}.highlight .nc{color:blue}.highlight .no{color:#800}.highlight .nd{color:#a2f}.highlight .ni{color:#999;font-weight:bold}.highlight .ne{color:#d2413a;font-weight:bold}.highlight .nf{color:#00a000}.highlight .nl{color:#a0a000}.highlight .nn{color:blue;font-weight:bold}.highlight .nt{color:green;font-weight:bold}.highlight .nv{color:#b8860b}.highlight .ow{color:#a2f;font-weight:bold}.highlight .w{color:#bbb}.highlight .sb{color:#b44}.highlight .sc{color:#b44}.highlight .sd{color:#b44;font-style:italic}.highlight .s2{color:#b44}.highlight .se{color:#b62;font-weight:bold}.highlight .sh{color:#b44}.highlight .si{color:#b68;font-weight:bold}.highlight .sx{color:green}.highlight .sr{color:#b68}.highlight .s1{color:#b44}.highlight .ss{color:#b8860b}.highlight .bp{color:#a2f}.highlight .vc{color:#b8860b}.highlight .vg{color:#b8860b}.highlight .vi{color:#b8860b}em:not(.i)[class],em:not(.i)[r],em:not(.i)[t],em:not(.i)[norm],em:not(.i)[reveal]{font-style:normal}h1,h2,h3,h4,h5,h6,.fake{--s: 1 }.big{--s: 1.25}.bigger{--s: 1.5}.small{--s: .75}.smaller{--s: .5}.size:not(h1,h2,h3,h4,h5,h6,.fake),.big:not(h1,h2,h3,h4,h5,h6,.fake),.bigger:not(h1,h2,h3,h4,h5,h6,.fake),.small:not(h1,h2,h3,h4,h5,h6,.fake),.smaller:not(h1,h2,h3,h4,h5,h6,.fake){font-size:calc(var(--s)*1em)}h1,.fake.h1{font-size:calc(2em*var(--s))}h2,.fake.h2{font-size:calc(1.6em*var(--s))}h3,.fake.h3{font-size:calc(1.2em*var(--s))}h4,.fake.h4{font-size:calc(1.2em*var(--s))}h5,.fake.h5{font-size:calc(1.2em*var(--s))}h6,.fake.h6{font-size:calc(1.2em*var(--s))}.l,.c,.r{--ofs: 0;position:relative;display:block;width:100%;transform:translateX(--ofs)}.l{text-align:left;left:0}.c{text-align:center}.r{text-align:right;right:0}p:has(>.c),p:has(>.r),h1:has(>.c),h1:has(>.r),h2:has(>.c),h2:has(>.r),h3:has(>.c),h3:has(>.r),h4:has(>.c),h4:has(>.r),h5:has(>.c),h5:has(>.r),h6:has(>.c),h6:has(>.r){width:100%}.u,.ovl,del,.dll,.u.ovl{text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.-d,.ovl.-d,del.-d,.dll.-d,.u.ovl.-d{text-decoration-style:dashed}.u.-do,.ovl.-do,del.-do,.dll.-do,.u.ovl.-do{text-decoration-style:dotted}.u.-db,.ovl.-db,del.-db,.dll.-db,.u.ovl.-db{text-decoration-style:double}.u.-w,.ovl.-w,del.-w,.dll.-w,.u.ovl.-w{text-decoration-style:wavy}.u{text-decoration-line:underline}.ovl{text-decoration-line:overline}del,.dll{text-decoration-line:line-through}.u.ovl{text-decoration-line:underline overline}del.u,.dll.u{text-decoration-line:line-through underline}del.ovl,.dll.ovl{text-decoration-line:line-through overline}del.u.ovl,.dll.u.ovl{text-decoration-line:line-through underline overline}.white{color:#fff}.hwhite{background-color:#fff}.bwhite{--bw: 2px;border:#fff solid var(--bw)}.silver{color:silver}.hsilver{background-color:silver}.bsilver{--bw: 2px;border:silver solid var(--bw)}.gray{color:gray}.hgray{background-color:gray}.bgray{--bw: 2px;border:gray solid var(--bw)}.black{color:#000}.hblack{background-color:#000}.bblack{--bw: 2px;border:#000 solid var(--bw)}.red{color:red}.hred{background-color:red}.bred{--bw: 2px;border:red solid var(--bw)}.maroon{color:maroon}.hmaroon{background-color:maroon}.bmaroon{--bw: 2px;border:maroon solid var(--bw)}.yellow{color:#ff0}.hyellow{background-color:#ff0}.byellow{--bw: 2px;border:#ff0 solid var(--bw)}.olive{color:olive}.holive{background-color:olive}.bolive{--bw: 2px;border:olive solid var(--bw)}.lime{color:lime}.hlime{background-color:lime}.blime{--bw: 2px;border:lime solid var(--bw)}.green{color:green}.hgreen{background-color:green}.bgreen{--bw: 2px;border:green solid var(--bw)}.aqua{color:aqua}.haqua{background-color:aqua}.baqua{--bw: 2px;border:aqua solid var(--bw)}.teal{color:teal}.hteal{background-color:teal}.bteal{--bw: 2px;border:teal solid var(--bw)}.blue{color:blue}.hblue{background-color:blue}.bblue{--bw: 2px;border:blue solid var(--bw)}.navy{color:navy}.hnavy{background-color:navy}.bnavy{--bw: 2px;border:navy solid var(--bw)}.fuchsia{color:#f0f}.hfuchsia{background-color:#f0f}.bfuchsia{--bw: 2px;border:#f0f solid var(--bw)}.purple{color:purple}.hpurple{background-color:purple}.bpurple{--bw: 2px;border:purple solid var(--bw)}.hwhite,.bwhite{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hsilver,.bsilver{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hgray,.bgray{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hblack,.bblack{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hred,.bred{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hmaroon,.bmaroon{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hyellow,.byellow{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.holive,.bolive{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hlime,.blime{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hgreen,.bgreen{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.haqua,.baqua{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hteal,.bteal{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hblue,.bblue{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hnavy,.bnavy{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hfuchsia,.bfuchsia{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.hpurple,.bpurple{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.h{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd));color:#44d;background:var(--color-yellow)}.ant{position:relative;display:inline-block;--bd: .05em;padding:calc(var(--bd)) calc(.1em + var(--bd))}.ant::before{--bw: 2px;border:1px dashed #000;border-image:url(/assets/image/ants.gif) 1 repeat}[r]{position:relative;display:inline-block;text-align:center}[r]::before{content:attr(r);position:relative;left:50%;transform:translateX(-50%);display:block;font-size:.75em}.del{position:relative}.del::after{content:"";position:absolute;inset:-2px -1px;background:var(--color);pointer-events:none}.del:hover::after{opacity:.2}.blur{filter:blur(0.1em)}.blurrier{filter:blur(0.25em)}.blur,.blurrier{transition:filter .2s}.blur:hover,.blurrier:hover{filter:blur(0)}[reveal]{position:relative;display:inline-block;line-height:0;text-decoration:dashed underline}[reveal]:hover{visibility:hidden}[reveal]:hover::after{content:attr(reveal);display:block;visibility:visible;font-style:italic}[t]{text-decoration:dotted underline}[t]::before{content:attr(t)}.content a::before{content:"¥目标: {{ site.url }}" attr(href) attr(t)}.del:not([t])::before,.blur::before,.blurrier::before{content:"你知道的太多了。"}[t],a,.del{position:relative}[t]::before,a::before,.del::before{transition:.2s .4s;pointer-events:none;position:absolute;left:0;top:.5em;z-index:10;font-size:max(.5em,.75rem);width:max-content;max-width:25vw;padding:.2em .5em;background:var(--color-page);opacity:0}[t]:hover::before,a:hover::before,.del:hover::before{transition:0s;top:1.5em;opacity:1 !important}[t],a,.del{--tc: var(--color)}[t]::before,a::before,.del::before{color:var(--tc);border:var(--tc) solid 2px;box-shadow:4px 4px var(--tc)}.footnote::before{line-height:1em;visibility:visible !important}a::before{transition:.2s;position:fixed;bottom:0;top:unset;max-width:unset}a:hover::before{top:unset}.above[t]::before{bottom:.5em;top:unset}.above[t]:hover::before{bottom:1.5em}a.ab,#markdown-toc li>a,#f_markdown-toc li>a{display:block;right:0;text-decoration:none;transition:0s .2s}a.ab::after,#markdown-toc li>a::after,#f_markdown-toc li>a::after{transition:opacity 0s .4s;inset:-0.2em 0;box-sizing:border-box;border-bottom:3px solid;border-image:linear-gradient(90deg, var(--color-miku), rgba(0, 0, 0, 0)) 1;opacity:0}a.ab:hover,#markdown-toc li>a:hover,#f_markdown-toc li>a:hover{transition:0s;padding-left:.5em;letter-spacing:.2em}a.ab:hover::after,#markdown-toc li>a:hover::after,#f_markdown-toc li>a:hover::after{transition:0s;opacity:1}table{--tbc: var(--color);--tbtc: var(--color);position:relative;z-index:1;color:var(--tbtc);border-collapse:collapse;margin-block:1em}table::before,table td,table th{padding-block:.2em;padding-inline:.5em}table[h]::before{content:attr(h);position:relative;display:table-caption;bottom:-1px}table.i{display:inline-table}table.t{box-shadow:2px 2px var(--tbc)}table.t thead,table.t tbody,table.t td:first-child,table.t tfoot{border:2px solid;border-color:var(--tbc)}table.t td:first-child{border-block-width:0}table.t::before,table.t thead,table.t td:first-child{font-weight:bolder;text-align:center}table.t tr:nth-child(even) td:not(:first-child){position:relative}table.t tr:nth-child(even) td:not(:first-child)::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--tbc);opacity:.3}table.t::before{background:var(--tbc);color:var(--color-page);box-shadow:2px 2px var(--tbc)}table.ts thead,table.ts tbody,table.ts tr :first-child,table.ts tfoot{border:0 solid;border-color:var(--tbc)}table.ts thead{border-bottom-width:2px}table.ts tbody:not(:first-child),table.ts tfoot{border-top-width:2px}table.ts tr :first-child{border-right-width:2px}table.ts::before{padding-block:.5em;font-weight:bolder;text-align:center}.content>blockquote,:not(blockquote)>blockquote{margin-block:1em}blockquote{margin-right:1em}blockquote>p:first-child{margin-top:0}blockquote>p:last-child{margin-bottom:0}blockquote.info,blockquote.note,blockquote.warn{display:block;position:relative;width:max-content;max-width:100%;padding-inline:2.5em .5em;padding-block:.5em;margin-left:0}blockquote.info::before,blockquote.note::before,blockquote.warn::before{position:absolute;left:0;top:.37em;padding-inline:.5em;font-size:1.2em}blockquote.info>blockquote,blockquote.note>blockquote,blockquote.warn>blockquote{margin-left:0}blockquote.info{background:var(--color-fade);border:var(--color) 3px solid;box-shadow:4px 4px var(--color);color:var(--color)}blockquote.info::before{content:"ⓘ"}blockquote.note{background:var(--color-green-fade);border:var(--color-green) 3px solid;box-shadow:4px 4px var(--color-green);color:var(--color-green)}blockquote.note::before{content:"ⓘ"}blockquote.warn{background:var(--color-red-fade);border:var(--color-red) 3px solid;box-shadow:4px 4px var(--color-red);color:var(--color-red)}blockquote.warn::before{content:"⚠";top:.3em;font-size:1.4em;font-weight:normal;padding-inline:.4em}blockquote.layer,blockquote.layer blockquote:not([class]){transition:border-color .4s;padding:.5em;box-shadow:-3px 0 var(--color);border:rgba(0,0,0,0) 3px solid;border-left-width:0px}blockquote.layer:hover,blockquote.layer blockquote:not([class]):hover{transition:border-color 0s;border-color:var(--color)}blockquote.layer:hover,blockquote.layer>blockquote:not([class]):hover{box-shadow:-3px 0 var(--color),3px 3px var(--color)}blockquote.layer blockquote:not([class]){margin:0 .3em}em[norm]{position:relative}em[norm]::before{content:attr(norm)}em[norm] sup[role=doc-noteref]{top:unset;position:static}em[norm] sup[role=doc-noteref] .footnote{position:absolute;inset:0;color:rgba(0,0,0,0)}.footnote{color:var(--color-red)}.footnotes{position:relative;margin-top:4em;padding-top:1em}.footnotes::before,.footnotes ol li::after{content:"";position:absolute;width:100%;height:.25em}.footnotes::before{top:0;border-block:var(--color) 2px solid}.footnotes ol{margin:0}.footnotes ol li[role=doc-endnote]:has(+li){position:relative;margin-bottom:2em;padding-bottom:2em}.footnotes ol li[role=doc-endnote]:has(+li)::after{width:calc(100% + 40px);bottom:0;left:-40px;border-block:var(--color) 2px dashed}.footnotes p:has(.reversefootnote){display:inline-block}hr{border:none;border-block:2px var(--color) solid;height:.2em;margin-block:2em}hr.break{height:1px;opacity:0;border:none !important}.rainbow{--rspd: 1s;--rbgsz: 4em}.rainbow,.rainbow *,.rainbow ::before{image-rendering:pixelated;background:url(/assets/image/rainbowDither.png),url(/assets/image/rainbowDither.png);background-size:var(--rbgsz);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);animation:rainbowScroll var(--rspd) linear infinite}@keyframes rainbowScroll{0%{background-position:0}100%{background-position:var(--rbgsz)}}.rainbow.cmy,.rainbow.cmy *{background-image:url(/assets/image/rainbowDither_.png),url(/assets/image/rainbowDither_.png)}.rainbow.fancy{--rs: .1em;--rsc: var(--color-sat);filter:drop-shadow(0.05em -0.05em var(--rsc)) drop-shadow(-0.05em 0.05em var(--rsc)) drop-shadow(var(--rs) var(--rs) var(--rsc))}.rainbow.fancy2{--rs: .1em;--rsc: var(--color-sat);filter:drop-shadow(0.05em 0.05em var(--color-sat)) drop-shadow(0.1em 0.1em var(--color-page)) drop-shadow(0.1em 0.1em #dd4) drop-shadow(0.1em 0.1em #4dd) drop-shadow(0.1em 0.1em #d4d) drop-shadow(0.05em -0.05em var(--rsc)) drop-shadow(-0.05em 0.05em var(--rsc))}.shadow{--sdd: .25em;--sbr: 2px;--sdc: var(--color);text-shadow:var(--sdd) var(--sdd) var(--sbr) var(--sdc)}.projection{--pdd: .33em;--pdc: var(--color-plain);text-shadow:1px 1px var(--color-page),var(--pdd) var(--pdd) var(--pdc);padding-bottom:.2em}.echo{--h: 1;--v: 1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,.8em,.8em,0em}.echo-down{--h: 0;--v: 1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,.8em,0em}.echo-down-left{--h: -1;--v: 1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,.8em,.8em}.echo-left{--h: -1;--v: 0;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,0em,.8em}.echo-up-left{--h: -1;--v: -1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,0em,0em,.8em}.echo-up{--h: 0;--v: -1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,0em,0em,0em}.echo-up-right{--h: 1;--v: -1;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,.8em,0em,0em}.echo-right{--h: 1;--v: 0;text-shadow:calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,.8em,0em,0em}.echorb{--h: 1;--v: 1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,.8em,.8em,0em}.echorb-down{--h: 0;--v: 1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,.8em,0em}.echorb-down-left{--h: -1;--v: 1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,.8em,.8em}.echorb-left{--h: -1;--v: 0;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,0em,.8em}.echorb-up-left{--h: -1;--v: -1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,0em,0em,.8em}.echorb-up{--h: 0;--v: -1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,0em,0em,0em}.echorb-up-right{--h: 1;--v: -1;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,.8em,0em,0em}.echorb-right{--h: 1;--v: 0;text-shadow:calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,.8em,0em,0em}.stroke.echo{--h: 1;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,.8em,.8em,0em}.stroke.echo-down{--h: 0;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,.8em,0em}.stroke.echo-down-left{--h: -1;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,.8em,.8em}.stroke.echo-left{--h: -1;--v: 0;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,0em,0em,.8em}.stroke.echo-up-left{--h: -1;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,0em,0em,.8em}.stroke.echo-up{--h: 0;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,0em,0em,0em}.stroke.echo-up-right{--h: 1;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:.8em,.8em,0em,0em}.stroke.echo-right{--h: 1;--v: 0;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.1em*var(--h)) calc(.1em*var(--v)) rgba(68,68,221,.5333333333),calc(.2em*var(--h)) calc(.2em*var(--v)) rgba(68,68,221,.2666666667),calc(.3em*var(--h)) calc(.3em*var(--v)) rgba(68,68,221,.1333333333);padding:0em,.8em,0em,0em}.stroke.echorb{--h: 1;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,.8em,.8em,0em}.stroke.echorb-down{--h: 0;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,.8em,0em}.stroke.echorb-down-left{--h: -1;--v: 1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,.8em,.8em}.stroke.echorb-left{--h: -1;--v: 0;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,0em,0em,.8em}.stroke.echorb-up-left{--h: -1;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,0em,0em,.8em}.stroke.echorb-up{--h: 0;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,0em,0em,0em}.stroke.echorb-up-right{--h: 1;--v: -1;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:.8em,.8em,0em,0em}.stroke.echorb-right{--h: 1;--v: 0;text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),calc(.05em*var(--h)) calc(.05em*var(--v)) #d44,calc(.1em*var(--h)) calc(.1em*var(--v)) #dd4,calc(.15em*var(--h)) calc(.15em*var(--v)) #4dd,calc(.2em*var(--h)) calc(.2em*var(--v)) #d4d;padding:0em,.8em,0em,0em}.stroke{--std: 1px;--stc: var(--color);color:var(--color-page);text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc)}.stroke.shadow{text-shadow:calc(-1*var(--std)) 0 var(--stc),calc(-1*var(--std)) calc(-1*var(--std)) var(--stc),0 calc(-1*var(--std)) var(--stc),calc(var(--std)) calc(-1*var(--std)) var(--stc),calc(var(--std)) 0 var(--stc),calc(var(--std)) calc(var(--std)) var(--stc),0 calc(var(--std)) var(--stc),calc(-1*var(--std)) calc(var(--std)) var(--stc),var(--sdd) var(--sdd) var(--sdc)}.mirror{transform:scaleX(-1)}.upsdown{transform:scaleY(-1)}.mirror,.upsdown{display:inline-block}.blink{--bt: 2s;animation:blink var(--bt) steps(1, end) infinite forwards}.fadeinout{--ft: 2s;animation:blink var(--ft) linear infinite}@keyframes blink{50%{opacity:0}}.rumble{--rt: .05s;animation:rumble var(--rt) linear infinite alternate}.shudder{--st: .05s;animation:shudder var(--st) linear infinite alternate}.rumble,.shudder{display:inline-block}@keyframes rumble{100%{transform:translateY(-0.2em)}}@keyframes shudder{100%{transform:translateX(0.2em)}}.sparkle:not(.rainbow){background:url(/assets/image/sparkle.gif) repeat;background-size:10em}.sparkle.rainbow{position:relative}.sparkle.rainbow::before{content:"";position:absolute;inset:0;background:url(/assets/image/sparkle.gif) repeat;background-size:10em}.rotate{--rspd: 4s;--ofst-x: 0%;--ofst-y: 0%;--rphs: 0;--rheit: 2em;display:inline-block;transform-origin:calc(50% + var(--ofst-x)) calc(50% + var(--ofst-y));width:max-content;margin-block:calc(var(--rheit)/2);padding:0;animation:rotate var(--rspd) linear calc(var(--rspd)*var(--rphs)*-1) infinite}.rotate.rev{animation-direction:reverse}.rotate.c{transform:translateY(50%);animation-name:rotateCentered;left:50%;transform:translateX(-50%)}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotateCentered{0%{transform:translateX(-50%) rotate(0)}100%{transform:translateX(-50%) rotate(360deg)}}.pulse{--pspd: .25s;--pscl: 1.2;--pphs: 0;--s: 1;display:inline-block;font-size:calc(var(--pscl)*1em);animation:pulse var(--pspd) ease-out calc(var(--pspd)*var(--pphs)*-1) infinite alternate}@keyframes pulse{0%{scale:calc(1/var(--pscl))}100%{scale:1}}#oneko{position:fixed;left:16px;top:16px;width:32px;height:32px;z-index:2533;background:url(/assets/neko/oneko_sakura.gif);image-rendering:pixelated;opacity:.7;pointer-events:none}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/_site/assets/css/default/style.css.map b/_site/assets/css/default/style.css.map
index 6ba2f8f..ccb7018 100644
--- a/_site/assets/css/default/style.css.map
+++ b/_site/assets/css/default/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["style.scss","../../../_sass/normalize.scss","../../../_sass/code.scss","../../../_sass/moardown.scss","../../../_sass/neko.scss"],"names":[],"mappings":"CAAA,uBCOA,KACI,iBACA,8BAMJ,cAGA,mBAIA,GACI,cACA,eAOJ,GACI,uBACA,SACA,iBAKJ,IACI,gCACA,cAMJ,iCAIA,YACI,mBACA,0BACA,iCAIJ,SACI,mBAKJ,cACI,gCACA,cAIJ,oBAIA,QACI,cACA,cACA,kBACA,wBAGJ,mBACA,eAKA,sBAMA,sCACI,oBACA,eACA,iBACA,SAKJ,aAEI,iBAKJ,cAEI,oBAIJ,gDACI,0BAGA,wHACE,kBACA,UAIF,0IAIJ,oCAMA,OACI,sBACA,cACA,cACA,eACA,UACA,mBAIJ,iCAGA,uBAIA,6BACI,sBACA,UAIc,8FAIlB,cACI,6BACA,oBAGA,kEAKJ,6BACI,0BACA,aAMJ,sBAGA,0BAKA,sBAGA,sBDxLA,MACI,cACA,kBACA,mBACA,oBACA,kBACA,oBACA,yBACA,kBACA,uBACA,qBACA,0BACA,mBACA,wBACA,sBACA,2BACA,mBAsBJ,WAEI,sBACA,oCACA,4FAGJ,iBAEW,+BACA,+BACP,YAGJ,+BAGA,UACI,qCACI,sBACA,2BACA,+BAIR,wBACI,eACA,QACA,WACA,oBACA,wCACI,sBACA,2BAIR,uBACI,eACA,QACA,WACA,uCACA,WAGJ,oCACI,2CACI,sBACA,wBACA,0BAWJ,YAEI,sBAIA,2DAEA,gIAIA,uCACI,kBACA,QACA,uCAGJ,+BACI,yCACI,sBACA,+CACA,yBAEJ,0BACA,WAGJ,8BACI,4CACI,qCACA,0DAWR,eAEI,kBAEA,6BAEA,iBAEI,kBACA,UAEA,YAeA,yBACA,0BACA,cAfA,mBACe,wCACX,eACA,aAGJ,8CACe,sCACA,uCASf,mBACI,kBACA,WAEA,0BACI,oBAIR,2BACI,qBAKJ,mBACI,+CAGA,yBACI,kBACA,iBACA,sBAOZ,iBAEI,kBACA,UAEA,uBACA,SAEA,uBACA,WACI,6HAEJ,8BAIA,uCACA,oBACI,kBACA,aAMhB,YAEI,WAEA,gBAEA,gBACI,kBACA,QACA,2BAUR,MAEI,kBACA,QAEA,0BACA,sCACI,sBACA,+BAIR,cAEI,kBACA,QACA,uBACA,gBAGA,sBACI,YAEA,oCACI,kBACA,cAKZ,yBACI,kBACA,YACA,SAUR,SAEI,mBACA,6BACA,mCACA,uBAEA,qBACI,wBACA,wBAMR,YACI,8CAEA,kBACA,aACA,sBACA,SACA,qBACA,2BACA,WAEA,WAEA,mBACA,6FAKA,eACI,0CACA,UACA,mBACA,mBAGJ,qBAEI,OACA,mCACA,WAEA,iBACA,sDAIJ,uBACI,kBACA,WACU,sCACV,mBAEA,gFAEA,8BACI,kBACA,QAuBZ,WAEI,aACA,cAEA,WACA,qDACA,iBACA,gBAEA,mBAEI,kBACA,cACA,UACA,kBAEA,yBAEA,sBACA,mBACA,yGAKA,sCACI,kBACA,iBACA,qBACA,0BAEI,iCACA,uCAIR,4CAEA,0BACI,mBACA,yGAKA,kCACI,iBACA,qBAIR,6FACA,mGACA,gFACA,gFAIJ,mBAEI,kBACA,YACA,eACA,eACA,qBAEA,gBAEA,2BACI,SACA,2BAGJ,mCACA,qCAIA,+CACA,4CACA,4CASJ,0BAEI,eACA,qCACA,qBACA,WAEA,0BACA,iBACA,iBAEA,yDAGJ,cACI,sBACA,oBAEA,UAGJ,+BACI,kBACA,QAGJ,gGAI4B,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,uHACtB,wBADsB,uHACtB,wBADsB,uHACtB,wBADsB,uHACtB,wBADsB,uHACtB,wBADsB,uHACtB,wBAEN,YACI,uDACI,qBACA,8BAEJ,0BAKJ,YAEI,kBACA,iCACA,WACA,uBACA,2BAEA,0BACA,gBACA,eAGJ,OACI,sBAIR,KAEI,kBACA,aACA,uBACA,oDAEA,WACA,kBAEA,oBACA,gBAEA,mBACI,eACA,gBACA,iBACA,iBAGJ,YACI,kBACA,WACA,YACA,WACA,QAIR,mFAGA,IACI,uCACA,kBAEA,MACI,sBACA,UAGJ,UAEI,kBACA,mBAEA,UACA,kBAEA,oBACA,4DAEA,0BACI,kBACA,SACA,QACA,UACA,WACA,kCACA,gBAIR,yDACI,yBACA,mBAGJ,yDACI,cACA,UAKR,MAEI,kBACA,cACA,uBACA,UACA,mCAEA,UACA,kBAEA,gDACK,oBACL,UACA,sBAEA,wCACA,sBACI,yBACA,8BAGJ,oCAGI,gHACA,0JAYR,gFAIA,2BACI,oCACA,wBACI,GALiB,gDAMjB,IANiB,gDAOjB,IAPiB,gDAQjB,IARiB,gDASjB,KATiB,iDAazB,OACI,eACA,WACA,WACA,0BAIA,iDACI,UACA,yCACA,sBACI,sBACA,wBAWW,4DACJ,WACf,8FAEA,0EACI,mBACA,yDAIJ,2IAEA,wEACI,mBACA,yGAMJ,2GAE+B,8fAE3B,wGACI,uJACA,qJAEJ,2GACI,6JACA,0JAmBZ,KACI,WACA,0BAGJ,uCAEI,oDAEI,kBACA,qBACA,kBAEA,iBACA,WACA,eACA,uBACA,wBACA,gBAIR,EACI,kBACA,wBAEA,oBACI,kBACA,aAGJ,2BACI,wCAIR,OACI,wBACA,0BAOA,4HAGA,8DAGA,4DAKA,kBACA,+BADA,kBACA,+BADA,kBACA,+BADA,kBACA,+BADA,kBACA,+BADA,kBACA,+BAIA,4DAGA,4HAK2B,wjCAID,oGACA,gFAI1B,GACI,kBACA,sBACA,oBAHJ,GACI,kBACA,sBACA,oBAHJ,GACI,kBACA,sBACA,oBAHJ,GACI,kBACA,sBACA,oBAHJ,GACI,kBACA,sBACA,oBAHJ,GACI,kBACA,sBACA,oBAOJ,mKAIA,+DAKA,OACI,yBAEA,6BACI,mBACA,0BACA,WANR,OACI,yBAEA,6BACI,mBACA,0BACA,WANR,OACI,yBAEA,6BACI,mBACA,0BACA,WANR,OACI,yBAEA,6BACI,mBACA,0BACA,WANR,OACI,yBAEA,6BACI,mBACA,0BACA,WANR,OACI,yBAEA,6BACI,mBACA,0BACA,WAOJ,2CAEA,wCAEI,kBACA,YAEA,uCAGM,0CAEF,kBACA,kBAEA,6BACA,UAIR,cACI,wBACA,wBAEA,gCACA,mDACI,mBACA,6BA3BR,2CAEA,wCAEI,kBACA,YAEA,uCAGM,0CAEF,kBACA,kBAEA,6BACA,UAIR,cACI,wBACA,wBAEA,gCACA,mDACI,mBACA,6BA3BR,2CAEA,wCAEI,kBACA,YAEA,uCAGM,0CAEF,kBACA,kBAEA,6BACA,UAIR,cACI,wBACA,wBAEA,gCACA,mDACI,mBACA,6BAQR,4CAEU,2CAEF,kBACA,WAEA,iBACA,6BACA,UAIR,cACI,wBACA,wBAEA,iCAjBJ,4CAEU,2CAEF,kBACA,WAEA,iBACA,6BACA,UAIR,cACI,wBACA,wBAEA,iCAjBJ,4CAEU,2CAEF,kBACA,WAEA,iBACA,6BACA,UAIR,cACI,wBACA,wBAEA,iCAQZ,GACgB,qBADX,0DAED,MACgB,uBADX,6BAED,SACgB,qBADX,iCAEI,qCAED,eACgB,qBAOhC,sBACA,mBAIA,aACI,qBAGJ,8BACI,kBACA,kBACA,kBAEA,iDACI,kBACA,QACA,yEACA,mBAGJ,qHAGJ,eACI,uBACA,mBAEA,yDACI,+BACA,mBAQR,oCAEA,sBAEI,kBACA,cAEA,UACA,eACA,6BACA,iBACA,cACA,YAEA,kBACA,+BAEA,uDACA,gEACA,2DAEA,qCAEI,kBAEA,uBACA,sBACA,yBACA,eACA,iBAEA,mCACA,qEAGJ,iDAEI,eACA,QACA,SACA,2BACA,YAEA,gBACA,iBACA,gBACA,YAEA,YAEA,gEAEI,QACA,2BAEA,gBACA,eACA,mBAEA,YAKZ,wDACI,eACA,WACA,mCACA,YASJ,8FAEA,+FA7+BI,cACA,mBACA,oBACA,kBACA,oBACA,yBACA,kBACA,uBACA,0BACA,wBACA,2BACA,mBAo+BJ,uCAlqBI,gBACA,uFAKA,oGAEA,mGAIA,6DAwpBkD,8HAhUlD,gBACA,mGAuUJ,KACI,+BACA,4DAGJ,cACI,4BACA,0IAGJ,gCACI,kBACA,+DAGJ,6BACI,kBACA,kCEriCJ,sCACA,2CACA,qCACA,0CAEA,4CACA,0BACA,4CACA,2CACA,6BACA,iCACA,yBACA,2CACA,6BACA,0BACA,2CACA,gCACA,6CACA,6BACA,2CACA,2CACA,2CACA,0BACA,2CACA,2CAEA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,2CACA,8CACA,6BACA,6BACA,2CACA,4CACA,6BACA,2CACA,yBAKA,0BACA,0BACA,4CACA,0BACA,2CACA,0BACA,2CACA,2BACA,0BACA,0BACA,6BACA,0BACA,6BACA,6BACA,6BCzDa,oGAIb,gCAEA,eACA,iBACA,gBACA,iBAEyC,iNAEzC,yCACA,2CAC2B,4KAM3B,SACI,SACA,kBACA,cACA,WACA,4BAIJ,GACI,gBACA,OAIJ,GACI,kBAIJ,GACI,iBACA,QAKwB,iLAI5B,wBACuB,oEACnB,oEACA,yEACA,yEACA,kEAGG,kCACF,mCACL,2CACG,+CACS,yDACF,4DACF,0EAQH,aAJI,KAKL,yBALK,KAML,8CAFC,cAJI,OAKL,0BALK,OAML,iDAFC,YAJI,KAKL,wBALK,KAML,6CAFC,aAJI,KAKL,yBALK,KAML,8CAFC,WAJI,IAKL,uBALK,IAML,2CAFC,cAJI,OAKL,0BALK,OAML,iDAFC,cAJI,KAKL,0BALK,KAML,+CAFC,aAJI,MAKL,yBALK,MAML,+CAFC,YAJI,KAKL,wBALK,KAML,6CAFC,aAJI,MAKL,yBALK,MAML,+CAFC,YAJI,KAKL,wBALK,KAML,6CAFC,YAJI,KAKL,wBALK,KAML,6CAFC,YAJI,KAKL,wBALK,KAML,6CAFC,YAJI,KAKL,wBALK,KAML,6CAFC,eAJI,KAKL,2BALK,KAML,gDAFC,cAJI,OAKL,0BALK,OAML,iDAU+B,gBAN/B,kBACA,qBACA,YACA,+CAG+B,kBAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,gBAN/B,kBACA,qBACA,YACA,+CAG+B,YAN/B,kBACA,qBACA,YACA,+CAG+B,kBAN/B,kBACA,qBACA,YACA,+CAG+B,kBAN/B,kBACA,qBACA,YACA,+CAG+B,gBAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,gBAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,oBAN/B,kBACA,qBACA,YACA,+CAG+B,kBAN/B,kBACA,qBACA,YACA,+CAKJ,GARI,kBACA,qBACA,YACA,+CAOA,WACA,+BAGJ,KAdI,kBACA,qBACA,YACA,+CAaA,gGAMJ,IACI,kBACA,qBAEA,kBAEA,4BAEI,kBACA,SACA,2BACA,cAEA,gBAMR,uBAEI,uBACI,kBACA,gBACA,wBACA,oBAGM,kBACN,WAIR,yBACA,8BAEA,gBACI,sBACA,2CAGJ,SACI,kBACA,qBACA,cACA,iCAEA,eACI,kBAEA,2CACI,cACA,mBACA,kBAQZ,qCACI,4BAIS,oEAEqB,yEAElC,WACI,kBAEA,mCACI,mBACA,oBAEA,kBACA,OACA,SACA,WAEA,2BACA,kBACA,eAEA,kBACA,6BACA,UAGJ,qDACI,cACA,UACA,qBAIJ,8BACI,mCACI,gBACA,2BACA,6BAKZ,gEAGI,UACI,eACA,eACA,mBACA,gBAGJ,gBACI,UAOJ,wCACA,qCAIJ,6CAGI,cACA,QACA,qBACA,kBAEA,4FACI,eACA,sBAEI,wBACA,2EAEJ,UAGJ,+DACI,cACA,kBACA,oBAEA,oFACI,cACA,UAOZ,MACI,yCAEA,kBACA,UAEA,kBACA,yBACA,iBAEA,uEAEA,iCACI,kBACA,sBACA,YAIJ,6BAGA,QACI,8BAEA,0GACA,4CACA,0FAEA,gDACI,kBACA,mEACI,kBACA,QACA,WACA,sBACA,WAIR,gBACI,sBACA,wBACA,8BAOJ,6GACA,uCACA,qEACA,gDAEA,iBACI,mBACA,mBACA,kBAOZ,iEAEA,WAEI,iBADA,8EAIA,gDACI,cACA,kBACA,kBACA,eACA,0BACA,mBACA,cAEA,wEACI,kBACA,OACA,UACA,oBACA,gBAGJ,+FAIJ,gBACI,6BACA,8BACA,gCACA,mBAEA,oCAGJ,gBACI,mCACA,oCACA,sCACA,yBAEA,oCAIJ,gBACI,iCACA,kCACA,oCACA,uBAEA,oCACI,SACA,gBACA,mBACA,oBAMJ,0DACI,4BACA,aACA,+BACA,qDAEA,sEACI,2BACA,0BAKJ,sEACI,oDAIR,uDAMR,SACI,kBACA,oCAEA,+BACI,UACA,gBAEA,yCACI,kBACA,QACA,oBAKZ,UACI,uBAGJ,WACI,kBACA,eACA,gBAEA,sDACI,kBACA,wBAGJ,mBACI,MACA,oCAGJ,uBACI,4CACI,kBACA,kBACA,mBAEA,mDACI,wBACA,oBACA,qCAKZ,mCACI,qBAMR,GACI,gDACA,YACA,iBAEA,SACI,WACA,UACA,uBAqBR,SACI,wBACA,sCACI,0BACA,kHACA,qBACA,6BACA,oBAEA,oDACA,yBACI,yBACA,uCAKR,4BACI,6FAKR,eACI,mCACA,OACI,0HAMR,gBACI,mCACA,OACI,+PAYR,QACI,4CACA,wDAGJ,YACI,uCACA,uEACA,oBAiCwC,MAVxC,cACA,wNACA,0BAUA,WAZA,cACA,wNACA,yBAWA,gBAbA,eACA,wNACA,0BAYA,WAdA,eACA,wNACA,yBAaA,cAfA,gBACA,wNACA,0BAcA,SAhBA,eACA,wNACA,yBAeA,eAjBA,eACA,wNACA,0BAgBA,YAlBA,cACA,wNACA,yBAQwC,QAVxC,cACA,oMACA,0BAUA,aAZA,cACA,oMACA,yBAWA,kBAbA,eACA,oMACA,0BAYA,aAdA,eACA,oMACA,yBAaA,gBAfA,gBACA,oMACA,0BAcA,WAhBA,eACA,oMACA,yBAeA,iBAjBA,eACA,oMACA,0BAgBA,cAlBA,cACA,oMACA,yBAQwC,aAVxC,cACA,shBACA,0BAUA,kBAZA,cACA,shBACA,yBAWA,uBAbA,eACA,shBACA,0BAYA,kBAdA,eACA,shBACA,yBAaA,qBAfA,gBACA,shBACA,0BAcA,gBAhBA,eACA,shBACA,yBAeA,sBAjBA,eACA,shBACA,0BAgBA,mBAlBA,cACA,shBACA,yBAQwC,eAVxC,cACA,kgBACA,0BAUA,oBAZA,cACA,kgBACA,yBAWA,yBAbA,eACA,kgBACA,0BAYA,oBAdA,eACA,kgBACA,yBAaA,uBAfA,gBACA,kgBACA,0BAcA,kBAhBA,eACA,kgBACA,yBAeA,wBAjBA,eACA,kgBACA,0BAgBA,qBAlBA,cACA,kgBACA,yBAqBJ,QACI,+BACA,wBACA,YAnHA,8TAqHA,0XAKJ,6BAEA,8BAEA,sCAMA,OACI,SACA,0DAGJ,WACI,SACA,0CAGJ,gCAIA,QACI,WACA,qDAGJ,SACI,WACA,sDAGJ,sCAEA,qDACA,qDAIA,6FACA,mCAEI,oCACI,kBACA,QACA,sEAMR,QACI,4DAEA,qBACA,iBACI,oDAGJ,kBAEA,kCACA,UAEA,8EAEA,wCAEA,UACI,0BACA,8BACA,oCAGJ,kBACI,uBACA,+BAGJ,0BACI,wCACA,gDAMR,OACI,0CAIA,qBAGA,gCACA,yFACA,iBACI,6BACA,cC3sBR,OACI,eACA,mBACA,uBACA,aACA,8CACA,0BACA,WACA","sourcesContent":["iframe { display: initial; } // show navlink after apply style.css\n\n@import \"normalize\";\n\n$ghprxy: \"https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main\";\n$ghprxy: \"\";\n\n:root {\n    --color:                #44d;\n    --color-sat:            #00f;\n    --color-fade:           #eef;\n    --color-plain:          #000;\n    --color-mid:            #666;\n    --color-green:          #464;\n    --color-green-fade:     #efe;\n    --color-red:            #d00;\n    --color-red-fade:       #fdd;\n    --color-yellow:         #ff0;\n    --color-yellow-fade:    #ffe;\n    --color-miku:           #4dd;\n    --color-miku-fade:      #eff;\n    --color-magenta:        #f4f;\n    --color-magenta-fade:   #fef;\n    --color-page:           #fff;\n}\n\n@mixin darkscheme {\n    --color:                #aaf;\n    --color-fade:           #224;\n    --color-plain:          #fff;\n    --color-mid:            #aaa;\n    --color-green:          #aca;\n    --color-green-fade:     #232;\n    --color-red:            #faa;\n    --color-red-fade:       #422;\n    --color-yellow-fade:    #662;\n    --color-miku-fade:      #066;\n    --color-magenta-fade:   #626;\n    --color-page:           #002;\n}\n\n\n\n/* ==== M A I N ==== */\n\n#soup\\.exe {\n// styl\n    border: #fff 1px solid;\n    box-shadow: 10px 10px 20px 10px #44d;\n    &::-webkit-resizer { background: url(/assets/image/resizer.gif) {size: cover}; }\n}\n\n#soup\\.exe, #pseu {\n// resize\n    max: { height: 95vh; width: 99vw }\n    min: { height: 25vh; width: 25vw }\n    resize: both;\n}\n\nhtml { image-rendering: pixelated; }\n\n// main bg\nhtml, .nav {\n    background: url(/assets/image/bg.gif) {\n        color: #000;\n        position: center;\n        size: MAX(20vw,40vh);\n    }\n}\n\nhtml::before { content: \"\";\n    position: fixed;\n    inset: 0;\n    z-index: -2;\n    pointer-events: none;\n    background: url(/assets/image/cloud.png) {\n        size: cover;\n        position: center;\n    };\n}\n\nhtml::after { content: \"\";\n    position: fixed;\n    inset: 0;\n    z-index: -1;\n    background: url(/assets/image/rain.gif);\n    opacity: .5;\n}\n\nhtml:has(.cornerCara:not([id=\"0\"])) {\n    background: url(/assets/image/IMG_1148.JPG) {\n        color: #000;\n        size: contain;\n        position: right;\n    };\n}\n\n/* ======= */\n\n\n\n/* ==== C 1 ==== */\n\n.c1 {\n    .banner {\n    // styl\n        border: #000 1px solid;\n        // background: url(https://media.tenor.com/5lWosOHS630AAAAC/amor.gif);\n        // background: url(https://usagif.com/wp-content/uploads/gifs/water-66.gif);\n        // background: url(https://64.media.tumblr.com/9af92cc03553bd821021fd950fbc33b5/1534f96efdb15e70-b5/s100x200/6f110ffcfa7afe0af25add8144e9d30fbefc97fe.gifv);\n        background: url(/assets/image/xp_.gif) { size: 20vw; };\n\n        box-shadow: inset 10px -10px 5px -5px   #44d,\n                    inset -30px 0 30px -20px    #44da,\n                    inset -90px 50px 30px -30px #fff;\n\n        &::before, &::after {\n            position: absolute;\n            inset: 0;\n            background-repeat: no-repeat !important;\n        }\n\n        &::before { content: \"\";\n            background: url(/assets/image/banner.png) {\n                color: #ccf;\n                size: MAX(90%, 600px) 100% !important;\n                position: 40px;\n            };\n            mix-blend-mode: hard-light;\n            opacity: .8;\n        }\n\n        &::after { content: \"\";\n            background: url(/assets/image/bannerTxt.png) {\n                size: auto 100% !important;\n                position: calc(100% - MAX(30%, 20px)) !important;\n            };\n            // opacity: .5;\n        }\n\n    }\n\n    .main {\n\n        /* ==== N A V B A R ==== */\n\n        .nav {\n        // pos\n            position: relative;\n        // styl\n            border-inline: #44d 1px solid;\n\n            &-c {\n            // pos\n                position: relative;\n                z-index: 1;\n            // size\n                height: 100%;\n\n                p {\n                    padding: { inline: 1em 0;  block: .5em; };\n                    margin-block: 0;\n                    display: flex;\n                }\n\n                a, .urHere-i {\n                    padding: { right: 100%;  block: .5em; };\n                    margin:  { right: -100%; block: -.5em };\n                }\n\n            /* ====link fluid hovering==== */\n\n                text-shadow: #fff 2px 2px;\n                mix-blend-mode: hard-light;\n                color: #2985ff;\n\n                a {\n                    position: relative;\n                    color: #38f;\n\n                    &.urHere {\n                        pointer-events: none;\n                    }\n                }\n\n                .urHere-i {\n                    display: inline-block;\n                }\n\n                /* ====ani==== */\n\n                p {\n                    transition: all 0s .2s,\n                        background-color .4s .2s;\n\n                    &:hover {\n                        transition: all 0s;\n                        padding-left: 20%;\n                        background-color: #ccf;\n                    }\n                }\n            }\n\n            /* ====Animating coolaf gradient bg==== */\n\n            &-b {\n            // pos\n                position: absolute;\n                left: -25%;\n            // size\n                height: 400%; width: 150%;\n                bottom: 0;\n            // styl\n                mix-blend-mode: lighten;\n                background:\n                    linear-gradient(90deg, #000, #0000 50%),\n                    repeating-linear-gradient(#f80, #f0f 25%, #0ff 37.5%, #8f0 42%, #f80 50%);\n                filter: contrast(2) blur(10px) ;\n\n                /* ====ani==== */\n\n                animation: bgScroll 10s linear infinite;\n                @keyframes bgScroll {\n                    from { bottom: -200%; }\n                    to   { bottom: 0; }\n                }\n            }\n        }\n    }\n\n    .bottom {\n    // size\n        width: 100%;\n    // styl\n        background: #000;\n\n        img {\n            position: relative;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n    }\n}\n\n\n\n/* ==== C 2 ==== */\n\n.c2 {\n    &-b {\n    // pos\n        position: absolute;\n        inset: 0;\n    // styl\n        image-rendering: pixelated;\n        background: url(/assets/image/bg2.gif) {\n            color: #000;\n            size: MAX(10vw,20vh);\n        };\n    }\n\n    .chatroom {\n    // pos\n        position: absolute;\n        inset: 0;\n        width: auto; height: auto;\n        overflow: scroll;\n        // margin-inline: 5%;\n\n        .giscus {\n            height: 100%;\n\n            .giscus-frame {\n                position: absolute;\n                inset: 0 unset;\n            }\n        }\n    }\n\n    & iframe[name=\"neolink\"] {\n        position: absolute;\n        margin: 10px;\n        bottom: 0;\n    }\n}\n\n/* ======== */\n\n\n\n/* ==== C O N T E N T ==== */\n\n.content {\n// styl\n    text-align: justify;\n    text-justify: inter-ideograph;\n    background-color: var(--color-page);\n    padding-inline: 3em 2em;\n\n    ::selection {\n        color: var(--color-page);\n        background: var(--color);\n    }\n}\n\n// fullscreen\n\n.fullscreen {\n    transition: opacity .2s .2s, top .2s, bottom .2s;\n// pos\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    left: 50%;\n    top: 50vh; bottom: 50vh;\n    transform: translateX(-50%);\n    z-index: 10;\n// size\n    width: 90vw;\n// styl\n    background: #d1d1f7;\n    box-shadow: -1px -1px 0 1px #e8e8fb,\n                0 0 0 2px       #000,\n                inset -2px -4px #a2a2ee,\n                inset 2px 2px   #fff;\n\n    &.on {\n        transition: opacity .2s, top .2s, bottom .2s;\n        opacity: 1;\n        pointer-events: all;\n        top: 2vh; bottom: 2vh;\n    }\n\n    .content {\n    // size\n        flex: 9;\n        padding-inline: 2em calc(2em + 5vw);\n        margin: 6px;\n    // styl\n        font-size: 1.2rem;\n        box-shadow: inset -2px -2px #e8e8fb,\n                    inset 2px 2px   #44d;\n    }\n\n    .bottomBar {\n        position: relative;\n        height: 1em;\n        margin: { block: 0 10px; inline: 6px };\n        color: var(--color);\n\n        .left, .right { display: inline-block; }\n\n        .right {\n            position: absolute;\n            right: 0;\n        }\n    }\n}\n\n@mixin fullscreen-dark {\n    background: #338;\n    box-shadow: -1px -1px 0 1px #aaf,\n                0 0 0 2px       #44d,\n                inset -2px -4px #224,\n                inset 2px 2px   #000;\n\n    .buttonBar { background: linear-gradient(90deg, #44d 20%, #000); }\n\n    .content { box-shadow: inset -2px -2px #224,\n                           inset 2px 2px   #aaf;\n    }\n\n    .bottomBar { color: #fff; }\n}\n\n// button bar\n\n.buttonBar {\n// size\n    height: 1.5em;\n    padding: .25em;\n// styl\n    color: #fff;\n    background: linear-gradient(90deg, #44d 20%, #a2a2ee);\n    text-wrap: nowrap;\n    overflow: hidden;\n\n    .toggle {\n    // pos\n        position: absolute;\n        display: block;\n        top: .25em;\n        margin-right: .5em;\n    // size\n        width: 1.5em; height: 1.5em;\n    // styl\n        box-sizing: border-box;\n        background: #d1d1f7;\n        box-shadow: inset -1.5px -1.5px #44d,\n                    inset 1.5px 1.5px   #fff,\n                    inset -3px -3px     #a2a2ee,\n                    inset 3px 3px       #e8e8fb;\n\n        &::before { content: \"\";\n            position: absolute;\n            top: 5px; left: 5px;\n            right: 6px; bottom: 6px;\n            image-rendering: pixelated;\n            background: {\n                size: cover !important;\n                repeat: no-repeat !important\n            };\n        }\n\n        &:hover { background: #e8e8fb; }\n\n        &:active {\n            background: #d1d1f7;\n            box-shadow: inset -1.5px -1.5px #fff,\n                        inset 1.5px 1.5px   #44d,\n                        inset -3px -3px     #e8e8fb,\n                        inset 3px 3px       #a2a2ee;\n\n            &::before {\n                top: 6px; left: 6px;\n                right: 5px; bottom: 5px;\n            }\n        }\n\n        .window &.fullscreenTg::before     { background: url(/assets/image/button/max.gif);   }\n        .fullscreen &.fullscreenTg::before { background: url(/assets/image/button/unmax.gif); }\n        &.darkTg::before                   { background: url(/assets/image/button/dark.gif);  }\n        &.fontTg::before                   { background: url(/assets/image/button/font.gif);  }\n\n    }\n\n    .window & {\n    // pos\n        position: relative;\n        height: 100%;\n        min-width: 20px;\n        max-width: 20px;\n        padding-inline: .25em;\n    // styl\n        background: #44d;\n\n        .toggle {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .darkTg { top: 2em; }\n        .fontTg { top: 3.5em }\n    }\n\n    .fullscreen & {\n        .fullscreenTg { right: 0em; }\n        .darkTg { right: 1.75em; }\n        .fontTg { right: 3.25em; }\n    }\n}\n\n\n\n/* ==== C O R N E R ==== */ // WARNING: spaghetti ahead!!!\n\n.cornerCara {\n    &, &-b {\n    // pos\n        position: fixed;\n        bottom: -16vh; right: calc(10vw - 39vh);\n        transform: scale(75%);\n        z-index: -3;\n    // size\n        height: calc(100vh + 10vw);\n        max-height: 140vh;\n        aspect-ratio: .77;\n    // styl\n        filter: drop-shadow(-1vw 2vw #0008);\n    }\n\n    &-b {\n        transition: opacity 1s;\n        pointer-events: none;\n    // pos\n        z-index: 2;\n    }\n\n    &::before { content: \"\";\n        position: absolute;\n        inset: 0;\n    }\n\n    #soup\\.exe:hover ~&-b, #soup\\.exe:active ~&-b { transition: opacity 0s; opacity: .2; }\n\n    /* ====randomBG==== */\n\n    @for $i from 0 through 15 { &[id=\"#{$i}\"] +&-b, &[id=\"#{$i}\"]::before { background: url(/assets/image/cornerCara/marisa#{$i}.webp)\n        { size: contain } }; }\n\n    & {\n        background: url(/assets/image/cornerCara/marisaB_.webp) {\n            size: 120%;\n            position: -40% -40%;\n        };\n        image-rendering: pixelated;\n    }\n}\n\n.ibm {\n    &, &-b {\n    // pos\n        position: absolute;\n        right: calc(10vw - 39vh); bottom: 0;\n        z-index: -1;\n        pointer-events: visible;\n        transform: translateX(-20%);\n    // size\n        height: calc(25vh + 2.5vw);\n        max-height: 35vh;\n        aspect-ratio: 2;\n    }\n\n    &-b {\n        mix-blend-mode: darken;\n    }\n}\n\n.vid {\n// pos\n    position: absolute;\n    display: none;\n    right: -38%; bottom: -55%;\n    transform: scale(.17, .23) rotate(8deg) skew(3deg);\n// size\n    width: 170%;\n    aspect-ratio: 16/9;\n// styl\n    pointer-events: none;\n    background: #fff;\n\n    @keyframes flicker {\n        0% { opacity: .65;}\n        50% { opacity: .65;}\n        50.1% { opacity: .5; }\n        100% { opacity: .5; }\n    }\n\n    iframe {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        z-index: 10;\n        inset: 0;\n    }\n}\n\n.mask:has(input:checked) ~ .vid { display: block; animation: flicker .05s linear infinite; }\n\n\n.pc {\n    transition: visibility 0s 1s, opacity 1s;\n    visibility: hidden;\n\n    &-b {\n        transition: opacity 1s;\n        z-index: 1;\n    }\n\n    &, &-b {\n    // pos\n        position: absolute;\n        right: 8%; bottom: 0%;\n    // size\n        width: 75%;\n        aspect-ratio: 1.63;\n    // styl\n        pointer-events: none;\n        background: url(/assets/image/ibm.png) { size: cover; };\n\n        &::before {\n            position: absolute;\n            left: 35%;\n            top: 45%;\n            width: 50%;\n            z-index: 20;\n            transform: rotate(9deg) skew(7deg);\n            font-size: 3.2vh;\n        }\n    }\n\n    #soup\\.exe:hover ~ .ibm-b &, #soup\\.exe:active ~ .ibm-b & {\n        transition: visibility 0s;\n        visibility: visible;\n    }\n\n    #soup\\.exe:hover ~ .ibm &-b, #soup\\.exe:active ~ .ibm &-b {\n        transition: 0s;\n        opacity: 0;\n    }\n}\n\n\n.mask {\n// pos\n    position: absolute;\n    display: block;\n    right: 32.7%; bottom: 20%;\n    z-index: 1;\n    transform: rotate(11deg) skew(7deg);\n// size\n    width: 28%;\n    aspect-ratio: 1.34;\n// styl\n    background: url(/assets/image/rainbowDither.png)\n        {size: 4vw};\n    opacity: 0;\n    mix-blend-mode: darken;\n\n    animation: maskScroll 1s linear infinite;\n    @keyframes maskScroll {\n        0% { background-position: 0; }\n        100% { background-position: 8vw; }\n    }\n\n    &:has(input:checked) { opacity: .3; }\n\n    &:not(:has(input:checked)) ~.pc-b, .ibm-b:not(:has(~.ibm & input:checked)) .pc {\n        &::before { color: #fff; }\n        &::before { content: \"Power off\"; filter: drop-shadow(0 0 5px #fff); }\n    }\n}\n\n/* ======== */\n\n\n\n/* ==== C U R S O R ==== */\n\n// html { cursor: none;}\n\n#soup\\.exe, .fullscreen { cursor: url(/assets/image/cursor/hat.gif), auto !important; }\n\n@mixin wCursorGif($id) { cursor: url(/assets/image/cursor/hatq#{$id}.gif), auto; }\n\na, button, label, .cornerCara {\n    animation: wonderCursor .5s infinite;\n    @keyframes wonderCursor {\n        0%   { @include wCursorGif(1) }\n        25%  { @include wCursorGif(2) }\n        50%  { @include wCursorGif(3) }\n        75%  { @include wCursorGif(4) }\n        100% { @include wCursorGif(5) }\n    }\n}\n\ncanvas {\n    transition: .5s;\n    opacity: .5;\n    z-index: -2;\n    image-rendering: pixelated;\n}\n\n#soup\\.exe:hover, #soup\\.exe:active {\n    ~ canvas {\n        opacity: 0;\n        animation: hideCanvas .5s linear forwards;\n        @keyframes hideCanvas {\n            0% { visibility: visible; }\n            100% { visibility: hidden; }\n        }\n    }\n}\n\n\n/* ======== */\n\n\n\n/* ==== S C R O L L B A R ==== */\n.window, .fullscreen { ::-webkit-scrollbar {\n                   width:  24px;\n    &:horizontal { height: 24px; }\n\n    &-corner {\n        background: #d1d1f7;\n        box-shadow: inset -3px -3px     #a2a2ee,\n                    inset 3px 3px       #e8e8fb;\n    }\n\n    &-track { background: url(/assets/image/scrollbar/bg.png) {size: 4px}; }\n\n    &-thumb {\n        background: #d1d1f7;\n        box-shadow: inset -1.5px -1.5px #44d,\n                    inset  1.5px  1.5px #fff,\n                    inset -3px -3px     #a2a2ee,\n                    inset  3px  3px     #e8e8fb;\n    }\n\n    &-button { background-size: cover !important;\n\n        &:horizontal, &:vertical { &:start:decrement, &:end:increment { display: block; }}\n\n        &:vertical { height: 24px;\n            &:start { background: url(/assets/image/scrollbar/up.png); }\n            &:end   { background: url(/assets/image/scrollbar/down.png); }\n        }\n        &:horizontal { width: 24px;\n            &:start { background: url(/assets/image/scrollbar/left.png); }\n            &:end   { background: url(/assets/image/scrollbar/right.png); }\n        }\n    }\n}}\n\n@mixin scrollbar-dark {\n    background: #338;\n    box-shadow: inset -1.5px -1.5px #000,\n                inset  1.5px  1.5px #aaf,\n                inset -3px -3px     #224,\n                inset  3px  3px     #44d;\n}\n\n/* ======== */\n\n\n\n/* ==== T X T ==== */\n\nhtml {\n    color: #000;\n    text-underline-offset: 25%;\n}\n\n.content { color: var(--color) !important;\n\n    >p:not([class], :has(img)):after { content: \"湯\";\n    //pos\n        position: relative;\n        display: inline-block;\n        padding-left: .3em;\n    //styl\n        line-height: .5em;\n        opacity: .5;\n        font-size: .7em;\n        color: var(--color-red);\n        transform: rotate(15deg);\n        white-space: pre;\n    }\n}\n\na {\n    position: relative;\n    color: var(--color-miku);\n\n    &::after { content: \"\";\n        position: absolute;\n        inset: -.5em;\n    }\n\n    &::selection, ::selection {\n        background: var(--color-miku) !important;\n    }\n}\n\n[norm] {\n    color: var(--color-miku);\n    text-decoration: underline;\n}\n\n/* HEADERS */\n\n// headers font style\n$hs: 1, 2, 3, 4; @each $i in $hs {\n    h#{$i}, .fake.h#{$i} { font-weight: bolder; }\n}\n$hs: 5, 6; @each $i in $hs {\n    h#{$i}, .fake.h#{$i} { font-weight: normal; }\n}\n$hs: 4, 6; @each $i in $hs {\n    h#{$i}, .fake.h#{$i} { font-style: italic }\n}\n\n// headers margin block\n$hs: 1, 2, 3, 4, 5, 6; @each $i in $hs {\n    h#{$i} { margin-top: 1em; } // 1em top margin if headers is the first element\n    :first-child ~ h#{$i} { margin-top: 2em; } // 2em top margin if else\n}\n\n$hs: 1, 2; @each $i in $hs {\n    h#{$i}, .fake.h#{$i} { margin-bottom: 1em; }\n}\n$hs: 3, 4, 5, 6; @each $i in $hs {\n    h#{$i}, .fake.h#{$i} { margin-bottom: .5em; }\n}\n\n// reduce margin in between two adjacent headers\n$hs: 1, 2, 3, 4, 5, 6; @each $i in $hs {\n    h#{$i} { @each $i in $hs { +h#{$i} { margin-top: 0 !important; } } }\n}\n\n// reveal url for hyperlinks. requires moardown.scss\n.content a                  { &::before { content: \"¥目标: http://localhost:4000\"attr(pageurl) attr(href) attr(t) !important; } } // same domain\n.content a[target=\"_blank\"] { &::before { content: \"¥目标: \"attr(href) attr(t) !important; } } // cross domain\n\n// headers padding\n$hs: 1, 2, 3, 4, 5, 6; @each $i in $hs {\n    h#{$i} {\n        position: relative;\n        inset: -.5rem -.2rem;\n        padding: .5rem .2rem;\n    }\n}\n\n$hs:    1,    2,     (3, 4) ;\n$hline: solid dashed dotted ;\n@for $i from 1 through length($hs) { @each $h in nth($hs, $i) {\n    h#{$h} { border-bottom: var(--color) 3px nth($hline, $i); }\n}}\n\n$hs: 4, 5, 6; @each $i in $hs {\n    h#{$i} { width: max-content };\n}\n\n// reveal heading id\n$hs: 1, 2, 3, 4, 5, 6; @each $i in $hs {\n    h#{$i}[id] {\n        --notify: \"--> 点击复制标题链接\";\n\n        &::before, &::after {\n            font-weight: normal;\n            font-size: max(.5em, .8rem);\n            opacity: .7;\n       }\n    }\n}\n\n$hs: 1, 2, 3; @each $i in $hs {\n    h#{$i}[id] {\n        &::before, &::after { display: block; }\n\n        &::before { content: \"#\" attr(id) \"\\00a0\";\n        // pos\n            position: relative;\n            bottom: .2em;\n        // styl\n            text-decoration: dashed underline 1.5px;\n        }\n\n        &:hover { &::after { content: var(--notify);\n            // pos\n                position: absolute;\n                top: .5rem; right: 0;\n            // styl\n                background: var(--color-page);\n                opacity: 1;\n            }\n        }\n\n        &:active {\n            background: var(--color);\n            color: var(--color-page);\n\n            &::after { content: \"\"; }\n            &::selection, ::selection {\n                color: var(--color);\n                background: var(--color-page);\n            }\n        }\n    }\n}\n\n$hs: 4, 5, 6; @each $i in $hs {\n    h#{$i}[id] {\n        &::after { content: \"\\00a0#\" attr(id) \"\\00a0\" \"\\00a0\"; }\n\n        &:hover { &::before { content: var(--notify);\n            // pos\n                position: absolute;\n                top: -.8em;\n            // styl\n                text-wrap: nowrap;\n                background: var(--color-page);\n                opacity: 1;\n            }\n        }\n\n        &:active {\n            background: var(--color);\n            color: var(--color-page);\n\n            &::before { content: \"\"; }\n        }\n    }\n}\n\n/* ======== */\n\n// list\nul { ::marker { font-weight: bolder; color: var(--color-magenta); }\n                list-style-type: \"☆ \";\n    ul { ::marker { font-size: 1em; }\n                    list-style-type: hebrew;\n        ul { ::marker { font-size: .7em; }\n                        list-style-type: \"。 \";\n            ul { ::marker { font-size: .62em; }\n                            // list-style-type: inherit;\n                ul { // ::marker { font-size: inherit; }\n                                list-style-type: \"· \";\n                }\n            }\n        }\n    }\n}\n\nli { margin-bottom: .5em; }\nul { margin-top: .5em; }\n\n// check\n\nul.task-list {\n    list-style-type: \"- \";\n}\n\ninput.task-list-item-checkbox {\n    position: relative;\n    margin-right: .5em;\n    visibility: hidden;\n\n    &::before { content: \"\";\n        position: absolute;\n        inset: 0;\n        background: url(/assets/image/button/unchecked.gif) { size:cover; };\n        visibility: visible;\n    }\n\n    &:checked::before { background: url(/assets/image/button/checked.gif) { size:cover; }; }\n}\n\n:not(pre) >code {\n    color: var(--color-mid);\n    margin-inline: .5em;\n\n    &::before, &::after { content: \"/\";\n        font-family: \"fusion\", monospace; \n        margin-inline: .2em;\n    }\n}\n\n// images:\n// adaptive and rezizeable container & img maximize \n// overly fucked spaghetti code\n\n.content img { -webkit-user-drag: none; }\n\np:has(img:not(.icon)) {\n// pos \n    position: relative;\n    display: block;\n// size\n    width: 60%;\n    max-width: 100%;\n    padding: .5em 4em .75em .75em;\n    margin-block: 2em;\n    overflow: auto;\n    resize: both;\n// styl\n    text-align: center;\n    border: var(--color) 2px dotted; \n\n    .window & { max-height: MAX(20vh, 8em); }\n    .window .content >& { max-height: MAX(100%, 8em); }\n    .fullscreen & { max-height: MAX(50vh, 8em); }\n\n    img:not(.icon) {\n    // pos\n        position: relative;\n    // size\n        height: auto; width: auto;\n        box-sizing: border-box;\n        min-width: MAX(10em, 100%);\n        max-width: 100%;\n        margin-top: .25em;\n    // styl\n        border: var(--color-fade) 4px solid;\n        &:hover { border-color: var(--color); }\n    }\n\n    &:has(img:not(.icon):active) {\n    // pos\n        position: fixed;\n        inset: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 201;\n    // size\n        max-width: unset;\n        max-height: unset;\n        overflow: hidden;\n        resize: none;\n    // styl\n        border: none;\n\n        img:not(.icon) {\n        // pos\n            top: 50%;\n            transform: translateY(-50%);\n        // size\n            max-height: 100%;\n            min-width: 100%;\n            object-fit: contain;\n        // styl\n            border: none;\n        }\n    }\n}\n\n.content:has(p img:not(.icon):active)::after { content: \"\";\n    position: fixed;\n    inset: -2px;\n    background: #000a;\n    z-index: 200;\n};\n\n/* ======== */\n\n\n\n/* ==== D A R K M O D E ==== */\n\n.content:has(~.buttonBar .darkTg input:checked) { background: #0008 !important; }\n\n.buttonBar:has(.darkTg input:checked) ~.content, .content:has(~.buttonBar .darkTg input:checked) { @include darkscheme() }\n\n.fullscreen:has(.darkTg input:checked) { @include fullscreen-dark; }\n\n.window, .fullscreen { &:has(.darkTg input:checked) { ::-webkit-scrollbar-thumb { @include scrollbar-dark; }}}\n\n/* ======== */\n\n\n\n/* ==== F O N T ==== */\n\nhtml {\n    font-family: \"fusion\", monospace;\n    &:has(.fontTg input:checked) { font-family: \"ibm\", monospace; }\n}\n\ncode, kbd, samp {\n    font-family: \"ibm\", monospace;\n    html:has(.fontTg input:checked) & { font-family: \"ibm\", monospace; }\n}\n\n@font-face { font-family: \"fusion\";\n    font-display: swap;\n    src: url(/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf);\n}\n\n@font-face { font-family: \"ibm\";\n    font-display: swap;\n    src: url(/assets/font/IBM3161.ttf);\n}\n\n/* ======== */\n\n@import \"code\";\n\n@import \"moardown\";\n\n@import \"neko\";\n\n","//! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n//# Modified it's arrangement little for my personal preference :|\r\n\r\n// Document ================================\r\n\r\n// 1. Correct the line height in all browsers.\r\n// 2. Prevent adjustments of font size after orientation changes in iOS.\r\nhtml {\r\n    line-height: 1.15; // 1\r\n    -webkit-text-size-adjust: 100%; // 2\r\n}\r\n\r\n// Sections ================================\r\n\r\n// Remove the margin in all browsers.\r\nbody { margin: 0; }\r\n\r\n// Render the `main` element consistently in IE.\r\nmain { display: block; }\r\n\r\n// Correct the font size and margin on `h1` elements within `section` and\r\n// `article` contexts in Chrome, Firefox, and Safari.\r\nh1 {\r\n    font-size: 2em;\r\n    margin: 0.67em 0;\r\n}\r\n\r\n// Grouping content ================================\r\n\r\n// 1. Add the correct box sizing in Firefox.\r\n// 2. Show the overflow in Edge and IE.\r\nhr {\r\n    box-sizing: content-box; // 1\r\n    height: 0; // 1\r\n    overflow: visible; // 2\r\n}\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers.\r\n// 2. Correct the odd `em` font sizing in all browsers.\r\npre {\r\n    font-family: monospace, monospace; // 1\r\n    font-size: 1em; // 2\r\n}\r\n\r\n// Text-level semantics ================================\r\n\r\n// Remove the gray background on active links in IE 10.\r\na { background-color: transparent; }\r\n\r\n// 1. Remove the bottom border in Chrome 57-\r\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\nabbr[title] {\r\n    border-bottom: none; // 1\r\n    text-decoration: underline; // 2\r\n    text-decoration: underline dotted; // 2\r\n}\r\n\r\n// Add the correct font weight in Chrome, Edge, and Safari.\r\nb, strong {\r\n    font-weight: bolder;\r\n}\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers.\r\n// 2. Correct the odd `em` font sizing in all browsers.\r\ncode, kbd, samp {\r\n    font-family: monospace, monospace; // 1\r\n    font-size: 1em; // 2\r\n}\r\n\r\n// Add the correct font size in all browsers.\r\nsmall { font-size: 80%; }\r\n\r\n// Prevent `sub` and `sup` elements from affecting the line height in\r\n// all browsers.\r\nsub, sup {\r\n    font-size: 75%;\r\n    line-height: 0;\r\n    position: relative;\r\n    vertical-align: baseline;\r\n}\r\n\r\nsub { bottom: -0.25em; }\r\nsup { top: -0.5em; }\r\n\r\n// Embedded content ================================\r\n\r\n// Remove the border on images inside links in IE 10.\r\nimg { border-style: none; }\r\n\r\n// Forms ================================\r\n\r\n// 1. Change the font styles in all browsers.\r\n// 2. Remove the margin in Firefox and Safari.\r\nbutton, input, optgroup, select, textarea {\r\n    font-family: inherit; // 1\r\n    font-size: 100%; // 1\r\n    line-height: 1.15; // 1\r\n    margin: 0; // 2\r\n}\r\n\r\n// Show the overflow in IE.\r\n// 1. Show the overflow in Edge.\r\nbutton,\r\ninput { // 1\r\n    overflow: visible;\r\n}\r\n\r\n// Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n// 1. Remove the inheritance of text transform in Firefox.\r\nbutton,\r\nselect { // 1\r\n    text-transform: none;\r\n}\r\n\r\n// Correct the inability to style clickable types in iOS and Safari.\r\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\r\n    -webkit-appearance: button;\r\n\r\n    // Remove the inner border and padding in Firefox.\r\n    &::-moz-focus-inner {\r\n      border-style: none;\r\n      padding: 0;\r\n    }\r\n\r\n    // Restore the focus styles unset by the previous rule.\r\n    &:-moz-focusring { outline: 1px dotted ButtonText; }\r\n}\r\n\r\n// Correct the padding in Firefox.\r\nfieldset { padding: 0.35em 0.75em 0.625em; }\r\n\r\n// 1. Correct the text wrapping in Edge and IE.\r\n// 2. Correct the color inheritance from `fieldset` elements in IE.\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n//    `fieldset` elements in all browsers.\r\nlegend {\r\n    box-sizing: border-box; // 1\r\n    color: inherit; // 2\r\n    display: table; // 1\r\n    max-width: 100%; // 1\r\n    padding: 0; // 3\r\n    white-space: normal; // 1\r\n}\r\n\r\n// Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\nprogress { vertical-align: baseline; }\r\n\r\n// Remove the default vertical scrollbar in IE 10+.\r\ntextarea { overflow: auto; }\r\n\r\n// 1. Add the correct box sizing in IE 10.\r\n// 2. Remove the padding in IE 10.\r\n[type=\"checkbox\"], [type=\"radio\"] {\r\n    box-sizing: border-box; // 1\r\n    padding: 0; // 2\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Chrome.\r\n[type=\"number\"] { &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { height: auto; } }\r\n\r\n// 1. Correct the odd appearance in Chrome and Safari.\r\n// 2. Correct the outline style in Safari.\r\n[type=\"search\"] {\r\n    -webkit-appearance: textfield; // 1\r\n    outline-offset: -2px; // 2\r\n\r\n    // Remove the inner padding in Chrome and Safari on macOS.\r\n    ::-webkit-search-decoration { -webkit-appearance: none; }\r\n}\r\n\r\n// 1. Correct the inability to style clickable types in iOS and Safari.\r\n// 2. Change font properties to `inherit` in Safari.\r\n::-webkit-file-upload-button {\r\n    -webkit-appearance: button; // 1\r\n    font: inherit; // 2\r\n}\r\n\r\n// Interactive ================================\r\n\r\n// Add the correct display in Edge, IE 10+, and Firefox.\r\ndetails { display: block; }\r\n\r\n// Add the correct display in all browsers.\r\nsummary { display: list-item; }\r\n\r\n// Misc ================================\r\n\r\n// Add the correct display in IE 10+.\r\ntemplate { display: none; }\r\n\r\n// Add the correct display in IE 10.\r\n[hidden] { display: none; }",".highlight .hll { background-color: #ffffcc }\r\n.highlight .c   { color: #008800; font-style: italic }  // Comment\r\n.highlight .err { border: 1px solid #FF0000 }           // Error\r\n.highlight .k   { color: #AA22FF; font-weight: bold }   // Keyword\r\n// .highlight .o   { color: #666666 }                      // Operator\r\n.highlight .cm  { color: #008800; font-style: italic }  // Comment.Multiline\r\n.highlight .cp  { color: #008800 }                      // Comment.Preproc\r\n.highlight .c1  { color: #008800; font-style: italic }  // Comment.Single\r\n.highlight .cs  { color: #008800; font-weight: bold }   // Comment.Special\r\n.highlight .gd  { color: #A00000 }                      // Generic.Deleted\r\n.highlight .ge  { font-style: italic }                      // Generic.Emph\r\n.highlight .gr  { color: #FF0000 }                      // Generic.Error\r\n.highlight .gh  { color: #000080; font-weight: bold }   // Generic.Heading\r\n.highlight .gi  { color: #00A000 }                      // Generic.Inserted\r\n.highlight .go  { color: #808080 }                      // Generic.Output\r\n.highlight .gp  { color: #000080; font-weight: bold }   // Generic.Prompt\r\n.highlight .gs  { font-weight: bold }                       // Generic.Strong\r\n.highlight .gu  { color: #800080; font-weight: bold }   // Generic.Subheading\r\n.highlight .gt  { color: #0040D0 }                      // Generic.Traceback\r\n.highlight .kc  { color: #AA22FF; font-weight: bold }   // Keyword.Constant\r\n.highlight .kd  { color: #AA22FF; font-weight: bold }   // Keyword.Declaration\r\n.highlight .kn  { color: #AA22FF; font-weight: bold }   // Keyword.Namespace\r\n.highlight .kp  { color: #AA22FF }                      // Keyword.Pseudo\r\n.highlight .kr  { color: #AA22FF; font-weight: bold }   // Keyword.Reserved\r\n.highlight .kt  { color: #00BB00; font-weight: bold }   // Keyword.Type\r\n// .highlight .m   { color: #666666 }                      // Literal.Number\r\n.highlight .s   { color: #BB4444 }                      // Literal.String\r\n.highlight .na  { color: #BB4444 }                      // Name.Attribute\r\n.highlight .nb  { color: #AA22FF }                      // Name.Builtin\r\n.highlight .nc  { color: #0000FF }                      // Name.Class\r\n.highlight .no  { color: #880000 }                      // Name.Constant\r\n.highlight .nd  { color: #AA22FF }                      // Name.Decorator\r\n.highlight .ni  { color: #999999; font-weight: bold }   // Name.Entity\r\n.highlight .ne  { color: #D2413A; font-weight: bold }   // Name.Exception\r\n.highlight .nf  { color: #00A000 }                      // Name.Function\r\n.highlight .nl  { color: #A0A000 }                      // Name.Label\r\n.highlight .nn  { color: #0000FF; font-weight: bold }   // Name.Namespace\r\n.highlight .nt  { color: #008000; font-weight: bold }   // Name.Tag\r\n.highlight .nv  { color: #B8860B }                      // Name.Variable\r\n.highlight .ow  { color: #AA22FF; font-weight: bold }   // Operator.Word\r\n.highlight .w   { color: #bbbbbb }                      // Text.Whitespace\r\n// .highlight .mf  { color: #666666 }                      // Literal.Number.Float\r\n// .highlight .mh  { color: #666666 }                      // Literal.Number.Hex\r\n// .highlight .mi  { color: #666666 }                      // Literal.Number.Integer\r\n// .highlight .mo  { color: #666666 }                      // Literal.Number.Oct\r\n.highlight .sb  { color: #BB4444 }                      // Literal.String.Backtick\r\n.highlight .sc  { color: #BB4444 }                      // Literal.String.Char\r\n.highlight .sd  { color: #BB4444; font-style: italic }  // Literal.String.Doc\r\n.highlight .s2  { color: #BB4444 }                      // Literal.String.Double\r\n.highlight .se  { color: #BB6622; font-weight: bold }   // Literal.String.Escape\r\n.highlight .sh  { color: #BB4444 }                      // Literal.String.Heredoc\r\n.highlight .si  { color: #BB6688; font-weight: bold }   // Literal.String.Interpol\r\n.highlight .sx  { color: #008000 }                      // Literal.String.Other\r\n.highlight .sr  { color: #BB6688 }                      // Literal.String.Regex\r\n.highlight .s1  { color: #BB4444 }                      // Literal.String.Single\r\n.highlight .ss  { color: #B8860B }                      // Literal.String.Symbol\r\n.highlight .bp  { color: #AA22FF }                      // Name.Builtin.Pseudo\r\n.highlight .vc  { color: #B8860B }                      // Name.Variable.Class\r\n.highlight .vg  { color: #B8860B }                      // Name.Variable.Global\r\n.highlight .vi  { color: #B8860B }                      // Name.Variable.Instance\r\n// .highlight .il  { color: #666666 }                      // Literal.Number.Integer.Long","// remove italic effect for <em> ( ** in markdown ) in order to easily assign class to inline text\r\n// use .i to reobtain italic for <em>\r\nem:not(.i) { &[class], &[r], &[t], &[norm], &[reveal] { font-style: normal; }}\r\n\r\n// sizes ================================\r\n\r\nh1, h2, h3, h4, h5, h6, .fake { --s: 1 }\r\n\r\n.big     { --s: 1.25; }\r\n.bigger  { --s: 1.5; }\r\n.small   { --s: .75; }\r\n.smaller { --s: .5; }\r\n\r\n.size, .big, .bigger, .small, .smaller { &:not(h1, h2, h3, h4, h5, h6, .fake) { font-size: calc(var(--s) * 1em); } }\r\n\r\nh1, .fake.h1 { font-size: calc( 2em * var(--s)); }\r\nh2, .fake.h2 { font-size: calc( 1.6em * var(--s)); }\r\n@for $i from 3 through 6 { h#{$i}, .fake.h#{$i} { font-size: calc( 1.2em * var(--s)); } }\r\n\r\n// alignment ================================\r\n\r\n// inline elements are converted to block level element\r\n\r\n.l, .c, .r {\r\n    --ofs: 0;\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    transform: translateX(--ofs);\r\n}\r\n\r\n// left\r\n.l {\r\n    text-align: left;\r\n    left:0\r\n}\r\n\r\n// center\r\n.c {\r\n    text-align: center;\r\n}\r\n\r\n// right\r\n.r {\r\n    text-align: right;\r\n    right: 0;\r\n}\r\n\r\n// maximize width to page width for block level elements\r\n// which contains children with alignment\r\np, h1, h2, h3, h4, h5, h6 { &:has(>.c), &:has(>.r) { width: 100%; } }\r\n\r\n// lines ================================\r\n\r\n.u, .ovl, del, .dll, .u.ovl {\r\n    text-decoration: { color: var(--lc); thickness: var(--lt) } ;\r\n    &.-d  { text-decoration: { style: dashed; }; }\r\n    &.-do { text-decoration: { style: dotted; }; }\r\n    &.-db { text-decoration: { style: double; }; }\r\n    &.-w  { text-decoration: { style: wavy;   }; }\r\n}\r\n\r\n       .u       { text-decoration-line: underline; }\r\n     .ovl       { text-decoration-line: overline; }\r\ndel, .dll       { text-decoration-line: line-through; }\r\n   .u.ovl       { text-decoration-line: underline overline; }\r\ndel, .dll { &.u { text-decoration-line: line-through underline; }\r\n          &.ovl { text-decoration-line: line-through overline; }\r\n        &.u.ovl { text-decoration-line: line-through underline overline; } }\r\n\r\n// colors ================================\r\n\r\n$colors: white, silver, gray, black, red, maroon, yellow, olive, lime, green, aqua, teal, blue, navy, fuchsia, purple;\r\n\r\n// use \"''+$color\" so that scss don't throw a warning\r\n@each $color in $colors {\r\n     .#{\"\"+$color} { color: $color; }\r\n    .h#{\"\"+$color} { background-color: $color; }\r\n    .b#{\"\"+$color} { --bw: 2px; border: $color solid var(--bw); }\r\n}\r\n\r\n@mixin colorbg {\r\n    position: relative;\r\n    display: inline-block;\r\n    --bd: .05em;\r\n    padding: calc(var(--bd)) calc(.1em + var(--bd));\r\n}\r\n\r\n.h, .b { @each $color in $colors { &#{\"\"+$color} { @include colorbg(); }}}\r\n\r\n.h {\r\n    @include colorbg(); \r\n    color: #44d;\r\n    background: var(--color-yellow);\r\n}\r\n\r\n.ant {\r\n    @include colorbg();\r\n    &::before { --bw: 2px; border: 1px dashed #000; border-image: url(/assets/image/ants.gif) 1 repeat; }\r\n}\r\n\r\n// ruby (拼音) ================================\r\n\r\n// use *character*{:r=\"ruby\"} inside markdown\r\n[r] {\r\n    position: relative;\r\n    display: inline-block;\r\n    // width: max-content;\r\n    text-align: center;\r\n\r\n    &::before { content: attr(r);\r\n    // pos\r\n        position: relative;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n    // styl\r\n        font-size: .75em;\r\n    }\r\n}\r\n\r\n// del (黑幕)  ================================\r\n\r\n.del { position: relative;\r\n\r\n    &::after { content: \"\";\r\n        position: absolute;\r\n        inset: -2px -1px;\r\n        background: var(--color);\r\n        pointer-events: none;\r\n    }\r\n\r\n    &:hover { &::after {\r\n        opacity: .2;\r\n    }}\r\n}\r\n\r\n.blur     { filter: blur(.1em); }\r\n.blurrier { filter: blur(.25em); }\r\n\r\n.blur, .blurrier {\r\n    transition: filter .2s;\r\n    &:hover { filter: blur(0); }\r\n}\r\n\r\n[reveal] {\r\n    position: relative;\r\n    display: inline-block;\r\n    line-height: 0;\r\n    text-decoration: dashed underline;\r\n\r\n    &:hover {\r\n        visibility: hidden;\r\n\r\n        &::after { content: attr(reveal);\r\n            display: block;\r\n            visibility: visible;\r\n            font-style: italic;\r\n        }\r\n    }\r\n}\r\n\r\n// tip ================================\r\n\r\n// use *content*{:t=\"tip\"} inside markdown\r\n[t] { text-decoration: dotted underline;\r\n    &::before { content: attr(t); }\r\n}\r\n\r\n// reveal url for hyperlinks\r\n.content a { &::before { content: \"¥目标: {{ site.url }}\"attr(href) attr(t); } } // liquid doesn't work here\r\n\r\n.del:not([t]), .blur, .blurrier { &::before { content: \"你知道的太多了。\"; } }\r\n\r\n[t], a, .del {\r\n    position: relative;\r\n\r\n    &::before {\r\n        transition: .2s .4s;\r\n        pointer-events: none;\r\n    // pos\r\n        position: absolute;\r\n        left: 0 ;\r\n        top: .5em;\r\n        z-index: 10;\r\n    // size\r\n        font-size: MAX(.5em, .75rem);\r\n        width: max-content;\r\n        max-width: 25vw;\r\n    // styl\r\n        padding: .2em .5em;\r\n        background: var(--color-page);\r\n        opacity: 0;\r\n    }\r\n\r\n    &:hover::before {\r\n        transition: 0s;\r\n        top: 1.5em;\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    // tip coloring\r\n    & { --tc: var(--color);\r\n        &::before {\r\n            color: var(--tc);\r\n            border: var(--tc) solid 2px;\r\n            box-shadow: 4px 4px var(--tc);\r\n        }\r\n    }\r\n}\r\n\r\n.footnote::before { line-height: 1em; visibility: visible !important; }\r\n\r\na {\r\n    &::before {\r\n        transition: .2s;\r\n        position: fixed;\r\n        bottom: 0; top: unset;\r\n        max-width: unset;\r\n    }\r\n\r\n    &:hover::before {\r\n        top: unset;\r\n    }\r\n}\r\n\r\n// tip above\r\n\r\n.above[t] {\r\n    &::before { bottom: .5em; top: unset; }\r\n    &:hover::before { bottom: 1.5em; }\r\n}\r\n\r\n// full width link\r\na.ab,\r\n#markdown-toc li>a,\r\n#f_markdown-toc li>a {\r\n    display: block;\r\n    right: 0;\r\n    text-decoration: none;\r\n    transition: 0s .2s;\r\n\r\n    &::after { transition: opacity .0s .4s;\r\n        inset: -.2em 0;\r\n        box-sizing: border-box;\r\n        border: {\r\n            bottom: 3px solid;\r\n            image: linear-gradient(90deg, var(--color-miku), #0000) 1;\r\n        };\r\n        opacity: 0;\r\n    }\r\n\r\n    &:hover {\r\n        transition: 0s;\r\n        padding-left: .5em;\r\n        letter-spacing: .2em;\r\n\r\n        &::after {\r\n            transition: 0s;\r\n            opacity: 1;\r\n        }\r\n    }\r\n}\r\n\r\n// table ================================\r\n\r\ntable {\r\n    --tbc: var(--color); --tbtc: var(--color);\r\n// pos\r\n    position: relative;\r\n    z-index: 1;\r\n//styl\r\n    color: var(--tbtc);\r\n    border-collapse: collapse;\r\n    margin-block: 1em;\r\n\r\n    &::before, td, th { padding-block: .2em; padding-inline: .5em; }\r\n\r\n    &[h]::before { content: attr(h);\r\n        position: relative;\r\n        display: table-caption;\r\n        bottom: -1px;\r\n    }\r\n\r\n    // inline table\r\n    &.i { display: inline-table; }\r\n\r\n    // default table\r\n    &.t {\r\n        box-shadow: 2px 2px var(--tbc);\r\n    // border\r\n        thead, tbody, td:first-child, tfoot { border: 2px solid { color: var(--tbc); }; }\r\n        td:first-child { border-block-width: 0; }\r\n        &::before, thead, td:first-child { font-weight: bolder; text-align: center; }\r\n\r\n        tr:nth-child(even) td:not(:first-child) {\r\n            position: relative;\r\n            &::before { content: \"\";\r\n                position: absolute;\r\n                inset: 0;\r\n                z-index: -1;\r\n                background: var(--tbc);\r\n                opacity: .3;\r\n            }\r\n        }\r\n\r\n        &::before {\r\n            background: var(--tbc);\r\n            color: var(--color-page);\r\n            box-shadow: 2px 2px var(--tbc);\r\n        }\r\n    }\r\n\r\n    // simple table\r\n    &.ts {\r\n    // border\r\n        thead, tbody, tr :first-child, tfoot { border: 0 solid { color: var(--tbc); }; }\r\n        thead                          { border-bottom-width: 2px; }\r\n        tbody:not(:first-child), tfoot { border-top-width:    2px; }\r\n        tr :first-child                { border-right-width:  2px; }\r\n\r\n        &::before {\r\n            padding-block: .5em;\r\n            font-weight: bolder;\r\n            text-align: center;\r\n        }\r\n    }\r\n}\r\n\r\n// blocks ================================\r\n\r\n.content>blockquote, :not(blockquote) >blockquote { margin-block: 1em; }\r\n\r\nblockquote {\r\n    >p:first-child { margin-top: 0; } >p:last-child { margin-bottom: 0; } // revome extra margin for first and last children blockquote\r\n    margin-right: 1em;\r\n\r\n    // inform blocks\r\n    &.info, &.note, &.warn {\r\n        display: block;\r\n        position: relative;\r\n        width: max-content;\r\n        max-width: 100%;\r\n        padding-inline: 2.5em .5em;\r\n        padding-block: .5em;\r\n        margin-left: 0;\r\n\r\n        &::before {\r\n            position: absolute;\r\n            left: 0;\r\n            top: .37em;\r\n            padding-inline: .5em;\r\n            font-size: 1.2em;\r\n        }\r\n\r\n        >blockquote { margin-left: 0; } // remove default left margin\r\n    }\r\n\r\n    // information block\r\n    &.info {\r\n        background: var(--color-fade);\r\n        border: var(--color) 3px solid;\r\n        box-shadow: 4px 4px var(--color);\r\n        color: var(--color);\r\n\r\n        &::before { content: \"ⓘ\"; }\r\n    }\r\n\r\n    &.note {\r\n        background: var(--color-green-fade);\r\n        border: var(--color-green) 3px solid;\r\n        box-shadow: 4px 4px var(--color-green);\r\n        color: var(--color-green);\r\n\r\n        &::before { content: \"ⓘ\"; }\r\n    }\r\n\r\n    // warning block\r\n    &.warn {\r\n        background: var(--color-red-fade);\r\n        border: var(--color-red) 3px solid;\r\n        box-shadow: 4px 4px var(--color-red);\r\n        color: var(--color-red);\r\n\r\n        &::before { content: \"⚠\";\r\n            top: .3em;\r\n            font-size: 1.4em;\r\n            font-weight: normal;\r\n            padding-inline: .4em;\r\n        }\r\n    }\r\n\r\n    // cascading layer block ( unnecessarily complex )\r\n    &.layer {\r\n        &, blockquote:not([class]) {\r\n            transition: border-color .4s;\r\n            padding: .5em;\r\n            box-shadow: -3px 0 var(--color);\r\n            border: #0000 3px solid { left-width: 0px; };\r\n\r\n            &:hover {\r\n                transition: border-color 0s;\r\n                border-color: var(--color);\r\n            }\r\n        }\r\n\r\n        &, >blockquote:not([class]) {\r\n            &:hover {\r\n                box-shadow: -3px 0 var(--color), 3px 3px var(--color);\r\n            }\r\n        }\r\n\r\n        blockquote:not([class]) { margin: 0 .3em; }\r\n    }\r\n}\r\n\r\n// footnote ================================\r\n\r\nem[norm] {\r\n    position: relative;\r\n    &::before { content: attr(norm); }\r\n\r\n    sup[role=\"doc-noteref\"] {\r\n        top: unset;\r\n        position: static;\r\n\r\n        .footnote {\r\n            position: absolute;\r\n            inset: 0;\r\n            color: #0000;\r\n        }\r\n    }\r\n}\r\n\r\n.footnote {\r\n    color: var(--color-red);\r\n}\r\n\r\n.footnotes {\r\n    position: relative;\r\n    margin-top: 4em;\r\n    padding-top: 1em;\r\n\r\n    &::before, ol li::after { content: \"\";\r\n        position: absolute;\r\n        width: 100%; height: .25em;\r\n    }\r\n\r\n    &::before {\r\n        top: 0;\r\n        border-block: var(--color) 2px solid;\r\n    }\r\n\r\n    ol { margin: 0;\r\n        li[role=\"doc-endnote\"]:has(+li) {\r\n            position: relative;\r\n            margin-bottom: 2em;\r\n            padding-bottom: 2em;\r\n\r\n            &::after {\r\n                width: calc(100% + 40px);\r\n                bottom: 0; left: -40px;\r\n                border-block: var(--color) 2px dashed;\r\n            }\r\n        }\r\n    }\r\n\r\n    p:has(.reversefootnote) {\r\n        display: inline-block;\r\n    }\r\n}\r\n\r\n// horizontal rules ================================\r\n\r\nhr {\r\n    border: none { block: 2px var(--color) solid };\r\n    height: .2em;\r\n    margin-block: 2em;\r\n\r\n    &.break {\r\n        height: 1px;\r\n        opacity: 0;\r\n        border: none !important;\r\n    }\r\n}\r\n\r\n\r\n/* ================ F A N C Y ================ */\r\n\r\n// mimic text-stroke using text-shadow ================================\r\n\r\n$text-stroke-shadow:\r\n    calc(-1 * var(--std))                      0  var(--stc), // l\r\n    calc(-1 * var(--std))  calc(-1 * var(--std))  var(--stc), // lt\r\n                       0   calc(-1 * var(--std))  var(--stc), // t\r\n         calc(var(--std))  calc(-1 * var(--std))  var(--stc), // rt\r\n         calc(var(--std))                      0  var(--stc), // r\r\n         calc(var(--std))       calc(var(--std))  var(--stc), // rb\r\n                       0        calc(var(--std))  var(--stc), // b\r\n    calc(-1 * var(--std))       calc(var(--std))  var(--stc); // lb\r\n\r\n// rainbow ================================\r\n\r\n.rainbow {\r\n    --rspd: 1s; --rbgsz: 4em;\r\n    &, *, ::before {\r\n        image-rendering: pixelated;\r\n        background: url(/assets/image/rainbowDither.png), url(#{$ghprxy}/assets/image/rainbowDither.png) {size: var(--rbgsz)};\r\n        background-clip: text;\r\n        -webkit-background-clip: text;\r\n        color: #0000;\r\n\r\n        animation: rainbowScroll var(--rspd) linear infinite;\r\n        @keyframes rainbowScroll {\r\n            0% { background-position: 0; }\r\n            100% { background-position: var(--rbgsz); }\r\n        }\r\n    }\r\n\r\n    // rainbow but with cyam magenta yellow color scheme\r\n    &.cmy, &.cmy * {\r\n        background-image: url(/assets/image/rainbowDither_.png), url(#{$ghprxy}/assets/image/rainbowDither_.png) ;\r\n    }\r\n}\r\n\r\n// rainbow with stroke and shadow really cool\r\n.rainbow.fancy {\r\n    --rs: .1em; --rsc: var(--color-sat);\r\n    filter:\r\n        drop-shadow(.05em -.05em var(--rsc))\r\n        drop-shadow(-.05em .05em var(--rsc))\r\n        drop-shadow(var(--rs) var(--rs) var(--rsc));\r\n}\r\n\r\n// .rainbow.fancy but with rainbowing shadows\r\n.rainbow.fancy2 {\r\n    --rs: .1em; --rsc: var(--color-sat);\r\n    filter:\r\n        drop-shadow(.05em .05em var(--color-sat))\r\n        drop-shadow(.1em .1em var(--color-page))\r\n        drop-shadow(.1em .1em #dd4)\r\n        drop-shadow(.1em .1em #4dd)\r\n        drop-shadow(.1em .1em #d4d)\r\n        drop-shadow(.05em -.05em var(--rsc))\r\n        drop-shadow(-.05em .05em var(--rsc))\r\n\r\n}\r\n\r\n// shadow\r\n\r\n.shadow {\r\n    --sdd: .25em; --sbr: 2px; --sdc: var(--color);\r\n    text-shadow: var(--sdd) var(--sdd) var(--sbr) var(--sdc);\r\n}\r\n\r\n.projection {\r\n    --pdd: .33em; --pdc: var(--color-plain);\r\n    text-shadow: 1px 1px var(--color-page), var(--pdd) var(--pdd) var(--pdc);\r\n    padding-bottom: .2em;\r\n}\r\n\r\n// echo ================================\r\n\r\n$echo:\r\n    calc(.1em * var(--h)) calc(.1em * var(--v)) #44d8,\r\n    calc(.2em * var(--h)) calc(.2em * var(--v)) #44d4,\r\n    calc(.3em * var(--h)) calc(.3em * var(--v)) #44d2;\r\n\r\n$echorb:\r\n    calc(.05em * var(--h)) calc(.05em * var(--v)) #d44,\r\n    calc(.1em  * var(--h)) calc(.1em  * var(--v)) #dd4,\r\n    calc(.15em * var(--h)) calc(.15em * var(--v)) #4dd,\r\n    calc(.2em  * var(--h)) calc(.2em  * var(--v)) #d4d;\r\n\r\n$echo_type:\r\n    ($echo),\r\n    ($echorb),\r\n    (($text-stroke-shadow), ($echo)),\r\n    (($text-stroke-shadow), ($echorb));\r\n\r\n@mixin echo($h, $v, $e) {\r\n    --h: #{$h}; --v: #{$v};\r\n    text-shadow: nth($echo_type, $e);\r\n    padding: calc(.8em * max(0,-$v)),\r\n             calc(.8em * max(0, $h)),\r\n             calc(.8em * max(0, $v)),\r\n             calc(.8em * max(0,-$h));\r\n}\r\n\r\n$echo_list: \".echo\", \".echorb\", \".stroke.echo\", \".stroke.echorb\";\r\n\r\n@for $i from 1 through length($echo_list) { #{nth($echo_list, $i)}\r\n                { @include echo( 1, 1, $i );\r\n    &-down      { @include echo( 0, 1, $i ); }\r\n    &-down-left { @include echo(-1, 1, $i ); }\r\n    &-left      { @include echo(-1, 0, $i ); }\r\n    &-up-left   { @include echo(-1,-1, $i ); }\r\n    &-up        { @include echo( 0,-1, $i ); }\r\n    &-up-right  { @include echo( 1,-1, $i ); }\r\n    &-right     { @include echo( 1, 0, $i ); }\r\n};}\r\n\r\n// stroke ================================\r\n\r\n.stroke {\r\n    --std: 1px; --stc: var(--color);\r\n    color: var(--color-page);\r\n    text-shadow: $text-stroke-shadow;\r\n\r\n    &.shadow { text-shadow: $text-stroke-shadow, var(--sdd) var(--sdd) var(--sdc); }\r\n}\r\n\r\n// mirror ================================\r\n\r\n.mirror { transform: scaleX(-1); }\r\n\r\n.upsdown { transform: scaleY(-1); }\r\n\r\n.mirror, .upsdown { display: inline-block; }\r\n\r\n// animate ================================\r\n\r\n// blink\r\n\r\n.blink {\r\n    --bt: 2s;\r\n    animation: blink var(--bt) steps(1, end) infinite forwards;\r\n}\r\n\r\n.fadeinout {\r\n    --ft: 2s;\r\n    animation: blink var(--ft) linear infinite;\r\n}\r\n\r\n@keyframes blink { 50% { opacity: 0; } }\r\n\r\n// rumble shudder\r\n\r\n.rumble {\r\n    --rt: .05s;\r\n    animation: rumble var(--rt) linear infinite alternate;\r\n}\r\n\r\n.shudder {\r\n    --st: .05s;\r\n    animation: shudder var(--st) linear infinite alternate;\r\n}\r\n\r\n.rumble, .shudder { display: inline-block; }\r\n\r\n@keyframes rumble { 100% { transform: translateY(-.2em) } }\r\n@keyframes shudder { 100% { transform: translateX(.2em) } }\r\n\r\n// sparkle  \r\n\r\n.sparkle:not(.rainbow) { background: url(/assets/image/sparkle.gif) repeat { size: 10em }; }\r\n.sparkle.rainbow { position: relative;\r\n\r\n    &::before { content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: url(/assets/image/sparkle.gif) repeat { size: 10em }; \r\n    }\r\n}\r\n\r\n// rotate\r\n\r\n.rotate {\r\n    --rspd: 4s; --ofst-x: 0%; --ofst-y: 0%; --rphs: 0; --rheit: 2em;\r\n// pos\r\n    display: inline-block;\r\n    transform-origin:\r\n        calc( 50% + var(--ofst-x))\r\n        calc( 50% + var(--ofst-y));\r\n// size\r\n    width: max-content;\r\n// styl\r\n    margin-block: calc(var(--rheit)/2);\r\n    padding: 0;\r\n// ani\r\n    animation: rotate var(--rspd) linear calc(var(--rspd) * var(--rphs) * -1) infinite;\r\n\r\n    &.rev { animation-direction: reverse; }\r\n\r\n    &.c {\r\n        transform: translateY(50%);\r\n        animation-name: rotateCentered;\r\n        left: 50%; transform: translateX(-50%);\r\n    }\r\n\r\n    @keyframes rotate {\r\n        0%   { transform: rotate(0); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    @keyframes rotateCentered {\r\n        0%   { transform: translateX(-50%) rotate(0); }\r\n        100% { transform: translateX(-50%) rotate(360deg); }\r\n    }\r\n}\r\n\r\n// pulse\r\n\r\n.pulse {\r\n    --pspd: .25s; --pscl: 1.2; --pphs: 0; --s: 1;\r\n\r\n    // .rotate & { --pscl: 1.5 }\r\n\r\n    display: inline-block;\r\n\r\n    // sizing\r\n    font-size: calc(var(--pscl) * 1em);\r\n    animation: pulse var(--pspd) ease-out calc(var(--pspd) * var(--pphs) * -1) infinite alternate;\r\n    @keyframes pulse {\r\n        0% { scale: calc(1 / var(--pscl)); }\r\n        100%   { scale: 1; }\r\n    }\r\n}","#oneko {\r\n    position: fixed;\r\n    left: 16px; top: 16px;\r\n    width: 32px; height: 32px;\r\n    z-index: 2533;\r\n    background: url(/assets/neko/oneko_sakura.gif);\r\n    image-rendering: pixelated;\r\n    opacity: .7;\r\n    pointer-events: none;\r\n}"],"file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["style.scss","../../../_sass/normalize.scss","../../../_sass/code.scss","../../../_sass/moardown.scss","../../../_sass/neko.scss"],"names":[],"mappings":"CAAA,uBCOA,KACI,iBACA,8BAMJ,cAGA,mBAIA,GACI,cACA,eAOJ,GACI,uBACA,SACA,iBAKJ,IACI,gCACA,cAMJ,iCAIA,YACI,mBACA,0BACA,iCAIJ,SACI,mBAKJ,cACI,gCACA,cAIJ,oBAIA,QACI,cACA,cACA,kBACA,wBAGJ,mBACA,eAKA,sBAMA,sCACI,oBACA,eACA,iBACA,SAKJ,aAEI,iBAKJ,cAEI,oBAIJ,gDACI,0BAGA,wHACE,kBACA,UAIF,0IAIJ,oCAMA,OACI,sBACA,cACA,cACA,eACA,UACA,mBAIJ,iCAGA,uBAIA,6BACI,sBACA,UAIc,8FAIlB,cACI,6BACA,oBAGA,kEAKJ,6BACI,0BACA,aAMJ,sBAGA,0BAKA,sBAGA,sBDxLA,MACI,cACA,kBACA,mBACA,oBACA,kBACA,oBACA,yBACA,kBACA,uBACA,qBACA,0BACA,mBACA,wBACA,sBACA,2BACA,mBAsBJ,WAEI,sBACA,oCACA,4FAGJ,iBAEW,+BACA,+BACP,YAGJ,+BAGA,UACI,qCACI,sBACA,2BACA,+BAIR,wBACI,eACA,QACA,WACA,oBACA,wCACI,sBACA,2BAIR,uBACI,eACA,QACA,WACA,uCACA,WAGJ,oCACI,2CACI,sBACA,wBACA,0BAWJ,YAEI,sBAIA,2DAEA,gIAIA,uCACI,kBACA,QACA,uCAGJ,+BACI,yCACI,sBACA,+CACA,yBAEJ,0BACA,WAGJ,8BACI,4CACI,qCACA,0DAWR,eAEI,kBAEA,6BAEA,iBAEI,kBACA,UAEA,YAeA,yBACA,0BACA,cAfA,mBACe,wCACX,eACA,aAGJ,8CACe,sCACA,uCASf,mBACI,kBACA,WAEA,0BACI,oBAIR,2BACI,qBAKJ,mBACI,+CAGA,yBACI,kBACA,iBACA,sBAOZ,iBAEI,kBACA,UAEA,uBACA,SAEA,uBACA,WACI,6HAEJ,8BAIA,uCACA,oBACI,kBACA,aAMhB,YAEI,WAEA,gBAEA,gBACI,kBACA,QACA,2BAUR,MAEI,kBACA,QAEA,0BACA,sCACI,sBACA,+BAIR,cAEI,kBACA,QACA,uBACA,gBAGA,sBACI,YAEA,oCACI,kBACA,cAKZ,yBACI,kBACA,YACA,SAUR,SAEI,mBACA,6BACA,mCACA,uBAEA,qBACI,wBACA,wBAMR,YACI,8CAEA,kBACA,aACA,sBACA,SACA,qBACA,2BACA,WAEA,WAEA,mBACA,6FAKA,eACI,0CACA,UACA,mBACA,mBAGJ,qBAEI,OACA,mCACA,WAEA,iBACA,sDAIJ,uBACI,kBACA,WACU,sCACV,mBAEA,gFAEA,8BACI,kBACA,QAuBZ,WAEI,aACA,cAEA,WACA,qDACA,iBACA,gBAEA,mBAEI,kBACA,cACA,UACA,kBAEA,yBAEA,sBACA,mBACA,yGAKA,sCACI,kBACA,iBACA,qBACA,0BAEI,iCACA,uCAIR,4CAEA,0BACI,mBACA,yGAKA,kCACI,iBACA,qBAIR,6FACA,mGACA,gFACA,gFAIJ,mBAEI,kBACA,YACA,eACA,eACA,qBAEA,gBAEA,2BACI,SACA,2BAGJ,mCACA,qCAIA,+CACA,4CACA,4CASJ,0BAEI,eACA,qCACA,qBACA,WAEA,0BACA,iBACA,iBAEA,yDAGJ,cACI,sBACA,oBAEA,UAGJ,+BACI,kBACA,QAGJ,gGAI4B,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,oHACtB,wBADsB,uHACtB,wBADsB,uHACtB,wBADsB,uHACtB,wBADsB,uHACtB,wBADsB,uHACtB,wBADsB,uHACtB,wBAEN,YACI,uDACI,qBACA,8BAEJ,0BAKJ,YAEI,kBACA,iCACA,WACA,uBACA,2BAEA,0BACA,gBACA,eAGJ,OACI,sBAIR,KAEI,kBACA,aACA,uBACA,oDAEA,WACA,kBAEA,oBACA,gBAEA,mBACI,eACA,gBACA,iBACA,iBAGJ,YACI,kBACA,WACA,YACA,WACA,QAIR,mFAGA,IACI,uCACA,kBAEA,MACI,sBACA,UAGJ,UAEI,kBACA,mBAEA,UACA,kBAEA,oBACA,4DAEA,0BACI,kBACA,SACA,QACA,UACA,WACA,kCACA,gBAIR,yDACI,yBACA,mBAGJ,yDACI,cACA,UAKR,MAEI,kBACA,cACA,uBACA,UACA,mCAEA,UACA,kBAEA,gDACK,oBACL,UACA,sBAEA,wCACA,sBACI,yBACA,8BAGJ,oCAGI,gHACA,0JAYR,gFAIA,2BACI,oCACA,wBACI,GALiB,gDAMjB,IANiB,gDAOjB,IAPiB,gDAQjB,IARiB,gDASjB,KATiB,iDAazB,OACI,eACA,WACA,WACA,0BAIA,iDACI,UACA,yCACA,sBACI,sBACA,wBAWW,4DACJ,WACf,8FAEA,0EACI,mBACA,yDAIJ,2IAEA,wEACI,mBACA,yGAMJ,2GAE+B,8fAE3B,wGACI,uJACA,qJAEJ,2GACI,6JACA,0JAmBZ,KACI,WACA,0BAGJ,uCAEI,oDAEI,kBACA,qBACA,kBAEA,iBACA,WACA,eACA,uBACA,wBACA,gBAIR,EACI,kBACA,wBAEA,oBACI,kBACA,aAGJ,2BACI,wCAIR,OACI,wBACA,0BAOA,4HAGA,8DAGA,4DAKA,kBACA,+BADA,kBACA,+BADA,kBACA,+BADA,kBACA,+BADA,kBACA,+BADA,kBACA,+BAIA,4DAGA,4HAK2B,wjCAID,wFACA,gFAI1B,GACI,kBACA,sBACA,oBAHJ,GACI,kBACA,sBACA,oBAHJ,GACI,kBACA,sBACA,oBAHJ,GACI,kBACA,sBACA,oBAHJ,GACI,kBACA,sBACA,oBAHJ,GACI,kBACA,sBACA,oBAOJ,mKAIA,+DAKA,OACI,yBAEA,6BACI,mBACA,0BACA,WANR,OACI,yBAEA,6BACI,mBACA,0BACA,WANR,OACI,yBAEA,6BACI,mBACA,0BACA,WANR,OACI,yBAEA,6BACI,mBACA,0BACA,WANR,OACI,yBAEA,6BACI,mBACA,0BACA,WANR,OACI,yBAEA,6BACI,mBACA,0BACA,WAOJ,2CAEA,wCAEI,kBACA,YAEA,uCAGM,0CAEF,kBACA,kBAEA,6BACA,UAIR,cACI,wBACA,wBAEA,gCACA,mDACI,mBACA,6BA3BR,2CAEA,wCAEI,kBACA,YAEA,uCAGM,0CAEF,kBACA,kBAEA,6BACA,UAIR,cACI,wBACA,wBAEA,gCACA,mDACI,mBACA,6BA3BR,2CAEA,wCAEI,kBACA,YAEA,uCAGM,0CAEF,kBACA,kBAEA,6BACA,UAIR,cACI,wBACA,wBAEA,gCACA,mDACI,mBACA,6BAQR,4CAEU,2CAEF,kBACA,WAEA,iBACA,6BACA,UAIR,cACI,wBACA,wBAEA,iCAjBJ,4CAEU,2CAEF,kBACA,WAEA,iBACA,6BACA,UAIR,cACI,wBACA,wBAEA,iCAjBJ,4CAEU,2CAEF,kBACA,WAEA,iBACA,6BACA,UAIR,cACI,wBACA,wBAEA,iCAQZ,GACgB,qBADX,0DAED,MACgB,uBADX,6BAED,SACgB,qBADX,iCAEI,qCAED,eACgB,qBAOhC,sBACA,mBAIA,aACI,qBAGJ,8BACI,kBACA,kBACA,kBAEA,iDACI,kBACA,QACA,yEACA,mBAGJ,qHAGJ,eACI,uBACA,mBAEA,yDACI,+BACA,mBAQR,oCAEA,sBAEI,kBACA,cAEA,UACA,eACA,6BACA,iBACA,cACA,YAEA,kBACA,+BAEA,uDACA,gEACA,2DAEA,qCAEI,kBAEA,uBACA,sBACA,yBACA,eACA,iBAEA,mCACA,qEAGJ,iDAEI,eACA,QACA,SACA,2BACA,YAEA,gBACA,iBACA,gBACA,YAEA,YAEA,gEAEI,QACA,2BAEA,gBACA,eACA,mBAEA,YAKZ,wDACI,eACA,WACA,mCACA,YASJ,8FAEA,+FA7+BI,cACA,mBACA,oBACA,kBACA,oBACA,yBACA,kBACA,uBACA,0BACA,wBACA,2BACA,mBAo+BJ,uCAlqBI,gBACA,uFAKA,oGAEA,mGAIA,6DAwpBkD,8HAhUlD,gBACA,mGAuUJ,KACI,+BACA,4DAGJ,cACI,4BACA,0IAGJ,gCACI,kBACA,+DAGJ,6BACI,kBACA,kCEriCJ,sCACA,2CACA,qCACA,0CAEA,4CACA,0BACA,4CACA,2CACA,6BACA,iCACA,yBACA,2CACA,6BACA,0BACA,2CACA,gCACA,6CACA,6BACA,2CACA,2CACA,2CACA,0BACA,2CACA,2CAEA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,2CACA,8CACA,6BACA,6BACA,2CACA,4CACA,6BACA,2CACA,yBAKA,0BACA,0BACA,4CACA,0BACA,2CACA,0BACA,2CACA,2BACA,0BACA,0BACA,6BACA,0BACA,6BACA,6BACA,6BCzDa,oGAIb,gCAEA,eACA,iBACA,gBACA,iBAEyC,iNAEzC,yCACA,2CAC2B,4KAM3B,SACI,SACA,kBACA,cACA,WACA,4BAIJ,GACI,gBACA,OAIJ,GACI,kBAIJ,GACI,iBACA,QAKwB,iLAI5B,wBACuB,oEACnB,oEACA,yEACA,yEACA,kEAGG,kCACF,mCACL,2CACG,+CACS,yDACF,4DACF,0EAQH,aAJI,KAKL,yBALK,KAML,8CAFC,cAJI,OAKL,0BALK,OAML,iDAFC,YAJI,KAKL,wBALK,KAML,6CAFC,aAJI,KAKL,yBALK,KAML,8CAFC,WAJI,IAKL,uBALK,IAML,2CAFC,cAJI,OAKL,0BALK,OAML,iDAFC,cAJI,KAKL,0BALK,KAML,+CAFC,aAJI,MAKL,yBALK,MAML,+CAFC,YAJI,KAKL,wBALK,KAML,6CAFC,aAJI,MAKL,yBALK,MAML,+CAFC,YAJI,KAKL,wBALK,KAML,6CAFC,YAJI,KAKL,wBALK,KAML,6CAFC,YAJI,KAKL,wBALK,KAML,6CAFC,YAJI,KAKL,wBALK,KAML,6CAFC,eAJI,KAKL,2BALK,KAML,gDAFC,cAJI,OAKL,0BALK,OAML,iDAU+B,gBAN/B,kBACA,qBACA,YACA,+CAG+B,kBAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,gBAN/B,kBACA,qBACA,YACA,+CAG+B,YAN/B,kBACA,qBACA,YACA,+CAG+B,kBAN/B,kBACA,qBACA,YACA,+CAG+B,kBAN/B,kBACA,qBACA,YACA,+CAG+B,gBAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,gBAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,cAN/B,kBACA,qBACA,YACA,+CAG+B,oBAN/B,kBACA,qBACA,YACA,+CAG+B,kBAN/B,kBACA,qBACA,YACA,+CAKJ,GARI,kBACA,qBACA,YACA,+CAOA,WACA,+BAGJ,KAdI,kBACA,qBACA,YACA,+CAaA,gGAMJ,IACI,kBACA,qBAEA,kBAEA,4BAEI,kBACA,SACA,2BACA,cAEA,gBAMR,uBAEI,uBACI,kBACA,gBACA,wBACA,oBAGM,kBACN,WAIR,yBACA,8BAEA,gBACI,sBACA,2CAGJ,SACI,kBACA,qBACA,cACA,iCAEA,eACI,kBAEA,2CACI,cACA,mBACA,kBAQZ,qCACI,4BAIS,oEAEqB,yEAElC,WACI,kBAEA,mCACI,mBACA,oBAEA,kBACA,OACA,SACA,WAEA,2BACA,kBACA,eAEA,kBACA,6BACA,UAGJ,qDACI,cACA,UACA,qBAIJ,8BACI,mCACI,gBACA,2BACA,6BAKZ,gEAGI,UACI,eACA,eACA,mBACA,gBAGJ,gBACI,UAOJ,wCACA,qCAIJ,6CAGI,cACA,QACA,qBACA,kBAEA,4FACI,eACA,sBAEI,wBACA,2EAEJ,UAGJ,+DACI,cACA,kBACA,oBAEA,oFACI,cACA,UAOZ,MACI,yCAEA,kBACA,UAEA,kBACA,yBACA,iBAEA,uEAEA,iCACI,kBACA,sBACA,YAIJ,6BAGA,QACI,8BAEA,0GACA,4CACA,0FAEA,gDACI,kBACA,mEACI,kBACA,QACA,WACA,sBACA,WAIR,gBACI,sBACA,wBACA,8BAOJ,6GACA,uCACA,qEACA,gDAEA,iBACI,mBACA,mBACA,kBAOZ,iEAEA,WAEI,iBADA,8EAIA,gDACI,cACA,kBACA,kBACA,eACA,0BACA,mBACA,cAEA,wEACI,kBACA,OACA,UACA,oBACA,gBAGJ,+FAIJ,gBACI,6BACA,8BACA,gCACA,mBAEA,oCAGJ,gBACI,mCACA,oCACA,sCACA,yBAEA,oCAIJ,gBACI,iCACA,kCACA,oCACA,uBAEA,oCACI,SACA,gBACA,mBACA,oBAMJ,0DACI,4BACA,aACA,+BACA,qDAEA,sEACI,2BACA,0BAKJ,sEACI,oDAIR,uDAMR,SACI,kBACA,oCAEA,+BACI,UACA,gBAEA,yCACI,kBACA,QACA,oBAKZ,UACI,uBAGJ,WACI,kBACA,eACA,gBAEA,sDACI,kBACA,wBAGJ,mBACI,MACA,oCAGJ,uBACI,4CACI,kBACA,kBACA,mBAEA,mDACI,wBACA,oBACA,qCAKZ,mCACI,qBAMR,GACI,gDACA,YACA,iBAEA,SACI,WACA,UACA,uBAqBR,SACI,wBACA,sCACI,0BACA,kHACA,qBACA,6BACA,oBAEA,oDACA,yBACI,yBACA,uCAKR,4BACI,6FAKR,eACI,mCACA,OACI,0HAMR,gBACI,mCACA,OACI,+PAYR,QACI,4CACA,wDAGJ,YACI,uCACA,uEACA,oBAiCwC,MAVxC,cACA,wNACA,0BAUA,WAZA,cACA,wNACA,yBAWA,gBAbA,eACA,wNACA,0BAYA,WAdA,eACA,wNACA,yBAaA,cAfA,gBACA,wNACA,0BAcA,SAhBA,eACA,wNACA,yBAeA,eAjBA,eACA,wNACA,0BAgBA,YAlBA,cACA,wNACA,yBAQwC,QAVxC,cACA,oMACA,0BAUA,aAZA,cACA,oMACA,yBAWA,kBAbA,eACA,oMACA,0BAYA,aAdA,eACA,oMACA,yBAaA,gBAfA,gBACA,oMACA,0BAcA,WAhBA,eACA,oMACA,yBAeA,iBAjBA,eACA,oMACA,0BAgBA,cAlBA,cACA,oMACA,yBAQwC,aAVxC,cACA,shBACA,0BAUA,kBAZA,cACA,shBACA,yBAWA,uBAbA,eACA,shBACA,0BAYA,kBAdA,eACA,shBACA,yBAaA,qBAfA,gBACA,shBACA,0BAcA,gBAhBA,eACA,shBACA,yBAeA,sBAjBA,eACA,shBACA,0BAgBA,mBAlBA,cACA,shBACA,yBAQwC,eAVxC,cACA,kgBACA,0BAUA,oBAZA,cACA,kgBACA,yBAWA,yBAbA,eACA,kgBACA,0BAYA,oBAdA,eACA,kgBACA,yBAaA,uBAfA,gBACA,kgBACA,0BAcA,kBAhBA,eACA,kgBACA,yBAeA,wBAjBA,eACA,kgBACA,0BAgBA,qBAlBA,cACA,kgBACA,yBAqBJ,QACI,+BACA,wBACA,YAnHA,8TAqHA,0XAKJ,6BAEA,8BAEA,sCAMA,OACI,SACA,0DAGJ,WACI,SACA,0CAGJ,gCAIA,QACI,WACA,qDAGJ,SACI,WACA,sDAGJ,sCAEA,qDACA,qDAIA,6FACA,mCAEI,oCACI,kBACA,QACA,sEAMR,QACI,4DAEA,qBACA,iBACI,oDAGJ,kBAEA,kCACA,UAEA,8EAEA,wCAEA,UACI,0BACA,8BACA,oCAGJ,kBACI,uBACA,+BAGJ,0BACI,wCACA,gDAMR,OACI,0CAIA,qBAGA,gCACA,yFACA,iBACI,6BACA,cC3sBR,OACI,eACA,mBACA,uBACA,aACA,8CACA,0BACA,WACA","sourcesContent":["iframe { display: initial; } // show navlink after apply style.css\n\n@import \"normalize\";\n\n$ghprxy: \"https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main\";\n$ghprxy: \"\";\n\n:root {\n    --color:                #44d;\n    --color-sat:            #00f;\n    --color-fade:           #eef;\n    --color-plain:          #000;\n    --color-mid:            #666;\n    --color-green:          #464;\n    --color-green-fade:     #efe;\n    --color-red:            #d00;\n    --color-red-fade:       #fdd;\n    --color-yellow:         #ff0;\n    --color-yellow-fade:    #ffe;\n    --color-miku:           #4dd;\n    --color-miku-fade:      #eff;\n    --color-magenta:        #f4f;\n    --color-magenta-fade:   #fef;\n    --color-page:           #fff;\n}\n\n@mixin darkscheme {\n    --color:                #aaf;\n    --color-fade:           #224;\n    --color-plain:          #fff;\n    --color-mid:            #aaa;\n    --color-green:          #aca;\n    --color-green-fade:     #232;\n    --color-red:            #faa;\n    --color-red-fade:       #422;\n    --color-yellow-fade:    #662;\n    --color-miku-fade:      #066;\n    --color-magenta-fade:   #626;\n    --color-page:           #002;\n}\n\n\n\n/* ==== M A I N ==== */\n\n#soup\\.exe {\n// styl\n    border: #fff 1px solid;\n    box-shadow: 10px 10px 20px 10px #44d;\n    &::-webkit-resizer { background: url(/assets/image/resizer.gif) {size: cover}; }\n}\n\n#soup\\.exe, #pseu {\n// resize\n    max: { height: 95vh; width: 99vw }\n    min: { height: 25vh; width: 25vw }\n    resize: both;\n}\n\nhtml { image-rendering: pixelated; }\n\n// main bg\nhtml, .nav {\n    background: url(/assets/image/bg.gif) {\n        color: #000;\n        position: center;\n        size: MAX(20vw,40vh);\n    }\n}\n\nhtml::before { content: \"\";\n    position: fixed;\n    inset: 0;\n    z-index: -2;\n    pointer-events: none;\n    background: url(/assets/image/cloud.png) {\n        size: cover;\n        position: center;\n    };\n}\n\nhtml::after { content: \"\";\n    position: fixed;\n    inset: 0;\n    z-index: -1;\n    background: url(/assets/image/rain.gif);\n    opacity: .5;\n}\n\nhtml:has(.cornerCara:not([id=\"0\"])) {\n    background: url(/assets/image/IMG_1148.JPG) {\n        color: #000;\n        size: contain;\n        position: right;\n    };\n}\n\n/* ======= */\n\n\n\n/* ==== C 1 ==== */\n\n.c1 {\n    .banner {\n    // styl\n        border: #000 1px solid;\n        // background: url(https://media.tenor.com/5lWosOHS630AAAAC/amor.gif);\n        // background: url(https://usagif.com/wp-content/uploads/gifs/water-66.gif);\n        // background: url(https://64.media.tumblr.com/9af92cc03553bd821021fd950fbc33b5/1534f96efdb15e70-b5/s100x200/6f110ffcfa7afe0af25add8144e9d30fbefc97fe.gifv);\n        background: url(/assets/image/xp_.gif) { size: 20vw; };\n\n        box-shadow: inset 10px -10px 5px -5px   #44d,\n                    inset -30px 0 30px -20px    #44da,\n                    inset -90px 50px 30px -30px #fff;\n\n        &::before, &::after {\n            position: absolute;\n            inset: 0;\n            background-repeat: no-repeat !important;\n        }\n\n        &::before { content: \"\";\n            background: url(/assets/image/banner.png) {\n                color: #ccf;\n                size: MAX(90%, 600px) 100% !important;\n                position: 40px;\n            };\n            mix-blend-mode: hard-light;\n            opacity: .8;\n        }\n\n        &::after { content: \"\";\n            background: url(/assets/image/bannerTxt.png) {\n                size: auto 100% !important;\n                position: calc(100% - MAX(30%, 20px)) !important;\n            };\n            // opacity: .5;\n        }\n\n    }\n\n    .main {\n\n        /* ==== N A V B A R ==== */\n\n        .nav {\n        // pos\n            position: relative;\n        // styl\n            border-inline: #44d 1px solid;\n\n            &-c {\n            // pos\n                position: relative;\n                z-index: 1;\n            // size\n                height: 100%;\n\n                p {\n                    padding: { inline: 1em 0;  block: .5em; };\n                    margin-block: 0;\n                    display: flex;\n                }\n\n                a, .urHere-i {\n                    padding: { right: 100%;  block: .5em; };\n                    margin:  { right: -100%; block: -.5em };\n                }\n\n            /* ====link fluid hovering==== */\n\n                text-shadow: #fff 2px 2px;\n                mix-blend-mode: hard-light;\n                color: #2985ff;\n\n                a {\n                    position: relative;\n                    color: #38f;\n\n                    &.urHere {\n                        pointer-events: none;\n                    }\n                }\n\n                .urHere-i {\n                    display: inline-block;\n                }\n\n                /* ====ani==== */\n\n                p {\n                    transition: all 0s .2s,\n                        background-color .4s .2s;\n\n                    &:hover {\n                        transition: all 0s;\n                        padding-left: 20%;\n                        background-color: #ccf;\n                    }\n                }\n            }\n\n            /* ====Animating coolaf gradient bg==== */\n\n            &-b {\n            // pos\n                position: absolute;\n                left: -25%;\n            // size\n                height: 400%; width: 150%;\n                bottom: 0;\n            // styl\n                mix-blend-mode: lighten;\n                background:\n                    linear-gradient(90deg, #000, #0000 50%),\n                    repeating-linear-gradient(#f80, #f0f 25%, #0ff 37.5%, #8f0 42%, #f80 50%);\n                filter: contrast(2) blur(10px) ;\n\n                /* ====ani==== */\n\n                animation: bgScroll 10s linear infinite;\n                @keyframes bgScroll {\n                    from { bottom: -200%; }\n                    to   { bottom: 0; }\n                }\n            }\n        }\n    }\n\n    .bottom {\n    // size\n        width: 100%;\n    // styl\n        background: #000;\n\n        img {\n            position: relative;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n    }\n}\n\n\n\n/* ==== C 2 ==== */\n\n.c2 {\n    &-b {\n    // pos\n        position: absolute;\n        inset: 0;\n    // styl\n        image-rendering: pixelated;\n        background: url(/assets/image/bg2.gif) {\n            color: #000;\n            size: MAX(10vw,20vh);\n        };\n    }\n\n    .chatroom {\n    // pos\n        position: absolute;\n        inset: 0;\n        width: auto; height: auto;\n        overflow: scroll;\n        // margin-inline: 5%;\n\n        .giscus {\n            height: 100%;\n\n            .giscus-frame {\n                position: absolute;\n                inset: 0 unset;\n            }\n        }\n    }\n\n    & iframe[name=\"neolink\"] {\n        position: absolute;\n        margin: 10px;\n        bottom: 0;\n    }\n}\n\n/* ======== */\n\n\n\n/* ==== C O N T E N T ==== */\n\n.content {\n// styl\n    text-align: justify;\n    text-justify: inter-ideograph;\n    background-color: var(--color-page);\n    padding-inline: 3em 2em;\n\n    ::selection {\n        color: var(--color-page);\n        background: var(--color);\n    }\n}\n\n// fullscreen\n\n.fullscreen {\n    transition: opacity .2s .2s, top .2s, bottom .2s;\n// pos\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    left: 50%;\n    top: 50vh; bottom: 50vh;\n    transform: translateX(-50%);\n    z-index: 10;\n// size\n    width: 90vw;\n// styl\n    background: #d1d1f7;\n    box-shadow: -1px -1px 0 1px #e8e8fb,\n                0 0 0 2px       #000,\n                inset -2px -4px #a2a2ee,\n                inset 2px 2px   #fff;\n\n    &.on {\n        transition: opacity .2s, top .2s, bottom .2s;\n        opacity: 1;\n        pointer-events: all;\n        top: 2vh; bottom: 2vh;\n    }\n\n    .content {\n    // size\n        flex: 9;\n        padding-inline: 2em calc(2em + 5vw);\n        margin: 6px;\n    // styl\n        font-size: 1.2rem;\n        box-shadow: inset -2px -2px #e8e8fb,\n                    inset 2px 2px   #44d;\n    }\n\n    .bottomBar {\n        position: relative;\n        height: 1em;\n        margin: { block: 0 10px; inline: 6px };\n        color: var(--color);\n\n        .left, .right { display: inline-block; }\n\n        .right {\n            position: absolute;\n            right: 0;\n        }\n    }\n}\n\n@mixin fullscreen-dark {\n    background: #338;\n    box-shadow: -1px -1px 0 1px #aaf,\n                0 0 0 2px       #44d,\n                inset -2px -4px #224,\n                inset 2px 2px   #000;\n\n    .buttonBar { background: linear-gradient(90deg, #44d 20%, #000); }\n\n    .content { box-shadow: inset -2px -2px #224,\n                           inset 2px 2px   #aaf;\n    }\n\n    .bottomBar { color: #fff; }\n}\n\n// button bar\n\n.buttonBar {\n// size\n    height: 1.5em;\n    padding: .25em;\n// styl\n    color: #fff;\n    background: linear-gradient(90deg, #44d 20%, #a2a2ee);\n    text-wrap: nowrap;\n    overflow: hidden;\n\n    .toggle {\n    // pos\n        position: absolute;\n        display: block;\n        top: .25em;\n        margin-right: .5em;\n    // size\n        width: 1.5em; height: 1.5em;\n    // styl\n        box-sizing: border-box;\n        background: #d1d1f7;\n        box-shadow: inset -1.5px -1.5px #44d,\n                    inset 1.5px 1.5px   #fff,\n                    inset -3px -3px     #a2a2ee,\n                    inset 3px 3px       #e8e8fb;\n\n        &::before { content: \"\";\n            position: absolute;\n            top: 5px; left: 5px;\n            right: 6px; bottom: 6px;\n            image-rendering: pixelated;\n            background: {\n                size: cover !important;\n                repeat: no-repeat !important\n            };\n        }\n\n        &:hover { background: #e8e8fb; }\n\n        &:active {\n            background: #d1d1f7;\n            box-shadow: inset -1.5px -1.5px #fff,\n                        inset 1.5px 1.5px   #44d,\n                        inset -3px -3px     #e8e8fb,\n                        inset 3px 3px       #a2a2ee;\n\n            &::before {\n                top: 6px; left: 6px;\n                right: 5px; bottom: 5px;\n            }\n        }\n\n        .window &.fullscreenTg::before     { background: url(/assets/image/button/max.gif);   }\n        .fullscreen &.fullscreenTg::before { background: url(/assets/image/button/unmax.gif); }\n        &.darkTg::before                   { background: url(/assets/image/button/dark.gif);  }\n        &.fontTg::before                   { background: url(/assets/image/button/font.gif);  }\n\n    }\n\n    .window & {\n    // pos\n        position: relative;\n        height: 100%;\n        min-width: 20px;\n        max-width: 20px;\n        padding-inline: .25em;\n    // styl\n        background: #44d;\n\n        .toggle {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .darkTg { top: 2em; }\n        .fontTg { top: 3.5em }\n    }\n\n    .fullscreen & {\n        .fullscreenTg { right: 0em; }\n        .darkTg { right: 1.75em; }\n        .fontTg { right: 3.25em; }\n    }\n}\n\n\n\n/* ==== C O R N E R ==== */ // WARNING: spaghetti ahead!!!\n\n.cornerCara {\n    &, &-b {\n    // pos\n        position: fixed;\n        bottom: -16vh; right: calc(10vw - 39vh);\n        transform: scale(75%);\n        z-index: -3;\n    // size\n        height: calc(100vh + 10vw);\n        max-height: 140vh;\n        aspect-ratio: .77;\n    // styl\n        filter: drop-shadow(-1vw 2vw #0008);\n    }\n\n    &-b {\n        transition: opacity 1s;\n        pointer-events: none;\n    // pos\n        z-index: 2;\n    }\n\n    &::before { content: \"\";\n        position: absolute;\n        inset: 0;\n    }\n\n    #soup\\.exe:hover ~&-b, #soup\\.exe:active ~&-b { transition: opacity 0s; opacity: .2; }\n\n    /* ====randomBG==== */\n\n    @for $i from 0 through 15 { &[id=\"#{$i}\"] +&-b, &[id=\"#{$i}\"]::before { background: url(/assets/image/cornerCara/marisa#{$i}.webp)\n        { size: contain } }; }\n\n    & {\n        background: url(/assets/image/cornerCara/marisaB_.webp) {\n            size: 120%;\n            position: -40% -40%;\n        };\n        image-rendering: pixelated;\n    }\n}\n\n.ibm {\n    &, &-b {\n    // pos\n        position: absolute;\n        right: calc(10vw - 39vh); bottom: 0;\n        z-index: -1;\n        pointer-events: visible;\n        transform: translateX(-20%);\n    // size\n        height: calc(25vh + 2.5vw);\n        max-height: 35vh;\n        aspect-ratio: 2;\n    }\n\n    &-b {\n        mix-blend-mode: darken;\n    }\n}\n\n.vid {\n// pos\n    position: absolute;\n    display: none;\n    right: -38%; bottom: -55%;\n    transform: scale(.17, .23) rotate(8deg) skew(3deg);\n// size\n    width: 170%;\n    aspect-ratio: 16/9;\n// styl\n    pointer-events: none;\n    background: #fff;\n\n    @keyframes flicker {\n        0% { opacity: .65;}\n        50% { opacity: .65;}\n        50.1% { opacity: .5; }\n        100% { opacity: .5; }\n    }\n\n    iframe {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        z-index: 10;\n        inset: 0;\n    }\n}\n\n.mask:has(input:checked) ~ .vid { display: block; animation: flicker .05s linear infinite; }\n\n\n.pc {\n    transition: visibility 0s 1s, opacity 1s;\n    visibility: hidden;\n\n    &-b {\n        transition: opacity 1s;\n        z-index: 1;\n    }\n\n    &, &-b {\n    // pos\n        position: absolute;\n        right: 8%; bottom: 0%;\n    // size\n        width: 75%;\n        aspect-ratio: 1.63;\n    // styl\n        pointer-events: none;\n        background: url(/assets/image/ibm.png) { size: cover; };\n\n        &::before {\n            position: absolute;\n            left: 35%;\n            top: 45%;\n            width: 50%;\n            z-index: 20;\n            transform: rotate(9deg) skew(7deg);\n            font-size: 3.2vh;\n        }\n    }\n\n    #soup\\.exe:hover ~ .ibm-b &, #soup\\.exe:active ~ .ibm-b & {\n        transition: visibility 0s;\n        visibility: visible;\n    }\n\n    #soup\\.exe:hover ~ .ibm &-b, #soup\\.exe:active ~ .ibm &-b {\n        transition: 0s;\n        opacity: 0;\n    }\n}\n\n\n.mask {\n// pos\n    position: absolute;\n    display: block;\n    right: 32.7%; bottom: 20%;\n    z-index: 1;\n    transform: rotate(11deg) skew(7deg);\n// size\n    width: 28%;\n    aspect-ratio: 1.34;\n// styl\n    background: url(/assets/image/rainbowDither.png)\n        {size: 4vw};\n    opacity: 0;\n    mix-blend-mode: darken;\n\n    animation: maskScroll 1s linear infinite;\n    @keyframes maskScroll {\n        0% { background-position: 0; }\n        100% { background-position: 8vw; }\n    }\n\n    &:has(input:checked) { opacity: .3; }\n\n    &:not(:has(input:checked)) ~.pc-b, .ibm-b:not(:has(~.ibm & input:checked)) .pc {\n        &::before { color: #fff; }\n        &::before { content: \"Power off\"; filter: drop-shadow(0 0 5px #fff); }\n    }\n}\n\n/* ======== */\n\n\n\n/* ==== C U R S O R ==== */\n\n// html { cursor: none;}\n\n#soup\\.exe, .fullscreen { cursor: url(/assets/image/cursor/hat.gif), auto !important; }\n\n@mixin wCursorGif($id) { cursor: url(/assets/image/cursor/hatq#{$id}.gif), auto; }\n\na, button, label, .cornerCara {\n    animation: wonderCursor .5s infinite;\n    @keyframes wonderCursor {\n        0%   { @include wCursorGif(1) }\n        25%  { @include wCursorGif(2) }\n        50%  { @include wCursorGif(3) }\n        75%  { @include wCursorGif(4) }\n        100% { @include wCursorGif(5) }\n    }\n}\n\ncanvas {\n    transition: .5s;\n    opacity: .5;\n    z-index: -2;\n    image-rendering: pixelated;\n}\n\n#soup\\.exe:hover, #soup\\.exe:active {\n    ~ canvas {\n        opacity: 0;\n        animation: hideCanvas .5s linear forwards;\n        @keyframes hideCanvas {\n            0% { visibility: visible; }\n            100% { visibility: hidden; }\n        }\n    }\n}\n\n\n/* ======== */\n\n\n\n/* ==== S C R O L L B A R ==== */\n.window, .fullscreen { ::-webkit-scrollbar {\n                   width:  24px;\n    &:horizontal { height: 24px; }\n\n    &-corner {\n        background: #d1d1f7;\n        box-shadow: inset -3px -3px     #a2a2ee,\n                    inset 3px 3px       #e8e8fb;\n    }\n\n    &-track { background: url(/assets/image/scrollbar/bg.png) {size: 4px}; }\n\n    &-thumb {\n        background: #d1d1f7;\n        box-shadow: inset -1.5px -1.5px #44d,\n                    inset  1.5px  1.5px #fff,\n                    inset -3px -3px     #a2a2ee,\n                    inset  3px  3px     #e8e8fb;\n    }\n\n    &-button { background-size: cover !important;\n\n        &:horizontal, &:vertical { &:start:decrement, &:end:increment { display: block; }}\n\n        &:vertical { height: 24px;\n            &:start { background: url(/assets/image/scrollbar/up.png); }\n            &:end   { background: url(/assets/image/scrollbar/down.png); }\n        }\n        &:horizontal { width: 24px;\n            &:start { background: url(/assets/image/scrollbar/left.png); }\n            &:end   { background: url(/assets/image/scrollbar/right.png); }\n        }\n    }\n}}\n\n@mixin scrollbar-dark {\n    background: #338;\n    box-shadow: inset -1.5px -1.5px #000,\n                inset  1.5px  1.5px #aaf,\n                inset -3px -3px     #224,\n                inset  3px  3px     #44d;\n}\n\n/* ======== */\n\n\n\n/* ==== T X T ==== */\n\nhtml {\n    color: #000;\n    text-underline-offset: 25%;\n}\n\n.content { color: var(--color) !important;\n\n    >p:not([class], :has(img)):after { content: \"湯\";\n    //pos\n        position: relative;\n        display: inline-block;\n        padding-left: .3em;\n    //styl\n        line-height: .5em;\n        opacity: .5;\n        font-size: .7em;\n        color: var(--color-red);\n        transform: rotate(15deg);\n        white-space: pre;\n    }\n}\n\na {\n    position: relative;\n    color: var(--color-miku);\n\n    &::after { content: \"\";\n        position: absolute;\n        inset: -.5em;\n    }\n\n    &::selection, ::selection {\n        background: var(--color-miku) !important;\n    }\n}\n\n[norm] {\n    color: var(--color-miku);\n    text-decoration: underline;\n}\n\n/* HEADERS */\n\n// headers font style\n$hs: 1, 2, 3, 4; @each $i in $hs {\n    h#{$i}, .fake.h#{$i} { font-weight: bolder; }\n}\n$hs: 5, 6; @each $i in $hs {\n    h#{$i}, .fake.h#{$i} { font-weight: normal; }\n}\n$hs: 4, 6; @each $i in $hs {\n    h#{$i}, .fake.h#{$i} { font-style: italic }\n}\n\n// headers margin block\n$hs: 1, 2, 3, 4, 5, 6; @each $i in $hs {\n    h#{$i} { margin-top: 1em; } // 1em top margin if headers is the first element\n    :first-child ~ h#{$i} { margin-top: 2em; } // 2em top margin if else\n}\n\n$hs: 1, 2; @each $i in $hs {\n    h#{$i}, .fake.h#{$i} { margin-bottom: 1em; }\n}\n$hs: 3, 4, 5, 6; @each $i in $hs {\n    h#{$i}, .fake.h#{$i} { margin-bottom: .5em; }\n}\n\n// reduce margin in between two adjacent headers\n$hs: 1, 2, 3, 4, 5, 6; @each $i in $hs {\n    h#{$i} { @each $i in $hs { +h#{$i} { margin-top: 0 !important; } } }\n}\n\n// reveal url for hyperlinks. requires moardown.scss\n.content a                  { &::before { content: \"¥目标: 127.0.0.1\"attr(pageurl) attr(href) attr(t) !important; } } // same domain\n.content a[target=\"_blank\"] { &::before { content: \"¥目标: \"attr(href) attr(t) !important; } } // cross domain\n\n// headers padding\n$hs: 1, 2, 3, 4, 5, 6; @each $i in $hs {\n    h#{$i} {\n        position: relative;\n        inset: -.5rem -.2rem;\n        padding: .5rem .2rem;\n    }\n}\n\n$hs:    1,    2,     (3, 4) ;\n$hline: solid dashed dotted ;\n@for $i from 1 through length($hs) { @each $h in nth($hs, $i) {\n    h#{$h} { border-bottom: var(--color) 3px nth($hline, $i); }\n}}\n\n$hs: 4, 5, 6; @each $i in $hs {\n    h#{$i} { width: max-content };\n}\n\n// reveal heading id\n$hs: 1, 2, 3, 4, 5, 6; @each $i in $hs {\n    h#{$i}[id] {\n        --notify: \"--> 点击复制标题链接\";\n\n        &::before, &::after {\n            font-weight: normal;\n            font-size: max(.5em, .8rem);\n            opacity: .7;\n       }\n    }\n}\n\n$hs: 1, 2, 3; @each $i in $hs {\n    h#{$i}[id] {\n        &::before, &::after { display: block; }\n\n        &::before { content: \"#\" attr(id) \"\\00a0\";\n        // pos\n            position: relative;\n            bottom: .2em;\n        // styl\n            text-decoration: dashed underline 1.5px;\n        }\n\n        &:hover { &::after { content: var(--notify);\n            // pos\n                position: absolute;\n                top: .5rem; right: 0;\n            // styl\n                background: var(--color-page);\n                opacity: 1;\n            }\n        }\n\n        &:active {\n            background: var(--color);\n            color: var(--color-page);\n\n            &::after { content: \"\"; }\n            &::selection, ::selection {\n                color: var(--color);\n                background: var(--color-page);\n            }\n        }\n    }\n}\n\n$hs: 4, 5, 6; @each $i in $hs {\n    h#{$i}[id] {\n        &::after { content: \"\\00a0#\" attr(id) \"\\00a0\" \"\\00a0\"; }\n\n        &:hover { &::before { content: var(--notify);\n            // pos\n                position: absolute;\n                top: -.8em;\n            // styl\n                text-wrap: nowrap;\n                background: var(--color-page);\n                opacity: 1;\n            }\n        }\n\n        &:active {\n            background: var(--color);\n            color: var(--color-page);\n\n            &::before { content: \"\"; }\n        }\n    }\n}\n\n/* ======== */\n\n// list\nul { ::marker { font-weight: bolder; color: var(--color-magenta); }\n                list-style-type: \"☆ \";\n    ul { ::marker { font-size: 1em; }\n                    list-style-type: hebrew;\n        ul { ::marker { font-size: .7em; }\n                        list-style-type: \"。 \";\n            ul { ::marker { font-size: .62em; }\n                            // list-style-type: inherit;\n                ul { // ::marker { font-size: inherit; }\n                                list-style-type: \"· \";\n                }\n            }\n        }\n    }\n}\n\nli { margin-bottom: .5em; }\nul { margin-top: .5em; }\n\n// check\n\nul.task-list {\n    list-style-type: \"- \";\n}\n\ninput.task-list-item-checkbox {\n    position: relative;\n    margin-right: .5em;\n    visibility: hidden;\n\n    &::before { content: \"\";\n        position: absolute;\n        inset: 0;\n        background: url(/assets/image/button/unchecked.gif) { size:cover; };\n        visibility: visible;\n    }\n\n    &:checked::before { background: url(/assets/image/button/checked.gif) { size:cover; }; }\n}\n\n:not(pre) >code {\n    color: var(--color-mid);\n    margin-inline: .5em;\n\n    &::before, &::after { content: \"/\";\n        font-family: \"fusion\", monospace; \n        margin-inline: .2em;\n    }\n}\n\n// images:\n// adaptive and rezizeable container & img maximize \n// overly fucked spaghetti code\n\n.content img { -webkit-user-drag: none; }\n\np:has(img:not(.icon)) {\n// pos \n    position: relative;\n    display: block;\n// size\n    width: 60%;\n    max-width: 100%;\n    padding: .5em 4em .75em .75em;\n    margin-block: 2em;\n    overflow: auto;\n    resize: both;\n// styl\n    text-align: center;\n    border: var(--color) 2px dotted; \n\n    .window & { max-height: MAX(20vh, 8em); }\n    .window .content >& { max-height: MAX(100%, 8em); }\n    .fullscreen & { max-height: MAX(50vh, 8em); }\n\n    img:not(.icon) {\n    // pos\n        position: relative;\n    // size\n        height: auto; width: auto;\n        box-sizing: border-box;\n        min-width: MAX(10em, 100%);\n        max-width: 100%;\n        margin-top: .25em;\n    // styl\n        border: var(--color-fade) 4px solid;\n        &:hover { border-color: var(--color); }\n    }\n\n    &:has(img:not(.icon):active) {\n    // pos\n        position: fixed;\n        inset: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 201;\n    // size\n        max-width: unset;\n        max-height: unset;\n        overflow: hidden;\n        resize: none;\n    // styl\n        border: none;\n\n        img:not(.icon) {\n        // pos\n            top: 50%;\n            transform: translateY(-50%);\n        // size\n            max-height: 100%;\n            min-width: 100%;\n            object-fit: contain;\n        // styl\n            border: none;\n        }\n    }\n}\n\n.content:has(p img:not(.icon):active)::after { content: \"\";\n    position: fixed;\n    inset: -2px;\n    background: #000a;\n    z-index: 200;\n};\n\n/* ======== */\n\n\n\n/* ==== D A R K M O D E ==== */\n\n.content:has(~.buttonBar .darkTg input:checked) { background: #0008 !important; }\n\n.buttonBar:has(.darkTg input:checked) ~.content, .content:has(~.buttonBar .darkTg input:checked) { @include darkscheme() }\n\n.fullscreen:has(.darkTg input:checked) { @include fullscreen-dark; }\n\n.window, .fullscreen { &:has(.darkTg input:checked) { ::-webkit-scrollbar-thumb { @include scrollbar-dark; }}}\n\n/* ======== */\n\n\n\n/* ==== F O N T ==== */\n\nhtml {\n    font-family: \"fusion\", monospace;\n    &:has(.fontTg input:checked) { font-family: \"ibm\", monospace; }\n}\n\ncode, kbd, samp {\n    font-family: \"ibm\", monospace;\n    html:has(.fontTg input:checked) & { font-family: \"ibm\", monospace; }\n}\n\n@font-face { font-family: \"fusion\";\n    font-display: swap;\n    src: url(/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf);\n}\n\n@font-face { font-family: \"ibm\";\n    font-display: swap;\n    src: url(/assets/font/IBM3161.ttf);\n}\n\n/* ======== */\n\n@import \"code\";\n\n@import \"moardown\";\n\n@import \"neko\";\n\n","//! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n//# Modified it's arrangement little for my personal preference :|\r\n\r\n// Document ================================\r\n\r\n// 1. Correct the line height in all browsers.\r\n// 2. Prevent adjustments of font size after orientation changes in iOS.\r\nhtml {\r\n    line-height: 1.15; // 1\r\n    -webkit-text-size-adjust: 100%; // 2\r\n}\r\n\r\n// Sections ================================\r\n\r\n// Remove the margin in all browsers.\r\nbody { margin: 0; }\r\n\r\n// Render the `main` element consistently in IE.\r\nmain { display: block; }\r\n\r\n// Correct the font size and margin on `h1` elements within `section` and\r\n// `article` contexts in Chrome, Firefox, and Safari.\r\nh1 {\r\n    font-size: 2em;\r\n    margin: 0.67em 0;\r\n}\r\n\r\n// Grouping content ================================\r\n\r\n// 1. Add the correct box sizing in Firefox.\r\n// 2. Show the overflow in Edge and IE.\r\nhr {\r\n    box-sizing: content-box; // 1\r\n    height: 0; // 1\r\n    overflow: visible; // 2\r\n}\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers.\r\n// 2. Correct the odd `em` font sizing in all browsers.\r\npre {\r\n    font-family: monospace, monospace; // 1\r\n    font-size: 1em; // 2\r\n}\r\n\r\n// Text-level semantics ================================\r\n\r\n// Remove the gray background on active links in IE 10.\r\na { background-color: transparent; }\r\n\r\n// 1. Remove the bottom border in Chrome 57-\r\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\nabbr[title] {\r\n    border-bottom: none; // 1\r\n    text-decoration: underline; // 2\r\n    text-decoration: underline dotted; // 2\r\n}\r\n\r\n// Add the correct font weight in Chrome, Edge, and Safari.\r\nb, strong {\r\n    font-weight: bolder;\r\n}\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers.\r\n// 2. Correct the odd `em` font sizing in all browsers.\r\ncode, kbd, samp {\r\n    font-family: monospace, monospace; // 1\r\n    font-size: 1em; // 2\r\n}\r\n\r\n// Add the correct font size in all browsers.\r\nsmall { font-size: 80%; }\r\n\r\n// Prevent `sub` and `sup` elements from affecting the line height in\r\n// all browsers.\r\nsub, sup {\r\n    font-size: 75%;\r\n    line-height: 0;\r\n    position: relative;\r\n    vertical-align: baseline;\r\n}\r\n\r\nsub { bottom: -0.25em; }\r\nsup { top: -0.5em; }\r\n\r\n// Embedded content ================================\r\n\r\n// Remove the border on images inside links in IE 10.\r\nimg { border-style: none; }\r\n\r\n// Forms ================================\r\n\r\n// 1. Change the font styles in all browsers.\r\n// 2. Remove the margin in Firefox and Safari.\r\nbutton, input, optgroup, select, textarea {\r\n    font-family: inherit; // 1\r\n    font-size: 100%; // 1\r\n    line-height: 1.15; // 1\r\n    margin: 0; // 2\r\n}\r\n\r\n// Show the overflow in IE.\r\n// 1. Show the overflow in Edge.\r\nbutton,\r\ninput { // 1\r\n    overflow: visible;\r\n}\r\n\r\n// Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n// 1. Remove the inheritance of text transform in Firefox.\r\nbutton,\r\nselect { // 1\r\n    text-transform: none;\r\n}\r\n\r\n// Correct the inability to style clickable types in iOS and Safari.\r\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\r\n    -webkit-appearance: button;\r\n\r\n    // Remove the inner border and padding in Firefox.\r\n    &::-moz-focus-inner {\r\n      border-style: none;\r\n      padding: 0;\r\n    }\r\n\r\n    // Restore the focus styles unset by the previous rule.\r\n    &:-moz-focusring { outline: 1px dotted ButtonText; }\r\n}\r\n\r\n// Correct the padding in Firefox.\r\nfieldset { padding: 0.35em 0.75em 0.625em; }\r\n\r\n// 1. Correct the text wrapping in Edge and IE.\r\n// 2. Correct the color inheritance from `fieldset` elements in IE.\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n//    `fieldset` elements in all browsers.\r\nlegend {\r\n    box-sizing: border-box; // 1\r\n    color: inherit; // 2\r\n    display: table; // 1\r\n    max-width: 100%; // 1\r\n    padding: 0; // 3\r\n    white-space: normal; // 1\r\n}\r\n\r\n// Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\nprogress { vertical-align: baseline; }\r\n\r\n// Remove the default vertical scrollbar in IE 10+.\r\ntextarea { overflow: auto; }\r\n\r\n// 1. Add the correct box sizing in IE 10.\r\n// 2. Remove the padding in IE 10.\r\n[type=\"checkbox\"], [type=\"radio\"] {\r\n    box-sizing: border-box; // 1\r\n    padding: 0; // 2\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Chrome.\r\n[type=\"number\"] { &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { height: auto; } }\r\n\r\n// 1. Correct the odd appearance in Chrome and Safari.\r\n// 2. Correct the outline style in Safari.\r\n[type=\"search\"] {\r\n    -webkit-appearance: textfield; // 1\r\n    outline-offset: -2px; // 2\r\n\r\n    // Remove the inner padding in Chrome and Safari on macOS.\r\n    ::-webkit-search-decoration { -webkit-appearance: none; }\r\n}\r\n\r\n// 1. Correct the inability to style clickable types in iOS and Safari.\r\n// 2. Change font properties to `inherit` in Safari.\r\n::-webkit-file-upload-button {\r\n    -webkit-appearance: button; // 1\r\n    font: inherit; // 2\r\n}\r\n\r\n// Interactive ================================\r\n\r\n// Add the correct display in Edge, IE 10+, and Firefox.\r\ndetails { display: block; }\r\n\r\n// Add the correct display in all browsers.\r\nsummary { display: list-item; }\r\n\r\n// Misc ================================\r\n\r\n// Add the correct display in IE 10+.\r\ntemplate { display: none; }\r\n\r\n// Add the correct display in IE 10.\r\n[hidden] { display: none; }",".highlight .hll { background-color: #ffffcc }\r\n.highlight .c   { color: #008800; font-style: italic }  // Comment\r\n.highlight .err { border: 1px solid #FF0000 }           // Error\r\n.highlight .k   { color: #AA22FF; font-weight: bold }   // Keyword\r\n// .highlight .o   { color: #666666 }                      // Operator\r\n.highlight .cm  { color: #008800; font-style: italic }  // Comment.Multiline\r\n.highlight .cp  { color: #008800 }                      // Comment.Preproc\r\n.highlight .c1  { color: #008800; font-style: italic }  // Comment.Single\r\n.highlight .cs  { color: #008800; font-weight: bold }   // Comment.Special\r\n.highlight .gd  { color: #A00000 }                      // Generic.Deleted\r\n.highlight .ge  { font-style: italic }                      // Generic.Emph\r\n.highlight .gr  { color: #FF0000 }                      // Generic.Error\r\n.highlight .gh  { color: #000080; font-weight: bold }   // Generic.Heading\r\n.highlight .gi  { color: #00A000 }                      // Generic.Inserted\r\n.highlight .go  { color: #808080 }                      // Generic.Output\r\n.highlight .gp  { color: #000080; font-weight: bold }   // Generic.Prompt\r\n.highlight .gs  { font-weight: bold }                       // Generic.Strong\r\n.highlight .gu  { color: #800080; font-weight: bold }   // Generic.Subheading\r\n.highlight .gt  { color: #0040D0 }                      // Generic.Traceback\r\n.highlight .kc  { color: #AA22FF; font-weight: bold }   // Keyword.Constant\r\n.highlight .kd  { color: #AA22FF; font-weight: bold }   // Keyword.Declaration\r\n.highlight .kn  { color: #AA22FF; font-weight: bold }   // Keyword.Namespace\r\n.highlight .kp  { color: #AA22FF }                      // Keyword.Pseudo\r\n.highlight .kr  { color: #AA22FF; font-weight: bold }   // Keyword.Reserved\r\n.highlight .kt  { color: #00BB00; font-weight: bold }   // Keyword.Type\r\n// .highlight .m   { color: #666666 }                      // Literal.Number\r\n.highlight .s   { color: #BB4444 }                      // Literal.String\r\n.highlight .na  { color: #BB4444 }                      // Name.Attribute\r\n.highlight .nb  { color: #AA22FF }                      // Name.Builtin\r\n.highlight .nc  { color: #0000FF }                      // Name.Class\r\n.highlight .no  { color: #880000 }                      // Name.Constant\r\n.highlight .nd  { color: #AA22FF }                      // Name.Decorator\r\n.highlight .ni  { color: #999999; font-weight: bold }   // Name.Entity\r\n.highlight .ne  { color: #D2413A; font-weight: bold }   // Name.Exception\r\n.highlight .nf  { color: #00A000 }                      // Name.Function\r\n.highlight .nl  { color: #A0A000 }                      // Name.Label\r\n.highlight .nn  { color: #0000FF; font-weight: bold }   // Name.Namespace\r\n.highlight .nt  { color: #008000; font-weight: bold }   // Name.Tag\r\n.highlight .nv  { color: #B8860B }                      // Name.Variable\r\n.highlight .ow  { color: #AA22FF; font-weight: bold }   // Operator.Word\r\n.highlight .w   { color: #bbbbbb }                      // Text.Whitespace\r\n// .highlight .mf  { color: #666666 }                      // Literal.Number.Float\r\n// .highlight .mh  { color: #666666 }                      // Literal.Number.Hex\r\n// .highlight .mi  { color: #666666 }                      // Literal.Number.Integer\r\n// .highlight .mo  { color: #666666 }                      // Literal.Number.Oct\r\n.highlight .sb  { color: #BB4444 }                      // Literal.String.Backtick\r\n.highlight .sc  { color: #BB4444 }                      // Literal.String.Char\r\n.highlight .sd  { color: #BB4444; font-style: italic }  // Literal.String.Doc\r\n.highlight .s2  { color: #BB4444 }                      // Literal.String.Double\r\n.highlight .se  { color: #BB6622; font-weight: bold }   // Literal.String.Escape\r\n.highlight .sh  { color: #BB4444 }                      // Literal.String.Heredoc\r\n.highlight .si  { color: #BB6688; font-weight: bold }   // Literal.String.Interpol\r\n.highlight .sx  { color: #008000 }                      // Literal.String.Other\r\n.highlight .sr  { color: #BB6688 }                      // Literal.String.Regex\r\n.highlight .s1  { color: #BB4444 }                      // Literal.String.Single\r\n.highlight .ss  { color: #B8860B }                      // Literal.String.Symbol\r\n.highlight .bp  { color: #AA22FF }                      // Name.Builtin.Pseudo\r\n.highlight .vc  { color: #B8860B }                      // Name.Variable.Class\r\n.highlight .vg  { color: #B8860B }                      // Name.Variable.Global\r\n.highlight .vi  { color: #B8860B }                      // Name.Variable.Instance\r\n// .highlight .il  { color: #666666 }                      // Literal.Number.Integer.Long","// remove italic effect for <em> ( ** in markdown ) in order to easily assign class to inline text\r\n// use .i to reobtain italic for <em>\r\nem:not(.i) { &[class], &[r], &[t], &[norm], &[reveal] { font-style: normal; }}\r\n\r\n// sizes ================================\r\n\r\nh1, h2, h3, h4, h5, h6, .fake { --s: 1 }\r\n\r\n.big     { --s: 1.25; }\r\n.bigger  { --s: 1.5; }\r\n.small   { --s: .75; }\r\n.smaller { --s: .5; }\r\n\r\n.size, .big, .bigger, .small, .smaller { &:not(h1, h2, h3, h4, h5, h6, .fake) { font-size: calc(var(--s) * 1em); } }\r\n\r\nh1, .fake.h1 { font-size: calc( 2em * var(--s)); }\r\nh2, .fake.h2 { font-size: calc( 1.6em * var(--s)); }\r\n@for $i from 3 through 6 { h#{$i}, .fake.h#{$i} { font-size: calc( 1.2em * var(--s)); } }\r\n\r\n// alignment ================================\r\n\r\n// inline elements are converted to block level element\r\n\r\n.l, .c, .r {\r\n    --ofs: 0;\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    transform: translateX(--ofs);\r\n}\r\n\r\n// left\r\n.l {\r\n    text-align: left;\r\n    left:0\r\n}\r\n\r\n// center\r\n.c {\r\n    text-align: center;\r\n}\r\n\r\n// right\r\n.r {\r\n    text-align: right;\r\n    right: 0;\r\n}\r\n\r\n// maximize width to page width for block level elements\r\n// which contains children with alignment\r\np, h1, h2, h3, h4, h5, h6 { &:has(>.c), &:has(>.r) { width: 100%; } }\r\n\r\n// lines ================================\r\n\r\n.u, .ovl, del, .dll, .u.ovl {\r\n    text-decoration: { color: var(--lc); thickness: var(--lt) } ;\r\n    &.-d  { text-decoration: { style: dashed; }; }\r\n    &.-do { text-decoration: { style: dotted; }; }\r\n    &.-db { text-decoration: { style: double; }; }\r\n    &.-w  { text-decoration: { style: wavy;   }; }\r\n}\r\n\r\n       .u       { text-decoration-line: underline; }\r\n     .ovl       { text-decoration-line: overline; }\r\ndel, .dll       { text-decoration-line: line-through; }\r\n   .u.ovl       { text-decoration-line: underline overline; }\r\ndel, .dll { &.u { text-decoration-line: line-through underline; }\r\n          &.ovl { text-decoration-line: line-through overline; }\r\n        &.u.ovl { text-decoration-line: line-through underline overline; } }\r\n\r\n// colors ================================\r\n\r\n$colors: white, silver, gray, black, red, maroon, yellow, olive, lime, green, aqua, teal, blue, navy, fuchsia, purple;\r\n\r\n// use \"''+$color\" so that scss don't throw a warning\r\n@each $color in $colors {\r\n     .#{\"\"+$color} { color: $color; }\r\n    .h#{\"\"+$color} { background-color: $color; }\r\n    .b#{\"\"+$color} { --bw: 2px; border: $color solid var(--bw); }\r\n}\r\n\r\n@mixin colorbg {\r\n    position: relative;\r\n    display: inline-block;\r\n    --bd: .05em;\r\n    padding: calc(var(--bd)) calc(.1em + var(--bd));\r\n}\r\n\r\n.h, .b { @each $color in $colors { &#{\"\"+$color} { @include colorbg(); }}}\r\n\r\n.h {\r\n    @include colorbg(); \r\n    color: #44d;\r\n    background: var(--color-yellow);\r\n}\r\n\r\n.ant {\r\n    @include colorbg();\r\n    &::before { --bw: 2px; border: 1px dashed #000; border-image: url(/assets/image/ants.gif) 1 repeat; }\r\n}\r\n\r\n// ruby (拼音) ================================\r\n\r\n// use *character*{:r=\"ruby\"} inside markdown\r\n[r] {\r\n    position: relative;\r\n    display: inline-block;\r\n    // width: max-content;\r\n    text-align: center;\r\n\r\n    &::before { content: attr(r);\r\n    // pos\r\n        position: relative;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n    // styl\r\n        font-size: .75em;\r\n    }\r\n}\r\n\r\n// del (黑幕)  ================================\r\n\r\n.del { position: relative;\r\n\r\n    &::after { content: \"\";\r\n        position: absolute;\r\n        inset: -2px -1px;\r\n        background: var(--color);\r\n        pointer-events: none;\r\n    }\r\n\r\n    &:hover { &::after {\r\n        opacity: .2;\r\n    }}\r\n}\r\n\r\n.blur     { filter: blur(.1em); }\r\n.blurrier { filter: blur(.25em); }\r\n\r\n.blur, .blurrier {\r\n    transition: filter .2s;\r\n    &:hover { filter: blur(0); }\r\n}\r\n\r\n[reveal] {\r\n    position: relative;\r\n    display: inline-block;\r\n    line-height: 0;\r\n    text-decoration: dashed underline;\r\n\r\n    &:hover {\r\n        visibility: hidden;\r\n\r\n        &::after { content: attr(reveal);\r\n            display: block;\r\n            visibility: visible;\r\n            font-style: italic;\r\n        }\r\n    }\r\n}\r\n\r\n// tip ================================\r\n\r\n// use *content*{:t=\"tip\"} inside markdown\r\n[t] { text-decoration: dotted underline;\r\n    &::before { content: attr(t); }\r\n}\r\n\r\n// reveal url for hyperlinks\r\n.content a { &::before { content: \"¥目标: {{ site.url }}\"attr(href) attr(t); } } // liquid doesn't work here\r\n\r\n.del:not([t]), .blur, .blurrier { &::before { content: \"你知道的太多了。\"; } }\r\n\r\n[t], a, .del {\r\n    position: relative;\r\n\r\n    &::before {\r\n        transition: .2s .4s;\r\n        pointer-events: none;\r\n    // pos\r\n        position: absolute;\r\n        left: 0 ;\r\n        top: .5em;\r\n        z-index: 10;\r\n    // size\r\n        font-size: MAX(.5em, .75rem);\r\n        width: max-content;\r\n        max-width: 25vw;\r\n    // styl\r\n        padding: .2em .5em;\r\n        background: var(--color-page);\r\n        opacity: 0;\r\n    }\r\n\r\n    &:hover::before {\r\n        transition: 0s;\r\n        top: 1.5em;\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    // tip coloring\r\n    & { --tc: var(--color);\r\n        &::before {\r\n            color: var(--tc);\r\n            border: var(--tc) solid 2px;\r\n            box-shadow: 4px 4px var(--tc);\r\n        }\r\n    }\r\n}\r\n\r\n.footnote::before { line-height: 1em; visibility: visible !important; }\r\n\r\na {\r\n    &::before {\r\n        transition: .2s;\r\n        position: fixed;\r\n        bottom: 0; top: unset;\r\n        max-width: unset;\r\n    }\r\n\r\n    &:hover::before {\r\n        top: unset;\r\n    }\r\n}\r\n\r\n// tip above\r\n\r\n.above[t] {\r\n    &::before { bottom: .5em; top: unset; }\r\n    &:hover::before { bottom: 1.5em; }\r\n}\r\n\r\n// full width link\r\na.ab,\r\n#markdown-toc li>a,\r\n#f_markdown-toc li>a {\r\n    display: block;\r\n    right: 0;\r\n    text-decoration: none;\r\n    transition: 0s .2s;\r\n\r\n    &::after { transition: opacity .0s .4s;\r\n        inset: -.2em 0;\r\n        box-sizing: border-box;\r\n        border: {\r\n            bottom: 3px solid;\r\n            image: linear-gradient(90deg, var(--color-miku), #0000) 1;\r\n        };\r\n        opacity: 0;\r\n    }\r\n\r\n    &:hover {\r\n        transition: 0s;\r\n        padding-left: .5em;\r\n        letter-spacing: .2em;\r\n\r\n        &::after {\r\n            transition: 0s;\r\n            opacity: 1;\r\n        }\r\n    }\r\n}\r\n\r\n// table ================================\r\n\r\ntable {\r\n    --tbc: var(--color); --tbtc: var(--color);\r\n// pos\r\n    position: relative;\r\n    z-index: 1;\r\n//styl\r\n    color: var(--tbtc);\r\n    border-collapse: collapse;\r\n    margin-block: 1em;\r\n\r\n    &::before, td, th { padding-block: .2em; padding-inline: .5em; }\r\n\r\n    &[h]::before { content: attr(h);\r\n        position: relative;\r\n        display: table-caption;\r\n        bottom: -1px;\r\n    }\r\n\r\n    // inline table\r\n    &.i { display: inline-table; }\r\n\r\n    // default table\r\n    &.t {\r\n        box-shadow: 2px 2px var(--tbc);\r\n    // border\r\n        thead, tbody, td:first-child, tfoot { border: 2px solid { color: var(--tbc); }; }\r\n        td:first-child { border-block-width: 0; }\r\n        &::before, thead, td:first-child { font-weight: bolder; text-align: center; }\r\n\r\n        tr:nth-child(even) td:not(:first-child) {\r\n            position: relative;\r\n            &::before { content: \"\";\r\n                position: absolute;\r\n                inset: 0;\r\n                z-index: -1;\r\n                background: var(--tbc);\r\n                opacity: .3;\r\n            }\r\n        }\r\n\r\n        &::before {\r\n            background: var(--tbc);\r\n            color: var(--color-page);\r\n            box-shadow: 2px 2px var(--tbc);\r\n        }\r\n    }\r\n\r\n    // simple table\r\n    &.ts {\r\n    // border\r\n        thead, tbody, tr :first-child, tfoot { border: 0 solid { color: var(--tbc); }; }\r\n        thead                          { border-bottom-width: 2px; }\r\n        tbody:not(:first-child), tfoot { border-top-width:    2px; }\r\n        tr :first-child                { border-right-width:  2px; }\r\n\r\n        &::before {\r\n            padding-block: .5em;\r\n            font-weight: bolder;\r\n            text-align: center;\r\n        }\r\n    }\r\n}\r\n\r\n// blocks ================================\r\n\r\n.content>blockquote, :not(blockquote) >blockquote { margin-block: 1em; }\r\n\r\nblockquote {\r\n    >p:first-child { margin-top: 0; } >p:last-child { margin-bottom: 0; } // revome extra margin for first and last children blockquote\r\n    margin-right: 1em;\r\n\r\n    // inform blocks\r\n    &.info, &.note, &.warn {\r\n        display: block;\r\n        position: relative;\r\n        width: max-content;\r\n        max-width: 100%;\r\n        padding-inline: 2.5em .5em;\r\n        padding-block: .5em;\r\n        margin-left: 0;\r\n\r\n        &::before {\r\n            position: absolute;\r\n            left: 0;\r\n            top: .37em;\r\n            padding-inline: .5em;\r\n            font-size: 1.2em;\r\n        }\r\n\r\n        >blockquote { margin-left: 0; } // remove default left margin\r\n    }\r\n\r\n    // information block\r\n    &.info {\r\n        background: var(--color-fade);\r\n        border: var(--color) 3px solid;\r\n        box-shadow: 4px 4px var(--color);\r\n        color: var(--color);\r\n\r\n        &::before { content: \"ⓘ\"; }\r\n    }\r\n\r\n    &.note {\r\n        background: var(--color-green-fade);\r\n        border: var(--color-green) 3px solid;\r\n        box-shadow: 4px 4px var(--color-green);\r\n        color: var(--color-green);\r\n\r\n        &::before { content: \"ⓘ\"; }\r\n    }\r\n\r\n    // warning block\r\n    &.warn {\r\n        background: var(--color-red-fade);\r\n        border: var(--color-red) 3px solid;\r\n        box-shadow: 4px 4px var(--color-red);\r\n        color: var(--color-red);\r\n\r\n        &::before { content: \"⚠\";\r\n            top: .3em;\r\n            font-size: 1.4em;\r\n            font-weight: normal;\r\n            padding-inline: .4em;\r\n        }\r\n    }\r\n\r\n    // cascading layer block ( unnecessarily complex )\r\n    &.layer {\r\n        &, blockquote:not([class]) {\r\n            transition: border-color .4s;\r\n            padding: .5em;\r\n            box-shadow: -3px 0 var(--color);\r\n            border: #0000 3px solid { left-width: 0px; };\r\n\r\n            &:hover {\r\n                transition: border-color 0s;\r\n                border-color: var(--color);\r\n            }\r\n        }\r\n\r\n        &, >blockquote:not([class]) {\r\n            &:hover {\r\n                box-shadow: -3px 0 var(--color), 3px 3px var(--color);\r\n            }\r\n        }\r\n\r\n        blockquote:not([class]) { margin: 0 .3em; }\r\n    }\r\n}\r\n\r\n// footnote ================================\r\n\r\nem[norm] {\r\n    position: relative;\r\n    &::before { content: attr(norm); }\r\n\r\n    sup[role=\"doc-noteref\"] {\r\n        top: unset;\r\n        position: static;\r\n\r\n        .footnote {\r\n            position: absolute;\r\n            inset: 0;\r\n            color: #0000;\r\n        }\r\n    }\r\n}\r\n\r\n.footnote {\r\n    color: var(--color-red);\r\n}\r\n\r\n.footnotes {\r\n    position: relative;\r\n    margin-top: 4em;\r\n    padding-top: 1em;\r\n\r\n    &::before, ol li::after { content: \"\";\r\n        position: absolute;\r\n        width: 100%; height: .25em;\r\n    }\r\n\r\n    &::before {\r\n        top: 0;\r\n        border-block: var(--color) 2px solid;\r\n    }\r\n\r\n    ol { margin: 0;\r\n        li[role=\"doc-endnote\"]:has(+li) {\r\n            position: relative;\r\n            margin-bottom: 2em;\r\n            padding-bottom: 2em;\r\n\r\n            &::after {\r\n                width: calc(100% + 40px);\r\n                bottom: 0; left: -40px;\r\n                border-block: var(--color) 2px dashed;\r\n            }\r\n        }\r\n    }\r\n\r\n    p:has(.reversefootnote) {\r\n        display: inline-block;\r\n    }\r\n}\r\n\r\n// horizontal rules ================================\r\n\r\nhr {\r\n    border: none { block: 2px var(--color) solid };\r\n    height: .2em;\r\n    margin-block: 2em;\r\n\r\n    &.break {\r\n        height: 1px;\r\n        opacity: 0;\r\n        border: none !important;\r\n    }\r\n}\r\n\r\n\r\n/* ================ F A N C Y ================ */\r\n\r\n// mimic text-stroke using text-shadow ================================\r\n\r\n$text-stroke-shadow:\r\n    calc(-1 * var(--std))                      0  var(--stc), // l\r\n    calc(-1 * var(--std))  calc(-1 * var(--std))  var(--stc), // lt\r\n                       0   calc(-1 * var(--std))  var(--stc), // t\r\n         calc(var(--std))  calc(-1 * var(--std))  var(--stc), // rt\r\n         calc(var(--std))                      0  var(--stc), // r\r\n         calc(var(--std))       calc(var(--std))  var(--stc), // rb\r\n                       0        calc(var(--std))  var(--stc), // b\r\n    calc(-1 * var(--std))       calc(var(--std))  var(--stc); // lb\r\n\r\n// rainbow ================================\r\n\r\n.rainbow {\r\n    --rspd: 1s; --rbgsz: 4em;\r\n    &, *, ::before {\r\n        image-rendering: pixelated;\r\n        background: url(/assets/image/rainbowDither.png), url(#{$ghprxy}/assets/image/rainbowDither.png) {size: var(--rbgsz)};\r\n        background-clip: text;\r\n        -webkit-background-clip: text;\r\n        color: #0000;\r\n\r\n        animation: rainbowScroll var(--rspd) linear infinite;\r\n        @keyframes rainbowScroll {\r\n            0% { background-position: 0; }\r\n            100% { background-position: var(--rbgsz); }\r\n        }\r\n    }\r\n\r\n    // rainbow but with cyam magenta yellow color scheme\r\n    &.cmy, &.cmy * {\r\n        background-image: url(/assets/image/rainbowDither_.png), url(#{$ghprxy}/assets/image/rainbowDither_.png) ;\r\n    }\r\n}\r\n\r\n// rainbow with stroke and shadow really cool\r\n.rainbow.fancy {\r\n    --rs: .1em; --rsc: var(--color-sat);\r\n    filter:\r\n        drop-shadow(.05em -.05em var(--rsc))\r\n        drop-shadow(-.05em .05em var(--rsc))\r\n        drop-shadow(var(--rs) var(--rs) var(--rsc));\r\n}\r\n\r\n// .rainbow.fancy but with rainbowing shadows\r\n.rainbow.fancy2 {\r\n    --rs: .1em; --rsc: var(--color-sat);\r\n    filter:\r\n        drop-shadow(.05em .05em var(--color-sat))\r\n        drop-shadow(.1em .1em var(--color-page))\r\n        drop-shadow(.1em .1em #dd4)\r\n        drop-shadow(.1em .1em #4dd)\r\n        drop-shadow(.1em .1em #d4d)\r\n        drop-shadow(.05em -.05em var(--rsc))\r\n        drop-shadow(-.05em .05em var(--rsc))\r\n\r\n}\r\n\r\n// shadow\r\n\r\n.shadow {\r\n    --sdd: .25em; --sbr: 2px; --sdc: var(--color);\r\n    text-shadow: var(--sdd) var(--sdd) var(--sbr) var(--sdc);\r\n}\r\n\r\n.projection {\r\n    --pdd: .33em; --pdc: var(--color-plain);\r\n    text-shadow: 1px 1px var(--color-page), var(--pdd) var(--pdd) var(--pdc);\r\n    padding-bottom: .2em;\r\n}\r\n\r\n// echo ================================\r\n\r\n$echo:\r\n    calc(.1em * var(--h)) calc(.1em * var(--v)) #44d8,\r\n    calc(.2em * var(--h)) calc(.2em * var(--v)) #44d4,\r\n    calc(.3em * var(--h)) calc(.3em * var(--v)) #44d2;\r\n\r\n$echorb:\r\n    calc(.05em * var(--h)) calc(.05em * var(--v)) #d44,\r\n    calc(.1em  * var(--h)) calc(.1em  * var(--v)) #dd4,\r\n    calc(.15em * var(--h)) calc(.15em * var(--v)) #4dd,\r\n    calc(.2em  * var(--h)) calc(.2em  * var(--v)) #d4d;\r\n\r\n$echo_type:\r\n    ($echo),\r\n    ($echorb),\r\n    (($text-stroke-shadow), ($echo)),\r\n    (($text-stroke-shadow), ($echorb));\r\n\r\n@mixin echo($h, $v, $e) {\r\n    --h: #{$h}; --v: #{$v};\r\n    text-shadow: nth($echo_type, $e);\r\n    padding: calc(.8em * max(0,-$v)),\r\n             calc(.8em * max(0, $h)),\r\n             calc(.8em * max(0, $v)),\r\n             calc(.8em * max(0,-$h));\r\n}\r\n\r\n$echo_list: \".echo\", \".echorb\", \".stroke.echo\", \".stroke.echorb\";\r\n\r\n@for $i from 1 through length($echo_list) { #{nth($echo_list, $i)}\r\n                { @include echo( 1, 1, $i );\r\n    &-down      { @include echo( 0, 1, $i ); }\r\n    &-down-left { @include echo(-1, 1, $i ); }\r\n    &-left      { @include echo(-1, 0, $i ); }\r\n    &-up-left   { @include echo(-1,-1, $i ); }\r\n    &-up        { @include echo( 0,-1, $i ); }\r\n    &-up-right  { @include echo( 1,-1, $i ); }\r\n    &-right     { @include echo( 1, 0, $i ); }\r\n};}\r\n\r\n// stroke ================================\r\n\r\n.stroke {\r\n    --std: 1px; --stc: var(--color);\r\n    color: var(--color-page);\r\n    text-shadow: $text-stroke-shadow;\r\n\r\n    &.shadow { text-shadow: $text-stroke-shadow, var(--sdd) var(--sdd) var(--sdc); }\r\n}\r\n\r\n// mirror ================================\r\n\r\n.mirror { transform: scaleX(-1); }\r\n\r\n.upsdown { transform: scaleY(-1); }\r\n\r\n.mirror, .upsdown { display: inline-block; }\r\n\r\n// animate ================================\r\n\r\n// blink\r\n\r\n.blink {\r\n    --bt: 2s;\r\n    animation: blink var(--bt) steps(1, end) infinite forwards;\r\n}\r\n\r\n.fadeinout {\r\n    --ft: 2s;\r\n    animation: blink var(--ft) linear infinite;\r\n}\r\n\r\n@keyframes blink { 50% { opacity: 0; } }\r\n\r\n// rumble shudder\r\n\r\n.rumble {\r\n    --rt: .05s;\r\n    animation: rumble var(--rt) linear infinite alternate;\r\n}\r\n\r\n.shudder {\r\n    --st: .05s;\r\n    animation: shudder var(--st) linear infinite alternate;\r\n}\r\n\r\n.rumble, .shudder { display: inline-block; }\r\n\r\n@keyframes rumble { 100% { transform: translateY(-.2em) } }\r\n@keyframes shudder { 100% { transform: translateX(.2em) } }\r\n\r\n// sparkle  \r\n\r\n.sparkle:not(.rainbow) { background: url(/assets/image/sparkle.gif) repeat { size: 10em }; }\r\n.sparkle.rainbow { position: relative;\r\n\r\n    &::before { content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: url(/assets/image/sparkle.gif) repeat { size: 10em }; \r\n    }\r\n}\r\n\r\n// rotate\r\n\r\n.rotate {\r\n    --rspd: 4s; --ofst-x: 0%; --ofst-y: 0%; --rphs: 0; --rheit: 2em;\r\n// pos\r\n    display: inline-block;\r\n    transform-origin:\r\n        calc( 50% + var(--ofst-x))\r\n        calc( 50% + var(--ofst-y));\r\n// size\r\n    width: max-content;\r\n// styl\r\n    margin-block: calc(var(--rheit)/2);\r\n    padding: 0;\r\n// ani\r\n    animation: rotate var(--rspd) linear calc(var(--rspd) * var(--rphs) * -1) infinite;\r\n\r\n    &.rev { animation-direction: reverse; }\r\n\r\n    &.c {\r\n        transform: translateY(50%);\r\n        animation-name: rotateCentered;\r\n        left: 50%; transform: translateX(-50%);\r\n    }\r\n\r\n    @keyframes rotate {\r\n        0%   { transform: rotate(0); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    @keyframes rotateCentered {\r\n        0%   { transform: translateX(-50%) rotate(0); }\r\n        100% { transform: translateX(-50%) rotate(360deg); }\r\n    }\r\n}\r\n\r\n// pulse\r\n\r\n.pulse {\r\n    --pspd: .25s; --pscl: 1.2; --pphs: 0; --s: 1;\r\n\r\n    // .rotate & { --pscl: 1.5 }\r\n\r\n    display: inline-block;\r\n\r\n    // sizing\r\n    font-size: calc(var(--pscl) * 1em);\r\n    animation: pulse var(--pspd) ease-out calc(var(--pspd) * var(--pphs) * -1) infinite alternate;\r\n    @keyframes pulse {\r\n        0% { scale: calc(1 / var(--pscl)); }\r\n        100%   { scale: 1; }\r\n    }\r\n}","#oneko {\r\n    position: fixed;\r\n    left: 16px; top: 16px;\r\n    width: 32px; height: 32px;\r\n    z-index: 2533;\r\n    background: url(/assets/neko/oneko_sakura.gif);\r\n    image-rendering: pixelated;\r\n    opacity: .7;\r\n    pointer-events: none;\r\n}"],"file":"style.css"}
\ No newline at end of file
diff --git a/_site/home.html b/_site/home.html
index f195c0b..4db7206 100644
--- a/_site/home.html
+++ b/_site/home.html
@@ -37,7 +37,7 @@
     <p>
       
       <a href="/about" >
-        About 
+        关于 
       </a>
       <!--  -->
     </p>
diff --git a/_site/md-lab.html b/_site/md-lab.html
index 0b1c023..25a242f 100644
--- a/_site/md-lab.html
+++ b/_site/md-lab.html
@@ -37,7 +37,7 @@
     <p>
       
       <a href="/about" >
-        About 
+        关于 
       </a>
       <!--  -->
     </p>
diff --git a/_site/we_fuck_gfw.html b/_site/we_fuck_gfw.html
index 41aae8b..75a4e41 100644
--- a/_site/we_fuck_gfw.html
+++ b/_site/we_fuck_gfw.html
@@ -37,7 +37,7 @@
     <p>
       
       <a href="/about" >
-        About 
+        关于 
       </a>
       <!--  -->
     </p>
diff --git a/about.md b/about.md
index ecc0abb..1653de9 100644
--- a/about.md
+++ b/about.md
@@ -3,4 +3,6 @@ layout: default
 title: About
 ---
 
-# about :|
\ No newline at end of file
+# 关于：
+
+这里还空空如也，以后再回来看看吧。
\ No newline at end of file
diff --git a/assets/css/default/style.scss b/assets/css/default/style.scss
index c0f87a9..82ae598 100644
--- a/assets/css/default/style.scss
+++ b/assets/css/default/style.scss
@@ -803,7 +803,7 @@ $hs: 1, 2, 3, 4, 5, 6; @each $i in $hs {
 }
 
 // reveal url for hyperlinks. requires moardown.scss
-.content a                  { &::before { content: "¥目标: {{site.url}}"attr(pageurl) attr(href) attr(t) !important; } } // same domain
+.content a                  { &::before { content: "¥目标: {{site.host}}"attr(pageurl) attr(href) attr(t) !important; } } // same domain
 .content a[target="_blank"] { &::before { content: "¥目标: "attr(href) attr(t) !important; } } // cross domain
 
 // headers padding