@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%; } }
生存难度:生存難度:
等级等級 0
- {$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 Deepseek-72 呈现为一间宽敞、采光极佳的艺术画室,本层级墙壁下半部分为浅米色墙漆,而上半部分则覆盖深色亚麻质感吸音布。墙壁上固定着用于悬挂画作的木质滑轨,一些未完成的画作由黄铜夹子固定其上。墙角随意倚靠着几幅已完成的画作,画框多为原木色或简单的黑色。
本层级的地板为深褐色的实木地板,因长期使用和颜料的滴溅而留下了丰富的痕迹与独特的光泽。走在上面会发出轻微的、令人安心的吱呀声。地板中央区域铺设着一大张厚实的、染有各种颜料印记的深蓝色帆布,据推测其用以保护木地板并提供一个舒适的工作区域。
天花板为高耸的坡顶结构,带有裸露的深色原木梁架。巨大的北向倾斜式天窗占据了坡顶的主要面积。玻璃材质特殊,并非透明,而是呈现轻微的磨砂与乳白质感,能完美地漫射光线,消除刺眼的直射光和生硬的阴影,提供最适宜绘画的稳定、柔和光源。本层级的光源即上述的天窗自然光,其亮度和色温会缓慢变化,模拟从清晨的冷白光到午后的暖黄光。此外,本层级环境极其安静,空气始终保持清新。
效应
该层级最显著的特性是其带来的深度心灵安抚效果。进入此地的流浪者会感到持续的焦虑、恐惧和压力被迅速缓解,一种深刻的宁静与专注感会自然涌现。这种效应并非强制性的精神控制,而更像是一种强大的环境暗示,鼓励创造与内省。画室内提供的所有绘画工具均可安全使用,并且似乎取之不尽。任何在此创作的画作,无论技艺高低,都会呈现出一种独特的、令人心安的和谐感。
此外,尽管有记录表明多名流浪者曾进入此层级,但任何进入此层级的流浪者都无法彼此相遇或感知到对方的存在。即使两名流浪者理论上处于同一物理坐标,他们各自感知到的画室也永远是仅容纳自己一人的版本。所有工具、资源以及空间本身,在每位流浪者的体验中都是独立且专享的,无法通过任何已知手段进行跨空间交流或传递物品。这使得该层级成为一个绝对意义上的、孤独的避风港。
实体
本层级内不存在任何已知实体。
基地、前哨和社区
由于本层级的效应,故该层级不存在任何已知的基地、前哨或社区
入口和出口
入口
在任何一个层级中专注于创作或回忆一段宁静的时光时,有小概率会感到周遭环境逐渐“淡出”,并最终切入此地。
于Level 57的惬意美术馆区域,有时会发现一扇标有“ds72”的大门,进入即可
出口
若拥有强烈地渴望回到之前的探索或职责中,会促使之前层级的出口在画室的某个角落显现。
« Level deepseek-71 | Level deepseek-72 | Level deepseek-73 »


