Level UX-254 “花雨庭”

:root {
    --accent-color: 52, 180, 88;
    --background-image: url("https://images.unsplash.com/photo-1518173946687-a4c8892bbd9f");
 
    --background-color: 246, 246, 246;
    --text-color: 51, 51, 51;
    --light-color-1: 252, 252, 252;
    --light-color-2: var(--light-color-1);
    --dark-color-1: var(--accent-color);
    --dark-color-2: var(--accent-color);
    --dark-color-3: var(--accent-color);
    --dark-color-4: var(--accent-color);
 
    --link-color: var(--accent-color);
    --hover-link-color: var(--link-color), 0.7;
    --visited-link-color: var(--link-color);
 
    --selected-background-color: var(--accent-color), 0.2;
    --selected-text-color: ;
 
    --general-blur: 0;
 
    --general-button-text-color: var(--general-light-text-color);
    --general-button-background-color: var(--general-light-background-color);
    --general-hover-button-text-color: var(--accent-color);
    --general-hover-button-background-color: var(--general-button-background-color);
 
    --main-header-height: 8.5rem;
    --main-header-height-on-mobile: 8.5rem;
    --header-width: 66rem;
    --header-margin: max(calc((100% - var(--header-width)) / 2), 1rem);
    --logo-image: none;
    --header-title-font-size: 3.5rem;
    --header-title-font-size-on-mobile: 2.15rem;
    --header-subtitle-font-size: 1.35rem;
    --header-subtitle-font-size-on-mobile: 0.8rem;
    --search-icon-width-on-mobile: 1rem;
 
    --header-background-image: none;
    --header-extra-background-image: none;
 
    --topbar-height-on-mobile: var(--topbar-height);
    --topbar-font-size-on-mobile: var(--topbar-font-size);
 
    --topbar-text-color: var(--general-light-text-color);
    --topbar-hover-text-color: var(--accent-color);
    --topbar-background-color: var(--general-light-background-color);
    --topbar-hover-background-color: 0, 0, 0, 0;
    --topbar-hover-border-color: 0, 0, 0, 0;
    --topbar-drop-text-color: var(--topbar-text-color);
    --topbar-drop-hover-text-color: var(--topbar-hover-text-color);
    --topbar-drop-background-color: var(--topbar-background-color);
    --topbar-drop-hover-background-color: 0, 0, 0, 0;
    --topbar-drop-shadow-color: var(--general-shadow-color), 0.06;
 
    --header-username-color: var(--header-text-color);
    --account-button-text-color: var(--header-text-color);
    --account-button-hover-text-color: var(--accent-color);
    --account-button-background-color: 0, 0, 0, 0;
    --account-button-hover-background-color: 0, 0, 0, 0;
    --account-drop-hover-text-color: var(--accent-color);
    --account-drop-hover-background-color: 0, 0, 0, 0;
 
    --body-width: 66rem;
 
    --page-tag-border-color: var(--general-strong-border-color);
    --page-tag-title-color: var(--text-color);
    --page-tag-text-color: var(--text-color);
    --page-tag-hover-text-color: var(--accent-color);
    --page-tag-background-color: 0, 0, 0, 0;
    --page-tag-hover-background-color: 0, 0, 0, 0;
 
    --footer-background-color: 0, 0, 0, 0;
    --license-background-color: 0, 0, 0, 0;
    --footer-text-color: var(--text-color), 0.5;
    --license-text-color: var(--footer-text-color);
 
    --sidebar-media-background-color: 0, 0, 0, 0;
    --sidebar-title-background-color: var(--general-dark-background-color);
    --sidebar-hover-background-color: var(--general-medium-border-color);
 
    --edit-area-background-color: var(--general-light-background-color);
 
    --hovertip-border-color: var(--general-strong-border-color);
 
    --imageblock-border-color: var(--general-strong-border-color);
 
    --hr-color: var(--general-strong-border-color);
 
    --tabview-border-width: 0.15rem;
    --tabview-horizon-color: 0, 0, 0, 0;
    --tabview-content-background-color: var(--general-light-background-color);
 
    --table-background-color: var(--general-light-background-color);
    --table-text-color: var(--general-light-text-color);
 
    --note-background-color: 255, 255, 136;
    --note-text-color: var(--text-color);
 
    --popup-fader-color: 0, 0, 0, 0.2;
    --popup-tip-color: var(--text-color);
 
    --white-monochrome: var(--light-color-1);
    --thread-accent-color: var(--general-light-background-color);
}
 
body, html {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
::-webkit-scrollbar-track {
  background: rgba(var(--scrollbar-background-color));
}
::-webkit-scrollbar-thumb {
  background: rgba(var(--scrollbar-color));
}
a:is(:hover, :active, :focus, :focus-within) {
  -webkit-text-decoration: underline 0.1em;
}
#side-bar .menu-item a {
  transition: background var(--general-transition-time-fast);
}
#file-comments {
  padding: 0.2em 0.5em;
}
table.page-files .highlight {
  background: rgba(var(--action-area-border-color))
}
.pager a, .pager .current, .pager .dots {
  transition: background var(--general-transition-time-slow), color var(--general-transition-time-slow);
}
#action-area h1 + p + h2 ~ div[style="padding-left:3em;"] > div {
  align-items: center;
}
#edit-meta-newtag-form > table {
  display: flex;
  align-items: center;
}
#edit-meta-newtag-form > table :is(tbody, tr) {
  display: contents;
}
#edit-meta-newtag-form > table td {
  display: block;
}
#edit-meta-newtag-form > table td:nth-child(2n) {
  flex: 1;
}
#edit-meta-newtag-form > table td input {
  width: 100%;
  box-sizing: border-box;
  border: none;
  background: rgba(var(--edit-area-textarea-background-color));
  color: rgba(var(--edit-area-textarea-text-color));
  padding: 0.2em 0.5em;
  margin: 0;
  outline: none;
  transition: box-shadow var(--general-transition-time-slow);
  font-weight: 500;
}
#edit-meta-newtag-form > table td input:focus-visible {
  box-shadow: 2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px -2px 0 rgba(var(--edit-area-textarea-border-color)), 2px -2px 0 rgba(var(--edit-area-textarea-border-color));
}
#edit-meta-newtag-form > div {
  margin: 1rem 0;
  padding: 0 !important;
  display: flex;
  grid-gap: 1rem;
}
hr {
  background: transparent;
}
[class|=colmod-link] {
  margin: 1rem 0;
}
.yui-navset .yui-nav li a,
.yui-navset .yui-nav li.selected a {
  transition: color var(--general-transition-time-slow);
}
.hl-default,
.hl-code,
.hl-brackets,
.hl-identifier {
  color: inherit;
}
#toc #toc-action-bar {
  top: 0.25rem;
}
:where(ol ul, ul ul) {
  list-style-type: circle;
}
.join-box a {
  color: rgba(var(--general-button-text-color));
  background: rgba(var(--general-button-background-color));
}
.join-box a:is(:hover, :active, :focus, :focus-within) {
  color: rgba(var(--general-hover-button-text-color));
  background: rgba(var(--general-hover-button-background-color));
}
.forum-thread-box .description-block {
  padding: 0.5em 1em;
}
.thread-container .post .long {
  padding: 0.5em;
}
#page-content > div.forum-thread-box > div.options,
.post-container > .post > div.long > div.options {
  display: flex;
  justify-content: flex-end;
}
.signature {
  display: none;
}
.notepaper {
  max-width: 100%;
}
.bettercollap .collapsible-block-unfolded-link,
.bettercollap .collapsible-block-folded {
  margin: 0;
}
@media (pointer: coarse) {
  #login-status #account-options:hover,
  #login-status #account-topbutton:hover + #account-options {
    opacity: 1;
    pointer-events: all;
  }
}
 
