范式不适用 Sigma-9 版式

著作信息

---

作者：Mercuresphere

版头图片：https://pixabay.com/images/id-1572988

---

主题颜色

Deep Sea--gray-monochrome(0, 35, 100)

Phosphorescence--bright-accent(163,233,224)

Azure--pale-gray-monochrome(214,245,255)

Cirrostratus--light-gray-monochrome(70,130,183)

Abyss--dark-gray-monochrome(10,30,55)

Turquoise--medium-accent(41,127,128)

Abyss--dark-accent(10,30,55)

Curacao--newpage-color(41,128,92)

关于本页

这是 Mercuresphere 为图书馆典籍：范式转移设计的版式。

这个版式基本上是范式不适用黑标版式的轻量化版本，可以在有着更快的加载速度的基础上取得接近原黑标版式的外观。

在你的作品开头添加如下语法以应用此版式：

[[include :scp-wiki-cn:theme:paradigm-inapplicable-sigma]]

示例

可通过 5 个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

---

如果将“-----”放入类（class）为 “fancyhr” 的 div 元素中，则可以显示另一种水平线样式，如下所示：

[[div_ class="fancyhr"]]
-----
[[/div]]

效果如下：

---

任何元素添加 “fancyborder” 类（class），即可显示特殊边框。例如，这是此方块的代码：

[[div_ class="fancyborder"]]
文字内容
[[/div]]

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建

+ Titles

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

漂浮在只属于她的玻璃鱼缸当中，墨丘莉娅看着连接在自己右手上的线缆和部件和自己的血肉一起同步生长着。她知道，这是她已经越来越多的沉入了幻梦之中。她又看了看自己的周围，是无数睁开了摄像头的双眼、张开了扬声器的嘴巴的建筑。

她突然觉得厌倦了。厌倦自己一直被说成无情，说成无法接收到别人的爱，说成如同阿斯伯格综合征，说成如同机械一样。也许自己确实是机械。她看着无数缆线在自己身体当中，和血管相互交织，看着缆线当中构筑逻辑思维的深蓝色粒子在排斥着血管当中感性的血红色细胞。

分页

玛莉卡听到一只和自己一样的，只不过稍微大一点的红色眼睛对自己说着，用我的眼睛吧，我来帮你。随后是两个滴着红色液体的车轮加入了帮忙的行列，她最后找到的则是一个有着斑驳的红色喷漆的摩托车骨架。玛莉卡把这些部件按照她们对自己说的组合的顺序安装成了和当时那位旅行者骑着的别无二致的巨兽，随后像旅行者们一样坐在上面，转动了一下手柄想要开动。砰的一声响起，本来就安装的不牢固的机体散开了。玛莉卡被弹了出去，重重地摔在了废铁组成的地面上。

长 Tab

雨莉手上的玩偶的面容一瞬间就变了个样子，那上面和真正的雨宫如月一样的微笑变成了碎片。下一刻，雨莉只感觉自己被一阵强大的冲击力震飞到了空中——是另一辆黄色的列车撞上了她所在的列车。她下意识的抱紧手里如月的玩偶，甚至特意把自己的姿势调整成了用自己的后背着地。可是她的后背就像是变成了果冻一样的液体一样，尽管是摔到了地面上，却也只是在她的身体上激起了几圈涟漪而已，连一丝一毫的疼痛都没有感觉到。

可是，下一秒就是那些涟漪传达到她怀里的玩偶的时间了。那个玩偶瞬间又一次破碎成了几片，可是这次破碎的却是玩偶的脸，或者说玩偶上面如月的面容。

雨莉看到自己手上的玩偶上面的面容在不断变化着，一会是如月亲手制作的和她相同的样子，一会是自己的面容，一会是破碎的如月，一会是像气球一样渗出着血液的，自己创造出的雨宫如月。面容们闪动的周期变得越来越快，自己创造出的那个雨宫如月的样子出现的越来越多。

不可以，快停下——！

玩偶的样子最终定格在了自己创造出的雨宫如月上。玩偶上面是厚厚一层光可鉴人的血液，从那些血里面反射出了雨莉的面容，和破碎的如月的样子重叠在一起。随后，在血当中反射出的，有着雨莉样子的影像说话了：

“那么，雨莉，你全部想起来了？到底发生了什么，以及，你对你最好的朋友，唯一可以拯救你的朋友，做了什么？”

空 tab

空 tab

空 tab

空 tab

空 tab

空 tab

这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字

---

一条分割线

嵌套引用块¹

这是	表格
你应该老早	就知道怎么
做这个了吧

正文字体为 Skolar Sans / 浏览器默认字体
页眉字体为 Anonymous Pro / 王汉宗魏碑体。
标题字体为 Zuijin / 王汉宗魏碑体。
等宽字为 Recursive / 仿宋及思源宋体。

---

+ 显示代码

/* Sigma-9 Paradigm Inapplicable Theme */
/* 2022 Wikidot Theme */
/* By Mercuresphere */
/* Based on Sigma-9 Wanderers' DustJacket Theme By DrMacro */
/* Header background: https://pixabay.com/images/id-1572988 */
/* CC BY-SA 3.0 */
 
@import url("https://fastly.jsdelivr.net/gh/Crimone/wanderers-dustjacket-fonts@main/typefaces.css");
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;800&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Recursive:CRSV,MONO@0,1&display=swap");
@import url("https://crimone.github.io/typefaces/whz/whz.css");
@import url("https://fastly.jsdelivr.net/gh/Crimone/typefaces@main/fandol-fangsong/FandolFang-Regular.css");
 
/* ----BEGIN---- */
 
:root {
    --body-font: adelle-sans, 'Lato', '微软雅黑', sans-serif;
    --header-font: "Anonymous Pro", 'zuijinregular', 'Poppins', sans-serif;
    --title-font: "EB Garamond", 'punctuation-marks-altered', 'HanWang WeiBeiMedium-Gb5', 'kaiti', 'Noto Serif SC', Big Caslon, Book Antiqua, Palatino Linotype, 'Noto Serif SC', Georgia, serif;
    --mono-font: Recursive, adaptive-mono, "PT Mono", "Andale Mono", "Courier New", '仿宋', "FandolFang-Regular", 'Noto Serif SC', Courier, monospace;
    --white-monochrome: 252, 252, 252;
    --pale-gray-monochrome: 214, 245, 255;
    --light-pale-gray-monochrome: 215, 255, 255;
    --very-light-gray-monochrome: 220, 222, 230;
    --light-gray-monochrome: 70, 130, 183;
    --gray-monochrome: 0, 35, 100;
    --dark-gray-monochrome: 10, 30, 55;
    --gradient-header: url("https://evernight-aquarium.wdfiles.com/local--files/files/006Vtzrtly1h47w6r3x29j33uw06oahw.jpg");
    --header-background-image-size: auto var(--header-height-on-desktop);
    --logo-image: none;
    --pale-accent: 136, 198, 201;
    --bright-accent: 163, 233, 224;
    --medium-accent: 41, 127, 128;
    --dark-accent: 10, 30, 55;
    --newpage-color: 41, 128, 92;
    --dark-medium-accent: 3, 105, 105;
    --header-height-on-desktop: 10rem;
    --header-height-on-mobile: 7.5rem;
    --topbar-height-on-desktop: 1.625rem;
    --topbar-height-on-mobile: 3rem;
    --body-width-on-desktop: 61.250rem;
    --ui-wght: 700;
    --min-font-size: 0.8125rem;
    --max-font-size: 0.9375rem;
    --base-font-size: var(--max-font-size);
    scrollbar-color: rgb(var(--medium-accent)) rgb(var(--dark-gray-monochrome));
    --user-account-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/user-account-mask.svg");
    --search-top-box-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/search-top-box-mask.svg");
}
 
