Level AS-XS-14

+ 版式代码

:root {
   --theme-base: "black-highlighter";
   --theme-id: "grayish-cyan";
   --theme-name: "Grayish-cyan Theme";
 
logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
   --header-title: "The Backrooms";
   --header-subtitle: "你曾经来过这里";
 
    --header-font:  'CKTKingKong' , 'Staatliches';
    --title-font:  'CKTKingKong' , 'Staatliches';
   --body-font: 'Noto Serif SC' , 'Noto Serif SC', PT Serif;
   --mono-font: 'Fantasque Sans Mono','等线', monospace;
 
   --white-monochrome: 237, 245, 243;
   --pale-gray-monochrome: 253, 255, 255;
   --light-gray-monochrome: 160, 186, 199;
   --gray-monochrome: 24, 46, 47;
   --black-monochrome: 13, 26, 40;
   --bright-accent: 27, 161, 225;
   --medium-accent: 19, 124, 175;
   --dark-accent: 21, 75, 163;
   --pale-accent: 120, 146, 159;
   --alt-accent: 38, 74, 196;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent),1) 0%,
      rgba(var(--dark-accent), 1) 100%
   );
 
   --swatch-headerh1-color: var(--pale-gray-monochrome);
   --swatch-headerh2-color: var(--pale-gray-monochrome);
   --swatch-topmenu-border-color: var(--black-monochrome);
   --swatch-topmenu-bg-color: var(--black-monochrome);
 
   --link-color: 27, 161, 225;
   --visited-link-color: 19, 124, 175;
   --new-page-color: 21, 75, 163;
   --hover-link-color: 24, 46, 47;
 
   --rating-module-button-color: 21, 75, 187;
   --rating-module-text-color: 21, 75, 187;
 
   --background-gradient-distance: 6rem;
 
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#skrollr-body {
    background-image: none;
}
 
#container {
   background-image: none;
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #215d6c;
}
 
#footer{
   color: rgb(var(--medium-accent));
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgba(var(--medium-accent), .85);
}
 
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
   color: rgb(var(--white-monochrome));
}
 
#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > a:hover {
    color: rgb(--pale-gray-monochrome));
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    color: rgb(var(--pale-gray-monochrome));
}
 
#login-status {
    color: rgb(var(--black-monochrome));
}
 
#login-status a {
    color: rgb(var(--black-monochrome));
}
 
#login-status ul a {
    color: rgb(var(--pale-gray-monochrome));
}
 
#account-topbutton {
    color: rgb(var(--black-monochrome));
}
 
table.wiki-content-table th {
background-color: rgb(var(--pale-gray-monochrome)) !important;
color: rgb(var(--black-monochrome));
border-color: rgb(var(--black-monochrome));
}
 
.scp-image-block {
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
blockquote,
div.blockquote {
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.4rem solid rgba(var(--bright-accent),1);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.4rem solid rgba(var(--dark-accent),1);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.dark-styled-quote hr{
color: rgb(var(--dark-accent));
}
 
.shadeblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   color: rgb(var(--black-monochrome));
}
 
.darkerblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,35,76,.25);
}
.darkblock hr {
color: rgb(var(--pale-gray-monochrome));
}
 
.lightblock {
   background-color:rgb(var(--pale-gray-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,35,76,.25);
   color: rgb(var(--black-monochrome));
}
 
.float-darkerblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.4rem 0.4rem rgba(27,161,225,1);
}
.float-darkblock hr {
color: rgb(var(--pale-gray-monochrome));
}
 
.float-lightblock {
   background-color:rgb(var(--pale-gray-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.3rem 0.3rem rgba(0,11,12,1);
}
 
.bd-lightblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(var(--black-monochrome));
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--pale-gray-monochrome));
    border: solid 0.3rem rgb(var(--bright-accent));
}
.bd-lightblock hr {
   background-color:rgb(var(--bright-accent))
}
 
