Chrysalis C-1294

版式 CSS 代码

@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');
 
:root {
    --global-dark-color: 12, 24, 129;
    --global-black-color: 0, 0, 0;
    --global-accent-1: 227, 185, 27;
    --global-accent-2: 254, 250, 7;
    --global-accent-3: 255, 85, 208;
 
    --global-bg: 12, 154, 167;
    --global-txt: var(--global-white-color);
    --light-ui-bg: var(--global-light-color);
    --light-ui-txt: var(--global-txt);
    --bright-ui-bg: var(--global-accent-1);
 
    --global-border: var(--global-pale-color);
 
    --header-bg: var(--global-bg);
    --dropdown-bg: var(--topbar-hover-bg);
 
    --th-bg: var(--dark-ui-bg);
    --th-txt: var(--dark-ui-txt);
 
    --btn-bg: var(--dark-ui-bg);
    --btn-txt: var(--dark-ui-txt);
    --btn-hover-bg: var(--bright-ui-bg);
    --btn-hover-txt: var(--btn-txt);
 
    --rate-bg: var(--dark-ui-bg);
 
    --header-height: 0px;
    --topbar-height: 3rem;
    --dropdown-height: var(--topbar-height);
    --banner-height: 15rem;
    --header-ui-size: var(--topbar-height);
 
    --rate-height: calc(var(--global-font-size) * 2);
 
    --banner-title: "THE BACKROOMS";
    --banner-subtitle: "你曾经来过这里";
 
    --banner-title-size: min(calc(1.2rem + 3vw), 2.75rem);
    --banner-subtitle-size: min(calc(0.8rem + 0.8vw), 1.25rem);
 
    --banner-font: "Noto Serif SC", "Noto Serif TC", Consolas, monaco, monospace;
    --header-font: var(--banner-font);
    --title-font: var(--banner-font);
    --body-font: "Cabin", "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
    --ui-font: var(--banner-font);
    --mono-font: "PT Mono", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, monospace;
}
 
body {
    background-image: radial-gradient(rgba(var(--global-dark-color), 0), rgba(var(--global-black-color), 0.4));
    background-attachment: fixed;
    text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
#extra-div-1 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 700' width='700' height='700' opacity='0.6'%3E%3Cdefs%3E%3Cfilter id='a' x='-20%25' y='-20%25' width='140%25' height='140%25' filterUnits='objectBoundingBox'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.095' numOctaves='4' seed='15' stitchTiles='stitch' x='0%25' y='0%25' result='turbulence'/%3E%3CfeSpecularLighting surfaceScale='15' specularConstant='.75' specularExponent='20' lighting-color='%23fff' x='0%25' y='0%25' in='turbulence' result='specularLighting'%3E%3CfeDistantLight azimuth='3' elevation='100'/%3E%3C/feSpecularLighting%3E%3C/filter%3E%3C/defs%3E%3Cpath fill='transparent' d='M0 0h700v700H0z'/%3E%3Cpath fill='%23fff' filter='url(%23a)' d='M0 0h700v700H0z'/%3E%3C/svg%3E");
    background-size: 10rem 10.2rem;
    background-repeat: repeat;
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: blur(0.05rem);
    pointer-events: none;
}
 
#header {
    position: relative;
    top: 0;
}
 
#search-top-box, #top-bar {
    position: static;
}
 
#search-top-box, #search-top-box:is(:hover, :focus) {
    transition: unset;
}
 
#search-top-box {
    filter: drop-shadow(0.1rem 0.1rem 0.1rem rgb(var(--global-black-color))) blur(0.05rem);
}
 
#login-status {
    font-family: var(--ui-font);
    font-weight: 700;
    position: relative;
}
 
#login-status, #login-status:is(:hover, :focus, :active) {
    transition: unset;
}
 
#login-status .printuser > a > img.small {
    box-shadow: 0.1rem 0.1rem 0.1rem rgb(var(--global-black-color));
    filter: blur(0.03rem);
}
 
#login-status #account-options, #login-status:is(:hover, :focus, :active) #account-options {
    transition: unset;
    filter: blur(0.03rem);
}
 
#login-status:is(:hover, :focus, :active) #account-options ul li, #login-status:is(:hover, :focus, :active) #account-options ul li:is(:hover, :focus, :active) {
    transition: unset;
}
 
#header-extra-div-1 {
    display: none;
}
 
#header h1 {
    display: none;
}
 
#login-status, #search-top-box {
    grid-row: 1 / 3;
}
 
