Level-Furry-172 黑海

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

本组件前端部分(即由难度0至终结)为层级生存难度作者YellowISlol does not match any existing user name所做，除此以外的生存难度，由starry_Milky Way从各层级文档中寻找并写完代码后所得

生存难度：生存難度：

等级等級 4E

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

---

如何使用：

[[include :backrooms-wiki-cn:component:sdse
|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						终结						終結

简体中文	繁體中文
Ψ	Ψ
E	E
1E	1E
2E	2E
3E	3E
4E	4E
5E	5E
变化	變化
A	A
א	א
积分/不可或缺/整体	積分/不可或缺/整體

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:sdse
|lang=cn/tr
|class=等级
]]

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

---

自定义等级

[[include :backrooms-wiki-cn:component:sdse
|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-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;
--class-spirit: 185,135,212;
--class-E: 229,223,27;
--class-1E: 245,156,0;
--class-2E: 234,148,0;
--class-3E: 245,89,0;
--class-4E: var(--class-4);
--class-5E: 255,41,0;
--class-ch: 0,0,0;
--class-A: 208,133,185;
--class-j: 205,238,255;
--class-l: 255,255,255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

描述：

Level-Furry-172是furry层群的第172层。该层表现为一片看不到边界的水域。水域中的液体为一种京元色的粘稠液体，成分未知。流浪者切入该层级时一般会出现在海面一块随机颜色且仅够一人站立的礁石上。环视周围有概率看到其他礁石，但无法观察到其他未结伴切入的流浪者。推测该层级存在某种孤立效应。

层级内部几乎永远保持着能见度低于5米的大雾和高度极低的铅灰色乌云。

如果流浪者运气够好，其所站立的礁石附近会出现其他可到达的礁石，这些礁石通常比初始礁石略大且堆放有少量物资。有时，流浪者在这些礁石上可发现一些明显存在生活痕迹的岩石洞穴¹。

有流浪者曾携带船只进入该层级，希望以划船的方式在层级内行进。可惜层级内的海水并没有对船只表现出液体应有的浮力。这一现象导致该层级被长期认为是无法探索的。

后来F.S.A.的一名兽人成员在检查海水时意外发现这些黏液会对自己的接触发生反应，产生足以让其在海上行走的支持力。后经多次探索认定，这些海水仅会对兽人类活体对象产生支持力。

F.S.A.随后发布告知，所有在该层级进行探索活动必须与兽人实体或兽人流浪者组队行动。

胶液雨：

层级内会不定期地下雨。但雨水是与海水同色的胶液。

每次下雨降水强度从250mm/h至500mm/h不等。降雨期间需躲至合适的避雨处²等待雨停。

虽然不反对下雨期间出去淋雨，但这种强度的降雨会导致流浪者窒息或被影响感官导致摔下礁石。

F.S.A.警告:如果身体直接接触到雨水会导致流浪者发生不可逆兽化，只不过该层级的兽化不像大多数furry层级那样温柔。兽化期间新生的组织会撕裂原本的身体导致各种问题，如果没抗住或者兽化发生后未及时采取合适措施，好吧，大概率可以祝你下辈子能好些了。

浪涌：

层级的水域有时会泛起4-50米高的波浪。因为层级内无风，故波浪的动力源未知。被波浪吞噬的实体会被直接拖入液面以下，但在一段时间后便会出现在随机一个较大的礁石上。若被吞噬的对象有非兽人类生物，其再次出现时将会被转化为兽人形态。据被波浪吞噬的流浪者反应，他们被带到了一个明亮的白色房间。房间类似于中世纪的教堂，并且堆满了类似珍珠的物品。空间中居住着一个黑白配色的兽人类实体，其身体表现为猫科的特征，但尾巴却表现为鱼类的特征。据流浪者表示，此实体十分友善，并且可以正常交流。

浪涌有时会将一些白色或黑色的鱼携带到礁石上，这些与鱼似乎也由胶液组成。但这些鱼可以食用并且肉质鲜美，但在食用过后会兽化为一个与上述实体类似的兽人。在此过程中，新生的身体会从原来的身体内部爆裂而出。故此过程非常危险，所以建议流浪者不要轻易食用这些鱼。

有时浪涌也会携带一种灰色的贝壳到礁石上，其外壳非常坚硬，普通的器械基本无法对其造成伤害。若能将其打开，则能获得1-2颗珍珠类物品。据流浪者证实，此物品与上述空间中堆放的一致。若流浪者将其服下，身上的疲惫状态将在短时间内解除，并且身体潜能得到开发。但在效果消除后，流浪者将会感到加倍的疲倦。
浪涌的时间并不固定，故建议流浪者在探索层级时注意观察四周。但在胶液雨发生时，大概率会发生浪涌。

+ 探索日志

探索日志 BTC 202（糊了）
（前面的日志都被海水泡烂了）
我发誓我从来没在Level-Furry-172见过这（糊了）晶墙。
（所有的文本都被水糊了）
卧槽！我好像看到U.E.C.的人了！等一下……死了的。但他们身上插满了那些水晶墙的的水晶，似乎就是被活活插死的。
我走上前去，从其中一个尸体上掰下来一块水晶。比想象中更脆更易折断。
手电筒照上去，这些水晶也是京元色的。不过它并没有反射出我的脸，影像里面是一片未知的城市……感觉这个层级有大秘密啊。
（剩下的纸被海水泡烂了）

该流浪者在返回Level-Furry-0后提交了这些水晶的样本。

“故乡”：

有流浪者报告称在默认切入点正北发现发现了自己故乡的轮廓，并且表现出异常强烈的思乡感，值得注意的是这些流浪者或兽人均来自于前厅，暂无后室出生的流浪者和兽人目击此现象的记录。

应尝试劝阻试图前往“故乡轮廓”的流浪者，理由可指定为前文所述层级的液体的异常效应和失踪、死亡案例过多（见附录lf172-031)。F.S.A.“守望者基地”的成员会跟随流浪者进入层级以保证能够强行阻拦劝阻无效的人员。
应牢记后室暂未发现稳定前厅出口。

** F.S.A.警告 **

“故乡”效应开始对后室原生流浪者和非Level-Furry-172原生实体产生影响！

+ 不要相信他们

你可以叫我吉姆，我黑入了F.S.A.的数据库写下了这些文字。
我躲过了F.S.A.的搜查，到达了“故乡”。
这里明明就是我的故乡，我的家人，朋友，一切都一模一样。
我已经回到了前厅，回归了正常的生活。
F.S.A.对我们隐瞒了真相，他们想要将我们永远囚禁在这里。
我冒险写下了这些文字，希望可以帮到更多人，
快来加入我们，回到“故乡”
（下为F.S.A.人员的编辑记录）
流浪者切勿相信这段文字，此段文字作者“吉姆”的尸体在他写下此段文字的三天后被在液面上发现，尸体支离破碎，并布满了京元色晶体，
务必切记，后室暂未发现稳定前厅出口！！！！

渡轮:

有流浪者曾报告在切入点附近25m存在一艘诡异的小型渡轮，排水量约为50吨，外壁为白色，有明显烧灼痕迹。渡轮尾部装着明轮，有两个可以从水中攀爬的梯子。船体上方分为两层，封闭的第一层疑似是客舱类似物，拥有几排舒适的沙发，一个厕所和一个厨房，厨房中可能刷新烹饪过的鱼或贝类（其仍然拥有其本身的效果），沙发上可能会刷新一盆巨大的彼岸花。露天的第二层疑似为驾驶舱，上面的驾驶仪器几乎全部被火焰损坏，但如果推动引擎操纵杆，你会发现其仍然可以以最高5节的航速行驶。

曾有流浪者闯入船只甲板下的机舱，那里有一个由肺和心脏驱动的柴油发动机。心脏和肺均被锁链缠绕，根据我们的调查，心脏为发动机泵入燃油，肺为发动机注入氧气。

实体

鱼

• 包括黑色和白色两种，形似锦鲤。食用后果见浪涌。

岩石贝壳

• 一种灰色的贝壳，撬开后可获得前文提到的珍珠类物品。

猫鱼

• 位于液面下的的实体，身体体现为猫科兽人，尾巴体现为鱼类结构，但也布满与身上同样的绒毛。据流浪者反应，此实体的样貌十分可爱。
• 平时居住在液面下的房间中，但在胶液雨与浪涌同时发生时会来到水面上。此实体似乎喜欢收集尸体，但对支离破碎的尸体表现出厌恶。每次他来到水面上时，都会收集大量尸体并带回液面之下。
• 值得注意的是，此实体还会尝试带走身体虚弱、濒死、残疾的流浪者，但不会太过执着。曾有报告称，该实体会将带回去的尸体转换为房间中堆放的那种类似珍珠的物体，但此观点无从证实。

基地、前哨和社区：

由于层级地形限制，无法建立基地、前哨和社区。

入口与出口:

入口:

• 尝试在某一层级内切入海洋或尝试在某一层级内在陆地上游泳。

出口:

我们要回到自己的家。
考虑这个干什么？

• 切入海面将来到Level-Furry-62的胶液海洋

---

作者信息

作者：接龙的

Footnotes

1. 这些洞穴的位置十分刁钻，没有攀岩经验的流浪者通常极其难以甚至无法到达

2. 如山洞内明显高于洞口的位置。