Level F-30

版式 CSS 代码

@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://font-now.netlify.app/api/css?url=/font/acfc2d1a-44d4-5c9d-91e5-662fe2b969f7/result.css');
@import url('https://font-now.netlify.app/api/css?url=/font/14c9bb87-5184-5eb2-a433-de397f94415d/result.css');
 
: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);
 
    --global-font-size: 1.225rem;
 
    --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: "CorpSrcWinSong", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, serif;
    --header-font: var(--banner-font);
    --title-font: "HouZunSongTi", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, serif;
    --body-font: "CorpSrcWinSong", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, 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 {
    position: fixed;
    top: -150%;
    left: 0;
    width: 100%;
    height: 400%;
    background-image: 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");
    z-index: -1;
    transform: scaleY(0.25);
    filter: blur(1px);
}
 
#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;
    font-weight: 700;
}
 
#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.2);
    text-shadow: 0.1rem 0.1rem 0.1rem rgb(var(--global-black-color));
    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);
    margin: 3rem 0;
    font-weight: bold;
}
 
: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.2);
    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;
}
 
#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.2);
    text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
 
.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);
}
 
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;
    filter: blur(0.02rem);
}

生存难度：

等级 Ψ

• 不安全且不稳定
• 致命精神危害
• 少量实体

本层级晴天时的照片。

Level F-30是后室F层群的第31层。

描述

Level F-30表现为一片面积未测定的郊区，其内稀疏分布着大量具有前厅东北亚地区特色的小型建筑以及少量永不停息的风力发电机。层级内的时间定格在日落时分，光照强度低。气温在5~18℃之间波动，湿度低于10%，体感温度低，故流浪者试图探索本层级前做好充足的防寒准备是有必要的。据大部分曾探索过此层级的流浪者声称，他们在进入此层级后感到了一种极其强烈的既视感，即流浪者虽然并没有到访过与层级环境类似的地区，却依然觉得此层级十分熟悉，甚至有的流浪者还听到了“儿时的玩伴大声邀请自己的声音”，该效应的成因不明，但已证明对流浪者无害。尽管如此，流浪者一旦在层级内滞留12h以上，便会间歇性的感受到一种强烈的悲伤与压抑感，并且闻到一种类似木头烧焦的气味，这种情感有相当大的可能导致流浪者在突然间做出一些不理智的行为，饮用杏仁水可以显著降低该现象发生的频率。

本层级内部的建筑种类主要为低矮的赫鲁晓夫楼和荒废的农村大院，建筑内部均可寻得少量有价值的生存物资，如杏仁水，治愈水晶等，在极少数情况下甚至能够发现火盐。建筑内部往往不加装修，但室内温度却总是比室外温度高出8~12℃，装修越完整，能发现的补给通常也越多。因此，这些建筑也是流浪者保护流浪者免受此层级自然灾害影响的好去处。然而坏消息是，建筑内部的角落或阴暗处有极小概率会刷新笑魇、无面灵、窃皮者等常见实体，流浪者需为此多加防范。

各种植株分布在层级各处，主要为一种外观无法与任何前厅已知品种匹配的常绿针叶树以及一些常见的低矮灌木。针叶树无法结果，且疑似生命周期极长，树干中的空腔存有高浓度的星云，试图砍伐这些树木时星云便会逸散出来，在空中形成一幅壮丽的图景。然而，Level F-30本地土壤的化验结果显示，土壤中存在高浓度的碳酸钾使得土壤浸出液呈强碱性，无法支持任何已知植物的生存，暂且未知该植株是如何在此种强碱性土壤中生存的。清洁且完好的草径穿插在建筑之间，联通成了一张巨大的网络。偶尔能在草径旁发现由栅栏圈起来的小型牲畜养殖场或水井，养殖场内偶尔可见猪，牛等常见家畜的完整尸体，且体表有明显烧伤痕迹；水井大多呈干涸或完全损毁状态，极少数可以在其中发现浓度较低的忘川水。