#top-bar {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    font-weight: 700;
}
 
#top-bar > div > ul > li > ul {
    border: unset;
    transition: unset;
    filter: blur(0.03rem);
}
#top-bar > div > ul > li:is(:hover, :focus, .sfhover, :focus-within) > ul {
    transition: unset;
}
 
@media only screen and (max-width: 768px) {
    #top-bar > div > ul > li > ul {
        top: var(--topbar-height);
    }
}
 
#top-bar > div > ul > li > a {
    transition: unset;
    text-decoration: underline;
    filter: blur(0.03rem);
}
 
#top-bar > div > ul > :is(li, li:hover, li:focus, li.sfhover, li:focus-within) > ul > li a {
    transition: unset;
    background: rgba(var(--dropdown-bg), 1);
    text-decoration: underline;
}
 
#top-bar > div > ul > li:is(:hover, :focus, .sfhover, :focus-within) > a, #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
    transition: unset;
    text-decoration: underline;
}
 
#top-bar > div > ul > :is(li, li:hover, li:focus, li.sfhover, li:focus-within) > ul > li a:is(:hover, :focus, :active) {
    transition: unset;
    text-decoration: underline;
}
 
#header h2 span {
    perspective: 10rem;
    filter: blur(0.05rem);
}
 
#header h2 span::before {
    transform: scale3d(1, 2, 1);
    text-shadow: 0.1rem 0.1rem 0.1rem rgb(var(--global-black-color));
    letter-spacing: 0.25rem;
}
 
#header h2 span::after {
    transform: rotateX(45deg) scale3d(0.8, 1.5, 1) translateY(1rem);
    color: rgb(var(--global-accent-2));
    text-shadow: 0.1rem 0.1rem 0.1rem rgb(var(--global-black-color));
    font-weight: 700;
}
 
#side-bar {
    background: unset;
    border: unset;
}
 
#side-bar::before, #side-bar:is(:hover, :focus-within)::before {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='c' x='-.014' y='-.288' width='1.029' height='1.576' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic' in='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='blur' in='fbSourceGraphic'/%3E%3C/filter%3E%3Cfilter id='b' x='-.014' y='-.288' width='1.029' height='1.576' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic' in='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='blur' in='fbSourceGraphic'/%3E%3C/filter%3E%3Cfilter id='a' x='-.014' y='-.288' width='1.029' height='1.576' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic' in='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='blur' in='fbSourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cpath paint-order='stroke fill markers' filter='url(%23a)' d='M10.917 58.212h100v5h-100z'/%3E%3Cpath paint-order='stroke fill markers' filter='url(%23b)' d='M10.917 38.212h100v5h-100z'/%3E%3Cpath paint-order='stroke fill markers' filter='url(%23c)' d='M10.917 78.212h100v5h-100z'/%3E%3Cpath fill='%23fff' paint-order='stroke fill markers' d='M10 57.5h100v5H10zM10 37.5h100v5H10zM10 77.5h100v5H10z'/%3E%3C/svg%3E");
    background-size: 80% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
 
#side-bar::before {
    filter: blur(0.02rem);
    mask: unset;
}
 
:is(#side-bar, #interwiki) .heading {
    font-size: inherit;
    filter: blur(0.03rem);
    direction: ltr;
}
 
:is(#side-bar, #interwiki) .menu-item a, :is(#side-bar, #interwiki) .menu-item a:is(:hover, :focus) {
    transition: unset;
}
 
:is(#side-bar, #interwiki) .menu-item a {
    font-weight: 700;
    filter: blur(0.03rem);
}
 
#content-wrap {
    margin: 0 1rem 0;
}
 
#page-title, .meta-title {
    text-shadow: unset;
    filter: blur(0.05rem) drop-shadow(0.1rem 0.1rem rgb(var(--global-black-color)));
    font-weight: bold;
    transform: scaleY(1.2);
    transform-origin: bottom;
}
 
#page-content {
    line-height: 2;
}
 
#toc {
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
#toc #toc-action-bar {
    text-shadow: none;
    box-shadow: inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
#toc #toc-action-bar a {
    filter: drop-shadow(0.1rem 0.1rem 0.1rem rgb(var(--global-black-color))) blur(0.03rem);
}
 
#toc .title, #toc-action-bar:is(:hover, :focus-within) + .title {
    transition: unset;
}
 
#toc .title {
    font-family: var(--ui-font);
    font-weight: 700;
    filter: blur(0.02rem);
}
 