@media only screen and (max-width: 56.25rem) {
    :root {
        --base-font-size: var(--min-font-size);
    }
}
 
@media (max-width: 768px) {
    :root {
        --header-height-on-desktop: var(--header-height-on-mobile);
        --topbar-height-on-desktop: var(--topbar-height-on-mobile);
    }
}
 
/* ===搜索框的normalize部分=== */
#search-top-box {
    z-index: inherit;
    position: inherit;
    top: inherit;
    right: inherit;
    width: inherit;
    text-align: inherit;
}
 
#search-top-box-input {
    border: inherit;
    border-radius: inherit;
}
 
#search-top-box input.empty {
    color: inherit;
}
 
#search-top-box-input, #search-top-box-input:focus, #search-top-box-input:hover {
    background-color: inherit;
    box-shadow: inherit;
    color: inherit;
}
 
#search-top-box-input:focus, #search-top-box-input:hover {
    border: inherit;
}
 
#search-top-box-form input[type=submit] {
    padding: inherit;
    border: inherit;
    border-radius: inherit;
    background: inherit;
    background-color: inherit;
    box-shadow: inherit;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    cursor: inherit;
}
 
#search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
    border: inherit;
    background: inherit;
    box-shadow: inherit;
    color: inherit;
    text-shadow: inherit;
}
 
#login-status {
    z-index: inherit;
    position: inherit;
    top: inherit;
    right: inherit;
    overflow: inherit;
    color: inherit;
    font-size: inherit;
}
 
#account-topbutton, #login-status a, #login-status ul a {
    background: inherit;
    color: inherit;
}
 
#login-status > a > strong {
    -webkit-animation-name: inherit;
    -webkit-animation-duration: inherit;
    -webkit-animation-timing-function: inherit;
    -webkit-animation-iteration-count: inherit;
    text-decoration: inherit;
}
 
/* ---- SITE HEADER ---- */
div#header {
    background-image: none;
}
 
#header h1, #header h2 {
    float: none;
    margin-left: 0;
    text-align: center;
}
 
#header, #top-bar {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}
 
@media (max-width: 479px) {
    #header {
        max-width: 100%;
    }
}
 
/* ===顶栏=== */
#top-bar {
    display: flex;
    justify-content: center;
    right: 0;
}
 
#top-bar ul li ul {
    box-shadow: none;
    overflow: hidden;
}
 
@media (max-width: 767px) {
    .mobile-top-bar {
        position: relative;
        display: flex;
        justify-content: center;
        left: -2px;
    }
}
 
/* TOP-BAR SETTINGS */
#top-bar {
    top: var(--header-height-on-desktop);
    height: var(--topbar-height-on-desktop);
    line-height: var(--topbar-height-on-desktop);
}
 
#top-bar ul li a {
    border-left: solid 1px rgba(64, 64, 64, .1);
    border-right: solid 1px rgba(64, 64, 64, .1);
    text-decoration: none;
    padding-top: calc((var(--topbar-height-on-desktop) - 2px) / 2 + 1px);
    padding-bottom: calc((var(--topbar-height-on-desktop) - 2px) / 2);
    line-height: 2px;
    max-height: 2px;
    overflow: hidden;
}
 
#top-bar ul li ul {
    border-color: rgb(var(--medium-accent));
}
 
#top-bar ul li.sfhover a, #top-bar ul li:hover a {
    background: rgb(var(--gray-monochrome));
}
 
#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
    background: rgb(var(--gray-monochrome));
    border-top: 1px solid rgb(var(--bright-accent));
    padding: 0.2em 1em 0.2em 1em;
    color: rgb(var(--bright-accent));
    font-size: 0.7rem;
}
 
#top-bar ul li a {
    color: rgb(var(--bright-accent));
    font-family: var(--header-font);
    font-size: 0.8rem;
}
 
#top-bar ul li.sfhover a {
    color: rgb(var(--bright-accent));
    border-top: solid 1px rgb(var(--bright-accent));
    font-family: var(--header-font);
    font-size: 0.8rem;
    padding-top: calc((var(--topbar-height-on-desktop) - 2px) / 2);
}
 
#top-bar ul li:hover a {
    background: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
}
 
#top-bar ul li ul a, #top-bar a:hover {
    color: rgb(var(--pale-gray-monochrome));
}
 
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
    background: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
}
 
#top-bar ul li ul.sfhover a:hover, #top-bar ul li ul:hover a:hover {
    background: rgb(var(--bright-accent));
    color: rgb(var(--dark-gray-monochrome));
    font-weight: bold;
}
 
.topbar_arrow {
    color: rgb(var(--dark-gray-monochrome));
}
 
@media (max-width: 479px) {
    #top-bar ul li a {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}
 
/* ===吸附顶栏=== */
 
body::before {
    content: "";
    display: block;
    position: -webkit-sticky;
    position: sticky;
    margin-top: var(--header-height-on-desktop);
    top: 0;
    width: 100%;
    height: var(--topbar-height-on-desktop);
    background-position: center calc(-1 * var(--header-height-on-desktop));
    background-repeat: repeat-x;
    z-index: 2;
}
 
#container-wrap {
    margin-top: calc(-1 * (var(--header-height-on-desktop) + var(--topbar-height-on-desktop)));
}
 
#header {
    position: -webkit-sticky;
    position: sticky;
    top: calc(-1 * var(--header-height-on-desktop));
}
 
#top-bar {
    background-position: center calc(-1 * var(--header-height-on-desktop));
    background-repeat: repeat-x;
}
 
#top-bar .open-menu {
    display: flex;
}
 
#top-bar .open-menu a:hover {
    box-shadow: none;
}
 
/* ===BREADCRUMBS=== */
#breadcrumbs, .pseudocrumbs {
    display: flex;
    position: relative;
    grid-area: breadcrumbs;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: -1em 0 1em;
    padding: 0 .75em 0 0;
    font-size: .85em;
    line-height: 2;
    font-family: var(--UI-font);
}
 
#breadcrumbs a, #breadcrumbs a:visited, .pseudocrumbs a, .pseudocrumbs a:visited {
    display: flex;
    z-index: 2;
    position: relative;
    margin-right: .75em;
    padding: 0 .5em;
    transition: color .15s cubic-bezier(.4, 0, .2, 1);
}
 
