Waic 3

版式 CSS 代码

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
:root {
    /* Basic Colors */
    --background-color: 248, 248, 248;
    --text-color: 30, 30, 30;
 
    /* Deco Colors */
    --light-color-1: var(--background-color);
    --light-color-2: 235, 235, 235;
    --dark-color-1: 180, 180, 180;
    --dark-color-2: 90, 90, 90;
    --dark-color-3: var(--text-color);
    --dark-color-4: var(--text-color);
 
    /* Special Colors */
    --warning-color: 193, 44, 50;
    --accept-color: 20, 169, 32;
    --neutral-color: 193, 147, 44;
    --warning-text-color: var(--light-color-2);
    --accept-text-color: var(--warning-text-color);
    --neutral-text-color: var(--warning-text-color);
 
    /* Link Colors */
    --link-color: 68, 123, 230;
    --hover-link-color: 24, 80, 187;
    --visited-link-color: 23, 24, 120;
    --newpage-color: 68, 23, 230;
 
    /* Select Colors */
    --selected-background-color: 67, 98, 197;
    --selected-text-color: 253, 253, 253;
 
    /* Scrollbar Colors */
    --scrollbar-color: var(--dark-color-1), 0.75;
    --scrollbar-background-color: var(--dark-color-1), 0.15;
 
    /* Note Colors */
    --note-background-color: var(--light-color-1);
 
    /* General Buttons */
    --general-button-background-color: var(--general-dark-background-color);
    --general-hover-button-background-color: var(--general-medium-background-color);
 
    /* Header Colors */
    --header-background-bottom: var(--background-color), 0;
    --header-background-top: var(--dark-color-1), 0.3;
    --header-extra-background-image: none;
    --header-text-color: var(--general-dark-text-color);
 
    /* Topbar Colors */
    --topbar-background-color: var(--dark-color-4);
    --topbar-hover-background-color: var(--dark-color-2);
    --topbar-drop-text-color: var(--text-color);
    --topbar-drop-background-color: var(--background-color), 0.75;
    --topbar-drop-hover-background-color: var(--general-dark-background-color);
 
    /* User Account Colors */
    --header-username-color: var(--general-dark-text-color);
    --account-button-text-color: var(--general-dark-text-color);
    --account-button-hover-text-color: var(--general-medium-text-color);
    --account-button-background-color: var(--general-dark-background-color);
    --account-button-hover-background-color: var(--general-medium-background-color);
 
    /* Page Title Colors */
    --page-title-text-color: var(--general-dark-text-color);
 
    /* Page Tag Colors */
    --page-tag-border-color: var(--general-dark-background-color);
 
    /* Footer Colors */
    --footer-background-color: var(--general-dark-background-color);
 
    /* Sidebar Colors */
    --sidebar-background-color: var(--light-color-1);
    --sidebar-media-background-color: var(--background-color);
    --sidebar-title-background-color: var(--general-dark-background-color);
    --sidebar-hover-text-color: var(--general-dark-text-color);
    --sidebar-hover-background-color: var(--general-medium-background-color);
 
    /* Action Colors */
    --action-area-info-background-color: var(--general-dark-background-color);
 
    /* Edit Area Colors */
    --edit-area-textarea-background-color: var(--background-color);
 
    /* Rating Module Colors */
    --rating-rateup-color: var(--dark-color-3);
    --rating-ratedown-color: var(--dark-color-3);
    --rating-cancel-color: var(--dark-color-3);
 
    /* Popups Colors */
    --popup-background-color: var(--background-color);
 
    /* The 4 */
    --dark-styled-quote-border-color: var(--dark-color-2);
 
    /* Header Vs */
    --main-header-height: 12rem;
    --main-header-height-on-mobile: 12rem;
    --header-title: "THE BACKROOMS";
    --header-title-font-size: 2.65rem;
    --header-title-font-size-on-mobile: 2rem;
    --header-subtitle: "真理隐于几何之间";
    --header-subtitle-font-size: 1rem;
    --header-subtitle-font-size-on-mobile: 1rem;
 
    /* Topbar Vs */
    --topbar-height: 2.5rem;
    --topbar-height-on-mobile: 2.5rem;
    --topbar-font-size-on-mobile: 0.8rem;
 
    /* Font Set */
    --body-font: "Montserrat", sans-serif;
    --header-font: "Raleway", sans-serif;
    --title-font: var(--header-font);
    --mono-font: "PT Mono", monospace;
}
 
html {
    background: unset;
}
 
body {
    background: linear-gradient(to bottom, rgba(var(--dark-color-1), .4), rgba(var(--background-color)) 40rem);
}
 
