Level UX-201

版式 CSS 代码

@import url('https://fonts.googleapis.com/css2?family=Nixie+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
 
:root {
    --body-bg: 225, 225, 225;
    --content-bg: var(--global-white-color);
    --bg-opacity: 0.9;
 
    --extra-bg-1: url(https://imagebed.pro/images/liurd/skyline.svg);
    --extra-bg-2: url(https://imagebed.pro/images/liurd/skyline.svg);
    --extra-bg-3: url(https://imagebed.pro/images/liurd/skyline.svg);
    --extra-opacity-1: 0.15;
    --extra-opacity-2: 0.05;
    --extra-opacity-3: 0.05;
 
    --topbar-hover-bg: var(--dark-ui-bg), 0.2;
    --topbar-hover-txt: var(--light-ui-txt);
 
    --user-drop-txt: var(--dark-ui-txt);
 
    --bottombar-bg: var(--dark-ui-bg);
    --bottombar-txt: var(--dark-ui-txt);
 
    --header-title: "Backrooms";
 
    --banner-title: "BACKROOMS";
    --banner-subtitle: "当色彩褪去的时候";
 
    --header-height: 3rem;
    --topbar-height: 2.5rem;
    --dropdown-height: var(--topbar-height);
    --banner-height: 25rem;
 
    --header-ui-size: 3rem;
 
    --header-title-size: 1.8rem;
    --topbar-size: clamp(0.8rem, calc(0.4rem + 0.8vw), 1.2rem);
    --banner-title-size: clamp(2rem, calc(2rem + 3.5vw), 6rem);
    --banner-subtitle-size: 1rem;
 
    --banner-font: "Nixie One", "Noto Serif SC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, serif;
    --header-font: var(--banner-font);
    --title-font: "Outfit", "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
    --body-font: "Atkinson Hyperlegible", "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
    --ui-font: "Outfit", "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
}
 
#extra-div-1 {
    position: fixed;
    width: 100%;
    height: 25vh;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-image: var(--extra-bg-1);
    background-size: 20rem;
    background-repeat: repeat-x;
    background-position: center;
    opacity: var(--extra-opacity-1);
}
 
#extra-div-2 {
    position: fixed;
    width: 100%;
    height: 50vh;
    bottom: 0;
    left: 0;
    z-index: -2;
    background-image: var(--extra-bg-2);
    background-size: 40rem;
    background-repeat: repeat-x;
    background-position: center;
    opacity: var(--extra-opacity-2);
}
 
#extra-div-3 {
    position: fixed;
    width: 100%;
    height: 100vh;
    bottom: 0;
    left: 0;
    z-index: -3;
    background-image: var(--extra-bg-3);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    opacity: var(--extra-opacity-3);
}
 
#container {
    display: grid;
    grid-template-columns: minmax(var(--sidebar-width), 1fr)auto 1fr;
    grid-template-rows: auto auto auto auto;
}
 
#extrac-div-1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: var(--banner-font);
    font-weight: 200;
    width: 100%;
    height: var(--banner-height);
    color: rgb(var(--header-txt));
    order: -1;
}
 
#extrac-div-1::before {
    content: var(--banner-title);
    font-size: var(--banner-title-size);
}
 
#extrac-div-1::after {
    content: var(--banner-subtitle);
    font-size: var(--banner-subtitle-size);
}
 
#header {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    min-width: var(--sidebar-width);
    width: 100%;
    height: fit-content;
    grid-template-columns: var(--header-ui-size) 1fr auto auto;
    grid-template-rows: var(--header-ui-size) calc(var(--banner-height) - var(--header-ui-size)) auto;
    top: calc(0px - var(--banner-height));
    order: -2;
}
 
#search-top-box {
    grid-column: 3 / 4;
    position: fixed;
    right: var(--header-ui-size);
    backdrop-filter: blur(1rem);
}
 
#login-status {
    grid-column: 4 / 5;
    position: fixed;
    right: 0;
    backdrop-filter: blur(1rem);
}
 