@keyframes fresh-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
a {
    text-decoration: underline;
    text-decoration-thickness: 0.1em;
    text-decoration-color: transparent;
    transition: color 0.15s, text-decoration-color 0.15s;
}
a:is(:hover, :active, :focus, :focus-within) {
    text-decoration-color: currentColor;
}
#extra-div-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-mask-image: linear-gradient(to top, transparent, black 80%);
            mask-image: linear-gradient(to top, transparent, black 80%);
}
#extra-div-1 span {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-image: linear-gradient(to right, transparent, black);
            mask-image: linear-gradient(to right, transparent, black);
    background: var(--background-image);
    background-size: cover;
    background-repeat: no-repeat;
}
#container-wrap {
    position: relative;
    z-index: 1;
}
#header {
    grid-template-areas: "h1" "h1";
    position: relative;
    top: 0;
}
#header h1 a span {
    padding-top: 3rem;
    color: rgba(var(--text-color));
    align-items: flex-start;
    text-shadow: none;
    grid-gap: 0;
}
#top-bar {
    position: absolute;
    bottom: 0;
    right: var(--header-margin);
    width: min(calc(var(--header-width) * 0.45), 45%);
    height: var(--topbar-height);
    padding: 0;
    background: transparent;
    pointer-events: none;
}
#top-bar div[class*=top-bar] > ul {
    grid-gap: 0.5rem;
    justify-content: flex-end;
}
#top-bar div[class*=top-bar] > ul > li {
    pointer-events: auto;
    flex: 0 1 7.5rem;
    position: relative;
}
#top-bar div[class*=top-bar] > ul > li > a,
#top-bar .mobile-top-bar .open-menu a {
    background: rgba(var(--topbar-background-color));
    border-radius: 1rem;
    box-shadow: 0 0.15rem 0.4rem rgba(var(--general-shadow-color), 0.06);
    font-weight: 400;
    transition: color var(--general-transition-time-slow);
}
#top-bar div[class*=top-bar] > ul > li > ul,
#top-bar div[class*=top-bar] > ul > li > ul > li > ul {
    top: 100%;
    border-radius: 1rem;
    box-shadow: 0 0.15rem 0.4rem rgba(var(--topbar-drop-shadow-color));
    border: none;
    flex-direction: column;
    flex-wrap: nowrap;
}
#top-bar div[class*=top-bar] > ul > li > ul > li,
#top-bar div[class*=top-bar] > ul > li > ul > li > ul > li {
    border-radius: 1rem;
    border: none;
    flex-basis: auto;
}
#top-bar div[class*=top-bar] > ul > li > ul > li:nth-child(2n):nth-last-child(2) {
    box-shadow: none;
}
#top-bar div[class*=top-bar] > ul > li > ul > li > a,
#top-bar div[class*=top-bar] > ul > li > ul > li > ul > li > a {
    border-radius: 1rem;
    transition: color var(--general-transition-time-slow);
}
#top-bar div[class*=top-bar] > ul > li > ul > li > ul {
    top: 0;
}
#top-bar .mobile-top-bar {
    padding-bottom: 0.15rem;
}
#top-bar .mobile-top-bar .open-menu {
    display: contents;
}
#top-bar .mobile-top-bar .open-menu a {
    pointer-events: auto;
    position: fixed;
    top: 0.5rem;
    left: 0.5rem;
    width: 3rem;
    height: 3rem;
    border: 0.15rem solid rgba(var(--general-medium-border-color));
    border-radius: 50%;
    box-sizing: border-box;
    transition: border-color var(--general-transition-time-slow);
}
#top-bar .mobile-top-bar .open-menu a::before {
    transition: background var(--general-transition-time-slow);
}
#top-bar .mobile-top-bar .open-menu a:is(:hover, :active, :focus, :focus-within) {
    background: rgba(var(--topbar-background-color));
    border-color: rgba(var(--general-dark-border-color));
}
#login-status,
#search-top-box {
    right: var(--header-margin);
    font-weight: 400;
}
#login-status {
    top: 1rem;
}
a#account-topbutton,
#search-top-box-form .button {
    transition: color var(--general-transition-time-slow);
}
#account-options {
    font-size: 0.8rem;
    border: none;
    border-radius: 0.8rem;
    box-shadow: 0 0.15rem 0.4rem rgba(var(--topbar-drop-shadow-color));
    transition: opacity var(--general-transition-time-fast) ease-in-out;
}
#account-options li a {
    height: 1.6rem;
    border-radius: 0.8rem;
    transition: color var(--general-transition-time-slow);
}
#main-content {
    background: rgba(var(--general-light-background-color), 0.8);
    color: rgba(var(--general-light-text-color));
    margin: 2.5rem var(--body-margin);
    padding: 1rem 3rem;
    border-radius: 1.25rem;
    box-shadow: 0 0.15rem 1rem rgba(var(--general-shadow-color), 0.05);
    box-sizing: border-box;
}
#page-title {
    margin-top: 1rem;
}
.page-tags::before {
    display: none;
}
.page-tags span {
    align-items: center;
    padding: 0.4rem;
    box-sizing: border-box;
}
.page-tags span::before {
    content: "标签：";
}
.page-tags span a {
    border: calc(1rem / 15) solid rgba(var(--general-medium-border-color));
    border-radius: 1em;
    padding: 0.1rem 0.6rem;
    transition: color var(--general-transition-time-fast), border-color var(--general-transition-time-fast);
}
.page-tags span a:is(:hover, :active, :focus, :focus-within) {
    border-color: rgba(var(--general-dark-border-color));
}
#page-options-container {
    margin: 0;
}
.page-watch-options {
    padding-bottom: 0.5rem;
}
div[id*=page-options-bottom] {
    grid-gap: 0;
    margin: 0;
}
div[id*=page-options-bottom] > a {
    height: 2.25rem;
    padding: 0 0.7rem;
}
#footer {
    padding: 0 1rem;
    text-align: center;
}
#license-area {
    padding: 0.5em 1rem 2.5rem;
    font-size: 0.8rem;
}
#side-bar {
    border: none;
}
#side-bar .heading,
#side-bar .collapsible-block-unfolded-link a,
#side-bar .collapsible-block-folded a {
    text-shadow: none;
}
div[id*=page-options-bottom] > a,
.edit-help-34 a,
.change-textarea-size a,
div.buttons input,
input.button,
button,
file,
a.button,
#edit-page-form div.buttons input,
a.action-area-close,
#view-diff-div > p > a,
#upload-userfile[type=file]::file-selector-button,
table.page-history tr td:nth-child(4) a,
.page-options-bottom a,
.owindow .button-bar > a:not([onclick*=cleanAll]),
.owindow div[style*=margin-top] a {
    border-bottom: 0.15rem solid rgba(var(--general-medium-border-color));
    transition: color var(--general-transition-time-fast);
}
#side-bar,
.preview-message,
.page-source,
.scp-image-block,
.yui-navset,
table.wiki-content-table,
blockquote,
.blockquote,
.code,
#toc,
.footnotes-footer,
.bibitems,
.owindow,
div.modalbox,
div.infobox,
div.rate-box-with-credit-button,
div.page-rate-widget-box,
div.creditButtonStandalone,
.lightblock,
.darkblock,
.styled-quote,
.dark-styled-quote {
    box-shadow: 0 0.15rem 0.8rem rgba(var(--general-shadow-color), 0.06);
}
.page-source,
.hovertip,
.scp-image-block,
blockquote,
.blockquote,
.code,
#toc,
.footnotes-footer,
.bibitems,
.owindow,
div.modalbox,
div.infobox,
.lightblock,
.darkblock,
.styled-quote,
.dark-styled-quote {
    border-radius: 0.25rem;
}
#upload-userfile[type=file]::file-selector-button,
.scp-image-block,
div.wiki-note,
.owindow,
div.modalbox,
div.infobox {
    border: none;
}
#action-area,
#view-diff-div:not(:empty),
.preview-message,
#who-rated-page-area:not(:empty),
#history-subarea,
#file-action-area:not(:empty),
#st-action-area:not(:empty),
#edit-meta-newtag,
#rename-backlinks-box {
    animation: fresh-fade-in var(--general-transition-time-fast) ease-in-out;
}
input.text, textarea, #upload-userfile[type=file] {
    box-shadow: 0 0 0 calc(1rem / 15) rgba(var(--general-medium-border-color));
}
#edit-page-form, #new-post-form {
    padding: 0;
}
:is(#wd-editor-toolbar-panel, #np-editor-panel) a::before {
    transition: background var(--general-transition-time-fast);
}
:is(#wd-editor-toolbar-panel, #np-editor-panel) div > ul > li > ul {
    left: auto;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--general-transition-time-fast) ease-in-out;
}
:is(#wd-editor-toolbar-panel, #np-editor-panel) div > ul > li:hover > ul {
    border: none;
    opacity: 1;
    pointer-events: auto;
}
:is(#wd-editor-toolbar-panel, #np-editor-panel) div > ul > li > ul > li > a {
    border-bottom: calc(1rem / 15) solid rgba(var(--general-strong-border-color));
}
#upload-userfile[type=file]::file-selector-button {
    border-right: calc(1rem / 15) solid rgba(var(--general-medium-border-color));
}
.pager {
    border-bottom: var(--tabview-border-width) solid rgba(var(--tabview-border-color));
}
.pager a, .pager .current, .pager .dots {
    color: rgba(var(--tabview-button-text-color));
    background: rgba(var(--tabview-button-background-color));
}
.pager a:is(:hover, :active, :focus, :focus-within) {
    color: rgba(var(--tabview-hover-button-text-color));
    background: rgba(var(--tabview-hover-button-background-color));
}
.pager .current {
    color: rgba(var(--tabview-selected-button-text-color));
    background: rgba(var(--tabview-selected-button-background-color));
}
#st-action-area > a {
    color: rgba(var(--link-color));
    text-decoration: none;
}
#action-area h1 + p + h2 ~ div[style="padding-left:3em;"] > div a {
    transition: color var(--general-transition-time-fast);
}
.hovertip {
    animation: fresh-fade-in var(--general-transition-time-fast) ease-in-out;
    font-weight: 400;
    border-width: 0 0 0.15rem 0 !important;
}
.scp-image-block img {
    border-radius: 0.25rem 0.25rem 0 0;
}
.scp-image-caption {
    border-bottom: var(--imageblock-border-width) solid rgba(var(--imageblock-border-color));
    border-radius: 0 0 0.25rem 0.25rem;
}
.yui-navset {
    width: auto;
    margin: 1rem 0;
}
.yui-navset .yui-nav li,
.yui-navset .yui-nav li.selected {
    box-shadow: none;
    border-bottom: var(--tabview-border-width) solid rgba(var(--tabview-border-color));
}
.yui-navset .yui-nav li a em,
.yui-navset .yui-nav li.selected a em {
    padding: 0.4em 0.6em;
}
.yui-navset .yui-content {
    box-shadow: none;
    border-bottom: var(--tabview-border-width) solid rgba(var(--general-medium-border-color));
}
div.wiki-note {
    padding: 0.5rem 1rem;
    font-weight: inherit;
    box-shadow: 0 0.5rem 1rem rgba(var(--general-shadow-color), 0.06);
    background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.2));
}
#odialog-container, .owindow.osuccess {
    animation: fresh-fade-in var(--general-transition-time-fast) ease-in-out;
}
.owindow.owait .content,
.owindow.owait .content:before,
.owindow.owait .content:after {
    border-radius: 0.1rem;
}
.owindow .title,
div.modalbox > div:first-child,
div.infobox-title {
    border-radius: 0.25rem 0.25rem 0 0;
}
.owindow .button-bar > a[onclick*=cleanAll],
div.modalbox::after,
div.infobox::after {
    font-weight: 500;
}
.owindow .content > img + h1 + table,
.owindow .content > img + h1 + table td,
div.creditBottomRate {
    border-color: rgba(var(--general-medium-border-color));
}
div.creditBottomRate div.page-rate-widget-box {
    box-shadow: none;
}
.bblock:is(:hover, :focus-within) {
    color: rgb(var(--general-light-background-color));
}
.keycap {
    box-shadow: 0 0.15em rgba(var(--general-strong-border-color));
}
.licensebox a.collapsible-block-link {
    opacity: 1;
    color: rgba(var(--link-color));
    transition: color 0.15s;
}
.licensebox a.collapsible-block-link:is(:hover, :active, :focus, :focus-within) {
    color: rgba(var(--hover-link-color));
}
.sd-container {
    --sd-border: var(--text-color);
    --sd-symbol: var(--general-dark-text-color);
    --sd-bullets: var(--text-color);
}
#page-content .radius {
    border-radius: 1rem;
}
.hovertip,
#page-content .shadow {
    box-shadow: 0 0.15rem 1rem rgba(var(--general-shadow-color), 0.12);
}
.three-line table.wiki-content-table {
    --table-border-color: var(--general-dark-border-color);
    --table-header-background-color: var(--table-background-color);
    --table-header-text-color: var(--table-text-color);
    border: rgba(var(--table-border-color)) 0.2rem solid;
    border-left: none;
    border-right: none;
}
.three-line table.wiki-content-table :is(th, td) {
    padding: 0.5em 0.75em;
    border-left: none;
    border-right: none;
}
@media only screen and (max-width: 1024px) {
    #login-status {
        right: calc(var(--header-margin) + 0.5rem + var(--search-icon-width-on-mobile));
    }
    #search-top-box {
        right: var(--header-margin);
        top: 1.1rem;
        height: var(--search-icon-width-on-mobile);
    }
    #search-top-box-form .button.btn {
        background: currentColor;
        -webkit-mask-size: 100%;
                mask-size: 100%;
        -webkit-mask-position: 0 0;
                mask-position: 0 0;
    }
    #main-content {
        padding: 0.5rem 2rem;
    }
}
@media only screen and (max-width: 540px) {
    #header {
        grid-template-areas: "h1" "topbar";
    }
    #top-bar {
        position: relative;
        right: 0;
        width: 100%;
        padding: 0 var(--header-margin);
    }
    #top-bar div[class*=top-bar] > ul > li {
        position: static;
        flex: auto;
        padding-bottom: 0.15rem;
    }
    #top-bar div[class*=top-bar] > ul > li > ul {
        flex-direction: row;
        flex-wrap: wrap;
    }
    #top-bar div[class*=top-bar] > ul > li > ul > li {
        flex-basis: 40%;
    }
    #main-content {
        padding: 0.01rem 1rem;
    }
}