#breadcrumbs a:active, #breadcrumbs a:hover, .pseudocrumbs a:active, .pseudocrumbs a:hover, #breadcrumbs a:focus-within, .pseudocrumbs a:focus-within {
    color: rgb(var(--pale-gray-monochrome));
    text-decoration: none;
}
 
#breadcrumbs a:before, #breadcrumbs a:visited:before, .pseudocrumbs a:before, .pseudocrumbs a:visited:before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skew(-25deg);
    background: transparent;
    box-shadow: .0625rem .0625rem 0 0 rgba(var(--medium-accent), 1), .25rem .0625rem 0 0 rgba(255, 255, 255, .85), .25rem .0625rem 0 0 rgba(var(--medium-accent), 1), .3125rem .0625rem 0 0 rgba(var(--medium-accent), 1);
    content: "";
    transition: box-shadow .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1);
}
 
#breadcrumbs a:active:before, #breadcrumbs a:hover:before, .pseudocrumbs a:active:before, .pseudocrumbs a:hover:before, #breadcrumbs a:focus-within:before, .pseudocrumbs a:focus-within:before {
    background-color: rgb(var(--dark-medium-accent));
    box-shadow: 0 0 0 .25rem rgba(var(--dark-medium-accent), 1), 0 0 0 0 rgba(var(--very-light-gray-monochrome), 0), 0 0 0 0 rgba(var(--white-monochrome), 0), 0 0 0 0 rgba(var(--dark-medium-accent), 0);
}
 
/* HEADER */
div#container-wrap {
    background: var(--gradient-header) top no-repeat;
    background-size: auto var(--header-height-on-desktop);
}
 
div#header-extra-div-1 {
    height: var(--topbar-height-on-desktop);
    width: 100%;
    top: var(--header-height-on-desktop);
    position: absolute;
    background-color: rgb(var(--dark-gray-monochrome));
    background-image: rgb(var(--dark-gray-monochrome));
    border-top: solid 1px rgb(var(--bright-accent));
    border-bottom: solid 1px rgb(var(--bright-accent));
}
 
/* ===页眉、页面标题=== */
#header {
    height: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop));
    padding-bottom: 0;
}
 
#header > h1 > a > span {
    display: none;
}
 
#header h1 {
    display: flex;
    justify-content: center;
}
 
#header h1 a {
    display: flex;
    color: transparent;
    text-shadow: none;
    padding: calc(var(--header-height-on-desktop) / 2) 0;
    font-size: clamp(1.1rem,3.2vw,1.6rem);
    font-family: var(--header-font);
    letter-spacing: normal;
}
 
#header h1 a::before {
    display: flex;
    content: "THE PARADIGM YOU HAVE SEARCHED FOR IS NOT IN SERVICE";
    color: rgb(1, 245, 230);
    text-shadow: rgba(var(--dark-gray-monochrome), 0.5) 0.125rem 0 0, rgba(var(--gray-monochrome), 0.5) 0.0675rem 0.1052rem 0, rgba(var(--gray-monochrome), 0.5) -0.052rem 0.1137rem 0, rgba(var(--dark-gray-monochrome), 0.5) -0.1237rem 0.0176rem 0, rgba(var(--dark-gray-monochrome), 0.5) -0.0817rem -0.0946rem 0, rgba(var(--dark-gray-monochrome), 0.5) 0.0355rem -0.1199rem 0, rgba(var(--dark-gray-monochrome), 0.5) 0.12rem -0.0349rem 0;
}
 
#header h2 span {
    display: none;
}
 
@media (max-width: 767px) {
    #header h1 a {
        display: flex;
        padding: calc(var(--header-height-on-desktop) / 2) 0;
    }
 
    #header h1 a::before, #header h1 a::after {
        line-height: 1.1;
        letter-spacing: normal;
        font-weight: 400;
        display: flex;
        align-items: center;
        word-break: keep-all;
    }
}
 
@media only screen and (max-width: 530px) {
    #header h1 a::before,
    #header h1 a::after {
        width: 95%;
        padding: 0 calc(2.5%);
    }
}
 
/* ===页面标题=== */
.meta-title, #page-title {
    text-align: center;
    border-bottom: 0;
}
 
.meta-title, #page-title {
    font-size: 210%;
    font-family: 'IMB Plex Mono', monospace;
    font-weight: 600;
    display: flex;
}
 
#page-title:after, .meta-title:after {
    flex-grow: 1;
    height: .0625rem;
    margin: auto auto auto 1.25rem;
    background: rgb(var(--light-gray-monochrome));
    content: "";
}
 
#page-title::before, .meta-title::before, #page-title::after, .meta-title::after {
    background-color: rgb(var(--bright-accent));
    background-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/goldfoil.png");
}
 
#page-title::before, .meta-title::before {
    content: "";
    flex-grow: 1;
    height: 0.0625rem;
}
 
#page-title::before, .meta-title::before {
    margin: auto 1.25rem auto auto;
}
 
#page-title::before, .meta-title::before, #page-title::after, .meta-title::after {
    background-color: rgb(var(--medium-accent));
    background-image: none;
}
 
.meta-title p {
    line-height: 1;
}
 
h1, h2, h3, h4, h5, h6,.meta-title, #page-title {
    font-family: var(--title-font);
    color: rgb(var(--black-monochrome));
}
 
h1 {
    margin: .7em 0 .6em;
    padding: 0 0 .25em;
    font-weight: 700;
}
 
h2, h3, h4, h5, h6 {
    margin: .5em 0 .4em;
    padding: 0;
    font-weight: 900;
    letter-spacing: .063rem;
}
 
@media (max-width: 768px) {
    .meta-title, #page-title {
        font-size: 1.5em;
    }
}
 
h1,h2,h3,h4,h5,h6 {
    margin: 0 0 .5em;
    padding: 0;
    font-weight: revert;
    line-height: 1.4;
    font-family: var(--title-font);
    font-variant-ligatures: common-ligatures contextual discretionary-ligatures
}
 
h1,h2 {
    --wght: 800
}
 
h1,h2,h3,h4,h5,h6 {
    font-weight: var(--wght)
}
 
h3,h4,h5,h6 {
    --wght: 700
}
 
h1 {
    font-size: 1.5em
}
 
h2 {
    font-size: 1.25em
}
 
h3 {
    font-size: 1.1875em
}
 
h4 {
    font-size: 1.125em
}
 
h5 {
    font-size: 1.0625em
}
 
h6 {
    font-size: 1em
}
 
@media only screen and (min-width: 56.25rem) {
    h1 {
        font-size:2em
    }
 
    h2 {
        font-size: 1.75em
    }
 
    h3 {
        font-size: 1.5375em
    }
 
    h4 {
        font-size: 1.3625em
    }
 
    h5 {
        font-size: 1.15em
    }
 
    h6 {
        font-size: 1em
    }
}
 
