Level S-169 - “铁灰色雨幕”

版式 CSS 代码

@import url('https://fonts.googleapis.com/css2?family=Nixie+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
 
:root {
    --body-bg: 225, 225, 225;
    --content-bg: var(--global-white-color);
    --bg-opacity: 0.9;
 
    --extra-bg-1: url(https://imagebed.pro/images/Liurd/n2QIoY5r1F.svg);
    --extra-bg-2: url(https://imagebed.pro/images/Liurd/n2QIoY5r1F.svg);
    --extra-bg-3: url(https://imagebed.pro/images/Liurd/n2QIoY5r1F.svg);
    --extra-opacity-1: 0.15;
    --extra-opacity-2: 0.05;
    --extra-opacity-3: 0.05;
 
    --topbar-hover-bg: var(--dark-ui-bg), 0.2;
    --topbar-hover-txt: var(--light-ui-txt);
 
    --user-drop-txt: var(--dark-ui-txt);
 
    --bottombar-bg: var(--dark-ui-bg);
    --bottombar-txt: var(--dark-ui-txt);
 
    --header-title: "Backrooms";
 
    --banner-title: "BACKROOMS";
    --banner-subtitle: "当色彩褪去的时候";
 
    --header-height: 3rem;
    --topbar-height: 2.5rem;
    --dropdown-height: var(--topbar-height);
    --banner-height: 25rem;
 
    --header-ui-size: 3rem;
 
    --header-title-size: 1.8rem;
    --topbar-size: clamp(0.8rem, calc(0.4rem + 0.8vw), 1.2rem);
    --banner-title-size: clamp(2rem, calc(2rem + 3.5vw), 6rem);
    --banner-subtitle-size: 1rem;
 
    --banner-font: "Nixie One", "Noto Serif SC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, serif;
    --header-font: var(--banner-font);
    --title-font: "Outfit", "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
    --body-font: "Atkinson Hyperlegible", "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
    --ui-font: "Outfit", "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
}
 
#extra-div-1 {
    position: fixed;
    width: 100%;
    height: 25vh;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-image: var(--extra-bg-1);
    background-size: 20rem;
    background-repeat: repeat-x;
    background-position: center;
    opacity: var(--extra-opacity-1);
}
 
#extra-div-2 {
    position: fixed;
    width: 100%;
    height: 50vh;
    bottom: 0;
    left: 0;
    z-index: -2;
    background-image: var(--extra-bg-2);
    background-size: 40rem;
    background-repeat: repeat-x;
    background-position: center;
    opacity: var(--extra-opacity-2);
}
 
#extra-div-3 {
    position: fixed;
    width: 100%;
    height: 100vh;
    bottom: 0;
    left: 0;
    z-index: -3;
    background-image: var(--extra-bg-3);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    opacity: var(--extra-opacity-3);
}
 
#container {
    display: grid;
    grid-template-columns: minmax(var(--sidebar-width), 1fr)auto 1fr;
    grid-template-rows: auto auto auto auto;
}
 
#extrac-div-1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: var(--banner-font);
    font-weight: 200;
    width: 100%;
    height: var(--banner-height);
    color: rgb(var(--header-txt));
    order: -1;
}
 
#extrac-div-1::before {
    content: var(--banner-title);
    font-size: var(--banner-title-size);
}
 
#extrac-div-1::after {
    content: var(--banner-subtitle);
    font-size: var(--banner-subtitle-size);
}
 
#header {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    min-width: var(--sidebar-width);
    width: 100%;
    height: fit-content;
    grid-template-columns: var(--header-ui-size) 1fr auto auto;
    grid-template-rows: var(--header-ui-size) calc(var(--banner-height) - var(--header-ui-size)) auto;
    top: calc(0px - var(--banner-height));
    order: -2;
}
 
#search-top-box {
    grid-column: 3 / 4;
    position: fixed;
    right: var(--header-ui-size);
    backdrop-filter: blur(1rem);
}
 
#login-status {
    grid-column: 4 / 5;
    position: fixed;
    right: 0;
    backdrop-filter: blur(1rem);
}
 
#header h1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    height: var(--header-height);
    position: static;
}
 
#header h1 a {
    justify-content: flex-start;
    padding: 0;
    padding-left: 0.5rem;
    transition: padding var(--global-duration);
}
 
#header h1 a:is(:hover, :focus) {
    padding-left: 1rem;
    transition: padding var(--global-hover-duration);
}
 
#header h2 {
    display: none;
}
 
#header-extra-div-1 {
    display: none;
}
 
#top-bar {
    grid-column: 1 / 5;
    grid-row: 3 / 4;
    height: auto;
}
 
#top-bar > div > ul {
    flex-direction: column;
    height: auto;
    margin-right: 0;
}
 
#top-bar > div > ul > li {
    flex-basis: unset;
    height: var(--topbar-height);
}
 
#top-bar > div > ul > li > a {
    justify-content: flex-end;
    padding: 0 1rem;
}
 