:root {
    --accent-color: 52, 180, 88;
    --background-image: url("https://images.unsplash.com/photo-1518173946687-a4c8892bbd9f");
 
    --background-color: 246, 246, 246;
    --text-color: 51, 51, 51;
    --light-color-1: 252, 252, 252;
    --light-color-2: var(--light-color-1);
    --dark-color-1: var(--accent-color);
    --dark-color-2: var(--accent-color);
    --dark-color-3: var(--accent-color);
    --dark-color-4: var(--accent-color);
 
    --link-color: var(--accent-color);
    --hover-link-color: var(--link-color), 0.7;
    --visited-link-color: var(--link-color);
 
    --selected-background-color: var(--accent-color), 0.2;
    --selected-text-color: ;
 
    --general-blur: 0;
 
    --general-button-text-color: var(--general-light-text-color);
    --general-button-background-color: var(--general-light-background-color);
    --general-hover-button-text-color: var(--accent-color);
    --general-hover-button-background-color: var(--general-button-background-color);
 
    --main-header-height: 8.5rem;
    --main-header-height-on-mobile: 8.5rem;
    --header-width: 66rem;
    --header-margin: max(calc((100% - var(--header-width)) / 2), 1rem);
    --logo-image: none;
    --header-title-font-size: 3.5rem;
    --header-title-font-size-on-mobile: 2.15rem;
    --header-subtitle-font-size: 1.35rem;
    --header-subtitle-font-size-on-mobile: 0.8rem;
    --search-icon-width-on-mobile: 1rem;
 
    --header-background-image: none;
    --header-extra-background-image: none;
 
    --topbar-height-on-mobile: var(--topbar-height);
    --topbar-font-size-on-mobile: var(--topbar-font-size);
 
    --topbar-text-color: var(--general-light-text-color);
    --topbar-hover-text-color: var(--accent-color);
    --topbar-background-color: var(--general-light-background-color);
    --topbar-hover-background-color: 0, 0, 0, 0;
    --topbar-hover-border-color: 0, 0, 0, 0;
    --topbar-drop-text-color: var(--topbar-text-color);
    --topbar-drop-hover-text-color: var(--topbar-hover-text-color);
    --topbar-drop-background-color: var(--topbar-background-color);
    --topbar-drop-hover-background-color: 0, 0, 0, 0;
    --topbar-drop-shadow-color: var(--general-shadow-color), 0.06;
 
    --header-username-color: var(--header-text-color);
    --account-button-text-color: var(--header-text-color);
    --account-button-hover-text-color: var(--accent-color);
    --account-button-background-color: 0, 0, 0, 0;
    --account-button-hover-background-color: 0, 0, 0, 0;
    --account-drop-hover-text-color: var(--accent-color);
    --account-drop-hover-background-color: 0, 0, 0, 0;
 
    --body-width: 66rem;
 
    --page-tag-border-color: var(--general-strong-border-color);
    --page-tag-title-color: var(--text-color);
    --page-tag-text-color: var(--text-color);
    --page-tag-hover-text-color: var(--accent-color);
    --page-tag-background-color: 0, 0, 0, 0;
    --page-tag-hover-background-color: 0, 0, 0, 0;
 
    --footer-background-color: 0, 0, 0, 0;
    --license-background-color: 0, 0, 0, 0;
    --footer-text-color: var(--text-color), 0.5;
    --license-text-color: var(--footer-text-color);
 
    --sidebar-media-background-color: 0, 0, 0, 0;
    --sidebar-title-background-color: var(--general-dark-background-color);
    --sidebar-hover-background-color: var(--general-medium-border-color);
 
    --edit-area-background-color: var(--general-light-background-color);
 
    --hovertip-border-color: var(--general-strong-border-color);
 
    --imageblock-border-color: var(--general-strong-border-color);
 
    --hr-color: var(--general-strong-border-color);
 
    --tabview-border-width: 0.15rem;
    --tabview-horizon-color: 0, 0, 0, 0;
    --tabview-content-background-color: var(--general-light-background-color);
 
    --table-background-color: var(--general-light-background-color);
    --table-text-color: var(--general-light-text-color);
 
    --note-background-color: 255, 255, 136;
    --note-text-color: var(--text-color);
 
    --popup-fader-color: 0, 0, 0, 0.2;
    --popup-tip-color: var(--text-color);
 
    --white-monochrome: var(--light-color-1);
    --thread-accent-color: var(--general-light-background-color);
}
 