#u-credit-view h2 {
    font-size: 1.5em;
    margin: .5em 0 .4em;
}
 
div#owindow-1.owindow .content.modal-body h1 {
    margin: .7em 0 .6em;
    font-family: 'zuijinregular', serif;
}
 
/* ===侧栏=== */
/* SIDE-BAR SETTINGS */
#side-bar {
    padding: 0;
    border-style: none;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}
 
#side-bar .side-block {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(var(--dark-accent));
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 2px 6px rgba(var(--dark-accent), .5);
    margin-bottom: 15px;
    padding: 10px;
}
 
/* #side-bar .side-block[style*="#f0fff6"] {
    background-color: rgb(248, 236, 198) !important;
} */
 
/* #side-bar .side-block[style*="#e7e5e8"] {
    background-color: rgb(234, 223, 183) !important;
} */
 
/* #side-bar .side-block[style*="#fff0f0"] {
    background-color: rgb(246, 234, 196) !important;
} */
 
/* #side-bar .side-block[style*="#e5e5ff"] {
    background-color: rgb(248, 241, 218) !important;
} */
 
#side-bar .heading {
    width: auto;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1rem;
    color: rgb(var(--dark-accent));
    border-bottom-color: rgb(var(--dark-accent));
    font-family: var(--header-font);
}
 
#side-bar .collapsible-block-folded {
    background-image: none;
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom-color: rgb(var(--dark-accent));
}
 
#side-bar .collapsible-block-folded .collapsible-block-link, #side-bar .collapsible-block-unfolded-link .collapsible-block-link, #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    font-size: 1rem;
    color: rgb(var(--dark-accent));
    font-family: var(--header-font);
}
 
#side-bar a:visited {
    color: rgb(var(--medium-accent));
}
 
/* SIDE-BAR IMAGES */
.side-block .menu-item > .image {
    filter: hue-rotate(-171deg);
}
 
/* Patch pour hover imbriqué */
#top-bar ul li ul li ul {
    left: 159px;
}
 
/* MOBILE SIDE-BAR */
@media (max-width: 767px) {
    #side-bar {
        background-color: rgb(var(--pale-gray-monochrome));
        padding: 1em 1em 0 1em;
    }
 
    #side-bar:target {
        border: 1px solid #dedede;
    }
 
    #side-bar:target .close-menu {
        background: rgba(0, 0, 0, 0.3) 1px 1px repeat;
    }
 
    #top-bar div.open-menu a {
        border: 0.2em solid rgb(var(--bright-accent));
        background-color: rgb(var(--gray-monochrome));
        color: rgb(var(--bright-accent));
    }
 
}
 
/* Toggle Sidebar */
#top-bar .open-menu a {
    position: fixed;
    top: 0.5em;
    left: 0.5em;
    z-index: 5;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 30px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    line-height: 0.9em;
    text-align: center;
    border-radius: 3em;
    border: 0.2em solid rgb(var(--medium-accent));
    background-color: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--bright-accent));
    text-decoration: none;
}
 
@media (min-width: 768px) {
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgb(149, 171, 178);
        transition: left 0.4s ease-in-out;
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
 
    #side-bar:focus-within:not(:target) {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 19.75em;
        opacity: 0;
        z-index: -1;
        visibility: visible;
    }
 
    #side-bar:not(:target) .close-menu {
        display: none;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
    @supports (-moz-appearance: none) {
        #top-bar .open-menu a {
            pointer-events: none;
        }
 
        #side-bar:not(:target) .close-menu {
            display: block;
            pointer-events: none;
            user-select: none;
        }
 
        /* This pseudo-element is meant to overlay the regular sidebar button
so the fixed positioning (top, left, right and/or bottom) has to match */
        #side-bar .close-menu::before {
            content: "";
            position: fixed;
            z-index: 5;
            display: block;
            top: 0.5em;
            left: 0.5em;
            border: 0.2em solid transparent;
            width: 30px;
            height: 30px;
            font-size: 30px;
            line-height: 0.9em;
            pointer-events: all;
            cursor: pointer;
        }
 
        #side-bar:focus-within {
            left: 0;
        }
 
        #side-bar:focus-within .close-menu::before {
            pointer-events: none;
        }
    }
}
 
/* ===移动端侧栏（sigma9用来打开侧栏的那个部分）=== */
@media screen and (max-width: 768px) {
    #top-bar .open-menu {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
 
    #top-bar .open-menu a {
        z-index: inherit;
        position: inherit;
        top: inherit;
        left: inherit;
        width: inherit;
        height: inherit;
        border: inherit;
        border-radius: inherit;
        background-color: inherit;
        color: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
        font-family: inherit;
        text-align: inherit;
    }
 
    #top-bar .open-menu a:hover {
        box-shadow: inherit;
        text-decoration: inherit;
    }
 
    #header div.open-menu > p {
        display: inline-flex;
        align-content: stretch;
        align-items: stretch;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        font-size: 2.5em;
    }
 
    #header div.open-menu > p, #header div.open-menu > p > a {
        justify-content: center;
    }
 
    #header div.open-menu > p > a {
        --wght: 700;
        display: flex;
        flex: 2 0 100%;
        align-items: center;
        justify-content: center;
        border: none !important;
        background-color: initial !important;
        color: rgb(var(--bright-accent)) !important;
        font-weight: var(--wght);
        letter-spacing: .016em;
        text-align: center;
        text-decoration: none;
        align-content: center;
        flex-direction: row;
        flex-wrap: nowrap;
    }
}
 
/* BODY */
body {
    background-color: rgb(var(--white-monochrome));
    font-family: var(--body-font);
    font-size: var(--base-font-size);
    background-image: linear-gradient(to bottom,rgba(var(--very-light-gray-monochrome),1) 0,rgba(var(--very-light-gray-monochrome),0) 40rem);
}
 
@media only screen and (max-width: 768px){
    body {
        background-image: none;
    }
}
 
#page-content {
    font-size: var(--base-font-size);
}
 
/* #main-content */
#main-content {
    max-width: min(90vw, var(--body-width-on-desktop)) !important;
}
 
#content-wrap {
    margin: calc(2rem + 0.5em) auto 0;
}
 
li, p {
    line-height: 1.5;
}
 
/* FOOTER */
 
#footer {
    box-sizing: border-box;
    display: flex!important;
    grid-area: footer;
    flex-wrap: wrap;
    padding: .5em 0 0;
    background: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
    font-size: .75em;
    line-height: 1;
    white-space: nowrap
}
 
#footer,#footer .options {
    align-items: center;
    justify-content: center
}
 
#footer .options {
    display: grid!important;
    grid-template-columns: repeat(9,-webkit-min-content);
    grid-template-columns: repeat(9,min-content);
    padding: 0 1.5em 0 0;
    width: inherit;
    float: inherit;
    color: rgb(var(--bright-accent))
}
 
#footer .options,#footer .options * {
    white-space: nowrap
}
 
