From 8c1bd93efbfbae57e4d3e5baf08eed59d325d20d Mon Sep 17 00:00:00 2001 From: KirisameSoup Date: Mon, 6 Nov 2023 23:29:36 +0800 Subject: [PATCH] code highlight, efficient moardown style, wordcount + other cool liquid --- Gemfile | 4 +- Gemfile.lock | 3 + _config.yml | 24 +- _layouts/default.html | 43 +-- _sass/code.scss | 61 +++++ _sass/moardown.scss | 357 +++++++++---------------- _site/about.html | 36 +-- _site/assets/css/default/style.css | 2 +- _site/assets/css/default/style.css.map | 2 +- _site/home.html | 62 +++-- _site/md-lab.html | 214 +++++---------- _site/robots.txt | 1 + _site/sitemap.xml | 12 + assets/css/default/style.scss | 201 +++++++------- home.md | 21 +- md-lab.md | 56 ++-- 16 files changed, 513 insertions(+), 586 deletions(-) create mode 100644 _sass/code.scss create mode 100644 _site/robots.txt create mode 100644 _site/sitemap.xml diff --git a/Gemfile b/Gemfile index bc9723e..bcb3786 100644 --- a/Gemfile +++ b/Gemfile @@ -5,5 +5,5 @@ source "https://rubygems.org" # gem "rails" gem "jekyll" - -gem 'jekyll-sitemap' \ No newline at end of file +gem 'jekyll-sitemap' +gem 'jekyll-seo-tag' \ No newline at end of file diff --git a/Gemfile.lock b/Gemfile.lock index ef1f9de..9988712 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -33,6 +33,8 @@ GEM webrick (~> 1.7) jekyll-sass-converter (3.0.0) sass-embedded (~> 1.54) + jekyll-seo-tag (2.8.0) + jekyll (>= 3.8, < 5.0) jekyll-sitemap (1.4.0) jekyll (>= 3.7, < 5.0) jekyll-watch (2.2.1) @@ -68,6 +70,7 @@ PLATFORMS DEPENDENCIES jekyll + jekyll-seo-tag jekyll-sitemap BUNDLED WITH diff --git a/_config.yml b/_config.yml index 76442a3..819e4aa 100644 --- a/_config.yml +++ b/_config.yml @@ -1,11 +1,29 @@ +sass: + style: compressed + +# url: "https://kirisoup.github.io" + +plugins: + - jekyll-sitemap + - jekyll-seo-tag + permalink: /:categories/:title defaults: - scope: - path: "" # an empty string here means all files in the project + path: "" values: layout: "default" + author: Kirisame Soup ☆ -sass: - style: compressed + +title: 霧雨蘑菇店 + +tagline: 霧雨蘑菇汤的互联网小角落 + +description: 这里是霧雨蘑菇汤的互联网小角落，本店提供：最新最好的 IBM 计算机、旋转 fumo、畅销书籍、魔法金属，细心发掘的话还可以发现更多有意思的稀奇玩意~ + +author: KirisameSoup + +locale: zh_CN \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html index bc7992b..1516a2d 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -4,13 +4,20 @@ - A:¥霧雨蘑菇店/¥{{ page.title }} - + + {{ site.title }} | + {%- if page.description -%} + | {{ page.description }} + {%- else -%} + /¥{{ page.title | replace: " ", "¥" }}.xml + {%- endif -%} + + - - + + @@ -43,7 +50,7 @@
-
-
- A:¥霧雨蘑菇店/¥{{ page.title }} + A:¥霧雨蘑菇店/¥{{ page.title | replace: " ", "¥" }}.xml
-
{{ content - | replace: 'id="', 'id="f_' - | replace: 'a href="#', 'a href="#f_' - }}
+
+ {{ content | replace: 'id="', 'id="f_' | replace: 'a href="#', 'a href="#f_' }} +
- 地址：¥{{ page.url }} | 作者：Kirisame¥Soup | +
地址：{{ site.url }}{{ page.url }} | 作者：{{ page.author }}
+
+ 词量：{{ content | strip_html | number_of_words: "auto" }} + | 字符量：{{ content | strip_html | normalize_whitespace | size }} +
@@ -80,13 +89,13 @@
- +
- - - - + + + + diff --git a/_sass/code.scss b/_sass/code.scss new file mode 100644 index 0000000..baa6d8f --- /dev/null +++ b/_sass/code.scss @@ -0,0 +1,61 @@ +.highlight .hll { background-color: #ffffcc } +.highlight .c { color: #008800; font-style: italic } // Comment +.highlight .err { border: 1px solid #FF0000 } // Error +.highlight .k { color: #AA22FF; font-weight: bold } // Keyword +.highlight .o { color: #666666 } // Operator +.highlight .cm { color: #008800; font-style: italic } // Comment.Multiline +.highlight .cp { color: #008800 } // Comment.Preproc +.highlight .c1 { color: #008800; font-style: italic } // Comment.Single +.highlight .cs { color: #008800; font-weight: bold } // Comment.Special +.highlight .gd { color: #A00000 } // Generic.Deleted +.highlight .ge { font-style: italic } // Generic.Emph +.highlight .gr { color: #FF0000 } // Generic.Error +.highlight .gh { color: #000080; font-weight: bold } // Generic.Heading +.highlight .gi { color: #00A000 } // Generic.Inserted +.highlight .go { color: #808080 } // Generic.Output +.highlight .gp { color: #000080; font-weight: bold } // Generic.Prompt +.highlight .gs { font-weight: bold } // Generic.Strong +.highlight .gu { color: #800080; font-weight: bold } // Generic.Subheading +.highlight .gt { color: #0040D0 } // Generic.Traceback +.highlight .kc { color: #AA22FF; font-weight: bold } // Keyword.Constant +.highlight .kd { color: #AA22FF; font-weight: bold } // Keyword.Declaration +.highlight .kn { color: #AA22FF; font-weight: bold } // Keyword.Namespace +.highlight .kp { color: #AA22FF } // Keyword.Pseudo +.highlight .kr { color: #AA22FF; font-weight: bold } // Keyword.Reserved +.highlight .kt { color: #00BB00; font-weight: bold } // Keyword.Type +.highlight .m { color: #666666 } // Literal.Number +.highlight .s { color: #BB4444 } // Literal.String +.highlight .na { color: #BB4444 } // Name.Attribute +.highlight .nb { color: #AA22FF } // Name.Builtin +.highlight .nc { color: #0000FF } // Name.Class +.highlight .no { color: #880000 } // Name.Constant +.highlight .nd { color: #AA22FF } // Name.Decorator +.highlight .ni { color: #999999; font-weight: bold } // Name.Entity +.highlight .ne { color: #D2413A; font-weight: bold } // Name.Exception +.highlight .nf { color: #00A000 } // Name.Function +.highlight .nl { color: #A0A000 } // Name.Label +.highlight .nn { color: #0000FF; font-weight: bold } // Name.Namespace +.highlight .nt { color: #008000; font-weight: bold } // Name.Tag +.highlight .nv { color: #B8860B } // Name.Variable +.highlight .ow { color: #AA22FF; font-weight: bold } // Operator.Word +.highlight .w { color: #bbbbbb } // Text.Whitespace +.highlight .mf { color: #666666 } // Literal.Number.Float +.highlight .mh { color: #666666 } // Literal.Number.Hex +.highlight .mi { color: #666666 } // Literal.Number.Integer +.highlight .mo { color: #666666 } // Literal.Number.Oct +.highlight .sb { color: #BB4444 } // Literal.String.Backtick +.highlight .sc { color: #BB4444 } // Literal.String.Char +.highlight .sd { color: #BB4444; font-style: italic } // Literal.String.Doc +.highlight .s2 { color: #BB4444 } // Literal.String.Double +.highlight .se { color: #BB6622; font-weight: bold } // Literal.String.Escape +.highlight .sh { color: #BB4444 } // Literal.String.Heredoc +.highlight .si { color: #BB6688; font-weight: bold } // Literal.String.Interpol +.highlight .sx { color: #008000 } // Literal.String.Other +.highlight .sr { color: #BB6688 } // Literal.String.Regex +.highlight .s1 { color: #BB4444 } // Literal.String.Single +.highlight .ss { color: #B8860B } // Literal.String.Symbol +.highlight .bp { color: #AA22FF } // Name.Builtin.Pseudo +.highlight .vc { color: #B8860B } // Name.Variable.Class +.highlight .vg { color: #B8860B } // Name.Variable.Global +.highlight .vi { color: #B8860B } // Name.Variable.Instance +.highlight .il { color: #666666 } // Literal.Number.Integer.Long \ No newline at end of file diff --git a/_sass/moardown.scss b/_sass/moardown.scss index 4acdd9f..9b99d48 100644 --- a/_sass/moardown.scss +++ b/_sass/moardown.scss @@ -4,41 +4,30 @@ em:not(.i) { &[class], &[r], &[t], &[norm] { font-style: normal; }} // sizes ================================ -:root { --s: 1; } - -.big { --s: 1.25; } -.bigger { --s: 1.5; } -.small { --s: .75; } -.smaller { --s: .5; } - -.size, .big, .bigger, .small, .smaller { &:not(h1, h2, h3, h4, h5, h6, .fake) { font-size: calc(var(--s) * 1em); } } - -@mixin titleSizeMod { &.size, &.big, &.bigger, &.small, &.smaller { font-size: calc(var(--size) * var(--s) * 1em); } } - -// headings and fake headings ( and sizing ) ================================ +// sizing headings and fake headings +@mixin titleSize($id, $size) { + h#{$id}, .fake.h#{$id} { + font-size: $size + em ; + --s: 1; + font-size: calc($size * var(--s) * 1em); + } +} $size-h1: 2; $size-h2: 1.6; $size-hrest: 1.2; -// $size-h3: 1.25; -// $size-h4: 1.25; -// $size-h5: 1.25; - -// sizing headings and fake headings ( e.g. use

, .fake.h1 with .big ) -@mixin titleSize($id, $size) { - h#{$id} {font-size: #{$size}em;} +@include titleSize(1, $size-h1); +@include titleSize(2, $size-h2); +@for $i from 3 to 7 { @include titleSize($i, $size-hrest); } - h#{$id}, .fake.h#{$id} { - font-size: $size + em ; - --size: #{$size}; - @include titleSizeMod; - } -} +// general sizing +.big { --s: 1.25; } +.bigger { --s: 1.5; } +.small { --s: .75; } +.smaller { --s: .5; } - @include titleSize(1, $size-h1); - @include titleSize(2, $size-h2); -@for $i from 3 to 7 { @include titleSize($i, $size-hrest); } +.size, .big, .bigger, .small, .smaller { &:not(h1, h2, h3, h4, h5, h6, .fake) { font-size: calc(var(--s) * 1em); } } // alignment ================================ @@ -67,95 +56,55 @@ $size-hrest: 1.2; .r { text-align: right; right: 0; - - &::after { - white-space: pre - } } // maximize width to page width for block level elements -// which contains children with alignment +// which contains children with alignment p, h1, h2, h3, h4, h5, h6 { &:has(>.c), &:has(>.r) { width: 100%; } } // lines ================================ -@mixin txtline($type) { - text-decoration: $type { color: var(--lc); thickness: var(--lt) } ; - &.-d { text-decoration: dashed $type { color: var(--lc); thickness: var(--lt); }; } - &.-do { text-decoration: dotted $type { color: var(--lc); thickness: var(--lt); }; } - &.-db { text-decoration: double $type { color: var(--lc); thickness: var(--lt); }; } - &.-w { text-decoration: wavy $type { color: var(--lc); thickness: var(--lt); }; } +.u, .ovl, del, .del, .u.ovl { + text-decoration: { color: var(--lc); thickness: var(--lt) } ; + &.-d { text-decoration: { style: dashed; }; } + &.-do { text-decoration: { style: dotted; }; } + &.-db { text-decoration: { style: double; }; } + &.-w { text-decoration: { style: wavy; }; } } - .u { @include txtline(underline) } - .ovl { @include txtline(overline) } -del, .del { @include txtline(line-through) } - .u.ovl { @include txtline(underline overline) } -del, .del { &.u { @include txtline(line-through underline) } - &.ovl { @include txtline(line-through overline) } - &.u.ovl { @include txtline(line-through underline overline) } } - -// color presets ================================ - -@mixin colors($varName: clr) { - &w, &white { --#{$varName}: #FFFFFF; } - &silver { --#{$varName}: #C0C0C0; } - &gray { --#{$varName}: #808080; } - &b, &black { --#{$varName}: #000000; } - &r, &red { --#{$varName}: #FF0000; } - &maroon { --#{$varName}: #800000; } - &yellow { --#{$varName}: #FFFF00; } - &olive { --#{$varName}: #808000; } - &lime { --#{$varName}: #00FF00; } - &green { --#{$varName}: #008000; } - &aqua { --#{$varName}: #00FFFF; } - &teal { --#{$varName}: #008080; } - &blue { --#{$varName}: #0000FF; } - &navy { --#{$varName}: #000080; } - &fuchsia { --#{$varName}: #FF00FF; } - &purple { --#{$varName}: #800080; } -} - -// text highlight (background) and border sizing -.h, .b { - &w, &b, &r, &white, &silver, &gray, &black, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple { - position: relative; - z-index: 1; - - &::before {content: ""; - position: absolute; - --bd: 0.02em; - z-index: -1; - left: calc(-.2em + var(--bd)*-1); - right: calc(-.2em + var(--bd)*-1); - top: calc(var(--bd)*-1); - bottom: calc(var(--bd)*-1); - } - } -} + .u { text-decoration-line: underline; } + .ovl { text-decoration-line: overline; } +del, .del { text-decoration-line: line-through; } + .u.ovl { text-decoration-line: underline overline; } +del, .del { &.u { text-decoration-line: line-through underline; } + &.ovl { text-decoration-line: line-through overline; } + &.u.ovl { text-decoration-line: line-through underline overline; } } -// colors -.c { - @include colors; - &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple - { color: var(--clr) !important; } -} +// colors ================================ -// highlight (background) colors -.h { - background-color: #ff0; // default yellow highlight - @include colors(clrh); - &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple - { &::before { background-color: var(--clrh); }; } +$colors: white, silver, gray, black, red, maroon, yellow, olive, lime, green, aqua, teal, blue, navy, fuchsia, purple; + +// ""+$color in so that scss don't throw a warning +@each $color in $colors { + .#{""+$color} { color: $color; } + .h#{""+$color} { &::before { background-color: $color; }; } + .b#{""+$color} { &::before { --bw: 2px; border: $color solid var(--bw); }; } } -// border colors +.h, .b { @each $color in $colors { &#{""+$color} { + position: relative; + z-index: 1; -.b { - @include colors(clrb); - &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple - { &::before { --bw: 2px; border: var(--clrb) solid var(--bw); }; } -} + &::before {content: ""; + position: absolute; + --bd: 0.02em; + z-index: -1; + inset: { + block: calc(var(--bd)*-1); + inline: calc(-.2em + var(--bd)*-1); + }; + } +}}} // ruby (拼音) ================================ @@ -169,7 +118,7 @@ del, .del { &.u { @include txtline(line-through underline) } &::before { content: attr(r); // pos position: relative; - left: 50%; + left: 50%; transform: translateX(-50%); display: block; // styl @@ -204,11 +153,11 @@ del, .del { &.u { @include txtline(line-through underline) } left: 0 ; top: .5em; z-index: 10; - // size + // size width: fit-content; // styl padding: .2em .5em; - background: var(--pgColor); + background: var(--color-page); opacity: 0; } @@ -219,7 +168,7 @@ del, .del { &.u { @include txtline(line-through underline) } } // tip coloring - & { --tc: var(--txtColor); + & { --tc: var(--color); &::before { color: var(--tc); border: var(--tc) solid 2px; @@ -240,16 +189,18 @@ a { } } -// tip above +// tip above -// h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], +// h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], .above[t] { &::before { bottom: .5em; top: unset; } &:hover::before { bottom: 1.5em; } } // full width link -a.ab, #markdown-toc li>a, #f_markdown-toc li>a { +a.ab, +#markdown-toc li>a, +#f_markdown-toc li>a { display: block; right: 0; text-decoration: none; @@ -260,7 +211,7 @@ a.ab, #markdown-toc li>a, #f_markdown-toc li>a { box-sizing: border-box; border: { bottom: 3px solid; - image: linear-gradient(90deg, var(--txtColor-link), #0000) 1; + image: linear-gradient(90deg, var(--color-miku), #0000) 1; }; opacity: 0; } @@ -280,7 +231,7 @@ a.ab, #markdown-toc li>a, #f_markdown-toc li>a { // table ================================ table { - --tbc: var(--txtColor); --tbtc: var(--txtColor); + --tbc: var(--color); --tbtc: var(--color); // pos position: relative; z-index: 1; @@ -321,7 +272,7 @@ z-index: 1; &::before { background: var(--tbc); - color: var(--pgColor); + color: var(--color-page); box-shadow: 2px 2px var(--tbc); } } @@ -371,29 +322,29 @@ blockquote { // information block &.info { - background: var(--txtColor-fade); - border: var(--txtColor) 3px solid; - box-shadow: 4px 4px var(--txtColor); - color: var(--txtColor); + background: var(--color-fade); + border: var(--color) 3px solid; + box-shadow: 4px 4px var(--color); + color: var(--color); &::before { content: "ⓘ"; } } &.note { - background: var(--txtColor-green-fade); - border: var(--txtColor-green) 3px solid; - box-shadow: 4px 4px var(--txtColor-green); - color: var(--txtColor-green); + background: var(--color-green-fade); + border: var(--color-green) 3px solid; + box-shadow: 4px 4px var(--color-green); + color: var(--color-green); &::before { content: "ⓘ"; } } // warning block &.warn { - background: var(--txtColor-red-fade); - border: var(--txtColor-red) 3px solid; - box-shadow: 4px 4px var(--txtColor-red); - color: var(--txtColor-red); + background: var(--color-red-fade); + border: var(--color-red) 3px solid; + box-shadow: 4px 4px var(--color-red); + color: var(--color-red); &::before { content: "⚠"; top: .3em; @@ -408,18 +359,18 @@ blockquote { &, blockquote:not([class]) { transition: border-color .4s; padding: .5em; - box-shadow: -3px 0 var(--txtColor); + box-shadow: -3px 0 var(--color); border: #0000 3px solid { left-width: 0px; }; &:hover { transition: border-color 0s; - border-color: var(--txtColor); + border-color: var(--color); } } &, >blockquote:not([class]) { &:hover { - box-shadow: -3px 0 var(--txtColor), 3px 3px var(--txtColor); + box-shadow: -3px 0 var(--color), 3px 3px var(--color); } } @@ -440,13 +391,13 @@ em[norm] { .footnote { position: absolute; inset: 0; - opacity: 0; + opacity: 0; } } } .footnote { - color: var(--txtColor-red); + color: var(--color-red); } .footnotes { @@ -459,21 +410,21 @@ em[norm] { width: 100%; height: .25em; } - &::before { + &::before { top: 0; - border-block: var(--txtColor) 2px solid; + border-block: var(--color) 2px solid; } - ol { margin: 0; + ol { margin: 0; li[role="doc-endnote"]:has(+li) { position: relative; margin-bottom: 2em; padding-bottom: 2em; &::after { - width: calc(100% + 40px); + width: calc(100% + 40px); bottom: 0; left: -40px; - border-block: var(--txtColor) 2px dashed; + border-block: var(--color) 2px dashed; } } } @@ -486,7 +437,7 @@ em[norm] { // horizontal rules ================================ hr { - border: none { block: 2px var(--txtColor) solid }; + border: none { block: 2px var(--color) solid }; height: .2em; margin-block: 1em; @@ -538,7 +489,7 @@ $text-stroke-shadow: // rainbow with stroke and shadow really cool .rainbow.fancy { - --rs: .1em; --rsc: var(--txtColor-sat); + --rs: .1em; --rsc: var(--color-sat); filter: drop-shadow(.05em -.05em var(--rsc)) drop-shadow(-.05em .05em var(--rsc)) @@ -547,10 +498,10 @@ $text-stroke-shadow: // .rainbow.fancy but with rainbowing shadows .rainbow.fancy2 { - --rs: .1em; --rsc: var(--txtColor-sat); + --rs: .1em; --rsc: var(--color-sat); filter: - drop-shadow(.05em .05em var(--txtColor-sat)) - drop-shadow(.1em .1em var(--pgColor)) + drop-shadow(.05em .05em var(--color-sat)) + drop-shadow(.1em .1em var(--color-page)) drop-shadow(.1em .1em #dd4) drop-shadow(.1em .1em #4dd) drop-shadow(.1em .1em #d4d) @@ -562,111 +513,60 @@ $text-stroke-shadow: // shadow .shadow { - --sdd: 8px; --sdc: var(--txtColor-plain); - text-shadow: 1px 1px var(--pgColor), var(--sdd) var(--sdd) var(--sdc); + --sdd: 8px; --sdc: var(--color-plain); + text-shadow: 1px 1px var(--color-page), var(--sdd) var(--sdd) var(--sdc); padding-bottom: .2em; } // echo ================================ -// unnecessarily complex - -@mixin echo($horizontal, $vertical) { // echo - text-shadow: - // calc( 2px * $horizontal) calc( 2px * $vertical) var(--pgColor), - calc(.1em * $horizontal) calc(.1em * $vertical) #44d8, - calc(.2em * $horizontal) calc(.2em * $vertical) #44d4, - calc(.3em * $horizontal) calc(.3em * $vertical) #44d2; -} -@mixin echoStroke($horizontal, $vertical) { // echo with text troke - text-shadow: - $text-stroke-shadow, - // calc( 2px * $horizontal) calc( 2px * $vertical) var(--pgColor), - calc(.1em * $horizontal) calc(.1em * $vertical) #44d8, - calc(.2em * $horizontal) calc(.2em * $vertical) #44d4, - calc(.3em * $horizontal) calc(.3em * $vertical) #44d2; -} -@mixin echorb($horizontal, $vertical) { // rainbow echo - text-shadow: - calc(.05em * $horizontal) calc(.05em * $vertical) #d44, - calc(.1em * $horizontal) calc(.1em * $vertical) #dd4, - calc(.15em * $horizontal) calc(.15em * $vertical) #4dd, - calc(.2em * $horizontal) calc(.2em * $vertical) #d4d, -} -@mixin echorbStroke($horizontal, $vertical) { // rainbow echo with stroke - text-shadow: - $text-stroke-shadow, - calc(.05em * $horizontal) calc(.05em * $vertical) #d44, - calc(.1em * $horizontal) calc(.1em * $vertical) #dd4, - calc(.15em * $horizontal) calc(.15em * $vertical) #4dd, - calc(.2em * $horizontal) calc(.2em * $vertical) #d4d, -} - -.echo { @include echo(1, 1); - padding-bottom: .8em; - - &-down { @include echo(0, 1); - padding-bottom: .8em; - } +$echo: + calc(.1em * var(--h)) calc(.1em * var(--v)) #44d8, + calc(.2em * var(--h)) calc(.2em * var(--v)) #44d4, + calc(.3em * var(--h)) calc(.3em * var(--v)) #44d2; - &-up { @include echo(0, -1); - padding-top: .8em; - } +$echorb: + 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; - &-right { @include echo(1, 0); - padding-right: .8em; - } +$echo_type: + ($echo), + ($echorb), + (($text-stroke-shadow), ($echo)), + (($text-stroke-shadow), ($echorb)); - &-left { @include echo(-1, 0); - padding-left: .8em; - } +@mixin echo($h, $v, $e) { + --h: #{$h}; --v: #{$v}; + text-shadow: nth($echo_type, $e); } -// echo rainbow -.echorb { @include echorb(1, 1); - padding-bottom: .8em; - - &-down { @include echorb(0, 1); - padding-bottom: .8em; - } - - &-up { @include echorb(0, -1); - padding-top: .8em; - } - - &-right { @include echorb(1, 0); - padding-right: .8em; - } +$echo_list: ".echo", ".echorb", ".stroke.echo", ".stroke.echorb"; - &-left { @include echorb(-1, 0); - padding-left: .8em; - } +@for $i from 1 through length($echo_list) { + #{nth($echo_list, $i)} { @include echo(1, 1, $i); + &-down { @include echo(0, 1, $i); } + &-up { @include echo(0, -1, $i); } + &-right { @include echo(1, 0, $i); } + &-left { @include echo(-1, 0, $i); }}; } +.echo, .echorb { padding-bottom: .8em; + &-up { padding-top: .8em; } + &-right { padding-right: .8em; } + &-left { padding-left: .8em; }} + // stroke ================================ .stroke { - --std: 1px; --stc: var(--txtColor); - color: var(--pgColor); + --std: 1px; --stc: var(--color); + color: var(--color-page); text-shadow: $text-stroke-shadow; &.shadow { text-shadow: $text-stroke-shadow, var(--sdd) var(--sdd) var(--sdc); } - - &.echo { @include echoStroke(1, 1); - &-down { @include echoStroke(0, 1); } - &-up { @include echoStroke(0, -1); } - &-right { @include echoStroke(1, 0); } - &-left { @include echoStroke(-1, 0); } - } - - &.echorb { @include echorbStroke(1, 1); - &-down { @include echorbStroke(0, 1); } - &-up { @include echorbStroke(0, -1); } - &-right { @include echorbStroke(1, 0); } - &-left { @include echorbStroke(-1, 0); } - } } // animate ================================ @@ -710,19 +610,14 @@ $text-stroke-shadow: // pulse .pulse { - --pspd: .25s; --pscl: 1.2; --pphs: 0; + --pspd: .25s; --pscl: 1.2; --pphs: 0; --s: 1; // .rotate & { --pscl: 1.5 } display: inline-block; // sizing - font-size: calc(var(--pscl) * var(--s) * 1em) !important; - @mixin faketitle-pulseSize($id, $size) { &.fake.h#{$id} { font-size: calc(var(--pscl) * $size * 1em) !important; } } - @include faketitle-pulseSize(1, $size-h1); - @include faketitle-pulseSize(2, $size-h2); - @for $i from 3 to 7 { @include faketitle-pulseSize($i, $size-hrest); } - + 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)); } diff --git a/_site/about.html b/_site/about.html index c79f98b..ad0a376 100644 --- a/_site/about.html +++ b/_site/about.html @@ -4,13 +4,14 @@ - A:¥霧雨蘑菇店/¥About - + + 霧雨蘑菇店 |/¥About.xml + - - + + @@ -71,7 +72,7 @@

about :|

-
-
- A:¥霧雨蘑菇店/¥About + A:¥霧雨蘑菇店/¥About.xml
-

about :|

-
+
+

about :|

+ +
- 地址：¥/about | 作者：Kirisame¥Soup | +
地址：http://localhost:4000/about | 作者：Kirisame Soup ☆
+
+ 词量：2 + | 字符量：8 +
@@ -106,13 +112,13 @@

about :|

- +
- - - - + + + + diff --git a/_site/assets/css/default/style.css b/_site/assets/css/default/style.css index 88405b7..cd8752f 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{--txtColor: #44d;--txtColor-sat: #00f;--txtColor-fade: #eef;--txtColor-link: #4cc;--txtColor-plain: #000;--txtColor-green: #464;--txtColor-green-fade: #efe;--txtColor-red: #d04;--txtColor-red-fade: #fde;--pgColor: #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-size:contain;background-position:right;background-color:#000;background-blend-mode:hard-light}.c1 .banner{border:#000 1px solid;background:url(/assets/image/xp_.gif);background-size:cover}.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 .main .window{overflow:hidden}.c1 .bottom{width:100%;border:#44d 1px solid;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(--pgColor);padding-inline:3em 2em}.content *::selection{color:var(--pgColor);background:var(--txtColor)}.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{height:1em;padding:0 6px 10px 6px}.buttonBar{height:1.5em;padding:.25em;color:#fff;background:linear-gradient(90deg, #44d 20%, #a2a2ee)}.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:#dfdfdf}.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(--txtColor) !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(--txtColor-red);transform:rotate(15deg);white-space:pre}a{position:relative;color:var(--txtColor-link)}a::after{content:"";position:absolute;inset:-0.5em}[norm]{color:var(--txtColor-link);text-decoration:underline}h1,h2,h3,h4,.fake.h1,.fake.h2,.fake.h3,.fake.h4{font-weight:bolder}h5,h6,.fake.h5,.fake.h6{font-weight:normal}h4,h6,.fake.h4,.fake.h6{font-style:italic}h1,h2,h3,h4,h5,h6{margin-top:1em}:first-child~h1,:first-child~h2,:first-child~h3,:first-child~h4,:first-child~h5,:first-child~h6{margin-top:2em}h1,h2{margin-bottom:1em}h3,h4,h5,h6{margin-bottom:.5em}h1+h1,h1+h2,h1+h3,h1+h4,h1+h5,h1+h6,h2+h1,h2+h2,h2+h3,h2+h4,h2+h5,h2+h6,h3+h1,h3+h2,h3+h3,h3+h4,h3+h5,h3+h6,h4+h1,h4+h2,h4+h3,h4+h4,h4+h5,h4+h6,h5+h1,h5+h2,h5+h3,h5+h4,h5+h5,h5+h6,h6+h1,h6+h2,h6+h3,h6+h4,h6+h5,h6+h6{margin-top:0 !important}h1,h2,h3,h4,h5,h6{position:relative;inset:-0.5rem -0.2rem;padding:.5rem .2rem}h1{border-bottom:var(--txtColor) 3px solid}h2{border-bottom:var(--txtColor) 3px dashed}h3,h4{border-bottom:var(--txtColor) 3px dotted}h4,h5,h6{width:max-content}h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]{--notify: "--> 点击复制标题链接"}h1[id]::before,h1[id]::after,h2[id]::before,h2[id]::after,h3[id]::before,h3[id]::after,h4[id]::before,h4[id]::after,h5[id]::before,h5[id]::after,h6[id]::before,h6[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h1[id]::before,h1[id]::after,h2[id]::before,h2[id]::after,h3[id]::before,h3[id]::after{display:block}h1[id]::before,h2[id]::before,h3[id]::before{content:"#" attr(id) " ";position:relative;bottom:.2em;text-decoration:dashed underline 1.5px}h1[id]:hover::after,h2[id]:hover::after,h3[id]:hover::after{content:var(--notify);position:absolute;top:.5rem;right:0;background:var(--pgColor);opacity:1}h1[id]:active,h2[id]:active,h3[id]:active{background:var(--txtColor);color:var(--pgColor)}h1[id]:active::after,h2[id]:active::after,h3[id]:active::after{content:""}h4[id]::after,h5[id]::after,h6[id]::after{content:" #" attr(id) " " " "}h4[id]:hover::before,h5[id]:hover::before,h6[id]:hover::before{content:var(--notify);position:absolute;top:-0.8em;text-wrap:nowrap;background:var(--pgColor);opacity:1}h4[id]:active,h5[id]:active,h6[id]:active{background:var(--txtColor);color:var(--pgColor)}h4[id]:active::before,h5[id]:active::before,h6[id]:active::before{content:""}ul{list-style-type:"☆ "}ul ::marker{font-weight:bolder}ul ul{list-style-type:hebrew}ul ul ::marker{font-size:.7em}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}.buttonBar:has(.darkTg input:checked)~.content,.content:has(~.buttonBar .darkTg input:checked){--txtColor: #aaf;--txtColor-sat: #00c;--txtColor-fade: #224;--txtColor-link: #abb;--txtColor-plain: #fff;--txtColor-green: #aca;--txtColor-green-fade: #232;--txtColor-red: #f8a;--txtColor-red-fade: #422;--pgColor: #002}.content:has(~.buttonBar .darkTg input:checked){background:rgba(0,0,0,.5333333333) !important}.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-display:swap}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,kbd,samp{font-family:"ibm",monospace}@font-face{font-family:"fusion";src:url(/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf)}@font-face{font-family:"ibm";src:url(/assets/font/IBM3161.ttf)}em:not(.i)[class],em:not(.i)[r],em:not(.i)[t],em:not(.i)[norm]{font-style:normal}:root{--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{font-size:2em}h1,.fake.h1{font-size:2em;--size: 2}h1.size,h1.big,h1.bigger,h1.small,h1.smaller,.fake.h1.size,.fake.h1.big,.fake.h1.bigger,.fake.h1.small,.fake.h1.smaller{font-size:calc(var(--size)*var(--s)*1em)}h2{font-size:1.6em}h2,.fake.h2{font-size:1.6em;--size: 1.6}h2.size,h2.big,h2.bigger,h2.small,h2.smaller,.fake.h2.size,.fake.h2.big,.fake.h2.bigger,.fake.h2.small,.fake.h2.smaller{font-size:calc(var(--size)*var(--s)*1em)}h3{font-size:1.2em}h3,.fake.h3{font-size:1.2em;--size: 1.2}h3.size,h3.big,h3.bigger,h3.small,h3.smaller,.fake.h3.size,.fake.h3.big,.fake.h3.bigger,.fake.h3.small,.fake.h3.smaller{font-size:calc(var(--size)*var(--s)*1em)}h4{font-size:1.2em}h4,.fake.h4{font-size:1.2em;--size: 1.2}h4.size,h4.big,h4.bigger,h4.small,h4.smaller,.fake.h4.size,.fake.h4.big,.fake.h4.bigger,.fake.h4.small,.fake.h4.smaller{font-size:calc(var(--size)*var(--s)*1em)}h5{font-size:1.2em}h5,.fake.h5{font-size:1.2em;--size: 1.2}h5.size,h5.big,h5.bigger,h5.small,h5.smaller,.fake.h5.size,.fake.h5.big,.fake.h5.bigger,.fake.h5.small,.fake.h5.smaller{font-size:calc(var(--size)*var(--s)*1em)}h6{font-size:1.2em}h6,.fake.h6{font-size:1.2em;--size: 1.2}h6.size,h6.big,h6.bigger,h6.small,h6.smaller,.fake.h6.size,.fake.h6.big,.fake.h6.bigger,.fake.h6.small,.fake.h6.smaller{font-size:calc(var(--size)*var(--s)*1em)}.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}.r::after{white-space:pre}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{text-decoration:underline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.-d{text-decoration:dashed underline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.-do{text-decoration:dotted underline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.-db{text-decoration:double underline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.-w{text-decoration:wavy underline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.ovl{text-decoration:overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.ovl.-d{text-decoration:dashed overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.ovl.-do{text-decoration:dotted overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.ovl.-db{text-decoration:double overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.ovl.-w{text-decoration:wavy overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del,.del{text-decoration:line-through;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.-d,.del.-d{text-decoration:dashed line-through;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.-do,.del.-do{text-decoration:dotted line-through;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.-db,.del.-db{text-decoration:double line-through;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.-w,.del.-w{text-decoration:wavy line-through;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.ovl{text-decoration:underline overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.ovl.-d{text-decoration:dashed underline overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.ovl.-do{text-decoration:dotted underline overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.ovl.-db{text-decoration:double underline overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.ovl.-w{text-decoration:wavy underline overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.u,.del.u{text-decoration:line-through underline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.u.-d,.del.u.-d{text-decoration:dashed line-through underline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.u.-do,.del.u.-do{text-decoration:dotted line-through underline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.u.-db,.del.u.-db{text-decoration:double line-through underline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.u.-w,.del.u.-w{text-decoration:wavy line-through underline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.ovl,.del.ovl{text-decoration:line-through overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.ovl.-d,.del.ovl.-d{text-decoration:dashed line-through overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.ovl.-do,.del.ovl.-do{text-decoration:dotted line-through overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.ovl.-db,.del.ovl.-db{text-decoration:double line-through overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.ovl.-w,.del.ovl.-w{text-decoration:wavy line-through overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.u.ovl,.del.u.ovl{text-decoration:line-through underline overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.u.ovl.-d,.del.u.ovl.-d{text-decoration:dashed line-through underline overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.u.ovl.-do,.del.u.ovl.-do{text-decoration:dotted line-through underline overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.u.ovl.-db,.del.u.ovl.-db{text-decoration:double line-through underline overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}del.u.ovl.-w,.del.u.ovl.-w{text-decoration:wavy line-through underline overline;text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.hw,.hb,.hr,.hwhite,.hsilver,.hgray,.hblack,.hred,.hmaroon,.hyellow,.holive,.hlime,.hgreen,.haqua,.hteal,.hblue,.hnavy,.hfuchsia,.hpurple,.bw,.bb,.br,.bwhite,.bsilver,.bgray,.bblack,.bred,.bmaroon,.byellow,.bolive,.blime,.bgreen,.baqua,.bteal,.bblue,.bnavy,.bfuchsia,.bpurple{position:relative;z-index:1}.hw::before,.hb::before,.hr::before,.hwhite::before,.hsilver::before,.hgray::before,.hblack::before,.hred::before,.hmaroon::before,.hyellow::before,.holive::before,.hlime::before,.hgreen::before,.haqua::before,.hteal::before,.hblue::before,.hnavy::before,.hfuchsia::before,.hpurple::before,.bw::before,.bb::before,.br::before,.bwhite::before,.bsilver::before,.bgray::before,.bblack::before,.bred::before,.bmaroon::before,.byellow::before,.bolive::before,.blime::before,.bgreen::before,.baqua::before,.bteal::before,.bblue::before,.bnavy::before,.bfuchsia::before,.bpurple::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;left:calc(-0.2em + var(--bd)*-1);right:calc(-0.2em + var(--bd)*-1);top:calc(var(--bd)*-1);bottom:calc(var(--bd)*-1)}.cw,.cwhite{--clr: #FFFFFF}.csilver{--clr: #C0C0C0}.cgray{--clr: #808080}.cb,.cblack{--clr: #000000}.cr,.cred{--clr: #FF0000}.cmaroon{--clr: #800000}.cyellow{--clr: #FFFF00}.colive{--clr: #808000}.clime{--clr: #00FF00}.cgreen{--clr: #008000}.caqua{--clr: #00FFFF}.cteal{--clr: #008080}.cblue{--clr: #0000FF}.cnavy{--clr: #000080}.cfuchsia{--clr: #FF00FF}.cpurple{--clr: #800080}.cw,.cwhite,.csilver,.cgray,.cb,.cblack,.cr,.cred,.cmaroon,.cyellow,.colive,.clime,.cgreen,.caqua,.cteal,.cblue,.cnavy,.cfuchsia,.cpurple{color:var(--clr) !important}.h{background-color:#ff0}.hw,.hwhite{--clrh: #FFFFFF}.hsilver{--clrh: #C0C0C0}.hgray{--clrh: #808080}.hb,.hblack{--clrh: #000000}.hr,.hred{--clrh: #FF0000}.hmaroon{--clrh: #800000}.hyellow{--clrh: #FFFF00}.holive{--clrh: #808000}.hlime{--clrh: #00FF00}.hgreen{--clrh: #008000}.haqua{--clrh: #00FFFF}.hteal{--clrh: #008080}.hblue{--clrh: #0000FF}.hnavy{--clrh: #000080}.hfuchsia{--clrh: #FF00FF}.hpurple{--clrh: #800080}.hw::before,.hwhite::before,.hsilver::before,.hgray::before,.hb::before,.hblack::before,.hr::before,.hred::before,.hmaroon::before,.hyellow::before,.holive::before,.hlime::before,.hgreen::before,.haqua::before,.hteal::before,.hblue::before,.hnavy::before,.hfuchsia::before,.hpurple::before{background-color:var(--clrh)}.bw,.bwhite{--clrb: #FFFFFF}.bsilver{--clrb: #C0C0C0}.bgray{--clrb: #808080}.bb,.bblack{--clrb: #000000}.br,.bred{--clrb: #FF0000}.bmaroon{--clrb: #800000}.byellow{--clrb: #FFFF00}.bolive{--clrb: #808000}.blime{--clrb: #00FF00}.bgreen{--clrb: #008000}.baqua{--clrb: #00FFFF}.bteal{--clrb: #008080}.bblue{--clrb: #0000FF}.bnavy{--clrb: #000080}.bfuchsia{--clrb: #FF00FF}.bpurple{--clrb: #800080}.bw::before,.bwhite::before,.bsilver::before,.bgray::before,.bb::before,.bblack::before,.br::before,.bred::before,.bmaroon::before,.byellow::before,.bolive::before,.blime::before,.bgreen::before,.baqua::before,.bteal::before,.bblue::before,.bnavy::before,.bfuchsia::before,.bpurple::before{--bw: 2px;border:var(--clrb) solid var(--bw)}[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}[t]{text-decoration:dotted underline}[t]::before{content:attr(t)}.content a::before{content:"¥目标: " attr(href) attr(t)}[t],a{position:relative}[t]::before,a::before{transition:.2s .4s;pointer-events:none;position:absolute;left:0;top:.5em;z-index:10;width:fit-content;padding:.2em .5em;background:var(--pgColor);opacity:0}[t]:hover::before,a:hover::before{transition:0s;top:1.5em;opacity:1}[t],a{--tc: var(--txtColor)}[t]::before,a::before{color:var(--tc);border:var(--tc) solid 2px;box-shadow:4px 4px var(--tc)}a::before{transition:.2s;position:fixed;bottom:0;top: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 .2s .2s;inset:-0.2em 0;box-sizing:border-box;border-bottom:3px solid;border-image:linear-gradient(90deg, var(--txtColor-link), 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(--txtColor);--tbtc: var(--txtColor);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(--pgColor);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:.5em}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:inline-table;position:relative;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(--txtColor-fade);border:var(--txtColor) 3px solid;box-shadow:4px 4px var(--txtColor);color:var(--txtColor)}blockquote.info::before{content:"ⓘ"}blockquote.note{background:var(--txtColor-green-fade);border:var(--txtColor-green) 3px solid;box-shadow:4px 4px var(--txtColor-green);color:var(--txtColor-green)}blockquote.note::before{content:"ⓘ"}blockquote.warn{background:var(--txtColor-red-fade);border:var(--txtColor-red) 3px solid;box-shadow:4px 4px var(--txtColor-red);color:var(--txtColor-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(--txtColor);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(--txtColor)}blockquote.layer:hover,blockquote.layer>blockquote:not([class]):hover{box-shadow:-3px 0 var(--txtColor),3px 3px var(--txtColor)}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;opacity:0}.footnote{color:var(--txtColor-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(--txtColor) 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(--txtColor) 2px dashed}.footnotes p:has(.reversefootnote){display:inline-block}hr{border:none;border-block:2px var(--txtColor) solid;height:.2em;margin-block:1em}hr.blank{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(--txtColor-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(--txtColor-sat);filter:drop-shadow(0.05em 0.05em var(--txtColor-sat)) drop-shadow(0.1em 0.1em var(--pgColor)) 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: 8px;--sdc: var(--txtColor-plain);text-shadow:1px 1px var(--pgColor),var(--sdd) var(--sdd) var(--sdc);padding-bottom:.2em}.echo{text-shadow:.1em .1em rgba(68,68,221,.5333333333),.2em .2em rgba(68,68,221,.2666666667),.3em .3em rgba(68,68,221,.1333333333);padding-bottom:.8em}.echo-down{text-shadow:0em .1em rgba(68,68,221,.5333333333),0em .2em rgba(68,68,221,.2666666667),0em .3em rgba(68,68,221,.1333333333);padding-bottom:.8em}.echo-up{text-shadow:0em -0.1em rgba(68,68,221,.5333333333),0em -0.2em rgba(68,68,221,.2666666667),0em -0.3em rgba(68,68,221,.1333333333);padding-top:.8em}.echo-right{text-shadow:.1em 0em rgba(68,68,221,.5333333333),.2em 0em rgba(68,68,221,.2666666667),.3em 0em rgba(68,68,221,.1333333333);padding-right:.8em}.echo-left{text-shadow:-0.1em 0em rgba(68,68,221,.5333333333),-0.2em 0em rgba(68,68,221,.2666666667),-0.3em 0em rgba(68,68,221,.1333333333);padding-left:.8em}.echorb{text-shadow:.05em .05em #d44,.1em .1em #dd4,.15em .15em #4dd,.2em .2em #d4d;padding-bottom:.8em}.echorb-down{text-shadow:0em .05em #d44,0em .1em #dd4,0em .15em #4dd,0em .2em #d4d;padding-bottom:.8em}.echorb-up{text-shadow:0em -0.05em #d44,0em -0.1em #dd4,0em -0.15em #4dd,0em -0.2em #d4d;padding-top:.8em}.echorb-right{text-shadow:.05em 0em #d44,.1em 0em #dd4,.15em 0em #4dd,.2em 0em #d4d;padding-right:.8em}.echorb-left{text-shadow:-0.05em 0em #d44,-0.1em 0em #dd4,-0.15em 0em #4dd,-0.2em 0em #d4d;padding-left:.8em}.stroke{--std: 1px;--stc: var(--txtColor);color:var(--pgColor);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)}.stroke.echo{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),.1em .1em rgba(68,68,221,.5333333333),.2em .2em rgba(68,68,221,.2666666667),.3em .3em rgba(68,68,221,.1333333333)}.stroke.echo-down{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),0em .1em rgba(68,68,221,.5333333333),0em .2em rgba(68,68,221,.2666666667),0em .3em rgba(68,68,221,.1333333333)}.stroke.echo-up{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),0em -0.1em rgba(68,68,221,.5333333333),0em -0.2em rgba(68,68,221,.2666666667),0em -0.3em rgba(68,68,221,.1333333333)}.stroke.echo-right{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),.1em 0em rgba(68,68,221,.5333333333),.2em 0em rgba(68,68,221,.2666666667),.3em 0em rgba(68,68,221,.1333333333)}.stroke.echo-left{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),-0.1em 0em rgba(68,68,221,.5333333333),-0.2em 0em rgba(68,68,221,.2666666667),-0.3em 0em rgba(68,68,221,.1333333333)}.stroke.echorb{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),.05em .05em #d44,.1em .1em #dd4,.15em .15em #4dd,.2em .2em #d4d}.stroke.echorb-down{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),0em .05em #d44,0em .1em #dd4,0em .15em #4dd,0em .2em #d4d}.stroke.echorb-up{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),0em -0.05em #d44,0em -0.1em #dd4,0em -0.15em #4dd,0em -0.2em #d4d}.stroke.echorb-right{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),.05em 0em #d44,.1em 0em #dd4,.15em 0em #4dd,.2em 0em #d4d}.stroke.echorb-left{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),-0.05em 0em #d44,-0.1em 0em #dd4,-0.15em 0em #4dd,-0.2em 0em #d4d}.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;display:inline-block;font-size:calc(var(--pscl)*var(--s)*1em) !important;animation:pulse var(--pspd) ease-out calc(var(--pspd)*var(--pphs)*-1) infinite alternate}.pulse.fake.h1{font-size:calc(var(--pscl)*2*1em) !important}.pulse.fake.h2{font-size:calc(var(--pscl)*1.6*1em) !important}.pulse.fake.h3{font-size:calc(var(--pscl)*1.2*1em) !important}.pulse.fake.h4{font-size:calc(var(--pscl)*1.2*1em) !important}.pulse.fake.h5{font-size:calc(var(--pscl)*1.2*1em) !important}.pulse.fake.h6{font-size:calc(var(--pscl)*1.2*1em) !important}@keyframes pulse{0%{scale:calc(1/var(--pscl))}100%{scale:1}}#oneko{position:fixed;image-rendering:pixelated;left:16px;top:16px;width:32px;height:32px;background:url(/assets/neko/oneko_sakura.gif);z-index:2533;scale:1.5;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-green: #464;--color-green-fade: #efe;--color-red: #d00;--color-red-fade: #fdd;--color-yellow: #dd4;--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 #000,inset -30px 0 20px -20px rgba(0,0,0,.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)}.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:#dfdfdf}.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}[norm]{color:var(--color-miku);text-decoration:underline}h1,h2,h3,h4,.fake.h1,.fake.h2,.fake.h3,.fake.h4{font-weight:bolder}h5,h6,.fake.h5,.fake.h6{font-weight:normal}h4,h6,.fake.h4,.fake.h6{font-style:italic}h1,h2,h3,h4,h5,h6{margin-top:1em}:first-child~h1,:first-child~h2,:first-child~h3,:first-child~h4,:first-child~h5,:first-child~h6{margin-top:2em}h1,h2{margin-bottom:1em}h3,h4,h5,h6{margin-bottom:.5em}h1+h1,h1+h2,h1+h3,h1+h4,h1+h5,h1+h6,h2+h1,h2+h2,h2+h3,h2+h4,h2+h5,h2+h6,h3+h1,h3+h2,h3+h3,h3+h4,h3+h5,h3+h6,h4+h1,h4+h2,h4+h3,h4+h4,h4+h5,h4+h6,h5+h1,h5+h2,h5+h3,h5+h4,h5+h5,h5+h6,h6+h1,h6+h2,h6+h3,h6+h4,h6+h5,h6+h6{margin-top:0 !important}h1,h2,h3,h4,h5,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,h4{border-bottom:var(--color) 3px dotted}h4,h5,h6{width:max-content}h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]{--notify: "--> 点击复制标题链接"}h1[id]::before,h1[id]::after,h2[id]::before,h2[id]::after,h3[id]::before,h3[id]::after,h4[id]::before,h4[id]::after,h5[id]::before,h5[id]::after,h6[id]::before,h6[id]::after{font-weight:normal;font-size:max(.5em,.8rem);opacity:.7}h1[id]::before,h1[id]::after,h2[id]::before,h2[id]::after,h3[id]::before,h3[id]::after{display:block}h1[id]::before,h2[id]::before,h3[id]::before{content:"#" attr(id) " ";position:relative;bottom:.2em;text-decoration:dashed underline 1.5px}h1[id]:hover::after,h2[id]:hover::after,h3[id]:hover::after{content:var(--notify);position:absolute;top:.5rem;right:0;background:var(--color-page);opacity:1}h1[id]:active,h2[id]:active,h3[id]:active{background:var(--color);color:var(--color-page)}h1[id]:active::after,h2[id]:active::after,h3[id]:active::after{content:""}h4[id]::after,h5[id]::after,h6[id]::after{content:" #" attr(id) " " " "}h4[id]:hover::before,h5[id]:hover::before,h6[id]:hover::before{content:var(--notify);position:absolute;top:-0.8em;text-wrap:nowrap;background:var(--color-page);opacity:1}h4[id]:active,h5[id]:active,h6[id]:active{background:var(--color);color:var(--color-page)}h4[id]:active::before,h5[id]:active::before,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:.7em}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}.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-green: #aca;--color-green-fade: #232;--color-red: #faa;--color-red-fade: #422;--color-yellow-fade: #642;--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-display:swap}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,kbd,samp{font-family:"ibm",monospace}@font-face{font-family:"fusion";src:url(/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf)}@font-face{font-family:"ibm";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 .o{color:#666}.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 .m{color:#666}.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 .mf{color:#666}.highlight .mh{color:#666}.highlight .mi{color:#666}.highlight .mo{color:#666}.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}.highlight .il{color:#666}em:not(.i)[class],em:not(.i)[r],em:not(.i)[t],em:not(.i)[norm]{font-style:normal}h1,.fake.h1{font-size:2em;--s: 1;font-size:calc(2*var(--s)*1em)}h2,.fake.h2{font-size:1.6em;--s: 1;font-size:calc(1.6*var(--s)*1em)}h3,.fake.h3{font-size:1.2em;--s: 1;font-size:calc(1.2*var(--s)*1em)}h4,.fake.h4{font-size:1.2em;--s: 1;font-size:calc(1.2*var(--s)*1em)}h5,.fake.h5{font-size:1.2em;--s: 1;font-size:calc(1.2*var(--s)*1em)}h6,.fake.h6{font-size:1.2em;--s: 1;font-size:calc(1.2*var(--s)*1em)}.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)}.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,.del,.u.ovl{text-decoration-color:var(--lc);text-decoration-thickness:var(--lt)}.u.-d,.ovl.-d,del.-d,.del.-d,.u.ovl.-d{text-decoration-style:dashed}.u.-do,.ovl.-do,del.-do,.del.-do,.u.ovl.-do{text-decoration-style:dotted}.u.-db,.ovl.-db,del.-db,.del.-db,.u.ovl.-db{text-decoration-style:double}.u.-w,.ovl.-w,del.-w,.del.-w,.u.ovl.-w{text-decoration-style:wavy}.u{text-decoration-line:underline}.ovl{text-decoration-line:overline}del,.del{text-decoration-line:line-through}.u.ovl{text-decoration-line:underline overline}del.u,.del.u{text-decoration-line:line-through underline}del.ovl,.del.ovl{text-decoration-line:line-through overline}del.u.ovl,.del.u.ovl{text-decoration-line:line-through underline overline}.white{color:#fff}.hwhite::before{background-color:#fff}.bwhite::before{--bw: 2px;border:#fff solid var(--bw)}.silver{color:silver}.hsilver::before{background-color:silver}.bsilver::before{--bw: 2px;border:silver solid var(--bw)}.gray{color:gray}.hgray::before{background-color:gray}.bgray::before{--bw: 2px;border:gray solid var(--bw)}.black{color:#000}.hblack::before{background-color:#000}.bblack::before{--bw: 2px;border:#000 solid var(--bw)}.red{color:red}.hred::before{background-color:red}.bred::before{--bw: 2px;border:red solid var(--bw)}.maroon{color:maroon}.hmaroon::before{background-color:maroon}.bmaroon::before{--bw: 2px;border:maroon solid var(--bw)}.yellow{color:#ff0}.hyellow::before{background-color:#ff0}.byellow::before{--bw: 2px;border:#ff0 solid var(--bw)}.olive{color:olive}.holive::before{background-color:olive}.bolive::before{--bw: 2px;border:olive solid var(--bw)}.lime{color:lime}.hlime::before{background-color:lime}.blime::before{--bw: 2px;border:lime solid var(--bw)}.green{color:green}.hgreen::before{background-color:green}.bgreen::before{--bw: 2px;border:green solid var(--bw)}.aqua{color:aqua}.haqua::before{background-color:aqua}.baqua::before{--bw: 2px;border:aqua solid var(--bw)}.teal{color:teal}.hteal::before{background-color:teal}.bteal::before{--bw: 2px;border:teal solid var(--bw)}.blue{color:blue}.hblue::before{background-color:blue}.bblue::before{--bw: 2px;border:blue solid var(--bw)}.navy{color:navy}.hnavy::before{background-color:navy}.bnavy::before{--bw: 2px;border:navy solid var(--bw)}.fuchsia{color:#f0f}.hfuchsia::before{background-color:#f0f}.bfuchsia::before{--bw: 2px;border:#f0f solid var(--bw)}.purple{color:purple}.hpurple::before{background-color:purple}.bpurple::before{--bw: 2px;border:purple solid var(--bw)}.hwhite,.bwhite{position:relative;z-index:1}.hwhite::before,.bwhite::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hsilver,.bsilver{position:relative;z-index:1}.hsilver::before,.bsilver::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hgray,.bgray{position:relative;z-index:1}.hgray::before,.bgray::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hblack,.bblack{position:relative;z-index:1}.hblack::before,.bblack::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hred,.bred{position:relative;z-index:1}.hred::before,.bred::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hmaroon,.bmaroon{position:relative;z-index:1}.hmaroon::before,.bmaroon::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hyellow,.byellow{position:relative;z-index:1}.hyellow::before,.byellow::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.holive,.bolive{position:relative;z-index:1}.holive::before,.bolive::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hlime,.blime{position:relative;z-index:1}.hlime::before,.blime::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hgreen,.bgreen{position:relative;z-index:1}.hgreen::before,.bgreen::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.haqua,.baqua{position:relative;z-index:1}.haqua::before,.baqua::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hteal,.bteal{position:relative;z-index:1}.hteal::before,.bteal::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hblue,.bblue{position:relative;z-index:1}.hblue::before,.bblue::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hnavy,.bnavy{position:relative;z-index:1}.hnavy::before,.bnavy::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hfuchsia,.bfuchsia{position:relative;z-index:1}.hfuchsia::before,.bfuchsia::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}.hpurple,.bpurple{position:relative;z-index:1}.hpurple::before,.bpurple::before{content:"";position:absolute;--bd: 0.02em;z-index:-1;inset-block:calc(var(--bd)*-1);inset-inline:calc(-0.2em + var(--bd)*-1)}[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}[t]{text-decoration:dotted underline}[t]::before{content:attr(t)}.content a::before{content:"¥目标: " attr(href) attr(t)}[t],a{position:relative}[t]::before,a::before{transition:.2s .4s;pointer-events:none;position:absolute;left:0;top:.5em;z-index:10;width:fit-content;padding:.2em .5em;background:var(--color-page);opacity:0}[t]:hover::before,a:hover::before{transition:0s;top:1.5em;opacity:1}[t],a{--tc: var(--color)}[t]::before,a::before{color:var(--tc);border:var(--tc) solid 2px;box-shadow:4px 4px var(--tc)}a::before{transition:.2s;position:fixed;bottom:0;top: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 .2s .2s;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:.5em}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:inline-table;position:relative;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;opacity: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:1em}hr.blank{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: 8px;--sdc: var(--color-plain);text-shadow:1px 1px var(--color-page),var(--sdd) var(--sdd) var(--sdc);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)}.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)}.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)}.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)}.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)}.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}.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}.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}.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}.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}.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)}.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)}.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)}.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)}.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)}.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}.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}.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}.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}.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}.echo,.echorb{padding-bottom:.8em}.echo-up,.echorb-up{padding-top:.8em}.echo-right,.echorb-right{padding-right:.8em}.echo-left,.echorb-left{padding-left:.8em}.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)}.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;image-rendering:pixelated;left:16px;top:16px;width:32px;height:32px;background:url(/assets/neko/oneko_sakura.gif);z-index:2533;scale:1.5;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 0b3953f..598e764 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/moardown.scss","../../../_sass/neko.scss"],"names":[],"mappings":"CAAA,uBCUC,KACG,iBACA,8BAUF,KACE,SAOF,KACE,cAQF,GACE,cACA,eAWF,GACE,uBACA,SACA,iBAQF,IACE,gCACA,cAUF,EACE,+BAQF,YACE,mBACA,0BACA,iCAOF,SAEE,mBAQF,cAGE,gCACA,cAOF,MACE,cAQF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,eAGF,IACE,WAUF,IACE,kBAWF,sCAKE,oBACA,eACA,iBACA,SAQF,aAEE,iBAQF,cAEE,oBAOF,gDAIE,0BAOF,wHAIE,kBACA,UAOF,4GAIE,8BAOF,SACE,2BAUF,OACE,sBACA,cACA,cACA,eACA,UACA,mBAOF,SACE,wBAOF,SACE,cAQF,6BAEE,sBACA,UAOF,kFAEE,YAQF,cACE,6BACA,oBAOF,yCACE,wBAQF,6BACE,0BACA,aAUF,QACE,cAOF,QACE,kBAUF,SACE,aAOF,SACE,aDpVJ,MACI,iBACA,qBACA,sBACA,sBACA,uBACA,uBACA,4BACA,qBACA,0BACA,gBAoBJ,WAEI,sBACA,oCACA,4FAGJ,iBAEW,+BACA,+BACP,YAGJ,+BAGA,UACI,qCACM,gFAGV,wBACI,eACA,QACA,WACA,oBACA,wCACM,iDAGV,uBACI,eACA,QACA,WACA,uCACA,WAGJ,oCACI,2CACK,kDACL,sBACA,iCAUA,YAEI,sBAIA,sCACM,sBAEN,uCACI,kBACA,QAEI,uCAIR,+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,aAKZ,kBAEI,gBAIR,YAEI,WAEA,sBACA,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,gCACA,uBAEA,sBACI,qBACA,2BAMR,YACI,8CAEA,kBACA,aACA,sBACA,SACA,qBACA,2BACA,WAEA,WAEA,mBACA,WACI,kFAKJ,eACI,0CACA,UACA,mBACA,mBAGJ,qBAEI,OACA,mCACA,WAEA,iBACA,WACI,2CAIR,uBACI,WACA,uBA6BR,WAEI,aACA,cAEA,WACA,qDAEA,mBAEI,kBACA,cACA,UACA,kBAEA,yBAEA,sBACA,mBACA,WACI,8FAKJ,sCACI,kBACA,iBACA,qBACA,0BACc,wEAGlB,4CAEA,0BACI,mBACA,WACI,8FAKJ,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,gGAIuB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,uHACjB,wBADiB,uHACjB,wBADiB,uHACjB,wBADiB,uHACjB,wBADiB,uHACjB,wBADiB,uHACjB,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,sCACM,sBAEN,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,6FAEA,2IAEA,wEACI,mBACA,WACI,8FAMR,2GAE+B,8fAE3B,wGACI,uJACA,qJAEJ,2GACI,6JACA,0JAsBZ,KACI,WACA,0BAGJ,0CAEI,oDAEI,kBACA,qBACA,kBAEA,iBACA,WACA,eACA,0BACA,wBACA,gBAIR,EACI,kBACA,2BAEA,oBACI,kBACA,aAIR,OACI,2BACA,0BAIJ,mEACA,2CACA,0CAGA,iCACiB,+GAEjB,wBACA,+BAEyB,gPAGzB,kBACI,kBACA,sBACA,oBAIJ,2CACA,4CACA,+CAEA,2BAGyB,0CACrB,yBAEA,8KACI,mBACA,0BACA,WAKJ,qGAEA,sEAEI,kBACA,YAEA,uCAGM,kFAEF,kBACA,kBAEA,0BACA,UAIR,0CACI,2BACA,qBAEA,0EAKJ,wEAEU,qFAEF,kBACA,WAEA,iBACA,0BACA,UAIR,0CACI,2BACA,qBAEA,6EAKR,GACgB,qBADX,+BAED,MACgB,uBADX,8BAED,SACgB,qBADX,iCAEI,qCAED,eACgB,qBAMhC,sBACA,mBAIA,aACI,qBAGJ,8BACI,kBACA,kBACA,kBAEA,iDACI,kBACA,QACA,yEACA,mBAGJ,qHASJ,+FAt2BI,iBACA,qBACA,sBACA,sBACA,uBACA,uBACA,4BACA,qBACA,0BACA,gBAi2BJ,8FAviBI,uCACI,gBACA,WACI,4EAKJ,kDACI,kDAGJ,gDACQ,WACI,wCAIZ,6DAoVkD,8HAClD,gBACA,WACI,wFA0MZ,uBAEA,oCACA,4DAEA,0CACA,0EAGA,gCACI,+DAGJ,6BACI,kCEv5BS,iFAIb,aAEA,eACA,iBACA,gBACA,iBAEyC,iNAgBrC,iBAEA,YACI,cACF,UAlBgB,iKAclB,mBAEA,YACI,gBACF,YAlBgB,iKAclB,mBAEA,YACI,gBACF,YAlBgB,iKAclB,mBAEA,YACI,gBACF,YAlBgB,iKAclB,mBAEA,YACI,gBACF,YAlBgB,iKAclB,mBAEA,YACI,gBACF,YAlBgB,iKA+BtB,SACI,SACA,kBACA,cACA,WACA,4BAIJ,GACI,gBACA,OAIJ,GACI,kBAIJ,GACI,iBACA,QAEA,UACI,gBAMoB,iLAYrB,GAPH,gBAO+B,UAPN,oEACzB,2GACA,4GACA,4GACA,yGAIC,KARD,gBAQ+B,SARN,oEACzB,4GACA,6GACA,6GACA,0GAKJ,SATI,gBAS+B,aATN,oEACzB,uHACA,yHACA,yHACA,qHAMD,OAVC,gBAU+B,mBAVN,oEACzB,wHACA,yHACA,yHACA,sHAOQ,aAXR,gBAW+B,uBAXN,oEACzB,qIACA,uIACA,uIACA,mIAQM,iBAZN,gBAY+B,sBAZN,oEACzB,wIACA,0IACA,0IACA,sIASI,qBAbJ,gBAa+B,gCAbN,oEACzB,sJACA,wJACA,wJACA,oJAkCA,oRACI,kBACA,UAEA,+kBACI,kBACA,aACA,WACA,iCACA,kCACA,uBACA,0BA/BR,2BACI,wBACA,sBACJ,2BACA,yBACI,wBACA,wBACA,uBACA,sBACA,uBACA,sBACA,sBACA,sBACA,sBACA,yBACA,wBAwBJ,0IACM,4BAIV,GACI,sBA7CA,4BACI,yBACA,uBACJ,4BACA,0BACI,yBACA,yBACA,wBACA,uBACA,wBACA,uBACA,uBACA,uBACA,uBACA,0BACA,yBAiCE,+TAhDN,4BACI,yBACA,uBACJ,4BACA,0BACI,yBACA,yBACA,wBACA,uBACA,wBACA,uBACA,uBACA,uBACA,uBACA,0BACA,yBAyCE,+UAMV,IACI,kBACA,qBAEA,kBAEA,4BAEI,kBACA,SACA,2BACA,cAEA,gBAOR,qCACI,4BAIS,sDAQb,MACI,kBAEA,sBACI,mBACA,oBAEA,kBACA,OACA,SACA,WAEA,kBAEA,kBACA,0BACA,UAGJ,kCACI,cACA,UACA,UAIJ,4BACI,sBACI,gBACA,2BACA,6BAMR,UACI,eACA,eACA,mBAGJ,gBACI,UAQJ,wCACA,qCAIJ,6CACI,cACA,QACA,qBACA,kBAEA,6FACI,eACA,sBAEI,wBACA,8EAEJ,UAGJ,+DACI,cACA,kBACA,oBAEA,oFACI,cACA,UAOZ,MACI,+CAEJ,kBACA,UAEI,kBACA,yBACA,iBAEA,uEAEA,iCACI,kBACA,sBACA,YAIJ,6BAGA,QACI,8BAEA,0GACA,4CACA,0FAEA,gDACI,kBACA,mEACI,kBACA,QACA,WACA,sBACA,WAIR,gBACI,sBACA,qBACA,8BAOJ,6GACA,uCACA,qEACA,gDAEA,iBACI,mBACA,mBACA,kBAOZ,kEAEA,WAEI,iBADA,8EAIA,gDACI,qBACA,kBACA,0BACA,mBACA,cAEA,wEACI,kBACA,OACA,UACA,oBACA,gBAGJ,+FAIJ,gBACI,gCACA,iCACA,mCACA,sBAEA,oCAGJ,gBACI,sCACA,uCACA,yCACA,4BAEA,oCAIJ,gBACI,oCACA,qCACA,uCACA,0BAEA,oCACI,SACA,gBACA,mBACA,oBAMJ,0DACI,4BACA,aACA,kCACA,qDAEA,sEACI,2BACA,6BAKJ,sEACI,0DAIR,uDAMR,SACI,kBACA,oCAEA,+BACI,UACA,gBAEA,yCACI,kBACA,QACA,UAKZ,UACI,0BAGJ,WACI,kBACA,eACA,gBAEA,sDACI,kBACA,wBAGJ,mBACI,MACA,uCAGJ,uBACI,4CACI,kBACA,kBACA,mBAEA,mDACI,wBACA,oBACA,wCAKZ,mCACI,qBAMR,GACI,mDACA,YACA,iBAEA,SACI,WACA,UACA,uBAqBR,SACI,wBACA,sCACI,0BACA,kHACA,qBACA,6BACA,oBAEA,oDACA,yBACI,yBACA,uCAKR,4BACI,6FAKR,eACI,sCACA,OACI,0HAMR,gBACI,sCACA,OACI,+PAYR,QACI,wCACA,oEACA,oBAsCJ,MA9BI,YAEI,kHA6BJ,oBAEA,WAjCA,YAEI,+GAgCA,oBAGJ,SArCA,YAEI,qHAoCA,iBAGJ,YAzCA,YAEI,+GAwCA,mBAGJ,WA7CA,YAEI,qHA4CA,kBAKR,QApCI,YACI,gEAoCJ,oBAEA,aAvCA,YACI,0DAuCA,oBAGJ,WA3CA,YACI,kEA2CA,iBAGJ,cA/CA,YACI,0DA+CA,mBAGJ,aAnDA,YACI,kEAmDA,kBAMR,QACI,kCACA,qBACA,YAjJA,8TAmJA,eACI,2WAGJ,aA3EA,YACI,gbA2EA,kBA5EJ,YACI,6aA4EA,gBA7EJ,YACI,mbA6EA,mBA9EJ,YACI,6aA8EA,kBA/EJ,YACI,mbAiFJ,eAnEA,YACI,8XAmEA,oBApEJ,YACI,wXAoEA,kBArEJ,YACI,gYAqEA,qBAtEJ,YACI,wXAsEA,oBAvEJ,YACI,gYA8ER,QACI,4DAEA,qBACA,iBACI,oDAGJ,kBAEA,kCACA,UAEA,8EAEA,wCAEA,UACI,0BACA,8BACA,oCAGJ,kBACI,uBACA,+BAGJ,0BACI,wCACA,gDAMR,OACI,mCAIA,qBAGA,oDAMA,yFALyC,kXAMzC,iBACI,6BACA,cCxtBR,OACI,eACA,0BACA,mBACA,uBACA,8CACA,aACA,UACA,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 --txtColor: #44d;\n --txtColor-sat: #00f;\n --txtColor-fade: #eef;\n --txtColor-link: #4cc;\n --txtColor-plain: #000;\n --txtColor-green: #464;\n --txtColor-green-fade: #efe;\n --txtColor-red: #d04;\n --txtColor-red-fade: #fde;\n --pgColor: #fff;\n}\n\n@mixin darkscheme {\n --txtColor: #aaf;\n --txtColor-sat: #00c;\n --txtColor-fade: #224;\n --txtColor-link: #abb;\n --txtColor-plain: #fff;\n --txtColor-green: #aca;\n --txtColor-green-fade: #232;\n --txtColor-red: #f8a;\n --txtColor-red-fade: #422;\n --pgColor: #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; position: center; size: MAX(20vw,40vh); }\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; position: center; };\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 {size: contain; position: right};\n background-color: #000;\n background-blend-mode: hard-light;\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)\n { size: cover; };\n\n &::before, &::after {\n position: absolute;\n inset: 0;\n background: {\n repeat: no-repeat !important;\n };\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 .window {\n // background: var(--pgColor);\n overflow: hidden;\n }\n }\n\n .bottom {\n // size\n width: 100%;\n // styl\n border: #44d 1px solid;\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(--pgColor);\n padding-inline: 3em 2em;\n\n *::selection {\n color: var(--pgColor);\n background: var(--txtColor);\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:\n -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:\n inset -2px -2px #e8e8fb,\n inset 2px 2px #44d;\n }\n\n .bottomBar {\n height: 1em;\n padding: 0 6px 10px 6px;\n }\n}\n\n@mixin fullscreen-dark {\n .fullscreen:has(.darkTg input:checked) {\n background: #338;\n box-shadow:\n -1px -1px 0 1px #aaf,\n 0 0 0 2px #44d,\n inset -2px -4px #224,\n inset 2px 2px #000;\n\n .buttonBar {\n background: linear-gradient(90deg, #44d 20%, #000);\n }\n\n .content {\n box-shadow:\n inset -2px -2px #224,\n inset 2px 2px #aaf;\n }\n\n .bottomBar { color: #fff; }\n }\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\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:\n 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: { size: cover !important; repeat: no-repeat !important} ;\n }\n\n &:hover { background: #e8e8fb; }\n\n &:active {\n background: #d1d1f7;\n box-shadow:\n 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 to 16 { &[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)\n { 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 { background: #dfdfdf; }\n\n &-track { background: url(/assets/image/scrollbar/bg.png) {size: 4px}; }\n\n &-thumb {\n background: #d1d1f7;\n box-shadow:\n 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 .window, .fullscreen { &:has(.darkTg input:checked) { ::-webkit-scrollbar-thumb {\n background: #338;\n box-shadow:\n 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\n/* ==== T X T ==== */\n\nhtml {\n color: #000;\n text-underline-offset: 25%;\n}\n\n.content { color: var(--txtColor) !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(--txtColor-red);\n transform: rotate(15deg);\n white-space: pre;\n }\n}\n\na {\n position: relative;\n color: var(--txtColor-link);\n\n &::after { content: \"\";\n position: absolute;\n inset: -.5em;\n }\n}\n\n[norm] {\n color: var(--txtColor-link);\n text-decoration: underline;\n}\n\n// headers font style\nh1, h2, h3, h4, .fake.h1, .fake.h2, .fake.h3, .fake.h4 { font-weight: bolder; }\nh5, h6, .fake.h5, .fake.h6 { font-weight: normal; }\nh4, h6, .fake.h4, .fake.h6 { font-style: italic; }\n\n// headers margin block\nh1, h2, h3, h4, h5, h6 { margin-top: 1em;} // 1em top margin if headers is the first element\n:first-child ~ { h1, h2, h3, h4, h5, h6 { margin-top: 2em;} } // 2em top margin if else\n\nh1, h2 { margin-bottom: 1em; }\nh3, h4, h5, h6 { margin-bottom: .5em; }\n\nh1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { margin-top: 0 !important; }} // reduce margin in between two adjacent headers\n\n// headers padding\nh1, h2, h3, h4, h5, h6 {\n position: relative;\n inset: -.5rem -.2rem;\n padding: .5rem .2rem;\n}\n\n// headers underline\nh1 { border-bottom: var(--txtColor) 3px solid; }\nh2 { border-bottom: var(--txtColor) 3px dashed; }\nh3, h4 { border-bottom: var(--txtColor) 3px dotted; }\n\nh4, h5, h6 { width: max-content; }\n\n// reveal heading id\nh1, h2, h3, h4, h5 ,h6 { &[id] {\n --notify: \"--> 点击复制标题链接\";\n\n &::before, &::after {\n font-weight: normal;\n font-size: max(.5em, .8rem);\n opacity: .7;\n }\n}}\n\nh1, h2, h3 { &[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(--pgColor);\n opacity: 1;\n }\n }\n\n &:active {\n background: var(--txtColor);\n color: var(--pgColor);\n\n &::after { content: \"\"; }\n }\n}}\n\nh4, h5, h6 { &[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(--pgColor);\n opacity: 1;\n }\n }\n\n &:active {\n background: var(--txtColor);\n color: var(--pgColor);\n\n &::before { content: \"\"; }\n }\n}}\n\n// list\nul { ::marker { font-weight: bolder; }\n list-style-type: \"☆ \";\n ul { ::marker { font-size: .7em; }\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\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/* ======== */\n\n\n\n/* ==== D A R K M O D E ==== */\n\n.buttonBar:has(.darkTg input:checked) ~.content, .content:has(~.buttonBar .darkTg input:checked) {\n @include darkscheme()\n}\n\n.content:has(~.buttonBar .darkTg input:checked) { background: #0008 !important; }\n\n@include fullscreen-dark;\n\n@include scrollbar-dark;\n\n/* ======== */\n\n\n\n/* ==== F O N T ==== */\n\nhtml { font-display: swap; }\n\nhtml { font-family: \"fusion\", monospace; }\nhtml:has(.fontTg input:checked) { font-family: \"ibm\", monospace; }\n\ncode, kbd, samp { font-family: \"ibm\", monospace;}\nhtml:has(.fontTg input:checked) code, kbd, samp { font-family: \"ibm\", monospace;}\n\n\n@font-face { font-family: \"fusion\";\n src: url(/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf);\n}\n\n@font-face { font-family: \"ibm\";\n src: url(/assets/font/IBM3161.ttf);\n}\n\n/* ======== */\n\n@import \"moardown\";\n\n@import \"neko\";\n\n","//! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n\r\n// Document\r\n// ==========================================================================\r\n\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\n//\r\n\r\n html {\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 \r\n //\r\n // Remove the margin in all browsers.\r\n //\r\n \r\n body {\r\n margin: 0;\r\n }\r\n \r\n //\r\n // Render the `main` element consistently in IE.\r\n //\r\n \r\n main {\r\n display: block;\r\n }\r\n \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\n //\r\n \r\n h1 {\r\n font-size: 2em;\r\n margin: 0.67em 0;\r\n }\r\n \r\n // Grouping content\r\n // ==========================================================================\r\n \r\n //\r\n // 1. Add the correct box sizing in Firefox.\r\n // 2. Show the overflow in Edge and IE.\r\n //\r\n \r\n hr {\r\n box-sizing: content-box; // 1\r\n height: 0; // 1\r\n overflow: visible; // 2\r\n }\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\n //\r\n \r\n pre {\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 \r\n //\r\n // Remove the gray background on active links in IE 10.\r\n //\r\n \r\n a {\r\n background-color: transparent;\r\n }\r\n \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\n //\r\n \r\n abbr[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 //\r\n // Add the correct font weight in Chrome, Edge, and Safari.\r\n //\r\n \r\n b,\r\n strong {\r\n font-weight: bolder;\r\n }\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\n //\r\n \r\n code,\r\n kbd,\r\n samp {\r\n font-family: monospace, monospace; // 1\r\n font-size: 1em; // 2\r\n }\r\n \r\n //\r\n // Add the correct font size in all browsers.\r\n //\r\n \r\n small {\r\n font-size: 80%;\r\n }\r\n \r\n //\r\n // Prevent `sub` and `sup` elements from affecting the line height in\r\n // all browsers.\r\n //\r\n \r\n sub,\r\n 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\n sub {\r\n bottom: -0.25em;\r\n }\r\n \r\n sup {\r\n top: -0.5em;\r\n }\r\n \r\n // Embedded content\r\n // ==========================================================================\r\n \r\n //\r\n // Remove the border on images inside links in IE 10.\r\n //\r\n \r\n img {\r\n border-style: none;\r\n }\r\n \r\n // Forms\r\n // ==========================================================================\r\n \r\n //\r\n // 1. Change the font styles in all browsers.\r\n // 2. Remove the margin in Firefox and Safari.\r\n //\r\n \r\n button,\r\n input,\r\n optgroup,\r\n select,\r\n 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 //\r\n // Show the overflow in IE.\r\n // 1. Show the overflow in Edge.\r\n //\r\n \r\n button,\r\n input { // 1\r\n overflow: visible;\r\n }\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\n //\r\n \r\n button,\r\n select { // 1\r\n text-transform: none;\r\n }\r\n \r\n //\r\n // Correct the inability to style clickable types in iOS and Safari.\r\n //\r\n \r\n button,\r\n [type=\"button\"],\r\n [type=\"reset\"],\r\n [type=\"submit\"] {\r\n -webkit-appearance: button;\r\n }\r\n \r\n //\r\n // Remove the inner border and padding in Firefox.\r\n //\r\n \r\n button::-moz-focus-inner,\r\n [type=\"button\"]::-moz-focus-inner,\r\n [type=\"reset\"]::-moz-focus-inner,\r\n [type=\"submit\"]::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0;\r\n }\r\n \r\n //\r\n // Restore the focus styles unset by the previous rule.\r\n //\r\n \r\n button:-moz-focusring,\r\n [type=\"button\"]:-moz-focusring,\r\n [type=\"reset\"]:-moz-focusring,\r\n [type=\"submit\"]:-moz-focusring {\r\n outline: 1px dotted ButtonText;\r\n }\r\n \r\n //\r\n // Correct the padding in Firefox.\r\n //\r\n \r\n fieldset {\r\n padding: 0.35em 0.75em 0.625em;\r\n }\r\n \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\n //\r\n \r\n legend {\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 //\r\n // Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n //\r\n \r\n progress {\r\n vertical-align: baseline;\r\n }\r\n \r\n //\r\n // Remove the default vertical scrollbar in IE 10+.\r\n //\r\n \r\n textarea {\r\n overflow: auto;\r\n }\r\n \r\n //\r\n // 1. Add the correct box sizing in IE 10.\r\n // 2. Remove the padding in IE 10.\r\n //\r\n \r\n [type=\"checkbox\"],\r\n [type=\"radio\"] {\r\n box-sizing: border-box; // 1\r\n padding: 0; // 2\r\n }\r\n \r\n //\r\n // Correct the cursor style of increment and decrement buttons in Chrome.\r\n //\r\n \r\n [type=\"number\"]::-webkit-inner-spin-button,\r\n [type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n }\r\n \r\n //\r\n // 1. Correct the odd appearance in Chrome and Safari.\r\n // 2. Correct the outline style in Safari.\r\n //\r\n \r\n [type=\"search\"] {\r\n -webkit-appearance: textfield; // 1\r\n outline-offset: -2px; // 2\r\n }\r\n \r\n //\r\n // Remove the inner padding in Chrome and Safari on macOS.\r\n //\r\n \r\n [type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n }\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 //\r\n \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 \r\n //\r\n // Add the correct display in Edge, IE 10+, and Firefox.\r\n //\r\n \r\n details {\r\n display: block;\r\n }\r\n \r\n //\r\n // Add the correct display in all browsers.\r\n //\r\n \r\n summary {\r\n display: list-item;\r\n }\r\n \r\n // Misc\r\n // ==========================================================================\r\n \r\n //\r\n // Add the correct display in IE 10+.\r\n //\r\n \r\n template {\r\n display: none;\r\n }\r\n \r\n //\r\n // Add the correct display in IE 10.\r\n //\r\n \r\n [hidden] {\r\n display: none;\r\n }","// 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] { font-style: normal; }}\r\n\r\n// sizes ================================\r\n\r\n:root { --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\n@mixin titleSizeMod { &.size, &.big, &.bigger, &.small, &.smaller { font-size: calc(var(--size) * var(--s) * 1em); } }\r\n\r\n// headings and fake headings ( and sizing ) ================================\r\n\r\n$size-h1: 2;\r\n$size-h2: 1.6;\r\n$size-hrest: 1.2;\r\n// $size-h3: 1.25;\r\n// $size-h4: 1.25;\r\n// $size-h5: 1.25;\r\n\r\n// sizing headings and fake headings ( e.g. use

, .fake.h1 with .big )\r\n@mixin titleSize($id, $size) {\r\n\r\n h#{$id} {font-size: #{$size}em;}\r\n\r\n h#{$id}, .fake.h#{$id} {\r\n font-size: $size + em ;\r\n --size: #{$size};\r\n @include titleSizeMod;\r\n } \r\n}\r\n\r\n @include titleSize(1, $size-h1);\r\n @include titleSize(2, $size-h2);\r\n@for $i from 3 to 7 { @include titleSize($i, $size-hrest); }\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 &::after {\r\n white-space: pre\r\n }\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@mixin txtline($type) {\r\n text-decoration: $type { color: var(--lc); thickness: var(--lt) } ;\r\n &.-d { text-decoration: dashed $type { color: var(--lc); thickness: var(--lt); }; }\r\n &.-do { text-decoration: dotted $type { color: var(--lc); thickness: var(--lt); }; }\r\n &.-db { text-decoration: double $type { color: var(--lc); thickness: var(--lt); }; }\r\n &.-w { text-decoration: wavy $type { color: var(--lc); thickness: var(--lt); }; }\r\n}\r\n\r\n .u { @include txtline(underline) }\r\n .ovl { @include txtline(overline) }\r\ndel, .del { @include txtline(line-through) } \r\n .u.ovl { @include txtline(underline overline) }\r\ndel, .del { &.u { @include txtline(line-through underline) }\r\n &.ovl { @include txtline(line-through overline) }\r\n &.u.ovl { @include txtline(line-through underline overline) } }\r\n\r\n// color presets ================================\r\n\r\n@mixin colors($varName: clr) {\r\n &w, &white { --#{$varName}: #FFFFFF; }\r\n &silver { --#{$varName}: #C0C0C0; }\r\n &gray { --#{$varName}: #808080; }\r\n &b, &black { --#{$varName}: #000000; }\r\n &r, &red { --#{$varName}: #FF0000; }\r\n &maroon { --#{$varName}: #800000; }\r\n &yellow { --#{$varName}: #FFFF00; }\r\n &olive { --#{$varName}: #808000; }\r\n &lime { --#{$varName}: #00FF00; }\r\n &green { --#{$varName}: #008000; }\r\n &aqua { --#{$varName}: #00FFFF; }\r\n &teal { --#{$varName}: #008080; }\r\n &blue { --#{$varName}: #0000FF; }\r\n &navy { --#{$varName}: #000080; }\r\n &fuchsia { --#{$varName}: #FF00FF; }\r\n &purple { --#{$varName}: #800080; }\r\n} \r\n\r\n// text highlight (background) and border sizing\r\n.h, .b {\r\n &w, &b, &r, &white, &silver, &gray, &black, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple {\r\n position: relative; \r\n z-index: 1;\r\n\r\n &::before {content: \"\"; \r\n position: absolute; \r\n --bd: 0.02em;\r\n z-index: -1;\r\n left: calc(-.2em + var(--bd)*-1);\r\n right: calc(-.2em + var(--bd)*-1);\r\n top: calc(var(--bd)*-1);\r\n bottom: calc(var(--bd)*-1);\r\n }\r\n }\r\n}\r\n\r\n// colors\r\n.c {\r\n @include colors;\r\n &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple\r\n { color: var(--clr) !important; }\r\n}\r\n\r\n// highlight (background) colors\r\n.h {\r\n background-color: #ff0; // default yellow highlight\r\n @include colors(clrh);\r\n &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple \r\n { &::before { background-color: var(--clrh); }; }\r\n}\r\n\r\n// border colors\r\n\r\n.b {\r\n @include colors(clrb);\r\n &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple \r\n { &::before { --bw: 2px; border: var(--clrb) solid var(--bw); }; }\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// 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: \"¥目标: \"attr(href) attr(t); } }\r\n\r\n// // reveal id for headings\r\n// h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] { &::before { content: \"#\" attr(id);\r\n// font-size: max(.5em, 15px);\r\n// } }\r\n\r\n// h1[id], h2[id], h3[id], h4[id], h5[id], h6[id],\r\n[t], a {\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 width: fit-content;\r\n // styl\r\n padding: .2em .5em;\r\n background: var(--pgColor);\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;\r\n }\r\n\r\n // tip coloring\r\n & { --tc: var(--txtColor);\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\na {\r\n &::before {\r\n transition: .2s;\r\n position: fixed;\r\n bottom: 0; top: 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// h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], \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, #markdown-toc li>a, #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 .2s .2s;\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(--txtColor-link), #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(--txtColor); --tbtc: var(--txtColor);\r\n// pos\r\nposition: relative;\r\nz-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(--pgColor);\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: .5em; }\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: inline-table;\r\n position: relative;\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(--txtColor-fade);\r\n border: var(--txtColor) 3px solid;\r\n box-shadow: 4px 4px var(--txtColor);\r\n color: var(--txtColor);\r\n\r\n &::before { content: \"ⓘ\"; }\r\n }\r\n\r\n &.note {\r\n background: var(--txtColor-green-fade);\r\n border: var(--txtColor-green) 3px solid;\r\n box-shadow: 4px 4px var(--txtColor-green);\r\n color: var(--txtColor-green);\r\n\r\n &::before { content: \"ⓘ\"; }\r\n }\r\n\r\n // warning block\r\n &.warn {\r\n background: var(--txtColor-red-fade);\r\n border: var(--txtColor-red) 3px solid;\r\n box-shadow: 4px 4px var(--txtColor-red);\r\n color: var(--txtColor-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(--txtColor);\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(--txtColor);\r\n }\r\n }\r\n\r\n &, >blockquote:not([class]) {\r\n &:hover {\r\n box-shadow: -3px 0 var(--txtColor), 3px 3px var(--txtColor);\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 opacity: 0; \r\n }\r\n }\r\n}\r\n\r\n.footnote {\r\n color: var(--txtColor-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(--txtColor) 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(--txtColor) 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(--txtColor) solid };\r\n height: .2em;\r\n margin-block: 1em;\r\n\r\n &.blank {\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(--txtColor-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(--txtColor-sat);\r\n filter:\r\n drop-shadow(.05em .05em var(--txtColor-sat))\r\n drop-shadow(.1em .1em var(--pgColor))\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: 8px; --sdc: var(--txtColor-plain);\r\n text-shadow: 1px 1px var(--pgColor), var(--sdd) var(--sdd) var(--sdc);\r\n padding-bottom: .2em;\r\n}\r\n\r\n// echo ================================\r\n\r\n// unnecessarily complex\r\n\r\n@mixin echo($horizontal, $vertical) { // echo\r\n text-shadow:\r\n // calc( 2px * $horizontal) calc( 2px * $vertical) var(--pgColor),\r\n calc(.1em * $horizontal) calc(.1em * $vertical) #44d8,\r\n calc(.2em * $horizontal) calc(.2em * $vertical) #44d4,\r\n calc(.3em * $horizontal) calc(.3em * $vertical) #44d2;\r\n}\r\n@mixin echoStroke($horizontal, $vertical) { // echo with text troke\r\n text-shadow:\r\n $text-stroke-shadow,\r\n // calc( 2px * $horizontal) calc( 2px * $vertical) var(--pgColor),\r\n calc(.1em * $horizontal) calc(.1em * $vertical) #44d8,\r\n calc(.2em * $horizontal) calc(.2em * $vertical) #44d4,\r\n calc(.3em * $horizontal) calc(.3em * $vertical) #44d2;\r\n}\r\n@mixin echorb($horizontal, $vertical) { // rainbow echo\r\n text-shadow:\r\n calc(.05em * $horizontal) calc(.05em * $vertical) #d44,\r\n calc(.1em * $horizontal) calc(.1em * $vertical) #dd4,\r\n calc(.15em * $horizontal) calc(.15em * $vertical) #4dd,\r\n calc(.2em * $horizontal) calc(.2em * $vertical) #d4d,\r\n}\r\n@mixin echorbStroke($horizontal, $vertical) { // rainbow echo with stroke\r\n text-shadow:\r\n $text-stroke-shadow,\r\n calc(.05em * $horizontal) calc(.05em * $vertical) #d44,\r\n calc(.1em * $horizontal) calc(.1em * $vertical) #dd4,\r\n calc(.15em * $horizontal) calc(.15em * $vertical) #4dd,\r\n calc(.2em * $horizontal) calc(.2em * $vertical) #d4d,\r\n}\r\n\r\n.echo { @include echo(1, 1);\r\n padding-bottom: .8em;\r\n\r\n &-down { @include echo(0, 1);\r\n padding-bottom: .8em;\r\n }\r\n\r\n &-up { @include echo(0, -1);\r\n padding-top: .8em;\r\n }\r\n\r\n &-right { @include echo(1, 0);\r\n padding-right: .8em;\r\n }\r\n\r\n &-left { @include echo(-1, 0);\r\n padding-left: .8em;\r\n }\r\n}\r\n\r\n// echo rainbow\r\n.echorb { @include echorb(1, 1);\r\n padding-bottom: .8em;\r\n\r\n &-down { @include echorb(0, 1);\r\n padding-bottom: .8em;\r\n }\r\n\r\n &-up { @include echorb(0, -1);\r\n padding-top: .8em;\r\n }\r\n\r\n &-right { @include echorb(1, 0);\r\n padding-right: .8em;\r\n }\r\n\r\n &-left { @include echorb(-1, 0);\r\n padding-left: .8em;\r\n }\r\n}\r\n\r\n// stroke ================================\r\n\r\n.stroke {\r\n --std: 1px; --stc: var(--txtColor);\r\n color: var(--pgColor);\r\n text-shadow: $text-stroke-shadow;\r\n\r\n &.shadow {\r\n text-shadow: $text-stroke-shadow, var(--sdd) var(--sdd) var(--sdc);\r\n }\r\n\r\n &.echo { @include echoStroke(1, 1);\r\n &-down { @include echoStroke(0, 1); }\r\n &-up { @include echoStroke(0, -1); }\r\n &-right { @include echoStroke(1, 0); }\r\n &-left { @include echoStroke(-1, 0); }\r\n }\r\n\r\n &.echorb { @include echorbStroke(1, 1);\r\n &-down { @include echorbStroke(0, 1); }\r\n &-up { @include echorbStroke(0, -1); }\r\n &-right { @include echorbStroke(1, 0); }\r\n &-left { @include echorbStroke(-1, 0); }\r\n }\r\n}\r\n\r\n// animate ================================\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;\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) * var(--s) * 1em) !important;\r\n @mixin faketitle-pulseSize($id, $size) { &.fake.h#{$id} { font-size: calc(var(--pscl) * $size * 1em) !important; } }\r\n @include faketitle-pulseSize(1, $size-h1);\r\n @include faketitle-pulseSize(2, $size-h2);\r\n @for $i from 3 to 7 { @include faketitle-pulseSize($i, $size-hrest); }\r\n\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 image-rendering: pixelated;\r\n left: 16px; top: 16px;\r\n width: 32px; height: 32px;\r\n background: url(/assets/neko/oneko_sakura.gif);\r\n z-index: 2533;\r\n scale: 1.5;\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,uBCUC,KACG,iBACA,8BAUF,KACE,SAOF,KACE,cAQF,GACE,cACA,eAWF,GACE,uBACA,SACA,iBAQF,IACE,gCACA,cAUF,EACE,+BAQF,YACE,mBACA,0BACA,iCAOF,SAEE,mBAQF,cAGE,gCACA,cAOF,MACE,cAQF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,eAGF,IACE,WAUF,IACE,kBAWF,sCAKE,oBACA,eACA,iBACA,SAQF,aAEE,iBAQF,cAEE,oBAOF,gDAIE,0BAOF,wHAIE,kBACA,UAOF,4GAIE,8BAOF,SACE,2BAUF,OACE,sBACA,cACA,cACA,eACA,UACA,mBAOF,SACE,wBAOF,SACE,cAQF,6BAEE,sBACA,UAOF,kFAEE,YAQF,cACE,6BACA,oBAOF,yCACE,wBAQF,6BACE,0BACA,aAUF,QACE,cAOF,QACE,kBAUF,SACE,aAOF,SACE,aDpVJ,MACI,cACA,kBACA,mBACA,oBACA,oBACA,yBACA,kBACA,uBACA,qBACA,0BACA,mBACA,wBACA,sBACA,2BACA,mBAqBJ,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,WACI,iHAIJ,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,sBACI,wBACA,wBAMR,YACI,8CAEA,kBACA,aACA,sBACA,SACA,qBACA,2BACA,WAEA,WAEA,mBACA,WACI,kFAKJ,eACI,0CACA,UACA,mBACA,mBAGJ,qBAEI,OACA,mCACA,WAEA,iBACA,WACI,2CAIR,uBACI,kBACA,WACU,sCACV,mBAEA,gFAEA,8BACI,kBACA,QAyBZ,WAEI,aACA,cAEA,WACA,qDAEA,mBAEI,kBACA,cACA,UACA,kBAEA,yBAEA,sBACA,mBACA,WACI,8FAKJ,sCACI,kBACA,iBACA,qBACA,0BAEI,iCACA,uCAIR,4CAEA,0BACI,mBACA,WACI,8FAKJ,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,gGAIuB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,oHACjB,wBADiB,uHACjB,wBADiB,uHACjB,wBADiB,uHACjB,wBADiB,uHACjB,wBADiB,uHACjB,wBADiB,uHACjB,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,6FAEA,2IAEA,wEACI,mBACA,WACI,8FAMR,2GAE+B,8fAE3B,wGACI,uJACA,qJAEJ,2GACI,6JACA,0JAoBZ,KACI,WACA,0BAGJ,uCAEI,oDAEI,kBACA,qBACA,kBAEA,iBACA,WACA,eACA,uBACA,wBACA,gBAIR,EACI,kBACA,wBAEA,oBACI,kBACA,aAIR,OACI,wBACA,0BAIJ,mEACA,2CACA,0CAGA,iCACiB,+GAEjB,wBACA,+BAEyB,gPAGzB,kBACI,kBACA,sBACA,oBAIJ,wCACA,yCACA,4CACA,2BAGyB,0CACrB,yBAEA,8KACI,mBACA,0BACA,WAKJ,qGAEA,sEAEI,kBACA,YAEA,uCAGM,kFAEF,kBACA,kBAEA,6BACA,UAIR,0CACI,wBACA,wBAEA,0EAKJ,wEAEU,qFAEF,kBACA,WAEA,iBACA,6BACA,UAIR,0CACI,wBACA,wBAEA,6EAKR,GACgB,qBADX,0DAED,MACgB,uBADX,8BAED,SACgB,qBADX,iCAEI,qCAED,eACgB,qBAMhC,sBACA,mBAIA,aACI,qBAGJ,8BACI,kBACA,kBACA,kBAEA,iDACI,kBACA,QACA,yEACA,mBAGJ,qHASJ,8FAEA,+FA92BI,cACA,mBACA,oBACA,oBACA,yBACA,kBACA,uBACA,0BACA,wBACA,2BACA,mBAs2BJ,uCAjiBI,gBACA,WACI,4EAKJ,oGAEA,2DACI,wCAIJ,6DAqhBkD,8HAhMlD,gBACA,WACI,wFAsMR,uBAEA,oCACA,4DAEA,0CACA,0EAGA,gCACI,+DAGJ,6BACI,kCEl6BJ,sCACA,2CACA,qCACA,0CACA,yBACA,4CACA,0BACA,4CACA,2CACA,6BACA,iCACA,yBACA,2CACA,6BACA,0BACA,2CACA,gCACA,6CACA,6BACA,2CACA,2CACA,2CACA,0BACA,2CACA,2CACA,yBACA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,2CACA,8CACA,6BACA,6BACA,2CACA,4CACA,6BACA,2CACA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,4CACA,0BACA,2CACA,0BACA,2CACA,2BACA,0BACA,0BACA,6BACA,0BACA,6BACA,6BACA,6BACA,0BC1Da,iFAMT,YACI,cACA,OACA,+BAHJ,YACI,gBACA,OACA,iCAHJ,YACI,gBACA,OACA,iCAHJ,YACI,gBACA,OACA,iCAHJ,YACI,gBACA,OACA,iCAHJ,YACI,gBACA,OACA,iCAaR,eACA,iBACA,gBACA,iBAEyC,iNAMzC,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,0EAQJ,aAJK,KAKY,iCALZ,KAMY,sDAFjB,cAJK,OAKY,kCALZ,OAMY,yDAFjB,YAJK,KAKY,gCALZ,KAMY,qDAFjB,aAJK,KAKY,iCALZ,KAMY,sDAFjB,WAJK,IAKY,+BALZ,IAMY,mDAFjB,cAJK,OAKY,kCALZ,OAMY,yDAFjB,cAJK,KAKY,kCALZ,KAMY,uDAFjB,aAJK,MAKY,iCALZ,MAMY,uDAFjB,YAJK,KAKY,gCALZ,KAMY,qDAFjB,aAJK,MAKY,iCALZ,MAMY,uDAFjB,YAJK,KAKY,gCALZ,KAMY,qDAFjB,YAJK,KAKY,gCALZ,KAMY,qDAFjB,YAJK,KAKY,gCALZ,KAMY,qDAFjB,YAJK,KAKY,gCALZ,KAMY,qDAFjB,eAJK,KAKY,mCALZ,KAMY,wDAFjB,cAJK,OAKY,kCALZ,OAMY,yDAGc,gBAC/B,kBACA,UAEA,2CACI,kBACA,aACA,WAEI,+BACA,yCAVuB,kBAC/B,kBACA,UAEA,6CACI,kBACA,aACA,WAEI,+BACA,yCAVuB,cAC/B,kBACA,UAEA,yCACI,kBACA,aACA,WAEI,+BACA,yCAVuB,gBAC/B,kBACA,UAEA,2CACI,kBACA,aACA,WAEI,+BACA,yCAVuB,YAC/B,kBACA,UAEA,uCACI,kBACA,aACA,WAEI,+BACA,yCAVuB,kBAC/B,kBACA,UAEA,6CACI,kBACA,aACA,WAEI,+BACA,yCAVuB,kBAC/B,kBACA,UAEA,6CACI,kBACA,aACA,WAEI,+BACA,yCAVuB,gBAC/B,kBACA,UAEA,2CACI,kBACA,aACA,WAEI,+BACA,yCAVuB,cAC/B,kBACA,UAEA,yCACI,kBACA,aACA,WAEI,+BACA,yCAVuB,gBAC/B,kBACA,UAEA,2CACI,kBACA,aACA,WAEI,+BACA,yCAVuB,cAC/B,kBACA,UAEA,yCACI,kBACA,aACA,WAEI,+BACA,yCAVuB,cAC/B,kBACA,UAEA,yCACI,kBACA,aACA,WAEI,+BACA,yCAVuB,cAC/B,kBACA,UAEA,yCACI,kBACA,aACA,WAEI,+BACA,yCAVuB,cAC/B,kBACA,UAEA,yCACI,kBACA,aACA,WAEI,+BACA,yCAVuB,oBAC/B,kBACA,UAEA,+CACI,kBACA,aACA,WAEI,+BACA,yCAVuB,kBAC/B,kBACA,UAEA,6CACI,kBACA,aACA,WAEI,+BACA,yCAQZ,IACI,kBACA,qBAEA,kBAEA,4BAEI,kBACA,SACA,2BACA,cAEA,gBAOR,qCACI,4BAIS,sDAQb,MACI,kBAEA,sBACI,mBACA,oBAEA,kBACA,OACA,SACA,WAEA,kBAEA,kBACA,6BACA,UAGJ,kCACI,cACA,UACA,UAIJ,yBACI,sBACI,gBACA,2BACA,6BAMR,UACI,eACA,eACA,mBAGJ,gBACI,UAQJ,wCACA,qCAIJ,6CAGI,cACA,QACA,qBACA,kBAEA,6FACI,eACA,sBAEI,wBACA,2EAEJ,UAGJ,+DACI,cACA,kBACA,oBAEA,oFACI,cACA,UAOZ,MACI,yCAEJ,kBACA,UAEI,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,kEAEA,WAEI,iBADA,8EAIA,gDACI,qBACA,kBACA,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,UAKZ,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,qCACA,uEACA,oBA8BA,MAPA,cACA,wNAOI,WARJ,cACA,wNAQI,SATJ,eACA,wNASI,YAVJ,cACA,wNAUI,WAXJ,eACA,wNAMA,QAPA,cACA,oMAOI,aARJ,cACA,oMAQI,WATJ,eACA,oMASI,cAVJ,cACA,oMAUI,aAXJ,eACA,oMAMA,aAPA,cACA,shBAOI,kBARJ,cACA,shBAQI,gBATJ,eACA,shBASI,mBAVJ,cACA,shBAUI,kBAXJ,eACA,shBAMA,eAPA,cACA,kgBAOI,oBARJ,cACA,kgBAQI,kBATJ,eACA,kgBASI,qBAVJ,cACA,kgBAUI,oBAXJ,eACA,kgBAaJ,kCACI,qCACA,6CACA,0CAIJ,QACI,+BACA,wBACA,YA5GA,8TA8GA,eACI,2WAQR,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,cC/mBR,OACI,eACA,0BACA,mBACA,uBACA,8CACA,aACA,UACA,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-green: #464;\n --color-green-fade: #efe;\n --color-red: #d00;\n --color-red-fade: #fdd;\n --color-yellow: #dd4;\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-green: #aca;\n --color-green-fade: #232;\n --color-red: #faa;\n --color-red-fade: #422;\n --color-yellow-fade: #642;\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:\n inset 10px -10px 5px -5px #000,\n inset -30px 0 20px -20px #000a,\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:\n -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:\n 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:\n -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:\n 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\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:\n 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:\n 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 to 16 { &[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 { background: #dfdfdf; }\n\n &-track { background: url(/assets/image/scrollbar/bg.png) {size: 4px}; }\n\n &-thumb {\n background: #d1d1f7;\n box-shadow:\n 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:\n 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\n[norm] {\n color: var(--color-miku);\n text-decoration: underline;\n}\n\n// headers font style\nh1, h2, h3, h4, .fake.h1, .fake.h2, .fake.h3, .fake.h4 { font-weight: bolder; }\nh5, h6, .fake.h5, .fake.h6 { font-weight: normal; }\nh4, h6, .fake.h4, .fake.h6 { font-style: italic; }\n\n// headers margin block\nh1, h2, h3, h4, h5, h6 { margin-top: 1em;} // 1em top margin if headers is the first element\n:first-child ~ { h1, h2, h3, h4, h5, h6 { margin-top: 2em;} } // 2em top margin if else\n\nh1, h2 { margin-bottom: 1em; }\nh3, h4, h5, h6 { margin-bottom: .5em; }\n\nh1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { margin-top: 0 !important; } } // reduce margin in between two adjacent headers\n\n// headers padding\nh1, h2, h3, h4, h5, h6 {\n position: relative;\n inset: -.5rem -.2rem;\n padding: .5rem .2rem;\n}\n\n// headers underline\nh1 { border-bottom: var(--color) 3px solid; }\nh2 { border-bottom: var(--color) 3px dashed; }\nh3, h4 { border-bottom: var(--color) 3px dotted; }\nh4, h5, h6 { width: max-content; }\n\n// reveal heading id\nh1, h2, h3, h4, h5 ,h6 { &[id] {\n --notify: \"--> 点击复制标题链接\";\n\n &::before, &::after {\n font-weight: normal;\n font-size: max(.5em, .8rem);\n opacity: .7;\n }\n}}\n\nh1, h2, h3 { &[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 }\n}}\n\nh4, h5, h6 { &[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// list\nul { ::marker { font-weight: bolder; color: var(--color-magenta); }\n list-style-type: \"☆ \";\n ul { ::marker { font-size: .7em; }\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\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/* ======== */\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 { font-display: swap; }\n\nhtml { font-family: \"fusion\", monospace; }\nhtml:has(.fontTg input:checked) { font-family: \"ibm\", monospace; }\n\ncode, kbd, samp { font-family: \"ibm\", monospace;}\nhtml:has(.fontTg input:checked) code, kbd, samp { font-family: \"ibm\", monospace;}\n\n\n@font-face { font-family: \"fusion\";\n src: url(/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf);\n}\n\n@font-face { font-family: \"ibm\";\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\r\n// Document\r\n// ==========================================================================\r\n\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\n//\r\n\r\n html {\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 \r\n //\r\n // Remove the margin in all browsers.\r\n //\r\n \r\n body {\r\n margin: 0;\r\n }\r\n \r\n //\r\n // Render the `main` element consistently in IE.\r\n //\r\n \r\n main {\r\n display: block;\r\n }\r\n \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\n //\r\n \r\n h1 {\r\n font-size: 2em;\r\n margin: 0.67em 0;\r\n }\r\n \r\n // Grouping content\r\n // ==========================================================================\r\n \r\n //\r\n // 1. Add the correct box sizing in Firefox.\r\n // 2. Show the overflow in Edge and IE.\r\n //\r\n \r\n hr {\r\n box-sizing: content-box; // 1\r\n height: 0; // 1\r\n overflow: visible; // 2\r\n }\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\n //\r\n \r\n pre {\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 \r\n //\r\n // Remove the gray background on active links in IE 10.\r\n //\r\n \r\n a {\r\n background-color: transparent;\r\n }\r\n \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\n //\r\n \r\n abbr[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 //\r\n // Add the correct font weight in Chrome, Edge, and Safari.\r\n //\r\n \r\n b,\r\n strong {\r\n font-weight: bolder;\r\n }\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\n //\r\n \r\n code,\r\n kbd,\r\n samp {\r\n font-family: monospace, monospace; // 1\r\n font-size: 1em; // 2\r\n }\r\n \r\n //\r\n // Add the correct font size in all browsers.\r\n //\r\n \r\n small {\r\n font-size: 80%;\r\n }\r\n \r\n //\r\n // Prevent `sub` and `sup` elements from affecting the line height in\r\n // all browsers.\r\n //\r\n \r\n sub,\r\n 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\n sub {\r\n bottom: -0.25em;\r\n }\r\n \r\n sup {\r\n top: -0.5em;\r\n }\r\n \r\n // Embedded content\r\n // ==========================================================================\r\n \r\n //\r\n // Remove the border on images inside links in IE 10.\r\n //\r\n \r\n img {\r\n border-style: none;\r\n }\r\n \r\n // Forms\r\n // ==========================================================================\r\n \r\n //\r\n // 1. Change the font styles in all browsers.\r\n // 2. Remove the margin in Firefox and Safari.\r\n //\r\n \r\n button,\r\n input,\r\n optgroup,\r\n select,\r\n 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 //\r\n // Show the overflow in IE.\r\n // 1. Show the overflow in Edge.\r\n //\r\n \r\n button,\r\n input { // 1\r\n overflow: visible;\r\n }\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\n //\r\n \r\n button,\r\n select { // 1\r\n text-transform: none;\r\n }\r\n \r\n //\r\n // Correct the inability to style clickable types in iOS and Safari.\r\n //\r\n \r\n button,\r\n [type=\"button\"],\r\n [type=\"reset\"],\r\n [type=\"submit\"] {\r\n -webkit-appearance: button;\r\n }\r\n \r\n //\r\n // Remove the inner border and padding in Firefox.\r\n //\r\n \r\n button::-moz-focus-inner,\r\n [type=\"button\"]::-moz-focus-inner,\r\n [type=\"reset\"]::-moz-focus-inner,\r\n [type=\"submit\"]::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0;\r\n }\r\n \r\n //\r\n // Restore the focus styles unset by the previous rule.\r\n //\r\n \r\n button:-moz-focusring,\r\n [type=\"button\"]:-moz-focusring,\r\n [type=\"reset\"]:-moz-focusring,\r\n [type=\"submit\"]:-moz-focusring {\r\n outline: 1px dotted ButtonText;\r\n }\r\n \r\n //\r\n // Correct the padding in Firefox.\r\n //\r\n \r\n fieldset {\r\n padding: 0.35em 0.75em 0.625em;\r\n }\r\n \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\n //\r\n \r\n legend {\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 //\r\n // Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n //\r\n \r\n progress {\r\n vertical-align: baseline;\r\n }\r\n \r\n //\r\n // Remove the default vertical scrollbar in IE 10+.\r\n //\r\n \r\n textarea {\r\n overflow: auto;\r\n }\r\n \r\n //\r\n // 1. Add the correct box sizing in IE 10.\r\n // 2. Remove the padding in IE 10.\r\n //\r\n \r\n [type=\"checkbox\"],\r\n [type=\"radio\"] {\r\n box-sizing: border-box; // 1\r\n padding: 0; // 2\r\n }\r\n \r\n //\r\n // Correct the cursor style of increment and decrement buttons in Chrome.\r\n //\r\n \r\n [type=\"number\"]::-webkit-inner-spin-button,\r\n [type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n }\r\n \r\n //\r\n // 1. Correct the odd appearance in Chrome and Safari.\r\n // 2. Correct the outline style in Safari.\r\n //\r\n \r\n [type=\"search\"] {\r\n -webkit-appearance: textfield; // 1\r\n outline-offset: -2px; // 2\r\n }\r\n \r\n //\r\n // Remove the inner padding in Chrome and Safari on macOS.\r\n //\r\n \r\n [type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n }\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 //\r\n \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 \r\n //\r\n // Add the correct display in Edge, IE 10+, and Firefox.\r\n //\r\n \r\n details {\r\n display: block;\r\n }\r\n \r\n //\r\n // Add the correct display in all browsers.\r\n //\r\n \r\n summary {\r\n display: list-item;\r\n }\r\n \r\n // Misc\r\n // ==========================================================================\r\n \r\n //\r\n // Add the correct display in IE 10+.\r\n //\r\n \r\n template {\r\n display: none;\r\n }\r\n \r\n //\r\n // Add the correct display in IE 10.\r\n //\r\n \r\n [hidden] {\r\n display: none;\r\n }",".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] { font-style: normal; }}\r\n\r\n// sizes ================================\r\n\r\n// sizing headings and fake headings\r\n@mixin titleSize($id, $size) {\r\n h#{$id}, .fake.h#{$id} {\r\n font-size: $size + em ;\r\n --s: 1;\r\n font-size: calc($size * var(--s) * 1em);\r\n }\r\n}\r\n\r\n$size-h1: 2;\r\n$size-h2: 1.6;\r\n$size-hrest: 1.2;\r\n\r\n@include titleSize(1, $size-h1);\r\n@include titleSize(2, $size-h2);\r\n@for $i from 3 to 7 { @include titleSize($i, $size-hrest); }\r\n\r\n// general sizing\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\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, .del, .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, .del { text-decoration-line: line-through; }\r\n .u.ovl { text-decoration-line: underline overline; }\r\ndel, .del { &.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// \"\"+$color in so that scss don't throw a warning\r\n@each $color in $colors {\r\n .#{\"\"+$color} { color: $color; }\r\n .h#{\"\"+$color} { &::before { background-color: $color; }; }\r\n .b#{\"\"+$color} { &::before { --bw: 2px; border: $color solid var(--bw); }; }\r\n}\r\n\r\n.h, .b { @each $color in $colors { &#{\"\"+$color} {\r\n position: relative;\r\n z-index: 1;\r\n\r\n &::before {content: \"\";\r\n position: absolute;\r\n --bd: 0.02em;\r\n z-index: -1;\r\n inset: {\r\n block: calc(var(--bd)*-1);\r\n inline: calc(-.2em + var(--bd)*-1);\r\n };\r\n }\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// 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: \"¥目标: \"attr(href) attr(t); } }\r\n\r\n// // reveal id for headings\r\n// h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] { &::before { content: \"#\" attr(id);\r\n// font-size: max(.5em, 15px);\r\n// } }\r\n\r\n// h1[id], h2[id], h3[id], h4[id], h5[id], h6[id],\r\n[t], a {\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 width: fit-content;\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;\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\na {\r\n &::before {\r\n transition: .2s;\r\n position: fixed;\r\n bottom: 0; top: 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// h1[id], h2[id], h3[id], h4[id], h5[id], h6[id],\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 .2s .2s;\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\nposition: relative;\r\nz-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: .5em; }\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: inline-table;\r\n position: relative;\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 opacity: 0;\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: 1em;\r\n\r\n &.blank {\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: 8px; --sdc: var(--color-plain);\r\n text-shadow: 1px 1px var(--color-page), var(--sdd) var(--sdd) var(--sdc);\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}\r\n\r\n$echo_list: \".echo\", \".echorb\", \".stroke.echo\", \".stroke.echorb\";\r\n\r\n@for $i from 1 through length($echo_list) {\r\n #{nth($echo_list, $i)} { @include echo(1, 1, $i);\r\n &-down { @include echo(0, 1, $i); }\r\n &-up { @include echo(0, -1, $i); }\r\n &-right { @include echo(1, 0, $i); }\r\n &-left { @include echo(-1, 0, $i); }};\r\n}\r\n\r\n.echo, .echorb { padding-bottom: .8em;\r\n &-up { padding-top: .8em; }\r\n &-right { padding-right: .8em; }\r\n &-left { padding-left: .8em; }}\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 {\r\n text-shadow: $text-stroke-shadow, var(--sdd) var(--sdd) var(--sdc);\r\n }\r\n}\r\n\r\n// animate ================================\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 image-rendering: pixelated;\r\n left: 16px; top: 16px;\r\n width: 32px; height: 32px;\r\n background: url(/assets/neko/oneko_sakura.gif);\r\n z-index: 2533;\r\n scale: 1.5;\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 7feed70..7c8ea2b 100644 --- a/_site/home.html +++ b/_site/home.html @@ -4,13 +4,14 @@ - A:¥霧雨蘑菇店/¥home¥page.html - + + 霧雨蘑菇店 || 欢迎来到霧雨蘑菇店！ + - - + + @@ -58,19 +59,23 @@
- + +
{:9fumo: height="20px"    src="/assets/image/indoc/cirno.gif"        onerror="this.onerror=null; this.src = ghprxy_s + getAttribute('src')" }
+{:mushroom: height="40px" src="/assets/image/indoc/pilze-0004.gif"   onerror="this.onerror=null; this.src = ghprxy_s + getAttribute('src')" }
+{:tea:                    src="/assets/image/indoc/Chinese-Tea.gif"  onerror="this.onerror=null; this.src = ghprxy_s + getAttribute('src')" } <!-- ---- -->
+
-

欢迎来到 ¥霧雨蘑菇店¥
うこそ！

+

欢迎来到 ¥霧雨蘑菇店¥
うこそ！

冲浪这么久，一定很累了吧，赶快进来坐一会|∀` )。

-


+


红茶无限续杯！没有茶点！幽幽子请不要再来了！

这里是霧雨蘑菇汤的互联网小角落，本店提供：
-最新最好的 IBM 牌计算机、旋转 fumo 、畅销书籍、魔法金属， 细心发掘的话还可以发现更多有意思的稀奇玩意~

+最新最好的 IBM 计算机、旋转 fumo 、畅销书籍、魔法金属， 细心发掘的话还可以发现更多有意思的稀奇玩意~

请使用天亦3G设备浏览本网页

@@ -81,7 +86,6 @@
-
@@ -105,7 +109,7 @@
-
-
- A:¥霧雨蘑菇店/¥home¥page.html + A:¥霧雨蘑菇店/¥主页.xml
-
+
+ - + +
{:9fumo: height="20px"    src="/assets/image/indoc/cirno.gif"        onerror="this.onerror=null; this.src = ghprxy_s + getAttribute('src')" }
+{:mushroom: height="40px" src="/assets/image/indoc/pilze-0004.gif"   onerror="this.onerror=null; this.src = ghprxy_s + getAttribute('src')" }
+{:tea:                    src="/assets/image/indoc/Chinese-Tea.gif"  onerror="this.onerror=null; this.src = ghprxy_s + getAttribute('src')" } <!-- ---- -->
+
-

欢迎来到 ¥霧雨蘑菇店¥
うこそ！

+

欢迎来到 ¥霧雨蘑菇店¥
うこそ！

冲浪这么久，一定很累了吧，赶快进来坐一会|∀` )。

-


+


红茶无限续杯！没有茶点！幽幽子请不要再来了！

这里是霧雨蘑菇汤的互联网小角落，本店提供：
-最新最好的 IBM 牌计算机、旋转 fumo 、畅销书籍、魔法金属， 细心发掘的话还可以发现更多有意思的稀奇玩意~

+最新最好的 IBM 计算机、旋转 fumo 、畅销书籍、魔法金属， 细心发掘的话还可以发现更多有意思的稀奇玩意~

请使用天亦3G设备浏览本网页

@@ -151,7 +159,6 @@
-
@@ -161,9 +168,14 @@ （×1 不过确实是有趣的地方）
——匿名

-
+ +
- 地址：¥/home | 作者：Kirisame¥Soup | +
地址：http://localhost:4000/home | 作者：Kirisame Soup ☆
+
+ 词量：216 + | 字符量：630 +
@@ -174,13 +186,13 @@
- +
- - - - + + + + diff --git a/_site/md-lab.html b/_site/md-lab.html index 96ac4ff..54643ea 100644 --- a/_site/md-lab.html +++ b/_site/md-lab.html @@ -4,13 +4,14 @@ - A:¥霧雨蘑菇店/¥MarkDown¥实验室.html - + + 霧雨蘑菇店 |/¥MarkDown¥实验室.xml + - - + + @@ -68,21 +69,9 @@

目录

  • 伪标题:
  • 对齐:
  • 修饰线:
    • -
  • 颜色: -
    • -
  • 背景色: -
    • -
  • 边框色: -
    • +
  • 颜色:
    • +
  • 背景色:
    • +
  • 边框色:
  • 注音:
  • 悬浮提示:
    • 更华丽的提示:
      • @@ -208,31 +197,23 @@

      修饰线:

      颜色:

      -

      快速

      -
        -
      • .cw
        • -
      • .cb
        • -
      • .cr
        • -
      - -

      16色

        -
      • .cwhite
        • -
      • .csilver
        • -
      • .cgray
        • -
      • .cblack
        • -
      • .cred
        • -
      • .cmaroon
        • -
      • .cyellow
        • -
      • .colive
        • -
      • .clime
        • -
      • .cgreen
        • -
      • .caqua
        • -
      • .cteal
        • -
      • .cblue
        • -
      • .cnavy
        • -
      • .cfuchsia
        • -
      • .cpurple
        • +
      • .white
        • +
      • .silver
        • +
      • .gray
        • +
      • .black
        • +
      • .red
        • +
      • .maroon
        • +
      • .yellow
        • +
      • .olive
        • +
      • .lime
        • +
      • .green
        • +
      • .aqua
        • +
      • .teal
        • +
      • .blue
        • +
      • .navy
        • +
      • .fuchsia
        • +
      • .purple

      背景色:

      @@ -240,20 +221,6 @@

      背景色:

    • --hd: 0.05em (背景、边框距离)

      • -
    • -

      默认: .h

      -
      • -
    - -

    快速

    -
      -
    • .hw
      • -
    • .hb
      • -
    • .hr
      • -
    - -

    16色

    -
    • .hwhite
    • .hsilver
    • .hgray
      • @@ -275,18 +242,9 @@

      16色

      边框色:

      • --bw: 2px (边框粗细)
        • -
      • --bd: 0.05em (背景、边框距离)
        • -
      - -

      快速

      -
        -
      • .bw
        • -
      • .bb
        • -
      • .br
        • -
      - -

      16色

      -
        +
      • +

        --bd: 0.05em (背景、边框距离)

        +
      • .bwhite
      • .bsilver
      • .bgray
        • @@ -883,7 +841,7 @@

        文本块:

        {:.note}

    • -
  • 警告块 +
  • 警告块：

    > 文本

    @@ -1213,7 +1171,7 @@

    文字排版测试用

    -
    -
    - A:¥霧雨蘑菇店/¥MarkDown¥实验室.html + A:¥霧雨蘑菇店/¥MarkDown¥实验室.xml
    -

    MoarDown - Markdown 语法扩充类！:

    +
    +

    MoarDown - Markdown 语法扩充类！:

    目录

    @@ -1246,21 +1204,9 @@

    目录

  • 伪标题:
  • 对齐:
  • 修饰线:
    • -
  • 颜色: -
    • -
  • 背景色: -
    • -
  • 边框色: -
    • +
  • 颜色:
    • +
  • 背景色:
    • +
  • 边框色:
  • 注音:
  • 悬浮提示:
    • 更华丽的提示:
      • @@ -1386,31 +1332,23 @@

      修饰线:

      颜色:

      -

      快速

        -
      • .cw
        • -
      • .cb
        • -
      • .cr
        • -
      - -

      16色

      -
        -
      • .cwhite
        • -
      • .csilver
        • -
      • .cgray
        • -
      • .cblack
        • -
      • .cred
        • -
      • .cmaroon
        • -
      • .cyellow
        • -
      • .colive
        • -
      • .clime
        • -
      • .cgreen
        • -
      • .caqua
        • -
      • .cteal
        • -
      • .cblue
        • -
      • .cnavy
        • -
      • .cfuchsia
        • -
      • .cpurple
        • +
      • .white
        • +
      • .silver
        • +
      • .gray
        • +
      • .black
        • +
      • .red
        • +
      • .maroon
        • +
      • .yellow
        • +
      • .olive
        • +
      • .lime
        • +
      • .green
        • +
      • .aqua
        • +
      • .teal
        • +
      • .blue
        • +
      • .navy
        • +
      • .fuchsia
        • +
      • .purple

      背景色:

      @@ -1418,20 +1356,6 @@

      背景色:

    • --hd: 0.05em (背景、边框距离)

      • -
    • -

      默认: .h

      -
      • -
    - -

    快速

    -
      -
    • .hw
      • -
    • .hb
      • -
    • .hr
      • -
    - -

    16色

    -
    • .hwhite
    • .hsilver
    • .hgray
      • @@ -1453,18 +1377,9 @@

      16色

      边框色:

      • --bw: 2px (边框粗细)
        • -
      • --bd: 0.05em (背景、边框距离)
        • -
      - -

      快速

      -
        -
      • .bw
        • -
      • .bb
        • -
      • .br
        • -
      - -

      16色

      -
        +
      • +

        --bd: 0.05em (背景、边框距离)

        +
      • .bwhite
      • .bsilver
      • .bgray
        • @@ -2061,7 +1976,7 @@

        文本块:

        {:.note}

    • -
  • 警告块 +
  • 警告块：

    > 文本

    @@ -2377,9 +2292,14 @@

    文字排版测试用

    • - + +
    - 地址：¥/md-lab | 作者：Kirisame¥Soup | +
    地址：http://localhost:4000/md-lab | 作者：Kirisame Soup ☆
    +
    + 词量：3986 + | 字符量：6780 +
    @@ -2390,13 +2310,13 @@

    文字排版测试用

    - +
    - - - - + + + + diff --git a/_site/robots.txt b/_site/robots.txt new file mode 100644 index 0000000..d297064 --- /dev/null +++ b/_site/robots.txt @@ -0,0 +1 @@ +Sitemap: http://localhost:4000/sitemap.xml diff --git a/_site/sitemap.xml b/_site/sitemap.xml new file mode 100644 index 0000000..714200d --- /dev/null +++ b/_site/sitemap.xml @@ -0,0 +1,12 @@ + + + +http://localhost:4000/about + + +http://localhost:4000/home + + +http://localhost:4000/md-lab + + diff --git a/assets/css/default/style.scss b/assets/css/default/style.scss index 3f488cc..fdda7e7 100644 --- a/assets/css/default/style.scss +++ b/assets/css/default/style.scss @@ -9,29 +9,35 @@ $ghprxy: "https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisou $ghprxy: ""; :root { - --txtColor: #44d; - --txtColor-sat: #00f; - --txtColor-fade: #eef; - --txtColor-link: #4cc; - --txtColor-plain: #000; - --txtColor-green: #464; - --txtColor-green-fade: #efe; - --txtColor-red: #d04; - --txtColor-red-fade: #fde; - --pgColor: #fff; + --color: #44d; + --color-sat: #00f; + --color-fade: #eef; + --color-plain: #000; + --color-green: #464; + --color-green-fade: #efe; + --color-red: #d00; + --color-red-fade: #fdd; + --color-yellow: #dd4; + --color-yellow-fade: #ffe; + --color-miku: #4dd; + --color-miku-fade: #eff; + --color-magenta: #f4f; + --color-magenta-fade: #fef; + --color-page: #fff; } @mixin darkscheme { - --txtColor: #aaf; - --txtColor-sat: #00c; - --txtColor-fade: #224; - --txtColor-link: #abb; - --txtColor-plain: #fff; - --txtColor-green: #aca; - --txtColor-green-fade: #232; - --txtColor-red: #f8a; - --txtColor-red-fade: #422; - --pgColor: #002; + --color: #aaf; + --color-fade: #224; + --color-plain: #fff; + --color-green: #aca; + --color-green-fade: #232; + --color-red: #faa; + --color-red-fade: #422; + --color-yellow-fade: #642; + --color-miku-fade: #066; + --color-magenta-fade: #626; + --color-page: #002; } @@ -56,17 +62,22 @@ html { image-rendering: pixelated; } // main bg html, .nav { - background: url(/assets/image/bg.gif) - { color: #000; position: center; size: MAX(20vw,40vh); } + background: url(/assets/image/bg.gif) { + color: #000; + position: center; + size: MAX(20vw,40vh); } +} html::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; - background: url(/assets/image/cloud.png) - { size: cover; position: center; }; + background: url(/assets/image/cloud.png) { + size: cover; + position: center; + }; } html::after { content: ""; @@ -78,10 +89,11 @@ html::after { content: ""; } html:has(.cornerCara:not([id="0"])) { - background: url(/assets/image/IMG_1148.JPG) - {size: contain; position: right}; - background-color: #000; - background-blend-mode: hard-light; + background: url(/assets/image/IMG_1148.JPG) { + color: #000; + size: contain; + position: right; + }; } /* ======= */ @@ -97,15 +109,17 @@ html:has(.cornerCara:not([id="0"])) { // background: url(https://media.tenor.com/5lWosOHS630AAAAC/amor.gif); // background: url(https://usagif.com/wp-content/uploads/gifs/water-66.gif); // background: url(https://64.media.tumblr.com/9af92cc03553bd821021fd950fbc33b5/1534f96efdb15e70-b5/s100x200/6f110ffcfa7afe0af25add8144e9d30fbefc97fe.gifv); - background: url(/assets/image/xp_.gif) - { size: cover; }; + background: url(/assets/image/xp_.gif) { size: 20vw; }; + + box-shadow: + inset 10px -10px 5px -5px #000, + inset -30px 0 20px -20px #000a, + inset -90px 50px 30px -30px #fff; &::before, &::after { position: absolute; inset: 0; - background: { - repeat: no-repeat !important; - }; + background-repeat: no-repeat !important; } &::before { content: ""; @@ -214,18 +228,12 @@ html:has(.cornerCara:not([id="0"])) { } } } - - .window { - // background: var(--pgColor); - overflow: hidden; - } } .bottom { // size width: 100%; // styl - border: #44d 1px solid; background: #000; img { @@ -288,12 +296,12 @@ html:has(.cornerCara:not([id="0"])) { // styl text-align: justify; text-justify: inter-ideograph; - background-color: var(--pgColor); + background-color: var(--color-page); padding-inline: 3em 2em; *::selection { - color: var(--pgColor); - background: var(--txtColor); + color: var(--color-page); + background: var(--color); } } @@ -339,32 +347,36 @@ html:has(.cornerCara:not([id="0"])) { } .bottomBar { + position: relative; height: 1em; - padding: 0 6px 10px 6px; + margin: { block: 0 10px; inline: 6px }; + color: var(--color); + + .left, .right { display: inline-block; } + + .right { + position: absolute; + right: 0; + } } } @mixin fullscreen-dark { - .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; - - .buttonBar { - background: linear-gradient(90deg, #44d 20%, #000); - } + background: #338; + box-shadow: + -1px -1px 0 1px #aaf, + 0 0 0 2px #44d, + inset -2px -4px #224, + inset 2px 2px #000; - .content { - box-shadow: - inset -2px -2px #224, - inset 2px 2px #aaf; - } + .buttonBar { background: linear-gradient(90deg, #44d 20%, #000); } - .bottomBar { color: #fff; } + .content { box-shadow: + inset -2px -2px #224, + inset 2px 2px #aaf; } + + .bottomBar { color: #fff; } } // button bar @@ -399,7 +411,10 @@ html:has(.cornerCara:not([id="0"])) { top: 5px; left: 5px; right: 6px; bottom: 6px; image-rendering: pixelated; - background: { size: cover !important; repeat: no-repeat !important} ; + background: { + size: cover !important; + repeat: no-repeat !important + }; } &:hover { background: #e8e8fb; } @@ -415,7 +430,7 @@ html:has(.cornerCara:not([id="0"])) { &::before { top: 6px; left: 6px; right: 5px; bottom: 5px; - } + } } .window &.fullscreenTg::before { background: url(/assets/image/button/max.gif); } @@ -567,8 +582,7 @@ html:has(.cornerCara:not([id="0"])) { aspect-ratio: 1.63; // styl pointer-events: none; - background: url(/assets/image/ibm.png) - { size: cover; }; + background: url(/assets/image/ibm.png) { size: cover; }; &::before { position: absolute; @@ -703,14 +717,12 @@ canvas { }} @mixin scrollbar-dark { - .window, .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; - }}} + background: #338; + box-shadow: + inset -1.5px -1.5px #000, + inset 1.5px 1.5px #aaf, + inset -3px -3px #224, + inset 3px 3px #44d; } /* ======== */ @@ -724,7 +736,7 @@ html { text-underline-offset: 25%; } -.content { color: var(--txtColor) !important; +.content { color: var(--color) !important; >p:not([class], :has(img)):after { content: "湯"; //pos @@ -735,7 +747,7 @@ html { line-height: .5em; opacity: .5; font-size: .7em; - color: var(--txtColor-red); + color: var(--color-red); transform: rotate(15deg); white-space: pre; } @@ -743,7 +755,7 @@ html { a { position: relative; - color: var(--txtColor-link); + color: var(--color-miku); &::after { content: ""; position: absolute; @@ -752,7 +764,7 @@ a { } [norm] { - color: var(--txtColor-link); + color: var(--color-miku); text-decoration: underline; } @@ -765,10 +777,10 @@ h4, h6, .fake.h4, .fake.h6 { font-style: italic; } h1, h2, h3, h4, h5, h6 { margin-top: 1em;} // 1em top margin if headers is the first element :first-child ~ { h1, h2, h3, h4, h5, h6 { margin-top: 2em;} } // 2em top margin if else -h1, h2 { margin-bottom: 1em; } +h1, h2 { margin-bottom: 1em; } h3, h4, h5, h6 { margin-bottom: .5em; } -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { margin-top: 0 !important; }} // reduce margin in between two adjacent headers +h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { margin-top: 0 !important; } } // reduce margin in between two adjacent headers // headers padding h1, h2, h3, h4, h5, h6 { @@ -778,10 +790,9 @@ h1, h2, h3, h4, h5, h6 { } // headers underline -h1 { border-bottom: var(--txtColor) 3px solid; } -h2 { border-bottom: var(--txtColor) 3px dashed; } -h3, h4 { border-bottom: var(--txtColor) 3px dotted; } - +h1 { border-bottom: var(--color) 3px solid; } +h2 { border-bottom: var(--color) 3px dashed; } +h3, h4 { border-bottom: var(--color) 3px dotted; } h4, h5, h6 { width: max-content; } // reveal heading id @@ -811,14 +822,14 @@ h1, h2, h3 { &[id] { position: absolute; top: .5rem; right: 0; // styl - background: var(--pgColor); + background: var(--color-page); opacity: 1; } } &:active { - background: var(--txtColor); - color: var(--pgColor); + background: var(--color); + color: var(--color-page); &::after { content: ""; } } @@ -833,21 +844,21 @@ h4, h5, h6 { &[id] { top: -.8em; // styl text-wrap: nowrap; - background: var(--pgColor); + background: var(--color-page); opacity: 1; } } &:active { - background: var(--txtColor); - color: var(--pgColor); + background: var(--color); + color: var(--color-page); &::before { content: ""; } } }} // list -ul { ::marker { font-weight: bolder; } +ul { ::marker { font-weight: bolder; color: var(--color-magenta); } list-style-type: "☆ "; ul { ::marker { font-size: .7em; } list-style-type: hebrew; @@ -892,15 +903,13 @@ input.task-list-item-checkbox { /* ==== D A R K M O D E ==== */ -.buttonBar:has(.darkTg input:checked) ~.content, .content:has(~.buttonBar .darkTg input:checked) { - @include darkscheme() -} - .content:has(~.buttonBar .darkTg input:checked) { background: #0008 !important; } -@include fullscreen-dark; +.buttonBar:has(.darkTg input:checked) ~.content, .content:has(~.buttonBar .darkTg input:checked) { @include darkscheme() } + +.fullscreen:has(.darkTg input:checked) { @include fullscreen-dark; } -@include scrollbar-dark; +.window, .fullscreen { &:has(.darkTg input:checked) { ::-webkit-scrollbar-thumb { @include scrollbar-dark; }}} /* ======== */ @@ -927,6 +936,8 @@ html:has(.fontTg input:checked) code, kbd, samp { font-family: "ibm", monospace; /* ======== */ +@import "code"; + @import "moardown"; @import "neko"; diff --git a/home.md b/home.md index bc4a174..40ee99f 100644 --- a/home.md +++ b/home.md @@ -1,15 +1,15 @@ --- -title: home¥page.html +title: 主页 +description: 欢迎来到霧雨蘑菇店！ --- -{% capture proxy %} onerror="this.onerror=null; this.src = ghprxy_s + getAttribute('src')" {% endcapture %} - -{:9fumo: height="20px" src="/assets/image/indoc/cirno.gif" {{ proxy }}} -{:mushroom: height="40px" src="/assets/image/indoc/pilze-0004.gif" {{ proxy }}} -{:tea: src="/assets/image/indoc/Chinese-Tea.gif" {{ proxy }}} - - + {% capture proxy %} onerror="this.onerror=null; this.src = ghprxy_s + getAttribute('src')" {% endcapture %} + + {:9fumo: height="20px" src="/assets/image/indoc/cirno.gif" {{ proxy }}} + {:mushroom: height="40px" src="/assets/image/indoc/pilze-0004.gif" {{ proxy }}} + {:tea: src="/assets/image/indoc/Chinese-Tea.gif" {{ proxy }}} + {:.fake.h1} *欢迎来到 **¥霧雨蘑菇店¥**{:.big}![](){:mushroom}*{:.big.rainbow.fancy2}
    ***う*{:r="yo"}*こ*{:r="ko"}*そ*{:r="so"}！**{:.r.rainbow.fancy2} @@ -22,7 +22,7 @@ title: home¥page.html *红茶无限续杯！*{:.bigger.u}~~没有茶点！幽幽子请不要再来了！~~{:.small} 这里是霧雨蘑菇汤的互联网小角落，本店提供： -***最新最好的 IBM 牌计算机*{:t="右下角（想要看电视的请自便）"}、旋转 fumo ![](){:9fumo}![](){:9fumo}、畅销书籍、魔法金属，** 细心发掘的话还可以发现更多有意思的稀奇玩意~ +***最新最好的 IBM 计算机*{:t="右下角（看电视请自便）"}、旋转 fumo ![](){:9fumo}![](){:9fumo}、畅销书籍、魔法金属，** 细心发掘的话还可以发现更多有意思的稀奇玩意~ {:.info} > *请使用天亦3G设备浏览本网页*{:t="请使用横屏设备浏览本网页；支持大部分浏览器的最新版本，很不幸尚不支持火狐"} @@ -30,8 +30,7 @@ title: home¥page.html {:.info} > *正在加载中......*{:.ip} - - + {:.note} > **目击者报告：**{:.u} diff --git a/md-lab.md b/md-lab.md index d11fa71..ffabadb 100644 --- a/md-lab.md +++ b/md-lab.md @@ -1,5 +1,5 @@ --- -title: MarkDown¥实验室.html +title: MarkDown 实验室 --- # MoarDown - *Markdown 语法扩充类*{:.small}！: {#head} @@ -103,40 +103,26 @@ title: MarkDown¥实验室.html ### 颜色: {#color} -#### 快速 {#color-fast} -- *.cw*{:.cw.hb} -- *.cb*{:.cb.hw} -- *.cr*{:.cr} - -#### 16色 {#color-16} -- *.cwhite*{:.cwhite.hb} -- *.csilver*{:.csilver} -- *.cgray*{:.cgray} -- *.cblack*{:.cblack.hw} -- *.cred*{:.cred} -- *.cmaroon*{:.cmaroon} -- *.cyellow*{:.cyellow} -- *.colive*{:.colive} -- *.clime*{:.clime} -- *.cgreen*{:.cgreen} -- *.caqua*{:.caqua} -- *.cteal*{:.cteal} -- *.cblue*{:.cblue} -- *.cnavy*{:.cnavy} -- *.cfuchsia*{:.cfuchsia} -- *.cpurple*{:.cpurple} +- *.white*{:.white.hblack} +- *.silver*{:.silver} +- *.gray*{:.gray} +- *.black*{:.black.hwhite} +- *.red*{:.red} +- *.maroon*{:.maroon} +- *.yellow*{:.yellow} +- *.olive*{:.olive} +- *.lime*{:.lime} +- *.green*{:.green} +- *.aqua*{:.aqua} +- *.teal*{:.teal} +- *.blue*{:.blue} +- *.navy*{:.navy} +- *.fuchsia*{:.fuchsia} +- *.purple*{:.purple} ### 背景色: {#background} - \-\-hd: 0.05em *(背景、边框距离)* -- 默认: *.h*{:.h} - -#### 快速 {#background-fast} -- *.hw*{:.hw} -- *.hb*{:.hb} -- *.hr*{:.hr} - -#### 16色 {#background-16} - *.hwhite*{:.hwhite} - *.hsilver*{:.hsilver} - *.hgray*{:.hgray} @@ -158,12 +144,6 @@ title: MarkDown¥实验室.html - \-\-bw: 2px *(边框粗细)* - \-\-bd: 0.05em *(背景、边框距离)* -#### 快速 {#border-fast} -- *.bw*{:.bw} -- *.bb*{:.bb} -- *.br*{:.br} - -#### 16色 {#border-16} - *.bwhite*{:.bwhite} - *.bsilver*{:.bsilver} - *.bgray*{:.bgray} @@ -345,7 +325,7 @@ title: MarkDown¥实验室.html > \{:.note} {:.note} -- 警告块 +- 警告块： > \> 文本 > > \{:.warn}