Level 310 - “反常之城”

/* Fonts */
 
@import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800|Share+Tech+Mono|Anonymous+Pro');
 
@import url('https://fonts.googleapis.com/css2?family=Baumans&family=Graduate&family=Kelly+Slab&family=Kumar+One&family=Tulpen+One&family=ZCOOL+QingKe+HuangYou&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300&display=swap');
 
@font-face {
    font-family: 'GlowSansSC';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Compressed-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'GlowSansSC';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Compressed-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
/* All Vars Used */
 
:root {
    /* S-CSS-P Integration */
    /* If you're making a new CSS theme, please include the following three variables at minimum. */
    --theme-base: "nuscp";
    /* mua be either "nuscp" or "sigma9" */
    --theme-id: "meg-edgy";
    /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
    --theme-name: "MEG EDGY";
    /* set this to your theme's full name */
 
    /* Header */
   --logo-image: url("http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3129.PNG");
    --header-title: "M.E.G.记录中心";
    --header-subtitle: "The M.E.G.机密数据库";
 
    /* Typefaces */
    --body-font: 'Share Tech Mono', 'GlowSansSC', sans-serif;
    --header-font: 'Oxygen Mono', 'GlowSansSC', sans-serif;
    --title-font: 'Kelly Slab', 'GlowSansSC', sans-serif;
    --mono-font: "PT Mono", 'Noto Serif SC', "Andale Mono", "Courier New", Courier, monospace;
 
    /* Standard Colors */
    --white-monochrome: 252, 252, 252;
    /* white */
    --pale-gray-monochrome: 185, 185, 185;
    /* v light gray for blockquotes and stuff */
    --light-gray-monochrome: 170, 170, 170;
    /* light accent gray for login status */
    --gray-monochrome: 66, 66, 72;
    /* gray */
    --grayer-monochrome: 130, 130, 135;
    --dark-gray-monochrome: 48, 48, 52;
    /* dark accent gray for sidebar background */
    --black-monochrome: 30, 20, 20;
    /* black */
    --bright-accent: 125, 25, 25;
    /* Some sidebar text, edit button text etc */
    --medium-accent: 74, 0, 0;
    /* the annoying header thing */
    --dark-accent: 12, 12, 12;
    /* search bar and edit button */
    --newpage-color: 230, 10, 10;
    /* text highlight colour, url link */
    --terminal-medium: 74, 0, 0;
    /* edit button borders */
    --pale-accent: 0, 221, 221;
    /* dark yellow-brown */
 
    --tester-blue: 0, 0, 221;
    /* blue for testing */
    --tester-green: 0, 221, 0;
    /*green for testing */
    --tester-purple: 221, 0, 221;
    /*purple for testing */
    --tester-yellow: 221, 221, 0;
    /*yellow for testing */
 
    --dark-accent-red: 74, 0, 0;
    --mid-accent-red: 140, 25, 30;
    --bright-red: 170, 15, 15;
    --shadow-red: 30, 20, 20;
    --darkish-red: 95, 10, 10;
    --blinding-red: 230, 10, 10;
    --contrast-salmon: 250, 160, 160;
 
    /* Primary Theme Colors */
    --swatch-background: var(--grayer-monochrome);
    --swatch-primary: var(--newpage-color);
    --swatch-primary-darker: var(--mid-accent-red);
    --swatch-primary-darkest: var(--shadow-red);
 
    /* Primary Text Colors */
    --swatch-text-dark: var(--darkish-red);
    --swatch-text-light: var(--light-gray-monochrome);
    --swatch-important-text: var(--tester-purple);
 
      /* Primary Menu Colors */
    --swatch-menubg-color: var(--shadow-red);
    --swatch-menubg-light-color: var(--dark-accent);
    --swatch-menubg-medium-color: var(--mid-accent-red);
    --swatch-menubg-medium-dark-color: var(--bright-red);
    --swatch-menubg-dark-color: var(--mid-accent-red);
    --swatch-menubg-black-color: var(--mid-accent-red);
    --swatch-menubg-hover-color: var(--mid-accent-red);
    --swatch-menutxt-dark-color: var(--bright-red);
    --swatch-menutxt-light-color: var(--light-gray-monochrome);
    --swatch-border-color: var(--dark-gray-monochrome);
 
    /* Primary Header Colors */
    --swatch-headerh1-color: var(--light-gray-monochrome);
    --swatch-headerh2-color: var(--blinding-red);
    --swatch-topmenu-border-color: var(--dark-accent-red);
    --swatch-topmenu-bg-color: var(--dark-accent-red);
 
    /* Header Gradients*/
    --gradient-header: linear-gradient(to bottom,
     rgba(var(--dark-accent-red),0.97) 10%,
     rgba(var(--dark-accent-red),0.97) 40%,
     rgb(var(--black-monochrome)) 100%);
 
    --gradient-topmenu: linear-gradient(to bottom,
     white 0%,
     white 7.5rem,
     rgba(var(--swatch-topmenu-border-color), 1) 7.5rem,
     rgba(var(--swatch-topmenu-bg-color), 1) 7.625rem,
     rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.125rem),
     rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem),
     rgba(var(--swatch-topmenu-border-color), 1) 100%);
 
    --gradient-topmenu-mobile: linear-gradient(to bottom,
     rgba(var(--swatch-topmenu-border-color), 1) 0,
     rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
     rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
     rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
     rgba(var(--swatch-topmenu-border-color), 1) 3rem);
 
   --diagonal-stripes: linear-gradient(transparent 0);
 
    --gradient-sidemenu-header: linear-gradient(10deg,
     rgba(var(--mid-accent-red), 0.45) 0%,
     rgba(var(--mid-accent-red), 0.55) 100%);
    --header-background-image-size: 100% 7.5rem;
 
    /* Sidebar */
    --sidebar-transition-timing: 0.5s ease-in-out 0.1s;
    --sidebar-internal-border-thickness: 0.16rem;
 
    --background-gradient-color: var(--grayer-monochrome);
    --background-gradient-distance: 50rem;
 
}
 
