@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/n2QIoY5r1F.svg);
--extra-bg-2: url(https://imagebed.pro/images/Liurd/n2QIoY5r1F.svg);
--extra-bg-3: url(https://imagebed.pro/images/Liurd/n2QIoY5r1F.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%;
}
}
Level C-1111.1
如何使用：
[[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]]
不是垃圾文件。有人能收到这篇提及吗？
描述：
这里什么都没有，我希望我能解释这些东西。我解释不了。路上到处都是厚得不可思议的玻璃碎片和被烧焦的塑料混金属残骸，那些到处都能看到的黄色空洞我怎么都撞不进去。我现在在自己家，这片地方还没断电，我大概能猜到是什么原因。我开车回到这的时候要不是我轻而易举地推开了没锁上的大门我还以为我是在做梦。我希望我是在做梦，但醒来以后还是躺在自己家的床上。我给自己洗了个澡换了身像样的衣服，做了一顿看起来能吃的饭，假装自己还在正常生活，确定自己还是个人。那饭我根本吃不下，我才想起自己根本就不会做饭。
这不是什么平行现实，我爸的手机还连在充电线上。我解锁屏幕时看到的置顶头像是我，信息是我不在地球的时间里他每天坚持发给我的那些。我妈放在洗衣机里还来不及晾的衣服早已发霉，我都不敢想她进去的时候该有多害怕。爷爷奶奶的病历被压在餐桌上，他们的房间整理得很干净，应该是被接到唯概念堡垒了。原单位发的慰问品像垃圾一样堆在鞋柜旁边，我从小到大的纸质照片整齐地摆在客厅的茶几上，不知道爸妈每天看到这些该有多痛苦。家里面从始至终都相信我没死，我多想告诉他们我还活着不用担心，但现在如果能换他们平安的话我什么都愿意做哪怕让我去死。
我还在地球，这里是我的家。只剩下我一个，所有人都没了。什么都没有了。
- 上传附件：后室控股.bkr
- 上传附件：监控20240320.mp4
- 上传附件：时间轴.bkr
- 上传附件：CCTV录播.mp4
- 上传附件：照片.zip
……
<离线档案已保存>
<上传失败，请确认您所在的现实>
雨下得越来越大了。
霞光散尽，昏黄的天空逐渐被灰色填满，那些雨滴平等地落在城市中的每一处。偶有可见的自燃构筑，滴落其上的雨水在因无人处理而自发燃烧的火焰中持续升腾，发出哧哧的细微声响。也将这片混凝土丛林浇筑为毫无生气的灰域。
本该空无一人的道路上，路灯产出的微弱光线映出一个拿着智能手机的人影。你独自在城区内徘徊，尝试在手机镜头之内找到哪怕一抹特殊的明黄，试图在充斥着整个世界的黄色裂缝中找到属于自己的出路。无人能见你憔悴的面孔上充斥着令人心碎的绝望。
你知道，你再也没法为他们多做些什么了。
只在上一个你不愿回忆的时刻，在你终于做好足够准备踏入宜家家居城里的那一片黄色地狱时，你推开门，迈出了最后一步——
随后，你踩在了宜家的黄色地毯上。
越往里走，迈动的双腿逐渐沉重，到最后似乎连体重都无法支撑。你颓然跪倒在地，与你所处现实截然不同的黄色墙纸仅仅出现在你的手机镜头之内。
此前，仅存的幻想成为了支撑你活下去的理由：也许自己再努力一把，就能挽回大部分的生命。不记名组织留下的东西依然存在，一切都还有机会挽回，只要自己再努力一把。而你目前所处的现实给了你当头一棒，将你心中仅存的幻想尽数浇灭。一个毫无来由且本该是支撑所有人活下去的善意谎言，现今化为了一个最为恶毒的诅咒，且仅为你一人承担——
回到前厅者，皆不可再进入后室。
膝盖传来的痛感提醒着你这并不是在做梦，手机屏幕中的明黄一直在告诉你一个事实：后室夺走了你的一切，不仅将你从你的家园吸入那不可理喻、充满未知且危机四伏的空间，还要将地球上所有人的生命把玩在手中，且仅让你一人见证。而你此前上传的Level C-1111的页面及附件，是否有办法被后室万维网接收？即使有，又有几个人能看到并且相信其中的内容呢？
你无数次点开Level C-1111的页面，唯一的希望和这个页面一同石沉大海。手机桌面上的全家福让你泪流满面，父母和长辈的笑容成为了你心中的一根刺：他们现在还好吗？
你已经回家了，但和在后室时的处境毫无区别，你仍旧孤身一人。
如果不是想再见他们一面，你也不可能有如此执着的求生意志。如果不是归家的执着信念支撑着你，你也没有机会活着回到此地。所有支撑着你活下去的念想，都造就了如今的绝望。混乱的思绪恍惚，逐渐回到了你第一次进入宜家家居城的那个下午，周围的墙纸逐渐变色的那一刻。
这就是命运的安排。在你进入后室的那一刻起，就注定会失去一切。
我得不到的，我希望你们所有人都能得到。是后室毁掉了我平凡且幸福的美好生活，是后室夺走了我所有的至亲。
在文档Level C-1111发送之时，在你打算占用一个层级页面吸引他人注意之时，你已经做出了你自己的选择。而现在，无数个选择交织构成的最终结果摆在了你的面前。在你前方有两条路，只关乎你个人，且无人在意：带着自己和所有本不该接受如此命运之人的绝望活下去，或者寻求死亡以得解脱。
死亡吗？
一种奇怪的想法涌入你的脑中。宛若抓住救命稻草般，你打开离线文档数据库。里面的文件自你回到地球后就没有任何更新和变化，这是开启离线下载功能以后，自动下载好的所有文件。你点开了生存难度系统，选择了"生存难度其他"这一标签。
距离死亡最近的区域，除坟墓以外，就只剩下弗吉尼亚旅馆了。你选择了后者，点开了标题为"弗吉尼亚旅馆"的空白文档。
这个页面如你预料之中，除了标题之外什么都不剩。但足够了，没有任何信息也是一种信息。你想起了关于弗吉尼亚旅馆的传闻，不知来处的谣言称其位于生与死的另一头，是连通前厅和后室的中转站，也是一张通往地狱的单程票。它以一个常规旅馆的形象，非特定地接纳自然或非自然原因死去的前厅来客。
在后室，这种传闻的可信度其实并不低。因为比这离谱的事实还有很多。
但这真的值得吗？有可能只存在于传闻中的旅馆，却成为了对你来说可能是唯一的选择。而你真的打算为了一个不知来处的谣言而丢掉自己好不容易夺回的新生吗？
最重要的一点是，那里会是后室万维网的覆盖范围吗？
这一根救命稻草对你来说实在是过于沉重——一旦选择这条路，就无法回头了。如果传闻为真，你可能抵达弗吉尼亚旅馆，也可能安然拥抱死亡。但自己会是那个幸运儿吗？或者说，抵达弗吉尼亚旅馆，真的可以说是一种"幸运"吗？
你再次回到了那个由不记名组织代理的证券机构大楼，将探测器连接到虚拟地球仪。地球的一小部分已经在各种被快速遏制的天灾的肆虐下变得不再适合居住，黄色的裂缝的数量比起上次统计并无多大区别，但你心里清楚，已经没时间再拖下去了。
你新建了一个文件夹，将手机里的所有照片和文件都做了备份，并将电脑桌面换成了自己的全家福。不记名组织留下的永动引擎能最大限度地遏制地球在无人状态下的荒废进程，所以你自知并不需要做出任何离开的准备，但也希望自己能在地球上留下尽可能多的痕迹。即使这一切只为你一人所见。
这些照片和文件并不是为别人记录的，而是为你自己。无论艰难险阻，你都没有屈服于这个满是绝望的现实，直到最后都在拼尽全力地活着。这些文件载体，是你在地球上能留下的最后证明，是你在故乡存在过的唯一证明。
你曾经来过这里，请不要忘记。
将所有文件都完成备份后，你在手机上打开了已更新文档Level C-1111.1，将上面的状态设置为"连接后室万维网后自动发送"。一切就绪，你退回了手机桌面，父母和长辈欣慰的笑容由屏幕映入你的眼帘，让你百感交集。
在那绵延不绝的暴雨中，你站上了证券机构的顶楼天台。而在那恍惚间，你的家人正在前方向你招手。你的理智告诉你这仅仅是幻觉，但你的情感让你不断向前迈步。你走到了天台边缘，遥远的灰色乌云深埋着你心中的绝望。你预料到接下来可能会感受到的疼痛，但已经无所谓了。所有温暖的记忆在你脑海中闪回，化作脸上的微笑。你将手机塞入口袋，迈步向前，对着面前的家人伸出了双臂。
随后一跃而下。
而在那个你愿意付出任何代价只求再次触及哪怕一秒的现实，文档Level C-1111早在发送后不久就已被后室控股截获并强制上传。你的朋友和至亲依旧在那充斥着孤独者的黄色坟墓艰难求生，而你发出的文档已被所有后室人类悉知，会有更多生命因你的选择而得以存续——这是属于你自己的救赎，也是属于所有人的救赎。
你本不需要做得这么彻底，但你不会知道这点了。