body, html {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
::-webkit-scrollbar-track {
  background: rgba(var(--scrollbar-background-color));
}
::-webkit-scrollbar-thumb {
  background: rgba(var(--scrollbar-color));
}
a:is(:hover, :active, :focus, :focus-within) {
  -webkit-text-decoration: underline 0.1em;
}
#side-bar .menu-item a {
  transition: background var(--general-transition-time-fast);
}
#file-comments {
  padding: 0.2em 0.5em;
}
table.page-files .highlight {
  background: rgba(var(--action-area-border-color))
}
.pager a, .pager .current, .pager .dots {
  transition: background var(--general-transition-time-slow), color var(--general-transition-time-slow);
}
#action-area h1 + p + h2 ~ div[style="padding-left:3em;"] > div {
  align-items: center;
}
#edit-meta-newtag-form > table {
  display: flex;
  align-items: center;
}
#edit-meta-newtag-form > table :is(tbody, tr) {
  display: contents;
}
#edit-meta-newtag-form > table td {
  display: block;
}
#edit-meta-newtag-form > table td:nth-child(2n) {
  flex: 1;
}
#edit-meta-newtag-form > table td input {
  width: 100%;
  box-sizing: border-box;
  border: none;
  background: rgba(var(--edit-area-textarea-background-color));
  color: rgba(var(--edit-area-textarea-text-color));
  padding: 0.2em 0.5em;
  margin: 0;
  outline: none;
  transition: box-shadow var(--general-transition-time-slow);
  font-weight: 500;
}
#edit-meta-newtag-form > table td input:focus-visible {
  box-shadow: 2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px -2px 0 rgba(var(--edit-area-textarea-border-color)), 2px -2px 0 rgba(var(--edit-area-textarea-border-color));
}
#edit-meta-newtag-form > div {
  margin: 1rem 0;
  padding: 0 !important;
  display: flex;
  grid-gap: 1rem;
}
hr {
  background: transparent;
}
[class|=colmod-link] {
  margin: 1rem 0;
}
.yui-navset .yui-nav li a,
.yui-navset .yui-nav li.selected a {
  transition: color var(--general-transition-time-slow);
}
.hl-default,
.hl-code,
.hl-brackets,
.hl-identifier {
  color: inherit;
}
#toc #toc-action-bar {
  top: 0.25rem;
}
:where(ol ul, ul ul) {
  list-style-type: circle;
}
.join-box a {
  color: rgba(var(--general-button-text-color));
  background: rgba(var(--general-button-background-color));
}
.join-box a:is(:hover, :active, :focus, :focus-within) {
  color: rgba(var(--general-hover-button-text-color));
  background: rgba(var(--general-hover-button-background-color));
}
.forum-thread-box .description-block {
  padding: 0.5em 1em;
}
.thread-container .post .long {
  padding: 0.5em;
}
#page-content > div.forum-thread-box > div.options,
.post-container > .post > div.long > div.options {
  display: flex;
  justify-content: flex-end;
}
.signature {
  display: none;
}
.notepaper {
  max-width: 100%;
}
.bettercollap .collapsible-block-unfolded-link,
.bettercollap .collapsible-block-folded {
  margin: 0;
}
@media (pointer: coarse) {
  #login-status #account-options:hover,
  #login-status #account-topbutton:hover + #account-options {
    opacity: 1;
    pointer-events: all;
  }
}
 