/* REMOVING HOVER OF THE PAGE OPTIONS ICONS HERE*/
div[id*="page-options-bottom"] {
--swatch-tertiary-color: none;
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--light-gray-monochrome), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
   text-align: justify;
   text-justify: inter-word;
   font-size: 1.1em;
 
}
 
html,
body,
#side-bar:hover {
    scrollbar-color: rgb(var(--tester-blue)) rgb(var(--tester-green));
    }
 
 ::-webkit-scrollbar,
 #side-bar:hover::-webkit-scrollbar {
    background-color: rgb(var(--shadow-red));
    }
 
 ::-webkit-scrollbar-thumb,
 #side-bar:hover::-webkit-scrollbar-thumb {
    background-color: rgb(var(--mid-accent-red));
    }
 
.scp-image-block .scp-image-caption {
    font-size: .8em;
    background-color:rgb(var(--dark-accent));
    color: rgb(var(--bright-red));
}
 
#header h1 {
    color: rgb(var(--tester-green));
}
 
#page-title {
    font-family: 'Kelly Slab', 'GlowSansSC';
    border-color: rgba(var(--mid-accent-red))!important;
 
    background: linear-gradient(to bottom,
     rgba(var(--shadow-red),0.97) 0%,
     rgba(var(--dark-accent-red),0.97) 35%,
     rgb(var(--bright-red)) 80%);
 
    background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}
 
#side-bar div.menu-item .sub-text {
    color: rgb(var(--pale-gray-monochrome));
}
#login-status {
    color: rgb(var(--medium-accent));
}
.code {
    padding: 5px 5px 5px 15px;
    margin-bottom:10px;
    width: 100%;
    font-family: var(--header-font);
    font-size: 1.1em;
    background-color:rgb(var(--shadow-red));
    border: 2px dashed rgb(var(--mid-accent-red));
    color: rgb(var(--bright-red));
}
 
.hl-main {
    filter: invert(1) hue-rotate(180deg);
}
 
.page-options-bottom a {
    background-color:rgb(var(--shadow-red)) !important;
    color: rgb(var(--blinding-red)) !important;
    font-family: var(--header-font);
}
 
table.wiki-content-table th {
    text-align: left !important;
    font-family: var(--title-font) !important;
    color: rgb(var(--pale-gray-monochrome));
    background-color: rgb(var(--dark-accent-red)) !important;
    border: 1px solid rgb(var(--mid-accent-red)) !important;
}
 
table.wiki-content-table tr {
    background-color:rgba(var(--gray-monochrome), 0.15) !important;
    border: 1px solid rgb(var(--mid-accent-red)) !important;
    color: rgb(var(--tester-purple));
}
 
table.wiki-content-table td {
    background-color: rgba(var(--gray-monochrome), 0.15)!important;
    border: 1px solid rgb(var(--mid-accent-red)) !important;
    color: rgb(var(--dark-accent-red));
}
 
.footnotes-footer {
    margin-bottom:10px;
    width: 100%;
    font-family: var(--body-font);
    font-size: 1.1em;
    --footnotes-footer-bg-color: 133,110,115;
    color: rgb(var(--dark-accent-red));
}
 
span.printuser {
    color: rgb(var(--light-gray-monochrome)) !important;
}
 
table.wiki-content-table {
    border: 2px solid rgb(var(--mid-accent-red));
}
 
hr {
    background-color: rgb(var(--bright-accent)) !important;
 
/* TABS */
}
.yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
    color: rgb(var(--bright-red));
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
color: rgb(var(--light-gray-monochrome));
}
 