#top-bar > div > ul > :is(li, li:last-of-type) > ul {
    top: 0;
    left: 100%;
    width: 24em;
    max-width: max-content;
    min-width: auto;
    flex-direction: row;
    flex-wrap: wrap;
}
 
#top-bar > div > ul > li > ul > li {
    width: 10em;
    flex-grow: 1;
}
 
#top-bar > div > ul > :is(li, li:hover, li:focus, li.sfhover, li:focus-within) > ul > li > a {
    box-sizing: border-box;
}
 
#content-wrap {
    display: contents;
}
 
#side-bar {
    max-height: unset;
    overflow-y: auto;
    border: unset;
    box-shadow: 0 0 1.5rem -1rem rgb(var(--global-dark-color));
}
 
#side-bar::after {
    backdrop-filter: blur(1rem);
}
 
#main-content {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    min-height: 100vh;
    box-sizing: border-box;
    margin: 0 auto 15vh;
    padding: 1.5rem;
    box-shadow: 0 0 2.5rem -1rem rgb(var(--global-dark-color));
    position: relative;
    background: rgba(var(--content-bg), var(--bg-opacity));
}
 
#main-content::after {
    content: "你曾经来过这里.";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10vh;
    color: rgb(var(--header-txt));
    font-family: var(--banner-font);
    font-weight: 200;
}
 
#page-title {
    padding: 0;
}
 
:is(blockquote, .blockquote, div.blockquote, [class*=blockquote]) {
    padding: 0.5rem 1rem;
    border-width: 0 0 0 0.3rem;
    background: rgba(var(--light-block-bg), 0.4);
}
 
#page-options-container {
    font-family: var(--ui-font);
}
 
#footer {
    grid-column: 1 / 4;
    grid-row: 3 / 4;
    box-sizing: border-box;
    justify-content: flex-end;
    margin-top: 0.5rem;
    border: unset;
}
 
#license-area {
    grid-column: 1 / 4;
    grid-row: 4 / 5;
    padding: 0.5rem;
    justify-content: flex-end;
}
 
#license-area a {
    color: rgb(var(--global-pale-color));
}
 
@media only screen and (max-width: 1024px) {
  #container-wrap {
    perspective-origin: 49.5% 5rem;
  }
 
  #container {
    display: flex;
  }
 
  #header {
    min-width: var(--sidebar-width);
    grid-template-columns: var(--header-ui-size) 1fr auto auto;
    grid-template-rows: var(--header-ui-size) auto auto;
    top: 0;
    width: initial;
    position: static;
  }
 
  #content-wrap {
    display: block;
    margin: 0;
  }
 
  #login-status {
    position: relative;
    backdrop-filter: unset;
  }
 
  #search-top-box {
    position: static;
    backdrop-filter: unset;
  }
 
  #login-status #account-options {
    left: initial;
    right: 0;
  }
 
  #top-bar > div > ul {
    flex-direction: row;
    margin-right: auto;
  }
 
  #top-bar > div > ul > li {
    flex-basis: min-content;
  }
 
  #top-bar > div > ul > li > a {
    justify-content: center;
    padding: 0;
  }
 
  #top-bar > div > ul > :is(li, li:last-of-type) > ul {
    top: 100%;
    left: 0;
    width: auto;
    flex-direction: column;
  }
 
  #top-bar > div > ul > li:last-of-type > ul {
    left: initial;
    right: 0;
  }
 
  #top-bar > div > ul > li > ul > li {
    width: 100%;
    flex-grow: 1;
  }
}
 
@media only screen and (max-width: 768px) {
    #top-bar > div > ul > :is(li, li:last-of-type) > ul {
        flex-direction: row;
    }
    #top-bar > div > ul > li > ul > li {
        width: 50%;
    }
}

---

- 切入 -

---

长剑划破凝滞的空气，一道意外的裂隙在焦土上绽放。战场废墟的衰败色泽忽然褪去，其下流淌着异界的磷光。远处，时间的利齿啃噬过的城垣斜刺天穹，枯槁的乔木伸展着化石般的枝桠，将龟裂的地面拓印成一张巨大的死亡舆图。铅灰色云层以摧城的姿态沉降，阴影融化的沥青漫过荒原，将每道沟壑都注满了凝固的寂静。

此刻转动僵硬的颈项，声波在死寂中显形——北风掠过嶙峋山脊时的呜咽，尘埃于断戟间游走的沙响，甚至听见睫毛掀动时，震落的细小灰烬砸在锁骨上的动静。当确认视野中绝无活物时，那缕忽然缠上脚踝的暖风，带着不属于此界的栀子花香……

---

生存难度：生存難度：

等级等級 0

• {$one}
• {$two}
• {$three}

---

如何使用：