#header h1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    height: var(--header-height);
    position: static;
}
 
#header h1 a {
    justify-content: flex-start;
    padding: 0;
    padding-left: 0.5rem;
    transition: padding var(--global-duration);
}
 
#header h1 a:is(:hover, :focus) {
    padding-left: 1rem;
    transition: padding var(--global-hover-duration);
}
 
#header h2 {
    display: none;
}
 
#header-extra-div-1 {
    display: none;
}
 
#top-bar {
    grid-column: 1 / 5;
    grid-row: 3 / 4;
    height: auto;
}
 
#top-bar > div > ul {
    flex-direction: column;
    height: auto;
    margin-right: 0;
}
 
#top-bar > div > ul > li {
    flex-basis: unset;
    height: var(--topbar-height);
}
 
#top-bar > div > ul > li > a {
    justify-content: flex-end;
    padding: 0 1rem;
}
 
#top-bar > div > ul > :is(li, li:last-of-type) > ul {
    top: 0;
    left: 100%;
    width: 24em;
    max-width: max-content;
    min-width: auto;
    flex-direction: row;
    flex-wrap: wrap;
}
 
#top-bar > div > ul > li > ul > li {
    width: 10em;
    flex-grow: 1;
}
 
#top-bar > div > ul > :is(li, li:hover, li:focus, li.sfhover, li:focus-within) > ul > li > a {
    box-sizing: border-box;
}
 
#content-wrap {
    display: contents;
}
 
#side-bar {
    max-height: unset;
    overflow-y: auto;
    border: unset;
    box-shadow: 0 0 1.5rem -1rem rgb(var(--global-dark-color));
}
 
#side-bar::after {
    backdrop-filter: blur(1rem);
}
 
#main-content {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    min-height: 100vh;
    box-sizing: border-box;
    margin: 0 auto 15vh;
    padding: 1.5rem;
    box-shadow: 0 0 2.5rem -1rem rgb(var(--global-dark-color));
    position: relative;
    background: rgba(var(--content-bg), var(--bg-opacity));
}
 
#main-content::after {
    content: "你曾经来过这里.";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10vh;
    color: rgb(var(--header-txt));
    font-family: var(--banner-font);
    font-weight: 200;
}
 
#page-title {
    padding: 0;
}
 
:is(blockquote, .blockquote, div.blockquote, [class*=blockquote]) {
    padding: 0.5rem 1rem;
    border-width: 0 0 0 0.3rem;
    background: rgba(var(--light-block-bg), 0.4);
}
 
#page-options-container {
    font-family: var(--ui-font);
}
 
#footer {
    grid-column: 1 / 4;
    grid-row: 3 / 4;
    box-sizing: border-box;
    justify-content: flex-end;
    margin-top: 0.5rem;
    border: unset;
}
 
#license-area {
    grid-column: 1 / 4;
    grid-row: 4 / 5;
    padding: 0.5rem;
    justify-content: flex-end;
}
 
#license-area a {
    color: rgb(var(--global-pale-color));
}
 
@media only screen and (max-width: 1024px) {
  #container-wrap {
    perspective-origin: 49.5% 5rem;
  }
 
  #container {
    display: flex;
  }
 
  #header {
    min-width: var(--sidebar-width);
    grid-template-columns: var(--header-ui-size) 1fr auto auto;
    grid-template-rows: var(--header-ui-size) auto auto;
    top: 0;
    width: initial;
    position: static;
  }
 
  #content-wrap {
    display: block;
    margin: 0;
  }
 
  #login-status {
    position: relative;
    backdrop-filter: unset;
  }
 
  #search-top-box {
    position: static;
    backdrop-filter: unset;
  }
 
  #login-status #account-options {
    left: initial;
    right: 0;
  }
 
  #top-bar > div > ul {
    flex-direction: row;
    margin-right: auto;
  }
 
  #top-bar > div > ul > li {
    flex-basis: min-content;
  }
 
  #top-bar > div > ul > li > a {
    justify-content: center;
    padding: 0;
  }
 
  #top-bar > div > ul > :is(li, li:last-of-type) > ul {
    top: 100%;
    left: 0;
    width: auto;
    flex-direction: column;
  }
 
  #top-bar > div > ul > li:last-of-type > ul {
    left: initial;
    right: 0;
  }
 
  #top-bar > div > ul > li > ul > li {
    width: 100%;
    flex-grow: 1;
  }
}
 
