Level CD-2 “往复滞空”

版式 CSS 代码

/* Basic Mode */
 
:root {
    /* Basic Colors */
    --background-color: 237, 237, 255;
    --text-color: 20, 20, 33;
 
    /* Deco Colors */
    --light-color-1: var(--background-color);
    --light-color-2: 255, 255, 255;
    --dark-color-1: 135, 170, 230;
    --dark-color-2: 0, 53, 145;
    --dark-color-3: 70, 100, 180;
    --dark-color-4: 48, 48, 79;
 
    /* Link Colors */
    --link-color: var(--dark-color-2);
    --hover-link-color: var(--dark-color-1);
    --visited-link-color: var(--dark-color-3);
    --newpage-color: 160, 100, 180;
 
    /* Select Colors */
    --selected-background-color: var(--dark-color-1), .5;
 
    /* Scrollbar Colors */
    --scrollbar-color: var(--dark-color-3), 0.75;
 
    /* Note Colors */
    --note-background-color: var(--light-color-1), .75;
    --note-text-color: var(--text-color);
    --note-border-color: var(--dark-color-2);
 
    /* General Colors */
    --general-dark-border-color: var(--dark-color-2);
 
    /* Topbar Colors */
    --topbar-hover-border-color: var(--dark-color-1), 0.5;
 
    /* User Account Colors */
    --header-username-color: var(--dark-color-1);
    --account-button-text-color: var(--general-dark-text-color);
    --account-button-hover-text-color: var(--general-medium-text-color);
    --account-button-background-color: var(--general-medium-background-color);
    --account-button-hover-background-color: var(--general-dark-background-color);
    --account-drop-text-color: var(--general-dark-text-color);
    --account-drop-background-color: var(--general-medium-background-color);
    --account-drop-hover-background-color: var(--general-dark-background-color);
    --account-drop-border-color: var(--general-medium-border-color);
 
    /* Page Tag Colors */
    --page-tag-hover-background-color: var(--general-medium-background-color);
 
    /* Footer Colors */
    --license-background-color: var(--general-medium-background-color);
    --license-text-color: var(--general-medium-text-color);
 
    /* Sidebar Colors */
    --sidebar-handle-background-color: var(--general-medium-background-color);
    --sidebar-media-background-color: var(--text-color), 0;
    --sidebar-media-icon-color: var(--dark-color-2);
    --sidebar-title-background-color: var(--general-medium-background-color);
 
    /* Image Block Colors */
    --imageblock-caption-background-color: var(--general-medium-background-color);
    --imageblock-caption-text-color: var(--general-dark-text-color);
    --imageblock-border-color: var(--general-dark-border-color);
 
    /* Header & Horizon Colors */
    --hr-color: var(--dark-color-2);
 
    /* Tabview Colors */
    --tabview-hover-button-background-color: var(--general-dark-background-color);
    --tabview-selected-button-background-color: var(--general-medium-background-color);
 
    /* Tabel Colors */
    --table-border-color: var(--general-dark-border-color);
    --table-background-color: var(--light-color-2);
 
    /* Blockquote Colors */
    --blockquote-background-color: var(--light-color-1), .75;
    --blockquote-border-color: var(--general-dark-border-color);
 
    /* Rating Module Colors */
    --rating-background-color: var(--light-color-1);
    --rating-cancel-color: var(--dark-color-2);
 
    /* Popups Colors */
    --popup-title-background-color: var(--general-medium-background-color);
 
    /* Thread Colors */
    --thread-accent-color: var(--light-color-1);
 
    /* The 4 */
    --darkblock-background-color: var(--general-medium-background-color);
    --dark-styled-quote-background-color: var(--general-medium-background-color);
 
    /* Header Vs */
    --main-header-height-on-mobile: 10rem;
    --logo-image: url(https://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb);
    --header-title: "速切玩家";
    --header-subtitle: "只为更快，只为通关";
    --header-title-font-size-on-mobile: 1.8rem;
    --header-subtitle-font-size-on-mobile: 0.8rem;
 
    /* Content Vs */
    --body-width: 54rem;
    --body-margin: max(calc((100% - var(--body-width)) / 2), 0rem);
 
    /* Popup Vs */
    --popup-loading-content: "速切玩家祈祷中……";
}
 
html {
    background: unset;
}
 
body {
    background-image: repeating-linear-gradient(135deg, rgb(var(--light-color-1)) 0, rgb(var(--light-color-1)) 2rem, rgba(var(--light-color-2), .2) 2rem,rgba(var(--light-color-2), .4) 4rem);
    background-attachment: fixed;
}
 
#header {
    background: unset;
}
 
#header::before {
    background-image: none;
}
 
