SCP-1864-Alpha。
项目编号：SCP-1864
项目等级：Euclid
特殊收容措施：SCP-1864当前收容在SCP-1846-Alpha。在其内和周围的基金会船只在新月期间应在SCP-1864-Alpha显现事件中监控平民船只的活动，并在其进入SCP-1864-Alpha周围5公里内时让其掉头。
在SCP-1864-Alpha上建立了Observiational Site-1865（观测站点1864），以在SCP-1864-Alpha显现事件之间在岛上供人员驻扎。
对SCP-1864-Alpha和SCP-1864的探索应只在SCP-1864-Alpha显现事件的黄昏和凌晨之间进行。若发生SCP-1864-3个体出现的情况，批准使用必要力量以遣散个体。
描述：SCP-1864是一个岛屿，位于哈得逊湾内东南海岸越80公里处，其当前位置和整个SCP-1864现象已经被收容。回收的信息指出SCP-1864-Alpha上的建筑最初被设计用作一个小型殖民地，不过进一步证据指出其已经被废弃超过75年。
SCP-1864-Alpha本身就是异常，其只有在新月时才可以到达。在其他时候的日间或夜间接近是不可能的；尽管似乎在接近SCP-1864-Alpha，船只会发现其并没有靠近岛屿。在SCP-1864-Alpha显现事件之间的时间，驻扎在Site-1864上的人员将无法用任何方式离开岛屿；尽管进行了各种努力，所有试图离开SCP-1864-Alpha会发现他们又回到了岛上。
SCP-1864是一个空间异常，位于SCP-1864-Alpha中央一座废弃建筑内。该建筑似乎曾经用作岛上的医院，尽管其主厅内有大量之前未知的武器和科技使得这个理论仍有疑问。用德文写的铭文被刻在主入口的一侧：
跟随孤独的说谎者的道路
深入他那腐烂的沉沦之路
眼睛被他自己邪恶的毛发缝起
锁在寂静带病的坑洞内
SCP-1864可以通过收容有异常的建筑的大厅的主大门的双重门进入。SCP-1864是一个巨大的迷宫，其建造风格与1864-Alpha一致，并环绕了一片约有15平方公里的区域，明显大于其所坐落的岛屿的总面积。对SCP-1864的初次探索得到了数组额外刻在迷宫墙上的铭文的帮助，大部分都收录在文件1864-1。在迷宫的中心是一个大水池，直径为65米。SCP-1864-1位于池侧。
SCP-1864迷宫的内部。
SCP-1864-1是一个2级类人个体，站立高度4.3米。SCP-1864-1拥有一个连接到其下地面的细长躯干，一根单一的，伸长的类似手臂的附器连接到其背面中部，一个类似人类的面孔（除了其脸部侧面和正面多出的4只眼睛），其整体外观似乎很憔悴。
SCP-1864-1一般来说没有敌意，并能说德语，尽管其并不会特意回答问话。SCP-1864-1只愿意详细描述SCP-1864-2和SCP-1864-3个体的当前性质。此外，SCP-1864-1似乎穿着长长的白色外套，似乎是专为缺少人类肢体的它专门制作的。至今唯一和SCP-1864-1进行的全方位调查收录在附录1864-2。
在池子的底部，其深度为120米，是一个圆形的铁格栅，直径约为91厘米。池子的水，以及其他形式的物质，似乎无法穿过该格栅。由于池子的深度，以及SCP-1864内部缺少光线，需要强力光源才能看到池子底部。试图移除格栅的试图没有成功，并通常受到SCP-1864-1的阻挠。格栅之下区域内的热成像图像辨认出一个单一人形个体，约130厘米高，蜷缩在一个小型立方形房间的角落里。当前认为该个体，称之为SCP-1864-2，是[数据删除]（参阅附录-3以获得SCP-1864-2的详细起源信息。）
定期的，一些有敌意的4级非人形个体，称之为SCP-1864-3，将会出现在SCP-1864内外，并试图到达中央水池。此类个体的移动是无规则的，无法被电子或录音监控设备捕捉，并似乎有能力改造任何感知到它们的个体的记忆。因此，对SCP-1864-3的描述（在目击者之间）各不相同。至今，这些个体试图到达格栅的试图都没有成功，通常是因为SCP-1864-1对于这些个体的敌意。通过与SCP-1864-1的讨论，似乎这些个体正试图找到SCP-1864-2，并会导致[数据删除]（SCP-1864-2的详情参阅附录2。）
有关SCP-1864的额外信息
附录1：初次探索记录
下列通信记录收集于对SCP-1864异常的初次发现和探索中，并在途中确定了SCP-1864的性质。探索由MTF Delta-9“Rock Chalkers”的一个三人小组进行，代号如下：
Δ9-TL：特工████，小组领队
Δ9-A：特工█████████
Δ9-B：特工██████[记录开始]
Δ9-TL：好的，打开通信。所有人都打开了？*沉默*好的。我们现在进入异常。校对时间……1730时。
MTF-Δ9小组进入SCP-1864。视觉或录音信号没有干扰。
Δ9-TL：看上去像一个石头大厅，地上有什么……很滑，小心。还很黑。打开灯，各位。
Δ9-B：是。
Δ9-TL：*沉默*好多了。检查这个房间，然后我们移动到那里的出口。*检查房间时延长的沉默*有人发现什么没？
Δ9-A：不，什么都没。墙上有些划痕，也许是工具痕迹？
Δ9-TL：知道了。*沉默*好的，可以了。我们进入这个走廊吧。
MTF-Δ9进入第一个迷宫走廊。由于小组在评估迷宫的性质，初期进展缓慢，为了简短移除了初期记录。
Δ9-TL：这里又有一个转弯。等等，这是什么？
Δ9-A：上面有字。某种文本？我认为这是德文。
Δ9-B：我看到了。*沉默*好的，我认为它指向中央。提到一个洞，和一种病，和一个叫Pan Hun的人。“治愈者的眼睛把血肉变为污秽。”真是杂乱。我会把这个拍下来。
Δ9-TL：你觉得这些指向会把我们带到什么地方？
Δ9-B：*笑声*我确定它会带我们到某个地方。
为了简短移除无关记录。
Δ9-B：这里有更多字，把摄像机递给我。
Δ9-TL：这是什么？
Δ9-B：只有“疾病”这个词不断在重复。等等，不，这里也提到了Pan Hun。“……把恶魔放入井中，Pun Hun在哭泣不过他们把它在他头上关闭而且-”
Δ9-A：我擦，墙角那里有东西。
小组在去到前面的墙角检查时保持沉默。电子图像上没什么值得注意的。
Δ9-TL：*悄声*好的，那里还有条路。保持安静。
小组进入另一条走廊。没有提到之前的干扰。
Δ9-B：*一段时间后*所以那是……？
Δ9-TL：恩。我们继续走。
小组安静的前进了一会，偶尔在墙角停下。Δ9-B走在最前，偶尔扫视他的日志。
Δ9-TL：██████，那里还有更多。墙上也刻了什么。
Δ9-B：*停顿*Pan Hun是个好孩子，Pan Hun说他只想服务于Kaiser，Pan Hun病了，不过不像他看我们的病那样……更多的提到Pan Hun。你知道，我不知道这是最初就刻上去的，还是有人之后一个人刻的，因为有太多凿缝了。
Δ9-TL：我也在想同样的事情。这里，在角落没了。很多日志，我无法阅读它们。
Δ9-B：这是科学日志。*沉默*Gregory Groswald博士。正在翻译，也多次提到了Pan Hun。总之值得继续下去。
Δ9-TL：恩，继续。我们走- *沉默*█████████。
Δ9-TL和Δ9-B都转向Δ9-A，他站在他们前面的过道没有动弹。Δ9-TL慢慢拿出了他的手枪。
Δ9-TL：█████████，慢慢走回来。盯住它。██████，你-
Δ9-B：我知道。
所有小组成员都紧盯过道，电子图像上空空如也。除了小组成员的声音也没探测到其他声音。
Δ9-A：我……它走了？你看见没？
Δ9-TL：是的，我们别在这里呆太久。墙上还有其他指向么，█████████？
Δ9-B：是的，我正在记下它们。
为了简短移除无关记录。
Δ9-B：你们听见没？
小组成员停下倾听。可以听见一个独特的人声，虽然十分遥远。
Δ9-A：它在唱歌？是的，确实是在唱歌。
Δ9-TL：也许要去到出口了。准备好你们的武器，各位。
听见武器上膛的声音。小组安静的前进了一会。唱歌声越来越响。
Δ9-B：那里有光。是出口？
小组走向墙上的开口。Δ9-TL走在最前。
Δ9-TL：我了个擦，什么-
SCP-1864-1：[翻译]晚上好，旅者们。
[记录结束]
附录2：SCP-1864-1的全面采访
下列调查是在基金会人员设立了直达迷宫中心的道路，并架设了一条直连SCP-1864-1的线路后进行的。调查是为了确定SCP-1864的起源。一个翻译被指派以促进SCP-1864-1和基金会调查者之间的交流。
采访者：特工Arnel Tolan
被受访者：SCP-1864-1
翻译：特工Trevor Wilson
[记录开始]
Tolan：好的，我认为我们真的要开始了。为了我们的记录，你可以说出你的名字么？
SCP-1864-1：我是Heinrich Boff博士。
Tolan：Boff博士，你被我们的组织编级为一个异常个体，并被称之为SCP-1864-1，在我们的调查中你将被如此称呼。你明白？
SCP-1864-1：是的。
Tolan：谢谢。你能告诉我这里是什么地方么？
SCP-1864-1：*沉默*我觉得这很难回答。很显然，这是一个在其他时空角落里的一个迷宫。不过我认为你对这个不感兴趣。
Tolan：这个异常的起源是什么？
SCP-1864-1：还是很难说。简单的说是我们的发现，一个小型殖民地发现了某种奇怪的东西，不是在石头里，而是在他们自己的后院里。
Tolan：之后的设施的用途是什么？
SCP-1864-1：*沉默*
Tolan：SCP-1864-1？
SCP-1864-1：那些年有许多奇怪的东西，特工。一个奇怪的时代。世界正在改变，而Kaiser（德语皇帝的意思）害怕我们改变的不够快。
Tolan：所以，一个军事设施？在第一次世界大战中？
SCP-1864-1：不，我们从不是军人，特工。我们一直是科学家。我们献身于神与化学。这个异常在我们到达时是主要目标，是的，不过这之后的发展让它成了次要目标。
Tolan：……是什么？
SCP-1864-1：啊……*伸长脖子*孤独的说谎者。小Pan Hun。
Tolan：谁是Pan Hun？他死了？1
SCP-1864-1：死了？不，特工，Pan Hun没死。Pan Hun对我们撒谎，告诉我们故事，让我们相信假话。这个该死的小Pan Hun，他- *声音渐低*
Tolan：怎么了？
SCP-1864-1：殖民地的一条渔船，他们发现了网上的小Pan Hun，把他从海中拉出。苍白的小男孩，不过长于创作。那些被他看见的人再也不会生病。那些生病的人被他看见将会痊愈。特工，毒物，这个国家的敌人正在毁灭我们，消耗我们。我们看见了救赎。
Tolan：那设施，还有你自己发生了什么？
SCP-1864-1：小Pan Hun告诉我们他被神所派来，永恒和平的使者，来终结瘟疫。别弄错，特工。从来没缺少怀疑者，包括我自己。不过证据是……令人吃惊的。
Tolan：那不能解释设施和你发生了什么。
SCP-1864-1：*开始用唱歌来回答*小Pan Hun，孤独的说谎者。我们在他对我们说谎时把他放入盒子中，把盒子丢入坑中。无法从坑中碰触我们，Pun Hun，你疾病的眼睛在被缝上后无法看见我们。
Tolan：我不明白，SCP-1864-1，我-
SCP-1864-1：水让Pan Hun保持安静，让他孤立。Pan Hun一夜醒来就……不一样了。之后空气有了改变。其余的他们……他们很愤怒。比我更愤怒。
Tolan：你意思是SCP-1864-3个体是-
SCP-1864-1：我的朋友，我的家庭，一切。Pan Hun没对我做什么。我仍旧是个人，尽管是个失落之人。其他的，你甚至无法说。我把他放入盒子里，缝上他那疾病的小眼睛，锁上盒子。我仍旧可以听见惨叫，就像……*声音渐低*
Tolan：那SCP-1864-3是什么？
SCP-1864-1：他们只想把Pan Hun和他们一起拉入黑暗之中，特工。我不能让他们打开格栅。他们不记得头上的世界了，不过我记得。他们不知道他们会如何失败。Pan Hun会毁掉他们，就像他毁掉我们。
Tolan：所以，Pan Hun，到底是什么？
沉默了30秒。在此期间，SCP-1864-1把它的附器深入池中，不断伸展直到消失。SCP-1864-1被观察到看着水中。
SCP-1864-1：某种我们从海中拉出的污秽。某种应该永远呆在黑暗中的东西。
[记录结束]
附录3：额外收集的文本
下列信息收集于初次探索SCP-1864时。下来是一些摘录，来自于一战时期的德国科学家，Gregory Groswald博士的科学日志。必要的翻译已经完成，无关的段落为了简短被移除。
1916年8月15日
市场今天发生了一场骚动。一条渔船从冰中拉出了一个小孩。Mans博士最初宣布小孩已经死了，不过发现他仍旧在呼吸！奇迹，而且我认为和我们研究的异常没有关系。我会在小孩痊愈后去看看他。
1916年8月19日
小男孩让人很愉快，尽管和他交谈还有一些不便。小男孩声称自己叫Pan Hun，不过不切换语言的话似乎无法组织起句子来。无论是否教给孩子，或者其他性质的问题，当前对我都是未知的。Mans博士声称小孩生病了，尽管如此，还不确定他是否能撑过还有一个月不到的冬天。
1916年8月27日
又一个奇迹环绕在我们神秘的Pan Hun周围。医疗中心的所有病人都出院了，他们的症状一夜消失。当被问及，他们都声称Pan Hun在他们睡觉时到来，并碰触了他们的皮肤。其中一些说男孩只是看着他们，让他们就痊愈了。Mans博士吓呆了，我得说这不怪他。我要和男孩再见一次，Boff博士会和我一起。我们要查个水落石出。
1916年9月2日
这也许只是个奇迹。男孩声称他是全能的神的使者，他的到来会开创我们国家的新圣城的黎明。他叙说永恒的和平，疾病与战争的终结，德国与Kaiser的荣耀！在看了他手上的字之后，我没有任何怀疑的理由了。我们会在下一班船到达后把这个孩子带到柏林，然后我们将为祖国带来荣耀的胜利。这个叫Pan Hun的男孩将会是我们的救赎！
@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; } } } }
@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; } } } }
: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; }
