大航母

注意

此版式尚在重新开发中，请使用风格类似的“玄武岩”或“单色型”。

如果您可以接受此版式可能带来的各种加载问题，请在[[include]]语法中添加|indev=*以隐藏此提示。

版式代码

+ 基础版式代码

/* ==================== *
 * NEW ARISTOCRAT THEME *
 * [2021 Wikidot Theme] *
 *    By Dr Hormress    *
 *     CC BY-SA 3.0     *
 * ==================== */
 
/* Non-Sigma-9 Fix */
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
 
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
 
@supports(--variables: 0) {
 
/* ====== *
 * COMMON *
 * ====== */
 
body {
    color: rgb(var(--base-dark-color));
    background-color: rgb(var(--base-bright-color));
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    font-family: var(--body-font);
}
 
#page-content {
    font-size: var(--base-font-size);
}
 
/* ---------------- *
 * Global Variables *
 * ---------------- */
 
:root {
 
    /* Basic Colors */
    --base-bright-color: var(--white-monochrome);
    --base-dark-color: var(--black-monochrome);
    --link-color: var(--bright-accent);
 
    --white-monochrome: 252, 252, 252;
    --black-monochrome: 15, 15, 15;
    --red-monochrome: 225, 72, 72;
    --green-monochrome: 72, 225, 72;
    --blue-monochrome: 56, 103, 204;
 
    --main-accent: var(--base-dark-color);
    --bright-accent: var(--blue-monochrome);
    --light-accent: 252, 252, 252;
    --dark-accent: 15, 15, 15;
 
    /* Other */
    --base-font-size: 0.85rem;
    --base-line-height: 1.4;
    --base-box-shadow: 0 0 4px rgba(var(--base-dark-color), 0.25);
    --base-transition-time: 0.5s;
    --main-width: 720px;
 
    /* Fonts */
    --header-font: var(--title-font);
    --title-font: "Comfortaa", "Noto Sans SC", sans-serif;
    --body-font: "Noto Sans", "Noto Sans SC", sans-serif;
    --mono-font: "Anonymous Pro", "Roboto Mono", "Courier New", "Noto Sans SC", monospace;
 
    /* Header */
    --header-height: 10rem;
    --header-title: "SCP基金会";
    --header-title-color: var(--base-dark-color);
    --header-h1-x: calc(var(--header-icon-size) + 1rem);
    --header-h1-y: 4.5rem;
    --header-subtitle: "控制，收容，保护";
    --header-subtitle-color: var(--header-title-color);
    --header-h2-x: calc(var(--header-icon-size) + 1rem);
    --header-h2-y: calc(var(--header-h1-y) + 2.5rem);
    --header-bg-color: var(--base-bright-color);
    --header-bg-top-color: var(--header-bg-color);
    --header-bg-middle-color: var(--header-bg-color);
    --header-bg-bottom-color: var(--header-bg-color);
    --header-gradient: linear-gradient(
                       to bottom,
                       rgb(var(--header-bg-top-color)) 0,
                       rgb(var(--header-bg-middle-color)) 50%,
                       rgb(var(--header-bg-bottom-color)) 100%
                       );
    --header-bg-size: auto 100%;
    --header-button-color: var(--base-dark-color);
    --header-button-hover-color: var(--green-monochrome);
    --header-button-bg-color: var(--base-bright-color);
    --header-button-x: 4.5rem;
    --header-icon: url("https://ah-sandbox.wikidot.com/local--files/theme:new-aristocrat-dev/nalogo.png");
    --header-icon-size: 5rem;
    --header-icon-x: 0;
    --header-icon-y: 4rem;
    --header-icon-w: var(--header-icon-size);
    --header-icon-drop-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    --header-icon-opacity: 1;
    --header-icon-invert: 0;
 
    /* Topbar */
    --topbar-height: 2rem;
    --topbar-bg-color: var(--header-bg-color);
    --topbar-bg-size: 100% var(--topbar-height);
    --topbar-bg-top-color: var(--topbar-bg-color);
    --topbar-bg-middle-color: var(--topbar-bg-color);
    --topbar-bg-bottom-color: var(--topbar-bg-color);
    --topbar-gradient: linear-gradient(
                       to bottom,
                       rgb(var(--topbar-bg-top-color)) 0,
                       rgb(var(--topbar-bg-middle-color)) 50%,
                       rgb(var(--topbar-bg-bottom-color)) 100%
                       );
    --topbar-button-color: var(--topbar-item-text-color);
    --topbar-item-text-color: var(--base-dark-color);
    --topbar-item-hover-text-color: var(--topbar-menu-item-text-color);
    --topbar-item-hover-bg-color: var(--topbar-menu-item-bg-color);
    --topbar-menu-item-width: 10rem;
    --topbar-menu-item-height: var(--topbar-height);
    --topbar-menu-item-bg-color: var(--base-dark-color);
    --topbar-menu-item-text-color: var(--base-bright-color);
    --topbar-menu-item-border-color: var(--base-dark-color);
 
    /* Sidebar */
    --sidebar-width: 15rem;
    --sidebar-bg-color: var(--base-bright-color);
    --sidebar-block-bg-color: var(--base-bright-color);
    --sidebar-heading-color: var(--base-dark-color);
    --sidebar-heading-bg-color: var(--base-bright-color);
    --sidebar-item-height: calc(var(--base-font-size) * 2);
    --sidebar-item-hover-bg-color: var(--sidebar-link-color);
    --sidebar-link-color: var(--base-dark-color);
    --sidebar-link-hover-color: var(--base-bright-color);
 
    /* Rate Box */
    --ratebox-height: 1.5rem;
    --ratebox-text-color: var(--base-dark-color);
    --ratebox-bg-color: var(--base-bright-color);
    --ratebox-btn-color: var(--ratebox-text-color);
    --ratebox-btn-bg-color: var(--ratebox-bg-color);
    --ratebox-btn-hover-color: var(--ratebox-bg-color);
    --rateup-hover-bg-color: var(--green-monochrome);
    --ratedown-hover-bg-color: var(--red-monochrome);
    --ratebox-btn-hover-bg-color: var(--base-dark-color);
 
    /* Tabview */
    --tab-color: var(--base-dark-color);
    --tab-bg-color: var(--base-bright-color);
    --tab-item-height: 2rem;
    --tab-item-color: var(--base-bright-color);
    --tab-item-bg-color: var(--base-dark-color);
    --tab-item-hover-color: var(--tab-item-color);
    --tab-item-hover-bg-color: var(--tab-item-bg-color);
    --tab-item-selected-color: var(--base-dark-color);
    --tab-item-selected-bg-color: var(--base-bright-color);
 
    /* Wiki Content Table */
    --table-th-color: var(--base-bright-color);
    --table-th-bg-color: var(--base-dark-color);
    --table-th-border-color: var(--base-dark-color);
    --table-td-color: var(--base-dark-color);
    --table-td-bg-color: var(--base-bright-color);
    --table-td-border-color: var(--base-dark-color);
 
    /* Buttons */
    --btn-color: var(--bright-accent);
    --btn-bg-color: var(--base-bright-color);
    --btn-hover-bg-color: var(--btn-color);
 
    /* OWindow */
    --window-bg-color: var(--base-bright-color);
    --window-title-bg-color: var(--base-dark-color);
 
    /* Editor */
    --weditor-button-bg-color: var(--base-bright-color);
    --weditor-button-hover-bg-color: var(--base-dark-color);
 
    /* Forum Thread */
    --thread-head-bg-color: var(--base-bright-color);
 
}
 
@media (max-width: 767px) {
:root {
    /* Mobile Fix */
    --header-button-x: 1rem;
}
}
 
/* ------------ *
 * Global Width *
 * ------------ */
 
div#content-wrap {
    position: relative;
    margin: 0;
    max-width: 100vw;
    min-height: 1300px;
    height: auto !important;
}
 
div#main-content,
div#page-content {
    padding: 0;
    margin: 0 auto;
    max-width: var(--main-width);
    min-height: 720px;
}
 
div#main-content {
    margin-top: -100vh;
    padding-top: 1.5rem;
}
 
@media (max-width: calc(720px + 18rem * 2 + 3.4rem - 1px)) {
div#main-content {
    margin-left: calc(var(--sidebar-width) + 4rem);
    margin-right: 2rem;
}
}
 
