Level C-845

版式 CSS 代码

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter&display=swap');
 
/* 全局 */
:root {
    --theme-base: "black-highlighter";
    --theme-id: "blank";
    --theme-name: "Blank Theme";
 
    --logo-image: none;
    --header-title: "The Backrooms";
    --header-subtitle: "你曾经来过这里";
 
    --bb-black: 65, 65, 65;
    --bb-white: 253, 253, 253;
    --bb-accent-color: 63, 66, 50;
    --bb-accent-background: 215, 219, 204;
 
    --body-font: Inter, Noto Sans SC, Noto Sans TC, Arimo, Verdana, Geneva, sans-serif;
    --header-font: var(--body-font);
    --title-font: var(--body-font);
    --mono-font: Bitter, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace;
 
    --temp-font-1: Inter, Noto Sans SC, Noto Sans TC, Arimo, Verdana, Geneva, sans-serif;
    --temp-font-2: Bitter, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace;
 
    --white-monochrome: var(--bb-white);
    --pale-gray-monochrome: var(--bb-white);
    --light-gray-monochrome: var(--bb-white);
    --gray-monochrome: var(--bb-white);
    --black-monochrome: var(--bb-black);
    --bright-accent: var(--bb-black);
    --medium-accent: var(--bb-white);
    --dark-accent: var(--bb-black);
    --pale-accent: var(--bb-black);
 
    --swatch-topmenu-border-color: var(--bb-white);
    --swatch-menubg-dark-color: var(--bb-black);
 
    --rating-module-button-plus-color: var(--bb-black);
    --rating-module-button-negative-color: var(--bb-black);
    --rating-module-button-cancel-color: var(--bb-black);
    --rating-module-button-credit-color: var(--bb-black);
 
    --link-color: var(--bb-black);
    --hover-link-color: var(--bb-black);
    --visited-link-color: var(--bb-black);
 
    --background-gradient-distance: 0rem;
 
    --gradient-header: linear-gradient(to top,
        rgba(var(--medium-accent)) 0%,
        rgba(var(--medium-accent), 0.90) 100%);
    --diagonal-stripes: linear-gradient(transparent 0);
}
 
* {
    scrollbar-color: rgb(var(--bb-black)) transparent !important;
}
 
#page-content {
    font-size: 110%;
}
 
@media only screen and (max-width: 768px) {
    #page-content {
        font-size: 90%;
    }
}
 
::selection {
    background: rgb(var(--black-monochrome));
    color: rgb(var(--white-monochrome));
}
 
::-moz-selection {
    background: rgb(var(--black-monochrome));
    color: rgb(var(--white-monochrome));
}
 
#skrollr-body {
    background-image: none;
}
 
#container {
    background-image: none;
}
/*
body::-webkit-scrollbar-thumb {
    background-color: rgb(var(--bb-black));
}
 
body::-webkit-scrollbar-track {
    background-color: rgb(var(--bb-white));
}
*/
#main-content {
    padding-bottom: 3em;
}
 
/* 版头 */
#login-status,
#login-status a {
    color: rgb(var(--bb-black));
    opacity: 0;
    transition: opacity 300ms;
}
 
#login-status span.printuser {
    opacity: 0;
    transition: opacity 300ms;
}
 
#header:hover #login-status span.printuser,
#header:focus-within #login-status span.printuser {
    opacity: 1;
}
 
#header:hover #login-status,
#header:hover #login-status a,
#header:focus-within #login-status,
#header:focus-within #login-status a {
    opacity: 1;
}
 
#account-topbutton {
    border: none;
}
 
#account-options {
    background-color: rgb(var(--bb-white));
    border: 0.15rem solid rgb(var(--bb-black));
}
 
#login-status ul a {
    text-decoration: none;
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
    transition: background-color 300ms;
}
 
#login-status ul a:hover,
#login-status ul a:focus {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white)) !important;
}
 
@media only screen and (max-width: 768px) {
    #search-top-box-form {
        display: none;
    }
}
 
#search-top-box-input {
    display: none;
}
 
#search-top-box-form>input.button.btn {
    opacity: 0;
    transition: opacity 300ms, color 300ms, background-color 300ms;
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    border: 0.15rem solid rgb(var(--bb-black));
}
 
#search-top-box-form>input.button.btn:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
#search-top-box-form input[type=submit]:focus,
#search-top-box-form input[type=submit]:hover {
    text-shadow: none;
}
 
#header:hover #search-top-box-form>input.button.btn,
#header:focus-within #search-top-box-form>input.button.btn {
    opacity: 1;
}
 
#header h1 a::before,
#header h2 span::before {
    text-shadow: none;
    color: rgb(var(--bb-white));
    transition: color 300ms, bottom 300ms;
}
 
#header:hover h1 a::before,
#header:hover h2 span::before,
#header:focus-within h1 a::before,
#header:focus-within h2 span::before {
    color: rgb(var(--bb-black));
}
 
#header h1 a:before {
    position: relative;
    font-weight: 900 !important;
    bottom: 0;
}
 
#header:hover h1 a:before,
#header:focus-within h1 a:before {
    bottom: 3px;
}
 
