: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
名字聽起來蠻正確的。你點頭。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
欲瞭解到更多處於維基上的資訊,請見 Licensing Master List。