@media (max-width: 767px) {
div#content-wrap {
    margin-left: 0;
    margin-right: 0;
}
 
div#main-content,
div#page-content {
    padding: 0;
    margin: 0 auto;
}
 
div#main-content {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-top: 1.5rem;
}
 
.owindow {
    min-width: 80%;
    max-width: 99%;
}
 
.modal-body .table,
.modal-body .table ~ div {
    float: none !important;
}
 
.owindow .button-bar {
    float: right;
}
 
.owindow div a.btn-primary {
    display: block;
    float: none;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
}
 
a,
span,
#action-area td {
    word-break: break-all;
}
}
 
/* ====== *
 * HEADER *
 * ====== */
 
/* ------------ *
 * Header title *
 * ------------ */
 
div#container-wrap,
div#header {
    background-image: none;
}
 
div#header {
    position: sticky;
    top: calc(var(--header-height) * -1);
    height: calc(var(--header-height) + var(--topbar-height));
    background-color: transparent;
    padding-bottom: 0;
    max-width: 60rem;
    width: 90%;
    margin: 0 auto;
    z-index: 20;
}
 
div#header h1,
div#header h2 {
    float: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    z-index: 5;
}
 
div#header h1,
div#header h1 a,
div#header h2 {
    margin: 0;
    padding: 0;
    line-height: 1;
    max-width: unset;
    max-height: unset;
    letter-spacing: 0;
}
 
div#header h1 a span,
div#header h2 span {
    display: none;
}
 
div#header h1 {
    left: var(--header-h1-x);
    top: var(--header-h1-y);
    width: var(--header-h1-w);
}
 
div#header h2 {
    left: var(--header-h2-x);
    top: var(--header-h2-y);
    width: var(--header-h2-w);
}
 
div#header h1 a::before {
    content: var(--header-title);
    font-size: 2.5rem;
    font-weight: bold;
    font-family: var(--header-font);
    line-height: 2.5rem;
    color: rgb(var(--header-title-color));
    text-shadow: 0 0 2px rgba(var(--header-title-color), 0.25);
}
 
@media (max-width: 479px) {
div#header h1 a::before {
    line-height: 1.6rem;
    font-size: 1.6rem;
}
}
 
div#header h2::before {
    content: var(--header-subtitle);
    font-size: 1rem;
    font-weight: normal;
    font-family: var(--title-font);
    line-height: 1rem;
    color: rgb(var(--header-subtitle-color));
    text-shadow: 0 0 2px rgba(var(--header-subtitle-color), 0.25);
}
 
div#header::after {
    content: "";
    display: block;
    position: absolute;
    top: var(--header-icon-y);
    left: var(--header-icon-x);
    width: var(--header-icon-w);
    height: var(--header-icon-size);
    background-image: var(--header-icon);
    background-repeat: no-repeat;
    background-size: auto var(--header-icon-size);
    background-position: center center;
    filter: drop-shadow(var(--header-icon-drop-shadow)) opacity(var(--header-icon-opacity)) invert(var(--header-icon-invert));
    -webkit-filter: drop-shadow(var(--header-icon-drop-shadow)) opacity(var(--header-icon-opacity)) invert(var(--header-icon-invert));
    z-index: 2;
}
 
/* ----------- *
 * Top Buttons *
 * ----------- */
 
div#header #login-status {
    top: var(--header-button-x);
    right: 1.9rem;
    font-size: 0;
}
 
div#header #login-status div#account-options {
    font-size: var(--base-font-size);
    border: none;
    border-radius: 0.3rem;
    width: 4rem;
    box-shadow: var(--base-box-shadow);
}
 
div#header #login-status span {
    display: none;
}
 
div#header #login-status span.printuser {
    display: inline-block;
    border-radius: 0.4rem;
    transition: ease var(--base-transition-time);
}
 
div#header #login-status a.login-status-create-account::before {
    content: "\f007";
}
 
div#header #login-status a.login-status-sign-in::before {
    content: "\f090";
}
 
div#header #login-status > a[href*="/account/messages"] {
    display: block;
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    left: 1.25rem;
    top: 1.25rem;
    line-height: 0.75rem;
    color: transparent;
    background-color: rgb(var(--message-reminding-bg-color, 225, 72, 72));
    border-radius: 50%;
    z-index: 25;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
}
 
div#header #login-status a#account-topbutton {
    border: none;
    margin: 0;
    padding: 0;
}
 
div#header #login-status a#account-topbutton::before {
    content: "\f0d7";
}
 
div#header #search-top-box::before {
    content: "\f002";
}
 
div#header #search-top-box::before,
div#header #login-status span.printuser a,
div#header #login-status a::before {
    display: inline-block;
    border: none;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.2rem;
    color: rgb(var(--header-button-color));
    background-color: rgb(var(--header-button-bg-color));
    text-align: center;
    font-family: "FontAwesome";
    font-size: 1.2rem;
    line-height: 1.5rem;
    border-radius: 0.3rem;
    box-shadow: var(--base-box-shadow);
    transition: ease var(--base-transition-time);
    overflow: hidden;
}
 
div#header #login-status span.printuser img.small {
    margin: 0;
    padding: 0;
    background-image: none !important;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.3rem;
}
 
div#header #login-status span.printuser:hover,
div#header #login-status span.printuser:focus {
    background-color: rgba(var(--header-button-hover-color), 0.75);
}
 
div#header #login-status span.printuser:hover img.small,
div#header #login-status span.printuser:focus img.small {
    opacity: 0.75
}
 
div#header #search-top-box:hover::before,
div#header #login-status a:hover::before,
div#header #search-top-box:focus::before,
div#header #login-status a:focus::before {
    color: rgb(var(--header-button-hover-color));
    text-decoration: none;
}
 
div#header #search-top-box {
    top: var(--header-button-x);
    right: 0;
    width: 1.9rem;
    height: 1.9rem;
}
 
div#header #search-top-box input#search-top-box-input {
    display: none;
}
 
div#header #search-top-box #search-top-box-form input[type=submit],
div#header #search-top-box #search-top-box-form input[type=submit]:hover,
div#header #search-top-box #search-top-box-form input[type=submit]:focus {
    position: absolute;
    left: 0;
    top: 0;
    border-width: 0;
    width: 1.5rem;
    height: 1.5rem;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    background-image: none;
    background: none;
    box-shadow: none;
    border-radius: 0.3rem;
    margin: 0.2rem;
    opacity: 1;
    z-index: 10;
}
 
div#header #search-top-box #search-top-box-form:not(:hover) input[type=submit]:focus {
    background-color: rgba(var(--header-button-hover-color), 0.375);
}
 
/* ----------- *
 * Topbar Menu *
 * ----------- */
 
div#top-bar div.mobile-top-bar {
    display: none;
}
 
@media (max-width: 767px) {
div#top-bar div.top-bar {
    display: none;
}
 
div#top-bar div.mobile-top-bar {
    display: block;
}
}
 
body::before {
    content: "";
    display: block;
    position: sticky;
    top: calc(var(--header-height) * -1);
    width: 100%;
    height: calc(var(--header-height) + var(--topbar-height));
    background-color: rgb(var(--header-bg-color));
    background-image: var(--topbar-gradient), var(--header-gradient);
    background-size: var(--topbar-bg-size), var(--header-bg-size);
    box-shadow: var(--base-box-shadow);
    background-position: center var(--header-height), center center;
    background-repeat: repeat-x, repeat;
    z-index: 15;
}
 
div#container-wrap {
    margin-top: calc(var(--header-height) * -1 + var(--topbar-height) * -1);
}
 
div#top-bar {
    z-index: 20;
    width: 100%;
    max-width: 60rem;
    right: auto;
    font-size: inherit;
    position: absolute;
    top: var(--header-height);
    height: var(--topbar-height);
    background-color: transparent;
    background-image: none;
}
 
div#top-bar * {
    margin: 0;
}
 
div#top-bar div div.open-menu a {
    border: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: calc(var(--topbar-height) * -1);
    text-align: center;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: calc(var(--topbar-height) * 0.8);
    background-color: transparent;
    color: rgb(var(--topbar-button-color));
    width: var(--topbar-height);
    height: var(--topbar-height);
    line-height: var(--topbar-height);
    transition: ease var(--base-transition-time);
}
 
div#top-bar div div.open-menu a:hover {
    color: rgba(var(--topbar-button-color), 0.5);
    box-shadow: none;
}
 