.bd-darkerblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(var(--white-monochrome));
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--gray-monochrome));
    border: solid 0.3rem rgb(var(--dark-accent));
}
.bd-darkerblock hr {
   background-color:rgb(var(--dark-accent))
}

生存难度：生存難度：

等级等級 3

• 不安全
• 不稳定
• 实体绝迹

---

如何使用：

[[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 AS-XS-14 是后室AS层群XS分区的第14层，存在孤立效应。

描述

Level AS-XS-14的海洋图片。

Level AS-XS-14是片一望无际的苍蓝色海洋，平静的海面不会掀起惊涛骇浪，只有层层碧波在海面上轻轻荡漾。温柔的轻风在海上吹拂，吹过海面，吹过天空，吹过流浪者的脸庞。层级内永远白日当空，温和的阳光照射在清澈的水中，反射出金色的光芒。抬头仰望，梦幻的淡紫色显现于天空之上。晴朗的天气是该层级的常态，气温温暖，湿度偏高。偶有少量的降水，为该层级增添了一份情趣。层级内的环境非常安静，除流浪者本身发出的声音以及水声外，该层级内不存在其它声音。

该层级的海水全为可饮用的纯水，海面水温与该层级气温基本一致，海水越深温度越低。海水能够通过阳光照射，自动消除其中的污染物。海面之下并没有任何生物与其他物质，只有深不见底的海水，阳光亦会折射至水下，散出一道道明亮的光线。如同前厅中的海域一般，越是下潜，能见度越低，直至完全黑暗。

切入该层级时，流浪者将身处一叶带蓬顶的狭小木舟上。木舟无需船桨即可移动，流浪者只需在心中想好前行的速度与方向，它便会如愿前行。构成木舟的木板无法被破坏，也不可燃烧，原因未知。木舟分船头、船身、船尾三个区域。船头仅有一排木制台阶构成的座位，台阶显棕红色且布满纹路，触感略显湿润清凉。船身全部处于蓬顶笼罩之下，两旁有着较薄的木制挡板。一张狭窄的下沉式床铺位于船身左侧，其大小仅供一人完全伸直身体躺卧。床头摆放着一套稍显破旧的木头桌椅。船身右侧为过道，中间有着一盏用石砖包裹着的壁炉，壁炉总是不断燃烧着，不会因外界作用而熄灭。船尾有两个资源箱，其中可发现杏仁水、纯净水、面包、火盐、树枝等资源，且会不定期刷新。

层级现象：

Level AS-XS-14偶尔会出现一种称之为“雾海”的现象。“雾海”出现时，海面会逐渐被一层浓厚而潮湿的白雾笼罩，流浪者的视线亦随之被遮蔽，当白雾完全笼罩流浪者所处之地时，能见度不超过3米。白雾的成分为纯净的水汽，吸入雾气并不会引起不适。“雾海”还会带来少量精神影响，流浪者身处白雾中时，心中往往会有轻微的迷茫失落之感受，饮用杏仁水也无法缓解此类精神影响。

数分钟后，白雾会渐渐消散，此时流浪者受到的精神影响将会解除，心中也充满活力与希望。白雾消散之后，雾海带来的一部分水汽仍散于近处的空气中，因此海面上的空气会变得更为湿润。此外，海面上还会出现少量漂浮着物品，它们通常是流浪者所喜爱或向往的。倘若这些物品未被拾起，便会在一段时间后消失。

实体：

该层级不存在任何实体。

基地、前哨与社区

由于层级的孤立效应，该层级无法建立基地。

入口与出口

入口

• 于任意层级中感受到强烈的迷茫或绝望，有极小概率来到该层级。
• 在一个海洋层级中的水域迷失方向，可能会来到该层级。
• 该层级的唯一稳定入口是在Level C-756一间被水淹没的教室中切出。

出口

• 在该层级的水面上有时会泛起不寻常的微光，向微光的方向航行一段时间便会来到一个较为安全的水域层级，例如Level 48、Level C-544。

---

这个层级是谁写的

falling twig
特别感谢cloud114大大参与合著！qwq
图源：6pen绘画