@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.25rem;
left: 0.5rem;
width: 3rem;
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.25rem;
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::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
}
#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 .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;
}
#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;
width: var(--body-width-on-desktop, 45.75rem);
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));
}
@media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance: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 {
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;
}
}
}
}
}
@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;
}
}
Lostwhat
作品名稱：海棠依舊
X的意涵不只在於文中的藥劑，也在於「錯誤」與「無誤」之上。
神不會犯錯。
他睜開眼睛，然後賦予這個世界形狀、顏色和氣味。鐵灰色如同絲線一般從他的靴子下開始蔓延，往每一個方向、每一個緯度直奔，光影喚出了地面，顏色呼出了牆壁，那是一條深不見底的走廊。隨著他的視線深入，走廊的深處被無限延伸，整個空間成為了一條鐵灰色棺材，試圖埋葬著他的意識。
若隱若現的氣味沒能順利瀰漫於走廊中，卻還是讓一部分的噁心竄入了他的鼻尖，但他沒有皺起眉頭，也沒有轉頭迴避。他只是安靜的讓味道強佔住自己意識的一小塊。他很清楚那是什麼味道，那是血以外的，體液的味道。鮮血的氣味不會那麼黏稠，這點他也很清楚。
真紀博士不耐煩地咂嘴。除了那佔據了少量視野的暗紅色污漬，幾乎可稱之為是光滑的地面與不定頻率閃爍的日光燈在平滑的磁磚上映照出他的身影。他小心地跨出步伐，純黑色的針織罩衫隨著他的動作微微搖晃，宛若披在身上，擁抱自己的影子，甚至比真正的影子還要像。走了幾步，他搞懂了某些事情，但他需要證據。
他眨了眨眼，從唇中呼出的氣體有了模樣。牆面開始結霜，真紀博士雙手抱胸，失控的溫度急遽自由落體，這次他才皺起雙眉。他繼續走著，卻在經過一扇門時停下腳步，真紀博士凝視門上的玻璃窗，但並非是在看向門後的空間，反正他知道那裡大概只會有除不進的黑暗餘數。他在玻璃窗上看清了自己的面孔——依然是眉清目秀的女性模樣，依然有著那對足以洞穿靈魂的瞳孔，依然帶著完美的微笑弧度。這倒是讓他困惑了，他沒能從倒影中找到自己要的證據。
這個世界，是否是虛構的證據。
剎那間，他暫停了呼吸。
「……真虧你能追到這一層來啊，真紀博士。不，應該說『前RAISA-ZH副主任』嗎？」銀鈴般清脆悅耳的手槍上膛聲在背後響起，他感受到某種堅硬的東西頂上了他的背，碰觸著脊椎的輪廓。
是一個女人的聲音。真紀不記得這個聲音。
「……妳是誰？」在玻璃窗上的倒影從一人變成了兩人，後面的身影從自己背後微微探出，那是他也未曾見過的臉龐，典型的高加索人面孔，有著俐落的短髮和朦朧不定的翠綠色瞳孔。
「你有一次機會可以猜。猜到就算你的，」女子歪頭微笑「但是你還是會死在這裡。」
真紀沒有說話。走廊越來越冷了，整個世界只剩下他們兩個人的呼吸聲，緩與急、緩與急，槍管緩緩在他的背上滑動，從腰椎探到了頸椎，再從頸椎爬下到尾椎，冰冷的觸感讓他忍不住打顫。
「猜不到嗎？那也無所謂，反正這個站點那麼大，你也不可能認識每一個員工吧。就算幾千個員工之中，碰巧有一個人是混沌反叛軍的幹部，也沒人能知道這件事。你犯了一個大錯啊，博士。」背上的槍管抵得更緊了「至少，等一下就不會有人知道了。」
「妳的目的是什麼？」真紀以意識的邊緣去嘗試尋找他的配槍。那把典雅的憲章左輪依然好好的，就在他綁在腿上的槍套之中，但他不可能在這種情況下還能慢悠悠地把他抽出來，然後好好地開槍。
「只是一點點友善的小資訊而已。你不會碰巧知道深層儲存庫的核心終端密碼對吧，博士？」
深層儲存庫，那裡存放著這個世界上最機密、最敏感的資料們，就算是帶出任何一條都足以讓世界天翻地覆。51區的真相、希特勒並未自殺的事實、大腳怪——或者說「51號協議」、「第七次超自然戰爭」、「夜之子」，全部都被世世代代的RAISA管理員們埋葬在那裡。就像是個陰謀論的亂葬崗，每一具屍體都值千金。
「可以啊。 」
「……蛤？」女子詫異地張大嘴巴，用槍管和身體粗暴的撞擊真紀，把他整個人頂上了門板。
「我沒搞懂，你他媽的到底……」「admin8fn6ZUdmk。這是密碼，妳現在就可以試了。每3小時會換一次，妳最好快點。」但他只是淺淺的微笑，沒有再說什麼。
「……你為什麼……？」女子眼裡充滿懷疑和不信任，但另一隻手卻拿出終端機輸入密碼。伴隨著叮一聲，進入資料庫的音效響起，無數資料躍然於眼前。
「其實也沒什麼大不了的，」他嘆了一口氣「畢竟妳早就知道密碼了。」然後，真紀放下一直舉著的雙手，無奈地轉過身來，完全無視那漆黑發亮的槍身正對著自己。
「我會開槍。這不是警告，妳最好別再動……」「那就開槍吧，殺死我。」真紀輕輕地抬起對方的槍管，從腹部往上，經過了胸口，喉頭，鼻尖，最後讓槍管抵到了額頭上。
「……你瘋了嗎！」女子的手指抵上板機，雙眼瞪大，那怕是一個輕微的勾手動作都會讓子彈擊發，就這樣穿過真紀的腦殼，鑽入腦隨之中。
「妳知道嗎，妳犯了三個錯。」真紀平靜的說。
「給我住口，然後死吧。」她大聲怒吼，然後扣下板機。
「第一個錯……」「砰！」子彈擊發，火光點亮了整條走廊。
「……就在於，站點裡不可能有我不認識的員工。我知道每一個員工的長相、聲音、名字，而且從來沒有忘記任何一個人。」手槍確實開火了，但為什麼沒擊中？不，其實擊中了，但卻彷彿是將子彈射入水池之中，只是在她的皮膚上起了點漣漪，然後穿過他的顱骨，打爛了背後的玻璃窗。
女子震驚的看著他。真紀溫柔的接過她舉在半空中的手槍，取下彈匣，裡頭還有十來發子彈，他滿意的點頭。
「X型意識誘導劑，可以溶於水中，能夠透過其他藥物營造出強大又具體的幻覺，很適合作為一種自白劑。又被俗稱為『清醒夢』。」他微笑著說，然後把彈匣熟練地裝回手槍內。
女子的表情開始崩潰——更精準地說是溶化。整條走廊，包括血跡、磁磚、日光燈、彈殼、門板，所有一切被真紀的意識所建構出來的世界都在融化，白噪音從天外穿刺而入，強烈的白色光芒取代了假惺惺的日光燈，自走廊另一端爍出。
「第二個錯在於，我從來沒有中彈過。『清醒夢』的缺點就在於沒辦法創造出使用者自己也沒有體驗過的事物。如果發生了這種事，那麼這場夢就會用驚人的速度開始失真，夢境的破洞會產生連鎖效應，那麼使用者很快就會脫離這場夢。」女子的形體已經完全崩潰，從立體摺疊平面，平面塌縮為一線，一線壓縮為一點。
真紀舉起手槍，對準自己的腦門。
他平靜、自信的微笑。
「最後一個錯在於——我不可能會犯這種錯。」
手槍迸出火光。
世界潰堤。
真紀博士睜開眼睛。
這次的世界不是他的意識形塑而出的。這次就只是單純的「世界」而已。第一個映入他眼簾的是天花板那座他想拆很久了的吊扇，然後是咖啡色的辦公室色調。他偏好傳統一點的辦公室裝潢，讓他的辦公室看起來像80年代美國警匪片的警長辦公室。
「午安，真紀博士。」來自視野外的聲音讓吸引了他的注意。真紀從躺椅上起身，感覺肩膀還有些痠痛。坐在他身邊的是一個帶著貝雷帽，蓄著小鬍子的男人，真紀認識他。
「午安，十四。我的推理還算行吧？」他有些慵懶和孩子氣的躺回躺椅，讓價格親民但舒適的黑色皮革擁抱自己的身體。
「完美無缺，的確是X型，而且只花了二十七分鐘。這是您的新紀錄。這樣一來，上半年的模因抵抗突襲檢查就結束了，請您在這裡簽名。」十四遞出文件夾，在文件的最後有著用原子筆圈起來的簽名欄。真紀用秀麗的字體將它填滿。
「是透過在水源投藥的嗎？我記得我今天喝了一杯咖啡。能對我下藥也是值得稱讚了。」
「不，那是……」突然間，工作鐘響起，打斷了十四的話，午間休息時間結束了。「是透過文件，您今天經手的每一份文件上都被撒了少量的藥劑。我們推測您大概在這個時間會入睡，結果一分不差。」
「這樣啊，不過呢……」真紀將文件塞回給對方，然後停頓了一下。
「下次請你不要在午休的時候做這種事。幫我跟外面說一聲。」真紀露出甜甜的微笑，但這卻讓十四寒毛直豎。
「說什麼……？」
「說我整個下午都不會在了，有什麼事晚上再說。」
十四有些疑惑地開口「呃，為什麼？」
「補眠。我要我的午休，如果主任不答應就跟他說我不管。」然後真紀揮揮手把十四趕出去。
他伸手把躺椅的椅背調低，喬了一個舒服的位置，扭了扭身體，閉上雙眼。
這次他沒作夢。