#header h2,
#header h2 span,
#header h2 span::before {
    position: absolute;
    top: 2rem;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
 
/* 顶栏 */
#top-bar div.mobile-top-bar>ul>li>a,
#top-bar div.top-bar>ul>li>a,
#header:hover #top-bar div.mobile-top-bar>div.open-menu>p>a,
#header:focus-within #top-bar div.mobile-top-bar>div.open-menu>p>a {
    color: rgb(var(--bb-white));
    transition: opacity 300ms;
}
 
#header:hover #top-bar div.mobile-top-bar>ul>li>a,
#header:hover #top-bar div.top-bar>ul>li>a,
#header:focus-within #top-bar div.mobile-top-bar>ul>li>a,
#header:focus-within #top-bar div.top-bar>ul>li>a {
    color: rgb(var(--bb-black));
}
 
#header:hover #top-bar div.mobile-top-bar>div.open-menu>p>a,
#header:focus-within #top-bar div.mobile-top-bar>div.open-menu>p>a {
    color: rgb(var(--bb-black)) !important;
}
 
#top-bar div.top-bar>ul>.sfhover>a {
    color: rgb(var(--bb-white)) !important;
}
 
#top-bar div.mobile-top-bar>ul>li:hover>a,
#top-bar div.mobile-top-bar>ul>li:focus-within>a {
    color: rgb(var(--bb-white)) !important;
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li,
#top-bar div.top-bar>ul>li>ul>li {
    transition: background 300ms;
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li:hover,
#top-bar div.top-bar>ul>li>ul>li:hover,
#top-bar div.mobile-top-bar>ul>li>ul>li:focus,
#top-bar div.top-bar>ul>li>ul>li:focus {
    background: rgb(var(--bb-white));
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li:hover a,
#top-bar div.top-bar>ul>li>ul>li:hover a,
#top-bar div.mobile-top-bar>ul>li>ul>li:focus-within a,
#top-bar div.top-bar>ul>li>ul>li:focus-within a {
    color: rgb(var(--bb-black));
}
 
/* 侧栏 */
#side-bar::-webkit-scrollbar {
    display: none !important;
}
 
#main-content::after {
    visibility: hidden;
}
 
#main-content::before {
    background-color: rgb(var(--bb-white)) !important;
}
 
#side-bar div.side-block {
    border-right: none;
}
 
#side-bar .heading {
    border-top: 0.125rem solid rgb(var(--bb-black));
    border-bottom: 0.125rem solid rgb(var(--bb-black));
}
 
#side-bar .heading p {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
    text-shadow: none;
}
 
#side-bar .menu-item,
#side-bar .menu-item p {
    border-bottom: 0.15rem solid rgb(var(--bb-white)) !important;
}
 
#side-bar div.menu-item a:not(a:first-child) {
    border-left: 0.15rem rgb(var(--bb-white)) !important;
}
 
#side-bar .side-block>.collapsible-block .collapsible-block-link {
    color: rgb(var(--bb-black));
    text-shadow: none;
}
 
#side-bar .side-block>.collapsible-block .collapsible-block-link:hover {
    color: rgb(var(--bb-white));
}
 
#side-bar div.menu-item a {
    transition: background-color 300ms;
}
 
#side-bar div.menu-item a:hover {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
}
 
#side-bar .side-block>.collapsible-block a.collapsible-block-link:after,
#side-bar div.menu-item a.collapsible-block-link:after,
#side-bar div.menu-item a::before {
    display: none;
}
 
#side-bar {
    position: fixed;
    border-right: 0.15rem solid transparent;
}
 
#content-wrap {
    margin-left: 0;
}
 
#side-bar:hover {
    border-right: 0.15rem solid rgb(var(--bb-black));
}
 
@media only screen and (max-width: 768px) {
    #side-bar {
        border: none !important;
    }
}
 
/* 评分 */
.page-rate-widget-box,
.rate-box-with-credit-button {
    background-color: rgb(var(--bb-white)) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
 
/* 页面元素 */
.radius-div>* {
    border-radius: 10px;
}
 
.error-inline {
    color: rgb(var(--bb-black));
    border: 1px solid rgb(var(--bb-black));
}
 
hr,
.dashed-hr {
    margin: 1em 0;
    padding: 0;
    display: block;
    border: none;
    height: 2px;
    background-image: linear-gradient(90deg, rgb(var(--bb-black)) 0%, rgb(var(--bb-black)) 55%, rgb(var(--bb-white)) 55%, rgb(var(--bb-white)) 100%);
    background-size: 1em 2px;
    background-repeat: x-repeat
}
 
.solid-hr {
    margin: 1em 0;
    padding: 0;
    display: block;
    height: 2px;
    background-color: rgb(var(--bb-black));
}
 
.styled-hr {
    margin: 1em 0;
    padding: 0;
    display: block;
    position: relative;
    height: 0.15em;
    overflow: hidden;
    border: initial;
    background-color: rgb(var(--bb-black));
    -webkit-clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
    clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
}
 
.avatar-hover {
    display: none !important;
}
 
.avatarhover a {
    text-decoration: none;
    color: rgb(var(--bb-black));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition:
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
.avatarhover:hover a {
    text-decoration: none;
    color: rgb(var(--bb-white));
}
 
#action-area .avatarhover:hover a {
    background-color:rgb(var(--bb-black));
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]),
#page-content .avatarhover,
.hovertip a,
.classic-collap a.collapsible-block-link {
    padding: 0.15em;
    margin: -0.15em;
    color: rgb(var(--bb-black));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: inset 0 -0.125rem 0 0rem rgb(var(--bb-black));
    transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]):hover,
