@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); :root { /* Basic Colors */ --background-color: 248, 248, 248; --text-color: 30, 30, 30; /* Deco Colors */ --light-color-1: var(--background-color); --light-color-2: 235, 235, 235; --dark-color-1: 180, 180, 180; --dark-color-2: 90, 90, 90; --dark-color-3: var(--text-color); --dark-color-4: var(--text-color); /* Special Colors */ --warning-color: 193, 44, 50; --accept-color: 20, 169, 32; --neutral-color: 193, 147, 44; --warning-text-color: var(--light-color-2); --accept-text-color: var(--warning-text-color); --neutral-text-color: var(--warning-text-color); /* Link Colors */ --link-color: 68, 123, 230; --hover-link-color: 24, 80, 187; --visited-link-color: 23, 24, 120; --newpage-color: 68, 23, 230; /* Select Colors */ --selected-background-color: 67, 98, 197; --selected-text-color: 253, 253, 253; /* Scrollbar Colors */ --scrollbar-color: var(--dark-color-1), 0.75; --scrollbar-background-color: var(--dark-color-1), 0.15; /* Note Colors */ --note-background-color: var(--light-color-1); /* General Buttons */ --general-button-background-color: var(--general-dark-background-color); --general-hover-button-background-color: var(--general-medium-background-color); /* Header Colors */ --header-background-bottom: var(--background-color), 0; --header-background-top: var(--dark-color-1), 0.3; --header-extra-background-image: none; --header-text-color: var(--general-dark-text-color); /* Topbar Colors */ --topbar-background-color: var(--dark-color-4); --topbar-hover-background-color: var(--dark-color-2); --topbar-drop-text-color: var(--text-color); --topbar-drop-background-color: var(--background-color), 0.75; --topbar-drop-hover-background-color: var(--general-dark-background-color); /* User Account Colors */ --header-username-color: var(--general-dark-text-color); --account-button-text-color: var(--general-dark-text-color); --account-button-hover-text-color: var(--general-medium-text-color); --account-button-background-color: var(--general-dark-background-color); --account-button-hover-background-color: var(--general-medium-background-color); /* Page Title Colors */ --page-title-text-color: var(--general-dark-text-color); /* Page Tag Colors */ --page-tag-border-color: var(--general-dark-background-color); /* Footer Colors */ --footer-background-color: var(--general-dark-background-color); /* Sidebar Colors */ --sidebar-background-color: var(--light-color-1); --sidebar-media-background-color: var(--background-color); --sidebar-title-background-color: var(--general-dark-background-color); --sidebar-hover-text-color: var(--general-dark-text-color); --sidebar-hover-background-color: var(--general-medium-background-color); /* Action Colors */ --action-area-info-background-color: var(--general-dark-background-color); /* Edit Area Colors */ --edit-area-textarea-background-color: var(--background-color); /* Rating Module Colors */ --rating-rateup-color: var(--dark-color-3); --rating-ratedown-color: var(--dark-color-3); --rating-cancel-color: var(--dark-color-3); /* Popups Colors */ --popup-background-color: var(--background-color); /* The 4 */ --dark-styled-quote-border-color: var(--dark-color-2); /* Header Vs */ --main-header-height: 12rem; --main-header-height-on-mobile: 12rem; --header-title: "THE BACKROOMS"; --header-title-font-size: 2.65rem; --header-title-font-size-on-mobile: 2rem; --header-subtitle: "真理隐于几何之间"; --header-subtitle-font-size: 1rem; --header-subtitle-font-size-on-mobile: 1rem; /* Topbar Vs */ --topbar-height: 2.5rem; --topbar-height-on-mobile: 2.5rem; --topbar-font-size-on-mobile: 0.8rem; /* Font Set */ --body-font: "Montserrat", sans-serif; --header-font: "Raleway", sans-serif; --title-font: var(--header-font); --mono-font: "PT Mono", monospace; } html { background: unset; } body { background: linear-gradient(to bottom, rgba(var(--dark-color-1), .4), rgba(var(--background-color)) 40rem); } #extra-div-1 { position: absolute; width: 100%; height: 10rem; top: 1rem; left: 0; background: linear-gradient(-5deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 150%); clip-path: polygon(0 0, 100% 8rem, 100% 100%, 0 2rem); z-index: -1; } #extra-div-2 { position: absolute; width: 100%; height: 6rem; top: -3rem; left: 0; background: linear-gradient(120deg, rgb(var(--dark-color-3)) 20%, rgba(var(--dark-color-1)) 200%); clip-path: polygon(100% 0, 0 calc(100% - 2rem), 0 100%, 100% 2rem); z-index: -4; } #extra-div-3 { position: absolute; width: 100%; height: 25rem; top: -16rem; left: 0; background: linear-gradient(-85deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 80%); clip-path: polygon(0 calc(100% - 2rem), 100% 0, 100% 2rem, 0 100%); z-index: -3; } #extra-div-4 { --gap: 17vh; position: absolute; background-image: repeating-linear-gradient(-15deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1)) var(--gap), rgba(var(--dark-color-1)) calc(var(--gap) + 3px)); width: 100%; height: 100%; top: 0; z-index: -4; opacity: 0.4; mask: linear-gradient(175deg, black 0, transparent 25rem, transparent calc(100% - 60rem), black calc(100% - 0rem)); } #extra-div-5 { --gap: 10vh; position: absolute; background-image: repeating-linear-gradient(16deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-2), 1) var(--gap), rgba(var(--dark-color-2), 1) calc(var(--gap) + 1rem)); mask: linear-gradient(175deg, black 0, transparent 80%); width: 100%; height: 32rem; top: 0; z-index: -5; opacity: 0.6; } #extra-div-6 { --gap: 25vh; position: absolute; background-image: repeating-linear-gradient(10deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1)) var(--gap), rgba(var(--dark-color-1)) calc(var(--gap) + 1px)); width: 100%; height: 100%; top: 0; z-index: -4; opacity: 0.4; mask: linear-gradient(175deg, transparent 40rem, black 100rem, black calc(100% - 120rem), transparent calc(100% - 50rem)); } #header-extra-div-1 { position: absolute; width: 100%; height: 6.4rem; top: 9rem; left: 0; background: linear-gradient(175deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-1)) 150%); clip-path: polygon(0 0, 100% calc(100% - 2rem), 100% 100%, 0 2rem); } #header-extra-div-2 { position: absolute; width: 100%; height: 11rem; top: -2rem; left: 0; background: linear-gradient(60deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 250%); clip-path: polygon(0 calc(100% - 2rem), 100% 0rem, 100% 2rem, 0 100%); } #header-extra-div-3 { position: absolute; width: 100%; height: 8rem; top: 6rem; left: 0; background: linear-gradient(50deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-1)) 250%); clip-path: polygon(0 calc(100% - 2rem), 100% 0rem, 100% 2rem, 0 100%); } #header { position: sticky; top: -12rem; } #header h1 a span { font-weight: 300; text-shadow: 0 0 0.3rem rgb(var(--dark-color-3)), 0 0 0.5rem rgb(var(--dark-color-3)); } #header h1 a span::after { font-weight: 400; } #header h2 span::before { filter: drop-shadow(0 0 0.4rem rgb(var(--dark-color-1))); opacity: 0.8; background-position: center 0.5rem; background-size: auto 85%; position: relative; top: 0.8rem; } #login-status { text-shadow: 0 0 0.5rem rgb(var(--dark-color-3)); } #account-options { display: grid !important; grid-template-columns: 1fr 1fr; width: 100%; text-shadow: none; } #top-bar { background: linear-gradient(90deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 150%); box-shadow: 0 0 0.5rem rgb(var(--dark-color-1), .2); } #top-bar::before { content:""; display: block; background: inherit; width: 100%; height: 1rem; position: absolute; bottom: 100%; left: 0; clip-path: polygon(0 100%, 100% 0, 100% 100%); z-index: -1; } #top-bar::after { content:""; display: block; background: inherit; width: 100%; height: 1rem; position: absolute; top: 100%; left: 0; clip-path: polygon(0 100%, 100% 0, 0 0); z-index: -1; } #content-wrap { overflow-x: hidden; } #main-content { margin: 0 0 2rem; display: flex; flex-direction: column; align-items: center; } #main-content > div:not(#page-title) { width: min(var(--body-width), calc(100% - 2rem)); } #page-title, .meta-title { padding: 2.5rem 0; text-align: center; border-bottom: unset; background: linear-gradient(-141deg, rgb(var(--dark-color-3)) 50%, rgba(var(--dark-color-2)) 120%); clip-path: polygon(0 2.5rem, 100% 0, 100% calc(100% - 2.5rem), 0 100%); } #page-title { width: 100%; padding: 2.5rem var(--body-margin); box-sizing: border-box; } #page-content a:not(div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .licensebox a, .pager a), .page-watch-options a { text-shadow: 0 0 0.2rem rgb(var(--dark-color-1)); transition: color 0.15s, text-shadow 0.15s cubic-bezier(0.4, 0.0, 1, 1); } #page-content a:not(div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .licensebox a, .pager a):hover, .page-watch-options a:hover { text-shadow: 0 0 0.5rem rgb(var(--dark-color-1)); text-decoration: none; } .overflow-wrapper-wrapper { width: 0; margin: auto; } .overflow-wrapper { margin-left: -51vw; margin-right: -51vw; } .classic { width: min(var(--body-width), calc(100% - 2rem)); margin-left: auto; margin-right: auto; } .l { padding-top: 1.5rem; padding-bottom: 1.5rem; clip-path: polygon(0 1rem, 100% 0, 100% calc(100% - 1rem), 0 100%); } .r { padding-top: 1.5rem; padding-bottom: 1.5rem; clip-path: polygon(100% 1rem, 0 0, 0 calc(100% - 1rem), 100% 100%); } .borderblock { margin: 1rem 0; padding: 1rem 1.5rem; border-top: 0.3rem solid rgb(var(--general-dark-border-color)); border-bottom: 0.3rem solid rgb(var(--general-dark-border-color)); } .footnotes-footer, .bibitems { height: fit-content; } .page-tags span a { border-radius: 0; } .owindow.owait { --gap: 3%; background-image: repeating-linear-gradient(to bottom right, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1), .4) var(--gap), rgba(var(--dark-color-1), .4) calc(var(--gap) + 3px)); background-size: 1000% 1000%; animation: saving-page-animation infinite ease-in-out 3s alternate; justify-content: center; } .owindow.owait .content{ display: none; } @keyframes saving-page-animation { 0% { background-position: 0 0; } 100% { background-position: 10% 10%; } }
生存难度:生存難度:
等级等級 极简
- 静默环境
- 纯色空间
- 简洁构造
如何使用:
[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]
class 处的可用参数包括以下内容,支持简繁体及英文输入。
| English | 简体中文 | 繁體中文 | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 0 | 1 | 2 | 3 | 4 | 5 | 0 | 1 | 2 | 3 | 4 | 5 | 0 | 1 | 2 | 3 | 4 | 5 |
| unknown | 未知 | 未知 | |||||||||||||||
| habitable | 宜居 | 宜居 | |||||||||||||||
| deadzone | 死区 | 死區 | |||||||||||||||
| pending | 等待分级 | 等待分級 | |||||||||||||||
| n/a | 不适用 | 不適用 | |||||||||||||||
| amended | 修正 | 修正 | |||||||||||||||
| omega | 终结 | 終結 | |||||||||||||||
该组件支持简繁切换,如下方代码所示:
[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]
在 lang 处选择语言,cn 表示简体中文,tr 表示繁体中文,不填默认选择简体中文。
自定义等级
[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000(带有井号的十六进制色号代码。)
|image=链接(至图片的链接。)
|one=在这
|two=随便
|three=放文字
]]
使用 CSS 进行自定义:
你可以使用 CSS 进行额外的自定义,将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中,不要把 [[module css]] 放在 [[include]] 里面,把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色,因为组件的 |color= 部分仅能控制背景:
[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;
/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */
/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */
/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */
/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]
旧版颜色:
如果你不喜欢新版的样式,想要用回旧版的红色边框色,只需要在你的页面中与组件一同引入下方的代码:
[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]
Level IF-59是后室IF层群的第59层。
描述
Level IF-59 里所摄下的第一幅照片。
Level IF-59是一片巨大的白色线性迷宫,存在二层及以上的空间,层级内每个小区域并未有什么不同之处。Level IF-59中构造十分简单,类似于一个不断延伸的迷宫,迷宫中存在着部分小房间,Level IF-59中的结构极为复杂,墙与墙均匀地排布、组合在一起,这些墙组成了各种奇异的结构,例如一个死胡同,或者是墙与墙之间的错位之处。
Level IF-59内的墙壁由白色油漆加以粉刷,粉刷日期各不相同,可能出现部分已老化脱落,但另一部分却仍未被晒干的情况,Level IF-59的墙面始终保持着冰凉的温度,且无法被人为完全破坏,但是人们可在其表面进行修补和加工,或者是搬运。
Level IF-59内的天花板与地板材质随机,大多的组成部分为混色的瓷砖或着被粉刷为白色的混凝土地面,但可以肯定的是,Level IF-59内的地板是绝对干净的。Level IF-59内的地面可能处于倾斜或凹凸不平,但流浪者大多情况下并未察觉到此变化。
Level IF-59中可能不存在任何实体,尽管多数流浪者的报告中指出在层级中发现了黑色的不明人影在墙面上进行怪异的动作,但此实体未有大量的目击证明证明其存在,所以现在对于Level IF-59中是否存在实体仍然有争论,目前此谜团尚未揭晓。
Level IF-59中的灯光始终亮着,部分区域的灯光可能在一瞬间熄灭后又迅速恢复,Level IF-59中的灯光来源大多为天花板之上的白炽灯,这些白炽灯始终放出耀眼的光芒,外壳由玻璃制作,拆卸下来时可见其表面覆盖灰尘、油污的混合体,在其背后接由一电池,电池由铁制成外壳,呈方形,电池表面上刻有不明符号字样,可源源不断地提供电力,目前对于其原理的了解始终停留在未知阶段。
Level IF-59内的墙壁上有时可见黑色记号笔涂鸦,这些黑色涂鸦笔的涂鸦内容显示为多面体,线条十分稳定与流畅,丝毫没有人为的迹象,这些涂鸦随机分布在墙壁之上,有些可被轻易擦除,而有些则难以消除,这些黑色记号笔造成的涂鸦来源始终未知,生成过程也仍未知。这些涂鸦散发着未知的浓郁味道,难以流通到其他区域。
Level IF-59中可能生成各种与其他区域独立的房间区域,房间形状不定,内部光线相较于其他区域较亮,在进入时流浪者可能会忘记之前脑海中想要去执行的事情,进入后,流浪者先是会感到一阵小的困倦,然后将会下意识地走进房间内部,房间内部充满着各种物品,包括食物、医疗用品、修理工具、衣物、家用电器等等,诸如此类物品将会整齐地摆放在层级之内供流浪者使用。
Level IF-59内的地面之上可能会随机出现从笔记本上暴力撕下的草稿纸或是干净整洁的A4纸,在其一旁通常还带有一只黑色中性笔、一支自动铅笔和一支红色记号笔,在纸的反面上使用随机颜色的彩笔写着一段话:“计算”,该文字的意义未知,但大部分流浪者认为这段话的意义是使用一旁携带的各式笔来计算层级的大小。
Level IF-59内可能随机出现床、沙发、椅子等家具,这些家具紧紧的贴于墙壁边缘,上面没有被使用过的痕迹,更值得注意的是,这些家具似乎常常成群出现在靠墙位置,每个距离固定不变,以一种特定的方式摆于墙边。
基地、前哨与社区
M.E.G.蜂鸣前哨
- 人数较少
- 对于此层级进行宜居化改造
- 绘制层级地图
B.O.P.纯白和弦基地
- 人数较多
- 建立单元居住区
- 勘探层级内部
入口与出口
入口
- 在Level IF-7、Level IF-199或Level IF-39中切入可达此层级。
出口
- 在此层级的房间内或墙壁切入会进入Level IF-33、Level IF-138或Level IF-198
« Level IF-58 | Level IF-59 | Level IF-60 »