#extra-div-1 {
    display: block;
    width: 100%;
    position: absolute;
    height: 17.5rem;
    left: 0;
    top: 0;
    background-color: rgb(var(--dark-color-4));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6.5rem), 0 100%);
    z-index: -3;
}
 
#extra-div-2 {
    display: block;
    width: 100%;
    position: absolute;
    height: 15.5rem;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom right, rgb(var(--dark-color-4)), rgb(var(--dark-color-2)));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5rem), 0 100%);
    z-index: -2;
}
 
#extra-div-3 {
    display: block;
    width: 100%;
    position: absolute;
    height: 5rem;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgb(var(--dark-color-3)), rgb(var(--dark-color-2)));
    position: absolute;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.5rem), 0 100%);
    z-index: -1;
}
 
#extra-div-4 {
    display: block;
    width: 100%;
    position: absolute;
    height: 10.5rem;
    left: 0;
    bottom: 0;
    background-color: rgb(var(--dark-color-2));
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 5rem);
    z-index: -1;
}
 
#extra-div-5 {
    display: block;
    width: 100%;
    position: absolute;
    height: 12.5rem;
    left: 0;
    bottom: 0;
    background-color: rgb(var(--dark-color-4));
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 6rem);
    z-index: -2;
}
 
a#account-topbutton, #search-top-box-form .button {
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
#header h1 a {
    perspective: 50rem;
}
 
#header h1 a span {
    width: fit-content;
    margin: auto;
    justify-content: flex-start;
    transform: rotateY(10deg) translate3d(3.5rem, 2rem, 15rem);
    padding: 0;
}
 
#header h2 span {
    perspective: 10rem;
    filter: drop-shadow(-0.5rem 0 0 rgba(var(--dark-color-3), .9)) drop-shadow(-0.5rem 0 0 rgba(var(--dark-color-1), .9));
}
 
#header h2 span::before {
    background-size: 100% auto;
    background-position: center -2.5rem;
    opacity: 1;
    width: 15rem;
    height: 9.5rem;
    margin: auto;
    display: block;
    transform: rotateY(10deg) translate3d(-6rem, 0rem, 2rem);
    pointer-events: none;
    clip-path: polygon(0 0, 100% 0, 100% 95%,60% 85%, 60% 83%, 0 100%);
}
 
@media only screen and (max-width: 1024px) {
  #header h1 a span {
    justify-content: center;
    transform: rotateY(10deg) translate3d(2rem, 0.5rem, 12.5rem);
    padding: 0;
  }
 
  #header h2 span::before {
    width: 12.5rem;
    clip-path: unset;
    transform: rotateY(10deg) translate3d(-5rem, 1rem, 2rem);
  }
}
 
#top-bar {
    background: linear-gradient(150deg, rgb(var(--dark-color-4)), rgb(var(--dark-color-2)));
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
#main-content {
    margin-top: 1rem;
    padding: 1rem;
    background: rgb(var(--general-light-background-color));
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
@media only screen and (max-width: 1024px) {
  #main-content {
    margin-top: 0;
  }
}
 
div.rate-box-with-credit-button, div.page-rate-widget-box, div.creditButtonStandalone, .yui-navset, table.wiki-content-table, .scp-image-block, blockquote, .blockquote, .lightblock, .darkblock, .styled-quote, .dark-styled-quote, div.wiki-note, div[id*=page-options-bottom] > a, #wd-editor-toolbar-panel a, .edit-help-34 a, .change-textarea-size a, #lock-info, div.buttons input, input.button, button, file, a.button, a.action-area-close, #view-diff-div > p > a {
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
div.rate-box-with-credit-button, div.page-rate-widget-box, div.creditButtonStandalone {
    border: rgba(var(--rating-border-color)) solid 0.15rem;
}
 
div.creditBottomRate div.page-rate-widget-box {
    border-bottom: rgba(var(--rating-border-color)) solid 0.15rem;
}
 
.darkblock {
    --link-color: var(--dark-color-1);
}
 