#extra-div-1 {
    position: absolute;
    width: 100%;
    height: 10rem;
    top: 1rem;
    left: 0;
    background: linear-gradient(-5deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 150%);
    clip-path: polygon(0 0, 100% 8rem, 100% 100%, 0 2rem);
    z-index: -1;
}
 
#extra-div-2 {
    position: absolute;
    width: 100%;
    height: 6rem;
    top: -3rem;
    left: 0;
    background: linear-gradient(120deg, rgb(var(--dark-color-3)) 20%, rgba(var(--dark-color-1)) 200%);
    clip-path: polygon(100% 0, 0 calc(100% - 2rem), 0 100%, 100% 2rem);
    z-index: -4;
}
 
#extra-div-3 {
    position: absolute;
    width: 100%;
    height: 25rem;
    top: -16rem;
    left: 0;
    background: linear-gradient(-85deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 80%);
    clip-path: polygon(0 calc(100% - 2rem), 100% 0, 100% 2rem, 0 100%);
    z-index: -3;
}
 
#extra-div-4 {
    --gap: 17vh;
 
    position: absolute;
    background-image: repeating-linear-gradient(-15deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1)) var(--gap), rgba(var(--dark-color-1)) calc(var(--gap) + 3px));
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -4;
    opacity: 0.4;
    mask: linear-gradient(175deg, black 0, transparent 25rem, transparent calc(100% - 60rem), black calc(100% - 0rem));
}
 
#extra-div-5 {
    --gap: 10vh;
 
    position: absolute;
    background-image: repeating-linear-gradient(16deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-2), 1) var(--gap), rgba(var(--dark-color-2), 1) calc(var(--gap) + 1rem));
    mask: linear-gradient(175deg, black 0, transparent 80%);
    width: 100%;
    height: 32rem;
    top: 0;
    z-index: -5;
    opacity: 0.6;
}
 
#extra-div-6 {
    --gap: 25vh;
 
    position: absolute;
    background-image: repeating-linear-gradient(10deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1)) var(--gap), rgba(var(--dark-color-1)) calc(var(--gap) + 1px));
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -4;
    opacity: 0.4;
    mask: linear-gradient(175deg, transparent 40rem, black 100rem, black calc(100% - 120rem), transparent calc(100% - 50rem));
}
 
#header-extra-div-1 {
    position: absolute;
    width: 100%;
    height: 6.4rem;
    top: 9rem;
    left: 0;
    background: linear-gradient(175deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-1)) 150%);
    clip-path: polygon(0 0, 100% calc(100% - 2rem), 100% 100%, 0 2rem);
}
 
#header-extra-div-2 {
    position: absolute;
    width: 100%;
    height: 11rem;
    top: -2rem;
    left: 0;
    background: linear-gradient(60deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 250%);
    clip-path: polygon(0 calc(100% - 2rem), 100% 0rem, 100% 2rem, 0 100%);
}
 
#header-extra-div-3 {
    position: absolute;
    width: 100%;
    height: 8rem;
    top: 6rem;
    left: 0;
    background: linear-gradient(50deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-1)) 250%);
    clip-path: polygon(0 calc(100% - 2rem), 100% 0rem, 100% 2rem, 0 100%);
}
 
#header {
    position: sticky;
    top: -12rem;
}
 
#header h1 a span {
    font-weight: 300;
    text-shadow: 0 0 0.3rem rgb(var(--dark-color-3)), 0 0 0.5rem rgb(var(--dark-color-3));
}
 
#header h1 a span::after {
    font-weight: 400;
}
 
#header h2 span::before {
    filter: drop-shadow(0 0 0.4rem rgb(var(--dark-color-1)));
    opacity: 0.8;
    background-position: center 0.5rem;
    background-size: auto 85%;
    position: relative;
    top: 0.8rem;
}
 
#login-status {
    text-shadow: 0 0 0.5rem rgb(var(--dark-color-3));
}
 
#account-options {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    text-shadow: none;
}
 
#top-bar {
    background: linear-gradient(90deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 150%);
    box-shadow: 0 0 0.5rem rgb(var(--dark-color-1), .2);
}
 
#top-bar::before {
    content:"";
    display: block;
    background: inherit;
    width: 100%;
    height: 1rem;
    position: absolute;
    bottom: 100%;
    left: 0;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    z-index: -1;
}
 
#top-bar::after {
    content:"";
    display: block;
    background: inherit;
    width: 100%;
    height: 1rem;
    position: absolute;
    top: 100%;
    left: 0;
    clip-path: polygon(0 100%, 100% 0, 0 0);
    z-index: -1;
}
 
#content-wrap {
    overflow-x: hidden;
}
 
#main-content {
    margin: 0 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
 
#main-content > div:not(#page-title) {
    width: min(var(--body-width), calc(100% - 2rem));
}
 