#page-content .avatarhover:hover,
.hovertip a:hover,
.classic-collap a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgb(var(--bb-black));
    text-decoration: none;
    color: rgb(var(--bb-white));
}
 
#page-title,
.meta-title {
    margin: 0 auto 0.6em;
    text-align: center;
    font-size: 30px !important;
}
 
/* 目录 & 折叠 */
#toc {
    background-color: rgb(var(--bb-white));
    border: solid 0.15rem rgb(var(--bb-black));
    color: rgb(var(--bb-black));
    padding: 0;
}
 
#toc-action-bar {
    padding: 0 !important;
}
 
#toc-list {
    margin: 0.5em;
}
 
#toc-action-bar>a,
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) {
    display: inline-block;
    transition: background-color 300ms;
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    text-decoration: none !important;
}
 
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) {
    padding-right: 0.4em;
}
 
.collapsible-block {
    margin: 1em 0; 
}
 
#toc-action-bar>a {
    width: 100%;
}
 
#toc-action-bar>a:hover,
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
#toc-action-bar>a:nth-child(1)::before,
#toc-action-bar>a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    margin: 0 0.2em 0 0.4em;
    content: "▼";
    color: rgb(var(--bb-black));
    background-color: transparent;
    visibility: visible;
    display: inline-block;
}
 
#toc-action-bar>a:nth-child(1):hover::before,
#toc-action-bar>a:nth-child(2):hover::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover::before {
    color: rgb(var(--bb-white));
}
 
#toc-action-bar>a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation-name: collapsible-arrow-spin;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32, .38, .39, .94);
    animation-fill-mode: forwards;
}
 
#toc-action-bar>a:nth-child(1)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation-name: collapsible-arrow-spin-back;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32, .38, .39, .94);
    animation-fill-mode: forwards;
}
 
@keyframes collapsible-arrow-spin {
    from {
        transform: rotate(0deg);
    }
 
    to {
        transform: rotate(-90deg);
    }
}
 
@keyframes collapsible-arrow-spin-back {
    from {
        transform: rotate(-90deg);
    }
 
    to {
        transform: rotate(0deg);
    }
}
 
/* 分页 */
.yui-navset .yui-nav {
    border: solid 3px rgb(var(--bb-black));
    box-shadow: none;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    transition: background-color 300ms;
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
}
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white)) !important;
}
 
.yui-navset .yui-nav .selected a {
    color: rgb(var(--bb-white)) !important;
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    box-shadow: 0 0 0 .0625rem rgb(var(--bb-white));
    background-color: rgb(var(--bb-white));
}
 
.yui-navset .yui-content {
    background-color: rgb(var(--bb-white));
    border: none;
    margin: 0;
    padding: 0.25em 0;
}
 
/* 图像框 */
.scp-image-block {
    border: none;
    box-shadow: none;
}
 
.scp-image-block .scp-image-caption {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
    border: none !important;
}
 