@keyframes fresh-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
a {
    text-decoration: underline;
    text-decoration-thickness: 0.1em;
    text-decoration-color: transparent;
    transition: color 0.15s, text-decoration-color 0.15s;
}
a:is(:hover, :active, :focus, :focus-within) {
    text-decoration-color: currentColor;
}
#extra-div-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-mask-image: linear-gradient(to top, transparent, black 80%);
            mask-image: linear-gradient(to top, transparent, black 80%);
}
#extra-div-1 span {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-image: linear-gradient(to right, transparent, black);
            mask-image: linear-gradient(to right, transparent, black);
    background: var(--background-image);
    background-size: cover;
    background-repeat: no-repeat;
}
#container-wrap {
    position: relative;
    z-index: 1;
}
#header {
    grid-template-areas: "h1" "h1";
    position: relative;
    top: 0;
}
#header h1 a span {
    padding-top: 3rem;
    color: rgba(var(--text-color));
    align-items: flex-start;
    text-shadow: none;
    grid-gap: 0;
}
#top-bar {
    position: absolute;
    bottom: 0;
    right: var(--header-margin);
    width: min(calc(var(--header-width) * 0.45), 45%);
    height: var(--topbar-height);
    padding: 0;
    background: transparent;
    pointer-events: none;
}
#top-bar div[class*=top-bar] > ul {
    grid-gap: 0.5rem;
    justify-content: flex-end;
}
#top-bar div[class*=top-bar] > ul > li {
    pointer-events: auto;
    flex: 0 1 7.5rem;
    position: relative;
}
#top-bar div[class*=top-bar] > ul > li > a,
#top-bar .mobile-top-bar .open-menu a {
    background: rgba(var(--topbar-background-color));
    border-radius: 1rem;
    box-shadow: 0 0.15rem 0.4rem rgba(var(--general-shadow-color), 0.06);
    font-weight: 400;
    transition: color var(--general-transition-time-slow);
}
#top-bar div[class*=top-bar] > ul > li > ul,
#top-bar div[class*=top-bar] > ul > li > ul > li > ul {
    top: 100%;
    border-radius: 1rem;
    box-shadow: 0 0.15rem 0.4rem rgba(var(--topbar-drop-shadow-color));
    border: none;
    flex-direction: column;
    flex-wrap: nowrap;
}
#top-bar div[class*=top-bar] > ul > li > ul > li,
#top-bar div[class*=top-bar] > ul > li > ul > li > ul > li {
    border-radius: 1rem;
    border: none;
    flex-basis: auto;
}
#top-bar div[class*=top-bar] > ul > li > ul > li:nth-child(2n):nth-last-child(2) {
    box-shadow: none;
}
#top-bar div[class*=top-bar] > ul > li > ul > li > a,
#top-bar div[class*=top-bar] > ul > li > ul > li > ul > li > a {
    border-radius: 1rem;
    transition: color var(--general-transition-time-slow);
}
#top-bar div[class*=top-bar] > ul > li > ul > li > ul {
    top: 0;
}
#top-bar .mobile-top-bar {
    padding-bottom: 0.15rem;
}
#top-bar .mobile-top-bar .open-menu {
    display: contents;
}
#top-bar .mobile-top-bar .open-menu a {
    pointer-events: auto;
    position: fixed;
    top: 0.5rem;
    left: 0.5rem;
    width: 3rem;
    height: 3rem;
    border: 0.15rem solid rgba(var(--general-medium-border-color));
    border-radius: 50%;
    box-sizing: border-box;
    transition: border-color var(--general-transition-time-slow);
}
#top-bar .mobile-top-bar .open-menu a::before {
    transition: background var(--general-transition-time-slow);
}
#top-bar .mobile-top-bar .open-menu a:is(:hover, :active, :focus, :focus-within) {
    background: rgba(var(--topbar-background-color));
    border-color: rgba(var(--general-dark-border-color));
}
#login-status,
#search-top-box {
    right: var(--header-margin);
    font-weight: 400;
}
#login-status {
    top: 1rem;
}
a#account-topbutton,
#search-top-box-form .button {
    transition: color var(--general-transition-time-slow);
}
#account-options {
    font-size: 0.8rem;
    border: none;
    border-radius: 0.8rem;
    box-shadow: 0 0.15rem 0.4rem rgba(var(--topbar-drop-shadow-color));
    transition: opacity var(--general-transition-time-fast) ease-in-out;
}
#account-options li a {
    height: 1.6rem;
    border-radius: 0.8rem;
    transition: color var(--general-transition-time-slow);
}
#main-content {
    background: rgba(var(--general-light-background-color), 0.8);
    color: rgba(var(--general-light-text-color));
    margin: 2.5rem var(--body-margin);
    padding: 1rem 3rem;
    border-radius: 1.25rem;
    box-shadow: 0 0.15rem 1rem rgba(var(--general-shadow-color), 0.05);
    box-sizing: border-box;
}
#page-title {
    margin-top: 1rem;
}
.page-tags::before {
    display: none;
}
.page-tags span {
    align-items: center;
    padding: 0.4rem;
    box-sizing: border-box;
}
.page-tags span::before {
    content: "标签：";
}
.page-tags span a {
    border: calc(1rem / 15) solid rgba(var(--general-medium-border-color));
    border-radius: 1em;
    padding: 0.1rem 0.6rem;
    transition: color var(--general-transition-time-fast), border-color var(--general-transition-time-fast);
}
.page-tags span a:is(:hover, :active, :focus, :focus-within) {
    border-color: rgba(var(--general-dark-border-color));
}
#page-options-container {
    margin: 0;
}
.page-watch-options {
    padding-bottom: 0.5rem;
}
div[id*=page-options-bottom] {
    grid-gap: 0;
    margin: 0;
}
div[id*=page-options-bottom] > a {
    height: 2.25rem;
    padding: 0 0.7rem;
}
#footer {
    padding: 0 1rem;
    text-align: center;
}
#license-area {
    padding: 0.5em 1rem 2.5rem;
    font-size: 0.8rem;
}
#side-bar {
    border: none;
}
#side-bar .heading,
#side-bar .collapsible-block-unfolded-link a,
#side-bar .collapsible-block-folded a {
    text-shadow: none;
}
div[id*=page-options-bottom] > a,
.edit-help-34 a,
.change-textarea-size a,
div.buttons input,
input.button,
button,
file,
a.button,
#edit-page-form div.buttons input,
a.action-area-close,
#view-diff-div > p > a,
#upload-userfile[type=file]::file-selector-button,
table.page-history tr td:nth-child(4) a,
.page-options-bottom a,
.owindow .button-bar > a:not([onclick*=cleanAll]),
.owindow div[style*=margin-top] a {
    border-bottom: 0.15rem solid rgba(var(--general-medium-border-color));
    transition: color var(--general-transition-time-fast);
}
#side-bar,
.preview-message,
.page-source,
.scp-image-block,
.yui-navset,
table.wiki-content-table,
blockquote,
.blockquote,
.code,
#toc,
.footnotes-footer,
.bibitems,
.owindow,
div.modalbox,
div.infobox,
div.rate-box-with-credit-button,
div.page-rate-widget-box,
div.creditButtonStandalone,
.lightblock,
.darkblock,
.styled-quote,
.dark-styled-quote {
    box-shadow: 0 0.15rem 0.8rem rgba(var(--general-shadow-color), 0.06);
}
.page-source,
.hovertip,
.scp-image-block,
blockquote,
.blockquote,
.code,
#toc,
.footnotes-footer,
.bibitems,
.owindow,
div.modalbox,
div.infobox,
.lightblock,
.darkblock,
.styled-quote,
.dark-styled-quote {
    border-radius: 0.25rem;
}
#upload-userfile[type=file]::file-selector-button,
.scp-image-block,
div.wiki-note,
.owindow,
div.modalbox,
div.infobox {
    border: none;
}
#action-area,
#view-diff-div:not(:empty),
.preview-message,
#who-rated-page-area:not(:empty),
#history-subarea,
#file-action-area:not(:empty),
#st-action-area:not(:empty),
#edit-meta-newtag,
#rename-backlinks-box {
    animation: fresh-fade-in var(--general-transition-time-fast) ease-in-out;
}
input.text, textarea, #upload-userfile[type=file] {
    box-shadow: 0 0 0 calc(1rem / 15) rgba(var(--general-medium-border-color));
}
#edit-page-form, #new-post-form {
    padding: 0;
}
:is(#wd-editor-toolbar-panel, #np-editor-panel) a::before {
    transition: background var(--general-transition-time-fast);
}
:is(#wd-editor-toolbar-panel, #np-editor-panel) div > ul > li > ul {
    left: auto;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--general-transition-time-fast) ease-in-out;
}
:is(#wd-editor-toolbar-panel, #np-editor-panel) div > ul > li:hover > ul {
    border: none;
    opacity: 1;
    pointer-events: auto;
}
:is(#wd-editor-toolbar-panel, #np-editor-panel) div > ul > li > ul > li > a {
    border-bottom: calc(1rem / 15) solid rgba(var(--general-strong-border-color));
}
#upload-userfile[type=file]::file-selector-button {
    border-right: calc(1rem / 15) solid rgba(var(--general-medium-border-color));
}
.pager {
    border-bottom: var(--tabview-border-width) solid rgba(var(--tabview-border-color));
}
.pager a, .pager .current, .pager .dots {
    color: rgba(var(--tabview-button-text-color));
    background: rgba(var(--tabview-button-background-color));
}
.pager a:is(:hover, :active, :focus, :focus-within) {
    color: rgba(var(--tabview-hover-button-text-color));
    background: rgba(var(--tabview-hover-button-background-color));
}
.pager .current {
    color: rgba(var(--tabview-selected-button-text-color));
    background: rgba(var(--tabview-selected-button-background-color));
}
#st-action-area > a {
    color: rgba(var(--link-color));
    text-decoration: none;
}
#action-area h1 + p + h2 ~ div[style="padding-left:3em;"] > div a {
    transition: color var(--general-transition-time-fast);
}
.hovertip {
    animation: fresh-fade-in var(--general-transition-time-fast) ease-in-out;
    font-weight: 400;
    border-width: 0 0 0.15rem 0 !important;
}
.scp-image-block img {
    border-radius: 0.25rem 0.25rem 0 0;
}
.scp-image-caption {
    border-bottom: var(--imageblock-border-width) solid rgba(var(--imageblock-border-color));
    border-radius: 0 0 0.25rem 0.25rem;
}
.yui-navset {
    width: auto;
    margin: 1rem 0;
}
.yui-navset .yui-nav li,
.yui-navset .yui-nav li.selected {
    box-shadow: none;
    border-bottom: var(--tabview-border-width) solid rgba(var(--tabview-border-color));
}
.yui-navset .yui-nav li a em,
.yui-navset .yui-nav li.selected a em {
    padding: 0.4em 0.6em;
}
.yui-navset .yui-content {
    box-shadow: none;
    border-bottom: var(--tabview-border-width) solid rgba(var(--general-medium-border-color));
}
div.wiki-note {
    padding: 0.5rem 1rem;
    font-weight: inherit;
    box-shadow: 0 0.5rem 1rem rgba(var(--general-shadow-color), 0.06);
    background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.2));
}
#odialog-container, .owindow.osuccess {
    animation: fresh-fade-in var(--general-transition-time-fast) ease-in-out;
}
.owindow.owait .content,
.owindow.owait .content:before,
.owindow.owait .content:after {
    border-radius: 0.1rem;
}
.owindow .title,
div.modalbox > div:first-child,
div.infobox-title {
    border-radius: 0.25rem 0.25rem 0 0;
}
.owindow .button-bar > a[onclick*=cleanAll],
div.modalbox::after,
div.infobox::after {
    font-weight: 500;
}
.owindow .content > img + h1 + table,
.owindow .content > img + h1 + table td,
div.creditBottomRate {
    border-color: rgba(var(--general-medium-border-color));
}
div.creditBottomRate div.page-rate-widget-box {
    box-shadow: none;
}
.bblock:is(:hover, :focus-within) {
    color: rgb(var(--general-light-background-color));
}
.keycap {
    box-shadow: 0 0.15em rgba(var(--general-strong-border-color));
}
.licensebox a.collapsible-block-link {
    opacity: 1;
    color: rgba(var(--link-color));
    transition: color 0.15s;
}
.licensebox a.collapsible-block-link:is(:hover, :active, :focus, :focus-within) {
    color: rgba(var(--hover-link-color));
}
.sd-container {
    --sd-border: var(--text-color);
    --sd-symbol: var(--general-dark-text-color);
    --sd-bullets: var(--text-color);
}
#page-content .radius {
    border-radius: 1rem;
}
.hovertip,
#page-content .shadow {
    box-shadow: 0 0.15rem 1rem rgba(var(--general-shadow-color), 0.12);
}
.three-line table.wiki-content-table {
    --table-border-color: var(--general-dark-border-color);
    --table-header-background-color: var(--table-background-color);
    --table-header-text-color: var(--table-text-color);
    border: rgba(var(--table-border-color)) 0.2rem solid;
    border-left: none;
    border-right: none;
}
.three-line table.wiki-content-table :is(th, td) {
    padding: 0.5em 0.75em;
    border-left: none;
    border-right: none;
}
@media only screen and (max-width: 1024px) {
    #login-status {
        right: calc(var(--header-margin) + 0.5rem + var(--search-icon-width-on-mobile));
    }
    #search-top-box {
        right: var(--header-margin);
        top: 1.1rem;
        height: var(--search-icon-width-on-mobile);
    }
    #search-top-box-form .button.btn {
        background: currentColor;
        -webkit-mask-size: 100%;
                mask-size: 100%;
        -webkit-mask-position: 0 0;
                mask-position: 0 0;
    }
    #main-content {
        padding: 0.5rem 2rem;
    }
}
@media only screen and (max-width: 540px) {
    #header {
        grid-template-areas: "h1" "topbar";
    }
    #top-bar {
        position: relative;
        right: 0;
        width: 100%;
        padding: 0 var(--header-margin);
    }
    #top-bar div[class*=top-bar] > ul > li {
        position: static;
        flex: auto;
        padding-bottom: 0.15rem;
    }
    #top-bar div[class*=top-bar] > ul > li > ul {
        flex-direction: row;
        flex-wrap: wrap;
    }
    #top-bar div[class*=top-bar] > ul > li > ul > li {
        flex-basis: 40%;
    }
    #main-content {
        padding: 0.01rem 1rem;
    }
}

