Level XW-1438

版式 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/skyline.svg);
    --extra-bg-2: url(https://imagebed.pro/images/liurd/skyline.svg);
    --extra-bg-3: url(https://imagebed.pro/images/liurd/skyline.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%;
    }
}

生存难度：生存難度：

等级等級 死区

• 环境危害
• 时间絮乱
• 存在异常实体

---

如何使用：

[[include 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 component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include 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-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 XW-1438是后室XW层群的第1439层。

描述

Level XW-1438的外貌表现为一座笼罩在烟雨之中的城市，层级内的天气终年下雨，绵续不断，雨势较大，城市内的建筑风格在雨水的侵蚀下无法辨明，几乎是所有建筑表面均带有多处雨水侵蚀的痕迹，以及疑似人为破坏的痕迹，这使得本层级内的每一建筑都破败不堪。

本层级的一张图片

Level XW-1438的温度、面积、空间大小等需要测量工具才能得出的层级数据，又或者是一些观点、结论，在本层级内皆无法被展现，也可能是以一种很奇怪的形式存在，但并不知道这一现象的原因，最常见的便是将卷尺带入层级内，测量某个物体的宽度，在测量完成后，卷尺则是化作了水，还没来得及读数便落下了，其他方面亦是如此。

在该层级中，时间永远是混乱的，你永远无法知道，下一步自己会到那个时间节点，由于本层级的时间发生了极端的错位，导致其在不同时间段的其他本层级一直在同一个空间区段与我们自身的空间发生重合，就导致了，你觉得周围的空间是看起来并没有什么问题，但实际上你迈出的下一步，脚踏上去的那一个路面，就可能是其他时间线层级的路面，这一效应导致许多流浪者在时间中迷失，有时甚至能看到自己，以及其它时间段的流浪者。

时间错乱，这一效应还常常导致，流浪者突然看到悬浮在空中的大楼，又或是某个人凭空出现，一些完全不符合常理的事，然后再进行变化，空间本身无时无刻都在与其他时间段的层级自身重合，这使得我们对于Level XW-1438的勘探难上加难，至于是什么造就了这混乱的一切，至今仍未有一个准确的答案。

流浪者进入时，通常手上会凭空出现一把黑色雨伞，为层级自动给予，在流浪者眼中，本层级始终呈现为一片暗灰色调的城市，眼中也再无其他色彩。因此，我们推测Level XW-1438可能在某种程度上修改了流浪者的视觉。

本层级的常见结构便是绵延不断的街道场景，街道最为普遍的是十字路口，在街道两侧可能看到停在路边的车辆，车门无法打开，也无法破坏，车内也同样没有物资。除此之外，街道两侧的建筑物大多是一些便利店以及一些餐馆，但这些建筑大多废弃，里面的物资也均已过期，不建议食用。

Level XW-1438的雨水冰冷而单调，整个层级宛如这场雨一般，只剩下了雨声，还有一片死寂，整个层级营造的氛围都会使流浪者的情绪逐渐低落，而且层级主观上也加快了这一作用，在本层级内呆的时间越长情绪也绝望的越快，最后甚至会自杀，即使是切出层级，有些流浪者难免也会留下后遗症。

Level XW-1438的高楼内全是破败的房间，无任何物资，所有房间的屋门都没上锁，轻轻一推，便可看到屋内破败的陈设，散落一地的家具，脱落一地的混凝土灰，有些墙壁甚至能见到裸露的钢筋。无论是曾经内的哪一个场景，都在影响流浪者的心智，最后直至崩溃。

Level XW-1438的雨水并无特质，其打落在地面上，形成大小不一的水洼，使得路面粗糙不平，而且军多名流浪者报告，有一些流浪者看到其他流浪者长期暴露在雨水下，似乎会加快陈层级侵蚀流浪者的精神。很快地，便会变为一个没有感情的木偶可被随意提线，对他人的命运做出随意的修改。

经过多名组织探测，该层级存在极多生命体，它们似乎是看不见的，又或是藏在了层级的其他地方，个数后面停留了，不知道多少个0，确切的说，那可能是某种意识，它们的怨念正在滋生，它们痛恨着这里，它们的怨会撕碎所看到的空间，导致流浪者更大一步的坠入更深层空间，从而陷入其中。

极度注意的是，在本层级当中，流浪者丧失了所有活着的需求，感官除听力外一并被抹除，没有任何东西，不用饿死、冷死，流浪者拥有了取之不尽的时间，剩下的就是一成不变的雨声，让人烦躁而心生厌恶。因此，在本层级当中看到其他流浪者请远离，因为其理智可能已经崩溃，从而做出极端行为。

Level XW-1438的环境也不容小觑，其时常刮起台风，风力与风速都不比前厅台风差，足以摧毁一栋房屋建筑，伴随着雷鸣与闪电，不过好在的是雨势似乎并不会因其他原因而大幅度变化。

实体情况

• 本层级的主要实体为那些流浪者怨灵，但也提到了除怨灵外还有其他生命体的存在，不过未被证实。

基地、前哨与社区

• 由于本层级空间的不稳定性，在建立前哨后可能与其他时空重合，无法建立稳定据点。

入口与出口

入口

• 在Level XW-1027内被雨水彻底淹没时，闭眼，再睁眼，有小概率来到本层级。
• 在Level XW-337、Level XW-9的环境中逐渐脱离，便为Level XW-1438的城邦，表明正在切入此层级。

出口

• 目前仅有一例切出成功案例，切出原因未知，应该为意外切出。

当事人最开始出现在了临界，神经疑似遭到创伤，心理似乎留下巨大阴影，精神状态极差，我们在其身上搜查到了2本日记，一本为当事人的，另一本似乎为当事人在层级内找到的另一本笔记，笔记语言不互通，有一部分无法翻译，笔记内容无法证实，其真实性有待商讨。

日记

时间：2031年3月4日（我不确定了）

---

我想在这一切开始前先介绍一下自己，至于看到这本笔记的人是其他文明的人还是我熟悉的人，无所谓，如果是其他的文明的人，希望你能看懂我写的啥，我的名字嘛，我也不记得了，时间一长，我也逐渐麻木了，我所在的这个地方，在你们那边或许是其他说法？


总之，这里叫做“时间城”，顾名思义，掌管时间科技的城市，当你们到来时，或许这里不存在，又或是已经是一片废墟了，我想用这个事例警告所有文明，至于要警告什么，后面再说。请你一定要把这封笔记看完，如果你是我熟知的人，请尽可能的传播这封笔记，我们这个文明很好的证明了我所叙说的这一观点是正确的。


我们可以说是宇宙里数一数二靠前的文明了，毕竟掌管时间科技嘛，算是很高级了，至少对比其他文明，看起来挺高级的，不是吗？你应该可以从我说的话中看出我们这个文明的辉煌，规模不算庞大吧，那我又为什么说你现在看到的是废墟呢？


这件事还说来话长，自从我们文明拥有了时间科技，那是数一数二的文明对吧？就连我自己也感到骄傲，还有一种对其他文明的贬低？当然，现在没有了，这么惨痛的下场，有时间去贬低，还不如让自己好受点呢。


可以说人类的傲慢是摧毁他们的最大武器，我们有了时间科技就对自己自信起来了，支撑我们城市时间科技运作的是我们之前找到那个表，那个表掌控着时间，而一旦完成了第一步，就会有下一步，野心就上来了，我们想要彻底掌控时间，毕竟我们都迈出了第一步嘛，还这么成功，可能对于你们来说，这是非常不可能的事。


当然，我们只是迈出了第一步，就想直接到达结果显然是不可能的，但当时我们是真的飘了，是真的认为自己即将掌管所有时间了。到这后，你大概就知道要发生什么了，我们的最高领导人想要直接控制钟表。最后，钟表炸了。


我们这的时间完全混乱了，各个地方与从前的时间线或未来的时间线重合在一起，不断变换着我们，再也无法找到属于自己的那个时间线，是的，我们永远迷失在了时间之中，虽然不知道你是哪来的，但是请远离这里，尽可能的逃出这里，越远越好，还有别傲慢，别傲慢，永远别傲慢，傲慢会是你最大的错误！


我的时间不多了，我希望你能把这封笔记带回去，我或许知道一个离开的方法，不知道有没有用，你应该试一下。（无法被翻译）

---

结论：无论你是哪个文明都该知道，如果某一天强大起来了，也别自信，你们的文明只是在窃取宇宙的力量，我们也是，我们的力量永远对于宇宙来说，连灰尘可能都不到。

作者信息

作者：YueMo54329

相关工具

• • _
  页面拯救器关闭

  引用的页面 “component:new-page-save” 尚不存在（立即创建）

• • _
  增减标签关闭

  【隐秘系列】
  【层级】
  【介系】
  【子层级】
  【环境危害】
  【多元难度】
  【生存难度?】
  【生存难度0】
  【生存难度1】
  【生存难度2】
  【生存难度3】
  【生存难度4】
  【生存难度5】
  【宜居】
  【死区】
  【待定】
  【不适用】
  【终结】
  【其他】