#page-title, .meta-title {
    padding: 2.5rem 0;
    text-align: center;
    border-bottom: unset;
    background: linear-gradient(-141deg, rgb(var(--dark-color-3)) 50%, rgba(var(--dark-color-2)) 120%);
    clip-path: polygon(0 2.5rem, 100% 0, 100% calc(100% - 2.5rem), 0 100%);
}
 
#page-title {
    width: 100%;
    padding: 2.5rem var(--body-margin);
    box-sizing: border-box;
}
 
#page-content a:not(div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .licensebox a, .pager a), .page-watch-options a {
    text-shadow: 0 0 0.2rem rgb(var(--dark-color-1));
    transition: color 0.15s, text-shadow 0.15s cubic-bezier(0.4, 0.0, 1, 1);
}
 
#page-content a:not(div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .licensebox a, .pager a):hover, .page-watch-options a:hover {
    text-shadow: 0 0 0.5rem rgb(var(--dark-color-1));
    text-decoration: none;
}
 
.overflow-wrapper-wrapper {
    width: 0;
    margin: auto;
}
 
.overflow-wrapper {
    margin-left: -51vw; margin-right: -51vw;
}
 
.classic {
    width: min(var(--body-width), calc(100% - 2rem));
    margin-left: auto; margin-right: auto;
}
 
.l {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    clip-path: polygon(0 1rem, 100% 0, 100% calc(100% - 1rem), 0 100%);
}
 
.r {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    clip-path: polygon(100% 1rem, 0 0, 0 calc(100% - 1rem), 100% 100%);
}
 
.borderblock {
    margin: 1rem 0;
    padding: 1rem 1.5rem;
    border-top: 0.3rem solid rgb(var(--general-dark-border-color));
    border-bottom: 0.3rem solid rgb(var(--general-dark-border-color));
}
 
.footnotes-footer, .bibitems {
    height: fit-content;
}
 
.page-tags span a {
    border-radius: 0;
}
 
.owindow.owait {
    --gap: 3%;
 
    background-image: repeating-linear-gradient(to bottom right, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1), .4) var(--gap), rgba(var(--dark-color-1), .4) calc(var(--gap) + 3px));
    background-size: 1000% 1000%;
    animation: saving-page-animation infinite ease-in-out 3s alternate;
    justify-content: center;
}
 
.owindow.owait .content{
    display: none;
}
 
@keyframes saving-page-animation {
    0% {
        background-position: 0 0;
    }
 
    100% {
        background-position: 10% 10%;
    }
}

编号:WAIC 3
名称:最高档案库——“约柜”
描述:WAIC 3为沃伦异常收容公司的”最高档案库“，是一个稳定的小型子次元空间。该空间免疫目前已知的所有异常效应、模因污染及现实扭曲能力。公司的所有档案与数据都应在WAIC 3备份，以保证公司数据不会被篡改。

WAIC 3内部为一个大型服务器机房，由一台位于中心的老式放映机及无数排黑色的巨型服务器机柜组成。WAIC 3的放映机每时每刻都在记录当前世界的现实，并以二进制方式储存在服务器中。这些现实的“数据”可以通过取下位于放映机上的胶卷卷轴的方式带出并覆盖当前世界。从WAIC 3中取下的胶卷卷轴被称为WAIC 1-C。发生部分末日级场景时，WAIC 3-C可用于修复现实稳定。注意：在取下WAIC 3-C后需尽快将一卷新的胶卷卷轴装回放映机。

WAIC 3-A是一台深蓝色笔记本电脑。WAIC 3-A无需电源即可使用，拥有超高的性能和独立的系统。WAIC 3-A能够查看WAIC 3的所有资料，且是进入WAIC 3子维度的唯一途径。

WAIC 3-A在开机后的主页面：

约柜3.00.00


------
欢迎，用户
------

>录入文件


>查询档案


>输入密钥

3.00.00

当需要将文件录入WAIC 3时，只需使用WAIC 3的“录入文件”，并将装有文件的任何设备通过一条数据线连接至WAIC 3的USB接口即可完成（当然你也可以手打）。任何物品只要含有“信息”即可通过链接USB接口即可录入至URF-003，包括但不限于：纸质文件、U盘、书籍。

当需要进入WAIC 3时，点击“输入密钥”，并在弹出的窗口中输入授权密钥（联系沃伦异常收容公司高层或其他授权人员获得）。密钥认证成功后，请将URF-003-A关上并放下以保证在传送后WAIC 3-A不会摔在地上或被盗用。大约5秒钟后，使用者将会被传送至WAIC 3中心放映机前。如要离开，只需重新站在放映机前，约5秒后，使用者会重新出现在在WAIC 3附近的空地上。