/* RATING MODULE */
.page-rate-widget-box {
    background: -webkit-gradient(linear,
     left bottom, left top,
     from(rgba(var(--dark-accent),1)),
     to(rgba(var(--dark-accent), 1)));
    background: -webkit-linear-gradient(bottom,
     rgba(var(--dark-accent),1) 0%,
     rgba(var(--dark-accent), 1) 100%);
    background: -o-linear-gradient(bottom,
     rgba(var(--dark-accent),1) 0%,
     rgba(var(--dark-accent), 1) 100%);
    background: linear-gradient(to top,
     rgba(var(--dark-accent),1) 0%,
     rgba(var(--dark-accent), 1) 100%);
    border: 2px solid rgb(var(--mid-accent-red));
}
#page-content .rate-box-with-credit-button {
    background: -webkit-gradient(linear,
     left bottom, left top,
     from(rgba(var(--dark-accent),1)),
     to(rgba(var(--dark-accent), 1)));
    background: -webkit-linear-gradient(bottom,
     rgba(var(--dark-accent),1) 0%,
     rgba(var(--dark-accent), 1) 100%);
    background: -o-linear-gradient(bottom,
     rgba(var(--dark-accent),1) 0%,
     rgba(var(--dark-accent), 1) 100%);
    background: linear-gradient(to top,
     rgba(var(--dark-accent),1) 0%,
     rgba(var(--dark-accent), 1) 100%);
    border-color: rgb(var(--mid-accent-red));
}
 
.page-rate-widget-box .rate-points {
    color: rgb(var(--bright-red)) !important;
}
.page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .cancel, .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a {
    background-color: rgb(var(--dark-accent-red)) !important;
}
#page-content .rate-box-with-credit-button > .creditButton > p > a::before {
    background-color: rgb(var(--dark-accent-red));
}
 
#page-content .rate-box-with-credit-button > .creditButton:hover {
    background: rgba(var(--tester-green), 0.8);
}
 
.page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .cancel a:hover {
    background-color: rgb(var(--bright-red)) !important;
}
.scp-image-block {
    border: solid .1625rem rgb(var(--mid-accent-red));
}
 
.blockquote, [class*=blockquote], blockquote, div.blockquote {
    padding: 5px 15px 5px 15px;
    margin-bottom: 10px;
    background-color:rgb(var(--shadow-red)) !important;
    border: 3px solid rgb(var(--mid-accent-red)) !important;
    color: rgb(var(--light-gray-monochrome)) !important;
    margin: 10px auto 0;
}
 
blockquote blockquote, .blockquote blockquote {
    padding: 5px 15px 5px 15px;
    border: 3px solid rgb(var(--mid-accent-red));
    color: rgb(var(--bright-red)) !important;
    font-size: 1rem;
    margin: 10px auto 0;
}
 
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
    background-color: rgb(var(--dark-accent));
}
#search-top-box:not(:focus-within)::before {  
    color: rgb(var(--dark-accent));
}
 
#top-bar div.mobile-top-bar > ul > li > a, #top-bar div.top-bar > ul > li > a {
    color: rgb(var(--pale-gray-monochrome));
}
#top-bar div.mobile-top-bar > ul > li > a:hover, #top-bar div.top-bar > ul > li > a:hover, #top-bar div.mobile-top-bar > ul > li:hover > a, #top-bar div.top-bar > ul > li:hover > a {
    color: rgb(var(--white-monochrome));
}
.open-menu a {
    color: rgb(var(--tester-purple)) !important;
}
 
@-webkit-keyframes marquee {
         0% { -webkit-transform: translateX(100%); transform: translateX(100%) }
    100% { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
}
 
@keyframes marquee {
         0% { -webkit-transform: translateX(100%); transform: translateX(100%) }
    100% { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
}
@media only screen and (max-width: 768px) {
    #header h2 {
        overflow: hidden;
    height: 100%;
    pointer-events: none;
    }
    #header h2 span {
        -webkit-animation: marquee linear 10s infinite;
                animation: marquee linear 10s infinite;
        width: 150% !important;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    #header h1 span {
    font-size: 75%;
    }
    #top-bar {
        font-size: calc(var(--base-font-size)*0.70);
    }
 
}
 
.hovertip{
background-color:rgb(var(--shadow-red)) !important;
background-image:radial-gradient(ellipse 1000% 100% at 50% 90%, transparent,rgb(var(--shadow-red))) !important;
}
 
#side-bar {
background-size: 0%;
}
 
.blockquote h1,
.blockquote h2,
.blockquote h3,
.blockquote h4,
.blockquote h5,
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5 {
    color: rgb(var(--bright-red));
}
 
.styled-quote {
  text-align: justify;
  text-justify: inter-word;
    color: rgb(var(--dark-accent-red));
    background-color:rgb(var(--pale-gray-monochrome));
    border-left: 0.5rem solid rgba(var(--dark-accent-red));
}
 
.styled-quote2 {
    color: rgb(var(--dark-accent-red));
    background-color:rgb(var(--pale-gray-monochrome));
    border-left: 0.5rem solid rgba(var(--mid-accent-red));
    padding: 5px 15px 5px 15px;
    margin-right: 5px;
}
 
.dark-styled-quote {
   color:rgb(var(--blinding-red));
   background-color:rgb(var(--dark-accent-red));
   border-left: 0.5rem solid rgba(var(--bright-red));
}
 
