SCP-CN-4000:𝄂

[[include :scp-wiki-cn:theme:parallel]]

[[module CSS]]
:root {
    --title-size: 1.5rem;
    --subtitle-size: 0rem;
    --user-button-width: 2.25rem;
    --side-bar-button-width: 2.25rem;

    --main-content-top-margin: 0rem;

    --basalt-tertiary-color: 229, 229, 229;

    --header-drop-shadow-opacity: 0;
    --header-border-width: var(--thin-border-width);
    --header-border-color: var(--basalt-tertiary-color);
    --header-gradient: linear-gradient(rgb(var(--basalt-primary-color)), rgb(var(--basalt-primary-color)));
    --header-stripes: var(--header-gradient);

    --header-title-color: var(--basalt-overtone);
    --top-bar-link-color: var(--basalt-main-text-color);

    --base-shadow: 0 0 0.5rem rgba(var(--basalt-overtone), 0/*.075*/);
}

body {
    overflow-y: hidden;
}

div#container-wrap-wrap {
    max-height: min(100vh, 100dvh);
    overflow-y: auto;
    overflow-y: overlay;
}

div#header {
    box-shadow: var(--base-shadow);
}

div#header h1 a::before {
    display: none;
}

div#header h1 a span::before {
    font-weight: 700;
}

div#header h1 a span::after {
    margin-bottom: 0;
}

div#content-wrap {
    background-image: linear-gradient(to bottom, transparent, 70%, rgb(var(--basalt-primary-color))), url('https://odeo1.wikidot.com/local--files/4k/nebula-668783.jpg');
    background-size: 100%, auto 100%;
}

div#side-bar {
    box-shadow: inset var(--base-shadow);
}

div#page-title {
    display: none;
}

div#page-content {
    min-height: calc(min(100vh, 100dvh) - var(--header-final-height));
    display: flex;
    align-items: center;
}

div.login-container {
    flex-grow: 1;
}

div.login {
    max-width: 24rem !important;
    margin-inline: auto;
    padding: 1rem 2rem;
    border: solid var(--thin-border-width) rgb(var(--basalt-tertiary-color));
    border-radius: 0.5rem;
    box-shadow: var(--base-shadow);
    background-color: rgb(var(--basalt-primary-color));
}

div.login h2 {
    text-align: center;
}

div.login div.form {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

div.login div.form div.input {
    flex-grow: 1;
    font-family: var(--mono-font);
    padding: 0.25rem;
    margin: 0.25rem;
    border: solid var(--thin-border-width) rgb(var(--basalt-tertiary-color));
    border-radius: 0.25rem;
}

div.login div.main div.collapsible-block-folded {
    display: flex;
    align-items: center;
    justify-content: center;
}

div.login div.main div.collapsible-block-folded a.collapsible-block-link {
    color: rgb(var(--basalt-primary-color));
    padding: 0.25rem 2.5rem;
    margin: 0.25rem;
    border: solid var(--thin-border-width) rgb(var(--basalt-undertone));
    border-radius: 0.25rem;
    background-color: rgb(var(--basalt-undertone));
    transition: 0.125s;
}

div.login div.main div.collapsible-block-folded a.collapsible-block-link:hover {
    background-color: rgb(var(--basalt-dark-element-color));
    border-color: rgb(var(--basalt-dark-element-color));
    text-decoration: none;
}

div.login div.collapsible-block-unfolded {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: rgb(var(--basalt-background-color));
    z-index: 10;
}

div.login div.main div.collapsible-block-unfolded a.collapsible-block-link {
    position: absolute;
    display: flex;
    left: 0.25rem;
    top: 0.25rem;
    color: rgb(var(--basalt-primary-color));
    padding: 0;
    margin: 0.25rem;
    width: 4rem;
    height: 2rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem;
    background-color: rgb(var(--basalt-overtone));
    opacity: 0.2;
    transition: 0.125s;
    z-index: 3;
}

div.login div.main div.collapsible-block-unfolded a.collapsible-block-link:hover {
    background-color: rgb(var(--basalt-dark-element-color));
    border-color: rgb(var(--basalt-dark-element-color));
    opacity: 1;
    text-decoration: none;
}

div.login div.collapsible-block-unfolded > div {
    display: contents;
}

div.login div.main div.page-rate-widget-box {
    position: absolute;
    left: 5rem;
    top: 0.5rem;
    margin: 0;
    height: 1.6rem;
    border-radius: 0.25rem;
    --rate-module-text-color: var(--basalt-primary-color);
    --rate-module-background-color: var(--basalt-overtone);
    --general-border-color: var(--basalt-overtone);
    --basalt-main-text-color: var(--basalt-primary-color);
    --rate-module-cancel-color: var(--basalt-primary-color);
    opacity: 0.2;
    transition: 0.125s;
    z-index: 3;
}

div.login div.main div.page-rate-widget-box:hover {
    opacity: 1;
}

div.login div.main div.main-wrap {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.login div.main div.main-wrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

div.login div.main div.main-wrap div.loading {
    font-size: 0.9rem;
    text-align: center;
}

div.login div.main div.main-wrap div.loading::after {
    content: "";
    display: block;
    width: 9rem;
    height: var(--thin-border-width);
    margin-top: 0.5rem;
    background-color: rgb(var(--basalt-tertiary-color));
    background-image: linear-gradient(to right, rgb(var(--basalt-overtone)), rgb(var(--basalt-overtone)));
    background-size: 0% 100%;
    background-position: left center;
    background-repeat: no-repeat;
    animation: loading linear 5s forwards;
}

div.login div.accessible div.collapsible-block-folded {
    text-align: center;
}

div.login div.accessible div.collapsible-block-unfolded a.collapsible-block-link {
    position: absolute;
    left: 0.25rem;
    top: 0.25rem;
    color: rgb(var(--basalt-primary-color));
    padding: 0.25rem 0.5rem;
    margin: 0.25rem;
    border: solid var(--thin-border-width) rgb(var(--basalt-undertone));
    border-radius: 0.25rem;
    background-color: rgb(var(--basalt-undertone));
    transition: 0.125s;
}

div.login div.accessible div.collapsible-block-unfolded a.collapsible-block-link:hover {
    background-color: rgb(var(--basalt-dark-element-color));
    border-color: rgb(var(--basalt-dark-element-color));
    text-decoration: none;
}

div#action-area {
    padding: 1rem;
    border-radius: 1rem;
    background-color: rgb(var(--basalt-primary-color));
}

div#page-content div.creditRate {
    position: absolute;
    top: 5rem;
    left: 50%;
    transform: translate(-50%, -50%);
}