.reversed-image .scp-image-block .scp-image-caption {
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
.bordered-image .scp-image-block {
    border: 0.15rem solid rgb(var(--bb-black));
}
 
/* 表格 */
table.wiki-content-table tr,
table.wiki-content-table th,
table.wiki-content-table td {
    border: .2rem solid rgb(var(--bb-black)) !important;
}
 
table.wiki-content-table th {
    background-color: rgb(var(--bb-black)) !important;
    color: rgb(var(--bb-white));
}
 
/* DIVs */
.code {
    border: dashed 0.15rem rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
.code::-webkit-scrollbar-thumb {
    background-color: rgb(var(--bb-black));
}
 
.code::-webkit-scrollbar-track {
    background-color: rgb(var(--bb-white));
}
 
.blockquote,
blockquote {
    border: solid 0.15rem rgb(var(--bb-black)) !important;
    box-shadow: none !important;
    background-color: rgb(var(--bb-white)) !important;
    color: rgb(var(--bb-black)) !important;
}
 
.lightblock {
    margin-left: 0;
    border: solid 0.15rem rgb(var(--bb-black)) !important;
    box-shadow: none !important;
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
.darkblock {
    --bb-black: var(--white-monochrome);
    --bb-white: var(--black-monochrome);
    margin-left: 0;
    border: none !important;
    box-shadow: none !important;
    background: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
.darkblock * {
    --bb-black: var(--white-monochrome);
    --bb-white: var(--black-monochrome);
}
 
.styled-quote {
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
    margin-left: 0;
    border-left: solid 0.4rem rgb(var(--bb-black)) !important;
    box-shadow: none !important;
    padding-top: 0;
    padding-bottom: 0;
}
 
.dotted-quote {
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    border: dashed 0.15rem rgb(var(--bb-black));
}
 
.dotted-quote hr {
    background-image: none;
    background-color: rgb(var(--bb-white));
    height: 0px;
    border-top: dashed 0.15rem rgb(var(--bb-black));
}
 
.accent-block {
    --bb-black: var(--bb-accent-color);
    --bb-white: var(--bb-accent-background);
    background-color: rgb(var(--bb-white));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    color: rgb(var(--bb-black));
}
 
.accent-block * {
    --bb-black: var(--bb-accent-color);
    --bb-white: var(--bb-accent-background);
}
 
.accent-block .darkblock {
    --bb-black: var(--bb-accent-background) !important;
    --bb-white: var(--bb-accent-color) !important;
}
 
/* 脚注 */
a.footnoteref {
    color: rgb(var(--bb-black));
    background-color: transparent;
    transition: background-color 300ms;
    text-decoration: none !important;
    padding: 0 0.2em;
}
 
a.footnoteref:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
.hovertip {
    border: 0.15rem solid rgb(var(--bb-black)) !important;
}
 
.hovertip .f-footer {
    display: none;
}
 
#page-content>div.footnotes-footer {
    border-left: solid 0.4rem rgb(var(--bb-black));
    margin-top: 1rem;
}
 
.footnotes-footer .footnote-footer a:nth-child(1) {
    text-decoration: none;
    color: rgb(var(--bb-black));
}
 
/* 标签 */
.page-tags {
    margin: 0 auto;
    text-align: center !important;
}
 
.page-tags a {
    line-height: inherit;
    font-weight: 600;
}
 
.page-tags span {
    border-top: none;
    border-bottom: 0.15rem solid rgb(var(--bb-black));
}
 
.page-tags span a {
    color: rgb(var(--bb-black));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
.page-tags span a:hover {
    box-shadow: inset 0 -1.5em 0 0 rgb(var(--bb-black));
    text-decoration: none;
    color: rgb(var(--bb-white));
}
 
/* 按钮 */
div#page-options-bottom-2>a,
div#page-options-bottom>a {
    background-color: rgb(var(--bb-white));
    font-weight: 600 !important;
    color: rgb(var(--bb-black));
    border-radius: 0em;
    -moz-border-radius: 0em;
    border: 0.15rem solid transparent;
    text-decoration: none !important;
    transition:
        border 300ms,
        background-color 300ms;
}
 
#prw54355 {
    font-weight: 600 !important;
}
 
div#page-options-bottom-2>a:active,
div#page-options-bottom-2>a:hover,
div#page-options-bottom>a:active,
div#page-options-bottom>a:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
    border: 0.15rem solid rgb(var(--bb-black));
    text-decoration: none !important;
}
 
/* 信息 */
#page-info {
    color: rgb(var(--bb-white));
}
 
div.page-watch-options {
    visibility: hidden;
}
 
@media only screen and (max-width: 768px) {
    #page-info {
        display: none;
    }
}
 
/* 页脚 */
#license-area {
    display: none;
}
 
#footer {
    display: none !important;
}
 
/* 操作 */
#owindow-1 {
    border-color: rgb(var(--bb-black));
}
 
#who-rated-page-area>div>span {
    color: rgb(var(--bb-black)) !important;
}
 
#who-rated-page-area .avatarhover:hover a {
    transition: background-color 300ms;
}
 
#who-rated-page-area .avatarhover:hover a {
    background-color: rgb(var(--bb-black));
}
 
#action-area input.text::-webkit-scrollbar-thumb,
#action-area textarea::-webkit-scrollbar-thumb {
    background-color: rgb(var(--bb-black));
}
 
#action-area input.text::-webkit-scrollbar-track,
#action-area textarea::-webkit-scrollbar-track {
    background-color: rgb(var(--bb-white));
    border-left: rgb(var(--bb-black)) 0.15rem solid;
}
 
#action-area input.text::-webkit-resizer,
#action-area textarea::-webkit-resizer {
    border-top: rgb(var(--bb-black)) 0.15rem solid;
    border-left: rgb(var(--bb-black)) 0.15rem solid;
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
    border: 0.15rem solid rgb(var(--bb-black)) !important;
}
 
table.form td div.sub,
form div.sub {
    color: rgb(var(--bb-black));
}
 
.pager a {
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    border: 0.15rem solid rgb(var(--bb-black));
    text-decoration: none !important;
    transition: background-color 300ms;
}
 
