@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300&display=swap'); @import url('https://fontlibrary.org/face/fantasque-sans-mono'); @font-face { font-family: 'TsangerYuMo-W02-FullWidthSpaceFix'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/TsangerYuMo-W02-FullWidthSpaceFix.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* Myrand */ @media screen and (prefers-reduced-motion: no-preference) { #page-title, #breadcrumbs, #page-content > * { animation-name: fadeIn; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } } #page-title { animation-delay: 0s; } @keyframes fadeIn { from { opacity: 0; transform: translate(0,30px); } to { opacity: 1; transform: translate(0,0); } } /* 调整 */ body{ letter-spacing: 1px; } :root { --fade-in-delay: 0,1s; --theme-base: "black-highlighter"; --theme-id: "danger-zone"; --theme-name: "Danger Zone"; --logo-image: url("https://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg"); --header-subtitle: "前 方 是 一 条 其 他 人 类 未 曾 发 现 过 的 道 路"; --body-font: 'Chakra Petch', 'TsangerYuMo-W02-FullWidthSpaceFix', 'Noto Sans SC', sans-serif; --header-font: 'Chakra Petch', 'TsangerYuMo-W02-FullWidthSpaceFix', 'Noto Sans SC', sans-serif; --title-font: 'Chakra Petch', 'TsangerYuMo-W02-FullWidthSpaceFix', 'Noto Sans SC', sans-serif; --mono-font: 'Chakra Petch', 'TsangerYuMo-W02-FullWidthSpaceFix', 'Noto Sans SC', sans-serif; --white-monochrome: 255, 255, 255; --pale-gray-monochrome: 190, 190, 190; --light-gray-monochrome: 160, 160, 160; --gray-monochrome: 72, 69, 60; --black-monochrome: 20, 20, 20; --bright-accent: 235, 170, 10; --medium-accent: 235, 170, 10; --custom-text: 255, 255, 255; --dark-accent: 140, 136, 126; --pale-accent: 140, 136, 126; /* Primary Theme Colors */ --swatch-background: var(--black-monochrome); --swatch-primary: var(--bright-accent); --swatch-primary-darker: var(--medium-accent); --swatch-primary-darkest: var(--black-monochrome); /* Primary Text Colors */ --swatch-text-dark: var(--custom-text); --swatch-text-light: var(--bright-accent); --swatch-important-text: var(--bright-accent); --barColour: var(--very-light-gray-monochrome); --linkColour: var(--pale-accent); /* Primary Menu Colors */ --swatch-menubg-color: var(--black-monochrome); --swatch-menubg-light-color: var(--dark-gray-monochrome); --swatch-menubg-medium-color: var(--medium-accent); --swatch-menubg-medium-dark-color: var(--gray-monochrome); --swatch-menubg-dark-color: var(--dark-gray-monochrome); --swatch-menubg-black-color: var(--black-monochrome); --swatch-menubg-hover-color: var(--black-monochrome); --swatch-menutxt-dark-color: var(--white-monochrome); --swatch-menutxt-light-color: var(--white-monochrome); --swatch-border-color: var(--bright-accent); /* Primary Header Colors */ --swatch-headerh1-color: var(--white-monochrome); --swatch-headerh2-color: var(--white-monochrome); --swatch-topmenu-border-color: var(--bright-accent); --swatch-topmenu-bg-color: var(--black-monochrome); /* Link Colors */ --link-color: var(--bright-accent); --visited-link-color: var(--medium-accent); --hover-link-color: var(--bright-accent); --sidebar-links-text: var(--swatch-menutxt-dark-color); --link-color-bright: var(--medium-accent); /* Rating Module Colors */ --rating-module-button-color: var(--bright-accent); --rating-module-text-color: var(--white-monochrome); --rating-module-text-hover-color: var(--swatch-menutxt-light-color); /* Header Gradients */ --gradient-header: none; --diagonal-stripes: none; } #extrac-div-1 { position: fixed; width: 100vw; height: 100vh; pointer-events: none; background: repeating-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.15) 50%,rgba(0,0,0,0)); background-size: auto 8px; opacity: 0.7; } #extrac-div-2 { position: fixed; width: 100vw; height : 1rem; top: 0; pointer-events: none; background: linear-gradient(to bottom, rgb(255,190,0) 0%,rgb(255,190,0) 50%,rgb(255,190,0) 51%,rgb(255,190,0) 100%); opacity : .1; animation: scanm 6s linear infinite; } @keyframes scanm { 0% { top: -1rem; opacity : .05;} 25% { top: 50%; opacity: .03;} 37.5% { top: 75%; opacity: 0.06;} 50% { top: 100%; opacity: .03;} 100% { top: 100%;} } #page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); } #page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); } #page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); } #page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); } #page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); } #page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); } #page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); } #page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); } #page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); } #page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); } #page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); } #page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); } #page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); } #page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); } #page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); } #page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); } #skrollr-body { background-image:none } #container { background-image: none } div#page-options-bottom-2 > a, div#page-options-bottom > a { border-radius: 0em; -moz-border-radius: 0em; border: none; } div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover { border: none; } #header, #top-bar { background-attachment: scroll; } #header { background-image: none; overflow-x: clip; } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: -2rem; top: -0.3rem; background-image: var(--logo-image); background-size: auto 10rem; background-position: left; background-repeat: no-repeat; opacity: 1; } #header h1, #header h1 a { position: absolute; left: 4.8rem; top: 0.8rem; margin: 0; width: 100%; display: flex; justify-content: left; z-index: 0; } #header h2, #header h2 span, #header h2 span::before { position: absolute; left: 3.3rem; top: 1.8rem; margin: 0; width: 100%; display: flex; justify-content: left; } a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover { text-decoration: none; color: #000000; background-color: #FFAA0A; } #login-status ul a:hover { text-decoration: none; color: #000000; background-color: #FFAA0A; } #login-status a:hover { text-decoration: none; color: #000000; background-color: #FFAA0A; } #header h1 a::before, #header h2 span::before { text-shadow: .063rem 0.1rem 0.1rem #0c0c0c; letter-spacing: 0.1rem; } #header h1 a::before{ letter-spacing: 1rem; } a.newpage { color: rgb(var(--newpage-color)) } blockquote { box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } /*search*/ /*#search-top-box { left: 3%; top: 0.5rem; } #search-top-box-form > #search-top-box-input { width: 7rem; }*/ /* TABVIEW - Abandon All Hope Ye Who Enter Here */ /*content bg*/ .yui-navset .yui-content { background-color: rgba(var(--pale-accent), 0.25); border-color: rgb(var(--pale-accent)); } /*unselected tab color*/ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgb(var(--dark-gray-monochrome)); color:rgb(var(--white-monochrome)); } /*hover tab bg*/ .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: rgba(var(--pale-accent), .25); } /*backer background*/ .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { background: rgb(var(--dark-gray-monochrome)); } /*selected tab bg*/ .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected { background-color: rgb(var(--pale-accent)); } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active { background-color: rgb(var(--pale-accent)); } @media only screen and (max-width: 768px) { :root{ --swatch-menubg-color: var(--medium-accent); } #header::before { background-image: none; } #header { height: var(--header-height-on-mobile); background-image: url("https://nu-scptheme.github.io/Black-Highlighter/images/logo.svg"); background-image: var(--logo-image); --size: calc(var(--final-header-height-on-mobile) + 1rem); --y-offset: 1.5rem; background-position: calc((var(--header-height-on-mobile) - 0.75rem) - var(--size)) calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2); background-size: var(--size), 100% var(--header-height-on-mobile); background-repeat: no-repeat, repeat; width: 100vw; margin: 0; position: sticky; top: calc(var(--header-height-on-mobile) * -1); } #header h1, #header h1 a { left: 1rem; top: 0.8rem; } #header h2, #header h2 span, #header h2 span::before { left: 0.8rem; top: 1.8rem; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"]:hover { background: rgb(0, 0, 0); border-color: rgb(var(--pale-accent)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"]{ background: rgb(0, 0, 0); border-color: rgb(var(--pale-accent)); } } .lightstyled-quote { background-color:rgb(var(--bright-accent)); color:rgb(0, 0, 0); border-left: 0.5rem solid rgba(var(--dark-gray-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .darkstyled-quote { background-color:rgb(var(--dark-gray-monochrome)); border-left: 0.5rem solid rgba(var(--bright-accent)); color:rgb(var(--white-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .darkstyled-quote a{ color: rgb(var(--swatch-menubg-medium-color)); } .lightblock { background-color:rgb(var(--bright-accent)); color:rgb(0, 0, 0); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .darkblock { background-color:rgb(var(--dark-gray-monochrome)); color:rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .dark-borderblock { background-color:rgb(var(--dark-gray-monochrome)); color:rgb(255, 255, 255); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid 0.3rem rgb(var(--bright-accent)); } .light-borderblock { background-color:rgb(var(--bright-accent)); color:rgb(0, 0, 0); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid 0.3rem rgb(var(--dark-gray-monochrome)); } .border-logoblock{ padding: 0.01rem 1rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); color:rgb(255, 255, 255); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color: rgb(var(--dark-gray-monochrome)); border: solid 0.3rem rgb(var(--bright-accent)); } .border-logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .logoblock{ padding: 0.01rem 1rem; color:rgb(255, 255, 255); box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color: rgb(var(--dark-gray-monochrome)); } .logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .titleblock { background-color: rgb(var(--dark-gray-monochrome)); color:rgb(var(--white-monochrome)); padding: 0.5rem 1rem 0.10rem; margin: 1.5rem 0rem 0.5rem 0rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5); border: solid rgb(var(--bright-accent)) 2px; } .titlebox{ color: rgb(var(--dark-gray-monochrome)); position: relative; top: -1.6rem; background-color: rgb(var(--bright-accent)); padding: 0.25rem 1rem; line-height: 0.1rem; } .borderblock { background-color:rgb(var(--dark-gray-monochrome)); color:rgb(255, 255, 255); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid 0.3rem rgb(var(--bright-accent)); } .darkblock a { color: rgb(var(--swatch-menubg-medium-color)); }
生存难度:生存難度:
等级等級 终结
- 无限
- 至高
- 重返
翻译者须知:
从 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]]
很久很久以前。
有一个小孩做了一个梦。
永无休止的梦。
梦里的他是一个高大的成年人。
不会错的。
他进入了他梦中的世界,那里恐怖而和平,危险而安全,凌乱而洁净。
是哪里?
我们不曾知道,那是一个破碎的梦。
本是一场完美而甜蜜的梦境啊。
他梦见他在世界中穿梭。
他梦见他在星宇间游走。
他梦见他在怪物的口中把自己的生命交出去了。
他梦见他和其他的人类庆幸尤生。
他未曾堕落。
也未曾奋起。
真是一个有趣的梦。
他梦见了荧光灯,潮湿的地板与管道。
那是不错的历险。
那是奇妙的遭遇。
如果这是一个游戏呢?
生死都是一念的事情,如果是游戏,他为什么奋力的去玩呢?为了那一句赞美?“你把这游戏玩的很棒了。”
绝对不是。
并非人类才懂得生离死别。
那只狼,你看到了吗?不——你看不到。
动物都会为了生活而奔波,那是个好故事。
他选择将人类几千年的文化历史抛之脑后——
他选择了更原始的求生方式。
他在他的那般世界听到了很多声音。
是什么?
风吹草动带来的窸窣作响,森林田野间动物的连连吠鸣,石块从山上滑落留下的点点碰撞声,他说那是他的家。他更喜欢在他的家中偏安一偶,那一方天地居在他世界的正中央,正如旷大宇宙中那巨大的岩浆星球和小它万倍的那一颗岩石和水组成的系统一般。他自己就是那一方天地。
后来,堕入梦境的他经常奔跑,跳跃,他的体力时常耗尽,精神也正如体力一般被从身体里抽出。
奔跑着时,他又看见了形形色色的景物,那是很多个景物组成的更多的景物,那些景物是一方天地,却不是他的那一方天地了。
他曾经也尝试着就放弃挣扎吧,一了百了,就同他离开了他的那一方天地一般。
于是他尝试着从梦中醒来,醒来的时候却又是一场梦。
新的梦境中,他感受到他的梦境正跟他所认为的真实逐渐交叠,那是一种奇妙的感觉,以至于他都忘记他处于危险的梦中,在那一场梦,他看到了他的先辈看到过的一切——从木块中制取火种,转向滚烫岩浆的冶炼,再向着蒸发的水汽,向着乌烟的铁管,向着地下,向着天空,向着比天空更高远的世界,向着宇宙。
他就是宇宙,就在宇宙中放松开,调整呼吸,0、1、0、1,他突然间感受到了风吹草动带来的窸窣作响,森林田野间动物的连连吠鸣,石块从山上滑落留下的点点碰撞声,感受到了雷鸣,海啸,与他自己所处的窒息,他身体各处的骚动。
他感到他的身体已经从凝固的肉体变成了更高尚的样貌,他的身体不由血与脂肪组成,转而变成了星辰与暗灰,他能感受到每一个星系,星球和别的人围绕生活而做出的运动,进而感受到了每个人身体中的一撮细小的物质正围绕某个中心运动,那是原子结构,电子围绕原子核进行着有序的运动,那是奇妙的感觉。
他