#footer .options a,#footer .options a:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1em;
}
 
#footer a,#footer a:visited {
    display: inline-flex;
    z-index: 1;
    position: relative;
    align-items: center;
    justify-content: center;
    margin: .2em;
    padding: .2em;
    overflow: hidden;
    line-height: 1;
    background: inherit;
    color: inherit
}
 
#license-area {
    box-sizing: border-box;
    display: flex;
    grid-area: license;
    flex-wrap: wrap;
    align-self: flex-end;
    width: 100%;
    padding: .7em;
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
}
 
#license-area,#license-area a,#license-area a:visited {
    position: relative;
    align-items: center;
    justify-content: center;
    line-height: 1
}
 
#license-area a,#license-area a:visited {
    display: inline-flex;
    z-index: 1;
    color: rgb(var(--bright-accent));
}
 
/* OTHER STRUCTURAL ELEMENTS */
/* LINKS */
a {
    color: rgb(var(--medium-accent));
}
 
a, a:visited {
    -webkit-text-decoration: underline .09375em;
    -webkit-text-decoration-color: transparent;
    text-decoration: underline .09375em;
    text-decoration-color: transparent;
    transition: text-decoration-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration-color .15s cubic-bezier(.4, 0, .2, 1);
}
 
a:visited {
    color: rgb(var(--medium-accent));
}
 
a, a.newpage {
    background: transparent;
}
 
a.newpage {
    color: rgb(var(--newpage-color));
}
 
a:active, a:hover, a:focus-within, #side-bar a:active, #side-bar a:hover, #side-bar a:focus-within {
    -webkit-text-decoration: underline .09375em;
    -webkit-text-decoration-color: currentColor;
    background-color: initial;
    color: rgb(var(--dark-gray-monochrome));
    text-decoration: underline .09375em;
    text-decoration-color: initial;
    transition: text-decoration-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration-color .15s cubic-bezier(.4, 0, .2, 1);
}
 
#page-options-container a, #license-area a, #top-bar a {
    font-weight: 700;
}
 
/* CODE */
.code {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
tt, pre, .code, code {
    font-family: var(--mono-font);
}
 
.code {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    padding: 1em;
    border-width: .0625rem;
    border-style: dashed;
    border-color: rgba(var(--medium-accent), .25);
    background-color: rgb(var(--pale-gray-monochrome, 244, 244, 244));
    hyphens: auto;
    line-height: 1.5;
    word-break: break-word;
}
 
.code * {
    max-width: 90vw;
}
 
.code .italic, .code .italic *, .code [style*=italic], .code [style*=italic] *, .code [style*=oblique], .code [style*=oblique] *, .code em, .code em *, .code i, .code i * {
    --slnt: -15;
}
 
.code p, .code pre {
    margin: 0;
}
 
.code pre {
    white-space: pre-wrap;
}
 
/* RATING MODULE */
#page-content .page-rate-widget-box {
    font-size: .8rem;
}
 
.page-rate-widget-box .rate-points {
    background-color: rgb(var(--gray-monochrome)) !important;
    border-color: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--bright-accent)) !important;
}
 
.page-rate-widget-box .rateup, .page-rate-widget-box .ratedown {
    background-color: rgb(var(--pale-gray-monochrome));
    border-top-color: rgb(var(--dark-gray-monochrome));
    border-bottom-color: rgb(var(--dark-gray-monochrome));
}
 
.page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a {
    background: transparent;
    color: rgb(var(--gray-monochrome));
}
 
.page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover {
    background: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
}
 
.page-rate-widget-box .cancel {
    background: rgb(var(--gray-monochrome));
    border-color: rgb(var(--dark-gray-monochrome));
}
 
.page-rate-widget-box .cancel a {
    color: rgb(var(--light-gray-monochrome));
}
 
.page-rate-widget-box .cancel a:hover {
    background-color: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
}
 
/* INFO AYERS */
 
body {
    --linkColour: rgb(var(--bright-accent));
    --barColour: rgb(var(--dark-gray-monochrome));
}
 
/* CREDIT MODULE */
#page-content .rate-box-with-credit-button {
    background-color: rgb(var(--gray-monochrome));
    border-color: rgb(var(--gray-monochrome));
    font-size: .8rem;
}
 
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: rgb(var(--light-gray-monochrome));
}
 
#page-content .rate-box-with-credit-button .creditButton a {
    color: rgb(var(--bright-accent));
}
 
#page-content .rate-box-with-credit-button .creditButton a:hover {
    color: rgb(var(--light-gray-monochrome));
}
 
#page-content .modalbox {
    background: white !important;
    color: rgb(var(--black-monochrome));
    box-shadow: 0 2px 6px rgba(var(--dark-accent), .5);
}
 
.close-credits, .credit-back {
    filter: hue-rotate(-171deg);
}
 
.creditButtonStandalone p a{
    color: rgb(var(--bright-accent)) !important;
    background: rgb(var(--gray-monochrome)) !important;
}
.creditButtonStandalone p a:hover {
    background: rgb(var(--gray-monochrome)) !important;
    color: rgb(var(--light-gray-monochrome)) !important;
}
 
/* PAGE ELEMENTS */
/* BLOCKQUOTES */
blockquote, div.blockquote {
    background: rgb(var(--very-light-gray-monochrome));
    border: 3px outset rgb(var(--medium-accent));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--light-gray-monochrome),.5),inset .0625rem 0 0 0 rgba(var(--light-gray-monochrome),.5),inset 0 -.0625rem 0 0 rgba(var(--light-gray-monochrome),.75);
}
 
.blockquote, [class*=blockquote], blockquote, div.blockquote {
    margin: .5em 1.25rem;
}
 
@media only screen and (max-width: 56.25rem){
    .blockquote, [class*=blockquote], blockquote, div.blockquote {
        margin-right: 0;
        margin-left: 0;
    }
}
 
/* HORIZONTAL RULES */
hr {
    height: .125rem;
    border: 0;
    border-top: 0.0625rem solid transparent;
    background-color: rgba(var(--medium-accent));
    background-image: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 1em 0;
}
 
div#u-credit-view hr {
    margin: 1em 2em;
}
 