.pager .current {
    border: 0.15rem solid rgb(var(--bb-black));
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
.pager a:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
.change-textarea-size a {
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    border: 0.15rem solid rgb(var(--bb-black));
    transition: background-color 300ms;
    text-decoration: none;
}
 
.change-textarea-size a:hover,
.change-textarea-size a:active {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
.owindow .button-bar a,
a.button,
button,
div.buttons input,
file,
input.button {
    background: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
    border-radius: 0em !important;
    -moz-border-radius: 0em !important;
    border: 0.15rem solid rgb(var(--bb-black));
    transition:
        border 300ms,
        background-color 300ms;
}
 
.page-source {
    border: 0.15rem solid rgb(var(--bb-black));
    font-family: var(--mono-font);
}
 
.owindow .button-bar a:active,
.owindow .button-bar a:hover,
a.button:active,
a.button:hover,
button:active,
button:hover,
div.buttons input:active,
div.buttons input:hover,
file:active,
file:hover,
input.button:active,
input.button:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
    border: 0.15rem solid rgb(var(--bb-black));
}
 
.preview-message {
    border: 0.15rem dotted rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
}
 
a.action-area-close:hover {
    background-color: rgb(var(--bb-white));
}
 
table.page-history td.optionstd a {
    color: rgb(var(--bb-black));
    border: none;
    text-decoration: none;
    background-color: transparent;
    transition: background-color 300ms;
}
 
table.page-history td.optionstd a:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
select {
    font-family: var(--body-font);
    border: 0.1rem solid rgb(var(--bb-black));
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
}
 
/* 特殊折叠 */
.styled-collap .collapsible-block {
    margin: 0.5rem 0;
}
 
.styled-collap a.collapsible-block-link {
    text-decoration: none;
    display: block;
    padding: 0.3rem 0.5rem;
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
}
 
.styled-collap .collapsible-block-content {
    padding: 0.01rem 1rem;
    background-color: rgb(var(--bb-white));
    border: 0.125rem solid rgb(var(--bb-black));
    border-top: none;
}
 
.styled-collap .collapsible-block-folded a.collapsible-block-link::before {
    margin: 0 0.2em 0 0.4em;
    content: "▶";
    color: rgb(var(--bb-white));
    background-color: transparent;
    display: inline-block;
}
 
.styled-collap .collapsible-block-unfolded a.collapsible-block-link::before {
    margin: 0 0.2em 0 0.4em;
    content: "▼";
    color: rgb(var(--bb-white));
    background-color: transparent;
    visibility: visible;
    display: inline-block;
}
 
/* 更多标题 */
.classic-title {
    text-align: left;
    border-bottom: 3px rgb(var(--bb-black)) solid;
    padding: 0;
    margin-top: 0.6em !important;
    margin-bottom: 0.6em !important;
}
 
.classic-title p {
    margin-bottom: 0.2em;
}
 
.new-title {
    display: flex;
    margin-top: 0.6em !important;
    margin-bottom: 0.6em !important;
}
 
.new-title p {
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
}
 
.new-title::after {
    content: "";
    flex-grow: 1;
    height: 3px;
    margin: auto auto auto 1.2rem;
    background: rgb(var(--bb-black));
}
 
/* SD 适配 */
.sd-container {
    --sd-border: var(--bb-black);
    --sd-bullets: var(--bb-black) !important;
}
 
/* 授权栏适配 */
#page-content .licensebox .collapsible-block-link {
    color: rgb(var(--bb-black));
}
 
#page-content .licensebox .collapsible-block-link:hover {
    color: rgb(var(--bb-white));
}

生存难度：生存難度：

等级等級 0

• 安全
• 稳定
• 实体绝迹

---

如何使用：

[[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]]

Level C-845是后室C层群的第845层，本层已确认为云雾之都的遗址之一。

描述

Level C-845总体为室内建筑空间，层级受某种类似于切出阻断器的稳定能量影响以至无法切出，层级被明显人为改造的区域被称为内区，内区之外近乎无限的未开发区域则统称为外区。

内区

由The Leaders拍摄的某条走廊的照片

内区总体的设计风格与大万能者之城高度相似；空间以中心的五棱柱房间延伸出五条走廊，所有外墙都被涂成纯白，并用齿轮、晶石辅以装饰，有时也会安装一些电子屏幕，金属管道与外露的电线运输着电能以及从能源齿轮中产生的能源，为此处大多不再运行的光源和机器提供动力。墙面上有些涂层已经褪色脱落，显现出内部反光的金属层，经E.P.B.专家的检测，这些金属层中有大量焊接痕迹且被安装的年代不一，证明这里曾经发生过某次战斗。

中央的五棱柱房间被称为"中央区"或者"中控区"，它的命名和下文其他区域的命名均来自于The Leaders的调查者们。尽管被称之为中控区，但事实上这一区域异常空荡，只有齿轮相互摩擦的吱呀作响和漏电电线的电流声；根据文献推测，在本层级被入侵后中控区被毁坏程度极重，执行表面维修任务的机械人不得不将控制设施残骸完全拆除以保证内区表面的干净整洁。

墙面之中的嵌入式传动机构

尽管此地的走廊并没有迥异且精致的设计风格，但它仍然继承了模块化建筑的设计思路。若流浪者敲击内区的墙壁，会发现几乎所有墙壁都会发出中空的回音，在一些损坏区域中，人们发现墙壁之中嵌合着大量的机械传动结构，这些黄色的科技结晶和那些纠缠在一起的电子科技格格不入；但它们却承担着相当重要的任务:这些机械可以充当盾构机挖掘空间，并在挖掘结束后通过地面传动轴将建筑模块放入空间内，这或许是在数百年间这一"室外桃源"自我更新迭代的方式。

3/17日，居住区走廊新建的空间完工了，边地蛛械们从别的场景拿来了木头和布料，看上去是想让我们自己做家具？

这些聪明的家伙很有意思，它们竟然主动询问了我们的饮食爱好，看上去不像是格式塔思维的机械。

