:root { --nusd-speed: 1; } /*岛*/ .ic_wrap-box { } /*上*/ .ic_wrap-box .ic_top-left-box { animation: right0 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_top-left-box .ic_text { animation: right0 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_h-icon { animation: ic-right calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); opacity: 0; } .ic_wrap-box .ic_r-icon { animation: ic-right calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.4s / var(--nusd-speed)); opacity: 0; } .ic_wrap-box .ic_s-icon { animation: ic-right calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); opacity: 0; } /*sd*/ .ic_wrap-box .ic_sd-box { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_infobox-1,.ic_wrap-box .ic_infobox-2 { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation: fadeIn-nu-env calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-3 { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--nusd-speed)); } /*字*/ .ic_wrap-box .ic_sd-box .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_sd-box .ic_sd { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_infobox-1 .ic_text { animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-1 .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-2 .ic_text { animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-2 .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-3 .ic_text { animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-3 .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); } /*info*/ .ic_wrap-box .ic_add-h { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); animation: ic-add-h calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); } .ic_wrap-box .ic_add-r { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); animation: ic-add-r calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.4s / var(--nusd-speed)); } .ic_wrap-box .ic_add-s { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); animation: ic-add-s calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); } /*字*/ .ic_wrap-box .ic_add-h .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); } .ic_wrap-box .ic_add-h .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); } .ic_wrap-box .ic_add-r .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.6s / var(--nusd-speed)); } .ic_wrap-box .ic_add-r .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.6s / var(--nusd-speed)); } .ic_wrap-box .ic_add-s .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--nusd-speed)); } .ic_wrap-box .ic_add-s .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--nusd-speed)); } .ic_addbox .ic_text,.ic_addbox .ic_info{ opacity: 0; } /*bubor*/ .ic_top-box { animation: ic-border calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box { border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace); animation: ic-border calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--nusd-speed)); } @keyframes ic-right { 0% { transform: translateX(-1rem); transform: rotate(30deg); opacity: 0; } 80% { transform: translateX(-1rem); transform: rotate(30deg); opacity: 0; } 100% { transform: translateX(0); transform: rotate(0deg); opacity: 1; } } @keyframes ic-border { 0% { border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace); } 100% { border-bottom: rgba(var(--ic_border-color), 1) solid var(--ic_interspace); } } @keyframes ic-add-h { 0% { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); background-color: rgba(var(--ic_border-color), 1); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); background-color: rgba(var(--ic_add-habitability-bg-color), 1); } } @keyframes ic-add-r { 0% { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); background-color: rgba(var(--ic_border-color), 1); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); background-color: rgba(var(--ic_add-resource-bg-color), 1); } } @keyframes ic-add-s { 0% { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); background-color: rgba(var(--ic_border-color), 1); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); background-color: rgba(var(--ic_add-signal-bg-color), 1); } } /*nusd*/ /*左*/ .sdnumber p { opacity: 0; animation: right0 calc(2s / var(--nusd-speed)); animation-fill-mode: forwards; } .sdnumber p { opacity: 0; animation: right0 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sdnumber strong { opacity: 0; animation: right0 calc(1.2s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sdnumber .lines { opacity: 0; animation: fadeIn-nu-sd calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*右*/ .sd-container .exit { animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .environment { animation: fadeIn-nu-env calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .entity { animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .syntax .sd{ animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .syntax p strong { animation: rightin calc(1.05s / var(--nusd-speed) ); animation-fill-mode: forwards; } .class.customclass strong::after{ animation: no-opacity calc(1.05s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*字*/ /*ex*/ .sd-container .exit strong { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .exit p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*ev*/ .sd-container .environment strong { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .environment p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*en*/ .sd-container .entity strong { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .entity p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*动画*/ @keyframes clip0 { 0% { clip-path: inset(0 0 100% 0); } 100% { clip-path: inset(0 0 0 0); } } @media only screen and (min-width: 1071px) { .sd-container .border { animation: border-spin-pc calc(1s / var(--nusd-speed) ); transform-origin: right; } @keyframes border-spin-pc { 0%{ clip-path: polygon(0% 0%,0% 0.4rem,0% 0.4rem,0% 0%); transform: scaleX(5000%); } 30% { clip-path: polygon(0% 0%,0% 0.4rem,100% 0.4rem,100% 0%); transform: scaleX(5000%); opacity: 1; } 60% { clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%); transform: scaleX(5000%); opacity: 1; } 100% { transform: scaleX(100%); opacity: 1; } } .sdnumber p { animation-delay: calc((2s / var(--nusd-speed))*0.6); } .sdnumber p { animation-delay: calc((1s / var(--nusd-speed))*0.6); } .sdnumber strong { animation-delay: calc((1.2s / var(--nusd-speed))*0.6); } .sdnumber .lines { animation-delay: calc((1s / var(--nusd-speed))*0.6); } } @media only screen and (min-width: 620px) and (max-width: 1070px) { .sd-container .border { animation: border-spin-mo calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } } @media only screen and (max-width: 620px) { .sd-container .border { animation: border-spin-mo calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .exit { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation-delay: 0; animation-fill-mode: forwards; } .sd-container .environment { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation-delay: calc(0.5s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .entity { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation-delay: calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } } @keyframes border-spin-mo { 0% { clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%); } 70% { clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%); opacity: 1; } 100% { clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%); opacity: 1; } } @keyframes rightin { 0% { transform: translateX(-1rem); opacity: 0; } 80% { transform: translateX(-1rem); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes rightin2 { 0% { transform: translateY(1rem); opacity: 0; } 80% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes upin0 { 0% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes right0 { 0% { transform: translateX(-1rem); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fadeIn-nu-sd { 0% { clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%); transform: rotateY(180deg); } 100% { clip-path: polygon(0% 0%,200% 0%, 100% 100%,0% 100%); transform: rotateX(0deg); opacity: 1; } } @keyframes upin1 { 0% { transform: translateY(1rem); opacity: 0; } 50% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes upin2 { 0% { transform: translateY(1rem); opacity: 0; } 50% { transform: translateY(1rem); opacity: 0; } 75% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeIn-nu-exit { 0% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); } 25% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); } } @keyframes fadeIn-nu-env { 0% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); } 25% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); } } @keyframes fadeIn-nu-enti { 0% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); } 25% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); } } @keyframes no-opacity { 0% { opacity: 0; } 25% { opacity: 0; } 100% { opacity: 1; } }
生存难度:生存難度:
等级等級 2
- 不安全
- 稳定
- 实体绝迹
如何使用:
[[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 C-658 是后室C层群的第658层。
描述

居民楼
Level C-658 是一座占地面积未知的废弃老旧小区,无数居民楼矗立在小区内部,居民楼均为7层,带有浓烈的90年代中式建筑风格,被花色窗帘所阻挡的窗户使流浪者无法观测到居民楼内部。各式绿植围绕在居民楼周围,略微崎岖不平的石砖路沟通着层级内部的各个区域。
Level C-658 不存在任何昼夜变化,时间似乎永远停滞在了午后的盛夏,蔚蓝色的无云天空投放出温暖的光线,尽管并未观测到类似于“太阳”的事物存在,但层级内部的空气似乎永远保持着干燥,平均温度较高。
当流浪者来到 Level C-658 时,通常会在层级内某栋居民楼的楼道角落醒来,楼道的环境较为破败,铺满灰尘,少许苔藓寄生在已脱落墙灰的斑驳墙壁上,明亮的白炽灯悬挂在各个楼层间,散发出温暖的橙色灯光,照射着每个角落。楼道中偶尔会有少许杂物堆放在地上,有时候是装有日常废弃用具的黑色垃圾袋,或是层层堆叠的纸箱。
居民楼每层都分布着两座嵌入于墙壁中的防盗式铁门,铁门通常处于关闭状态,任何尝试打开的方式都宣告失败了,但在探索本层级时,偶尔会遇到一类带有旋钮式门锁的黄色木门,拉开可以来到门后的空间 —— “住房”。
住房
住房通常是设计为一厅二卧的居住间,装修较为简陋,地板为图案简单的花砖排列而成,住房较为狭小,其内部通常摆放着各类木制家具,偶尔会有些低廉的日常用品或包装简陋的杏仁水摆放在桌椅上。尽管住房无人居住,但却异常干净整洁,似有什么在保持着住房的居住环境,即便流浪者做出破坏的举动留下了痕迹,也将在几秒后恢复如初。
空气中弥漫着古朴的木质香与衣物堆砌的毛线味,若流浪者持续停留在此处,住房将可能出现无故出现塌落与老化的现象,墙壁脱落,深绿色的苔藓快速蔓延生长,家具腐烂,附着上一层厚厚的灰尘,最后天花板倒塌,完全破坏了住房的空间,随着停留时间的长短,该现象越加容易触发。
当流浪者在塌陷前重新打开木门并尝试离开此处时,会发现自己已经离开了居民楼,出现在了某条石砖路上。
石砖路
行走在 Level C-658 的石砖路上时,独属于盛夏午后的燥热感随之而来,当流浪者出现烦闷的情绪时,却总会有一股清凉的微风徐来,安抚着流浪者躁动的内心。尽管周围的植被中并没有种植百合花、紫丁香以及桔梗,但其所混杂的种种香气却一直在刺激着流浪者的鼻腔,偶尔会听到无来源的孩童欢笑声与嘹亮的蝉鸣声。
当流浪者身处在石砖路超过20分钟后,身体将出现可逆的转变现象,骨骼缩小,牙齿脱落,面部特征变得幼态,直到来时的衣物已不再合身,最后慢慢的失去行动能力,瘫倒在石砖路上,此时花香将会愈发浓烈,直到呛鼻的地步,刺眼的光线照射在流浪者的脸上,却会使人感到异常的安心,麻痹住了大脑,最终在如幻听般孩童的欢声笑语,以及风吹过掠过脸颊所带来的的轻抚中因窒息而死去,这一进程约为8分钟。当离开石砖路进入居民楼或者切出本层级,将会停止该现象并恢复。
基地、前哨与社区
无。
入口与出口
入口
轻轻抚摸一个破旧的物品超过1分钟,若在脑海中浮现了关于过去记忆的画面,则有极低概率来到本层级。
从 Level C-313 的大门出去的时候回忆了“家”的画面,并感到一股燥热感,有较大可能进入本层级。
Level C-461 的居民楼顶层坠落,将会在抵达到本层级某个居民楼的附近。
出口
在本层级摔倒,较低可能会从 Level 198 开始坠落。
当住房出现塌落的时候,仍待在此处,将会抵达 Level C-200 。
在楼道上睡去,有较大可能在 Level C-610 醒来 。
在居民楼中找到一扇已经打开的破败铁门时,会在 Level C-917 的火车站上出现。
注:无论流浪者使用任何方式,在离开 Level C-658 后,将再也无法切入至本层级。
« Level C-657 | Level C-658 | Level C-659 »