@supports(display: grid) {
: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);
}
#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 - 1.5em);
}
#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);
box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) 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;
}
}
/* source: http://scpko.wikidot.com/theme:minimal-scp-foundation-by-cocoonist */
#top-bar .open-menu a {
position: fixed;
top: 0.5em;
left: 0.5em;
z-index: 5;
font-family: 'Nanum Gothic', san-serif;
font-size: 30px;
font-weight: 700;
width: 30px;
height: 30px;
line-height: 0.9em;
text-align: center;
border: 0.2em solid #888;
background-color: #fff;
border-radius: 3em;
color: #888;
pointer-events: none;
}
div#side-bar {
position: fixed;
left: -19em;
height: 100%;
overflow-y: auto;
top: 0;
width: 17em;
padding: 0.45em;
display: block;
z-index: 10;
transition: left 0.5s ease-in-out;
}
div#side-bar:hover {
left: 0;
}
div#side-bar:before {
content: '≡';
position: fixed;
top: 0.5em;
left: 0.5em;
font-size: 30px;
width: 36px;
height: 36px;
text-align: center;
z-index: 6;
transition: left 0.5s ease-in-out;
opacity: 0;
cursor: pointer;
}
div#side-bar:hover:before {
transition-delay: 0.1s;
}
@media (min-width: 768px) {
#main-content {
max-width: 708px;
margin: 0 auto;
padding: 0;
transition: max-width 0.2s ease-in-out;
}
.mobile-top-bar {
display: block;
}
.mobile-top-bar li {
display: none;
}
}
「松山洞拐,二膽么八放下起落架。」
那架C-130在觸地前一刻完全失去了動力,高騰的黑煙在劃過臺北市的天際線中央,機場消防車與更多的待命救護車閃起警戒的色彩,衝向了那滑入草坪的運輸機。
「不要擋在那邊!走!走!」
機工長穿梭在勉強開啟的後艙門之間,將地面固定的擔架扣環給解開的同時,也在那說不上寬敞的空間內確保任何意外不會發生,而這在一架傾斜且瀕臨摧毀的機體中,幾乎是一個不可能的任務。
「快快快快快快!上車走了!」
那些擔架上的身形間,由大片的血色、氧氣罩、白布與綠色的數位迷彩交雜,而且人數明顯超載;氧氣罩中的呼吸微弱,那如同被水體塞滿一般的聽覺只能微微地與遠方的防空警報共鳴。
這些傷患將會送往位於內湖的三軍總醫院,而這批人大概是能回來的最後一批,救護車開向了那算不上寬敞的門口後,由側邊切入的成排重型機車便開始行駛在車隊的最前端,憲兵快速反應連的開道熟練且迅速,但與過往不同的是,那些雙載的重型機車上頭坐了至少兩人,背上的反裝甲武器與手裡的步槍彰顯著現在事態的危急。
「警方的封鎖失敗了,前方內湖區公所前路段嚴重堵塞,兩旁路口也都塞滿了車,這樣下去會拖延到後送——」
但現在,可不是尋常狀況。
「想辦法請離——什麼?圓環出現車禍了?」
再多重的預防與提前封鎖都在緊急情況下缺乏的公民意識下雪崩式的瓦解,眼前的車陣動彈不得,甚至,救護車隊的空間還在不斷地被壓縮中。
而後方還沒接送到小孩的車輛已經開始瘋狂的按著喇叭。
「幹!就是你們這群只會掃地的才讓我們逃不出去!當兵誰沒當過兵誰稀罕啊!都是因為蔡政府挑釁大陸才會這樣啦!」一名困在車陣中的廂型車駕駛打開車門下來急切地罵喊著,只因車隊就正好卡在道路中央,就連對向也是由於各種意料之中的違規而亂成一團,整條道路陷入癱瘓狀態。
「先生先生請冷靜,這裡都是要送往醫院的……」一名憲兵士官從機車上下來試圖安撫群眾情緒,但很快便被打斷。
「欸!還不是你們這群黨國遺毒的叛徒……」一旁的電動車駕駛踹開了機車側柱,非常時期已經不在乎那外送平台的安全帽彰顯的身份,衝過去就是一把抓住廂型車駕駛的領子。
人們開始相互爭論與當下無關的事情,開始將對方政黨的人名與其他與現在無關的政策扯出來爭論,喧囂已經淹沒了試圖勸解的憲兵,正在貢獻的人就這樣被晾在一旁,寶貴的救命時間大把大把的流掉。
而那名憲兵的同期,在稍早之前成為了最後留守在金門的其中一人,那個曾經在幾條街外快炒店一同餐敘,穿著和眼前人們差不多的衣服、搭著差不多捷運路線的人。
活生生的人。
而他們憲兵之所以會出現在這裡,也是因為前去視察的高階將領就在傷患名單中,並不是因為弟兄,現在不會,以後也不會,這個國家一點也不尊重軍人。
做事的人、以及只顧自己的人,統一、獨立,還有什麼都無所謂的人們,都只會因為一件事情而住口。
數枚火箭彈落在了距離此地不過一個街區的位置,並在當下立刻爆炸,震響的聲波使得眾人之間的氣氛短暫凝滯了片刻。
隨著第一位駕駛踩死油門,第二位乘客開始下車狂奔,第三名機車騎士被擦過的人群撞到,第四名逃命的群眾則踩過前一位的蜷縮的胸口,然後又是幾個人被絆倒後,死命地抓耙著地面試圖起身。
街上的驚惶瞬間到了最高點,然而無論是怎樣的尖聲驚叫,似乎都再也傳不入那名憲兵的耳中,他就只是站在那,直勾勾地望著火箭彈命中的建築。
那是疏散效果極慢、且正值上學時間的國民小學校舍。
「不是,無人機啟用紀錄雖然被手動清理過,操作軌跡也被很完美的消除……但是再怎麼說也不可能憑空少一架,Dieter,你到底幹了什麼?」Werner從控制終端那滿屏的監控視窗前起身,然後一臉難以置信的回頭望向安靜的Dieter。
這座巨大的太空站正在賣力爬回它本該待著的軌道,只因為剛剛在啟用天基雷射武器支援地表時,突然被某種無形的巨大力量給拉向了地球,這件事情相當嚴重,嚴重擾亂了,甚至由於紊亂的增幅系統導致了一名正在進行對地奇術壓制工作的女性同事進入植物人狀態。
然後那名本該在停屍間裡面的女同事,現在正安然無恙的罩著Dieter的白大褂,靠在情偵中心控制台一旁的固定椅上,像是看著傻瓜一般的盯著Werner與Dieter之間的對話。
「……之前有壓制部門的同事被困在地表的情報出現,我就會這樣做——」
「就是用奇術驅動的無人機作為錨點盡可能的靠近連通地表的照準方向,好讓他們像是看見燈塔一樣游回來;而就只有這一次、這一次的無人機被她試圖回到3X的行為給扯碎了,那奇術能量被那綠光給增強了,而你沒有考慮到這該死的變因,Dieter!」
Werner這才回想了起來,自從Dieter被調到這個部門之後,壓制部門的奇術師小姐們的確死傷數量變少很多,原來是這樣搞的。
「我可以說一句話嗎?」
那名女性——Ebrietas半舉起了手來想要發言,Werner則以無奈的眼神回應。
「所以是我在對殆瓦分支進行壓制打擊的時候,那個詭異的綠光閃了起來,然後我就跟那些報告中的項目一樣,變成可以把一個幾萬公噸的太空站從距離地表三萬五公里的位置扯下來的異常實體?」
「我覺得妳會被收容——」
「我不知道這跟停屍間哪個比較好,反正我現在比較想要當個屍體。」
Ebrietas用著一種不知道要瞪還是感謝的眼神看向了救了自己一命的Dieter,後者那像是死魚一樣的撲克臉仍然沒什麼情緒起伏。
「Theseus主任不是笨蛋,整個站點都在他的視線中,待會哪個天槍還是郎將開頭的特遣隊就會衝進這裡把你們兩個、喔不還有加我這個被你們捲進去的總共三個人,一起拉到中央管制臺去,還什麼克盡職責咧,我現在甚至不知道我還是不是人。」
Dieter被罵的無法發言——亦或是他原本就沒有這個打算,他只是在電腦上頭輸入了交接事宜並把手頭的工作規規矩矩的完成,好似這種事情發生就發生了,除了動手處理以外沒有其他的辦法。
「Werner,看這個,你剛剛協助引導完的對地打擊座標附近。」
Dieter拉出了一個視窗,觸控筆將其扔至中央投影臺,雖然有試圖轉移話題的嫌疑,但Werner和Ebrietas還是將視線給放在了那投影上頭。
那是個他們再熟悉不過的地球全景投影,由三百六十六顆探地掃描衛星實時監控,這套與全球超自然聯盟合作維護的系統負責向各大監控中心回報自地表到海平面底下兩萬米的範圍所發生的一切烈性事件。
而就在數小時前的影像記錄中,第八處艦隊被殲滅後的座標再往西南方一些,空拍顯示解放軍的大量軍力正在海岸集結,美國則是在新聞上開始大張旗鼓地播送集結相關的衛星空拍圖,並將第七艦隊毀滅的消息作為文章來作為備戰的依據,詭異的是,在整個世界為此沸沸騰騰的同時,基金會掌控消息的力度在這之間就像是消失了一樣。
「有人在搞鬼。」
「嗯。」
隨著時間軸的運行,那蔚藍行星逐漸被越來越多尚未被解決的浮空紅色標記給淹沒,而當時間軸邁入未來,赤色的雲霄已經遍佈了整個地球,基金會與帷幕的控制力道被那道綠光引來的危機摧枯拉朽地粉碎,就在可預見的未來。
「這是我們見過的第幾個世界末日?」
「我不記得被噴過幾次記憶刪除了。」Ebrietas的反應聽上去最為從容,但仍掩蓋不了那微微發白與開始發麻的臉頰,在唇邊傳來的些微震顫「我應該希望這不是第一次嗎?」
「問題是我們能做什麼。」Dieter飛速地將觀測報告上呈,並隨之附加了一些附件檔案「Ebrietas,妳在那事情之後有使用過任何一次奇術嗎?」
「沒有,怎麼了?」
她的視線在那枚紅色行星上游移,同時也看到了這座巨大太空站於地球周圍的相對位置,那因自己所害而被拉得如此近的距離,正能化為方才從屍袋中起身時所見到的視野。
太空站的窗口正對著台灣海峽,在那片藍、那片綠、那片白之間,是見不到國界線的,就只有一個地球。
就只有一個地球,在那宏大、遼闊且未知的深空之間,唯一的家園。
「如果你說我後不後悔,還能活著看到陷入火海之前的世界,還算值得吧。」
「不是。」如果Werner與Ebrietas沒聽錯,剛才Dieter嘆了口氣「我是想說既然妳能夠把一座高軌道太空站扯到近地軌道,能不能擋下這個。」
寥寥數萬公里外,一枚位列異常星體名冊的巨物,其軌跡正好與返回軌道中的3X重疊。