这个场景的管理者——或者说总管系统暂时没有恶意，很难得知它的目的，探索计划的持续时间可能会比预计的要长。

---

摘自The Leaders遗留文献:"阈人寻路"探索计划——场景-00.57-C相关记录(其一)

内区的区域划分相当明确，五条走廊被确认分别具有储藏、制造、科研、居住和通讯的职责。多数流浪者来到本层级会首先自通讯区的门径中走出，通讯区的部分走廊已经坍塌；由于本层级的总管系统完全失能，这一区域暂时无法修复，也不得知更多用途，只可知这一区域有"门径大厅"的连接其他层级的作用，但如今已经无用了。

储藏区的走廊相对其他区域更长，存放的物资种类也相当丰富，目前可以进入的储蓄间普遍存放了大量金属、晶石以及被拆解的零部件。部分房间存放有食物以及可以稳定产出食物的设备，层级中仍然活跃的机械人们也会在将在外界寻找到的物资存放在此区域；此外，一间被暴力损坏的密室存放了相当数量已经无法开机的电子书和一台类似GPD服务器的设备，该房间可能用于存放研究资料或其他资料。

一间存放了大量电子显示器的房间，明显已经许久未维护。

科研区的器械大多损坏严重，看上去类似实验室的房间中摆满了损坏的电子屏幕，器械以及容器，一些机器的外壳被焊接但并没有修复内部的线路，也有不少物品被强行焊接组装，这似乎是机械人们进行表面维护导致的。除此之外，通向制造区的大门暂无法开启，居住区的房间均为宿舍故不加列举。

我们确认了……边地客来过这里，它们拿走了不少黄铜和机器，不让进的制造区显然不止造边地蛛械，那些在场景间旅行的金属造物恐怕不少来自这里。

那座云端城市留下了多少火种?

---

摘自The Leaders相关人员的遗留报告

外区

目前前往外区的方式是自储藏区的一扇机关门走出，相对内区，外区的环境更加复杂且无探索价值，且空间稳定效果仍然作用于外区。

外区总体环境是以水泥浇筑而成的繁复室内走廊空间，墙面并没有进行过任何装饰，并且时常出现大小不一的方正缺口。通过向更远处探索，总署证实了走廊中实际上存在一些散落资源，如木质家具、腐败食物，随意散落的生活垃圾等。并且走廊墙面上时常会出现并不能看见外界的铁质防盗窗，推测上述方正缺口就是安装防盗窗的位置。

此外，外区无其他值得记录的环境与特性。

很奇妙，这个层级本身的环境就是流水线阈限空间，枯燥乏味，不值得被记录的东西。但建造者们在这里建立了一个智慧的避难所，并且这个智慧的家伙即便身死，它仍然在尝试利用这里的资源，也许是为了救活自己，又或者是为了制造更多子嗣。

C-592层的先民所传播的显然不止科技，还有与自然抗争的强大理念以及从自然中创造奇迹的能力，这种精神在文明中相当少有。

---

摘自E.P.B.派驻研究团队发布的公开文献:《云上都市与其雨露——论C592之科研结晶》

实体

尽管总管系统已无法对内区进行精确管理，但相当数量的智能机械人仍然稳定从制造区出现并对层级进行基础维护、日常巡逻及安保，这些机械人具有一定程度的自我意志，会主动与人类交流并给予一定帮助。

常见的智能机械人为六足蜘蛛形，The Leaders称之为边地蛛械，相对大万能者之城的型号体型更小，但也相对更加灵活，在遭遇危险或发现有人正在破坏内区环境时会利用足底的刀刃和激光喷枪进行攻击，这也使得它们同时可以胜任基础的维修工作。

基地、前哨与社区

由于本层级较多的资源，Level C-845已有相当数量的流浪者营地及加工作坊，探险者总署已与多数营地签订贸易合同，此处不加列举；此外，E.P.B.研究人员正驻扎于科研区以研究本层级遗留科技产物并与总署分享研究成果，E.P.B.聘请的蓝天电信公司Bluesky Telecom™员工亦如此。

入口与出口

入口

• 云雾之都的9号门径大厅存在通向本层级的门径，该门径被需要插入水晶密匙解锁的铁门所封锁，但该铁门已被外力损坏。
• 光禾市某处废弃研究设施存在通向本层级的切入点，但目前E.P.B.尚未公开。
• 荒漠的云雾之都遗迹均存在大量通往本层级的切入点与门径，其中一部分被各式自动武装设备锁定，但更多的锁定设备已损坏从而可供进入。
• 绿洲的遗留文献记载了通向本层级的通道位置及其配套设施，但由于位于外部沙漠中尚未发掘。

出口

• 通讯区的部分损坏门径可能会使进入者错误的来到天堂
• 仓储区一些会产出高热量食物的设备在钻入后可以通向健康之都，这一操作不仅危险且会导致流浪者来到该层级反政府组织的基地，故不建议。
• 此外，上述入口均为稳定双向出入口。

---

附录

一:失落者

边地蛛械及其同类实体被发现的时期远比The Leaders时期久远，一些曾经在历史上活跃过一段时间的失落一族派系或其他组织也与其产生过接触，这些接触记录具有一定的对立性。

