From 5276f4c57d5deefead1de438e0f5e869d5e88bfd Mon Sep 17 00:00:00 2001 From: KirisameSoup Date: Sat, 11 Nov 2023 11:06:11 +0800 Subject: [PATCH] test site.host --- _config.yml | 4 +++- _data/nav.yml | 2 +- _site/about.html | 14 +++++++++----- _site/archive.html | 2 +- _site/assets/css/default/style.css | 2 +- _site/assets/css/default/style.css.map | 2 +- _site/home.html | 2 +- _site/md-lab.html | 2 +- _site/we_fuck_gfw.html | 2 +- about.md | 4 +++- assets/css/default/style.scss | 2 +- 11 files changed, 23 insertions(+), 15 deletions(-) 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 @@

>>  - About + 关于

@@ -63,7 +63,9 @@
-

about :|

+

关于：

+ +

这里还空空如也，以后再回来看看吧。

@@ -99,14 +101,16 @@
-

about :|

+

关于：

+ +

这里还空空如也，以后再回来看看吧。

地址：http://localhost:4000/about | 作者：Kirisame Soup ☆
- 词量：2 - | 字符量：8 + 词量：20 + | 字符量：21
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 @@

- About + 关于

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 ( ** in markdown ) in order to easily assign class to inline text\r\n// use .i to reobtain italic for \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 ( ** in markdown ) in order to easily assign class to inline text\r\n// use .i to reobtain italic for \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 @@

- About + 关于

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 @@

- About + 关于

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 @@

- About + 关于

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