生存难度：生存難度：

等级等級 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: 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 UX-254是一处方形的中式庭院。

描述：

Level UX-254的两侧对立着两座中式古楼，从外面看，红漆金瓦，栈道环绕，岿然不动。楼内是标准的走廊构成的非线性空间，空间随时变化，但并不存在开放式空间，也不存在多层结构。走廊宽度固定为1.8m，主要为木构架，内部可以见到一些桌椅柜台，上面偶尔会有碗碟或者一些咸菜花生等物品，在墙上还可能有挂着的油纸伞，如果遇到了记得拿上，之后有用。

走廊中没有光源，但是远处拐角总有微光漫射进来，使得流浪者能大致看清环境，它们通常给人一种通向室外的错觉，然而靠近后就会消失。流浪者也可以自带光源，走廊的柜子中也可能出现一些物资或是食物，这样能更容易找到它们。

走廊稍有潮湿，这并未导致其结构出现腐蚀，反而形成了似有似无的香味，慢慢的，某种别样的感觉萌生滋长，流浪者即将走出迷障。点滴的暖雨断断续续的下着，伴随着飘落的花瓣，为流浪者揭开在黑暗中压抑许久的眼帘。庭院里可以见到紫薇，海棠，晚樱等树，花繁叶茂，长势极好，它们的花瓣多是粉紫红三色，暗淡的天空也被它们染的有些浪漫了¹。

