@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%;
}
}
“遗忘”,是后室C层群的第1981层。
宁静
遗忘是世间无人在乎的一角,是你所忘记的梦境,是并不存在的田野。
向日葵是这遗忘之地永远的主人,它们布满了这世间微小的一角,用着自己的金黄与那碧蓝的天空相互交织,缔造着田野的一切。
但这毫无意义。在这忙碌的世界里,无人会在意这来自角落的风景,无论它们再多么美妙。或许偶有访客——像你一样误入此地,但这终究会被遗忘。没人愿意为此花费笔墨,它的一切,都不会被世人所知晓。它匆忙地进入你的大脑,也将匆匆地离开。
向日葵是何时存在于此,已无人知晓。种植之人也消失在历史之中,无处寻找。他们已经忘了自己为何而生,只是顺着本能麻木地生存着,互相争抢着养分,却忘记了他们本为同类。但这一切都无人在意,他们也终将随田野一同消散在漫漫时间之中,无人再会记起。
土路是你唯一可踏足之地,它们通往着那没有终点的远方。你不想接受这样的安排,但田间的细线又让你不得不妥协。或许偶有块干净的空地,但那无形的障碍让你再度止步。你不禁伸手摸去,金属的触感。也许它只是一台同被遗忘的农具,与田野一起被时间所忘记。
于是,你便只能继续沿路前行,向那不知是否存在的终点前进。但好在,你的旅途并不孤单。特殊的无面灵是这里仅有的租户,他们身着农民的装束,仿佛他就是这花田的拥有者。他们虽无五官,却总能回答你的疑问。你们相谈甚欢,他便邀你来到他们的木屋。那是个再简单不过的木屋,不大,但五脏俱全。他希望你能在此停留,而你那双疲惫不堪的腿,便替你作出了回答。
于是,你便缓缓睡去
沉沉睡去——
还是醒来?
醒来?
金黄在褪色。向日葵的花盘一颗颗垂下,花瓣从边缘开始焦黑、卷曲。天空不再是碧蓝,一切只剩下灰白。
炮声。
你站在原地,但脚下的泥土正在变冷、变硬。有什么东西在土层之下震动,越来越近。那不是雷声。
你低头——手里有张海报,你不记得它是什么时候出现在那里的。
眼前是破败的农田,花杆乱七八糟地插向地面,花盘随意散落,只有破旧的机械可以诉说曾经的繁华。枪声断断续续,你没听到它们从什么时候开始的,仿佛一直都在,只是你刚刚才注意到。
海报上写着什么。你想起来了:那是一份约定,你和某个人约定好的,一切结束之后,一起去看场球赛,但那个人已经不在了。你赶到的时候,装甲车,只剩下了轮子,和那你无法忘记的气味,橡胶烧焦的气味。
但你没有时间为死者哀悼,你也早已是一个将死之人。你们没有区别。
噪音在变大。你察觉到了,然后你转身,然后你举起枪。但什么都没有改变。
手雷落在你身旁,你不确定它从哪个方向来的,你也不确定声音是从哪个方向来的,你只知道它在那里。
“停战”
一切是从什么时候开始的?你已经忘了,仿佛这是一份遥远的回忆,但你并不确定它是不是你的。
人们说着战争很快结束,你信以为真,但你忘了他们的“很快”便是你的一生。而“很快”的定义,也逐渐被遗忘。
你记得她。
几个月前你答应过,等一切结束就回去。那时孩子刚刚诞生,尚未正式来到这个世间。也许信已经在路上了。也许她问了你什么。你不知道。你永远不会知道了。
你在想,如果没有枪声,没有炮火,没有战车,这片土地会是什么样子?也许在另一个世界,葵花早已撒满大地,孩子们在田中奔跑,游人在花前合影。到处是生机。
也许那是它的曾经。
但现在只剩废墟。
不过至少以后,这里会更加肥沃,你想着。但这,与你无关。
血液在流,你不知道从哪里开始流的,你只是觉得冷。
停战协议很遥远,家乡很遥远,亲人的脸你已经记不起来了。
但至少,你可以休息了。
你闭上眼睛。
深夜
这一切如此的真实,仿佛它们……并不是梦境,而只是一段,不属于你的回忆
晚风慢慢吹入房间,轻轻拂过你的身体,唤醒梦中的你。
办公室已然空荡,窗外的黑暗代替了白日的光明。看着眼前潻黑的屏幕,你想起了全部,你竞然睡了这么久,你对此感到恍惚。
但懊恼没有意义,于是你打开电脑……完成你那未尽的工作
你将前数据一个又一个的相加、汇总,你不在乎它们的意义,因为这对你来说,它们只是数字。
你想起刚才的梦境,但你不想追究。
战争,离你太远了。
你现在唯一担忧的只有,自己是否能赶上那辆末班车
回信
在梦境中不断穿梭,它们来自不同的所有者,但又似乎有所联系,也许……这其实是同一场梦。
你疲惫地回到家中,习惯性地走进厨房,开始准备两人份的晚餐——即使你知道,他今天不会回来。
电视开着。新闻里依旧在播报那些似乎与你无关的战争。那些声音一遍又一遍地灌进耳朵,令你厌烦,但你始终没有关掉它。你只是在等。但等到新闻结束,你想要的那句话也始终没有出现。战争仍在继续。
你低下头,看向自己的身体。那是你们共有的一部分。一个月前,你把那张附带B超的信寄给了远在异乡的他,让他在那片阴暗的角落里,也能拥有与你相同的喜悦。
你相信他会回来。无论多久。他一向都很幸运。
你还在想着,门铃却突然响了。
打开门,是一位邮递员。你满心欢喜地接过信封——你知道,那一定是他寄来的。
然后你看见了寄件人的位置。
那里不是他的名字。
那里写着:国防部。
醒来
到底何为梦境,已然无法辨别。是庄周梦蝶?还是蝶梦庄周?又或者……这也只是梦中其一,这一切皆为梦境,与它们,并无区别。
再次睁开眼。
金黄。
你躺在一片向日葵田里,阳光温暖,天空碧蓝。你不记得自己是怎么来到这里的,身体很轻,口袋里有东西。
一张海报,折叠整齐,有字。
但那不是你的字迹。你不认识这行字。你甚至不记得自己认识字。
你去找无面灵。你把海报递给他。
他低头看了看,或者像是低头——他没有五官,你分辨不清。
“不知道”他说。
你再低头——海报上的字正在消退,就像墨水被水稀释。很快,它变成一张白纸。
你张开嘴,想说什么,但话语也消失在嘴边。你不知道自己想问什么,你甚至不记得自己为什么站在这里。
无面灵看着你,或者说,面向你。
你不记得他的名字,你不记得他是否告诉过你。你不记得这片田野的名字,你不记得自己有没有战友,不记得轮子和橡胶的气味,不记得手雷是否真的落地。
你只记得金黄,和安静,和某种很难说清楚的东西。
算了。
你该走了。
这里何曾有过战争?
这里,将永远和平。
入口与出口
入口
没人知道入口存在于何方,或许,当金属穿过胸膛时,你将会来到于此。
出口
当你将一切遗忘,你将回到你来时的地方。
或者……就在这里安息吧