在层级正东方¹可以发现一个大型城市建筑群，其间灯火通明，营造出一种有流浪者聚居且安全的假象。然而，一旦流浪者开始向建筑群的方向行进，流浪者便会逐渐发现：这个建筑群只是一个海市蜃楼般的投影，并非真实存在。一直朝该方向前进20~30分钟后流浪者便必定会发现一个与流浪者儿时居所极为相似的建筑，进入后，流浪者会发现建筑内的一切都与自己儿时的居所别无二致，但是结构内的绝大多数设施均有不同程度的损毁，且有烧焦般的痕迹，唯独会留下一个能够勾起流浪者回忆的物品²，流浪者拾起后便会不受控制地开始回忆往事，甚至沉浸入其中，但流浪者切不可受该效应的支配，因为结构会在流浪者接触到该特殊物件的10分钟内坍塌，流浪者需时刻保持清醒，

风暴将至。

分布在Level F-30各处的风力发电机无法以任何方式强行停止或破坏，即使它看起来老化有多么严重，但其却仍具有正常的发电功能。其所生成的电力会通过电线杆及地下导线与其它发电机的电路汇合、串联，但未探明这些导线通往何处。电线可被破坏或转接至其它用电器上，这意味着此层级拥有丰富的电力资源以支持大型设备的运转。尽管如此，不建议流浪者长期在风力发电机及电线杆附近驻留，下文将会解释原因。

异常现象

流浪者在本层级的主要生存威胁是一种表现为类似热带风暴的特殊气候的现象，每次现象发生之间的间隔在24h~48h之间不等。为便于介绍，下文将简称其为“风暴”，该现象的发生主要分为四个阶段，下文将逐一介绍。

第一阶段

该阶段将维持5～10分钟。在此阶段，整个层级将被风力等级为7级的大风席卷，天空中云密度明显增多，并伴有小雨，雨水成分鉴定为纯净水。此时的“风暴”除此之外无任何危害，但也提醒着流浪者尽快寻找藏身地，趁着为时尚早。

第二阶段

该阶段将在上一阶段结束后维持约2h。此时，风力减小至4级，降水量陡增至暴雨级别，层级内部环境重力减少至原先的约70%³，大幅增加了在层级内行动的难度。值得注意的是——此阶段层级内的降水多了一种特殊成分，这种成分的存在使得流浪者若以任何方式直接接触雨水，都会导致流浪者丧失所有关于前厅的记忆⁴流浪者长期暴露于降水中会对其神经系统造成不可逆的损害，甚至可能致命或导致流浪者丧失理智。躲在完好的建筑中可以免受层级内特殊降水的影响。此外，暴雨还伴随着频繁的雷电，雷电落点集中在风力发电机附近，有记录的最多一次在同一地点连续不间断发生了21次雷电，故建议流浪者在“风暴”期间远离风力发电机。

第三阶段

此阶段时层级内所有电子设备均会失效，信号无法传出。据在第三阶段幸存的流浪者称，此阶段时层级的环境重力进一步降低至g≈2N/kg，暴雨转变成暴风雪，气温骤降至-15℃上下，层级自然光源完全被厚重云层遮挡。为避免流浪者的生命受到威胁，此时的流浪者必须躲藏在完好的建筑物中。任何在“风暴”第三阶段派往层级室外区域勘探的流浪者均已失踪，推测已死亡或切出至未知层级。该阶段持续时间在2h-5h不等。

第四阶段

此阶段时“风暴”开始消退，云层极速消散，地面积雪在数分钟内全部融化，蒸发，重力恢复正常，在持续约15分钟后“风暴”彻底结束。

基地、前哨与社区

BREC“共和者”社区

• 友好且开放贸易
• 常驻人口在50~130之间浮动

BREC“天鹰”前哨站

• 拥有完善的防御体系
• 占据了层级中心区域的一处大型建筑群

入口与出口

入口

• 在Level F-0与Level F-16中可通过未知方式切入此层级

出口

• 通过寻找一栋标有BREC的大楼便可达到level F-199
• 通过跳入一个池塘便可进入level F-100

---

作者信息

broken_skyer和wjsi114514

Footnotes

1. 即背对层级内太阳的方向

2. 如照片，儿时最喜爱的书籍等

3. 即g≈7N/kg

4. 若流浪者从小在后室长大，则会使流浪者受到随机的记忆缺失。