Level SQ 25 “前室？只是一场梦”

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

“前室”

这可能是流浪者们最向往的地方

相信每个人都知道那里的美好

并且不会怀疑那里的真实性

但是惨无人道的后室告诉了你真相…………

前室？

只是一场梦罢了！

描述

---

---

　　我仍然无法接受SQ 25是SQ层群的第26层，我……自由了吗？

风吹过树叶的声音，伴随着我的脚步慢慢登上山顶，天空不合常理的星轨与远处的天际线似乎正在欢迎着我，这一切显得多么美妙但又非常恰当…………

今日的太阳终将陨落，夕阳成为了太阳最后的痕迹…………我还会再见到它吗？

清风慢慢吹过我的脸颊，似乎让我清醒清醒，这时，下雨了………雨滴的拍打似乎在催促我前往远处的城市，这让我马不停蹄的赶往了雨之城。

---

熟悉的城市让我多了几分的安全感，但空无一人的街道让我孤独的脊背发凉，这片城市与我想象中的并不一样，它不应该是这样的。

无人的房屋、无人的街道、无人的广场，这些印象里人山人海车水马龙的地方一时间的死寂让我感到害怕，这真的是前室吗？

雨滴试图将我赶走，我最终仍然没有扛住雨滴的洗礼，这让我不得不离开这个脊背发凉的死寂之地。雨滴弄湿了我的衣服，寒冷渗透进我的身体，这让我一时间本能地跑到了一个商场里避雨。

---

外面的暴雨仍然没有停止，仿佛是上帝生气的模样，这也让我不得不在此停留许久，商场里到处都有人的痕迹，但唯独没有人………我童年时期的回忆瞬间涌现，我看到了儿时的我牵着母亲的手走过此地的景象，我的精神似乎出现了问题……………童年时期的零食，如今仍然摆放在超市里，这一切都太过熟悉了，我慢慢摸索着这片商场，有我儿时的兴趣班、儿时的饭店、儿时的服装店，这些都在拖住我的大脑，外面的闪电让我才反应过来，虽然有些不舍，但是路仍然要向前走，我丢下了这一切，离开了儿时的童年商场。

远处的雨下的是多么的猛烈，但在雨中缓缓出现了一个地铁站，我迅速地跑进了地铁站，这里常年失修，扶梯早已停止了运转，我慢慢走到了站台，地铁从右侧的黑暗中缓缓显现，这太不寻常了，地铁里的光在引导着我走进了内部，我坐到了冰冷的座位上，静静等待着地铁发车，这辆地铁将会开往何方？

---

地铁上的人影如同海市蜃楼般出现，飘荡在我的眼前，原本令人脊背发凉的冷色调如今也变得正常了许多，窗外的景象不断的变化，这些景象让我难以忘怀，蓝蓝的大海、惬意的草原、宁静的天空，这些地方都太美丽了，如果能回到前室，我也希望与我的家人前往这些美丽的地方，但愿如此…………很快，我的眼前逐渐模糊，我躺在冰冷的座位上不觉间睡着了。此路向死，或向远方？

“终点站到了，欢迎你来到前室，祝你好运”，熟悉又陌生的声音将我从睡梦中叫醒，地铁终于到站了，这是一段难忘的经历。我缓缓下了地铁，这时，雨停了，我的双脚踩着存留着雨水的阶梯慢慢走了上去，天空的彩虹霎时间出现，远处的家人让我开始兴奋起来，我在后室中经历了难以想象的痛苦，如今看到了家人的身影，一切似乎都是值得的，我的身体不自觉的跑向了他们，这段路很短，但也很长。

就当我伸手就要碰到的时候，一个声音从我的耳朵里不断放大，我抬头看向了天空，天空的云层中乍然出现了一个“小白点”，小白点击碎了美丽的彩虹直冲我而来，我的眼前乍然变成了白色，小白点击碎了我所有的希望与幻想，眼前的火海吞噬了我的家人，破坏了大地，污染了天空，我死了吗？我试图用手去触摸我母亲的脸，但我却碰不到，我……全想起来了！

---

生存难度：

等级 死区-终结

• 平行前室毁灭
• 死亡轮回上演
• 我将永困于此

当眼前的火海转瞬间变成了一开始踏上的山顶时我才想起我在这片地狱中进行了不知道多少个死亡的轮回，但我无能为力，这不是我们的前室，而是一个喜欢骗人的地狱！这里已经毁灭了无数次，恢复了无数次！那80亿人的怨念全都要我一个人承担！死亡轮回仍然在不断上演！我的命运已经注定了，对我来说，前室也许就真只是一场梦了……………

前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！前室只是一场梦！

……………

—— 也许逃离后室本身就是一场艰难的道路，只可惜我再也没有机会踏上了…………

---

基地、前哨站与社区：

• 从无此物

入口与出口：

入口：

• 在任何一个层级内只要有着对前室的强烈思念或向往就都有概率卡入本层级。

出口：

• 从无此物

---

作者信息

作者：Tiga Bawari / 迪迦巴瓦里