@media only screen and (max-width: 768px) {
    #top-bar > div > ul > :is(li, li:last-of-type) > ul {
        flex-direction: row;
    }
    #top-bar > div > ul > li > ul > li {
        width: 50%;
    }
}

本文档仅M.E.G.高层人员可查看，抱歉为您带来不便，请输入您的凭证代码。

——M.E.G.——
为了人类更美好的明天

ID

94bc67ab5e920da6a8ccc378988e0172_1781734931

密码

31ce8427860394b279501f9ceff5a819_1781734931

>疼，是最好的止痛药

生存难度：生存難度：

等级等級 omega

• {$one}
• {$two}
• {$three}

---

翻译者须知：

从 2026 年 5 月 20 日起，后室英文维基开始使用层级等级（后室英文维基），全面替代此组件。最终的结果是，此组件从 component:level-class 变成了 component:old-level-class；而 component:level-class 则被替换成了上述的新组件。

这导致后室英文维基所有使用了生存难度分级组件的页面，都自动更新成另一版本。中文维基不会跟进这一改动，亦不会重命名此组件。译者可以自由选择在翻译过程中应用新版组件，使之与原文相同；也可以继续使用此组件，即不改动 [[include]] 代码。

除了外形有所变化，新组件还新增了 1E-5E 的环境危害分级，并稍微扩展了自定义维度；因此部分页面可能有必要更换为新组件，才能正常显示。请译者自行甄别。

如何使用：