.fancyhr hr {
    filter: hue-rotate(134deg) saturate(104.62%) brightness(0.5);
    border-top: 2vw solid transparent;
    height: 0;
    box-sizing: border-box;
    border-image-source: url(https://crimone.github.io/crimson-anemone/files/wl_hr.png);
    border-image-repeat: round round;
    background: rgba(var(--bright-accent), 0) none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
.fancyborder {
    box-sizing: border-box;
    padding: 2vw;
    border: 2vw solid rgba(0, 0, 0, 0.5);
    border-image: url("https://crimone.github.io/crimson-anemone/files/wl_border.png") 600 round;
    border-image-width: 6;
    line-height: 1.5;
}
 
/* TABLES */
table.wiki-content-table th {
    color: rgb(var(--bright-accent));
    background-color: rgb(var(--dark-gray-monochrome));
    border-color: rgb(var(--light-gray-monochrome));
    font-family: var(--title-font);
}
 
/* footnote by 7happy7 */
span:not([class]):not([style]) > sup.footnoteref:first-child > a.footnoteref:before, sup.footnoteref > a.footnoteref:before {
    content: "(";
}
 
span:not([class]):not([style]) > sup.footnoteref > a.footnoteref:before {
    content: ",";
}
 
/* footnote block */
.bibitems, .footnotes-footer {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 95%;
    height: auto;
    margin: 1.5rem 1.5rem .5rem;
    padding: .15em 1em 1em 0;
    background-color: rgb(var(--pale-gray-monochrome));
    box-shadow: inset .5em 0 0 0 rgba(var(--gray-monochrome));
    color: black;
}
 
.footnotes-footer {
    counter-reset: footnotes 0;
}
 
.bibitems {
    counter-reset: bibitems 0;
}
 
.bibitems .title, .footnotes-footer .title {
    --wght: 700;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: -.75em;
    padding: 0.1em .5em;
    background-color: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
    font-weight: var(--wght);
    font-size: 1.25em;
    font-family: "zuijinregular", sans-serif;
}
 
.footnotes-footer .footnote-footer {
    margin: .25em 0 0 6ch;
    line-height: 1.5;
}
 
.bibitems .bibitem {
    margin: .25em 0 0 3ch;
    text-indent: 2ch;
}
 
.bibitems .bibitem:first-letter {
    font-size: 0;
}
 
.footnotes-footer a[href*=javascript], .footnotes-footer a[href*=javascript]:visited {
    --MONO: 1;
    --wght: calc(var(--ui-wght) + 100);
    display: inline-flex;
    position: relative;
    min-width: 2ch;
    margin: 0 0 0 -3ch;
    color: transparent;
    font-weight: var(--wght);
    font-family: var(--mono-font);
}
 
.bibitems .bibitem:after, .footnotes-footer a[href*=javascript]:before {
    --MONO: 1;
    --wght: calc(var(--ui-wght) + 100);
    display: inline-flex;
    z-index: 2;
    position: absolute;
    top: 0;
    right: -25%;
    width: 100%;
    background-color: rgb(var(--pale-gray-monochrome));
    font-weight: var(--wght);
    font-family: var(--mono-font);
}
 
.footnotes-footer a[href*=javascript]:before {
    display: inline-flex;
    justify-content: flex-end;
    content: counter(footnotes) ".";
    color: rgb(var(--medium-accent));
    counter-increment: footnotes;
    transition: color .15s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1);
}
 
@supports (font-feature-settings: inherit) {
    .footnotes-footer a[href*=javascript]:before {
        transition: color .15s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1);
    }
}
 
.footnotes-footer a[href*=javascript]:active:before, .footnotes-footer a[href*=javascript]:hover:before, .footnotes-footer a[href*=javascript]:focus-within:before {
    --wght: 700;
    color: rgb(var(--dark-gray-monochrome));
    font-weight: var(--wght);
}
 
@media (max-width: 768px) {
    .bibitems, .footnotes-footer {
        width: 100%;
        margin: 1.5em 0 0;
    }
}
 
/* TABVIEW */
.yui-navset .yui-content {
    border-color: rgb(var(--light-gray-monochrome));
    border-top-color: rgb(var(--medium-accent));
    background-color: rgba(var(--pale-gray-monochrome), 0.25);
    font-weight: normal;
}
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    border-bottom: 0.3em solid rgb(var(--dark-medium-accent));
}
 
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background-image: none;
    background-color: rgb(var(--pale-gray-monochrome));
    font-weight: normal;
}
 
.yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus {
    background: rgb(var(--medium-accent));
    color: white;
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, /* Pas d'effet focus/hover pour tab sélectionné */
.yui-navset .yui-nav .selected a:hover {
    background-image: none !important;
    background: rgb(var(--dark-medium-accent));
    border-color: rgb(var(--dark-medium-accent));
    color: white;
}
 
.yui-navset li {
    line-height: normal;
}
 
/* Bordures onglets */
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    border: 1.2px solid rgb(var(--medium-accent));
    padding: 0.15em;
}
 
.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border: none !important;
}
 
/* IMAGE BLOCK */
.scp-image-block .scp-image-caption {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
/* HIGHLIGHTING */
::-moz-selection {
    background: rgba(var(--bright-accent), 0.5);
}
 
::selection {
    background: rgba(var(--bright-accent), 0.5);
}
 
/* Page-Tags */
#main-content .page-tags {
    border-top: 2px solid rgb(var(--dark-accent));
}
 
#main-content .page-tags a {
    display: inline-block;
    height: 0.8125rem;
    line-height: 0.8125rem;
    font-size: 0.6875rem;
    font-weight: normal;
    background: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin: 0 0 .5rem .75rem;
    padding: 0.1875rem 0.3125rem 0.1875rem 0;
}
 
#main-content .page-tags a:before {
    top: -0.1875rem;
    left: -0.625rem;
    width: 0;
    height: 0;
    border-color: transparent rgb(var(--gray-monochrome, 45, 70, 45)) transparent transparent;
    border-style: solid;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    padding: 0 0.0625rem 0.1875rem;
}
 
#main-content .page-tags a:before, #main-content .page-tags a:after {
    content: "";
    float: left;
    position: relative;
}
 
#main-content .page-tags a:after {
    --box-shadow: rgb(var(--gray-monochrome, 45, 70, 45));
    top: 0.28125rem;
    left: -0.5rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 0.125rem;
    background-color: rgb(var(--bright-accent, 255, 219, 90));
    box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
}
 
.page-tags span {
    border-top: .5rem solid transparent;
}
 
/* ===用户和搜索栏=== */
#search-top-box {
    display: flex;
    z-index: 12;
    position: absolute;
    top: 1.5em;
    right: calc(3% - .25em);
    align-items: center;
    justify-content: center;
    width: auto;
    height: calc(0.9375rem * 1.8);
    transform: translateY(-50%);
    font-size: calc(0.9375rem * .86667);
}
 
#search-top-box, #search-top-box * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width;
}
 
#search-top-box:focus-within, #search-top-box:focus-within *, #search-top-box:focus-within :after, #search-top-box:focus-within :before {
    margin: 0;
    padding: 0;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .3s cubic-bezier(.4, 0, .2, 1), padding .3s cubic-bezier(.4, 0, .2, 1), max-width .3s cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width;
}
 
#search-top-box:focus-within {
    background: rgba(var(--dark-gray-monochrome), .7);
    box-shadow: calc(calc(0.9375rem * 1.8) / 2 * -1) 0 calc(calc(0.9375rem * 1.8) / 2) rgba(var(--dark-gray-monochrome));
}
 
#search-top-box:after, #search-top-box:before {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(0.9375rem * 1.8);
    height: 100%;
    content: " ";
}
 