阳光并不耀眼，尤其是穿过雨幕之后，被中和的恰到好处，雨滴在阳光中亮晶晶的，不断有花瓣被打落，头顶的各处都响着簌簌的声音，不多会流浪者的肩头领口就落满了花瓣。院子中总是处在一种“花瓣雨”的状态，墙边的扫帚看上去就是清扫它们用的，然而并不是，这些花瓣落定后，会慢慢的变得透明，然后融化成许多小碎点，消失不见。还好这些树的再生能力也很强，它们的花很快就能再生，这样的美景应该也能这样持续下去……至少一段时间。

庭院中的雨水是暖的，如果一直被打湿，那倒不会难受，湿衣服和身体接触带来一种微凉的刺激，水的暖意又抚摸着身体来缓解，这种若即若离的凉，总能引起种种遐思²。

最难受的是湿透了离开层级之后，衣服中的水分凉下来，恰好的持恒被打破，刺激着敏感的皮肤瑟瑟发抖，催生出无限的失落和怀念。在层级内，这些雨滴个头都很大，打到流浪者身上却并不重，它们最后汇流到地上小小的水洼中，从扁而长的排水渠流到庭院另两侧的围墙外去。

如果实在不喜欢被淋，那么之前的油纸伞就派上用场了，撑起它，伞盖在雨中流满透明的花纹，在它投下的影中，流浪者就可以安心漫步了。这油纸伞的做工算得上精致，许多流浪者在此层级留影时，都会举着它一同拍照。层级的四边常常有人驻足观望，那些大多是不想淋雨又没带伞的流浪者，就只好在围墙和古楼的檐下避雨了。

整座庭院分为两部分。在这边，地面铺满了长方的石砖，雨水在它们的缝隙中长期浸润，这些砖的边缘都是圆润的，表面也很滑，谨防摔倒。流浪者可以看到摆着棋盘的一面桌子，三把椅子，没人下棋的时候，花瓣就飘落在棋盘上，以身入局。

坐下来向一侧望去，是一面有些长的墙，墙上开着很多很多的长方形的窗，窗上挂着一幅幅书法作品，这些卷轴拉下来，刚好挡住窗户，后面的景色混着光透过来，就像是字体后另绘了画做陪衬一样，而且在瓦檐的遮挡下也不会显得太暗。流浪者们三两的站在字迹前欣赏，从远处看，这些人也成了一道风景，雨幕为祂们蒙上了一层朦胧的色彩，距离和模糊产生美。

层级的环境不算明媚，太阳的照明总是差些意思，还好这边的地面上坐落着许多台座，台座上有方形的石灯，这些灯四面被云母片封住，暖色的火光从中透出，铺满附近的地面，不知怎的，这些云母片不会被内部的烛火熏黑，内部的烛火也不会熄灭。

在庭中逛的累了，这边还有木质的长椅可供歇息，它们都在灯光能够照到的地方，它们的椅面被灯光和雨水淋的很温暖，微供和镂空条纹使得它们不会积水，撑伞坐下，要是再有些糕点饮品，简直是一件美事，正好，有的流浪者就会在Level UX-254做一点这样的生意，虽然有时会打扰了别人的雅兴，但是总体而言，气氛还是很好的。

流浪者有时会无意的看到角落中有一张很小的香案，上面插着一柱香，但是其他流浪者都无视了它。太阳照不到它，因此能很清晰的看到这柱香还在燃烧，在雨中燃烧？好吧，后室中没什么，但是这仍然想让人走近去看看。于是当流浪者靠近时，它便忽然模糊不见了。

以庭院两角的对角线为界，那边的景色就和这边不太一样了。石砖在对角线戛然而止，那边的地面是自然的草地，草并不茂密，掺杂着粉红的花瓣，向脚下看，能看到下面的土壤，向远处看，能看到奔跑的小生灵，例如兔子，田鼠，它们总是远离流浪者，格外的警觉，没有人真的捉住过它们，也许只是注定无法触摸到的幻影。

那边的树比这边要更密一些，相对崎岖的地面也有更多的水洼，因此没什么人来那边，那边也就相对安静的多。树上常能见到被削平的长条，宽约5cm，上面写有诗句等书法字迹，相比于树林外面挂在墙上的作品，它们很少被人看见，不过它们的水平可比外面高上不少，这些字迹都是解离客写下的。


远处又出现那张香案，香已经燃烧的只剩一半了。


那边的树更野一些，树枝没有经过修剪，花香却更浓一些。要是流浪者去到那边，说不定还能听到音乐，那么抬头看，一些弯曲的树枝间被连上了琴弦，一些细树枝上被打出成排的孔洞，解离客们倚在树上吹奏，弹奏，不明不暗的树林中，繁花掩盖着祂们的衣衫，除非走近看，否则流浪者都不知道音乐从何而来。这里也有一些坛子，大都翻倒在地，没有翻倒的，里面可以看到一些红薯，熟鸡蛋，以及熟肝脏，通常是盖着盖的，防止雨水灌入，它们是解离客的基本口粮，详细原因后文再提。

林中也有着简陋的木桌木椅，上面残留着一些墨水的痕迹，茶杯也摆在上面，杯子里常常盛满了雨水，浮着几片花瓣，杯子的雨水十分清澈，拿起就能饮用，过一段时间又会自然满上。


那柱香仍在燃烧，已经很短了。

实体：

无。

基地，前哨与社区：

P.L.C. “飞花”前哨

共5人隶属此前哨，然而常驻仅一人。Level UX-254的景色不可谓不美，许多流浪者都来到这里游览，这自然也吸引了雨海文学社在此驻扎，出版书籍，寻觅灵感，温吞吞的光照，花雨纷纷扬扬，实在是令人惬意的氛围。流浪者能在“这边”找到P.L.C.的门店，或者说棚架。

S.D.D. “世外庭”