.lightblock {
   background-color:rgb(var(--pale-gray-monochrome));
}
 
.darkblock {
   background-color:rgb(var(--dark-accent-red));
   color:rgb(var(--blinding-red));
}
 
.darkblock2 {
   background-color:rgb(var(--dark-accent-red));
   color:rgb(var(--blinding-red));
   display: grid;
   text-align: justify;
   word-wrap: normal;
   font-size: 85%;
   padding: 5px 10px 5px 15px;
   margin-right: 5px;
}
 
.testingblock{
   color: rgb(var(--mid-accent-red));
   border: solid 2px rgb(var(--mid-accent-red));
   padding: 0.01rem 1rem 1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.20rem;
   box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
 
    background: url(http://backrooms-wiki.wdfiles.com/local--files/theme%3Ameg-edgy/F59005DF-954F-4EB8-8116-2E7F06FB4211.png) center/20% no-repeat;
    background-color: rgb(var(--pale-gray-monochrome));;
    background-position: right 50% bottom 25px;
    padding-bottom: 65px;
    position: relative;
    /* clear: both; */
    display: table;
}
 
.testingblock::after{
    content: "M.E.G. - Bettering Humanity";
    display: flex !important;
    justify-content: center !important;
    font-family: 'Kelly Slab', 'GlowSansSC';
    font-weight: bold;
    font-size: 80%;
    color: black;
    background-color: rgb(var(--pale-gray-monochrome));
    position: relative;
    transform: translateY(325%);
}
 
.logoblock{
    padding: 5px 15px 5px 15px; /* adds space - up right down left */
    font-size: 1rem;
    font-family: var(--body-font);
    background: url(http://backrooms-wiki.wdfiles.com/local--files/theme%3Ameg-edgy/F59005DF-954F-4EB8-8116-2E7F06FB4211.png) center/20% no-repeat;
    background-color: rgb(var(--pale-gray-monochrome));
    background-position: right 50% bottom 25px;
    border: 3px solid rgb(var(--mid-accent-red));
    border-radius: 15px;
    color: rgb(var(--black-monochrome));
    margin: 10px auto 0; /* Adds a space above the box */
    padding-bottom: 65px;
    position: relative;
    /*clear: both; */
    display: table;
}
 
.logoblock::after{
    content: "M.E.G. - Bettering Humanity";
    display: flex !important;
    justify-content: center !important;
    font-family: 'Kelly Slab', 'GlowSansSC';
    font-weight: bold;
    font-size: 80%;
    color: black;
    background-color: rgb(var(--pale-gray-monochrome));
    position: relative;
    transform: translateY(325%);
}
 
.logoblock h2{
    color: rgb(var(--dark-accent-red));
}
 
#toc.floatright {
   background-color: rgb(var(--dark-accent-red)) !important;
   color:rgb(var(--black-monochrome));
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: 3px solid rgb(var(--dark-accent-red)) !important;
   padding: 0rem;
   margin: 1rem !important;
}
 
#toc-action-bar {
   background-color:rgb(var(--dark-accent-red)) !important;
 
}
 
#toc .title {
   background-color:rgb(var(--dark-accent-red)) !important;
   padding: 0.25em 2em 0.25em 0;
}
 
#toc a {
   text-align: left !important;
   color: rgb(var(--mid-accent-red)) !important;
}
 
#toc #toc-action-bar a::after {
     content: "Table of Contents";
                border-color:rgb(var(--tester-yellow)) !important;
     position: absolute;
     left: 104%;
     transition: font-weight 0.15s var(--ease-in-out), font-variation-settings 0.15s var(--ease-in-out);
     white-space: nowrap;
     }
 
#toc #toc-action-bar a::before {
     content: "";
     display: inline-block;
     position: relative;
     width: 1em;
     height: 1em;
     background-color: rgb(var(--blinding-red));
     -webkit-mask: var(--mask-image) center center / 100% no-repeat;
             mask: var(--mask-image) center center / 100% no-repeat;
     }
 
#toc #toc-action-bar a:first-of-type::before {
     --mask-image: var(--down-arrow-mask);
 
     left: -0.85em;
     -webkit-mask-size: 2em 0.3625em;
             mask-size: 2em 0.3625em;
 
     background-color: green !important;
 
     }
 
#toc #toc-action-bar a:last-of-type::before {
     --mask-image: var(--right-arrow-mask);
 
     left: 0em;
     bottom: 0.2em
     -webkit-mask-size: 0.3625em 2em;
             mask-size: 0.3625em 2em;
 
     background-color: rgb(var(--blinding-red)) !important;
 
     }
 
#toc #toc-action-bar a,
     #toc #toc-action-bar a:visited {
     color: rgb(var(--pale-gray-monochrome)) !important;
     }
 
#toc #toc-action-bar a:is(:hover, :active, :focus, :focus-within) {
     color: rgb(var(--blinding-red))  !important;
     }
 
#toc #toc-action-bar a:is(:hover, :active, :focus, :focus-within)::before {
     color: rgb(var(--tester-yellow)) !important;
     }