#search-top-box:before {
    -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2);
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: var(--search-top-box-mask);;
    z-index: 14;
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-gray-monochrome));
    text-align: center;
    cursor: pointer;
    mask-image: var(--search-top-box-mask);;
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2);
    pointer-events: none;
}
 
#search-top-box:not(:focus-within):hover:before {
    background-color: rgb(var(--bright-accent));
}
 
#search-top-box:focus-within:before {
    background-color: rgb(var(--bright-accent));
}
 
#search-top-box:after {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    z-index: 13;
    clip-path: var(--clip-path);
    pointer-events: none;
}
 
#search-top-box:not(:focus-within):after {
    --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    background-color: rgb(var(--bright-accent), 0);
}
 
#search-top-box form[id=search-top-box-form] {
    display: flex;
    visibility: visible;
    position: relative;
    right: 0;
    max-width: 100%;
    height: calc(0.9375rem * 1.8);
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) {
    max-width: calc(0.9375rem * 15);
}
 
#search-top-box form[id=search-top-box-form] input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
}
 
#search-top-box form[id=search-top-box-form] input[type=text] {
    z-index: 13;
    position: absolute;
    right: 0;
    width: calc(0.9375rem * 15);
    max-width: calc(0.9375rem * 15);
    height: 100%;
    padding: 0 calc(0.9375rem * 1.8) 0 1em;
    outline: 0 solid rgb(var(--bright-accent));
    background-color: rgb(var(--dark-gray-monochrome), .7);
    box-shadow: 0 0 0 .125rem rgb(var(--bright-accent));
    color: rgba(var(--bright-accent));
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] {
    max-width: calc(0.9375rem * 1.8);
    padding: 0;
    outline-width: 0;
    background-color: rgba(var(--dark-gray-monochrome), 0);
    box-shadow: 0 0 0 0 rgb(var(--bright-accent));
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover {
    background-color: rgba(var(--dark-gray-monochrome), 1);
}
 
#search-top-box form[id=search-top-box-form] input[type=submit] {
    visibility: visible;
    z-index: 14;
    position: absolute;
    right: 0;
    width: calc(0.9375rem * 1.8);
    height: calc(0.9375rem * 1.8);
    outline: 0 solid rgb(var(--bright-accent));
    background-color: transparent;
    box-shadow: 0 0 0 .125rem rgb(var(--bright-accent));
    color: transparent;
    font-size: calc(0.9375rem * .86667);
    cursor: pointer;
    pointer-events: all;
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] {
    box-shadow: 0 0 0 0 rgb(var(--bright-accent));
    pointer-events: none;
}
 
#login-status {
    --wght: var(--ui-wght);
    display: flex;
    z-index: 11;
    position: absolute;
    top: 1.5em;
    right: calc(3% + calc(0.9375rem * 1.8) - .25em);
    align-items: center;
    justify-content: center;
    height: 2em;
    margin: 0 0 0 .5em;
    transform: translateY(-50%);
    color: rgb(var(--bright-accent));
    font-weight: var(--wght);
    font-size: 1em;
    font-family: var(--UI-font);
    white-space: nowrap;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
}
 
#search-top-box:focus-within ~ #login-status {
    opacity: 0;
}
 
#login-status span.printuser a:first-of-type {
    width: 1.75em;
}
 
#login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in {
    margin: 0 1em;
    background-color: rgb(var(--pale-gray-monochrome));
    color: rgb(var(--dark-gray-monochrome));
    padding: 0.1em 1em;
    text-decoration: none;
}
 
#login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:focus-within, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:focus-within {
    background-color: rgba(var(--bright-accent), 1);
    color: rgb(var(--dark-accent));
    text-decoration: none;
}
 
#login-status span.printuser {
    --wght: var(--ui-wght);
    margin-right: .5em;
    color: rgb(var(--bright-accent));
    font-weight: var(--wght);
}
 
#login-status a#my-account {
    color: rgb(var(--bright-accent));
}
 
#login-status a#my-account {
    --wght: var(--ui-wght);
    -webkit-text-decoration: underline rgb(var(--dark-accent)) .125em;
    display: flex;
    align-items: center;
    padding: 0 .5em;
    background-color: initial;
    box-shadow: inset 0 0 0 0 rgb(var(--dark-accent));
    font-weight: var(--wght);
    text-decoration: underline rgb(var(--dark-accent)) .125em;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status a#my-account:active, #login-status a#my-account:hover {
    --wght: var(--ui-hvr-wght);
    -webkit-text-decoration: underline rgb(var(--dark-accent)) 0;
    box-shadow: inset 0 -2em 0 0 rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
    font-weight: var(--wght);
    text-decoration: underline rgb(var(--dark-accent)) 0;
}
 
#login-status a#my-account:focus-within {
    --wght: var(--ui-hvr-wght);
    -webkit-text-decoration: underline rgb(var(--dark-accent)) 0;
    box-shadow: inset 0 -2em 0 0 rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
    font-weight: var(--wght);
    text-decoration: underline rgb(var(--dark-accent)) 0;
}
 
#login-status #account-topbutton {
    --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%);
    -webkit-clip-path: var(--clip-path);
    position: relative;
    width: var(--account-height);
    height: var(--account-height);
    margin: 0;
    padding: 0;
    background-color: rgb(var(--bright-accent));
    color: transparent;
    clip-path: var(--clip-path);
    transition: -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1);
    transition: clip-path .1s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options {
    display: block !important;
    z-index: 12;
    position: absolute;
    top: 1.5rem;
    right: 0;
    width: 10em;
    margin: .25em 0 0;
    padding: 0;
    overflow: hidden;
    background-image: var(--gradient-header);
    background-color: rgb(var(--dark-gray-monochrome));
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options:focus-within, #login-status #account-topbutton:active + #account-options, #login-status #account-topbutton:focus + #account-options {
    opacity: 1;
    pointer-events: all;
}
 
@media (pointer: coarse) {
    #login-status #account-options:hover, #login-status #account-topbutton:hover + #account-options {
        opacity: 1;
        pointer-events: all;
    }
}
 
#login-status #account-options * {
    margin: 0;
    padding: 0;
}
 
#login-status #account-options ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 2em;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    font-size: .85em;
}
 
#login-status #account-options ul li {
    position: relative;
}
 
#login-status #account-options ul li, #login-status #account-options ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
 
#login-status #account-options a {
    --box-shadow: rgba(var(--dark-gray-monochrome));
    --wght: var(--ui-wght);
    position: relative;
    flex-grow: 1;
    height: 100%;
    max-height: 2em;
    padding: 0 .25em;
    box-shadow: inset 0 0 0 .0625rem var(--dark-gray-monochrome);
    font-weight: var(--wght);
    transition: color .15s cubic-bezier(.4, 0, .2, 1), font-weight .15s cubic-bezier(.4, 0, .2, 1), font-variation-settings .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options li > a, #login-status #account-options li > a:visited {
    color: rgb(var(--bright-accent));
}
 
