云端城

亮色模式

9320d27bc6d5db800a75b1c0f6746f97_1775975705

更多预设

反色

b433f49ac5947dec3b57c40f5fe5b6cb_1775975705

灰度

8bf65db4482a3e736db76db52101deeb_1775975705

浅海

82c62959981d6b3f36f2f3ce1d83d6b7_1775975705

旧书

3af4bf7be29d40c2176930e40ffef976_1775975705

粉嫩

1996c883228b7edf2dd88974e36e0f37_1775975705

正义

b4ff0b3d8a0869aa5e4248fbbda57cf0_1775975705

辉光

4e9f3e2ee5f5083d486fedbd90de9795_1775975705

数据

dcf33880b664de9030d53b7f3c50c5eb_1775975705

阈限

c666a1d6f315d714b6f1e04d0b89b11c_1775975705

长青

6b9e5e1991e2561e54513c15c89c6858_1775975705

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

小时候,我经常幻想着，自己的小床升上天空，升上云端

现在，睁眼时，我实现了我的梦想

但是呢，我的身下却不是我的小床，而是无尽的高楼与云彩

---

---

生存难度：生存難度：

等级等級 1

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

level-HY 1是历室的第二层，由 匿名用户在2018年9月11日发现。

---

描述

---

level-HY 1被描述为一片天空上的城市群，楼房之下则为几乎无尽的云或雾包围。该层内楼房高度不一，但都未低于云雾以下。而楼房与楼房之间的连接通道则异常之少，通道也异常之简陋，目前被报告且证实的通道包括但不限于：由铁板或木板拼接而成的吊桥，仅有一条木板的独木桥，由滑索连接而成的滑道等等；同时连接通道的稳定性同样也不可靠，当流浪者以任何方式在其上方移动时，连接通道都会发出类似于铁板与金属钉摩擦声，但值得注意的是，截止至目前，没有任何人目击连接通道坠落。

level-HY 1内的所有建筑物均为类钢筋混泥土建筑，具体材料不明。同时，几乎每一栋建筑物外观类似于居民公寓楼，当然也有少部分建筑物为办公楼型。可根据勘探，该层级内的所有建筑物均拥有由水泥铸成的天台以及楼梯通道。而流浪者试图从天台跳下时，会感受到四肢强烈地抗拒，并且软绵无力。

level-HY 1内几乎没有天色或天气的更变。而基本永远保持着夕阳西下的场景，气象也保持着万里无云的状态。在本层级中，太阳的亮度约为前厅的十分之一¹,且约注视太阳光约10秒后，流浪者会感受到平静感涌上心头，类似于：

• 变得积极活跃与外向
• 心情愉快缓和
• 停止冲突

外场

区域外场也被称为大楼外，主要构造均为楼顶与天台。根据记录，外场没有任何实体袭击的案件。在外场中，会随机出现（或消失）外观类似于木板武器箱的物资箱，通常包括杏仁水与小麦类食品，经过调查，均可食用；同时物资箱内可能会附有热武器包括但不限于：遂发枪，由钢管焊接而成的自制武器，M1911，贝雷塔G92,USP-S,甚至是冲锋枪或是突击步枪。²这也使得外场极为适合生存，但是外场的温度在-12～25摄氏度徘徊，所以流浪者需要一定的保暖设备来应对极端情况。

内部

区域内部也可被称为楼中，该区域的主要构造则为建筑物内。在内部中，黑暗与阈限空间随处可见，且根据报告，任何照明设备在此区域的功效十分之微弱。但是，该区域靠近窗户的亮度则与外场一致。同时，内场的温度终年保持在25摄氏度，因此临近窗户的区域可能在某些情况下更适合长远的居住。值得注意的是，所有通往云雾以下的道路均被封死，无法出入。

---

实体

---

本层级中，实体的袭击少之又少，目前本层级中被发现的实体仅有猎犬一种，且大多数都被“11效应”所影响，所以实体的危害可以忽略不计。

---

基地、前哨站或社区

---

The F.O.G. “云端”基地

• 共有406人
• 保持友好且开放贸易
• 建设Level-HY 1

出口或入口

入口

• 同从现实世界进入后室一样，从后室进入历室（The Historyrooms)的最主要方式也是“切出”（no-clipping）
• 在Level-HY 0长途跋涉后，有概率会在睡眠期间进入此层

出口

• 该层目前唯一已知的出口即使在克服该层的特殊效应并往云雾里坠落，即会来到Level 198

---

---

谁写的依托？

Loading1145
谁有图可以给我，我搜不到QWQ

Footnotes

1. 亮度约为3000尼特（nit)

2. 可能性从左到右，从大到小排列