div#top-bar div > ul {
    float: none;
    width: 100%;
    display: flex;
}
 
div#top-bar div > ul > li {
    flex-grow: 1;
    position: static;
}
 
div#top-bar div > ul > li > a {
    margin: 0;
    padding: 0;
    border: none;
    max-height: unset;
    height: var(--topbar-height);
    line-height: var(--topbar-height);
    color: rgb(var(--topbar-item-text-color));
    transition: ease var(--base-transition-time);
}
 
div#top-bar div > ul > li:hover > a,
div#top-bar div > ul > li.sfhover > a {
    border: none;
    color: rgb(var(--topbar-item-hover-text-color));
    background-color: rgba(var(--topbar-item-hover-bg-color), 0.75);
    background-image: none;
}
 
div#top-bar div > ul > li:hover > a:hover,
div#top-bar div > ul > li.sfhover > a:hover {
    background-color: rgba(var(--topbar-item-hover-bg-color), 0.87);
    background-image: none;
}
 
div#top-bar div > ul > li > ul,
div#top-bar div > ul > li:hover > ul,
div#top-bar div > ul > li.sfhover > ul {
    width: auto;
    border: none;
    box-shadow: var(--base-box-shadow);
    background-color: rgba(var(--topbar-menu-item-bg-color), 0.75);
}
 
div#top-bar div > ul > li > ul > li,
div#top-bar div > ul > li:hover > ul > li,
div#top-bar div > ul > li.sfhover > ul > li {
    border: none;
    width: auto;
}
 
div#top-bar div > ul > li > ul > li > a,
div#top-bar div > ul > li:hover > ul > li > a,
div#top-bar div > ul > li.sfhover > ul > li > a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: var(--topbar-menu-item-width);
    height: var(--topbar-menu-item-height);
    line-height: var(--topbar-menu-item-height);
    color: rgb(var(--topbar-menu-item-text-color));
    background-color: transparent;
    border: solid 1px rgb(var(--topbar-menu-item-border-color));
    transition: background-color ease var(--base-transition-time);
}
 
div#top-bar div > ul > li > ul > li > a:hover,
div#top-bar div > ul > li:hover > ul > li > a:hover,
div#top-bar div > ul > li.sfhover > ul > li > a:hover {
    background-color: rgba(var(--topbar-menu-item-bg-color), 0.4);
}
 
@media (max-width: 767px) {
div#top-bar {
    left: 0;
}
 
div#top-bar div.mobile-top-bar {
    position: absolute;
    width: calc(100% - var(--topbar-height));
    margin-left: var(--topbar-height);
}
 
div#top-bar div > ul > li > ul,
div#top-bar div > ul > li:hover > ul,
div#top-bar div > ul > li.sfhover > ul {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: absolute;
    left: calc(-6.1125% + var(--topbar-height) * -1);
    width: 100vw;
    border: solid 1px rgb(var(--topbar-menu-item-border-color));
}
 
div#top-bar div > ul > li > ul > li,
div#top-bar div > ul > li:hover > ul > li,
div#top-bar div > ul > li.sfhover > ul > li {
    width: 50%;
    max-width: 50%;
}
 
div#top-bar div > ul > li > ul > li > a,
div#top-bar div > ul > li:hover > ul > li > a,
div#top-bar div > ul > li.sfhover > ul > li > a {
    box-sizing: border-box;
    width: 100%; 
    max-width: 100%;
}
}
 
/* ======================= *
 * SIDE BAR & PAGE CONTENT *
 * ======================= */
 
/* ------------ *
 * Sidebar Menu *
 * ------------ */
 
div#side-bar {
    position: sticky;
    top: var(--topbar-height);
    left: 1.7rem;
    height: 100vh;
    width: var(--sidebar-width);
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    float: none;
    padding: 0;
}
 
#side-bar p {
    margin: auto;
}
 
@media (max-width: 767px) {
div#side-bar,
div#side-bar:target {
    position: fixed;
    width: var(--sidebar-width);
    top: 0;
    left: calc(var(--sidebar-width) * -1);
    z-index: 25;
    border: none;
    background-color: rgb(var(--sidebar-bg-color));
    transition: ease var(--base-transition-time);
}
 
div#side-bar:target {
    left: 0;
}
 
div#side-bar a.close-menu {
    display: block;
    opacity: 1;
    background: transparent;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    transition: ease var(--base-transition-time);
}
 
div#side-bar a.close-menu img {
    display: none;
}
 
div#side-bar:target a.close-menu {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: transparent;
    backdrop-filter: blur(0.2rem);
    -webkit-backdrop-filter: blur(0.2rem);
}
}
 
div#side-bar div.side-block,
div#side-bar div.side-block.media,
div#side-bar div.side-block.resources {
    margin: 0.5rem;
    margin-top: 1rem;
    padding: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
    border: none;
    border-radius: 0;
    box-shadow: var(--base-box-shadow);
    background-color: rgb(var(--sidebar-block-bg-color));
}
 
div#side-bar div.side-block[style*="background"] {
    background-color: rgba(var(--base-dark-color), 0.18) !important;
}
 
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-folded .collapsible-block-link,
div#side-bar div.collapsible-block-folded .collapsible-block-link:hover,
div#side-bar div.collapsible-block-unfolded-link .collapsible-block-link,
div#side-bar div.collapsible-block-unfolded-link .collapsible-block-link:hover {
    display: block;
    font-size: unset;
    font-size: calc(var(--base-font-size) * 1.25));
    font-weight: bold;
    font-family: var(--title-font);
    text-align: center;
    text-decoration: none;
    color: rgb(var(--sidebar-heading-color));
    background-color: rgb(var(--sidebar-heading-bg-color));
    box-shadow: var(--base-box-shadow);
    margin: 0.5rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    padding: 0;
    border-bottom: none;
}
 
div#side-bar div.collapsible-block-folded {
    background-image: none;
}
 
div#side-bar div.collapsible-block-unfolded-link {
    border: none;
}
 
div#side-bar div.side-block .menu-item {
    margin: 0;
    display: flex;
    font-size: 0;
    margin-left: var(--sidebar-item-height);
}
 
div#side-bar div.side-block .menu-item a {
    flex: 1;
    position: relative;
    font-weight: bold;
    display: block;
    line-height: var(--sidebar-item-height);
    font-size: var(--base-font-size);
    color: rgb(var(--sidebar-link-color));
    transition: ease var(--base-transition-time);
    padding-left: calc(var(--sidebar-item-height) * 0.5);
    white-space: nowrap;
}
 
div#side-bar div.side-block .menu-item a[href*="scp-series"] {
    padding-left: 0;
    text-align: center;
}
 
div#side-bar div.side-block .menu-item a:hover::before,
div#side-bar div.side-block .menu-item a:hover,
div#side-bar div.side-block .menu-item a:focus::before,
div#side-bar div.side-block .menu-item a:focus {
    text-decoration: none;
    color: rgb(var(--sidebar-link-hover-color));
    background-color: rgb(var(--sidebar-item-hover-bg-color));
}
 
div#side-bar div.side-block:not(.media) .menu-item img {
    max-width: 0;
    max-height: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
}
 
div#side-bar img + a::before {
    display: block;
    position: absolute;
    top: 0;
    left: calc(var(--sidebar-item-height) * -1);
    width: var(--sidebar-item-height);
    height: var(--sidebar-item-height);
    max-height: var(--sidebar-item-height);
    line-height: var(--sidebar-item-height);
    overflow: hidden;
    text-align: center;
    font-weight: normal;
    font-family: "FontAwesome";
    font-size: var(--base-font-size);
    color: rgb(var(--base-dark-color));
    transition: ease var(--base-transition-time);
}
 
div#side-bar img[src*="help.png"] + a::before {
    content: "\f059";
}
 
div#side-bar img[src*="main.png"] + a::before {
    content: "\f192";
}
 
div#side-bar img[src*="default.png"] + a::before {
    content: "\f10c";
}
 
div#side-bar img[src*="home.png"] + a::before {
    content: "\f015";
}
 
div#side-bar img[src*="series.png"] + a::before {
    content: "\f1c0";
}
 
div#side-bar img[src*="forum.png"] + a::before {
    content: "\f086";
}
 
/* ---------- *
 * Scroll Bar *
 * ---------- */
 