#login-status #account-options li > a:active, #login-status #account-options li > a:hover {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--dark-accent));
    font-weight: var(--wght);
    text-decoration: none;
}
 
#login-status #account-options li > a:focus-within {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--dark-accent));
    font-weight: var(--wght);
    text-decoration: none;
}
 
#login-status #account-options li > a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    z-index: -1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--bright-accent));
    content: " ";
    clip-path: var(--clip-path);
    pointer-events: none;
    transition: -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1);
    transition: clip-path .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options li > a:active:before, #login-status #account-options li > a:hover:before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%);
}
 
#login-status #account-options li > a:focus-within:before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%);
}
 
/* ===默认收起用户信息栏和搜索栏=== */
#search-top-box {
    top: 23px;
    right: 3%;
}
 
#login-status {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    top: 24px;
    right: calc(3% + calc(0.9375rem * 1.8) + .25em);
    color: transparent;
    pointer-events: none;
    transition: color .2s cubic-bezier(.4, 0, .2, 1);
    user-select: none;
}
 
#login-status:active, #login-status:hover {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    color: rgb(var(--bright-accent));
    pointer-events: all;
    user-select: auto;
}
 
#login-status:focus-within {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    color: rgb(var(--bright-accent));
    pointer-events: all;
    user-select: auto;
}
 
#login-status:active #account-options, #login-status:hover #account-options {
    pointer-events: all;
}
 
#login-status:focus-within #account-options {
    pointer-events: all;
}
 
#login-status > :not(#account-topbutton) {
    --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    opacity: 0;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), clip-path .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status:active > :not(#account-topbutton), #login-status:hover > :not(#account-topbutton) {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    opacity: 1;
}
 
#login-status:focus-within > :not(#account-topbutton) {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    opacity: 1;
}
 
#login-status #account-topbutton {
    margin-left: 0;
    background-color: initial;
    pointer-events: all;
    transition: clip-path .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status:hover #account-topbutton {
    background-color: rgb(var(--bright-accent));
}
 
#login-status:before {
    -webkit-mask-image: var(--user-account-mask);
    -webkit-mask-size: calc(calc(0.9375rem * 1.8) - .5em);
    -webkit-mask-position: center right;
    -webkit-mask-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--bright-accent), 1);
    content: "";
    cursor: pointer;
    mask-image: var(--user-account-mask);
    mask-position: center right;
    mask-repeat: no-repeat;
    mask-size: calc(calc(0.9375rem * 1.8) - .5em);
    pointer-events: all;
    transition: background-color .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status:hover:before {
    background-color: rgba(var(--search-icon-hover-color), 1);
}
 
#login-status:active:after, #login-status:active:before, #login-status:hover:after, #login-status:hover:before {
    background-color: rgba(var(--search-icon-hover-bg-color), 0);
    cursor: auto;
    pointer-events: none;
}
 
#login-status:focus-within:after, #login-status:focus-within:before {
    background-color: rgba(var(--search-icon-hover-bg-color), 0);
    cursor: auto;
    pointer-events: none;
}
 
#login-status #account-topbutton {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    background-color: rgba(var(--bright-accent), 0);
    clip-path: var(--clip-path);
}
 
#login-status:active #account-topbutton, #login-status:hover #account-topbutton {
    --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%);
    -webkit-clip-path: var(--clip-path);
    background-color: rgb(var(--bright-accent));
    clip-path: var(--clip-path);
}
 
#login-status:focus-within #account-topbutton {
    --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%);
    -webkit-clip-path: var(--clip-path);
    background-color: rgb(var(--bright-accent));
    clip-path: var(--clip-path);
}
 
#login-status #account-options {
    margin: 0;
}
 
#account-topbutton {
    border: none;
}
 
#account-options {
    border: none;
}
 
/* ===调整平板电脑(768px)时的显示效果=== */
@media screen and (width: 768px) {
    #top-bar .open-menu a {
        z-index: inherit;
        position: inherit;
        top: inherit;
        left: inherit;
        width: 130px;
        height: var(--topbar-height-on-desktop);
        border: inherit;
        border-radius: inherit;
        background-color: inherit;
        color: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
        font-family: inherit;
        text-align: inherit;
    }
 
    #header, #top-bar {
        width: 100%;
    }
 
    #header h1 a::before, #header h1 a::after {
        font-weight: 400;
    }
}
 
@media screen and (min-width: 768px) and (max-width: 825px) {
    #header, #top-bar {
        width: 100%;
    }
}
 
/* ===内置解决saving pages问题的模块=== */
body[class="wait"] #odialog-shader-iframe, body[class="wait"] #odialog-shader {
    display: none !important;
}
 
#odialog-container {
    position: fixed !important;
}
 
body[class="wait"] #odialog-container {
    z-index: -1;
}
 
body[class="wait"] #odialog-container #owindow-1 {
    display: none !important;
}
 
body[class="wait"] a[name="page-top"][target] + div #main-content #action-area div#lock-info {
    background-color: rgb(var(--dark-accent));
    border: 1px solid rgb(var(--bright-accent));
}
 
div#lock-info {
    font-size: 0 !important;
    margin: .8rem 0 !important;
    padding: 0.4rem .8rem !important;
}
 
div#lock-info::before {
    content: '您握有一个独占的15 分钟锁定，这将会阻止其他人编辑您正在作业的页面。\A这个锁定将在闲置 ';
    display: inline;
    font-size: .82rem;
    white-space: pre-wrap;
}
 
div#lock-info > strong {
    font-size: .82rem;
}
 
div#lock-info > br {
    display: none;
}
 
div#lock-info::after {
    content: ' 秒后失效。';
    display: inline;
    font-size: .82rem;
}
 
body[class="wait"] a[name="page-top"][target] + div #main-content #action-area div#lock-info::before {
    content: '保存页面中……\A若此提示已经显示了很长时间，建议将编辑框中的内容复制到剪切板然后刷新本页重新编辑。';
    display: inline;
    font-size: .82rem;
    color: rgb(var(--bright-accent));
    white-space: pre-wrap;
}
 
body[class="wait"] a[name="page-top"][target] + div #main-content #action-area div#lock-info::after {
    font-size: 0;
}
 
body[class="wait"] a[name="page-top"][target] + div #main-content #action-area div#lock-info > strong {
    font-size: 0;
}
 
body[class="wait"] a[name="page-top"][target] + div #main-content #action-area div#lock-info::after {
    font-size: 0;
}
 
/* ===修复ios设备上的显示效果=== */
@supports (-webkit-touch-callout: none) {
    .fancyhr hr {
        filter: hue-rotate(134deg) saturate(104.62%) brightness(0.5);
        border-image-source: url("https://crimone.github.io/crimson-anemone/files/wl_hr.png");
        border-image-repeat: repeat;
        border-image-slice: 80 500 80 500 fill;
        border-image-width: 10em 80em 10em 80em;
    }
}
 
/* ----END---- */

Footnotes

1. 一个脚注