@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%;
}
}
梦境美术馆
梦中万千相之一
光芒万千回振于窗格，落在空无一人的展厅里
每一处窗格都是一只眼睛，每一道光都是一声叹息
戈尔涅瓦的宽容平等地展现在每一位流浪者面前。那些向上延绵而不见终端的崭新建筑在如此诡谲的后室已是司空见惯。光与暗的交界处，人的思想被最为细腻的感知所掌控，人的姿态同时也被神通广大的戈尔涅瓦所记录，重新雕刻成与前厅文艺复兴时期雕塑相仿的石像。
美术馆的穹顶太高了，云雾缭绕，而始终被氤氲的光幕所笼盖。或许曾经有傻子不顾戈尔涅瓦的劝告，拾级而上寻其源头，不论是在攀登中迷失了自我，还是失足跌下万丈深渊，他们都失败了。自然，我们不推荐离美术馆的中心过于遥远地探索，不然你将面对漫无目的的寻路，或是对在如此空旷空间内的无尽回声感到惊惧。你也不想只感受到那空间中淋漓的死寂，自身被蛊惑而难知如阴的心跳。
门票获取
您可能只是在某个层级中庸庸碌碌，可能是无尽的图书馆，可能是无人的森林。某一个时刻，您抬头看见一抹最为辉煌的煌曦，带着清新的气味，这就是一个邀请。
被戈尔涅瓦选中的旅客啊，您一定能找到生活中这位隐士的艺术碎片。那些乳白色瞳孔的雕塑、那些油腻的画作，或是某颗星突然迸发出的光……注视它，直到某一个时刻，戈尔涅瓦通过了您的进入申请。于是，蓦然回首，您已站在这处繁复的一角。
这不是一个可以给你轻易找到的地方，但是戈尔涅瓦的宽容使每个人都必将来到这里。它从未被地图记录，也只存在于回忆之中。每一个曾经梦见自己走在一处空旷长廊里、两周开满陌生窗户的人，其实都来过这里。
它可能出现在任何层级的边缘，某个你转身时才会瞥见的岔路尽头，在某个梦中才会看见的黑暗深处。它的入口可以是一扇门，朴素而没有任何装饰，把手已经被无数只手摸得发亮。门上只有一个几乎看不见的玻璃圆孔。透过圆孔往里看，一种流动的光袭入视界，像融化的蜂蜜一样。
你站在无限延伸的长廊中央，两侧是粉饰得完美无瑕的白墙，开满窗户。无处不在的光从中映射而出，恍惚间有种烈日灼伤的错觉。骤然瞥见那最为耀眼之处，一个白袍的男人，内部赤裸地在空地上，手中或是道具，或是画笔，上下翻飞不断舞动。
你不能一直盯着戈尔涅瓦看，尽管他不会害羞，也更不能一直直视光的来源。于是你躲到窗棂下。窗户的形状大小各有不同，甚至有木质有石质。他们随着周围环境而变化着，哥特式的尖拱，巴洛克的椭圆，中式园林的漏窗，或是彩色玻璃的玫瑰窗。一扇扇一列列，如博物馆中收藏一般，居在自己的位置上等待着。
长廊的地面是深色的木地板，被不知几世几年而来的人们磨得光滑如镜。倒映着窗的光，形成一条条彩色的光带。流光溢彩，从墙根倾洒到走廊中央。赤着双脚，走在这些光带之间，就像在滑，如一片落在水面上的叶子，被光流带着，慢慢地，向前。
无尽的长廊没有被戈尔涅瓦设计尽头。因此你可以一直走，走过成千上万扇窗户。每一扇窗都值得你停下来，看一会儿。
窗户
眼睛是心灵的窗户，那么这里的窗户就是那位伟大艺术家的眼睛与心灵。窗外的景色会慢慢改变。有时候是雨中的街道，有时候是黄昏的海面，有时候是一座空无一人的广场，有时候是一片正在燃烧的森林。光芒自然会随着流浪者的情绪与周围的环境改变，他们都有自己的呼吸节奏。可能落在皮肤上会起一层细密的鸡皮疙瘩，可能照久了会让你昏昏倒地。
没有人知道这里的窗户是从哪里来的。戈尔涅瓦的想法不是凡人能够揣测的，也许是大师亲手将之从前厅扣下来。也许它们来自后室，曾经是那些废弃的层级里还在坚守的最后一堵墙。也许它们来自梦境，来自无数人入睡后脑海里那些不成形的窗的意象，这位伟人将之记录下来，权当是那些最为边鄙的地方，没有任何物质，仅剩下最为坚强的梦境曲张。
光
美术馆内的光从不是那些别的层级可以相提并论的。戈尔涅瓦在每个层级游荡，将最美丽最繁复的色彩赋予不同的窗户。每一扇窗都是一个独立的光源，之下或是大师随手雕刻的塑像，或是一幅浪漫的油画。
光却是喧宾夺主，让人不得不忽略那些展出的艺术品，这也就是本文为何不去介绍那些所陈列的凡物而是将笔墨用于窗棂和光的原因。他的语言从未是可以被描述的词语，而是带有情绪性的颜色。
或为怀念，或为希望，明黄的等待，也有平静的缟素，但是这些只是最基本的词汇。大师精心挑选的通路绝不会如此地泯灭，它刻在骨子里，让流浪者梦幻般地体会到其中蕴含的故事，无数深浅，无数不可言明的情感。一切情绪着实无厘头，但是又真真切切。
如真似幻，扑朔迷离，熙熙攘攘，不过一梦华胥。
关于灵魂与戈尔涅瓦的一切
美术馆，除了你，戈尔涅瓦，大抵是没有任何其他生命了。当然，你可以主观地认为窗和光都是实体。或许，他们只是普天之下亿万万生灵所遗留下的一缕情绪罢了。
这有别于生物与灵魂的概念，不是任何可以被定义的物件。却如窗中投放下的影子——当最华美的一束光从中自然而然地流入情感交汇的枢纽，会在隐壁上留下一个黯然地轮廓。有时如人，有时如异兽行于厅堂，发出万千虫石草木的交鸣。
没有人知道他们在干什么，没有人限制得了他们的移动。曾有行为学家猜测其大抵是在照看窗户，或者是那些独守空堂的光影本身——那是水中月，镜中花，可以只是灵魂的把戏，疲劳的幻觉。
但是不可否认，每一个在美术馆中的人们都看见过他。远远地眺望，在阴暗处滑动流淌，伺机吃掉你。
有戈尔涅瓦的照料，你不需要担心所谓吃掉的含义，因为我们没有收到任何被吃掉的人的遗言。这位守护于此的神祇，终日惶惶不安，呐喊彷徨，却不为人所理解。于是只能寻求艺术的一些美学，雕塑、画作、书法、插花、音乐……从春秋的群灵荟萃到春秋的争夺攻伐，这里什么都有，但每一处又流淌着相似的光芒。
戈尔涅瓦梦境美术馆没有固定的入口，它出现在你需要它的时候。
失眠的深夜，辗转反侧难以入睡，突然看见窗帘的缝隙里透进一道光。那不是梦魇，只要拉开窗帘，一条无限延伸的长廊邀请你加入其中。
迷路的时候，你走进一条从未见过的巷子，巷子尽头有一扇门。用你的手握紧你另一只手，其实那也是戈尔涅瓦的作品，你就可以进入。
做梦的时候，你梦见自己在一座美术馆里，两边是无穷无尽的窗户。你在梦里觉得很熟悉，好像来过很多次。你确实来过很多次。你只是不记得了。
也许是在你死后……当灵魂最深处的黑暗在意识的冷却下逐渐迷离，你一定会想起，多年以前，被戈尔涅瓦拉入无穷光辉的遥远生活……
不管你走多远，不管你在哪一扇窗前停了多久，你回头就能看见它——一个小小的、发光的点，在长廊的尽头，像一颗永远不会熄灭的星。
你随时可以走到门边，推开门，外面是你来的地方。
你的房间，你的生活，你的梦。
也许什么都不是。
只是光。
……
作者：梦魇
Aprilguiltyincubus
原本写了三天不得劲，然后今天晚上突然爆发，删掉自己之前写的，两三杯酒下肚，开始速写。
鸣谢：
Acoustic Café - Last Carnival
Oskar Schuster - Lüneburg
Franz Gordon - Amour Mourant
Daniel Hope - Auf dem Wasser zu singen, Op.72, D.774
Eugen Doga - Waltz
Eugen Doga - Gramophone
David Hicken - Oberon
图均为https://dreamifly.com/zh生成
