Level UF-4.0

版式 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%;
    }
}

• 

  close

  著作信息

  ---

  X

  作者：xiaoshazi1167

  ---

---

U.F.G.论坛

你问我答

主题：666遇到灵异事件了

user2024062550：卧槽，我刚刚魂都吓掉了。我在Level UF-48散步呢，他妈我发现有颗树在喷红色的水，刚好喷我脸上，一股子腥味。我看了档案，档案里压根没写。哪位大佬能解答？？

LOLxiaoshaiz112：你这情况我没见过啊🤨

user2332345456454：不可能啊，Level UF-48的树不会喷水啊？

user2024062550：那啥情况啊？

CN_114514NOOB：腥味？不会是血吧。？

user2024062550：啥玩意？？？我还喝了几口，好咸啊我靠。

Maadness66544：？

CN_114514NOOB：？

user2332345456454：？不是，后室的水你都敢喝啊？？

CN_114514NOOB：神人🤣🤣

user2024062550：那咋整啊……

Maadness66544：喝点杏仁水？

user2024062550：行吧……

---

U.F.G.论坛

你问我答

主题：[紧急] 有人刚在Level UF-9直接“蒸发”？！！！

Sierra_Crypt：卧槽，太逆天了，你们知道吗，我他妈刚看到一个人站在Level UF-9的基地发呆，整整快10分钟，像是在发呆或者等人，结果他就像被擦掉一样直接没了！

CarbonSplit：666

SoftRedLines：WDF？怎么会有人人间蒸发了？那里不是基本安全的吗？你们确定他不是被某个隐藏实体搞了？

RelayBurner：Level UF-9还能呆吗？

DriftEcho：我有个朋友就呆在Level UF-48，最近几天也联系不上他……

NightBloomLOL：你那个朋友叫啥名字？ @DriftEcho

DriftEcho：@user2024062550 这个人……

user2332345456454：卧槽？他前几天刚发了一个帖，说Level UF-48的树在喷不明液体。

CodedFlesh：有点可怕啊……

NullHeap：喷不明液体？啥液体？

user2332345456454：有人说是血……

NullHeap：WDF，事情开始变得蹊跷了……

DeletedUser4912：@UFG，死老鼠赶快复活

（DeletedUser4912已被U.F.G.禁言 1 天）

U.F.G.：正在派遣探索队员前往Level UF-9，为防止不良影响，此帖暂时关闭。

【此帖子已被关闭】

▷ U.F.G.-记录编号：#X-0098-T

记录来源：头戴式记录仪 + 生物监测数据残段
记录员代号：K-4（探员 Kala Nash）
任务目标：调查 Level UF-9 的异常消失事件主因
状态： 失联，记录中断。
附注：以下内容疑似为误切入未知层级所得，官方未能确认该层级编号。

---

时间 00：00

地点：Level UF-9
状态：已单独行动 10 分钟，尝试模拟被消失者路径。

---

记录开始。
都10分钟了，怎么他妈还没进啊，我现在坐在那个叫啥来着。？哦哦哦那个Level UF-9的那个房间里头那个沙发上，无聊死了。现在也没啥特殊现象，但我总感觉有个东西在等待我，也不知道啥情况。

---

时间：00:47
感知状态：轻微耳鸣。

我总感觉空气开始变“厚”。我知道这听起来不像科学语言，但真的，像某种凝胶一样。不是冷，不是热，也不知道是啥。我能感觉到自己在下沉，可我压根没动。四周越来越静了。我觉得那个东西要来了。

---

时间：01:09
感知状态：心率上升，气压异常稳定

我操他妈的，我动不了了。我的身体还坐在椅子上，但我像是被从现实中拉开。我全身都在疼，有一根无形的线，从我眼后扯住，拉我往里拖。

---

时间：01:14
感知状态：？？？

Level UF-4？怎么是这个层级？不对，这里不是Level UF-4，绝对不是……

---

【记录中断】

信号失联后。记录仪在Level UF-48被发现，外壳熔蚀严重，镜头镜片被撕裂。

探索员 Kal Nash 被列入U.F.G.黑色失踪名单。该成员的器官碎片、骨骼微粒随后至少在七个层级中被发现，其分布完全无逻辑，时间线重叠异常。部分碎片仍带有心跳频率残留。

---

生存难度：生存難度：

等级等級 unknown

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

---

如何使用：

[[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 UF-4.0并非其正式名称，但该层级被证明与Level UF-4有一定关系。

描述

Level UF-4.0 被认为是一个几乎无法观测、记录、或主观描述的后室层级，其存在方式本身违背常规层级结构逻辑。该层级不具备入口，也非以常规“切入”方式进入；流浪者会在其他层级，尤其是极为安全或静态稳定的层级中，无任何前兆地被“抹除”并直接切入此层级。

进入Level UF-4.0的瞬间被称为“空断事件”，其特征如流浪者通常正处于坐姿、休息状态，无空间波动征兆下突然空断，从而切入该层级。截至目前无任何手段可预警或阻止空断事件。

对于Level UF-4.0的所有认识，全部来自极为罕见的记录碎片与探索员生前记录仪断片。U.F.G.建议各位流浪者在任何高度安全层级中，每15分钟进行一次自检与环境检查，以防止意外再次发生

基地，前哨与社区

该层级无法建立基地，前哨与社区

入口与出口

入口

• 通过空断事件进入

出口

• 未知

---

▷ 一份U.F.G.封禁档案 

内部通信记录（删节版）

发件人：U.F.G.-Level 总管理者（匿名）
收件人：A-4.0 层级调度员 · 用户号[A-17]
主题：层级封锁令（命令编号：AX-4.0A）

---

• 自即刻起，Level UF-4.0被定性为非观察性结构故障区域。所有相关记录、目击报告、遗留物分析、流浪者记忆描述等，一律以数据干扰归档，禁止公开。

命令要点如下：

• 所有空断事件归为“静态层级噪点”
• 探索员 Kala Nash 状态：失联（自然原因）
• 取消Level UF-4.0编号，时刻观察贴吧，一旦有提到Level UF-4.0的，一律封禁其账号。

---

理由:

• 该层级无法控制，任何探索等于送死
• 信息碎片影响传播会造成恐慌
• 高密度恐怖感区域对组织形象损害极大
• 本组织不承认该层级存在，避免被外部利用

……

那天晚上，U.F.G.的一名层级管理员收到了一份加密命令。

她翻开内容，脸色一点点变白。

她认识Kala Nash。他们曾在Level UF-9共享一杯杏仁水，也曾一起在Level UF-48的草地上畅谈他们在前厅的自己。

她知道Kala不是疯了。她也知道，Level UF-4.0 不是幻觉。

但她也清楚，命令一旦下达，反抗就等于违抗高层。

那一夜之后：

Kala的档案被重写为“心律骤停，自然死亡”

“空断”这一词被从所有术语库中删除

关于Level UF-4.0的档案馆起火，起因是“线路老化”

几年后，一位流浪者在Level UF-9中记录下了一段语音：”

我不是死了！

我只是被拆开了……

你还记得我吗？

你还能说出我的名字吗……？

已经没人知道那是谁的声音

但它一遍遍重复着：

我曾经来过这里……