CN-4955

版式 CSS 代码

@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%;
    }
}

今天是14 Apr 2026 08:21……也许吧！

我依稀记得，那是3月份

食堂里永远弥漫着炸鸡排和酸辣汤的味道，混着嘈杂的人声和餐盘碰撞声。我站在打饭的队里，带着耳机。然后……我的肩膀被狠狠撞了一下。我回头一看，一个抱着一摞书的女孩正慌乱地道歉，我的手机躺在地上，屏幕裂的像是盘丝洞。

她坚持要了我的号码，要赔我手机钱，还好我有个备用机。

一天后她约在咖啡馆见面，我知道了她叫苏雨，建筑系的。——注意我很久了，却没勇气打招呼。

从那以后，我的大学生活像被重新编写了代码。樱花盛开时，我们站在树下，花瓣落满她的肩头；暴雨突至的午后，困在教学楼的我们在起雾的玻璃窗上画下对方的模样；初雪那天，图书馆的暖气嗡嗡作响，她在窗上写下我的名字，我在旁边写下她的。

我原来……从不相信命运，直到遇见她……她是我短暂生命中注定要爱的人……也是我注定无法拥有的人……

相识一周年，我计划在湖边小亭给她惊喜。

但这一切都他妈的不对劲。电梯坏了，我跑楼梯扭了脚。校园马拉松封路，绕道时窜出野猫，花束散了一地。找回手机，却被松鼠叼上树，用一包坚果才换回。抄近路穿过农场，被一群小鸭子围困了十分钟。下雨，伞被吹坏。篮球场飞来的球砸中我的肩膀……

我瘸着腿、浑身湿透、怀抱凋零的花，迟到了一个多小时。彩虹却在这时出现，亭子里，苏雨在等我。

她转过身，看见浑身湿透、头发凌乱、怀抱凋零花束、走路一瘸一拐的我，眼睛先是一愣，然后弯成了月牙。

她还是那么可爱……

我和她在亭子里坐下，叙述这一路的遭遇。她在旁边听着，时而皱眉，时而捂嘴笑。然后她讲起自己的早晨：导师紧急召见模型修改，自行车爆胎，走到半路发现忘带给我的礼物又折返……

“看来我们连倒霉都有默契。”

她接过那束可怜的花，轻轻整理花瓣。

我带她去了天文台，校园的最高点，我们第一次看星星的地方。日落……真美啊……

我们计划着旅行，讨论她正在做的建筑设计，说起我收到的实习offer，想象着未来的生活……一切都平常得不像话，直到天空开始变暗。

不是日落的暗，不是乌云聚集的暗。而是一种均匀的、渗透性的昏暗，像有人慢慢调低了整个世界的亮度。

广播里响起令人不安的通知：

以下信息经 O5 议会一致决定通过后撰写发布。
这是对全人类的通告
致那些目前仍未注意到我们的人，我们代表着一个被称为SCP基金会的组织。从百年前开始，我们的核心任务一直是守卫人类社会不受异常的影响。由于出现了未知情况，当前世界将因为超出我们控制的事件而毁灭。
愿死亡给予您安宁

我不知道SCP基金会是什么组织，我也不想知道……我想知道为什么我们就要死了……为什么? 为什么……为什么!为什么要在我人生最幸福的时候出现这些事……为什么……我忽然感到一种荒谬的愤怒……为什么是现在？为什么是在我终于找到幸福的时候？

她紧紧的握着我的手“我想回家……”

“太远了，已经来不及了……”

风很大，吹的脸生疼，天空现在是病态的橙红色。远处城市的天际线开始闪烁……不是灯光，更像是某种能量泄漏。更远的地平线上，一种难以描述的光芒正在扩散，吞噬着山川、河流、人类文明的一切。

风大得让人站不稳，吹着人脸颊生疼。

“如果世界没有毁灭，我们会一直在一起吗？”

“无论世界是否毁灭，我们已经在一起了。”

光吞没了地平线，吞没了远山，吞没了校园的轮廓。时间变得粘稠而缓慢。

“记得食堂那次吗？”“我是故意撞你的。”

我笑了，在死亡降临前吻她。她的嘴唇有眼泪的咸味，也有草莓唇膏的甜。

“我爱你。”

“我也爱你。”

我们紧紧相拥。在最后的时刻，我不想思考人类的未来，世界的过去……我只想此刻，此地，与她相拥。

在时间的尽头，在世界的终末，光淹没了我们。

在最后的感知中，我仍能感觉到她的手在我手中。

这就够了……

---

项目编号：項目編號：4955

等级等級4

收容等级：收容等級：

euclid

次要等级：次要等級：

4

扰动等级：擾動等級：

amida

风险等级：風險等級：

危险

备忘录链接

特殊收容措施：组成该项目的两名人形异常个体须被收容于彼此相距不少于520米的独立标准人形收容单元内。单元之间需放置能正常维持其生活的设施。

任何测试或改变两名异常个体之间关系的实验，均需获得至少一名4级人员的批准。任何可能导致二者物理距离缩短至520米以内的接触性实验，必须获得O5议会全票通过。

描述：两名生理结构普通的人类个体，即CN-4955-1与CN-4955-2。在无任何情感交互的条件下，二者均未表现出可观测的异常性质。

异常效应显现的前提是：当CN-4955-1与CN-4955-2之间形成符合爱情这种概念的双向情感联结时，二者会受到一种不可逆的影响。此后，任何试图将二者物理距离缩短至520米以内的尝试，均会触发一系列异常的空间扭曲现象。这些现象表现为累积性的巧合事件、局部物理规律失效或空间的自发改变，其强度与双方试图接触的意愿呈正相关，并始终以确保隔离为首要目标。

若在异常活跃状态下，CN-4955-1与CN-4955-2的物理距离最终仍缩小至直接接触范围（通常定义为1米以内），将立即触发一次具有现实重构特征的RK级末日情景，其具体表现形式及后果尚不明确，当前模型预测为一次可导致当前基准现实崩溃的休谟指数骤降事件。