腐蚀—LEVEL 30

+ 展开样式代码

:root {
    --nusd-speed: 1;
}
 
/*岛*/
.ic_wrap-box {
}
/*上*/
.ic_wrap-box .ic_top-left-box {
    animation: right0  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_top-left-box .ic_text {
    animation: right0  calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_h-icon {
    animation: ic-right  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
    opacity: 0;
}
 
.ic_wrap-box .ic_r-icon {
    animation: ic-right  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.4s / var(--nusd-speed));
    opacity: 0;
}
 
.ic_wrap-box .ic_s-icon {
    animation: ic-right  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
    opacity: 0;
}
 
/*sd*/
.ic_wrap-box .ic_sd-box {
    clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_infobox-1,.ic_wrap-box .ic_infobox-2 {
    clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    animation: fadeIn-nu-env calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-3 {
    clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--nusd-speed));
}
/*字*/
.ic_wrap-box .ic_sd-box .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_sd-box .ic_sd {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_infobox-1 .ic_text {
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-1 .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-2 .ic_text {
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-2 .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-3 .ic_text {
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-3 .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
}
/*info*/
.ic_wrap-box .ic_add-h {
    clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    animation: ic-add-h  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-r {
    clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    animation: ic-add-r  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.4s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-s {
    clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    animation: ic-add-s  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
}
/*字*/
.ic_wrap-box .ic_add-h .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-h .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-r .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.6s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-r .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.6s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-s .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-s .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--nusd-speed));
}
 
.ic_addbox .ic_text,.ic_addbox .ic_info{
        opacity: 0;
}
/*bubor*/
 
.ic_top-box {
    animation: ic-border  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box {
    border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace);
    animation: ic-border  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--nusd-speed));
}
 
@keyframes ic-right {
    0% {
        transform: translateX(-1rem);
        transform: rotate(30deg);
        opacity: 0;
    }
 
    80% {
        transform: translateX(-1rem);
        transform: rotate(30deg);
        opacity: 0;
    }
 
    100% {
        transform: translateX(0);
        transform: rotate(0deg);
        opacity: 1;
    }
}
 
@keyframes ic-border {
    0% {
        border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace);
    }
 
    100% {
        border-bottom: rgba(var(--ic_border-color), 1) solid var(--ic_interspace);
    }
}
 
@keyframes ic-add-h {
    0% {
        clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        background-color: rgba(var(--ic_border-color), 1);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        background-color: rgba(var(--ic_add-habitability-bg-color), 1);
    }
}
 
@keyframes ic-add-r {
    0% {
        clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        background-color: rgba(var(--ic_border-color), 1);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        background-color: rgba(var(--ic_add-resource-bg-color), 1);
    }
}
 
@keyframes ic-add-s {
    0% {
        clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        background-color: rgba(var(--ic_border-color), 1);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        background-color: rgba(var(--ic_add-signal-bg-color), 1);
    }
}
 
/*nusd*/
 
/*左*/
 
.sdnumber p {
    opacity: 0;
    animation: right0 calc(2s / var(--nusd-speed));
    animation-fill-mode: forwards;
}
 
