把雨给我关了！

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

著作信息

---

把雨给我关掉！

作者：LuoLiEnSi

本文档的时间、地点、人物、事件、故事及其他内容均为虚构，与真实人物或事件无关。
如有雷同，纯属巧合。

要是完全一样，那就是它抄的我

| ╱|、
(˚ˎ 。7
|、˜喵～
じしˍ,)ノ.

——Chen_Xi 喵

---

“逻格斯！把你那该死的雨给我停了！”

我看着窗外四散的末影粒子，听着希奥拉的咆哮，淡定地喝了口怀里的热带鱼汤。希奥拉身为末影人，很合理地厌恶着水；而逻格斯作为命令方块，是最合理的怀疑目标。

当然，我觉得这只是希奥拉又想给逻格斯找事。作为从同一个平行宇宙中诞生的存在，希奥拉和逻格斯就像欢喜冤家一样——尽管它们都不承认这点，还因为这个差点把我烤了。

不是我，我没那么闲

橙色的文字在我眼前浮现，看来逻格斯这次气得连单独给某人显示文字的代码都忘了加……等等，既然不是它干的，那这突如其来的雨又是什么情况？

我下意识举起抱着的桶，却被什么东西扇了一巴掌。低头看去，只见一条热带鱼在空无一水的铁桶里蹦跶，刚刚的巴掌果然是这个家伙的咸鱼甩尾。我当然不可能让这个打螈的食材活下去，于是将其倒入口中，作为今晚的加餐。

吃完这条不听话的鱼，我想了想，打开窗户跃入雨幕中。虽然Jiva辐射赋予我的我的特性是可以在任何环境中生存，但作为一只美西螈，我还是喜欢待在有水的地方。

“这就是雨！终端又不可能自行改变天气，不是你还能是……”

一个紫色的循环型命令方块出现在希奥拉面前，逻格斯几乎要把自己塞进希奥拉的嘴里。步步紧逼的它迫使希奥拉把嘴闭上，在这期间，逻格斯还不忘变回变橙色的循环型，给我们几个群发消息。

自己看最新的系统提示，这能是我干的我当场把自己ban了

我唤出聊天栏，切换到总会长专门在终端网络中划分出来的“系统提示”的窗口，看向最新的那十几条消息：

天气已设为晴天

并且在我看的时候，这将天气设为晴天的消息数量还在增加，只能说不愧是它们俩吗？

因为终端每天都有玩家和NPE进出，为防止有人故意死在这里引发争端，每个来到这里的、极限模式的生灵都会被暂时调整为生存模式，直到离开终端时才会将其调回极限模式。再加上前段时间总会长不知道又有哪根经搭错了，专门划分出一个“无限制格斗”区域，因此终端的系统提示消息可以说是十分吵闹。

所以，每个来过这里——尤其是常驻终端的生灵都会将“系统提示”的板块设置为免打扰状态：新的系统提示不会自动出现在视野中，只有在打开聊天框的时候才会看到距离上一次打开又有了多少条消息。逻格斯显然也看到了这条提示。

“嘿！我就纳了闷了，不是你还能是谁！”

“是我。”

突然出现的声音把我们三个都吓了一跳，我听着从四面八方传来的声音，突然想起前两天写的那封信；再抬头看看这指令都无法影响的雨，我几乎已经确定了它的来源。

“嗯？谁？谁又活了？”

希奥拉在没有雨水落下的地方到处传送，试图找出刚刚说话的家伙。我打开系统提示的聊天栏，略过逻格斯刷屏的那些提示，看向最新的那几条进入终端的消息，并如愿以偿地找到了那一条：

HunHuang_Rain_01 进入了终端Terminal

你是这场雨？

“是的。”

一旁的希奥拉彻底炸了，她在屋檐下胡乱挥舞着双臂，一脸震惊地看着面前落下的雨滴，嘴长得大到就像被人看到脸的普通末影人一样。

“啥啥啥……啥玩意儿？！逻格斯你说它是什么东西？？？”

你最讨厌的雨

“我就是雨。抱歉，我的速度很慢，大概还要5分钟才能离开这里，这位末影人……小姐，你要不要先进房子里？”

“行行行行行，我走！我走行了吧！”

大量末影粒子在希奥拉身边汇聚，她似乎传送到了很远的地方。我抬起右前肢，接住落下的雨水，感受着它冰凉湿滑的触感，开口替希奥拉向雨道歉。

“她叫希奥拉，脾气有些暴躁，她毕竟是末影人…呃……还有什么……”

我的声音越来越小，原本连续的思绪断开，一时间不道从何说起。可能是因为Jiva辐射的“演化”性质，我做出各种行为时都很正常，然而一旦开始与别人交流，就很难把原本想表达的意思说出来：经常语序混乱、逻辑错误，甚至前言不搭后语。文字交流还好，因为我可以边写边改，但面对面说话……我实在不擅长这个。

她叫湛澜，不太会说话，你多担待。我的ID是Logos_CommandBlock_03，你呢？

“昏湟。黄昏的昏，湟水的湟。”

你好

沉默。

我们俩淋着昏湟的雨，相对无言。忽然，一个灰色的东西从天空中掠过，复又折返回来，在雨幕中直角拐弯、到处乱飞，最终重重地砸在地上，发出沉闷的一声“咚”。

“嘿，哥们儿，叫什么名字？我，诺莫斯，现实稳定砧，来交个朋友？”

我就知道是它。整个终端、乃至所有我认识的NPE里，只有这个家伙整天无所事事地在天上到处乱飞，和幻翼比速度、和龙比速度、还和战斗机比速度——这家伙甚至还比赢了。不过事后有NPE指出比赛期间诺莫斯体内的休谟指数极高，总会长查证后亲自宣判诺莫斯比赛作弊，废除这家伙的所有比赛结果，并终生禁止参赛……总会长还是一如既往地闲。

“我叫昏湟。你们好，诺莫斯，湛澜，Logos_CDB3。”

“你好。”

你好，叫我逻格斯就行

还有你，诺莫斯，你冷静点，别吓到人家

无视诺莫斯的吵吵闹闹，我悄悄转身离开这里——主要还是远离诺莫斯。这家伙太能折腾了，有它在的地方准没好事；至于昏湟……希望它雨没事。逻格斯的话，别又和诺莫斯开始斗法就行——毕竟，到时候遭殃的还是我们这些普通E。

嗐……我这螈生真是一眼就望到头了。