#toc #toc-list {
    box-shadow: inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
    filter: blur(0.03rem);
}
 
a, a:hover, a.newpage {
    transition: unset;
    text-decoration: underline;
}
 
div.page-rate-widget-box, div.rate-box-with-credit-button, #page-content .creditButtonStandalone p {
    background: unset;
    border: unset;
}
 
div.page-rate-widget-box .rate-points {
    font-weight: 700;
    filter: blur(0.03rem);
}
 
.page-rate-widget-box :is(.rateup, .ratedown, .cancel), .rate-box-with-credit-button .creditButton, #page-content .creditButtonStandalone p, .page-rate-widget-box :is(.rateup, .ratedown, .cancel):is(:hover, :focus), .rate-box-with-credit-button .creditButton:is(:hover, :focus), #page-content .creditButtonStandalone p:is(:hover, :focus) {
    transition: unset;
}
 
.page-rate-widget-box :is(.rateup, .ratedown, .cancel), .rate-box-with-credit-button .creditButton, #page-content .creditButtonStandalone p {
    background: rgb(var(--rate-bg));
    filter: blur(0.03rem);
    border-radius: 50%;
    box-shadow: inset -0.1rem -0.1rem 0.1rem rgb(var(--global-black-color));
}
 
.creditBottomRate {
    padding: 0.5rem 0;
}
 
:is(#u-credit-view,div#u-credit-otherwise) .modalbox {
    background: rgb(var(--light-ui-bg));
}
 
.modalbox > div:first-child {
    background: rgb(var(--dark-ui-bg));
}
 
h1, h2, h3, h4, h5, h6 {
    filter: blur(0.03rem);
    transform: scaleY(1.5);
    text-shadow: 0.1rem 0.1rem 0.1rem rgb(var(--global-black-color));
    font-weight: 700;
    margin: 1rem 0;
}
 