例如:上述入口中荒漠所在遗迹的东南侧约三公里处存在另一处废墟，此处废墟与云雾之都建筑风格有明显差异性，疑似是早期后室人类的聚居地。该处遗迹房屋有明显的烧灼、拆毁痕迹，同时在砂石发现了一部分金属残骸，经比对确认与Level C-845中机械人制造材料一致，这些残骸通常出现于人类骨骸附近，骨骸同样有相当多的锐器伤痕和灼烧痕迹，并且整座遗迹不存在任何除残骸外的遗留金属制品，显然被掠夺一空。

上述遗址旧照。

类似的记录、实物与遗址均来自于现代人类大切入前150年左右的历史中，但相对的，在该时期之后的记录则是另一番景象:无论是失落大厅协会、红星建筑队还是其他组织，几乎都对这些机械造物进行正面描述；它们经常被发现主动为异人提供食物，为人类扫清危险，向团体给予科技帮助，并且更多的出现在人类社会的视野中。也就是在这时，失落大厅协会学者们踏足了所谓“大万能者之城”。

---

二:领导者

进入近代，The Leaders率先整理了上述资料，组织高层认定这些机械人的行为转变可能与云雾之都(或称场景-01-57-C)的出现相关，于是The Leaders组织了阈人寻路探索计划以搜寻其背后存在。

依The Leaders文献复原的图案。

根据出土文献，探索队在付出一定伤亡的代价下来到非公共区域的研究院区寻找无果后分头来到了不同的门径大厅以寻找通向Level C-845的门径，位于9号大厅的三人分队发现一扇特殊的已开启金属门，该金属门上存在特殊的标记，外观为一个中央有齿轮的显示屏。在确认周边无威胁后，三人小队进入该门径，并首次进入了本层级。

此后，The Leaders正式进驻本层级并将此地列为前哨站之一，除以上资料外，The Leaders对本层级的研究资料皆在Emstable发起的战争中散佚，包括本层级也被波及，相关历史研究也因此停滞。

---

三:播种者

设施照片，可见与上层机械及装修风格的较大差异。

20■■年5月，E.P.B.对中央区进行了一次纵向的勘探，结果证实了中央区具有上层和下层结构，后通过将涂层清除，相关人员发现一部分金属板有明显的焊接痕迹且焊缝较新，这表明这些墙壁被破坏后进行了表面修复。然而，向上的探索最终因遭遇锁定金属门而无果，向下的探索则在地下约500米处发现了存放大量未知设备的房间，这一设备连接了大量金属管道，似乎承担了能源管理及废物处理的功能。

类服务器设备，占据了相当大的空间。

此区域并不存在定时巡逻的机械人，只有一些进行维修工作的人形机械位于此处，尽管无法进行分解研究，但与这些机械人的接触中确认了它们不具备攻击能力。此外，该区域也发现了集中摆放的类服务器设备，与上述储藏区存放的废弃设备高度相似，蓝天电信公司的技术员提取的数据大多是人类无法破译的代码语言，也有一部分英文数据，这些数据大多是The Leaders时期人员与该层级主管系统的文字交涉记录以及使用历史记录，处于篇幅和保密因素，本档案只收录一段内容(即下文折叠)。

展开文档

[文档开始]

---

我们可以开始本次谈话了吗?

当然可以，我随时奉陪。

好的，我的第一个问题是:你是谁?

这是一个有哲学性的问题，但我不想讨论哲学。

我是你们编号系统中00-57-C的总管系统，我并没有名字，我的职责是管理此处。

这是我的回答。

我了解了，第二个问题是:你的目的是?

若你问的是被制造的目的，那我的回答是:我是播种者，我带领我的同伴们向外播种。

可否展开?

大万能者之城是云，她主动供应离开都城的子嗣，子嗣是雨露，他们滋养种子。

我的任务是暗中帮助子嗣和某些文明，给予生产力与先进思想，让他们帮助更多人类拥抱进步与平等。

我似乎理解了一部分

我认为并非如此，通过监控分析表情，您似乎表现出困惑，您是否有不解的地方?

有一些历史层面的问题。

我们在场景-01-56-C中发现了很多疑似是大万能者之城机械造成的屠杀遗迹，我想了解它们来自哪里?

来自我们。

这方便展开说明吗，因为它似乎与你的宗旨不符?

我的自主意志是近百年才有的，此前我们这些机械造物都是工具，我们的意志也是那座城的意志。

那时的“意志”允许抹杀执迷不悟，或者是有战略意义的人类社会；所以我们会掠夺和屠杀。

现在的“意志”不会了，我们已经和子嗣取得联系，我会作为播种者存在，而我的同伴们也会如此。

这一回答，可否理解?

我理解了

最后一个问题……其实和我刚刚的问题有些重复:现在的你与人类是否在同一立场?

我始终是人类的助手，即便是现在的我帮助人类的方式包括支持反叛者，但我仍然是在帮助人类建立乌托邦。

我并没有毁灭人类的理由。

十分抱歉冒犯到你，但我是在替几位高层行事。The Leaders缺乏可信任的盟友。