共5人，常驻此层级。让解离客常驻的地方，实在难得，这也成了吸引一些流浪者来到这里的原因。祂们位于“那边”靠近角落的地方，因此流浪者依然是很少见到祂们，不过有时也会来这边走一走。那边的书法都是祂们写的，树枝做的乐器也是祂们的手笔。P.L.C.不在的时候，也委托祂们照看前哨。祂们是陪伴这座庭院最久的人。


香就要燃尽了，该走了。

入口与出口：

入口：

• 在Level UX-263中，有转瞬即逝的花香。若是及时察觉到它，那么就试着找到它的源头，这看似会带领流浪者在室内兜圈，但最终会在某个足够浓郁的时刻令流浪者切入本层级的古楼中。
• 在Level UX-113中，有自空中飘落的花瓣。它们位于某些通向殿外的门口附近，大约第12个迭代。从这种门口跳下去，流浪者不会来到上一个迭代，而是在此层级的古楼中醒来。
• 在Level UX-163中，找到古朴的木质柜台。躲入其中睡上一觉，醒来时就在本层级古楼的柜台中了。
• 在Level UX-256中，找到一处积满花瓣的水洼。它在南边的山峰上，跳入其中就会切入此层级的古楼中。
• 是的，每个来到Level UX-254的流浪者几乎都会出现在古楼中，离开这里的出口大多也在古楼中。

出口：

• 在古楼中找到一扇门，门缝透出光来，门底堆积着少量彩色的盐晶，它通往Level UX-97。这也是一个双向出入口。
• 在古楼中找到一扇门，门中传出翻页声，推开的瞬间，你已经站在Level UX-213中书斋的门前，书斋的门正向你敞开。
• 在古楼中找到一扇门，门上有青蔓垂落，还有小小的玻璃窗口。从窗口中向外望，就会突然穿过地板，跌入Level UX-193。
• “那里”的最角落，挂着一副水墨画。可以从中切入Level UX-223。

香熄灭了。

庭院开始微微颤动，参观游览的流浪者已经全部离开，喧哗散去了，只在地上留下不多的垃圾和杂物。

解离客们收拾了残局，之后照常做自己的事。有的在信步闲庭，有的盖着衣衫酣睡，有的在这边切磋棋艺，有的在那边弹琴奏乐。就在这些日常的事情照旧进行时，方庭四周的古楼和围墙崩塌瓦解，Level UX-254一切的出入口逐渐失效。

太阳已经悄然撤去，随着云层逐渐聚拢，雨变的凄冷而急切，花瓣簌簌的落下，献上最后一舞，之后变的零零散散。这些树的再生能力也变的很弱，树上的花瓣稀疏，挡不住倾洒的冷雨，暗淡的庭中很快便泛起一层浅水。

围墙坍塌的烟雾散去，花瓣随着水流向庭院的边缘，从原来的边界处不断向外，方砖和泥土渐渐裂解，变成几块几块的，越来越碎，大大小小，浮浮沉沉，最终再无可供落脚之地。水流从它们的缝隙中流下去，变为参差不齐的水帘，垂入虚空。

花瓣和水的命运并不相同，它们乘着水流来到边缘后，向上飞起，融入无形的边界之中，数以万计的花瓣绕着整座庭院流动，形成了一个半球形的保护罩，黑白流动的条纹贴在罩面上，溶解了罩外的一切事物。幸好这里的地基足够强大，饶是如此，地面下仍遭受着裂隙的侵蚀，踩下去微微塌陷，抬起来又会回弹，令人很不踏实。此时的花雨庭已经完全被吞入裂隙之中，诺大的落花流水之庭，也不过浩渺空间中的方寸之地，借助上空环流的百花护佑，得以苟延残喘。

石灯的烛火颓然而灭，解离客将手搭上去，一一唤醒，它们又重新发出幽幽的冷光，青烟从灯罩的缝隙中渗出，徐徐向上。冷光照着无人的长椅，雨帘掩着墙上的书画，而棋盘，扫帚，雨伞等物品呢，解离客已经收拾好了。一些流浪者留下的小摊，被推到墙边，等待主人的回归。

树枝上的琴弦和孔洞灌入雨水，解离客无声的拂过，它们便应和着冷雨亮起白光，令人看了忍不住想上手试试演奏一曲，树林里不仅有了照明，还添了几分独特的意境，连地上的草也不曾低头，唯一遗憾的是，小动物们并不喜欢冷雨，它们不再出现了，想必是去了某处避雨吧。

树上的字迹也在雨水的洗刷下变的沧桑，解离客们的陶罐则被洗的更加光亮，杯盏内依然是盈着满杯的水，不过尝着倒是有些咸了，解离客们的茶包在此刻又派上了用场。

庭院变的空而静，阴郁的气息，湿冷的气息，被天空中淡粉色的屏障笼括在内。绵绵不绝的雨声，带来挥之不去的孤独和惆怅，除了解离客之外，就只有前文的晚樱，海棠，紫薇等树驻守在此，那姿态，令人看了便觉得心里堵着什么东西，每一根没有鲜花遮盖的枝条，都显出凋零的气色。

冰凉的雨幕中，谁将目睹下一次的回暖和花开？解离客。但是又不止于此，一位特殊的成员也留了下来，祂便是雨海文学社的行舟（Xingzhou_boat）,P.L.C.的“飞花”前哨也是唯一的没有被抛弃的人造建筑，行舟始终照看着它。为什么行舟要和解离客一起留下来呢？还是听听祂本人的说法吧。

“这是个让我犹豫了很久的事情，我并不是善于交往的人，在文学社里面，我很少说话，也许我的性格就是这样吧，然后我看到了这个层级，我就想到，如果我来驻守的话，可以有一个合适的理由避开社交……”

“我并不是社恐，我只是，没什么动力去照顾别人的情绪或者找话题，解离客的也许比文学社更适合我……但是我认为我的文笔还是有水准的，我还有价值，没必要去解离客那边。我驻守在这里，一方面是想清净，一方面也是想亲眼看看花雨庭的另一番模样，其实还有一些想要挑战自己的想法吧。”

“在这里的日子是有些无聊的，勉强可以忍受吧，解离客也不是那么难沟通，只是直白一些，思维特殊一些，这反而弄得我没什么心理负担了。你可以随时结束话题，祂们不会觉得不礼貌之类的。然后你可以和祂们下棋，写书法……祂们的技术真是让我不得不赞叹，果然十几年的闲工夫练的技术就是和我们这些业余抽出点时间消遣练的技术不一样。就是吃的有点少了，这么多年都是那三样，几乎没点别的食物。”

“花雨庭的另一面我也看到了，怎么说呢，刚看见确实是有种……震撼的感觉吧？虽然现在已经习惯了，不过确实是很好的风景，你们都没有见过，氛围和开放时大不相同。唉，不过我也有点风湿了，下次开放结束时，我就要走了，这地方还是让解离客住吧。”

后记

Level UX-254并不是永远与世隔绝了。每隔一段时间，它会重新开放一次，届时所有的出入口会伴随庭院的原貌一同恢复。每次开放持续36天，但关闭的时间呢，自发现以来，每次关闭的时间越来越长，当前的关闭时间还剩下大约2年，预计本次关闭将总计达到10年。

同样可以预见的是，有一天Level UX-254会永远陷入裂隙之中。而驻守该层级的解离客，也会以同样的命运归去。

---

雨落中庭

作者：jinhuazhen。

Footnotes

1. 虽然花期不同，它们确实全部开放

2. 请想象在空调房里盖棉被的感觉