.styled-quote-d {
    background: rgba(var(--styled-quote-background-color));
    color: rgba(var(--styled-quote-text-color));
    border-left: rgba(var(--styled-quote-border-color)) solid 0.6rem;
    border-right: rgba(var(--styled-quote-border-color)) solid 0.6rem;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.dark-styled-quote-d {
    --h1-color: var(--dark-styled-quote-text-color);
    --h2-color: var(--dark-styled-quote-text-color);
    --h3-color: var(--dark-styled-quote-text-color);
    --h4-color: var(--dark-styled-quote-text-color);
    --h5-color: var(--dark-styled-quote-text-color);
    --h6-color: var(--dark-styled-quote-text-color);
    --link-color: var(--dark-color-1);
    background: rgba(var(--dark-styled-quote-background-color));
    color: rgba(var(--dark-styled-quote-text-color));
    border-left: rgba(var(--dark-styled-quote-border-color)) solid 0.6rem;
    border-right: rgba(var(--dark-styled-quote-border-color)) solid 0.6rem;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.borderblock {
    background: rgba(var(--styled-quote-background-color));
    color: rgba(var(--styled-quote-text-color));
    border: rgba(var(--styled-quote-border-color)) solid 0.3rem;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.dark-borderblock {
    --h1-color: var(--dark-styled-quote-text-color);
    --h2-color: var(--dark-styled-quote-text-color);
    --h3-color: var(--dark-styled-quote-text-color);
    --h4-color: var(--dark-styled-quote-text-color);
    --h5-color: var(--dark-styled-quote-text-color);
    --h6-color: var(--dark-styled-quote-text-color);
    --link-color: var(--dark-color-1);
    background: rgba(var(--dark-styled-quote-background-color));
    color: rgba(var(--dark-styled-quote-text-color));
    border: rgba(var(--dark-styled-quote-border-color)) solid 0.3rem;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.logoblock {
    position: relative;
}
 
.logoblock::after {
    content: "";
    background-image: url(https://backroomssandboxcn.wikidot.com/local--files/collab:theme:speednoclippers/speednoclippers.svg);
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    pointer-events: none;
}
 
.noclipblock {
    position: relative;
}
 
.noclipblock::after {
    content: "";
    background-image: url(https://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb);
    background-position: -7.5vh center;
    background-size: auto 250%;
    background-repeat: no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    pointer-events: none;
}
 
.darkblock.noclipblock::after {
    background-image: url(https://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipw);
}
 
.noclipblock.r::after {
    background-position: calc(100% + 7.5vh) center;
}
 
.shadowblock {
    background: rgba(var(--light-color-1));
    color: rgba(var(--styled-quote-text-color));
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: 0.5rem 0.5rem rgb(var(--dark-color-2));
}
 
.inset-shadowblock {
    background: rgba(var(--styled-quote-background-color));
    color: rgba(var(--styled-quote-text-color));
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: inset 4.5rem 1rem rgba(var(--dark-color-1),.5), inset 8rem 2rem rgba(var(--dark-color-1),.5), 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.nchr {
    height: 2rem;
    background-image: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb");
    background-size: 2rem;
    background-position: center;
    margin: 1.5rem;
    background-repeat: no-repeat;
}
 
.pager {
    border-bottom: rgba(var(--general-button-background-color)) solid 0.2rem;
}
 
.pager a:is(:hover, :active, :focus, :focus-within) {
    background: rgba(var(--general-hover-button-background-color));
}
 
.pager .current {
    background: rgba(var(--general-button-background-color));
}
 
#new-post-form {
    background-color: rgba(var(--edit-area-background-color));
    color: rgba(var(--edit-area-text-color));
    padding: 1rem;
}
 
#new-post-form .form {
    margin: 0 !important;
    width: 100%;
}
 
#new-post-form .form td:first-child {
    display: none;
}
 
#new-post-form .form td:last-child {
    padding: 0;
}
 
#new-post-div input.text {
    border: none;
    color: rgba(var(--edit-area-textarea-text-color));
    background: rgba(var(--edit-area-textarea-background-color));
    margin: 0;
    padding: 0.2em 0.5em;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: box-shadow var(--general-transition-time-slow);
    font-weight: 900;
}
 
#new-post-div textarea#np-text {
    width: 100% !important;
    color: rgba(var(--edit-area-textarea-text-color));
    background: rgba(var(--edit-area-textarea-background-color));
    font-size: 0.95rem;
    outline: none;
    box-sizing: border-box;
    border: none;
    transition: box-shadow var(--general-transition-time-slow);
}
 
#new-post-div input.text:focus-visible,
#new-post-div textarea#np-text:focus-visible {
    box-shadow: 2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px -2px 0 rgba(var(--edit-area-textarea-border-color)), 2px -2px 0 rgba(var(--edit-area-textarea-border-color));
}
 
.wd-editor-toolbar-panel {
    margin: 1rem 0;
    display: flex;
    flex-direction: column;
    grid-gap: 0.5rem;
}
 
.wd-editor-toolbar-panel div {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.5rem;
    width: 100%;
    justify-content: center;
    height: auto;
}
 
.wd-editor-toolbar-panel div > ul {
    display: contents;
}
 
.wd-editor-toolbar-panel div > ul li {
    display: block;
    width: 2rem;
    height: 2rem;
}
 
.wd-editor-toolbar-panel div > ul > li.hseparator {
    display: none;
}
 
.wd-editor-toolbar-panel ul li:hover ul {
    border: 2px solid rgba(var(--edit-area-hover-button-background-color));
}
 
.wd-editor-toolbar-panel ul li a {
    width: 100%;
    height: 100%;
    background: rgba(var(--edit-area-button-background-color));
    transition: background var(--general-transition-time-fast);
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.wd-editor-toolbar-panel ul li a:is(:hover, :active, :focus, :focus-within) {
    background: rgba(var(--edit-area-hover-button-background-color));
}
 
.wd-editor-toolbar-panel ul li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-image: var(--edit-area-toolbar-icon-mask);
            mask-image: var(--edit-area-toolbar-icon-mask);
    background: rgba(var(--edit-area-button-text-color));
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 75%;
            mask-size: 75%;
}
 
.wd-editor-toolbar-panel ul li a:is(:hover, :active, :focus, :focus-within)::before {
    background: rgba(var(--edit-area-hover-button-text-color));
}
 
::-moz-selection {
    color: inherit;
}
 
::selection {
    color: inherit;
}
 
#edit-page-textarea {
    padding: 0;
}
 