[[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 S-169是后室S层群的第169层。

---

荒虚

---

只是来此前的世界失去了色彩

沿着幽暗的小径深入，铁丝网在黑暗里歪斜蔓延，纠缠成冰冷的荆棘丛。尖刺森然向上，将这片土地钉死在记忆里。破碎的坦克残躯散布四处，铁皮剥落，锈迹浸透，腐锈的气息混在风中，渗入肺腑。微弱的光落在裂开的装甲上，折射出沉寂的寒光，凝望着某处早已消逝的战场。

天色沉降，光影模糊，空气中的硝烟早已冷却，却仍残留着刺鼻的余烬，混着腐土的气息，化作低沉的嗡鸣。每向前一步，砂砾的碎裂声、金属的颤响、风的沉吟，都在无声地拼凑一个残破的故事。

视野缓缓凝固，世界褪去了艳丽的皮相，沉入冰冷的灰度——锈蚀的铁、苍白的雾、焦黑的土，全都在静止的阴翳中失去了温度。远处的轮廓如同被雨水洇开的墨迹，模糊而锋利，割裂着天空与荒原的界限。

风吹过，卷起几片灰烬，却听不到簌簌的声响。枯树伸展枝桠，嶙峋地刺向低垂的云层。光，即使偶尔穿透浓霾，也仅是病态的惨白，无法照亮什么，反而让阴影更显幽邃。

脚步碾过干裂的冻土，靴底粘满碎骨颜色的尘埃。灰白色的风拂过眼眶，将视野冲刷出一种近乎透明的质地——那些凹陷的轮廓渐渐浮起，是死去的面孔，嵌在地表的皱褶中。他们嘴唇翕动，不发一言，仅仅是浮现，而后溶解。

身体仍在前进，却感觉不到步伐的存在。某种空洞的重量在体内扩张，吞噬触觉、脉搏、乃至于呼吸的热度。指尖划过低垂的枯藤，没有刺痛；冷风灌进领口，没有颤栗。只剩下一具行走的躯壳，在无数静默的凝视中，成为这片废土上最新的一尊浮雕。

偶尔有乌鸦掠过天际，漆黑的剪影将视线割裂成更零碎的残片。当它消失在铅灰色云层里时，连振翅声也似从另一个世界飘然而至，逐渐消失在脑海里。

---

镜面故土

---

仅仅是看着。

脚步在无意识间停驻时，脚下的焦土突然变成了光滑的镜面。一道由透明水晶构筑的界墙拔地而起，表面折射着来自另一个世界的斑斓光晕。

那是用无数个噩梦擦拭过的故土。晨光中，巷口早餐铺的蒸笼正腾起袅袅白雾；街角的梧桐树下，穿校服的少年们互相追逐；菜场门口，母亲牵着蹦跳的孩童，塑料袋里青翠的蔬菜随着步伐轻轻晃动，露珠在阳光下闪着钻石般的光泽。

手掌贴上半凝固的空气屏障，指尖传来蜂蜜般的粘稠触感。对面世界的声音被滤成模糊的絮语，带着温暖的失真感。那些熟悉的面孔近在咫尺，鼻尖几乎要碰触到屏障的曲面，却在即将对视的瞬间自然转开——但也只是橱窗上一个多余的指纹，是他们日常里无人注意的背景噪点。

界墙内外的光以不同角度折射：那边的落日将云层染成玫瑰色时，这里的残阳始终凝固在血痂般的暗红里。当意识到自己正用指甲在透明屏障上无意识地刻着童年住址的门牌号时，某种比孤独更锋利的情绪终于刺穿了麻木的躯壳。

---

- 未抵达的邮编号 -

---

当视线穿透结晶般的屏障时，胃部突然扭曲成冰冷的铁块。那些砖红色的屋顶、油亮的柏油路、甚至巷口那棵歪脖子的老槐树——所有记忆里温软的线条都在视网膜上灼烧出焦痕。

手指先于思考狠狠砸向透明障壁，指骨与不可见的界线碰撞发出钝响。然后是手肘、肩膀、额头，一次比一次更凶狠地撞上去。皮肤在冲击下泛出淤青，屏障却连一丝涟漪都未泛起，反倒将撞击的声响吸收得干干净净。

战场上空开始垂下雨线。不是记忆中家乡那种带着炊烟气的绵绵细雨，而是冰冷的、金属味的、能将弹坑注满的钝雨。雨水顺着裂开的护甲渗入衣领，那些积蓄太久却失去出口的液体终于找到替代品——它们从眼眶夺路而逃，混着锈水和硝烟，在脚下积成小小的黑色水洼。

某个瞬间突然听见自身的笑声。嘶哑的、生锈的，终于崩开最后一圈。雨幕中那道屏障愈发晶莹剔透，倒映出流浪者布满血丝的眼睛，和背后荒原上无数个同样在徒手挖凿界墙的身影。

泪腺早已枯朽成弹壳，只好让铁灰色的雨替你哭出血锈。

而离去时，仅剩下几束花。

---

[+]作者信息

~FNHanBao
图1与图3皆由6Penai生成
图2点此

快捷复制