div.rate-box-with-credit-button {
    border-radius: 0.25rem;
    background-color: rgb(var(--basalt-primary-color));
}

@keyframes loading {
    0% {
        background-size: 0% 100%;
    }

    10% {
        background-size: 10% 100%;
    }

    11% {
        background-size: 30% 100%;
    }

    60% {
        background-size: 35% 100%;
    }

    100% {
        background-size: 50% 100%;
    }
}

@media (max-width: 1024px) {
    div#page-content div.creditRate {
        top: 8rem;
    }
}

@media (max-width: 560px) {
    div.login div.main div.page-rate-widget-box {
        display: none;
    }

    div.login div.main div.collapsible-block-unfolded a.collapsible-block-link {
        width: 2rem;
        height: 2rem;
        font-size: 0px;
        color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FEFEFE;%7D%0A%3C/style%3E%3Cpath class='st0' d='M79.25,50c0-1.2426758-1.0078125-2.25-2.25-2.25H26.4321289l14.1586914-14.1591797 c0.8789063-0.878418,0.8789063-2.3032227,0-3.1816406c-0.8779297-0.8789063-2.3037109-0.8789063-3.1816406,0l-18,18 c-0.0531006,0.0531006-0.0840454,0.119812-0.1309814,0.177124c-0.0115967,0.013855-0.0206909,0.0291748-0.0320435,0.043335 c-0.1207886,0.1549683-0.2216797,0.3173218-0.2971191,0.4943237c-0.0073853,0.0166626-0.0206299,0.0290527-0.0276489,0.0459595 c-0.0141602,0.0342407-0.013855,0.0708618-0.0262451,0.1054688c-0.0497437,0.1446533-0.0900879,0.2884521-0.1095581,0.4399414 c-0.0143433,0.100708-0.0146484,0.1991577-0.0152588,0.3000488c0.0006104,0.1008911,0.0009155,0.1992798,0.0152588,0.2999878 c0.0194702,0.1516113,0.0598145,0.2956543,0.1096191,0.4404297c0.0123291,0.0344849,0.0120239,0.0709229,0.0261841,0.1050415 c0.006958,0.0168457,0.0202026,0.0291748,0.0275269,0.0457764c0.0755615,0.1774292,0.1766968,0.340332,0.2978516,0.4957275 c0.0109253,0.0136108,0.0197754,0.0285645,0.0310059,0.0419312c0.0470581,0.0575562,0.078125,0.1244507,0.1314087,0.1777954l18,18 C37.8481445,70.0615234,38.4243164,70.28125,39,70.28125s1.1518555-0.2197266,1.5908203-0.6591797 c0.8789063-0.8789063,0.8789063-2.3027344,0-3.1816406L26.4316406,52.28125H77c1.2421875,0,2.25-1.0078125,2.25-2.2504883 c0-0.005249-0.0014648-0.0101318-0.0015259-0.0153809C79.2485352,50.0101318,79.25,50.005249,79.25,50z'/%3E%3C/svg%3E");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}
[[/module]]

[[include :scp-wiki-cn:credit:start]]
[[=]]
[[image https://ah-sandbox.wikidot.com/local--files/scp-cn-4000/SCP-CN-4000_Number.svg width="60%"]]

//by Dr Hormress//

（本作品含有氛围音和多媒体演出，佩戴耳机并使用横屏设备效果更佳）

There's something ingrained, something insatiable I can't betray

Something so deep that the tide doesn't change

It's OK to not be OK

I'm told that the world works in mysterious ways

And the more we search we get further away

It's OK to not be OK
[[/=]]
[[include :scp-wiki-cn:credit:end]]

[[div class="login-container"]]
[[div class="login"]]
++ SCP基金会数据管理系统

[[div_ class="form"]]
**职员编码**
[[div_ class="input"]]
@@*******@@
[[/div]]
[[/div]]

[[div_ class="form"]]
**认证代码**
[[div_ class="input"]]
@@*******@@
[[/div]]
[[/div]]

[[div_ class="main"]]
[[collapsible show="登录" hide="登出"]]
[[module rate]]
[[div_ class="main-wrap"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/fragment%3Aende-main/1 style="border: none;"]]
[[div_ class="loading"]]
正在加载资源
[[/div]]
[[/div]]
[[/collapsible]]
[[/div]]

[[/div]]
[[/div]]