::-webkit-scrollbar {
    cursor: pointer;
    border: none;
    width: 0.5rem;
    height: 0.5rem;
}
 
::-webkit-scrollbar-thumb {
    background: rgba(var(--base-dark-color), 0.8);
    cursor: pointer;
}
 
::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--base-dark-color));
}
 
::-webkit-scrollbar-track {
    background: rgba(var(--base-bright-color), 0.4);
}
 
* {
    scrollbar-color: #222, #FAFAFA;
}
 
/* ----------- *
 * Rate Module *
 * ----------- */
 
div.page-rate-widget-box,
div#page-content div.page-rate-widget-box,
div#page-content div.creditRate,
div#page-content table.rate_t,
div#page-content table.rate_t2 {
    margin: 0;
    padding: 0;
    font-size: 0;
}
 
div.page-rate-widget-box,
div#page-content div.page-rate-widget-box,
div#page-content div.rate-box-with-credit-button,
div#page-content table.rate_t,
div#page-content table.rate_t2 {
    display: inline-flex;
    background-color: rgb(var(--ratebox-bg-color));
    height: var(--ratebox-height);
    border: none;
    border-radius: 0;
    box-shadow: var(--base-box-shadow);
}
 
div#page-content div.rate-box-with-credit-button div.page-rate-widget-box,
div#page-content table.rate_t div.page-rate-widget-box,
div#page-content table.rate_t2 div.page-rate-widget-box {
    box-shadow: none;
}
 
div.page-rate-widget-box a,
div#page-content div.page-rate-widget-box a {
    font-size: 0;
}
 
div.page-rate-widget-box a::before,
div#page-content div.page-rate-widget-box a::before {
    font-family: "FontAwesome";
    font-size: var(--base-font-size);
}
 
div.page-rate-widget-box .rateup.btn a::before,
div#page-content div.page-rate-widget-box .rateup.btn a::before {
    content: "\f102";
}
 
div.page-rate-widget-box .ratedown.btn a::before,
div#page-content div.page-rate-widget-box .ratedown.btn a::before {
    content: "\f103";
}
 
div.page-rate-widget-box .cancel.btn a::before,
div#page-content div.page-rate-widget-box .cancel.btn a::before {
    content: "\f00d";
}
 
div.page-rate-widget-box span.rate-points,
div#page-content div.page-rate-widget-box span.rate-points {
    text-transform: capitalize;
    color: rgb(var(--ratebox-text-color)) !important;
    background-color: transparent !important;
    border: none;
    border-radius: 0;
    height: var(--ratebox-height);
    line-height: var(--ratebox-height);
    font-size: var(--base-font-size);
}
 
div.page-rate-widget-box .rateup.btn,
div.page-rate-widget-box .ratedown.btn,
div.page-rate-widget-box .cancel.btn,
div#page-content div.page-rate-widget-box .rateup.btn,
div#page-content div.page-rate-widget-box .ratedown.btn,
div#page-content div.page-rate-widget-box .cancel.btn,
div#page-content .creditButton,
div#page-content .creditButton p {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    height: var(--ratebox-height);
    background-color: transparent;
    font-size: var(--base-font-size);
    line-height: var(--ratebox-height);
}
 
div#page-content .creditButton p a {
    margin-left: 0;
    border-left: 0;
}
 
div.page-rate-widget-box .rateup.btn a,
div.page-rate-widget-box .ratedown.btn a,
div.page-rate-widget-box .cancel.btn a,
div#page-content div.page-rate-widget-box .rateup.btn a,
div#page-content div.page-rate-widget-box .ratedown.btn a,
div#page-content div.page-rate-widget-box .cancel.btn a,
div#page-content .creditButton p a.fa.fa-info {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    border-radius: 0;
    text-align: center;
    width: var(--ratebox-height);
    height: var(--ratebox-height);
    line-height: var(--ratebox-height);
    color: rgb(var(--ratebox-btn-color));
    background-color: rgba(var(--ratebox-btn-bg-color), 0.75);
    transition: ease var(--base-transition-time);
}
 
div.page-rate-widget-box .rateup.btn a:hover,
div.page-rate-widget-box .ratedown.btn a:hover,
div.page-rate-widget-box .cancel.btn a:hover,
div#page-content div.page-rate-widget-box .rateup.btn a:hover,
div#page-content div.page-rate-widget-box .ratedown.btn a:hover,
div#page-content div.page-rate-widget-box .cancel.btn a:hover,
div#page-content .creditButton p a.fa.fa-info:hover {
    border-radius: 0;
    text-decoration: none;
    color: rgb(var(--ratebox-btn-hover-color));
    background-color: rgb(var(--ratebox-btn-hover-bg-color));
}
 
div.page-rate-widget-box .rateup.btn a:hover,
div#page-content div.page-rate-widget-box .rateup.btn a:hover {
    background-color: rgb(var(--rateup-hover-bg-color));
}
 
div.page-rate-widget-box .ratedown.btn a:hover,
div#page-content div.page-rate-widget-box .ratedown.btn a:hover {
    background-color: rgb(var(--ratedown-hover-bg-color));
}
 
/* ------- *
 * Content *
 * ------- */
 
div.title,
span.title,
div.meta-title,
div#page-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--title-font);
    color: rgb(var(--main-accent));
}
 
div.meta-title,
div#page-title {
    min-height: 2.5rem;
    line-height: 2.5rem;
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
    border: none;
}
 
a,
a:link,
a:focus,
a:active,
a:visited {
    color: rgb(var(--link-color));
    text-decoration: none;
    background-color: transparent;
    transition: var(--base-transition-time);
}
 
a:hover,
div#header a:hover,
div#top-bar a:hover,
div#side-bar a:hover {
    color: rgba(var(--link-color), 0.8);
    text-decoration: none;
    background-color: transparent;
}
 
div#page-content a:hover {
    text-decoration: underline;
}
 
div#page-content a.newpage {
    color: rgb(var(--link-color));
    background-color: rgba(var(--link-color), 0.1);
}
 
.hovertip {
    color: rgb(var(--base-dark-color));
    border: solid 0px transparent !important;
    box-shadow: var(--base-box-shadow);
    background-color: rgb(var(--base-bright-color)) !important;
}
 
.hovertip .content .footnote .f-heading,
.hovertip .content .footnote .f-footer  {
    display: none !important;
}
 
hr {
    width: auto;
    margin: 1em 1rem;
    background-color: rgba(var(--base-dark-color), 0.75);
}
 
div.dark hr {
    background-color: rgba(127, 127, 127, 0.75);
}
 
blockquote,
div.blockquote,
div.code,
div.page-source,
div.box {
    margin: 0.8rem 0;
    padding: 1px 1rem;
    background-color: transparent;
    border: none;
    box-shadow: var(--base-box-shadow);
}
 
tt,
div.code,
div.code *,
span.monospace {
    font-family: var(--mono-font);
}
 
div.page-source {
    padding: 0.8rem;
    font-family: var(--mono-font);
}
 
blockquote,
div.blockquote {
    margin: 0.8rem auto;
    width: 90%;
    max-width: 520px;
    box-sizing: border-box;
}
 
/* --------- *
 * Page Tags *
 * --------- */
 
div.page-tags span {
    border-top: dotted 0.125rem rgba(var(--base-dark-color), 0.75);
}
 
div.page-tags span a {
    text-transform: uppercase;
    margin-right: 0.5rem;
}
 
div.page-tags span a::before {
    content: "\f02b";
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: 0.25rem;
    color: rgb(var(--base-dark-color));
}
 
/* ------------------ *
 * Wiki Content Table *
 * ------------------ */
 
div#page-content table.wiki-content-table {
    box-shadow: var(--base-box-shadow);
}
 
div#page-content table.wiki-content-table th {
    color: rgb(var(--table-th-color));
    background-color: rgba(var(--table-th-bg-color), 0.75);
    border-color: rgba(var(--table-th-border-color), 0.87);
}
 
div#page-content table.wiki-content-table td {
    color: rgb(var(--table-td-color));
    background-color: rgba(var(--table-td-bg-color), 0.75);
    border-color: rgba(var(--table-td-border-color), 0.87);
}
 
/* ----------- *
 * Image Block *
 * ----------- */
 
div#page-content div.scp-image-block {
    width: 300px;
    border: none;
    box-shadow: var(--base-box-shadow);
}
 
div#page-content div.scp-image-block p {
    margin: 0;
}
 
