@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: "SCP 基金会";
--banner-title: "FOUNDATION";
--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.8em, calc(0.4rem + 0.8vw), 1em);
--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: 32em;
max-width: max-content;
min-width: auto;
flex-direction: row;
flex-wrap: wrap;
}
#top-bar > div > ul > li > ul > li {
width: 50%;
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%;
}
}
§
墙壁上的正字，停留在第875个。当你正准备用螺丝钉刻上新的一痕时，门外的警卫敲了敲牢房的金属大门。
“D-1936，”一名身着白大褂的研究员将一份文件递给你，脸上是一种你读不懂的复杂表情，“你提交的申请已经被通过。时间是今天中午。无论如何……祝贺你。”他将“祝贺”一词说得异常缓慢，似乎在咀嚼这个词的味道。
话语如春风般拂过你枯涸十余年的内心，你急切地抓过纸张，辨认着上面的每一个印刷字，完全无视了研究员挤出来的笑容。你觉得自己的身心从未如此地轻松过，仿佛十二年的厚重枷锁骤然碎裂。你望向灰色的水泥墙壁，875个正字如同一份875字的生死契，见证着你的灵魂从惊惶到绝望、从恐惧到麻木。你清楚，下一笔永远不会被写就了，这份生死契已然落下尾声。
在之后耐心等待你的，将是永眠的解脱。
۞
你早已忘却自己的姓名与十二年前的种种。只记得一份文件，一只不由分说按住你拇指印下红泥的手，然后便是这里。无期徒刑？劳动改造？他们似乎给过你一个说法，但你记不清了，那也不重要了。真相绝对不是这样。
第一天，你被带到一个空旷的场地里。在你身后的大门合上的一刹那，头顶的灯盏啪的熄灭。深渊的黑暗将你吞没。你惶然地伫立在原处不敢移动半分。恐惧在寂静中悄然蚕食着你的内心。远处有微弱的铃声向你逼近，轻微的脚步声颤栗着你的耳膜，精神被完全击溃的你惊慌地冲向记忆中门的方向，却怎么也碰不到墙壁，你嘶喊着求他们放你出去，却无人回应。直到后来灯光毫无征兆地亮起，你才发觉自己从未移动半米。你被几名士兵模样的人押走时，看见那些“医生”们正平静地交换着数据，偶尔在纸上记下一笔，他们的眼神扫过你，就像在检视一段出错的代码，仿佛刚才不过是对一段代码的试运行。
疯狂挣扎无济于事，你被拖进牢房一般的地方，拍打铁门只会换来门口守卫朝着你的枪口。
那天，你用颤抖的右手在墙上刻下了第一道痕迹。
§
你小心翼翼地折好文件，放在对面的空床铺上。也许这样能让他知道，自己与他相距不远了。
守卫又一次敲响了铁门，这次走进来的是两名士兵，你的心脏抑制不住地狂跳起来。在你心中，这与引渡之人无异。
۞
你曾有过一个室友，一位被俘的间谍。他告诉你不要深究这里的一切，他告诫你在这里逃跑的结果比死亡更可怕，并用一种过来人的疲惫眼神看着你……他似乎不是第一次见识这里的诡异之处了。
你们执行任务时总被分配在一起，他借机教你何时应屏息凝声，何时应忍住好奇闭上双眼……他似乎知晓一些这里的真相。
得益于他，你避开了不少未知的危险，一路摸索着活了下来。然而他也并非全知全能之辈，更多时候你俩面临着种种有形无形的恶意存在，在濒死之时侥幸逃脱。你有预感，两人并肩而行的日子不会长久。于是有次，你趁着空闲时间询问他的姓名。
他张了张嘴，而就在这时，牢房里警铃大作。你在心里抱怨着突如其来的临时任务，但仍等着他回答。
“任务要紧，回来再说。”他无所谓地一挥手，“祝我们好运！”
可这一次好运并未如期降临。
在最后的危急关头，他用力推了你一把，自己由于反作用力向后倒去，转瞬间被刺眼的强光吞没。你永远忘不了他在生命最后一刻凄惨的微笑。
那天午夜，你独自一人回到铺位上，他的编号铭牌被你攥在手心。看着远处那张再也不会出现原来那人的床铺，悲伤与绝望如海啸般席卷而来。
在这张命运的棋盘上，你连一个小卒都不是。仿佛理智被绝望所照亮，你于刹那间看清了自己的结局。
你的人生已于十二年前戛然而止，属于你的诗篇还未动笔，便被投进地狱的烈焰中焚烧殆尽。行尸走肉般的你被时间鞭打着前进，却发觉自己的结局早已被注定。
与其在生不如死的折磨中苟且偷生，不如有尊严地主动终结这一切。
那份文件，便是你提交的处决申请。
۞
在运输车上，你不住磨挲着那块你随身带了两年的铭牌，指尖感受着上面冰冷的刻痕，心中却泛着道道喜悦与一片前所未有的宁静。
“老兄，咱俩终于能重逢了……”
你将于终结处被赠予羽翼。
.
.
.
.
.
.
十二年前的子弹正中眉心
你将于终结处被剥夺羽翼
……
不得生，亦不得死
.
.
.
♦
你并未感受到预期中意识的逐渐虚无所带来的解脱，相反的，一种诡异的错位感让你不寒而栗。
随着一阵战栗，你眼前的一切骤然浮现。
你看见了自己倒地的躯体，鲜血从额间汩汩涌出，在地上绘出一朵鲜红的大花，花瓣源源不断地绽开，呈现着惊悚的美。
……可死亡呢？解脱呢？
你想要拔腿冲向自己的尸体，却并未前进半分，如同十二年前那样。你惊恐地试图转动视角，终以失败告终。失去生命的你同样没有得到死亡。意识被禁锢于此的你以生前最后一瞬的目光凝望着人间。
……这便是你永恒的归宿。
.
.
.
实验记录0524-α
受试对象：D-1936
实验结果：D-1936被带至项目自身作用所产生的异常区域内，在其头部中枪失去生命体征后，区域内休谟指数呈现出明显增长，结合多种迹象表明D-1936的意识已被项目捕获。
笔记：实验进展顺利，建议对项目开展更进一步的研究。——Dr.Technoseek
