Level DN-77

/*fonts*/
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700');
@font-face {
    font-family: 'ChillGSans';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ChillGSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
:root {
    --theme-base: "black-highlighter";
    --theme-id: "stardust";
    --theme-name: "Stardust Theme";
 
    /* Header */
    --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
    --header-title: "The Backrooms";
    --header-subtitle: "触及群星";
 
    /* Typefaces */
   --body-font: proxima-nova, 'Noto Sans SC', sans-serif;
   --header-font: 'Fantasque Sans Mono', 'ChillGSans', sans-serif;
   --title-font: 'Fantasque Sans Mono', 'ChillGSans', sans-serif;
   --mono-font: 'Fantasque Sans Mono', 'Noto Serif SC', serif;
 
    /* Standard Colors */
    --white-monochrome: 250, 250, 250;
     /* white*/
    --black-monochrome: 0, 0, 0;
    /* black */
    --bright-accent: 71, 213, 240;
    /* the bright blue */
    --medium-accent: 167, 27, 59;
     /* the bright blue animated */
    --dark-accent: 24, 36, 56;
    /* dark blue for background*/
 
    /* Primary Theme Colors */
    --swatch-background: var(--black-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--black-monochrome);
 
    /* Primary Text Colors */
    --swatch-text-dark: var(--white-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-important-text: var(--bright-accent);
    --barColour: var(--very-light-gray-monochrome);
    --linkColour: var(--pale-accent);
 
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--black-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(--white-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-border-color: var(--bright-accent);
 
    /* Primary Header Colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --swatch-topmenu-border-color: var(--bright-accent);
    --swatch-topmenu-bg-color: var(--black-monochrome);
 
    /* Link Colors */
    --link-color: var(--bright-accent);
    --visited-link-color: var(--medium-accent);
    --hover-link-color: var(--bright-accent);
    --sidebar-links-text: var(--swatch-menutxt-dark-color);
    --link-color-bright: var(--medium-accent);
 
/* Rating Module Colors */
    --rating-module-button-color: var(--black-monochrome);
    --rating-module-text-color: var(--swatch-menutxt-dark-color);
    --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
 
/* Header Gradients */
--gradient-header: none;
--diagonal-stripes: none;
 
}
 
/*weird stuff*/
 
#login-status {
    color: rgb(var(--bright-accent));
}
 
hr {
  background-color: rgb(var(--bright-accent));
  border-color: rgb(var(--bright-accent));
}
 
#page-title {
    border-color: rgb(var(--bright-accent));
    color: rgb(var(--bright-accent))!important;
}
 
#skrollr-body {
   background-image: none;
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 100%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 37rem 37rem;
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
/* Header Colours */
h1, h2, h3, h4, h5, h6 {
    color: rgb(var(--bright-accent));
}
 
/*image block*/
.scp-image-block .scp-image-caption {
    color: rgb(var(--bright-accent));
    background-color: rgba(var(--bright-accent), .25);
    border-color: rgba(var(--bright-accent), .25);
}
 
/*rate module*/
.page-rate-widget-box {
    background: rgba(var(--bright-accent), .5);
    border-color: rgba(var(--black-monochrome));
    border-width: 0px;
}
 
/*table*/
table.wiki-content-table th {
border: 1px solid rgb(var(--medium-accent)) !important;
background-color: rgba(var(--medium-accent), .25);
color: rgb(var(--medium-accent));
}
 
table.wiki-content-table td {
border: 1px solid rgb(var(--medium-accent)) !important;
}
 
/*search box*/
#search-top-box-input {
    background-color: rgba(var(--bright-accent), .25);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgba(var(--medium-accent), .25);
}
 
/*buttons*/
div#page-options-bottom > a:hover,
div#page-options-bottom > a:active,
div#page-options-bottom-2 > a:hover,
div#page-options-bottom-2 > a:active {
    background-color: rgba(var(--bright-accent), .25);
}
 
/*top bar*/
#top-bar div.top-bar > ul > li > ul,
#top-bar div.mobile-top-bar > ul > li > ul {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > a:hover {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
 
.yui-navset .yui-content {
   background-color:rgba(var(--medium-accent), .25);
     border-color: rgba(var(--medium-accent), 1);
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
     background-color: rgba(var(--medium-accent), .25);
    color:rgb(var(--white-monochrome));
}
 
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--bright-accent), .25);
}
 
/*selected tab bg*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
     background-color: rgba(var(--medium-accent), 1);
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
     background-color: rgba(var(--medium-accent), 1);
}
 
/*backer background*/
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--black-monochrome));
}
 
/*mobile stuff*/
@media only screen and (max-width:768px){
 
:root{
   --header-height-on-mobile: 7.5rem;
}
 
#main-content {
max-width: 90vw;
padding: 0;
margin: 9.2em auto 0;
}
 
#header {
position: absolute;
top: 0rem;
height: var(--header-height-on-mobile);
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 220%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 20rem 20rem;
   background-attachment: scroll;
}
}
 