div#page-content div.scp-image-block.block-center {
    margin: 0.8rem auto;
}
 
div#page-content div.scp-image-block.block-right {
    float: right;
    clear: right;
    max-width: 50%;
    margin: 0.8rem 0 0.8rem 0.8rem;
}
 
div#page-content div.scp-image-block.block-left {
    float: left;
    clear: left;
    max-width: 50%;
    margin: 0.8rem 0.8rem 0.8rem 0;
}
 
div#page-content div.scp-image-block img.image,
div#page-content div.scp-image-block div.scp-image-caption {
    border: none;
    min-width: 100%;
    max-width: 100%;
}
 
div#page-content div.scp-image-block div.scp-image-caption {
    text-align: center;
    font-weight: bold;
    font-size: calc(var(--base-font-size) * 0.8);
    color: rgb(var(--base-dark-color));
    background-color: rgb(var(--base-bright-color));
    padding: 0.2rem 0.5rem;
    box-sizing: border-box;
}
 
div#page-content div.image-block-break + div.scp-image-block {
    box-shadow: none;
}
 
div#page-content div.image-block-break + div.scp-image-block img.image {
    box-shadow: var(--base-box-shadow);
    margin-bottom: 0.8rem;
}
 
div#page-content div.image-block-break + div.scp-image-block div.scp-image-caption {
    box-shadow: var(--base-box-shadow);
}
 
div#page-content div.image-block-accent + div.scp-image-block div.scp-image-caption {
    color: rgb(var(--base-bright-color));
    background-color: rgba(var(--base-dark-color), 0.87);
}
 
/* ---------- *
 * Fancy Divs *
 * ---------- */
 
div.box.light {
    background-color: rgba(var(--light-accent), 0.87);
    color: rgb(var(--dark-accent));
}
 
div.box.dark {
    background-color: rgba(var(--dark-accent), 0.87);
    color: rgb(var(--light-accent));
}
 
div.box.dark h1,
div.box.dark h2,
div.box.dark h3,
div.box.dark h4,
div.box.dark h5,
div.box.dark h6 {
    color: rgb(var(--light-accent));
}
 
div.box.roc {
    border-radius: 1rem;
}
 
div#page-content div.box.document {
    position: relative;
    min-height: 10rem;
    margin: 0.8rem 0 1.4rem 0.6rem;
}
 
div#page-content div.box.document::before {
    content: "";
    display: block;
    position: absolute;
    left: -0.3rem;
    top: 0.3rem;
    width: 100%;
    height: 100%;
    box-shadow: var(--base-box-shadow);
    z-index: -1;
}
 
div#page-content div.box.document::after {
    content: "";
    display: block;
    position: absolute;
    left: -0.6rem;
    top: 0.6rem;
    width: 100%;
    height: 100%;
    box-shadow: var(--base-box-shadow);
    z-index: -2;
}
 
div#page-content div.box.document.light,
div#page-content div.box.document.light::before,
div#page-content div.box.document.light::after {
    color: rgb(var(--dark-accent));
    background-color: rgb(var(--light-accent));
}
 
div#page-content div.box.document.dark,
div#page-content div.box.document.dark::before,
div#page-content div.box.document.dark::after {
    color: rgb(var(--light-accent));
    background-color: rgb(var(--dark-accent));
}
 
div#page-content div.box.raisa-memo {
    color: rgb(15, 15, 15);
    background-color: rgba(255, 255, 175, 0.75);
    text-align: center;
    border: solid 0.125rem rgb(75, 75, 75);
}
 
div#page-content div.box.raisa-memo::before {
    display: block;
    content: "来自基金会\A 记录与信息安全部的通知";
    color: rgb(15, 15, 15);
    white-space: pre-wrap;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: calc(var(--base-font-size) * 1.25);
    text-align: center;
    margin-top: 0.8rem;
}
 
div#page-content div.box.domc-memo {
    position: relative;
    margin: 1.6rem 0.8rem;
    background-color: transparent;
    border: solid 0.125rem rgb(255, 255, 127);
    color: rgb(255, 255, 127);
    box-shadow: none;
    text-align: center;
}
 
div#page-content div.box.domc-memo::before {
    display: block;
    content: "来自基金会\A 误传部的通知";
    color: rgb(255, 255, 127);
    white-space: pre-wrap;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: calc(var(--base-font-size) * 1.25);
    text-align: center;
    margin-top: 0.8rem;
}
 
div#page-content div.box.domc-memo::after {
    content: "";
    position: absolute;
    left: -0.925rem;
    top: -0.925rem;
    right: -0.925rem;
    bottom: -0.925rem;
    z-index: -1;
    background-color: rgba(230, 35, 35, 0.75);
    box-shadow: var(--base-box-shadow);
}
 
div#page-content div.box.pata-memo {
    color: rgb(225, 225, 225);
    background-color: rgba(70, 45, 120, 0.75);
    text-align: center;
}
 
div#page-content div.box.pata-memo::before {
    display: block;
    content: "来自基金会\A ‘超形上学部的通知";
    color: rgb(225, 225, 225);
    white-space: pre-wrap;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: calc(var(--base-font-size) * 1.25);
    text-align: center;
    margin-top: 0.8rem;
}
 
div#page-content div.box.overwatch-memo {
    color: rgb(225, 225, 225);
    background-color: rgba(75, 75, 75, 0.75);
    border: double 0.1875rem rgb(225, 225, 225);
    text-align: center;
}
 
div#page-content div.box.overwatch-memo::before {
    display: block;
    content: "根据监督者议会的命令";
    color: rgb(225, 225, 225);
    white-space: pre-wrap;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: calc(var(--base-font-size) * 2.25);
    text-align: center;
    margin-top: 0.8rem;
}
 
div.outset {
    box-shadow: var(--base-box-shadow);
}
 
div.inset {
    box-shadow: inset var(--base-box-shadow);
}
 
/* -------- *
 * YUI Tabs *
 * -------- */
 
div#page-content div.yui-navset.yui-navset-top {
    box-shadow: var(--base-box-shadow);
    color: rgb(var(--tab-color));
    background-color: rgb(var(--tab-bg-color));
}
 