.sdnumber p {
    opacity: 0;
    animation: right0 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sdnumber strong {
    opacity: 0;
    animation: right0 calc(1.2s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sdnumber .lines {
    opacity: 0;
    animation: fadeIn-nu-sd calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*右*/
 
.sd-container .exit {
    animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .environment {
    animation: fadeIn-nu-env calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .entity {
    animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .syntax .sd{
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .syntax p strong {
    animation: rightin calc(1.05s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.class.customclass strong::after{
    animation: no-opacity calc(1.05s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*字*/
/*ex*/
.sd-container .exit strong {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .exit p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*ev*/
.sd-container .environment strong {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .environment p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*en*/
.sd-container .entity strong {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .entity p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*动画*/
 
@keyframes clip0 {
    0% {
        clip-path: inset(0 0 100% 0);
    }
 
    100% {
        clip-path: inset(0 0 0 0);
    }
}
 
@media only screen and (min-width: 1071px) {
 
    .sd-container .border {
        animation: border-spin-pc calc(1s / var(--nusd-speed) );
        transform-origin: right;
    }
 
@keyframes border-spin-pc {
        0%{
    clip-path: polygon(0% 0%,0% 0.4rem,0% 0.4rem,0% 0%);
        transform: scaleX(5000%);
    }
 
    30% {
        clip-path: polygon(0% 0%,0% 0.4rem,100% 0.4rem,100% 0%);
        transform: scaleX(5000%);
        opacity: 1;
    }
 
    60% {
        clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%);
        transform: scaleX(5000%);
        opacity: 1;
    }
 
    100% {
        transform: scaleX(100%);
        opacity: 1;
    }
}
 
.sdnumber p {
    animation-delay: calc((2s / var(--nusd-speed))*0.6);
}
 
.sdnumber p {
    animation-delay: calc((1s / var(--nusd-speed))*0.6);
}
 
.sdnumber strong {
    animation-delay: calc((1.2s / var(--nusd-speed))*0.6);
}
 
.sdnumber .lines {
    animation-delay: calc((1s / var(--nusd-speed))*0.6);
}
 
}
 
@media only screen and (min-width: 620px) and (max-width: 1070px) {
    .sd-container .border {
        animation: border-spin-mo calc(1s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
}
 
@media only screen and (max-width: 620px) {
 
    .sd-container .border {
        animation: border-spin-mo calc(1s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
 
    .sd-container .exit {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
        animation-delay: 0;
        animation-fill-mode: forwards;
    }
 
    .sd-container .environment {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
        animation-delay: calc(0.5s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
 
    .sd-container .entity {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
        animation-delay: calc(1s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
}
 
@keyframes border-spin-mo {
    0% {
        clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%);
    }
 
    70% {
        clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%);
        opacity: 1;
    }
 
    100% {
        clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%);
        opacity: 1;
    }
}
 
@keyframes rightin {
    0% {
        transform: translateX(-1rem);
        opacity: 0;
    }
 
    80% {
        transform: translateX(-1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
 
@keyframes rightin2 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    80% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes upin0 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes right0 {
    0% {
        transform: translateX(-1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
 
@keyframes fadeIn-nu-sd {
    0% {
        clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);
        transform: rotateY(180deg);
    }
 
    100% {
        clip-path: polygon(0% 0%,200% 0%, 100% 100%,0% 100%);
        transform: rotateX(0deg);
        opacity: 1;
    }
}
 
@keyframes upin1 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    50% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes upin2 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    50% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    75% {
        transform: translateY(0);
        opacity: 1;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes fadeIn-nu-exit {
    0% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    }
 
    25% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    }
}
 
@keyframes fadeIn-nu-env {
    0% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    }
 
    25% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    }
}
 
@keyframes fadeIn-nu-enti {
    0% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    }
 
    25% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    }
}
 
@keyframes no-opacity {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

+ 版式代码

/* Myrand */
 
:root{
--white-monochrome: 60, 60, 60; /* ALTERED */
    --pale-gray-monochrome: 20, 20, 20; /* BG*/
    --light-pale-gray-monochrome: 50, 50, 50;
    --very-light-gray-monochrome: 60, 60, 60;
    --light-gray-monochrome: 165, 160, 155;
    --gray-monochrome: 35, 35, 35; /* sub header */
    --dark-gray-monochrome: 15, 15, 15;
    --black-monochrome: 0, 0, 0;
    --border-monochrome: 40, 150, 150;
    --visited-link: 40, 155, 155;
    --pale-accent: 40, 255, 255; /* links that do exist */
    --bright-accent: 40, 133, 133; /* button hover, text hover, sidemenu collapsible, submenu hover */
    --medium-accent: 30, 30, 30; /* header */
    --dark-accent: 80, 80, 80; /* 1st footer, header menu bg */
    --alt-accent: 255, 20, 20; /* links that do not exist */
--text-monochrome: 255, 255, 255;
 
--visited-link-color: var(--visited-link);
--swatch-border-color: var(--border-monochrome);
--swatch-menubg-color: var(--gray-monochrome);
--swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--black-monochrome);
 
--swatch-menutxt-dark-color: var(--text-monochrome);
    --swatch-menutxt-light-color: var(--text-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
 
--ui-button-bg: var(--light-pale-gray-monochrome);
    --ui-button-txt: var(--text-monochrome);
    --ui-button-hover-bg: var(--gray-monochrome);
    --ui-button-hover-txt: var(--text-monochrome);
    --ui-button-hover-outline: var(--pale-accent);
 
/* codeblock */
    --swatch-code-text-comment: 100 255 255; 
    --swatch-code-text-quotes: 178 255 255;
    --swatch-code-text-string: 222 255 255; 
    --swatch-code-text-identifier: 16 255 255; 
    --swatch-code-text-reserved: 90 255 255; 
 
/* footnotes hover */
--hoverblock-bg: var(--pale-gray-monochrome);
    --hoverblock-txt: var(--text-monochrome);
    --hoverblock-header-bg: var(--swatch-primary-darker);
    --hoverblock-header-txt: var(--text-monochrome);
    --hoverblock-footer-bg: var(--swatch-tertiary-color);
    --hoverblock-footer-txt: var(--text-monochrome);
 
--swatch-text-dark: var(--text-monochrome);
--swatch-text-light: var(--text-monochrome);
}
 
#main-content {
--ui-icon-color: var(--ui-button-bg);
    --ui-icon-bg: var(--ui-button-bg);
    --ui-icon-hover-color: var(--ui-button-hover-bg);
    --ui-icon-hover-bg: var(--ui-button-hover-bg);
 
/* Editor Buttons */
--editor-icon-color: var(--text-monochrome);
    --editor-icon-hover-color:  var(--black-monochrome);
    --editor-icon-hover-bg: var(--text-monochrome);
    --editor-icon-submenu-bg: var(--black-monochrome);
 
/* footnotes */
--footnotes-footer-bg-color: var(--gray-monochrome);
    --footnotes-footer-colorbar-color: var(--very-light-gray-monochrome);
    --footnotes-footer-title-bg-color: var(--very-light-gray-monochrome);
    --footnotes-footer-title-text-color: var(--swatch-text-secondary-color);
    --footnotes-footer-num-color: var(--pale-accent);
    --footnotes-footer-num-hover-color: var(--bright-accent);
    --footnotes-footer-text-color: var(--swatch-text-general);
 
}
 
#main-content {
    --ui-icon-color: var(--swatch-text-secondary-color);
}
#side-bar {
    --sidebar-bg-color: var(--swatch-secondary-color);
}
 
#main-content::after {
    height: 13rem;
    border-radius: 0 0.6rem 0.6rem 0;
    background-color: rgb(var(--gray-monochrome));
    top: calc(50vh - 6.5rem);
    background-image: url("http://nuliminal-test.wikidot.com/local--files/component:theme/sidebar-arrows.svg");
}
 
.lightstyled-quote {
   background-color:rgb(var(--bright-accent));
color:rgb(var(--text-monochrome));
   border-left: 0.5rem solid rgba(var(--dark-gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkstyled-quote {
   background-color:rgb(var(--dark-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--bright-accent));
   color:rgb(var(--text-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkstyled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--bright-accent));
color:rgb(var(--text-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--dark-gray-monochrome));
   color:rgb(var(--text-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
 .light-borderblock {
    background-color:rgb(var(--bright-accent));
    color:rgb(var(--text-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--dark-gray-monochrome));
 }
 .border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }
 
    .border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
    .logoblock{
    padding: 0.01rem 1rem;
    color:rgb(255, 255, 255);
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
    }
 
    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
.titleblock {
        background-color: rgb(var(--dark-gray-monochrome));
        color:rgb(var(--text-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--bright-accent)) 2px;
     }
 
     .titlebox{
       color: rgb(var(--text-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}

“此地本为后层之界，本应如此
可非命运之变故，此地嫣然属于难安之地”

Level 30原本是后室的31层，但可怕的是——本层级已被一个未知世界给窃走，这也表明——祂将与整个后室意志与后室造物宣战。

Level 30 - 过时版本

Level 30 是后室的第31层。

描述：

生存难度：生存難度：

等级等級 Aleph

• 极端不安全
• 时空扭曲
• 死路一条

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

Level 30的天空盒。

这太黑了

Level 30的虚假形式就是，描述Level 30的原版文章里的样子。这个虚假形式通过居住在该层级唯一的实体，记忆潜伏者，向人们展示。这些实体可以通过对心智的伪装，让这个层级看起来像是平常的层级一样。这些实体会立刻地杀死你，并且让你以为自己还活着，这也是该层级是死亡区域的众多原因之一。

Level 30的真实形式是完全未知的，也有可能是人类完全无法理解的。我们确实知道它的存在，但如果你意识到周围的一切都是假的，它就会杀了你。这里的另一个独特的实体，层级本身，似乎会用记忆和怀旧扰乱你的意识和视觉，而这会很快地转变成恐惧和厌恶。

Level 30实际上是一个实体，它运行着整个层级和现实。它似乎是一个有知觉的似是而非的实体，它可以说话并充分地说服虚假的流浪者，少数时候是真实的流浪者。他说记忆潜伏者是“天堂之门”，触摸它们会让你永远摆脱悔恨和痛苦。

基地、前哨和社区

本层没有已知的基地、前哨与社区。

入口与出口：

入口

你可以通过切出Level 843来到Level 30。

在Level 696的30楼发现一个故障物品会把你带到这里。

出口

未知。

---

Level 30 - 新版

来自MEG的报告

一次记录
2030年XX月XX日

人员A
这是我们执行的第30次任务，也许也是最后一次了

人员A
但是为了MEG与流浪者们，我们也许不得不这样

人员A
我们应当将这里找到，甚至破开一个出口

人员A
虽然我们似乎嫣然没有希望，但是我还是要说——你们有信心吗

人员C
我们跟你出生入死，既然你是我们的队长，那必定是命中注定的，总之——我们有信心

人员B
汝之言吾恭听洗耳，吾敢苟同

【省略剩下30名队员的话】

人员A
不多说废话，行动开始

这是第一次，也将是最后一次

【30分钟过去了】

人员A
收到请回复，收到请回复，还有多少人活着

人员B
我还活着，还有剩下10名队员，他们的通讯装备没了，只有我还剩着了

人员A
请听好了，这将是我的遗言——我找到了一处不知如何形容的缺口，似乎是不久前出现的，里面映射出了一片城市，不管如何，我找到了出口，但是这一去我将不复返，因为那里根本就不属于后室，别问我是怎么知道的。好了，再见了后室，再见了我亲爱的队员们，如果有下一世，我会继续当你们的队长
【通话结束】

人员B
队长！
【夹杂着其他人的哭声与叫声]

人员B
不对劲，怎么传来了一阵杂音……不好，大家快跑！

记录结束

二次记录
2030年XX月XX日
【以下为录音转文字】
喂喂,MEG，你们听得到吗。我的天哪这里简直糟糕透了，这已经不是我所认识的L30了，我真希望逃离这里但是我已经没有希望了，现在我就用我剩余的数命来为你们讲述讲述这里（愿我能够安息）：
当我刚来到这里的时候，我现在已经处于一个难以形容的地区，像是在很多很多宇宙和现实的外面，这些宇宙和现实交织在一起，一眼望不到头。怎么说我还是更仔细一点吧，无穷无尽的宇宙交织在一起组成了无穷无尽的现实，而我也可在一个更大宇宙或现实中，而且现实和宇宙是连在一起的，总体来看就像是虚空上无穷无尽的岛屿，要不是我仔细看我都看不出来这些岛屿居然是一个个宇宙。这里有着繁多的实体在这宇宙和现实之外的地方追赶着我，我漂浮在这上面拼命的想要跑走，但搞笑的是﹕实体几乎只能呆在原地踏步，而我也正是如此。而在这里我所看到的宇宙则是——宇宙就像层级一样，而层级则是一个岛屿，而这个岛屿则几乎占据了整个宇宙，这些岛屿上有着非常多的实体，这些实体似乎意识不到我的存在，而我则是望着他们，那些实体像是人一样互相厮杀争夺，我已经无法形容这种暴力的场面了。还有的层级则是一片虚无，只散落着些不知道是什么东西的碎块。我找不到任何能落脚是地方，并且也看不见任何宜居的地方，我已经感到了极强的无力感了。我去，要不是我抬头我还以为头顶我都不知道这里还有天空，这天空未免……太……我因该说是神奇还是抽象呢……这里的天空是白色的，而云朵却是黑色，这有点超出我的认知了。你知道为什么我会说我的数命已尽了吗,这里根本就没有氧气，氧气都是来自我从L78获取的宇航服，现在的氧气不多了……呼，我好像被什么东西拉住了，这股力量是引力……我已经要开始被这无穷无尽的宇宙的引力给分尸……该死的……
记录结束

三次记录
2030年XX月XX日

LIKESILO
喂喂，MEG你听得到吗

MEG
这里是meg

LIKESILO
怎么说，我现在很激动，我来到了L30

LIKESILO
但根据你们提供的消息，这里本应该是极端危险的，但是我却找到了一处宜居之地

MEG
先生我现在怀疑你在开玩笑，并且，如果没有那请先证实是否是真假

【十分钟过去了】

LIKESILO
喂喂在吗，我现在已经难以压制我的激动了，这里是真的宜居

MEG
行，请这位先生为我们提供进入此地的方法

LIKESILO
嗯。。。有没有种可能我是误打误撞进来的

MEG
那行吧【】

MEG
先生的你身上有什么切行道具吗

LIKESILO
我捡到了一把钥匙，不知道有何作用，我先试试﹙

LIKESILO
喂喂，在吗

MEG
先生你忘了你还没有挂断电话吗【】

LIKESILO
哦，我太激动忘了【】

LIKESILO
这件事我保证能吹一辈子了，我通过这把钥匙打开了枢纽

MEG
先生这是真的吗（电话里传来激烈的议论声）

LIKESILO
我敢担保，是真的

记录结束

四次记录
2040年XX月XX日

CBLTY134
喂，收到请回答！

MEG
怎么了

CBLTY134
出事了，出事了，不知道为什么我们在L30建立的基地与前哨站全部被摧毁！并且地板在毫无征兆的燃烧，四面八方都是实向我们攻击！我们快抵不住了……（电话里头传来惨叫声）

MEG
什么，我现在就去汇报总部

CBLTY134
不好……岛……岛屿正在崩塌……不，不，他们在消散！（嘈杂的故障声）

MEG
他们是谁

CBLTY134
实体，还有人……（尖叫声与故障声）

MEG
你快逃向出口

CBLTY134
该死的，唯一的出口没了……

CBLTY134
整个世界都在崩塌……楼层在衰变！

CBLTY134
不，不，不……我不要，我还有活着，我不想死……

【通话截断】

生存难度：生存難度：

等级等級 无可获知

• 未知地域与地貌
• 极端时空扭曲
• 潜在异常危险

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

既是层级，也是岛屿。

自那起事件后，Level 30成为了后室第一个被非存在室拉走的层级，此层级将不再处于它原本的栖息地，或者换种说法——它已经超越了原来的栖息地。

描述：

Level 30本身由无穷无尽相连的宇宙与相连的现实组成，而每个楼层都几乎有着一个无限大的岛屿（该楼层的岛屿的分布将在后面的报告展示），而流浪者则在这些现实和宇宙上面飘荡着，但请小心远离那些宇宙，不然你将被那些宇宙的引力给分尸。该楼层的天空盒的颜色似乎是倒转过来的——天空是白色的，而云则是黑色的。流浪者在此地漂流，但需要小心——每过10分钟该地区则会恢复一次重力，将持续1小时，如果你在此期间不断往下坠，你将到达一个新世界¹。该地区看起来是非常明亮的，但是根据报告称——此地区不存在任何光源²。

除了荒芜，还能有什么

实体：

该楼层本身便是一位未知神明，该神明掌控着这片“无穷”³的世界与现实，并将一切外来者在限时5天后将其同化成层级本身。该楼层的底端将通往一则惩罚愚者的深渊，而且这里有着众多非常常见的实体，但是据某位流浪者称——他在那里看到了一位旧实体的投影。

效应：

该层级还有着极端的孤独效应，也就是Level 0一样的效应，该效应的严重程度甚至你是眨眨眼或瞟一眼其他地方你都会迷失方向并且与同伴失踪，所以此层级不建议结伴而行(因为也没用)。

岛屿分布

---

岛屿一岛屿

生存难度：

死区

环境安全度：

危险

实体威胁度：

高

交通便利度：

游走

定居信息：

无

资源情况：

无

信号强度：

微弱

描述：

该岛屿在层级有很多的分布，有着极强的引力，会将流浪者拉入此岛上，而岛上则是众多强大且凶残的实体，并且地板一直处于燃烧，且不存在任何资源

---

岛屿二岛屿

生存难度：

宜居

环境安全度：

安全

实体威胁度：

强

交通便利度：

便利

定居信息：

非常多的资源

资源情况：

超过100人居住

信号强度：

none-placeholder

描述：

该岛屿是流浪者拼死发现的岛屿，该岛屿在此层级只有一个，且难以遇到。该岛屿有着非常适宜的环境，而且有着充沛的资源，前提是只要不发生那件现实扭曲事件。

现实扭曲事件

---

{$title-component}PTS:

30

{$title-class}评级：

无可奉告

{$title-sub}作用范围：整个楼层

未知

{$title-one}发生频率

10天，亦或是30年

{$title-two}持续时间

死路一条

{$title-three}剧烈程度

{$value-four}

{$title-four}

描述：

“出口开始失效，物资开始消失，切出化为无效，一切手段化为无用，
只因重塑之时，你只有死路一条”

该现象多发生在一些不稳定,正在衰变,被腐蚀的层级中。第一层发生则在Level 30中的一则记录中（详细请看报告)，该现象发生时，我们称之为“重塑之时”。在该现象发生时，整个层级的出口都会直接无效，且得此现象结束后才得以恢复；在此阶段一切物资将凭空消失并且永远不得恢复，并且会加重流浪者的饥饿感；一切切出的手段将视为无效，所有道具只会加重此效应的威力；在此效应中时，会有极多的实体从四面八方来残害流浪者，且实体的强度则会有所加强；在这之后层级就会从原子方面再到概念方面被抹除，此阶段以内所有物理规则与数学规则都将无效化；最后当整个层级消失后，层级就会慢慢重塑。

入口与出口：

入口

你可以通过切出Level 843来到Level 30。

在Level 696的30楼发现一个故障物品会把你带到这里。

出口

实在抱歉，除非你来到那座岛，你只有死路一条

Footnotes

1. 超脱现实之上，不在维度之中

2. 经过检测，这里看起来很明亮是因为此地有着一种特殊的幻觉。

3. 该楼层由无穷无尽且一丝丝能量即为永恒或为无限的且面积无穷大的宇宙为基础，这些宇宙无限向上衍生，且会无穷包含下阶宇宙，跳出一个循环就会来到另一个循环，而这些宇宙之上的则是一个零阶现实，而零阶之上同样有着无穷的现实，而这些现实之上又是一个宇宙，也就是宇宙和现实互相包含。而且本楼层存在着AUX公理的数学结构

---

作者信息

腐蚀之层。
作者：CNGUOLUODE does not match any existing user name

快捷复制