[[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-201是一个层级，但流浪者进入后的经历基本会遵循一个特定的流程，并不能完全自由的探索。该层级的形态多变，初始进入时，为一片纯黑的空间，存在未知材质地板以供落脚，同时流浪者身边大范围空间将被来源不明的，亮度恒定而不衰减的光所照明。

流浪者进入Level UX-201后，在黑暗中行走片刻就能听到严重失真的音乐声，其风格接近摇滚，随后流浪者将捡到一个小型的留声机¹，音乐的来源就是这里²，流浪者听到后会产生头痛欲裂的感觉，并且越发严重，痛不欲生。也是从此刻开始，流浪者的脑海中将能听到Level UX-201的层级意识的声音：

"毁掉它，毁掉它，你没什么可犹豫的"

将留声机掰开后，白色的芯露了出来，流浪者就会发现，留声机其实是用塑料泡沫所做成的。层级内的所有物体，均由白色塑料泡沫染色而成。这些伪造的物体在被破坏前，仅凭肉眼无法看出真假，就构造留声机的塑料泡沫而言，它完美模拟了留声机表面的纹路与光泽。随着裂成两半的唱片和断开的喇叭落地，流浪者的头痛也将一并消失，然而几分钟过后，头痛的症状还会再次出现，并且更加严重。之后，流浪者将在地上捡到各种各样的物体，例如洗衣液，水杯等等，将它们破坏掉后，头痛的症状将会大幅缓解。看那些残留的碎块，它们无一例外的由塑料泡沫构成，但与留声机不同的是，这些物体的内部也被染了色，从掰开后的横截面就能看出这一点。

"就是这样，你受了多久的磨难了，是时候发泄一下了"

随着时间推移，流浪者捡到的物体开始含有一些暴力暗示，匕首，菜刀，棒球棍，枪械等等物体出现的可能性大大提高，并且塑料泡沫的工艺也有所改进，物体的硬度大大提高了。例如，由塑料泡沫制作的刀刃的锋利边缘与实物无异，枪械能正常开火，尽管打出的子弹暂时没有多少杀伤力。无论流浪者如何努力的寻找物体并毁坏，他们的头痛整体是呈缓慢的上升趋势的，大约10分钟后，就会到达难以忍受的程度，此时流浪者将于不经意间走入一个用塑料泡沫搭建而起的场景，这个场景一定是流浪者主观上所憎恶并痛恨的，具体原因则要看流浪者在此场景中经历了什么事。

虽然构筑整个场景的材料仍为塑料泡沫，但其中的每个细节都与真实场景一般无二，大到墙体，门板，小到纸张，瓶盖，苹果派，该场景中一切物体均可以被破坏。即使是质感理论上应与塑料泡沫有明显差异的物体，例如柔软的纸张，粘稠的果酱，实际的质感也与实物无异，且空气中还有一股甲醛的味道。借助对建筑的大肆破坏，流浪者的头痛得以暂时消减。之后流浪者大约会在4~6个小时内，被头痛驱使着将场景中的一切建筑一切物体拆解为塑料碎末。

"没有什么值得留恋的，即使这里的确发生过一些值得留恋的事，也改变不了这个地方败坏，无良，扭曲，折磨，造作的事实"

从泡沫堆成的小丘上走下之后，流浪者将重复捡到物品，走入新场景的过程。这个过程大约会持续24小时，并且层级意识在此期间会唤起流浪者对各个场景的记忆，同时进行言语诱导。在这个过程中，流浪者不会感到疲倦，饥饿，所有的生理需求都被暂时屏蔽。同时，流浪者的身体将开始变为黑色，并泛起金属光泽，全身皮肤的硬度也逐步提升，同时还不影响流浪者的肢体活动，流浪者的力量会得到大幅度加强，在这个过程结束时，所有的流浪者都在长久的泄愤和破坏中失去了理智。上述影响除了生理需求屏蔽以外，其他的所有影响都是永久且不可逆的。

而后，流浪者将开始捡到塑料泡沫制成的任意活物的模型，例如狗，蛇，死亡飞蛾等，它们的外表栩栩如生，其内部结构也十分真实，甚至可以见到塑料泡沫做成的红色的血液。

"是时候将你所受的一切委屈和苦难报复回去了，你本没有错，是这个世界一错再错，错上加错！所有令你痛苦过的，应该毁掉！"

地上的血液慢慢的流淌，越来越看不出它的本质了，当然无论如何，层级内的一切物体都是塑料泡沫制成的，这一点当然是可以肯定的。流浪者将遇到更大的活物，例如四条腿的马，八条腿的蜘蛛，两条腿两张翅膀的鸟，两条腿两条胳膊的……

再然后，流浪者会遇到具有运动能力的活物，起初它们的动作都很僵硬，如同发条玩具一般，随着流浪者破坏的活物数量逐渐增多，它们的动作开始流畅起来，继续下去，不要停下，一部分的活物还会对流浪者说话，大概是他们之前所听过的，最反感、最厌恶的话。流浪者被这些言语淹没后，会不知不觉间走上新的场景，街道。在街道上，流浪者会遇到一些熟悉的活物，它们中的或与流浪者有过一面之缘，或给流浪者留下了深刻的印象，但总的来说它们并不招流浪者喜欢，多多少少刺痛了流浪者或者做了令流浪者痛恨的事，流浪者也大可以将这些塑料泡沫做成的会动的两条腿两条手的逼真的活物模型大卸打碎。或者流浪者也可以破坏路灯杆及周边建筑来减轻头痛，不过这种行为缓解头痛的效率较低，加之流浪者走到这一步时已经精神失常，大多数人更倾向于对活物模型下手。

"既然你如此厌恶过它，它一定做了值得你仇恨的事，不论之后它有怎样的表现，那只是一层表象！"

在街道上行走时，流浪者可以偏离马路，直接打穿并进入两旁的建筑，这些建筑内通常都是一度成为流浪者心中郁结的景象，比如说那次UEC的人员以进入领地需要缴纳物品为由，收
走了你身上的所有物资，然而你只是在不知情的情况下从领地旁边路过；又比如说你还在前厅时，新领导义正言辞的将大部分工作无理由的派给你，同样处境的人麻木的不敢反抗，其他人则在旁边窃窃私语。不管是出于什么考虑，流浪者都可以在完美复刻的场景中将心中的憋屈还回去。

在这个阶段中，层级中并不只是令流浪者讨厌的人，有时流浪者也会遇到一些印象中相对友善的人，它们通常并没有与流浪者有所过节，然而层级意识会诱导流浪者想起一些细枝末节的争吵并将其放大，加上愈演愈烈的头痛，自然没有心情去怜爱那些外表可爱无害的活物模型。

"不要给它开脱！你有没有被无辜的伤害过！你有没有被憋屈的指责过！况且这只是一堆塑料模型！没有人可以指责你的行为！凭什么别人认为对的你就要认同？"

一段时间后，地上满是红色白色的塑料泡沫，建筑物如同受了地震一般，层级内的场景将变的不堪入目。等到流浪者已经基本将街道破坏殆尽了之后，层级将会模拟出其他层级的情景——这正是最需要报复的，困扰流浪者多年的后室，凶狠的实体，都能被模拟出来，绝对真实，其他流浪者也会被同样的模拟出来，虽然他们与真人完全没有差别，但是正如本文档一直提过的，它们的本质依然是塑料泡沫。出于鼓励，在刚进入这一阶段时，流浪者摧毁塑料泡沫模型时，头脑的昏眩和疼痛削减的幅度将会提高。

到了这个时候，塑料泡沫早已可以完美模拟出物体的所有物理性质，化学性质，以及活物的所有生理特征和心理特征，它们不能被带出层级，事实上大部分流浪者到了这个地步，只剩下了破坏的本能，对所有的物体都会展开无差别的攻击，然后流浪者会在不知不觉间，带着永远无法消减的，持续增长的头痛和头晕，切出本层级。切出之后，破坏任何物体或是活体也能正常消减头痛。

"谁将你珍爱的夺去，毁了你的梦想！谁在你需要时离你而去，弃之不顾！现在就是报复的时候！万相化灰，万般皆苦！你在不知不觉间被规则囚禁了起来，我予你不需对谈道理的权力，从今以后你即为道理！"

从此层级切出的流浪者，或许可以称之为实体了，它们带有极强的不分目标的攻击性，而且无法沟通，心中的怒火最终冲昏了它们的头脑。然而，如果能成功感化这些切出的人，其被加强过的身体素质将有极大的利用价值，MEG和多方组织都在研究可以直接缓解头痛的解药——当然MEG仅是出于人道考虑，并且维护后室内和平的环境。关于此层级的信息，已经被各大组织列为机密，该层级内的信息主要依靠升天宝诰来获得，派遣的队员也在经过本人签署协议书后，用升天宝诰来进行后续的一系列处理。

"没有力量，愤怒会被无视！哭泣会被嘲笑！想想你每一次的爆发，你失控的情绪和难听的哭声究竟谁会在意？！再想想那些你迫于威压按捺住的怒火，不抓住这唯一的机会，你的仇恨永远没法得报！"

基地，前哨与社区：

无。

实体：

正如上文提过的，所有实体的活物模型都可能出现在此。

入口与出口：

入口：

• • _
  保密解密
  • • _
    在Level UX-92被水底的刀片割伤，将立刻昏迷并在此层级醒来Level UX-163的一个黑暗的方形洞口也是通往本层的入口。

出口：

• 走完全程，流浪者会不知不觉的切入level UX-51，level UX-88，level UX-184，Level UX-157。

---

作者

作者 jinhuazhen
入口那块原文是折叠套折叠，后来没搞明白scp那个代码在这怎么用，先改成黑条模块了。
对不起😭😭😭

Footnotes

1. 每个流浪者捡到的款式都有些许差别

2. 然而，即使流浪者距离留声机非常远，也依然可以清晰听到音乐