div#page-content div.yui-navset.yui-navset-top a:hover,
div#page-content div.yui-navset.yui-navset-top a:focus {
    text-decoration: none;
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav {
    border: none;
    display: flex;
    flex-wrap: wrap;
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li {
    margin: 0;
    padding: 0;
    height: var(--tab-item-height);
    border: none;
    flex-grow: 1;
    max-width: 100%;
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a {
    margin: 0;
    padding: 0 0.8rem;
    border: none;
    width: 100%;
    height: 100%;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
    font-family: var(--title-font);
    color: rgb(var(--tab-item-color));
    background-image: none;
    background-color: rgba(var(--tab-item-bg-color), 0.87);
    box-sizing: border-box;
    transition: ease var(--base-transition-time);
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a:focus,
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a:hover {
    color: rgb(var(--tab-item-hover-color));
    background-color: rgba(var(--tab-item-hover-bg-color), 0.75);
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li.selected > a,
div#page-content div.tui-navset.yui-navset-top > ul.yui-nav > li.selected > a:focus,
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li.selected > a:hover {
    color: rgb(var(--tab-item-selected-color));
    background-color: rgb(var(--tab-item-selected-bg-color));
    background-image: none;
}
 
div.yui-navset.yui-navset-top > ul.yui-nav > li > a > em {
    display: block;
    padding: 0;
    margin: 0;
    height: 100%;
    line-height: var(--tab-item-height);
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
div.yui-navset.yui-navset-top > div.yui-content {
    padding: 0 1rem;
    background-color: transparent;
    border: none;
}
 
div.yui-navset.yui-navset-top > div.yui-content > div {
    padding: 1px;
    margin: -1px;
}
 
/* ------- *
 * Buttons *
 * ------- */
 
div.owindow {
    border-color: rgb(var(--window-bg-color));
    background-color: rgb(var(--window-bg-color));
    box-shadow: var(--base-box-shadow);
}
 
div.owindow div.title.modal-header {
    background-color: rgba(var(--window-title-bg-color), 0.1);
    color: rgb(var(--base-dark-color));
}
 
a.button.btn,
div.owindow a.btn,
div.options input.btn,
div.options input.btn.btn-default,
div.options input.btn.btn-primary,
div.options input.btn.btn-sm,
div.options input.btn.btn-small,
div.options a.btn,
div.options a.btn.btn-default,
div.options a.btn.btn-primary,
div.options a.btn.btn-sm,
div.options a.btn.btn-small,
div.buttons input.btn,
div.buttons input.btn.btn-default,
div.buttons input.btn.btn-primary,
div.buttons input.btn.btn-sm,
div.buttons input.btn.btn-small,
div.buttons a.btn,
div.buttons a.btn.btn-default,
div.buttons a.btn.btn-primary,
div.buttons a.btn.btn-sm,
div.buttons a.btn.btn-small,
div.button-bar input.btn,
div.button-bar a.btn,
div.button-bar a,
div.page-options-bottom input.btn,
div.page-options-bottom a.btn {
    display: inline-block;
    font-weight: bold;
    color: rgb(var(--btn-color));
    border-color: transparent;
    background-color: rgb(var(--btn-bg-color));
    box-shadow: var(--base-box-shadow);
    padding: 0.2rem 0.5rem;
    transition: ease var(--base-transition-time);
}
 
a.button.btn:hover,
div.owindow a.btn:hover,
div.options input.btn:hover,
div.options a.btn:hover,
div.buttons input.btn:hover,
div.buttons a.btn:hover,
div.button-bar input.btn:hover,
div.button-bar a.btn:hover,
div.button-bar a:hover,
div.page-options-bottom input.btn:hover,
div.page-options-bottom a.btn:hover,
a.button.btn:focus,
div.owindow a.btn:focus,
div.options input.btn:focus,
div.options a.btn:focus,
div.buttons input.btn:focus,
div.buttons a.btn:focus,
div.button-bar input.btn:focus,
div.button-bar a.btn:focus,
div.button-bar a:focus,
div.page-options-bottom input.btn:focus,
div.page-options-bottom a.btn:focus {
    display: inline-block;
    text-decoration: none;
    border-color: transparent;
    background-color: rgba(var(--btn-hover-bg-color), 0.5);
    color: rgb(var(--base-bright-color));
}
 
div.page-options-bottom {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
 
div.page-options-bottom a.btn {
    flex-grow: 1;
}
 
div#page-content div#u-credit-view,
div#page-content div#u-credit-otherwise {
    z-index: 30;
}
 
div#page-content div.modalcontainer div.modalbox {
    border-radius: 0;
    border-color: rgb(var(--window-bg-color));
    box-shadow: var(--base-box-shadow);
    background: linear-gradient(rgba(var(--window-title-bg-color), 0.1) 51px, transparent 51px, transparent), rgb(var(--window-bg-color));
}
 
/* -------------- *
 * Edit Page Form *
 * -------------- */
 
form#new-post-form *,
form#edit-post-form *,
form#edit-page-form * {
    font-family: "Anonymous Pro", monospace;
    font-size: var(--base-font-size);
}
 
input#edit-page-title {
    max-width: 100%;
    width: 100%;
}
 
input,
input#np-title,
input#ep-title,
input#edit-page-title,
input#page-tags-input,
input#upload-userfile,
input#upload-dfilename,
input#move-new-page-name,
input.text,
textarea,
textarea#np-text,
textarea#ep-text,
textarea#edit-page-textarea,
table.edit-page-bottomtable td div:not(.sub) textarea#edit-page-comments[name="comments"] {
    color: rgb(var(--base-dark-color));
    border-color: transparent;
    background-color: transparent;
    box-shadow: inset var(--base-box-shadow);
}
 
table.edit-page-bottomtable td div.sub {
    color: rgba(var(--base-dark-color), 0.25);
}
 
table.edit-page-bottomtable td div#lock-info {
    color: rgb(var(--base-dark-color));
    background-color: transparent;
    border-color: transparent;
    box-shadow: var(--base-box-shadow);
}
 
table.page-history td.optionstd a,
div.pager a {
    display: inline-block;
    padding: 0 0.2rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    text-align: center;
    line-height: 1.25rem;
    font-size: var(--base-font-size);
    color: rgb(var(--base-dark-color));
    border: none;
    border-radius: 0.2rem;
    background-color: transparent;
    box-shadow: var(--base-box-shadow);
    box-sizing: border-box;
    transition: ease var(--base-transition-time);
}
 
div.pager span.current {
    display: inline-block;
    padding: 0;
    min-width: 1.25rem;
    min-height: 1.25rem;
    text-align: center;
    line-height: 1.25rem;
    font-size: var(--base-font-size);
    color: rgb(var(--base-bright-color));
    border: none;
    border-radius: 0.2rem;
    background-color: rgb(var(--bright-accent));
    box-shadow: var(--base-box-shadow);
    transition: ease var(--base-transition-time);
}
 
div.pager span.current:hover {
    color: rgba(var(--base-bright-color), 0.625);
    background-color: rgba(var(--bright-accent), 0.85);
}
 
table.page-history td.optionstd a:hover,
div.pager a:hover {
    background-color: rgba(var(--bright-accent), 0.125);
    color: rgb(var(--bright-accent));
}
 
div.wd-editor-toolbar-panel div > ul > li > a {
    background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:new-aristocrat-dev/icons1.png");
    background-color: rgb(var(--weditor-button-bg-color));
    box-shadow: var(--base-box-shadow);
    border-radius: 0.1rem;
}
 
div.wd-editor-toolbar-panel div > ul > li > a:hover {
    background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:new-aristocrat-dev/icons3.png");
    background-color: rgba(var(--weditor-button-hover-bg-color), 0.1);
    box-shadow: var(--base-box-shadow);
}
 
div.wd-editor-toolbar-panel div > ul > li > ul,
div.wd-editor-toolbar-panel div > ul > li > ul:hover,
div.wd-editor-toolbar-panel div > ul > li > ul.sfhover {
    background-color: rgb(var(--weditor-button-bg-color));
    border: none !important;
    border-radius: 0.1rem;
    box-shadow: var(--base-box-shadow);
}
 
div.wd-editor-toolbar-panel div > ul > li > ul > li > a {
    background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:new-aristocrat-dev/icons1.png");
    background-color: rgb(var(--weditor-button-bg-color));
    box-shadow: none;
    border-radius: 0.1rem;
}
 
div.wd-editor-toolbar-panel div > ul > li > ul > li > a:hover {
    background-image: url("https://ah-sandbox.wikidot.com/local--files/theme:new-aristocrat-dev/icons3.png");
    background-color: rgba(var(--weditor-button-hover-bg-color), 0.1);
    box-shadow: none;
}
 
/* ------------- *
 * Forum Threads *
 * ------------- */
 
.thread-container .post .short,
.thread-container .post .head {
    color: rgb(var(--base-dark-color));
    background: rgba(var(--thread-head-bg-color), 0.1);
    border-radius: 0;
    border-color: transparent;
    box-shadow: var(--base-box-shadow);
}
 
/* === *
 * END *
 * === */
 
}

+ 经典

:root {
    --header-gradient: linear-gradient(
        135deg,
        transparent 0,
        transparent 25%,
        rgba(var(--base-dark-color), 0.1) 25%,
        rgba(var(--base-dark-color), 0.1) 50%,
        transparent 50%,
        transparent 75%,
        rgba(var(--base-dark-color), 0.1) 75%,
        rgba(var(--base-dark-color), 0.1) 100%
    );/* Inspired by SCP-5633 */
    --header-bg-size: 2.5rem 2.5rem;
    --header-bg-color: 215, 75, 75;
    --topbar-bg-color: 225, 225, 225;
    --header-title-color: 225, 225, 225;
    --header-icon-invert: 1;
    --header-button-bg-color: 225, 225, 225;
    --header-button-hover-color: 215, 75, 75;
    --bright-accent: 215, 75, 75;
    --btn-bg-color: 225, 225, 225;
}

+ 深色