#toc #toc-list div[style*="margin-left"] {
     margin-left: 1em !important;
     }
 
#toc #toc-list div[style*="2em"] {
     padding-left: 0.75em !important;
     }
 
#toc #toc-list div[style*="2em"]::before {
     content: "╶";
     }
 
#toc #toc-list div[style*="3em"] {
     padding-left: 1.75em !important;
     }
 
#toc #toc-list div[style*="3em"]::before {
     content: "╶─";
     }
 
#toc #toc-list div[style*="4em"] {
     padding-left: 2.75em !important;
     }
 
#toc #toc-list div[style*="4em"]::before {
     content: "╶───";
     }
 
#toc #toc-list div[style*="5em"] {
     padding-left: 3.75em !important;
     }
 
#toc #toc-list div[style*="5em"]::before {
     content: "╶────";
     }
 
#toc #toc-list {
     position: relative;
     border-color: rgb(var(--tester-yellow)) !important; /*I don't know how this works but it sort of does */
     }
 
/* Collapsible code from Trailmix */
 
:root{
  --base-color: rgb(var(--dark-accent-red));
  --hover-color: rgb(var(--blinding-red));
  --click-color: green;
}
 
/* #page-content is shoved everywhere to make sure it's the most specific thingy */
/* Styling! */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px;
    /* Animated things */
    transition: background 0.2s linear;
    background: var(--base-color);
    /* Technical bits */
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
/* The Clicky Text */
#page-content .collapsible-block-link {
    color: rgb(var(--pale-gray-monochrome));
    font-weight: bold;
    text-decoration: none;
}
/* Gets rid of the underline when hovering over the collapsible */
#page-content .collapsible-block-link:hover {
    text-decoration: none
}
/* Collapsible content */
#page-content .collapsible-block-content {
    /* Animated things */
    transition: border-top-color 0.2s linear, border-bottom-color 0.2s linear;
    border-top: solid var(--base-color) 5px;
    border-bottom: solid var(--base-color) 3px;
}
 
/* Folded blocks are animated, unfolded ones are not */
#page-content .collapsible-block-folded {
    max-width: 100%;
}
#page-content .collapsible-block-unfolded-link{
    width: min-content;
}
/* Addendum counter */
 
/* Addendum prefixes */
#page-content .collapsible-block-folded .collapsible-block-link::before {
    content: "▷";
    color: rgb(var(--blinding-red));
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
    content: "▽";
    color: rgb(0,128,0);
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
/* Hovering effects */
#page-content .collapsible-block-folded:hover {
    background: var(--hover-color);
    max-width: 100%;
}
 
#page-content .collapsible-block-unfolded-link:hover {
    background: var(--click-color);
    max-width: 100%;
}
 
/* Collapsible borders - because it looks prettier this way */
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{
    border-top-color: green;
    border-bottom-color: green;
}
/* When hovering over link, change addendum tag to hover-color */
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
    background: green;
}
/* Click flash when clicking, also forces the collapsible to expand */
#page-content .collapsible-block-folded:active {
    transition: background 0s, max-width 0s;
    background: var(--click-color);
    max-width: 100%;
}
 
#page-content .collapsible-block-unfolded-link:active, #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content::after {
    transition: background 0s, max-width 0s;
    background: var(--hover-color);
    max-width: 100%;
}
/* On click, change borders to click-color */
#page-content .collapsible-block-unfolded-link:active + .collapsible-block-content {
    transition: border-top-color 0s, border-bottom-color 0s;
    border-top-color: var(--hover-color);
    border-bottom-color: var(--hover-color);
}
/* Done with normal collapsibles, now we do all the variations */
/* Unfolded collapsible */
#page-content .unfolded-collapse {
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px;
    background: var(--base-color);
    /* Text */
    color: white;
    font-weight: bold;
    /* Technical bits */
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
/* Addendum prefix */
#page-content .unfolded-collapse::before {
    content: "▽";
    color: green !important;
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
/* Bottom border */
#page-content .unfolded-collapse-border {
    display: block;
    width: 700px;
    border-top: solid var(--base-color) 5px;
}
/* Centering, very simple */
#page-content .center-collapse .collapsible-block-folded, #page-content .center-collapse .collapsible-block-unfolded-link, #page-content .center-collapse .unfolded-collapse{
    margin:auto;
    margin-top: 10px;
}
 
/* SD Classes */
 
/* sd banner colours */
 
.sd-container {
 
/* font */
--sd-font:'PT Mono';
 
/* borders */
--sd-border:var(--dark-accent-red); /* for most classes */
--sd-border-secondary:0,0,0; /* for n/a */
--sd-border-deadzone:20,0,0; /* for deadzone */
 
/* symbols */
--sd-symbol:var(--sd-border) !important; /* for most symbols */
--sd-symbol-secondary: 255,255,255; /* white for class 4 and higher */
 
/* text */
--sd-bullets:var(--sd-border) !important; /* the colour of the bullet point text */
--sd-text:var(--white-monochrome); /* the colour of the text in the top box */
 
/* class colours */
--class-0:217, 197, 97;
--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:45,55,255;
}

