:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
--header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
--logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
}
#header {
--search-textbox-text-color: var(--swatch-secondary-color);
background: none;
}
#header::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0.75rem;
background-image: var(--logo-image);
background-repeat: no-repeat;
background-position: center 0;
background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
opacity: 0.8;
pointer-events: none;
}
#header h1,
#header h2 {
margin: 0;
padding: 0;
width: 100%;
height: var(--header-height-on-desktop);
display: flex;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
}
#header h1 a,
#header h1 a::before,
#header h2 span,
#header h2 span::before {
margin: 0;
padding: 0;
z-index: 0;
display: block;
text-align: center;
}
#header h1 {
z-index: 1;
}
#header h1 a::before,
#header h1 a::after {
content: var(--header-title);
}
#header h1 a::before {
color: rgb(var(--swatch-text-tertiary-color));
z-index: -1;
-webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
}
#header h1 a::after {
color: rgb(var(--swatch-headerh1-color));
z-index: 1;
}
#header h2 {
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#header h2 span {
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
}
#header h2 span::before,
#header h2 span::after {
--wght: 600;
content: var(--header-subtitle);
position: absolute;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
text-align: center;
}
#header h2 span::before {
-webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
}
#header h2 span::after {
color: rgb(var(--swatch-headerh2-color));
z-index: 1;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
color: rgba(0, 0, 0, 0);
}
@media (min-width: 36rem) {
#login-status {
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status::before {
--mask-image: none;
background-color: transparent;
}
#login-status:not(:focus-within) {
color: rgb(var(--login-line-divider-color));
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
#login-status #account-topbutton,
#login-status:not(:focus-within) #account-topbutton {
--clip-path:
polygon( 0 0, 100% 0, 100% 100%, 0 100% );
background-color: rgba(var(--login-arrow-color), 0);
}
#login-status #account-topbutton::before{
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(var(--login-arrow-color), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton:hover::before {
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
}
#login-status:not(:focus-within) #account-topbutton::after {
display: none;
}
#login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
pointer-events: all;
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
opacity: 1;
}
#login-status #my-account {
--wght: 300;
}
#account-options {
background: var(--gradient-header);
}
#search-top-box {
top: 1.5em;
right: 3%;
background: rgba(var(--search-focus-textbox-bg-color), 0.4);
}
#search-top-box:focus-within ~ #login-status {
opacity: 1;
}
#search-top-box::after {
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
#search-top-box:not(:focus-within)::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0% 100%
);
background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#search-top-box:not(:focus-within):hover::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
background-color: rgb(var(--search-icon-hover-bg-color));
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) {
max-width: var(--search-width);
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
max-width: var(--search-width);
padding: 0 var(--search-height) 0 1em;
outline-width: 0;
background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
color: rgba(var(--search-textbox-text-color), 0.4);
cursor: pointer;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
#search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
pointer-events: all;
border: none;
}
}
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
content: "";
flex-grow: 1;
height: 0.0625rem;
background: rgb(var(--swatch-primary));
}
#page-title::before,
.meta-title::before {
margin: auto 1.25rem auto auto;
}
@supports(display: grid) {
:root {
--sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
--body-width-on-desktop: 45.75rem;
}
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
background: unset;
opacity: 1;
pointer-events: all;
z-index: -1;
}
#side-bar .close-menu img {
color: transparent;
}
#side-bar .close-menu::before,
#side-bar .close-menu::after {
content: "";
box-sizing: border-box;
position: fixed;
display: block;
top: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
z-index: -1;
background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-size: 60%;
mask-size: 60%;
}
#side-bar .close-menu::after {
z-index: -2;
background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
pointer-events: none;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 0);
border-radius: 0;
border-left-width: 0px;
border-right-width: 0px;
}
#main-content::before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
z-index: -1;
opacity: 0;
transition:
opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
margin-left: var(--sidebar-width-on-desktop);
background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
padding-right: 0;
width: 100%;
height: 100vh;
pointer-events: none;
z-index: 99;
}
#side-bar:focus-within ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
@supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
padding: inherit;
} }
#content-wrap {
display: flex;
flex-direction: row;
width: calc(100vw - (100vw - 100%));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
flex-grow: 2;
height: auto;
position: relative;
margin: 0 auto;
max-width: inherit;
}
#main-content {
width: 100%;
position: initial;
max-height: 100%;
padding: 2rem 1rem;
max-width: var(--body-width-on-desktop, 45.75rem);
margin: 0 auto;
}
#page-content {
max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
}
@supports (-webkit-hyphens:none) {
#side-bar {
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
padding-right: 0;
background-color: rgb(0, 0, 0, 0);
pointer-events: all;
overflow-x: visible;
overflow-y: visible;
z-index: 999;
}
#side-bar::-webkit-scrollbar {
opacity: 0;
-webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before,
#side-bar:hover .close-menu::after {
opacity: 0;
}
#side-bar:hover {
left: 0;
background-color: rgba(var(--swatch-menubg-color), 1);
padding-right: 0;
}
#side-bar:hover::-webkit-scrollbar {
opacity: 1;
}
#side-bar:hover~#main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
你可曾感觉空气沉重,一举一动都被它拖曳着四肢?这种状态下似乎最微小的一步都要花费极大的力气,就像在果冻或者流沙或者水里移动一样。就像在旱地上淹死。
你坐在一张椅子上。桌子对面有一个人。你觉得自己认识他。你们可能一起去钓过鱼。
你一定是Thorley
那个名字听着好像是对的。你点了点头。他桌上的名牌上写着Dr. Lawrence。
他开始谈论一些从海床里挖出来的奇怪文物。他讲得不太好懂,但似乎也不是紧急或者危险的事情,只是很令人困惑。
他期待地看着你。你眨了眨眼。
觉得你能帮我们弄清楚吗?
你张开,又闭上了我的嘴。然后你点头。你根本不知道是怎么回事,但你还有那么多有关非现实部的问题。你甚至不知道你为什么在这里。这是个好机会。
他对你微笑。
很好。Emma说你会很合适。
Emma。你记得那个名字。你肯定和她一起去钓过鱼。你不记得你们聊过什么了,但是很高兴知道有人在想你。
你不确定为什么Lawrence博士会觉得你适合这份工作,但你没时间去担心。你得坚持到下一次会议。
你坐在一张巨大的圆桌旁。它摸上去很冷。是金属的。
天很黑。没有灯。
氧化浓重的气味充斥着我的知识,混合着霉味和咸味。你隔着裤子感受到椅子仍然是寒凉的。
你听见金属相互摩擦的声音。其他几个人坐了下来。中央的一盏灯亮起。他们的脸庞,笼罩在黑暗中。一个议会。
天花板是玻璃的穹顶。玻璃外面是黑色的。如果没有霉菌和空气潮湿的气息,它可能会与深空混淆。
有什么从窗边飘过。看起来像是一个深海球形潜水装置。
你对它挥了挥手。
它看着你 ,然后消失了。
“别和野生动物打招呼,”桌边有人说。
会议。你得集中注意开会。你不知道自己为什么在这里。是什么海妖的歌把你送来了这里。
会议并不有趣。他们在讨论后勤问题。你不知道他们是怎么把食物和水送到这么深的海底的。
它一定是个孤独的存在,深深地在这里,那么深,离一切都那么遥远。它一定是一名做梦者的孤独的生活,被流动的黑暗包围,只等着你做出抉择。伸出手去塑造它。
你对面坐着一个人与蝾螈的混血种。它尝起来会是怎样的?
但水中有那么大的压力。海洋、洋流与雨水的重量,在水循环中循环了上百万亿次,每一滴水都已落下、升腾、然后再度落下。全部的传统、全部的液体,都包围着你。向前冲刷。向后回推,不论你多么努力地尝试。强迫你变得越来越小、越来越小。
在危机时的基金会站点中,食人有多普遍?它肯定没有那么罕见。不论你去哪,基金会的食物都是一样的味道。
你看着他们无谓地争吵。你看着他们被压力淹没。你看着他们的会议失去组织。
你想吃寿司。
我记不住我的梦。
眨眼时,我醒来。闭眼时,我睡着。睡着时,我醒来。
我站在遥远的海岸边上,凝视着平静的水面。
我在哭。不知为何,但我在哭。
灯光刺痛了你的双眼,于是你闭上它们。
空气闻着很绿,湿润着你的皮肤。你感觉头疼。
你睁开双眼。
你独自站在植物中,上百个洒水装置同时运行,都在轻柔地喷出水雾。
那是一个水培农场。这里一定有很多可以生长的作物,随时可以成为食物。
你看着其中一株植物。
它是绿色的。顶端有一簇叶子,从茎秆上卷曲而起。茎秆是浅黄色的,末端是一束悬在空中的根。它们没有可供扎根的土壤。
你感觉胃里翻腾。
根在空中摇晃,相互纠缠,没有什么可以依附,只有自己作为参考系。它一定是个痛苦的存在,身为水培农场中的一株植物,活着仅有一个目的,在生命的极盛之时被收获,永远无法开花结果,永远无法了解人工光照的循环和轻柔喷洒的水雾以外的任何。你现在就可以伸手去摘下它、就地撕裂它,它永远都无法知道它短暂可悲的一生是如何又为何戛然而止,你会把它吃下、囫囵吞下——
你会吗?它不是寿司。
灯熄灭了。
可能到晚上了。
太阳在漆黑的天空中照耀。
我在看着什么呢?
我可以想象即将出现的话语。他们说着我不能的事。
他们怎么能这么做?
我们生活的世界啊。
在这个世界上,事情总是会发生。总会发生在人们身上。
人们会做事情。人们会对别人做事。
我不想思考这一点。我从来没有时间。但还是一样疼痛。
太阳反射在海浪上,细微的涟漪荡漾到地平线。
你以为那么大的海洋中会有真正的海浪,但有的只是涟漪。它们就在那里。它们永远不会冲刷上海岸。永远不会达到高潮。
你又迷路了。你记得你是走到这里的吗,还是你的调查带你来到了这里?
是一间闪闪发光的白色圆形大厅,有十来个出口。天花板是穹顶,仍以玻璃制成。
这里有好多人。你觉得你之前认识其中几个。你考虑着打个招呼。你没有。
水是黑色的,但圆形大厅依然明亮。在生命与上方的水之间只有那么单薄的一层玻璃,看上去并不安全。
其他人似乎都不在乎。他们都是这个站点的日常工作者。他们肯定已经习惯了。甚至没有人抬头看。他们都在相互交谈,或者从其他人身边走过前往目的地。身为唯一注意到的人,感觉很是压抑。没人觉得有什么不对,也很正常。对他们而言只是平常的一天。
水如此黑暗,几乎会被当成是太空的虚无。想象防洪墙壁破碎,数百层相互连结的玻璃一块接着一块碎裂,水流巨大的压力倾泻而下。不属于此的质量填满了无法支撑其存在的虚空。想象有水泼入玻璃穹顶上破碎的洞里,所有人都在跑着逃离,他们恐惧但从未预料到的时刻到来了。水下站点会有训练协议、演习、很多很多的冗余来防止大家死亡。
但是当然了,没人觉得这种事会发生在自己身上。死亡是发生在别人身上的事。
突然的动作吸引了你的目光。好像所有人都在跑了。有电喇叭在鸣叫,闪烁的深红色封锁灯光充斥了空间。
所有人都停下了移动。他们都聚集在门口了。他们相互推搡,但没有向前。
气闸已经密封了。你们都被困住了。
你更近地看着水。
什么也没有。
海水拍打着海岸。
我一直都知道我是谁,我要去哪里。
我不知道。
我有一个目的。
我要填满空间。
人类怎么能做到这点呢?他们又为什么要这么做?
什么也没有冲刷着海岸。
桌上放着十三个鱼缸。其中一个是空的。
你在它们旁边坐下。
它们是鱼。
你走了。
你几乎可以理解了。你能感觉到,就在知觉的边缘。你在海浪之下,而我在海岸上。
我们之间什么也没有。
我望着水面,风平浪静。我看不到你的迹象。
你在海浪之下,想象它们在向你袭来。我在它们之上,我所见的只有平静。
我们是一体的,我和你,Alex。我们毫无共同之处。
我知道海浪之下什么也没有。
我离开了海岸,还有那里的你,Alex Thorley。
今天很漫长。你很疲倦。
你在餐厅里坐下。
Lawrence博士走到你桌边。
谢谢你的帮助,Alex。你真的帮我们理解了一切。
你不知道他在说什么。
他拍了拍你的背,然后留你一人吃晚饭。
你看着盘子。
里面有一块粉色、黏滑的物质,切成了可爱的小条。每一个立方都坐落在完美的洁白米饭之上,被一条干燥的黑色海藻绑住。你认不出这块肉。不是金枪鱼,也不是鲑鱼。
你不觉得饿了。
请按如下方式引用此页:
更多详情请参阅授权指南。
授权信息
文件名:radiolarian_big.jpg
图像名:Radiolarian - Dorataspida sp HAECKEL
图像作者:Picturepest
授权协议:CC By 2.0
来源链接:Flickr
文件名:Vertical_farm_Finland.jpg
图像名:File:IFarm.fi Vertical farm Finland.jpg
图像作者:ifarm.fi
授权协议:CC By Sa 4.0
来源链接:Wikimedia
文件名:dark_water_fade_out.jpg
图像名:Dark Water Fade Out
图像作者:Chad Cooper
授权协议:CC By 2.0
来源链接:Flickr
文件名:marble_skin_fish_fossil.jpg
图像名:Marble Skin Fish Fossil
图像作者:Nicolas Raymond
授权协议:CC By 2.0
来源链接:Flickr
更多维基文档信息,请见版权信息总览。