:root {
    --header-gradient: linear-gradient(
        135deg,
        transparent,
        transparent 25%,
        rgba(var(--base-dark-color), 0.1) 25%,
        rgba(var(--base-dark-color), 0.1) 50%,
        transparent 50%,
        transparent 75%,
        rgba(var(--base-dark-color), 0.1) 75%,
        rgba(var(--base-dark-color), 0.1)
    );/* Inspired by SCP-5633 */
    --header-bg-size: 2.5rem 2.5rem;
    --header-bg-color: 105, 25, 25;
    --topbar-bg-color: 25, 25, 25;
    --topbar-item-text-color: var(--base-bright-color);
    --header-title-color: 225, 225, 225;
    --header-icon-invert: 1;
    --header-button-color: var(--base-bright-color);
    --header-button-bg-color: 25, 25, 25;
    --header-button-hover-color: 215, 75, 75;
    --sidebar-heading-color: var(--base-bright-color);
    --sidebar-heading-bg-color: 105, 25, 25;
    --ratebox-text-color: 252, 252, 252;
    --ratebox-bg-color: 105, 25, 25;
    --ratebox-btn-hover-bg-color: 225, 225, 225;
    --bright-accent: 105, 25, 25;
    --btn-bg-color: 225, 225, 225;
}

+ 灰色

:root {
    --header-gradient: linear-gradient(
        135deg,
        transparent,
        transparent 25%,
        rgba(var(--base-dark-color), 0.1) 25%,
        rgba(var(--base-dark-color), 0.1) 50%,
        transparent 50%,
        transparent 75%,
        rgba(var(--base-dark-color), 0.1) 75%,
        rgba(var(--base-dark-color), 0.1)
    );/* Inspired by SCP-5633 */
    --header-bg-size: 2.5rem 2.5rem;
    --header-bg-color: 75, 75, 75;
    --topbar-bg-color: 25, 25, 25;
    --topbar-item-text-color: var(--base-bright-color);
    --header-title-color: 225, 225, 225;
    --header-icon-invert: 1;
    --header-button-color: var(--base-bright-color);
    --header-button-bg-color: 25, 25, 25;
    --header-button-hover-color: 75, 75, 75;
    --sidebar-heading-color: var(--base-bright-color);
    --sidebar-heading-bg-color: 75, 75, 75;
    --ratebox-text-color: 252, 252, 252;
    --ratebox-bg-color:75, 75, 75;
    --ratebox-btn-hover-bg-color: 225, 225, 225;
    --bright-accent: 75, 75, 75;
    --btn-bg-color: 225, 225, 225;
}

+ 暗色

:root {
    --base-bright-color: 56, 56, 56;
    --base-dark-color: 225, 225, 225;
    --base-box-shadow: 0 0 7px rgb(15, 15, 15);
    --header-icon-invert: 1;
    --header-icon-drop-shadow: 0 0 2px rgba(var(--base-dark-color), 0.25);
}

该项目正在频繁更新，请密切关注探索资料。

项目编号：SCP-CN-XXXX

项目等级：Euclid

特殊收容措施：基金会网络爬虫将不间断搜查一切SCP-CN-XXXX的宣传性媒介并予以删除。目击项目的平民将被执行以记忆删除为主的后续性处置。鉴于项目被确证无害，其部分信息已向分别隶属于基金会、全球超自然联盟及若干国家的北太平洋海军披露，包括但不限于项目的无害性及武装反击的非必要性。

随着项目近期出现频率的迅速升高，任何基金会用舰只在公海上同SCP-CN-XXXX的接触将不可避免，隶属基金会舰只的雇员将获得项目初级资料的浏览权，以避免恐慌在海员间出现。

鉴于项目的高扰动等级及低研究价值，对SCP-CN-XXXX-1项目进行处决实验的提案已为O5-8批准。基金会降灵学部，恶魔学部，异常项目处决部门将同基金会武装部队（Foundation Armed Forces, FAF）对SCP-CN-XXXX展开针对该项目成因的联合调查，并依上述调查之结果开展对SCP-CN-XXXX-1的处决尝试。

SCP-CN-XXXX-2因其低危害性，低收容价值无需投入过多资源以进行收容，目前收容措施仅限于项目周边地区设置哨卡以防格莱森提符沃迪亚（凌汛港）居民误入异常建筑群内部。对该异常项目群进行的探索申请可通过联系项目负责人F.Swan上尉或出示三级以上权限两种渠道通过，唯一关注点在于探索队伍中不应出现任何当地居民，尽管以上群体可能同时为基金会雇员。

占星学部出示的SCP-CN-XXXX-1及SCP-CN-XXXX-2间存在强关联性的占卜启示将被进一步研究，对项目进行的新一轮调查将由Site-CN-95牵头发动，联合调查组已赶往凌汛港，最新调查进度将以更新形式附于该文档后。

描述：SCP-CN-XXXX是于2000年被首次到的一种集中出现在在北太平洋范围内围绕基金会及全球超自然联盟所属舰只出现的概率性灵体显现现象。自首次被基金会属货轮“海愿号”观测并记录以来，项目出现频率便不断升高，仅2022年，基金会便已收到自下辖船只汇报的340起项目目击事件，同比增长约21%。

任何基金会/GOC属船只（下简称“目标”）驶入北太平洋海域都可能令SCP-CN-XXXX发生，一包含3~4艘舰船的灵体化舰队（标记为SCP-CN-XXXX-1）将在项目发生后显现于以目标为圆心半径500海里的水面内，并以最快速度大于35节的航速驶近目标舰只/队。除SCP-CN-XXXX-1-a恒定于每次显现过程中出现外，不同观测报告显示的-1灵体舰队的编组情况有所差别，但都可归于由八艘未知从属的现代远洋军舰，所有舰船甲板上均为观测到存在人类船员，其外观等具体资料已于本文档附录1内整理。

当-1舰队接近到目标舰船附近一定距离¹后，除-a舰外全体显现舰只将会动用所携带武器以多频次全弹发射的方式对目标舰船进行打击，其打击方式包括但不限于常规舰炮及导弹，亦包含了远超当前基金会乃至常态各国造舰水平的大功率舰载激光器，等离子束流投射装置，阵列型奇术弹药舷炮组，██████及████████。-1舰队目前并无观测记录显示-1舰队出现过弹药匮乏迹象，但通常该舰队将在对目标舰船进行四十分钟的无效袭击之后自行离去并在驶离一段距离后以雾气形态结束显现。鉴于-1舰队在武器发射期间持续保持灵体状态，故其武器仅具有光学性质而无实体，无伤害到目标舰船之可能。

在所有对项目的目击记录中，都曾观测到一类现代航母的超大型舰船SCP-CN-XXXX-1-a，目前并未观测到-a舰有过主动攻击基金会或联盟舰船之先例，推测其为该异常舰队的海上指挥平台。然而，-a舰自首次出现起始终保持无线电静默状态，有理由怀疑其与-1舰队间通过某种异常方式通信，对于该种可能的通讯方式所进行的研究仍在进行中。

+ 附录1：SCP-CN—XXXX-1舰队编组一览表