-收起

语言語言：

- 警告！声音很大。

生存难度：

deadzone

{$one}.
{$two}.
{$three}.

安全等级：公开

注意！

进入 Level 310 存在重大风险，因其具有不可预测性且缺乏自然资源。出行时，应优先通过佩戴防尘口罩或用衣物遮盖口鼻来保障安全。若没有合适的装备和物资，在该层级中穿行会极为困难。

请务必小心！

描述：

Level 310 是一系列严重受损的城区，延伸跨越两个相对的平面¹，两者之间相距约三公里。这两个平面垂直放置，一个悬于另一个之上，使得远处对面的城市景象显得朦胧。流浪者进入时可能出现在任意一侧；然而，要确切判断自己在哪一侧十分困难——尤其是结伴进入时，因为出现在两侧的概率是均等的。

一幅展示两个相对平面的插图。

本层级的整个区域都覆盖着大量挥之不去的灰尘和烟雾，它们呈现出明显的暖色调。这种浓密的烟雾严重阻碍了流浪者对周围环境的视线，并给大气增添了一种独特的黄色。

* 引力偏移 *

每个平面都有自己的引力，并产生相反的引力拉力。这就形成了一个循环：一侧逐渐增强，而另一侧同时减弱，从而导致平台之间的平衡状态不断波动。随着时间的推移，一层厚厚的废弃物堆积起来，这表明在 Level 310 被发现的数年前，这种异常就已经存在了。这层废弃物反复被抬升并掉落到对面的平面上，导致结构进一步恶化，并增加了流浪者被飞溅的碎石击中或被堆积的碎片压垮的风险。

一张由 M.E.G. 特工拍摄的Level 310内典型街道的照片。

这些引力变化似乎会在随机的时间间隔发生。即将发生变化的迹象包括环境改变、物体产生的剧烈震动以及坠落碎片的方向突然改变。尽管这种变化会对物体产生影响，但流浪者和实体似乎不受其影响，它们所承受的重力与地球上的标准重力相当。

Level 310 的城市区域由一系列分支街道相互连接而成，这些街道采用非欧几里得布局，其中一些街道无限延伸，另一些则会自我循环。由于街道是露天的，因此上面堆满了密集的碎片，常常堆积到数米高，故而导致一些建筑物无法进入。虽然城区已遭破坏，但仍能在碎片中找到完好的物品，包括但不限于个人物品、空白道路标志、长椅、垃圾桶及其他典型的前厅城市的物件。

* 昼夜循环 *

本层级存在约 12 小时的昼夜循环，其中的夜间时长超过 8 小时。然而，经测量显示，夜间时长似乎正在逐渐增加，这使得当前记录的时间可能并不可靠。

一个模拟太阳的巨大物体漂浮在两个平面之间，照亮了整个层级，其类似于一个放大版的白炽灯泡。这颗太阳明显有裂痕，可能是由于长期不断有碎片撞击它所致，这使得人们推测，这或许是夜晚逐渐变长的原因。无论流浪者走多远，这个物体似乎都保持在同一个位置——始终看起来位于 Level 310 的中心。当夜晚来临时，它的亮度会逐渐减弱，最终完全消失，从而使整个层级陷入黑暗。

* 建筑物 *

Level 310 的建筑风格和形态各异，类似于典型的城市景观。不过它们受损严重，有些几乎已面目全非。

进入时呈现的景象。

虽然这些建筑已经破败不堪，但它们仍然是躲避坠落碎片最安全的避难所。因此，建议将它们用作临时庇护所——尤其是在夜间。为此，我们编写了一份简短的指南，其中包含在这些建筑内安全安顿的重要提示。

一般注意事项：

1. Level 310 的建筑物极易坍塌；找一个结构稳定的地方，比如角落或者结构坚固的房间。

这类结构稳定的地方包括带有坚固屋顶的房间；但要重点检查是否存在可能导致其自行坍塌的结构损坏。

2. 避开所有符合以下条件的建筑物和房间：

a) 屋顶是敞着的。

b) 它们的屋顶上堆积了大量的碎片；屋顶可能会在巨大的重量下坍塌，或者这些碎片可能会突然松动掉落。

3. 进行躲避时，只有当当前区域因碎片堆积而变得不安全时，才可转移到另一个房间或建筑物。

如果发现自己被困，保持冷静至关重要。等待新的重力变化发生；这可能会移开碎片，或者创造出通往出口的可见通道。否则，不要试图强行逃生。

实体：

在 Level 310 中可遇到多种实体，包括但不限于笑魇、肢团和尸鼠。然而，据报告称，在该层级也出现了此前未观察到的实体。这些实体极为罕见，其样貌仅有模糊描述。尽管尚未有攻击行为的记录，但仍建议避免接近。

* 寻光者（Light Seekers） *

流浪者对该实体的艺术描绘。