@media only screen and (max-width:1366px){
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 25rem 25rem;
   background-attachment: scroll;
}
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 160%;
}
}
 
/*funny blocks*/
blockquote, .blockquote, div.blockquote, [class*="blockquote"] {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   background-color:rgba(var(--bright-accent), .25);
   border-color: rgb(var(--bright-accent));
}
 
.styled-quote {
   background-color:rgba(var(--bright-accent), .25);
   border-left: 0.5rem solid rgb(var(--bright-accent));
   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);
}
 
.dark-styled-quote {
   background-color:rgba(var(--medium-accent), .25);
   border-left: 0.5rem solid rgb(var(--medium-accent));
   color:rgb(var(--white-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);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgba(var(--bright-accent), .25);
   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:rgba(var(--medium-accent), .25);
   color:rgb(var(--white-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);
}
 
#header h1 a::before,
#header h2 span::before {
    --text-shadow: 0px 2px 3px rgba(0,0,0,0.8);
}

- 关闭

+ 展开样式代码

- 收起样式代码

: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;
    }
}

LEVEL
DN-77

生存等级生存等級
0 级級

逃离逃離：0/5
确保逃离確保逃離

环境環境：0/5
无环境风险無環境風險

实体實體：0/5
无敌对实体無敵對實體

Level DN-77是后室DN层群的第78层。

― 描述 ―

Level DN-77，亦或称“北斗七星”，外观类似于一座普通的山。该层级没有昼夜循环，时间定格在晚上，且永远会出现北斗七星现象。除了北斗七星以外再无其他星星。该层级温度较为寒冷，为17°C。

该层级山峦上的树林为北方针叶林，树林内主要的树种是云杉、冷杉、落叶松等，而且多为单优势种森林。在针叶林中，尽管频繁出现类似鸦科鸟类（Corvidae）的啼鸣与蟋蟀科（Gryllidae）昆虫的振翅声波信号，但经实地生物多样性调查证实该区域并不存在这两类生物种群。这一反常的声学现象表明，该森林环境可能存在特殊的声波传播机制或尚未探明的仿声源。

该层级中的北斗七星与前厅中的的北斗七星别无两样，但若流浪者离开该层级并进入一个黑夜层级，流浪者将会看到该层级的北斗七星。

在该层级的生态特征研究中，除前述声学异常现象外，还记录到以下特殊要素：其一，该层级开阔地带存在玫瑰纯露（Rosa Damascena Hydrosol）的天然分布区域，其毗邻湖泊的水体呈现独特的类银河系旋涡状流体形态，经光谱分析确认为非牛顿流体物质，学界将其定义为“星系液”（Galactic Fluid）。该物质具有诱导中枢神经抑制效应，临床数据显示其助眠功效显著。其二，与多数户外层级不同，该层级全域未发现任何人工建筑遗迹（包括农舍等基础构筑物），故探险者需遵循《层级建设公约》中"利用原生资源构建临时设施"的生存准则。值得注意的是，尽管缺乏常规建筑结构，但针叶林带普遍存在以德文篆刻的木质标识——“Taiga des groen Wagens”，其语义可译为“北斗七星正位于南部山脉的针叶林”。从语源学角度考证，此类标识的生成机制与时空坐标尚未明确，现有研究推测其可能属于层级原生拓扑结构的固有信息载体。

― 实体 ―

该层级内不存在任何实体。

― 基地、前哨与社区 ―

M.E.G“北斗”前哨

位于入口附近。
人数有3人。
此基地建设的目的是收集"星系液"。

― 入口与出口 ―

入口

在Level DN-16中，有概率在天空中观察到北斗七星，盯着北斗七星看15秒会来到该层级。
在Level DN-77.1进入一个格格不入的树林会来到该层级¹。

出口

找到一个月球模型会来到月球。
在远处看到一个城市会来到无垠城市、熟悉的路、Level DN-11、Level DN-17、Level DN-18、不安城、Level DN-499。
找到一张上面写着“常规楼层有多种规模，安全程度和勘探程度，是后室的蓝图。”的纸条会来到另一个Level 0。
喝一杯咖啡会来到咖啡厅或休息区。
在该层级内利用爬行找到一片雪会来到雪落沙滩²。
大喊“欢迎乘坐A57号动车”会来到A57号动车。
在该层级犯罪会来到混乱、光圈³。
有传言称，走到远处那个城市会来到你梦寐以求的家⁴。

不知道能不能活😭

原创层级生存难度0

页面版本: 3, 最后编辑于: 09 Apr 2025 09:35

编辑评分 (+6) 标签讨论 (1) 历史记录附件打印网站工具 + 选项

The Backrooms DN

你不该来到这里

― 描述 ―

― 实体 ―

― 基地、前哨与社区 ―

M.E.G“北斗”前哨

― 入口与出口 ―

入口

出口