编号	外观简述	备注
SCP-CN—XXXX-1-a	超巨型指挥旗舰，推测为核动力航空母舰改造而成。舰长约400米，预估排水量在140000吨以上，其战舰设计迥异于现行主流航母设计，飞行甲板集中于战舰前端，舰桥位于舰尾且异常高大。2	推测该战舰为舰队旗舰，项目每次发生时该舰都将显现于目标船只周围，并未有过攻击行为，亦未有过释放飞机之记录。
SCP-CN—XXXX-1-b	推测为核动力巡洋舰，预估排水量约24000吨，为-1舰队中表面磨损，锈蚀最严重的战舰，目测其舰侧至少加装有两套阵列型奇术弹药舷炮组，型号与基金会于上世纪一度进行研发但最终搁置的“圣裁炮阵”系统颇有相似之处。	“圣裁炮阵”系统在1978年造出唯一一套原型器械后便被放弃开发，且该原型系统也最终毁于某场大型收容失效之中，该系统的类似型号于异常造物上出现令人惊异，但鉴于“圣裁炮阵”因其较短的射程从未设想上舰以服务海军3该舰的奇术弹药副炮组只能证明为一设计巧合]
SCP-CN—XXXX-1-c	推测为大型驱逐舰，预估排水量9000吨以上，航速较快，攻击方式以甲板上的垂发单元所发射的常规导弹为主,。该舰表面虽无明显锈蚀痕迹，但可观测到其显型时甲板表面积有大量黑色胶状物。	SCP-CN—XXXX-1-c攻击时可在短时间内快速连射出远超其垂发单元数的反舰导弹，即便通过异常手段，达成导弹发射装置的即时装填这一目的也是相当困难的，合理推测-1舰队所谓的弹药更类似于唯心驱动，从而可在某些方面超出工程学常识。
SCP-CN—XXXX-1-d	推测为经现代化改造的轻型巡洋舰，预估排水量11000吨以上，舷号所在位置为无规则图形，舰桥有多处意义不明的装饰性突起改造。该舰攻击方式为常规舰炮及导弹的结合，但仍可目测到该舰甲板处存在大量无序排列的防空武器，其设计思路迥然于现代舰船。	-d舰上的防空武器阵列未观测到有过任何开火行为，该迹象虽可用-d舰迄今为止并未遭遇过空中目标解释，亦有可能是该阵列在拥有如此混乱的排布设计同时并未考虑到供弹系统的结构合理性而导致的供弹系统不可逆损伤。
SCP-CN—XXXX-1-e	推测为大型驱逐舰，预估排水量9000吨以上，外观类似-c舰，但航速相较前者更慢，其舰桥处部分建筑有高温熔毁痕迹。另一不同于其姊妹舰的特征为：-e舰虽会对目标船只发射反舰导弹，但单次弹药投送量远低于-c，推测其导弹发射装置极可能存在部分损毁。	该舰于东北太平洋白令海-阿留申群岛一带有较多目击记录，并由此得到当前代号。
SCP-CN—XXXX-1-f	奇术战用轻巡洋舰，预估排水量12000吨，舰首无主炮而刻有一大型复合型奇术能量增幅法阵，奇术学部的最新研究成果显示该法阵极有可能为一更大型天基复合打击法阵的一部分。舰首数处关键铭文被未知攻击来源的巨大爪痕破坏，致使其聚能效果被严重削弱。该舰舰桥周遭可明显观测到存在一系列自动迎击法阵，皆有明显过载痕迹。	令人疑惑的是，-f舰体上所铭刻的绝大部分攻击性法阵理应已因过载而熔毁，却依然在项目显现期间有过发光等能量汇聚行为，鉴于灵体化法阵无法向实体世界释放能量，无从断定这些已损毁的法阵是否可进行有效攻击。
SCP-CN—XXXX-1-g	中型驱逐舰，预估排水量4500吨，并无导弹加装，舰首主炮被一大型高温等离子束投射装置替代，尽管等离子炮的储能装置已被基本探明位于其正下方的舰体内，舰桥周遭仍存在大量已断裂或未知连接目的粗制管道，部分管道断裂处存在大量黑色胶状物。	高温等离子束流投射武器因其极短的射程理应不会出现在以超视距打击为主的现代海战中，-g舰的主炮改装令人费解，合理推测该舰并非以对舰作战作为主要战术目标。
SCP-CN—XXXX-1-h	奇术战用轻巡洋舰，预估排水量12000吨，舰首无主炮而刻有一大型复合型奇术能量增幅法阵，奇术学部的最新研究成果显示该法阵极有可能为一更大型天基复合打击法阵的一部分。不同于-f舰，该舰舰首法阵基本完好，然而舰桥附近的自动迎击术式却排布得极为密集以致大部分法阵铭文都因堆叠而失效。该舰主舰桥结构扭曲，一无从探测型号的巨型相控阵雷达阵列被未知作用的装饰性刺状金属突起破坏。	-h舰同-f舰的舰首法阵同为一大型天基复合打击法阵之部分，然而，奇术学推演显示该法阵仍需第三处能量增幅法阵才可发挥作用，未知的第三艘奇术战用轻巡极可能已经损毁。

SCP-CN-XXXX-2是自1990年起出现于超自然枢纽城市格莱森提符沃迪亚（Glacientis-Floodia/凌汛港）的一系列船坞建筑。凌汛港位于阿拉斯加湾海域南部一空间异常内岛屿中，于17世纪90年代被西班牙探险队发现，并一度作为该国远洋舰队的补给中转站。西班牙王位继承战争爆发后，凌汛港同定居其上的西班牙人聚落一并被遗弃，直至1940年因其优渥的地理位置及迥异于周边环境的温暖海流而被纳入基金会控制中，此后长期作为基金会在北太平洋的重要海军基地。

SCP-CN-XXXX-2内部分布有大量符号化视觉模因，具体表现为表意完全无法解析的碎片化图案，长久直视以上模因可能会出现从轻度认知错乱到持久性情绪低落不等的异常影响，并在脱离与模因视觉接触后约一小时后自行恢复。相较于一般基金会成员，上述模因对于本地居民的影响更为强烈，前期实验已证明本地居民在模因作用下极易出现重度谵妄/闪回性记忆重构/自我认知错乱等症状，通过对唯一一组进入-2建筑群的当地居民进行的长期观察可基本断定该模因对于凌汛港本地居民的影响是终身性的，通过定期记忆删除手段可在一定程度上遏制以上异常反应，但无法将其彻底根治。

尽管凌汛港的岛屿面积足够支撑基金会在此发展一定程度的造船业，但鉴于基金会对海上军事力量的需求仅限高价值异常物品护航等低争斗可能性任务，基金会并未有过大规模存在舰队的建造计划。将SCP-CN-XXXX-2征为基金会资产的提案已被否决，以致自出现以来并未受到来自基金会的资源投入，对分布在其内部的视觉模因清理工作也一度推迟。

近年来，随SCP-CN-XXXX在北太平洋海域的愈发活跃，项目对航运系统的威胁性逐渐升高，围绕项目进行的异常解明/处决工作优先级不断上调。同时，考虑到全球超自然联盟同样对项目持有显著兴趣，该项目的研究优先级不断升高，在2021年基金会各大部门的信息交流年会上，基金会占星学部通过奇术手段成功取得了一段有关SCP-CN-XXXX的预言，该预言显示-1舰队及-2建筑群间存有某种关联，SCP-CN-XXXX-2也由此正式成为SCP-CN-XXXX的下属编号。此后不久，基金会便由外交/内务综合站点Site-CN-95牵头，组织专项调查特遣队MTF-丙子-13“”

+ 附录2：SCP-CN-XXXX调查组的基本行动计划及人员配置

= 远海灵体探明小组（A组）人员名单
编号	姓名	职务	任务分工
丙子-13-1	冯日辉	Site-CN-95首席奇术顾问，高级研究员	高杀伤性奇术支援，异常生物退治，未知术式解明
白翎	Site-CN-95奇术顾问，收容专家	阵法类单元构筑，异常空间分析，奇术造物增援
周国昌	Site-CN-95研究员，奇术学者	负责“灵链”系统构建工作，搭建奇术通路，连接理念圈。
Aaron Falls	Site-CN-133研究员，异常社群调查员	瞬时性强奇术输出，探察异常与诸相关组织之联系
Pluto Anderson	Site-524首席奇术顾问	大范围破坏性奇术打击作业，同指挥单元的远程通讯工作

= 港区异常解析小组（B组）人员名单
姓名	任务分工	人员备注
梅钦	领队，负责团队统筹，方案制定。	Site-CN-95异常分析部博士
Taylor Bradley	副领队，因其丰富经验负责团队安保。	为新近调任至Site-52的基金会高级特工，曾于Site-19，Site-17等大型站点任职期间完成多项任务
姜皓	无人设备操作/情报分析员。	无
许秋垣	后勤保障专员，负责记录调查过程，并在调查持续期间同Site-52站点进行联络。	无
Malina Albuquerque	环境共感。	Site-52“他心通”计划实验体，具有一定程度的超感知能力。Malina的异常能力是解开港区异常真相的关键钥匙。

本次调查活动以解明异常成因及洞悉占星学部针对项目下辖两条目的关联性预言为核心目的。A，B两组探索队伍应于凌汛港集合并整顿。基金会海上武装部队及凌汛港政府将在此期间持续为的存在提供技术和生活支持。

A组由Site-CN-95首席奇术师，高级研究员冯日辉领头，乘坐经现代奇术仪器加装的多功能驱逐舰碧波号配合若干诱饵货船完成对SCP-CN-XXXX-1显现的诱导工作，由此借助“灵链”系统完成自身的短暂灵体转化，

更新于2023/5/6：探索先遣队于凌汛港传回总部的资料。

脚注

1. 通常小于100海里，推测-1舰队无法在进一步近距离处发射反舰导弹等长程武器。

2. 作为航空母舰来说，如此的战舰设计无论如何都是愚蠢且落后的，暂不知拥有如此先进科技的战舰设计者作此设计之目的。

3. 事实上，多执行近海作战任务的SCPs也并无此类大火力武器的使用需要。

4. 位于凌汛港的基金会站点