寻光者是一种高大、瘦削的人形实体，栖息于 Level 310，身高通常在 6 至 8 英尺之间。它们最显著的特征是颈部顶端有一个灯罩或灯笼状的突起物，内部装有一只外观各异的灯泡，周围环绕着成群的雄性死亡飞蛾。其躯体外部包裹着一层厚重的锈蚀金属，这层保护壳虽能有效抵挡坠落的碎片，但并非坚不可摧，表面可见明显的凹痕。外壳似乎极为沉重，致使实体支撑自身重量颇为费力，其双腿不自然的颤抖便印证了这一点。偶尔能见到缺失肢体的个体，其内部会露出一种构成其内部的发光物质，而这表明它们并无骨骼结构、内脏器官或组织。

入口与出口：

* 入口 *

通过切入 Level 44 中的一面墙壁，或从 Level 11 浓雾弥漫的区域的某处地板穿入，均可进入 Level 310。

* 出口 *

离开该层级最稳妥有效的方式，是找到并利用允许切入的不稳定区域，这能直接到达 Level 255。若无法实现此方法，则可选择下水道井盖作为替代出口，通往 Level 34 或 Level 76 等层级。

流浪者们注意了！

我们已经收到了你们的报告，可以确认 Level 310 正在同步发生变化，其重要性尚未确定。经最近在该层级停留过的 M.E.G. 特工报告称，Level 310的原生实体——寻光者，开始大量出现，且其表现出更强的易怒性。如果你们中有人最终进入Level 310，不要靠近这些实体，甚至不要看它们。

这种行为突然变化的原因尚不清楚——相关调查待定，但由于该层级所带来的危险，调查并非优先事项。

注意安全。

- Aaron Orland，来自M.E.G.

打开：M.E.G.报告编号:#041/310'

关闭文档

日志编号：#041/310
主题：探员 Dorris 与探员 Rose 之间的连锁电子邮件

寄件人：探员 Rose rose@meg
收件人：探员 Dorris dorris@meg
日期：2006 年 2 月 14 日周二 08:22:14
主题：转发：回复：调查任务咨询 – Level 310
抄送：aaron@meg

我听说你自愿报名去调查那些特定现象了。你确定要接这个吗？

他们似乎极不可能派任何人去 Level 310。愿意主动参与这些调查的探员已经越来越少了。

我知道你参与过大量侦察任务；见鬼，我甚至可以说你是 M.E.G. 不可或缺的宝贵资产。

但求你了，别去调查 Level 310。如果你的手脚没被绑住，又何必自缚双手？你是想去送死吗？

- Rose

寄件人：探员 Dorris dorris@meg
发送时间：2006 年 2 月 14 日周二 09:03:55
收件人：探员 Rose rose@meg
主题：转发：回复：回复：调查任务咨询 – Level 310

嘿 Rose，
谢谢你的关心，但我的命运已经被 Aaron 决定了。

自愿报名？真的吗？他们是这么跟你说的？

你说得对，没哪个正常人会自愿参与。实话告诉你吧，我的手脚是被绑住的。老实说，这封邮件要是能发出去我都会觉得惊讶。

确实，作为那里为数不多靠谱的探员之一，压力山大。显然，如果你不服从他们，他们就能强迫你离开你在 Level 11 的定居点。真是绝了。

要不是我的住处和生活必需品都由 M.E.G. 自己提供，我早就说“去你妈的”了。

你可能会问，为什么要受这堆鸟气？嗯，他们提了些什么，大意是说有必要覆盖那些可能导致休眠实体突然狂暴的异常现象。由于 Level 310 连接着 Level 11——几乎足以算作它的子层级——并且很容易进入，他们担心这些实体可能会随着 Level 310 里发生的任何情况而同时失去“11 层效应”。这对我来说听起来完全像是疯子的胡言乱语。

至少我不会完全两眼一抹黑地进去。他们还算好心，邀请我参加了一个研讨会。全是关于哪些该做哪些不该做，好让你别把小命丢了。哦，还有供这次“旅行”用的大量补给。

不过装备倒是有点意思。他们给了我一个很大的方形盒子，据说是什么防护盾之类的东西。这玩意儿看起来像是直接从科幻小说里拿出来的，但凑近了看，你会发现它不过是一堆焊接在一起的废铁。它太大了，我能舒舒服服移动它的唯一办法就是像背包一样把它背在背上。

不管怎样，我扯远了。我会离开基地一段时间——我会确保频繁向你报告，当然，除非我死了。

寄件人：探员 Rose rose@meg
收件人：探员 Dorris dorris@meg
日期：2006 年 2 月 14 日周二 10:09:12
主题：转发：回复：回复：回复：调查任务咨询 – Level 310

我明白了……

无论如何，祝你好运！我真的不想在某个 M.E.G. 救护站里找到你残缺不全的尸体碎块——如果他们还能回收你的话。

在那之前，我会等着你的报告。在外面注意安全，Dor！

- Rose

打开：M.E.G.报告编号：#043/310'

关闭文档