.owindow.owait .content {
 
    transform: skewX(15deg);
 
}

---

速切玩家官方论坛

让我们突破极速！

主题：CD层群第三个层级

(主题帖 #2018)

---

Speeder26033

朋友们，猜猜我发现了啥？铛铛铛铛！一个新层级！
发表于2026/9/5

---

Notes5566

我去，这是我们速切玩家有史以来第一次在CD成群发现层级，好样的小速！
发表于2026/9/5

---

Speeder26033

让我看看，这里有很多东西，黑板、木门、还有……公交车椅？有意思
发表于2026/9/5

---

Command7654

怎么看你描述感觉那里乱七八糟的？你再探索探索，找找哪有啥好东西
发表于2026/9/5

---

Speeder26033

嗯，我看看，这门后是……一片蓝天?我的直觉告诉我我该跳下去，等我好消息！
发表于2026/9/5

---

生存难度：生存難度：

等级等級 1

• 安全！
• 稳定！
• 芜湖！

---

如何使用：

[[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 CD-2是后室CD层群的第3层。

描述：

Level CD-2内部是一个25平的小型房间，以米色为主的墙壁上刻着每一个来到这里的人的名字，墙壁的两侧并排着五个蓝色公交椅，青色天花板上的荧光灯隐隐作响。房间的正中间有一块黑板，黑板上记录着不同的层级名称，它们名称的右侧同意有着一个向下的箭号。黑板正对面有一扇白色木门，每当滞空时间一到，木门便会打开，木门后面是一望无际的天空，如同在云层之上一般，让人感觉前所未有的想要跳下去。

叠加层

若流浪者从初始房间中跳出，其将会在下落中到达叠加层，这是Level CD-3到Level CD-100的总和，容纳了统计99个层级的外观、实体、效应，但更多时候这些景象只作观赏和心理作用，除此之外，像直接来到叠加层［Level CD-3］的切入情况并不在少数，因此需要提防切入一个生存难度极其危险的层级（尤其是十连死区，那会让人痛不欲生）。

---

速切玩家官方论坛

让我们突破极速！

主题：CD层群第三个层级

(主题帖 #2019)

---

Speeder26033

哇哦！这就像在极限跳伞！芜湖！
发表于2026/9/5

---

Notes5566

小速你没事吧？小心为重(´-ω-`)
发表于2026/9/5

---

Speeder26033

这里有好多我没见过的层级！不对，我为什么知道他们是独立的层级？这个太奇妙了！
发表于2026/9/5

---

Command7654

有人找你，他好像叫什么Terror，管他的，探索弄完赶紧回来
发表于2026/9/5

---

Speeder26033

哦哦哦！我带点零食回来的！到时候你们一人一份！不得不说，这滞空可真漫长！
发表于2026/9/5

---

滞空叠加

滞空叠加是Level CD-2独有的范围性特殊效应，它也被称为“滞空效应”，在此效应的影响下，流浪者会感到降落异常的缓慢，犹如滞空于层级之中，经过测试，此效应不能被任何人为手段干涉，而在经过叠加层时有概率增加滞空效应的加重。

基地，前哨和社区

谁会在乎这些呢？让我们共同体会滞空的乐趣！

入口和出口

入口

• 在Level CD-1找到一扇门或者一个通道便可以来到此层级。

出口

• 在经过叠加同时，有概率进入叠加层。
• 在经过所有叠加层后，有3/4的概率来到Level CD-3。
• 到达叠加层的尽头有概率来到Level CD-10。

滞空时有什么？

DuskTerror26033