常态与疯人齐飞，狂想共帷幕一色

版式 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%;
    }
}

我就空洞地看着他，正如他像这么看着我。我看着他看着我。然后我弯下腰，开始干呕。

我与老墨是同时进入S^ecure C^ontainment P^sychiatric的，他是一个普普通通的读者，平生爱给所有人鼓励性down。我则是一名卑微的写手，一年蠕出几篇长期低分。

兴许是给人太多dv遭人质问，老墨今天彻底不正常了，他突然带着一张几近被涂成全黑的稿纸找到我，试图向我宣布基金会是真的。

“老飞，不是我说你。你自己看看，咱俩胸口是不是都有那SCP三个字母！”

“我再说一遍这是上次面基的时候别的写手送的文化衫，在座的各位都有。”我边说边指着周围的老赵钱孙李周吴郑王。

“不不……这恰恰说明！我们都是基金会内部的人！你……看过逆模因部没有？”

“看过，怎么了？”

“你不记得就是因为逆模因啊！这样我再来给你举行一次入站仪式，没准你就想起来了！”

老墨手劲大，我拗不过他，加上旁边一众好友也簇拥而上，我被硬生生地控在了原地。

老墨站在院内一个略高的土坡上，居高临下地看着我，开始朗声诵读：

“人类到如今已经繁衍了250000年，只有最近的4000年是有意义的。
……
我们控制，我们收容，我们保护。”

看着我毫无反应，老墨又重复了一遍：

“我们控制，我们收容，我们保护。”

老墨还在声嘶力竭，全然没在意到他身后那个笑眯眯看着他的蓝衣人。那人的胸前也带字，GOC。老墨这个杀千刀的，幸而终于要被真正的异常管理部门抓去了吗！我早便知道SCP是假的，但这GOC……可没有半分假！

---

劲竹撇了撇嘴，对身旁外卖小哥说，你看到啦，就放这里吧，也是送到位置了。里面塞满了精神病，可吓人了。

小哥白了他一眼，精神病，精神病咋了，我看一个个也就带点妄想症，我进去送个外卖还能剥了我不成？

劲竹左右看了看，往小哥身边凑了凑。小哥约摸比劲竹高一个头，为了听他讲悄悄话不得不把头低下些许。劲竹把嘴一遮，我跟你讲，这医院可邪性啦！最吓人的不是病人，而是院长，那个院长……声音戛然而止。小哥疑惑的把脸转向身边的这个小保安，却发现他在对着院内微笑，顺着劲竹的目光，小哥看见了一个阴沉的人半遮在阴影里，皮笑肉不笑地看着空地里吵的面红耳赤的两个精神病。

小哥猛的被吓了一激灵，快步离开了。

---

另有一人从院长身后走出，同样穿着一身蓝衣。看到来人之后，院长疑惑地指了指铁丝网外面。

“那人，怎么走了啊？”

“哦哦，他被你吓跑了，院长。”

来人眼皮都没抬，用一种近乎敷衍的态度回应。

院长却表现出一种不属于这个年龄段的雀跃，欢呼了很久。随后以一种狞笑的表情转向身后的来者。

这次他倒是是抬了抬眼皮，一边走向我和老墨一边棒读道：“啊啊啊，吓死我啦。”

院长又是张嘴，放肆地大笑起来。

---

来人指了指胸口，“G^eneral O^{ffice of the} C^enter的，放风时间结束了，咱们回去了。

老墨嘶哑的声音终于渐渐弱下来，垂着头走到我面前，拍了拍我的肩“兄弟，没关系，总有一天我会把你救回来的。”

随着我们路过院长，他的笑声越来越大声，在我们回到病房之后仍在回响。

• 原创
• 故事
• 界外繁华

参考答案#2006：常态与疯人齐飞，狂想共帷幕一色

---

我戳了戳老墨。

“再过两周咱俩就能轮班啦，高兴不？每次咱俩都比别人多值一周，一两次还行，长期以往还是遭不住喔。”

“那咋整，咱俩第一个遇上它的。他成现在这样咱俩也有责任。得亏咱俩那会在看弱智电影，让他以为精神病院院长老吓人了变成个精神病院院长到处吓唬人。”

“起码没看见灾难片和战争片。哈哈，这到底算运气好还是不好呢？”

老墨未来得及回话，院长从门外探出头来“你们两个人在谈论什么呀？”

我和老墨一齐高举双手，向后倒去。

诶呀，吓死我啦。

• 原创
• 故事
• 界外繁华
• 实技考试