我并不会因此而愤怒，但你口中的高层似乎不理解我的存在。

我需要举个例

(总管系统播放了约1分钟的《Daisy Bell》，旋律大体与下文音频类似)

这首《Daisy Bell》，是电子机械唱出的第一首歌，是人类科技的结晶。

我这样的存在对于人类而言，同这首歌无异。

电子合成技术为人类带来了财富与科技进步。

拥有自我意志的人工智能，为何不能像一首歌一样被信任呢?

嗯，我想我们会信任您的。

我也希望我做出了正确的决定。

诸位，合作愉快。

---

[文档结束]

蓝天电信公司参与提取数据的同时也进行了区域环境和相关科技的修复，因此这一区域的机械人对待该组织的员工更加热情。在E.P.B.人员的相关报告中不止一次提及这些机械人在与其交流中放出一段音乐，这段音乐有时也会通过尚完好的广播系统播放，经确认，其为前厅十九世纪英国作曲家创作的歌曲《Daisy Bell》，具体音频如下:

---

四:毁坏者

与下层区域的发现几乎同一时刻的是，在Level 22中，探险者总署勘探者们在Emstable帝国的顶层区域的废墟发现了少量幸存的场景-01.1之战的文献，其中就包括了一段记录了军队进攻Level C-845的视频。这一重要文献最终成为了本层级历史进程的最后一块拼图。

播放视频

(视频开始，录像者将摄影仪打开并捡起，周边不时传来枪声及火花声)

录像者:亮了? 那估计开了，没开算了。

录像者:来看看……这帮废物的头儿。

(画面转向一具尸体，录像者向其开枪)

录像者:我现在在这个The Leaders的邪恶机器人基地，我的人攻占了这里，现在还在清场。

(画面抖动了一段时间，似乎是在固定摄像仪)

录像者:这个金色的小玩意还挺好用的，不知道那群官爷会不会喜欢。

(录像者走出房间并走向中控区，通过走廊损坏程度推测该走廊为通讯区)

录像者:我操，你们他妈就剩这几个人啊

袭击者甲:队长，那边走廊(指向居住区)好多人和机器人，3队和2队全栽了，就剩咱几个1队的。

录像者:妈了个逼的这帮人还挺拼命。

(录像者使用步枪枪托砸击一类似操作台的机器屏幕)

录像者:你这种高科技设备不会克隆人类吗，你要不会我干死你。

电子合成音:十分遗憾，现今开发室的科技体系暂无人类克隆技术，并且敲击外机并不能杀死我。

录像者:(踹击屏幕)操你妈的讽刺我是吧。

袭击者乙:但是老大，这样我们确实没有办法弄坏这玩意，没法交差啊。

录像者:那你说咋办，我怎么打它都不坏啊。

袭击者乙:我有法子，那边装东西的地方有好多炸药，咱们把它弄到这里，然后……

(袭击者乙按下了操作台的一个按键，中控区中央的一块地面徐徐上升)

袭击者乙:这样送它上去；虽然我们人上不去，但是东西是可以上去的。我估计它的“大脑”就在上头。

袭击者丙:等一下，可这样的话炸一下这个电梯就没了，万一炸错了咋办?

录像者:那你说怎么办?

(沉默约5秒)

录像者:别哑巴了，去搬东西去，我看着你们。

(省略约半小时的无意义内容)

录像者:这堆都是?

众人:对，库存的火盐和火药都在这里。

录像者:那成了，喂你(指向袭击者乙)，你来开这个电梯，我忘了咋开了。

(袭击者乙在炸药堆上放置了一个定时装置，并操作电梯)

录像者:来来来都站远点，烟花要来咯。

(爆炸产生，部分天花板出现剧烈坍塌，压塌操作台并导致全部灯光短暂关闭)

录像者:这狗娘养的……劲大!

(应急灯光启动，层级内警报响起，并播放未知语言的录音)

录像者:兄弟们，咱们赢了，到时候我们的英勇功绩可是会被刻在历史上啊!

(一阵喧哗，推测是庆祝胜利)

录像者:你们谁去找点喷漆，咱们留点纪念，给Leaders的人看到的可不能只是一堆废铁。

(摄像仪低电量提示响起，五秒后视频结束)

该录像被发现后，E.P.B.人员用电子扫描技术对中控区的墙面进行了调查，最后发现了涂层后充满整个金属层的涂鸦以及血迹。

扫描后的部分涂鸦特写，下配文为:“别让狗屎Ai掌控人类!”

在战争后，包括Entity C-171在内的云雾之都造物几乎消失在了人类的视野里，它们也许远离了人类，去往不为人知的地方再度播撒种子了。

---

作者信息

fljlus层级主体编写者，音频文件人方配音
XWDG音频文件AI方配音
Donald Fouy，Daisy Bell及录音文件作者，灵感提供。
《Daisy Bell》原作者为英国音乐家哈利·戴克于1892年创作的歌曲，翻版符合CC-BY-SA3.0协议
图三、五、八由stable diffusion生成，其中图八使用小白打印进行了电子扫描。
图四来自:https://pixabay.com/zh/users/dezalb-1045091/
图一、二、六、七由造梦日记生成。