日志编号：#043/310
主题：来自 Level 310 的报告

主题：Observational Report #1

执行者：探员 Dorris Ayers

潜入以来经过的天数（层级内时间）：3 天

发现：__

Level 310 的天空被除太阳以外的未知光源照亮。这种异常在夜间尤其明显。呈现为数千个微小光点的、大小不一的光粒子，正飘向 Level 310 的中心，流入太阳表面的裂缝中。自打我抵达 Level 310 以来，这种异常现象从未停止。

正在开展进一步调查。

主题：观察报告 #2

执行者：探员 Dorris Ayers

潜入以来经过的天数（层级内时间）：5 天

发现：

在找到了一个适合长期观测的庇护所后，我得以记录下寻光者之间一种新的反复出现的行为模式，尽管记录得有些模糊。目前，它们似乎会寻找同类，形成庞大的群体，试图在游荡到某个未知地点之前尽可能多地聚集同伴。我怀疑这并非巧合，因为所有个体似乎都朝着同一个方向行走，然后在某栋旧医院大楼左侧几百米处消失。

主题：观察报告 #3

执行者：探员 Dorris Ayers

潜入以来经过的天数（层级内时间）：6 天

发现：

来自数字计时记录设备的不一致数据表明，白天正在变短。尽管这个数值非常微小，但在相对不久的将来，层级内将无法进行准确的时间记录。除此之外，太阳上的裂缝似乎日益恶化。先前观察到的光异常现象是这一现象的一个成因，还是旨在减缓、阻碍甚至逆转这一现象，目前尚不清楚。

实体似乎也受到了这种现象的影响，因为观察到越来越多的个体相对于其他个体动作迟缓，或者完全不动，只是静止在那里，凝视着太阳。还观察到其他个体表现出一些迹象，这些迹象只能被描述为压力和/或焦躁不安——它们在小巷里漫无目的地来回踱步。

主题：观察报告 #4

执行者：探员 Dorris Ayers

潜入以来经过的天数（层级内时间）：7 天

发现：

我设法跟踪了一个较小的群体长达数小时，直到被发现并被迫逃离该区域。在此过程中，我碰到了一个重要的发现。

我观察到一群寻光者聚集在一所废弃学校建筑的院子里。它们手拉着手，围绕着一堆似乎是各种大小和款式的灯泡的东西，形成了一个圈。

由于被先前发现我的那个寻光者追赶，观察被迫中断。

主题：观察报告 #5

执行者：探员 Dorris Ayers

潜入以来经过的天数（层级内时间）：8 天

发现：

返回那个发生仪式般聚会的场所后，我设法找到了散落在地面上的几具尸体，由于当天的引力偏移，它们部分被瓦砾掩埋。它们似乎都是昨天观察到的那些个体。死因：未确定。

主题：观察报告 #6

执行者：探员 Dorris Ayers

潜入以来经过的天数（层级内时间）：9 天

发现：

在试图寻找夜间避难所时，我发现一个落单的寻光者，走向了一栋相对完好的建筑并进入其中。与此同时，发生了重力偏移，这迫使我退入同一栋建筑内。

那个寻光者发现我后，即使在我拔出武器时，也没有立即表现出敌意。直到那个实体抓住我的手，强行从我手中夺下那个物体。

没有发生进一步的行为，直到我回头看向那个实体的头部。

那个实体缓缓地指向天花板上的一个洞，将我的注意力引向夜空中那个孤独的、正在衰败的天体。光点遍布夜空，飘向它。然后它轻轻拍了拍自己那灯一般的头部，它的灯光变得黯淡并闪烁了一会儿，之后才放开了我的手。我退到房间的一个角落，试图解读这个实体的非语言交流。

那个实体走到开阔的天空下，用双手抵住自己的头部，慢慢打开体腔，拧出了置于其中的那个灯泡。它将灯泡举在面前，然后毁掉了那个物件。从物件中，出现了一个明亮的光粒子，悬浮着穿过天花板上的洞，而那个寻光者则倒在地上，只剩一副空壳。

—————

不久之后，由于开始在该建筑周围积聚的碎片越来越多，我被迫启动了护盾。将那个盒子平放在地上后，我踩下了感应杆。它的上盖立刻打开，从内部伸出了许多翼状的附属物，它们围成一个圆圈，刚好留出足够一个人躺在下面的空间。我勉强挤了进去，但不得不丢下了我的背包。

尽管事后护盾上出现了几处较大的凹痕，但它被证明足以提供保护；然而，我的行囊和补给都没能保住。请将此备注为因资源匮乏而请求批准返回基地的申请。

报告结束

打开：M.E.G.报告编号：#045/310'

打开：‘作者（们）’

Level 309 | Level 310 | Level 311

Footnotes

The Backrooms中文维基

你曾经来过这里

注意！

描述：

* 引力偏移 *

* 昼夜循环 *

* 建筑物 *

实体：

* 寻光者（Light Seekers） *

入口与出口：

* 入口 *

* 出口 *

流浪者们注意了！

报告结束

注意！