WAIC 3-B是一个48*36cm的深蓝色色合金手提箱，能够完美将WAIC 3A嵌入。WAIC 3-B并没有任何明显安全锁，但会识别携带者生物编码。如并非已注册个体，将无法打开手提箱。

更多资讯请查看：约柜使用指南（未完成）

---

+ 约柜使用指南

约柜使用指南

前言

“约柜”是沃伦异常收容公司科研部所研发的维度科技，其拥有重构现实及记录文件的功能。因███事件后，“约柜”被其他宇宙所普及。现沃伦异常收容公司发布此使用指南，以帮助与███事件幸存的多元宇宙快速熟悉并学会正确使用“约柜”。

约柜的功能

拿到“约柜”后，你会发现这是一台被装在加固合金手提箱里的笔记本电脑。打开电脑后会屏幕上会显示三个选项：录入文件、查看档案及输入密钥。

约柜电脑主页面：

约柜3.XX.XX


------
欢迎，用户
------

>录入文件


>查询档案


>输入密钥

X.XX.XX

功能介绍

录入文件

点击屏幕上”录入文件“的选项，屏幕将跳转至以下页面：

主页>录入文件

请将连有文件的数据线插入任意USB接口


>输入文件


>稳定坐标现实

X.XX.XX

找到一根数据线，只需让数据线一端与装有文件的设备接触，另一端插入电脑的USB接口，整份文件就会自动录入”约柜“数据库。没有数据线也没关系，只需将装有文件的设备按到电脑屏幕上，约三秒后你就会发现该设备变成粒子，飘进屏幕里。这样也算完成录入，不过你的文件本体就没了。

当然，如果遇到什么突发情况，你也可以使用“输入文件”，然后亲手将文件录入。

稳定坐标现实

在“输入文件”下方，你会看到“稳定坐标现实”的选项。这是一个用来稳定现实，应对小型现实扭曲的功能功能。点击后后，你会看到一个输入框。你需要先将你所在的宇宙的世界地图或经纬度的相关数据才能使用。使用时，在输入框中填入需要稳定的坐标。30秒后，以该坐标为中心的方圆5公里将会成为”现实稳定区“，持续30分钟。该功能能够完全完全压制现实稳定区内4级以下的现实扭曲者的能力且此功能没有冷却！

查询档案

点击屏幕上”查询档案“的选项，屏幕将跳转至以下页面：

主页>查询档案

请输入关键词或档案名称：

X.XX.XX

查询档案，顾名思义，就是查找已录入“约柜”的文件。这个页面只有一个功能，就是搜索档案。输入你要查找的文件的名字或关键词（不要怀疑“约柜”的智能性，它能完全处理好所有录入的文件）

输入密钥

点击屏幕上“输入密钥”的选项，屏幕将跳转至以下页面：

主页>输入密钥

请输入密钥：

X.XX.XX

当需要进入约柜子维度时，点击“输入密钥”，并输入你的授权密钥（联系你的组织高层或其他授权人员获得）。密钥认证成功后，请将电脑关上并放下以保证在传送后电脑不会摔在地上或被盗用。大约5秒钟后，使用者将会被传送至“约柜”子维度的中心放映机前。如要离开，只需重新站在放映机前，约5秒后，使用者会重新出现在“约柜”电脑附近的空地上。

约柜子维度

约柜子维度内部为一个大型服务器机房，由一台位于中心的老式放映机及无数排黑色的巨型服务器机柜组成。中心的放映机每时每刻都在记录当前世界的现实，并以二进制方式储存在服务器中。这些现实的“数据”可以通过取下位于放映机上的胶卷卷轴的方式带出并覆盖当前世界。发生部分末日级场景时，该胶卷卷轴可用于修复现实稳定。注意：在取下放映机的胶卷卷轴后需尽快将一卷新的胶卷卷轴装回放映机。

---

附录1：有关WAIC 3-C的使用记录

使用日期：
【数据删除】	用于修复██事故引致的大范围现实扭曲
【数据删除】	用于压制AE-███的能力，以辅助收容
【数据删除】	由于重构███多重宇宙错乱事件引致的现实崩溃

附录2：“约柜”的发明者
“约柜”是由沃伦异常收容公司科研部及异常研究部数百位研究人员一齐研发的成果，任何独揽研发“约柜”功劳的行为都将视为对科研部和异常研究部的亵渎。 —异常研究部部长LAN博士

附录3：补充
在███事件之后，为保证每一个多元宇宙的现实稳定，约柜被其他多元宇宙所复制。每一个世界都有一个约柜，约柜存在于每一个世界。

---

该档案上传者

本文作者为phantomicefox does not match any existing user name