hr {
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
:is(blockquote, .blockquote, div.blockquote, [class*=blockquote]) {
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
.code, .page-source {
    background: rgb(var(--global-white-color));
    color: rgb(var(--global-black-color));
    text-shadow: none;
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
    border-style: solid;
}
 
:is(.code, .page-source) a {
    text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
:is(.image-block,.scp-image-block) img {
    border: unset;
    filter: blur(0.03rem);
}
 
:is(.image-block,.scp-image-block) :is(.image-caption,.scp-image-caption) {
    border: unset;
    background: unset;
    color: inherit;
}
 
.bblock, .bblock:is(:hover, :focus-within), .dblock, .dblock:is(:hover, :focus-within) {
    transition: unset;
}
 
.bblock, .dblock {
    text-shadow: none;
}
 
.bblock:is(:hover, :focus-within) {
    color: rgb(var(--global-black-color));
}
 
.dblock:is(:hover, :focus-within) {
    color: inherit;
    text-shadow: inherit;
}
 
.block {
    border: var(--global-border-width) solid rgb(var(--global-border));
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
.shadow {
    box-shadow: 0.2rem 0.2rem 0.2rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
.dropshadow {
    box-shadow: 0.5rem 0.5rem 0.5rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
.analogue {
    filter: blur(0.03rem);
    font-family: var(--ui-font);
    transform: scaleY(1.5);
    margin: 3rem 0;
}
 
:is(#page-content .wiki-content-table, .page-compare, table.form.grid) {
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
:is(#page-content .wiki-content-table, .page-compare, table.form.grid) tr {
    box-shadow: inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
:is(#page-content .wiki-content-table, .page-compare, table.form.grid) tr td {
    background: unset;
}
 
.yui-navset {
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    box-shadow: inset 0.05rem 0 0.05rem rgb(var(--global-black-color));
    font-weight: 700;
    font-family: var(--ui-font);
}
 
:is(.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav) li {
    box-shadow: inset 0 0.1rem 0.05rem -0.05rem rgb(var(--global-black-color));
}
 
:is(.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav) li, :is(.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav) li:is(:hover, :focus) {
    transition: unset;
}
 
.yui-navset .yui-content {
    box-shadow: inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
.btn:not(.page-rate-widget-box *, #login-status *, .owindow .button-bar > a[onclick*=cleanAll]), a.action-area-close, .site-tools-box ul.nav.nav-pills a, div.buttons input, input.button, button, a.button {
    border: unset;
    transition: unset;
    border-radius: 0.5rem;
    text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
    filter: blur(0.02rem);
    box-shadow: inset -0.1rem -0.1rem 0.5rem -0.2rem rgb(var(--global-black-color));
    text-decoration: underline;
    font-weight: 700;
    font-size: calc(0.6rem + 0.4vw);
}
 
.btn:not(.page-rate-widget-box *, #login-status *, .owindow .button-bar > a[onclick*=cleanAll]):is(:hover, :focus), a.action-area-close:is(:hover, :focus), .site-tools-box ul.nav.nav-pills a:is(:hover, :focus), div.buttons input, input.button, button, a.button, :is(div.buttons input, input.button, button, a.button):is(:hover, :focus) {
    transition: unset;
}
 
:is(.bibitems, .footnotes-footer) {
    text-shadow: unset;
    filter: blur(0.03rem) drop-shadow(0.05em 0.05rem 0.05rem rgb(var(--global-black-color)));
}
 
:is(.bibitems, .footnotes-footer) .title {
    filter: blur(0.02rem);
    transform: scaleY(1.5);
    font-weight: 700;
    margin: 1rem 0;
}
 
#main-content .page-tags {
    font-weight: 700;
    filter: drop-shadow(0.05rem 0.05rem 0.05rem rgb(var(--global-black-color))) blur(0.03rem);
    text-shadow: none;
    transform: scaleY(1.2);
}
 
#page-options-container {
    font-family: var(--ui-font);
    font-weight: 700;
    text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
#page-info, .page-watch-options {
    filter: blur(0.03rem);
    transform: scaleY(1.5);
}
 
.page-watch-options :is(a, a:hover, a:focus) {
    text-decoration: underline;
}
 
#page-options-container .page-options-bottom {
    border: unset;
    gap: 0.5rem;
    margin: 0.5rem 0 0;
}
 
#page-options-container .page-options-bottom a#more-options-button {
    border: unset;
}
 
:is(#edit-page-form, #new-post-form) {
    background: rgb(var(--light-ui-bg));
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
#edit-page-form > table.form tr td:first-of-type, #np-editor-title {
    transform: scaleY(1.5);
    font-size: 1.2rem;
    filter: blur(0.03rem);
    font-weight: 700;
}
 
input.text, textarea, select, [type=file], :is(input.text, textarea):focus-visible, select:focus, [type=file]:is(:focus, :hover) {
    transition: unset;
}
 
input.text, textarea, select, [type=file] {
    background: rgb(var(--global-white-color));
    color: rgb(var(--global-black-color));
    text-shadow: none;
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
[type=radio], input[type=checkbox] {
    background: rgb(var(--global-white-color));
    transition: unset;
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
[type=checkbox]::before {
    color: rgb(var(--global-white-color));
    transition: unset;
}
 
#new-post-form > input.text, #edit-page-title {
    margin: 0.8rem 0 0;
}
 
.wd-editor-toolbar-panel {
    padding: 0.8rem 0;
}
 
:is( #action-area > div:not(#view-diff-div, preview-message) > form#edit-page-form > .wd-editor-toolbar-panel, #new-post-div > form#new-post-form .wd-editor-toolbar-panel ) a {
    background: rgb(var(--btn-bg));
    color: rgb(var(--btn-txt));
    border-radius: 0.5rem;
    border: unset;
    transition: unset;
    filter: blur(0.03rem);
    box-shadow: inset -0.1rem -0.1rem 0.5rem -0.2rem rgb(var(--global-black-color));
    text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
    width: 1.95rem;
    height: 1.95rem;
}
 
:is( #action-area > div:not(#view-diff-div, preview-message) > form#edit-page-form > .wd-editor-toolbar-panel, #new-post-div > form#new-post-form .wd-editor-toolbar-panel ) a:is(:hover, :focus) {
    background: rgb(var(--btn-hover-bg));
    color: rgb(var(--btn-hover-txt));
    transition: unset;
}
 
:is( #action-area > div:not(#view-diff-div, preview-message) > form#edit-page-form > .wd-editor-toolbar-panel, #new-post-div > form#new-post-form .wd-editor-toolbar-panel ) a::before {
    width: 1.95rem;
    height: 1.95rem;
}
 
:is(#edit-page-form, #new-post-form) > .change-textarea-size {
    padding: 0.5rem;
}
 
.edit-help-34 {
    padding: 0.5rem;
    filter: blur(0.03rem);
    font-weight: 700;
}
 
:is(#edit-page-form, #new-post-form) > .change-textarea-size > a {
    width: 2.5rem;
    height: 1.5rem;
    font-weight: 700;
}
 
.edit-help-34, .edit-page-bottomtable {
    font-size: 1rem;
    font-weight: 700;
    filter: blur(0.03rem);
}
 
.edit-page-bottomtable tr {
    gap: 0;
    justify-content: space-between;
}
 
.edit-page-bottomtable td {
    max-width: max(16rem, 49%);
}
 
#lock-info {
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
.checkbox.do-not-notify {
    margin: 0.5rem 0;
    filter: blur(0.03rem);
    font-family: var(--ui-font);
    font-weight: 700;
}
 
a.action-area-close {
    z-index: 5;
}
 
#footer {
    background: unset;
    border: unset;
    font-weight: 700;
    filter: blur(0.03rem);
}
 
#license-area {
    background: unset;
    font-weight: 700;
    filter: blur(0.03rem);
}
 
.owindow {
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
    background: rgb(var(--light-ui-bg)); 
    font-family: var(--ui-font);
    font-weight: 700;
}
 
.owindow.owait .content {
    margin: 0 0 1.5rem;
}
 
.owindow.owait .content::before {
    display:none;
}
 
.owindow.owait .content::after {
    --size: 0.5rem;
    left: initial;
    animation: 1s ease-in-out owait infinite;
}
 
@keyframes owait {
  0% {
    left: 30%
  }
 
  33% {
    right: 55%;
    left: unset;
  }
 
  67% {
    left: 55%;
    right: unset;
  }
 
  100% {
    right: 30%
  }
}
 
.hovertip {
    background-color: rgba(var(--light-ui-bg)) !important;
    backdrop-filter: blur(0.1rem);
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
.footnote .f-heading, .equation .e-heading, .reference .r-heading {
    font-weight: 700;
    transform: scaleY(1.5);
    filter: blur(0.02rem);
}
 
.hovertip .content {
    font-family: var(--ui-font);
    font-size: 1rem;
}

• 

  close

  著作信息

  ---

  X

  Chrysalis C-1294 ： “流萤死地”
  作者：EuthanasiaALS，Lustroit404

  图像：https://pixabay.com/zh/photos/ocean-wave-surf-sea-nature-blue-5003864/ ；
  图像作者：https://pixabay.com/zh/users/ajs1-13124781/。

  ---

致：各菈夏各罗人

　　鉴于先前贵族¹居民在其它交界蛹层遭遇我族个别极端种族主义组织频繁叨扰，产生了不可挽回的重大损失，经两族中央机构反复协商，最终确定由我部门与贵族情报网络对接，不定期为处于交界地的贵族蛹层提供危险层级勘察情报以兹补偿。

　　受限于情报权限以及其它客观因素，我们无法在短时间内掌握贵族人的生物学信息，因此仅能依靠刻洛挪那挼²人的生理标准来判断蛹层难度。如有后续情报补充，将由贵族方面进行修改。

——the M.E.G.³交界地外交部

　　Chrysalis C-1294是蛹的第1294层。除真空外，在可探查范围内唯一存在的物质，便是锡厘贡⁴，熔融了的锡厘贡，和蒸发了的锡厘贡。因此，这里绝无生存可能。

生存难度：生存難度：

等级等級 deadzone

• 粘稠
• {$two}
• 无摆脱可能

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

描述

---

　　锡厘贡在常温下呈液态，是一种状如树脂的不可食用矿物质，目前仅在个别各菈夏各罗交界蛹层有少量发现，因而尚未对其展开系统性的研究。该矿物通常见于各菈夏各罗人遗骸附近，能够长久地散发出一种难以形容的辉光，与该族人的骨骼处于12.5Bto环境时散发出的特殊光彩一致，因而也被称为『各菈夏晶』或『流萤晶脂』。经实验，在熔融锡厘贡中添加微量几倥尼姆⁵，最高能够提高其熔点至32.5Bto，足以在大部分蛹层中维持固体结晶状态，从而在建材、首饰，以及前沿材料学研究中发挥光彩。

　　但这并不意味着我们需要一整个由锡厘贡构成的蛹层。这无论如何都太多了。

太多了！！！

　　误入该蛹层的流浪者通常被困于高粘性且难以避开的锡厘贡液滴，并且随后死于窒息——而非如通常的交界地一样，令流浪者在低温且具有强碱性的大气环境中慢性死亡。

　　但这也并不意味着该蛹层的固有环境适合生存：如上文所述，该蛹层并无大气，存在的唯一物质便是浮在空中的，处于熔融态的锡厘贡，以及其衍生物质。其温度始终恒定在41.3Bto，并且蛹层内所有物质都始终在以2.381Mhe/Sod的速度进行同方向位移——此现象类似于风，但由于缺乏介质而难以定义。

　　如果我说，锡厘贡要观测到明显的荧光反应仅需最低2.4Kop，那么如此体量的强光源会对视觉造成什么影响，还需要我具体描写吗？——在平等地伤害过一次，或者不知道多少次全体感光动物之后，这些物质最美丽的形态，最终才得以为我们所知。

　　长久而恒定的牵拉运动，使得锡厘贡彻底脱离了刻板印象中的性状，延展出无数极度纤细的锡厘贡纤维，彼此缠扭捆扎，像是千千万万道粘连在一起的极光，轻盈但又稠密，并且无处不在，令人无处可逃。我们并不知道，为何如此低的『风速』，便能将锡厘贡拉伸至如此夸张的程度。

　　——但傻子都知道，它很致命。

入口与出口

---

入口

　　不幸或者幸运的是，目前我们尚未探测到适用于各菈夏各罗人的层级入口，以下入口仅供刻洛挪那挼人参考。

1，在任何情况下，过度靠近锡厘贡及其制品都有被其吸入，随后来到本蛹层的风险，请务必小心。
2，若在Chrysalis C-1230中的巨湖中捕鱼，有小概率被无法抗拒的巨大力量拉至无光的湖底，若再有任何光线出现，则表明已经来到该蛹层。
3，在Chrysalis C-1555中切入神龛，有一定概率来到该蛹层。
4，在Chrysalis C-1610的升温期，地面上的砂砾会有一小部分不经历焦化，而是直接被蒸发，这些蒸发气体将会聚集在某一个小区域，随后投下极光。若被这些极光照射到，则会切入该蛹层。

出口

无已知出口。

▷ 附件

　　受制于接触条件，本文只能使用我族单位写就，于是我们收集了下列代表性数据，以便于贵族人依靠生活经验对照换算。

0.交界地：高维宇宙之间偶尔会相互重叠，形成特别而稀有的空间结构——由于未知原因，这一现象在蛹中发生概率极高。在Chrysalis C-1555的先例后，在各大蛹层群已经记录在案的，与不同宇宙形成的交界蛹层已经达到37个。

交界地的物理法则会与交界地任意一方的家乡宇宙完全一致，并且只会二取其一，目前并不确定会不会有混合法则或不完全法则出现。交界地生物的内环境不会受到侵扰，仍然延续其家乡宇宙的物理法则。

为方便起见，不论是否为交界地，只要遵循对应宇宙的法则，都会被称为对应宇宙人的领地。例如Chrysalis C-1555沿用刻洛挪那挼人的法则，因此该蛹层是一个刻洛挪那挼领地。

——考虑到类似概念似乎从未出现在贵族信息库中，我们认为有必要保留其基本定义以同步情报。

1.时间流速系数Δτ≈5015.24。顾名思义，此物理量意味着时间流速，即在刻洛挪那挼领地耗时1Sod发生的物理事件，在各菈夏各罗领地大约需要5015.24Sod来完成。

2.两族人的气温单位成线性相关。目前已知较常见的两族共有物质为：各菈夏各罗人骨灰，其形成所需的临界温度约为15.07Bto，而刚刚切入的各菈夏各罗人，其瞬时体温更可低至-15.91Bto——这也正是我族对贵族称呼的一大成因。

3.经记录，在重力系数为7.6kpg（Mhe/Sod²）的Chrysalis C-1555，曾有一个质量为42.2Kop的各菈夏各罗人增生硬块，完整地从一个站立的该族雄性个体口器中脱落。其下坠高度约为8.53Mhe，下坠时间约为1.50Sod。

——the M.E.G.交界地外交部
下属-鄂尔埠丝⁶勘察小组

▷ 回复：附件

　　十分感谢贵族人的辛勤付出，这些数据十分详实。以下便是我部门制作的单位换算插件，可供两族读者了解层级信息，而不必亲自计算。

点击以启用插件

——Madame Méridoom⁷

脚注

1. 各菈夏各罗：
Glacialglow。该种族曾用称呼：巨像，由于对该种族认识与交流日渐深入而被停用。

2. 刻洛挪那挼：
Chronara。

3. M.E.G.：Major Erebus Group，探险蛾总署。

4. 锡厘贡：
Silicon Dioxide。

5. 几倥尼姆：
未知。推测为刻洛挪那挼特产矿物。

6. 鄂尔埠丝：
Erebus。

7. Madame Méridoom。

.查无此人。