[[iftags +组件]]
这是什么
我用户 'Croquembouche' 不存在用在一大堆页面上的一大堆各种各样的CSS“改进”，因为我觉得这样就能使其更容易处理。
该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点（也就是我经常干的事）。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。
我不期望用了这个组件的文章的翻译版也会用到这个组件，除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。
这个组件可能不会与其它组件或版式冲突，且即使会冲突，也可能不会有什么影响。
用法
在任意维基上：
[[include :scp-wiki:component:croqstyle]]
该组件被设计于与其它组件一同使用，所以-=-是用来隐藏该文档的。在另一个组件内使用时，请确保将该组件放在[[iftags]]块内，这样你的组件的用户就不会强制同样使用 Croq 风格。
相关组件
其它个人自定义组件（只会改变一点点东西）：
- RSO组件 — 用户 'Rounderhouse' 不存在
个人自定义版式（在视觉上有大的变化）：
CSS修改
大小合理的脚注
不让脚注达到一百万里那么宽，让你能确实地阅读脚注。
.hovertip { max-width: 400px; }等宽字体编辑/代码
使编辑文本框内字体等宽，且将所有等宽字文本改为Fira Code，也是个明显很优秀的等宽字字体。
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }电传打字机背景
给<tt>元素加上亮灰色的背景（{{文本}}），使得代码片段更为突出。
tt {
background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
font-size: 85%;
padding: 0.2em 0.4em;
margin: 0;
border-radius: 6px;
}不要大脸
禁用悬停于某人的头像的时候出现的大图片，因为这图片又蠢又真的很烦人，想看大头像版本的话直接点击一下就行了。
.avatar-hover { display: none !important; }碎裂碎裂
任何在带有nobreak类的div中的文本可以在字母间自动换行。
.nobreak { word-break: break-all; }代码颜色
将我终端中的代码颜色加为变量。可能我会在什么时候把它改成比如Monokai或者别的更加常见的终端主题，但是现在暂时这还是我的个人主题，是从Tomorrow Night Eighties中衍生而来的。
还有，将.terminal类像[[div class="code terminal"]]一样添加到假代码方块中可以让它有一个有点伪终端样的暗色背景。不能用在[[code]]中，因为Wikidot嵌入了一大堆语法来使其高亮，不用一大堆CSS是改不动的。只能用在非[[code]]的代码片段中。
:root {
--c-bg: #393939;
--c-syntax: #e0e0e0;
--c-comment: #999999;
--c-error: #f2777a;
--c-value: #f99157;
--c-symbol: #ffcc66;
--c-string: #99cc99;
--c-operator: #66cccc;
--c-builtin: #70a7df;
--c-keyword: #cc99cc;
}
.terminal, .terminal > .code {
color: var(--c-syntax);
background: var(--c-bg);
border: 0.4rem solid var(--c-comment);
border-radius: 1rem;
}调试模式
将位于.debug-mode中的任何东西周围画上线。线的颜色是红色的但是遵从CSS变量--debug-colour。
你还可以将div.debug-info.over与div.debug-info.under添加到某个元素中以给调试框加注释——虽然你得确保有留下足够的垂直空间，让注释不会与其上方或下方的东西重叠。
.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
outline: 1px solid var(--debug-colour, red);
position: relative;
}
.debug-info {
position: absolute;
left: 50%;
transform: translateX(-50%);
font-family: 'Fira Code', monospace;
font-size: 1rem;
white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }著作信息
展开侧边栏组件
作者：用户 'Mercuresphere' 不存在
欢迎您来我的作者页看看我的其他作品。
这是什么？
这个组件可以改变侧栏的显示状态，使其变为默认展开。
此组件可以与黑标切换侧边栏组件联合使用，以取得与网站的移动端版本类似的外观。
使用方法：
若需使用本组件，请在你页面的任意位置插入以下代码：
[[include :backrooms-wiki-cn:component:unfold-sidebar]]
/* Unfold Sidebar */
/* By Mercuresphere */
:root {
--toggle-button-bg: rgb(var(--swatch-menubg-color));
--toggle-border-color: rgb(var(--swatch-border-color));
--toggle-border-width: 0.25rem;
--toggle-icon-color: rgb(var(--sidebar-links-text));
--toggle-roundness: 50%;
}
@media only screen and (min-width: 769px) {
#content-wrap {
max-width: unset;
display: grid;
position: static;
grid-template-columns: calc(var(--sidebar-width-on-desktop)) calc(50% - var(--body-width-on-desktop)/2 - var(--sidebar-width-on-desktop)*3/2) 1fr calc(50% - var(--body-width-on-desktop)/2 - var(--sidebar-width-on-desktop)/2);
grid-template-areas: "side-bar . content";
grid-area: content-wrap;
flex-grow: 2;
flex-direction: column;
margin: 0 auto;
width: 100%;
height: auto;
min-height: calc(100vh - var(--final-header-height-on-desktop));
}
#main-content {
position: unset;
max-height: unset;
display: grid;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
grid-template-areas:
"action-area-top"
"page-title"
"breadcrumbs"
"page-content"
"page-tags"
"page-info-break"
"page-options"
"action-area-btm";
grid-area: content;
flex-basis: var(--body-width-on-desktop);
margin: 0 auto;
background-color: transparent;
padding: 2rem 1rem;
width: calc(100% - 3rem);
max-width: var(--body-width-on-desktop);
}
#side-bar {
transform: unset;
transform: unset;
transition: unset;
width: unset;
min-width: unset;
grid-area: unset;
padding-right: unset;
top: unset;
max-height: unset;
position: unset;
left: unset;
padding-left: unset;
scrollbar-width: unset;
overscroll-behavior: unset;
scrollbar-color: unset;
direction: rtl;
height: calc(100vh + 2rem);
background-color: rgba(var(--swatch-menubg-color, 255, 255, 255), 1);
}
#side-bar::-webkit-scrollbar-thumb {
background-color: rgba(170, 170, 170, 1);
}
#side-bar:hover::-webkit-scrollbar-track {
background: rgba(var(--swatch-tertiary-color), .05);
}
#side-bar:hover, #side-bar:active {
padding-right: unset;
margin-right: unset;
transform: unset;
transform: unset;
overflow-y: unset;
scrollbar-color: unset;
}
#side-bar:focus-within {
padding-right: unset;
margin-right: unset;
transform: unset;
transform: unset;
overflow-y: unset;
scrollbar-color: unset;
}
#main-content::after {
content: unset;
position: unset;
display: unset;
align-items: unset;
justify-content: unset;
width: unset;
height: unset;
max-height: unset;
top: unset;
transition: unset;
left: unset;
background: unset;
background-repeat: unset;
background-position: unset;
background-attachment: unset;
background-size: unset;
pointer-events: unset;
}
#side-bar:hover+#main-content::after, #side-bar:active+#main-content::after {
left: unset;
left: unset;
background-position: unset;
background-position: unset;
transition: unset;
opacity: unset;
width: unset;
font-size: unset;
}
#side-bar:focus-within+#main-content::after {
left: unset;
left: unset;
background-position: unset;
background-position: unset;
transition: unset;
opacity: unset;
width: unset;
font-size: unset;
}
#main-content::before {
--not-ie: unset;
content: unset;
background-color: unset;
background-color: unset;
position: unset;
position: unset;
top: unset;
top: unset;
left: unset;
transform: unset;
transform: unset;
width: unset;
width: unset;
height: unset;
height: unset;
transition: unset;
opacity: unset;
pointer-events: unset;
z-index: unset;
margin-bottom: unset;
margin-bottom: unset;
}
#side-bar:hover+#main-content::before, #side-bar:active+#main-content::before {
transform: unset;
opacity: unset;
}
#side-bar:focus-within+#main-content::before {
transform: unset;
opacity: unset;
}
#side-bar .side-block {
margin-top: unset;
background-color: unset;
border-radius: unset;
border-left-width: unset;
border-right-width: unset;
direction: ltr;
}
@supports (-ms-ime-align: auto) {
#side-bar {
overflow-y: unset;
overflow-x: unset;
transform: unset;
}
#side-bar:hover, #side-bar:active {
overflow-y: unset;
transform: unset;
margin-left: unset;
}
#side-bar:focus-within {
overflow-y: unset;
transform: unset;
margin-left: unset;
}
#main-content::before {
left: unset;
transform: unset;
}
}
}
style="display: none;" ]]
翻译者须知：
从 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 R-86是后室R层群的第86层。
描述
Level R-86是一片面积约为300㎡的森林湿地，存在孤立效应。层级内有着正常的昼夜交替，但温度始终恒定为37℃。层级内部的风始终保持为1级，并且层级内部的阳光始终保持为黄绿色。直视此层级的阳光将不会有任何不适感，并且会感到莫名的舒心。当该层级内部的阳光照射入水中将会产生具有安神功效的馨香，水中还会发出清脆而柔和的风铃声。
该层级中心区域有一片大面积的水域，水域清澈且宁静，由于阳光的照射及水中的藻类植物的遍布而令此区域呈现出一片幽静的青绿色。当水面接触到本不该在水中存在的物体时，将会向上冒出泡泡。这些泡泡在阳光的照射下呈黄绿色，若泡泡因其他物体的碰撞而被打破，该物体在短时间触碰任何物质都会产生白色的泡沫。
水域周边生长着许多香蒲，这些香蒲生长速度极快。当流浪者经过其附近时，这些香蒲的种子将会飘出，当这些种子降于水中时，层级上空将会传出阵阵低沉的口哨声，倘若此时流浪者发出任何的声音，层级上空口哨声将会立刻停止。并且这些香蒲一旦被摘下，就会立刻变成粉末并立刻炸裂开来，变成花影的形状后摇曳、蔓延，又会在消散一瞬间崩塌、消散。
除中心水域外Level R-86中遍地都是银杉树。当流浪者于云杉树下坐下时，层级底部将会传出柔和的蝉鸣声。当流浪者站起后，蝉鸣声将会逐渐减弱直至消失。
于每棵银杉树都下生长着数朵永不枯萎的无尽夏，这些无尽夏日出而粉，日落而蓝。根据长期调查得知，此现象是由于Level R-86中土地随昼夜交替而变化，于本层级中，白天的土地呈酸性，而夜晚时将呈碱性，而Level R-86中的无尽夏受此影响要严重大于前厅，遂呈现了此明显变化。
当流浪者在这些无尽夏的身边时，无尽夏底下的泥泞将会产生一种粉色的令人感到莫名温馨的气体。这种气体本身是无害的，但由于无尽夏本身带有毒性，遂请勿在无尽夏旁长时间逗留。
流浪者于此层级内的任意一次原路返回，都有极大可能进入沉思。沉思中流浪者将会感觉自己置身于一处定格的空间，并且视角中心将会出现一个白色细边框的矩形以及耀眼的白色光芒。流浪者将会感觉自己回到了往昔的夏天，身边传出嬉闹声，阳光所照之处，皆变得透明化，被孤独、空虚的情绪包围。这种情况将会在一段时间之后当出现一声咔嚓的声响并在一阵闪光后结束。当流浪者回过神后手中将会莫名出现一张纯白色的相片。据流浪者描述，观察此照片时的感觉就像是直视着Level R-86中的阳光，飘渺却无比却令人怀念和熟悉。
本层级长期高温，流浪者极易于本层级内中暑。当流浪者于Level R-86中中暑时，流浪者将会意识模糊，但无其它不良反应，甚至会感到清爽，并会不自觉的不间断流泪。此时流浪者的视觉画面将会停止在此刻，且会感受到强烈色彩刺激着大脑并唤醒着尘封的记忆。
由于Level R-86中温度较高，并且物资匮乏，故M.E.G.不推荐流浪者于此层级长期停留。
特殊现象
「夏雨」
该现象通常出现在当流浪者在本层级感到恐惧、痛苦时产生。当出现「夏雨」现象时，天空将在不出现云的情况下不间断的下起细雨，这些雨滴会在阳光的照射下呈现出青绿色，并且与寻常雨滴落地的声音不同，在该层级的雨滴落地将会产生风铃一般清脆的声音。当出现此现象时，流浪者将因无法进行沉思而无法感受到本层级的特殊幻象，并且在此层级遭受的负面情绪将会尽数消失。此现象通常在出现30min后将会停止。
「虹彩」
该现象通常出现在流浪者首次进入该层级或流浪者中暑时出现。当此现象出现时，以流浪者自身半径5m范围内的地面都会浮出色彩斑斓的薄雾，这些雾气会跟随着流浪者移动。由于雾气本身的温度明显低于平均温度，遂会令流浪者感到凉爽舒适。此现象大约在出现10min后停止。
关于实体
本层级暂未发现有实体存在，但部分流浪者表示在招手时看见了远处的类人形黑影在不停奔跑，目前尚未证实。
基地、前哨和社区
由于本层级的孤立效应以及物资匮乏，Level R-86暂无基地、前哨和社区。
入口和出口
入口
在Level R-161捡到一片无尽夏花瓣将会进入此层级。
在Level R-38对树木进行切出会来到此层级。
在任意层级短时间内进行多次原路返回的行为时有概率来到此层级。
出口
在此层级睡着后会来到Level R-26。
切入香蒲会来到Level R-208
向前不断直行直到看到一片枯叶，将其拾起后会来到Level R-90
页面版本：5，最后编辑：2023年10月29日 08:56（UTC+08:00）
