Level FR-618

+ 版式代码

/*
   M.E.G. Theme
   [M.E.G. Theme]
   by TrailmixNCocoa.
*/
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap');
@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");
 
@font-face {
    font-family: 'GlowSansSC';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Compressed-Regular.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-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "meg-records";
   --theme-name: "M.E.G. Records Theme";
 
   --logo-image: url("http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3129.PNG");
   --header-title: "M.E.G. 记录中心";
   --header-subtitle: "M.E.G. 记录保存设施";
 
    --body-font: 'PT Mono', 'Noto Sans SC', sans-serif;
    --header-font: 'Oxygen Mono', 'GlowSansSC', sans-serif;
    --title-font: 'Overpass Mono', 'GlowSansSC', sans-serif;
    --mono-font: 'Courier Prime', 'Noto Serif SC', monospace;
 
   --white-monochrome: 210, 212, 176;
   --text-white-monochrome: 222, 221, 204;
   --pale-gray-monochrome: 250, 242, 170;
   --light-gray-monochrome: 94, 91, 35;
   --gray-monochrome: 54, 52, 21;
   --black-monochrome: 12, 12, 12;
   --bright-accent: 255, 245, 166;
   --medium-accent: 168, 162, 79;
   --dark-accent: 128, 111, 17;
   --pale-accent:  203,0, 183;
   --alt-accent: 163, 132, 31;
   --meg-accent:  143, 138, 76;
   --darker-meg-accent: 69, 67, 46;
   --backrooms-yellow: 215,200,0;
 
   --swatch-topmenu-border-color: var(--medium-accent);
  --swatch-headerh1-color: 222, 222, 222;
  --swatch-headerh2-color: 237, 230, 123;
 
   --link-color: 87, 77, 1;
   --hover-link-color: 112, 111, 79;
   --visited-link-color: 168, 162, 49;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 0%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
.sd-container {
   --sd-symbol:var(--sd-text);
}
 
#top-bar div.mobile-top-bar > ul > li > a,
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > ul > li > a,
#top-bar div.top-bar > ul > li > ul > li > a {
   color: rgb(var(--bright-accent));
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
.yui-navset .yui-nav .selected a {
   color: rgb(var(--bright-accent)) !important;
}
 
table.wiki-content-table th {
   color: rgb(var(--text-white-monochrome));
}
 
#login-status {
   color: rgb(var(--bright-accent));
}
 
#login-status a {
   color: rgb(var(--bright-accent));
}
 
#search-top-box input.empty {
   color: rgb(var(--bright-accent));
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--alt-accent))
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(90, 20, 20,.25);
}
 
.styled-quote {
   background-color:rgb(var(--bright-accent));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   color:rgb(var(--black-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 {
   background-color:rgb(var(--darker-meg-accent));
   border-left: 0.5rem solid rgba(var(--meg-accent));
   color:rgb(var(--text-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:#f7e481;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.block {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--text-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);
}
 
.darkblock {
   background-color:rgb(var(--darker-meg-accent));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   color: rgb(var(--text-white-monochrome));
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.borderblock {
    background-color:rgb(var( --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));
 }
 
 .alt-borderblock {
    background-color:rgb(var(--bright-accent));
    color:rgb(var(--black-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(--gray-monochrome));
 }
 
.dark-borderblock {
    background-color:rgb(var( --darker-meg-accent));
    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(--meg-accent));
 }
 
 .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(--gray-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }
 
    .border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3130.PNG) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .dark-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(--darker-meg-accent));
     border: solid 0.3rem rgb(var(--meg-accent));
    }
 
    .dark-border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3130.PNG) 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(--gray-monochrome));
    }
 
    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3130.PNG) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
    .dark-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(--darker-meg-accent));
    }
 
    .dark-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3130.PNG) 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(--gray-monochrome));
        color:rgb(var(--text-white-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(--gray-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.dark-titleblock {
        background-color: rgb(var(--darker-meg-accent));
        color:rgb(var(--text-white-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(--meg-accent)) 2px;
     }
 
     .dark-titlebox{
       color: rgb(var(--darker-meg-accent));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--meg-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.border-block {
    background-color:rgb(var(--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(--gray-monochrome));
 }
 
.megbox{
    padding:0 0.5rem;
    margin:1rem 0;
    background:#b3ac78;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #d6ce92;
    box-sizing:border-box;
}
 
.megflavor{
    padding:0 0.5rem;
    margin:0.5rem 0;
    background:#f5eeb5;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #c7c089;
    box-sizing:border-box;
    transition:0.2s;
}
.newsbox{
    padding:1px 1rem;
    margin:1rem 0;
    background: linear-gradient(90deg, rgba(198,191,140,1) 0%, rgba(221,213,154,0) 100%);
    border-radius:0.8rem;
}
 
.light-featurebox{
    padding:0 0.5rem;
    margin:1rem 0;
    background:#574713;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #dbc46e;
    box-sizing:border-box;
}
 
.light-featureflavor{
    padding:0 0.5rem;
    margin:0.5rem 0;
    background:#e3d06f;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #6b5d1e;;
    box-sizing:border-box;
    transition:0.2s;
}
.light-newsbox{
    padding:1px 1rem;
    margin:1rem 0;
    background: linear-gradient(90deg, rgba(75,67,16,1) 0%, rgba(214,206,146,0) 100%);
    border-radius:0.8rem;
}
 
.dark-featurebox{
    padding:0 0.5rem;
    margin:1rem 0;
    background:#4a422e;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #F4F4F4;
    box-sizing:border-box;
}
 
.dark-featureflavor{
    padding:0 0.5rem;
    margin:0.5rem 0;
    background:#796522;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #322c20;
    box-sizing:border-box;
    transition:0.2s;
}
.dark-newsbox{
    padding:1px 1rem;
    margin:1rem 0;
    background: linear-gradient(90deg, rgba(50,46,32,1) 0%, rgba(214,206,146,0) 100%);
    border-radius:0.8rem;
}
 
.yellow-featurebox{
    padding:0 0.5rem;
    margin:1rem 0;
    background:#d1b65c;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #F4F4F4;
    box-sizing:border-box;
}
 
.yellow-featureflavor{
    padding:0 0.5rem;
    margin:0.5rem 0;
    background:#deca64;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #F4F4F4;
    box-sizing:border-box;
    transition:0.2s;
}
.yellow-newsbox{
    padding:1px 1rem;
    margin:1rem 0;
    background: linear-gradient(90deg, rgba(244,231,139,1) 0%, rgba(214,206,146,0) 100%);
    border-radius:0.8rem;
}
 
.featurebox{
    padding:0 0.5rem;
    margin:1rem 0;
    background:#f4e78b;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #d6ce92;
    box-sizing:border-box;
}
.featureflavor{
    padding:0 0.5rem;
    margin:0.5rem 0;
    background:#f4e78b;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #c7c089;
    box-sizing:border-box;
    transition:0.2s;
    height: auto;
}
.footerbox{
    padding:0.1rem 1rem;
    margin-top:1rem;
    background:#222200;
    border-radius:0 1rem 0 0;
    color:#FFB961;
    border: 3px solid #FFEB7D;
    box-sizing:border-box;
}
.footerflavor h1{
    color: #222200;
}
.footerflavor h2{
    color: #222200;
}
.footerflavor h3{
    color: #222200;
}
.footerflavor h4{
    color: #222200;
}
.footerflavor h5{
    color: #222200;
}
.footerflavor h6{
    color: #222200;
}
.footerbox h1{
    color: #f4e78b;
}
.footerbox h2{
    color: #f4e78b;
}
.footerbox h3{
    color: #f4e78b;
}
.footerbox h4{
    color: #f4e78b;
}
.footerbox h5{
    color: #f4e78b;
}
.footerbox h6{
    color: #f4e78b;
}
.footerspan{
    margin-top:0.2rem;
    font-size:80%;
}
.footerflavor{
    padding:0.5px 1rem;
    margin-bottom:1rem;
    background:#f4e78b;
    border-radius:0 0 0 1rem;
    color:#222200;
    box-sizing:border-box;
    height: auto;
}
.profilepic{
    border-radius:0.6rem;
    float:left;
    max-height:13rem;
    height:17vw;
    margin-right:1rem;
    box-shadow: 0px 0px 3px;
    box-sizing:border-box;
}
 
@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 0s; }
 
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }
 
:root {
   --fade-in-delay: 0.1s; /* Change the speed here. */
}
 
.filetabs .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
 
   display: inline-block;
 
}
 
.filetabs .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
 
   display: block;
 
}
 
.filetabs .yui-navset .yui-content {
 
   border-top-width: 15px;
 
}
 
.filetabs .yui-navset .yui-nav a,
 
.filetabs .yui-navset .yui-navset-top .yui-nav a,
 
.filetabs .yui-navset .yui-nav .selected a,
 
.filetabs .yui-navset .yui-nav a:focus,
 
.filetabs .yui-navset .yui-navset-top .yui-nav a:focus,
 
.filetabs .yui-navset .yui-nav a:hover,
 
.filetabs .yui-navset .yui-navset-top .yui-nav a:hover {
 
    background-color: transparent;
 
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' preserveAspectRatio='none' viewBox='0 0 150 45' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 4.6.0%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 1 74.95 22.39)' id='bC-LIzxo7Tu37zCdkDrqS' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(84, 84, 65fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -74.94856 22.50703 L -60.0064 -12.520110000000003 C -60.0064 -12.520110000000003 -55.89385 -21.849030000000003 -47.235839999999996 -22.281930000000003 C -38.57782999999999 -22.714830000000003 46.87608 -22.39016 46.87608 -22.39016 C 46.87608 -22.39016 56.05659 -23.219710000000003 61.40639 -12.520120000000002 C 66.75618 -1.8205300000000015 74.94856 22.506959999999996 74.94856 22.506959999999996 z' stroke-linecap='round' /%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 75.18 17.97)' id='E8ePkHu_UUyvFWDAIzFyP' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(232,231,213); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -46.15385 12.0108 L -46.15385 -12.01079 L 46.153839999999995 -12.01079 L 46.153839999999995 12.0108 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");
 
    background-size: 100% 2.7rem;
 
    background-repeat: no-repeat;
 
    border-width: 0px;
 
    border-top: none;
 
    background-position: top;
 
}
 
.filetabs .yui-navset .yui-nav a,
 
.filetabs .yui-navset .yui-navset-top .yui-nav a {
 
   padding: 4px 20px 0px 20px;
 
}
 
.filetabs .yui-navset .yui-nav .selected a,
 
.filetabs .yui-navset .yui-nav a:focus,
 
.filetabs .yui-navset .yui-navset-top .yui-nav a:focus,
 
.filetabs .yui-navset .yui-nav .selected a:hover,
 
.filetabs .yui-navset .yui-navset-top .yui-nav .selected a:hover {
 
    padding: 8px 20px 0px 20px;
 
}
 
.filetabs .yui-navset .yui-nav a:hover,
 
.filetabs .yui-navset .yui-navset-top .yui-nav a:hover {
 
   padding: 6px 20px 0px 20px;
 
}
 
.filetabs .yui-navset .yui-nav,
 
.filetabs .yui-navset .yui-navset-top .yui-nav {
 
    border-color: transparent;
 
}
 
.filetabs .yui-navset .yui-nav .selected,
 
.filetabs .yui-navset .yui-navset-top .yui-nav .selected,
 
.filetabs .yui-navset .yui-nav .selected a:active,
 
.filetabs .yui-navset .yui-nav .selected a:focus,
 
.filetabs .yui-navset .yui-nav li,
 
.filetabs .yui-navset .yui-navset-top .yui-nav li {
 
   background-color: transparent;
 
}
 
.filetabs .yui-navset .yui-nav li,
 
.filetabs .yui-navset .yui-navset-top .yui-nav li {
 
   box-shadow: none;
 
}
 
.filetabs .yui-navset .yui-nav li {
 
   margin-right: 36px;
 
}
 
.filetabs .yui-navset .yui-nav .selected a {
 
   color: rgb(var(--swatch-menubg-medium-color)) !important;
 
}
 
.filetabs .yui-navset .yui-nav a:focus,
 
.filetabs .yui-navset .yui-nav a:hover {
 
   color: rgb(var(--swatch-menubg-medium-color));
 
}
 
.filetabs .yui-navset .yui-nav .selected a em,
 
.filetabs .yui-navset .yui-nav .selected a:hover em {
 
   position: relative;
 
   top: -4px;
 
}
 
.filetabs .yui-navset .yui-nav a:hover em {
 
   position: relative;
 
   top: -2px;
 
}
 
.filetabs .yui-navset .yui-nav li,
 
.filetabs .yui-navset .yui-navset-top .yui-nav li {
 
   border-bottom: solid 1px rgb(var(--white-monochrome));
 
}
 
.filetabs .yui-navset .yui-nav li.selected,
 
.filetabs .yui-navset .yui-navset-top .yui-nav li.selected {
 
   border-bottom: none;
 
   z-index: 1;
 
}
 
code,
 
.code {
 
   background-color: rgb(var(--pale-accent));
 
}
 
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay));}
 
:root{
  --base-color: rgb(54, 54, 45);
  --hover-color: rgb(84, 76, 44);
  --click-color: rgb(82, 73, 39);
}
 
/* #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: white;
    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: "▷";
    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: "▽";
    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, #page-content .collapsible-block-unfolded-link:hover {
    background: var(--hover-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: var(--hover-color);
    border-bottom-color: var(--hover-color);
}
/* When hovering over link, change addendum tag to hover-color */
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
    background: var(--hover-color);
}
/* Click flash when clicking, also forces the collapsible to expand */
#page-content .collapsible-block-folded:active, #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(--click-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(--click-color);
    border-bottom-color: var(--click-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: "▽";
    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;
}
 
/* Fittingly, we finish with the footer object */
/* The footer is actually the giant bottom border object because larger -> smaller works better */
#page-content .addendumfooter{
    display: block;
    border-bottom: solid 3px var(--base-color);
    margin: auto;
    text-align: center;
}
 
/* Ayer's info-bar patch */
#page-content .info-container .collapsible-block {
    counter-increment: none;
}
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link  {
    transition: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-shadow: none;
    background: var(--barColour);
}
#page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before  {
    content: "";
    display: none;
}
#page-content .info-container .collapsible-block-content {
    border-bottom: none;
    transition: none;
    border-top: none;
}
#page-content .info-container .collapsible-block-content::after {
    display: none;
}
 
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{
    line-height: 1.4;
}
 
#page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before {
    font-size: 130%;
    margin-left: -0.4em
}
 
/* License box patch */
 
#page-content .licensebox .collapsible-block div {
   background: none;
   box-shadow: none;
}

生存难度：生存難度：

等级等級 0

• 安全
• 稳定
• 建设中

---

如何使用：

[[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 FR-618是后室FR层群的第619个层级，该层级最初在2020年由一支自发组成的流浪者团队发现。

描述

Level FR-618疑似在一个大小未知的天空盒里。Level FR-618整个层级均为平原，目前还未发现较为突出的山峰结构。根据环境不同，M.E.G.将其分成3个部分。

---

城市

Level FR-618的一条街道，图中的大楼为E.S.大厦。

该区域为一座21世纪20年代风格的城市，街道以沥青铺成。城市内拥有完善的城市设施，工业、商业、服务业等相关设施在该区域内一应俱全。这些区域均由该层级中的无面灵政府管辖，流浪者可以申请经营与工作。区域内的车辆均为不同的车兽亚种。

当流浪者进入Level FR-618时，必是会出现在中心区域的E.S.大厦¹²中的等候厅中。在等候厅外每时每刻都驻守着2~4名无面灵，他们会搜查流浪者的携带物，以预防流浪者身上所带的违禁品。

以下为违禁品名单：

名称	处罚
热武器与毒品	拘留一年，并将其交予M.E.G.
其余后室中足以造成威胁的物品3	拘留一年，当流浪者离开该层级时返还
3D视觉眼镜	没收，偿还100元
无人机	没收，离开时归还

以E.S.大厦为中心，半径150千米范围内均为流浪者可居住地点，该区域受到M.E.G.与无面灵政府的保护。如需离开该区域，流浪者必须获得许可。居民楼内的家具通常是完备的，且其中的家电可以正常运作，无需使用电力。

Level FR-618地面下方20m处被一种未知黑色物质所覆盖，这种物质硬度极高，目前没有任何手段可破坏它，以开采其下方的矿物。

河流与绿地在城市中较为常见。河流中的水为其他层级中灰色瓶装的杏仁水，绿地则无特殊作用。

一处施工地点。

Level FR-618的城市范围在持续性扩张，无面灵政府声称此现象由他们造成，但原因却被它们隐瞒。向外围深入时建筑与实体的数量逐步下降，直到城市与森林的交界处为止。从2024年起，交界处被无面灵们封锁，禁止任何流浪者靠近，违反者将被驱逐出Level FR-618，且无法在该层级中居住。

Level FR-618存在昼夜交替，全年昼长夜短。Level FR-618的天空通常呈现为晴天景像，极少出现阴雨天气。当该区域处于晴天时，温度永远为28℃，当该区域处于阴雨天气时，温度会降至18℃以下。这几年来，阴雨天气出现的频率正逐步升高，伴随而来的是流浪者的失踪，目前M.E.G.正与其他组织研究该现象的原因，并寻找流浪者。

一期对佚名流浪者的采访

前年，我搬到了Level FR-618那里，并且得到了M.E.G.的帮助，我很快找到了一家工厂上班，虽然工资并不高，大概只有3500元，但当时我过的还蛮开心，因为在这里不会像无限城市一样容易切出，也不像红绿灯城市一样住房拥挤。

说起来，那里的居民整体素质都很高。居民们大多是无面灵，当然也有正常人，每个人都极其友善，显得我格格不入了。我最喜欢的一点是那里没有像那帮该死的奸商一样的家伙，虽然那些无面灵一周中都会上门好几次，到我家进行“搜查”，但没有拿走什么东西。最初我挺尴尬的，后来也渐渐适应下来了。

虽然我非常想留在那里，可是那件事的出现，我必须离开了。

那天下班，我发现天上竟罕见的下起了雨。我在那生活了将近一年多，还是头一回在那里看到下雨，我很惊讶，忍不住放缓了脚步。

没过几分钟，雨下大了，我必须得赶回家，不然晒衣服又得好几天。就这样，我带着这样的念头回过神来，惊愕的发现我周围的无面灵与车兽竟然全部消失了，除了雨滴声外，就没有任何声音了。仿佛整个层级突然发生了类似那个全是黄色墙纸的层级的孤立效应一样。

我朝屋内看了看，一个人也没有，灯仍然开着，更证实了我刚刚的想法，一定是孤立效应的作用，不然就不会这样的。我立马进去，在客厅稍做休息了一会，不知怎的，那天困意比以往还要重。在我快要睡着时，一声闷雷把我吓的摔倒在了地上。

我还没来得及起身，就看到了那令我惊讶的景象，房子竟然变得透明了！无论是墙壁，还是家具。我靠近窗户，望见天空上黑压压的一片，只有远处有一道裂缝状的玩意儿出现在天空上，从里面不断的透出光来，就像是破损的帐篷一样。附近的房屋与这栋一样，全都变得透明了。忽然，我想起了那个令人恐惧的东西，不由得坐在窗户下。如果是真的，我可能就命丧于此了。

打雷的频率渐渐少了下来，雨也变小了，过了很久我才敢站起来。我发现白光消失了，取而代之的是一片突兀的黑色。然后，我离开了屋子，继续回家。

一张在E.S.大楼里拍摄的阴雨前兆照片。

雨小了，越来越多的无面灵从小巷与房屋里走了出来，他们和平常的时候完全一样。我很惊讶，也很害怕，加快脚步回到了家。

我最终选择离开了Level FR-618，搬去了别的地方。话说，最近Level FR-618中失踪案接连不断，对吧？幸好我搬走了，看来我还是有点先见之明的。

——佚名 2024年9月24日

---

村庄

若流浪者从进入Level FR-618处向任意方向移动150km，则有可能发现村庄。目前发现的村庄共有3处。该村庄类似前厅80年代的村庄，其房屋分为以下四种；土屋，砖房，瓦房，混凝土房。这些房屋大小不一，内邻皆摆放着一张黑色的桌子和椅子，天花板悬挂着灯泡，很少会出现柜子或凳子。

村庄的房屋均受到了较为严重的破坏，且这些破坏明显是人为造成的。据传言，这里曾发生过一场战争，战争双方疑似为该层级中远古时代的未知实体。

村庄区域与城市区域有着较大的温差，该区域内的温度通常在15℃左右，并且不会出现阴云天气导致气温陡然下降，原因未知。

根据一些相关情报，无面灵们正试图拆毁这些村庄，城市区域的不断扩大，也证明了这一事实。近年来无面灵开始对村庄进行封锁行动，导致流浪者无法再进入村庄。

一处较为完好的村庄小巷。

“切片”理论

对于该层级的历史，许多流浪者与后室历史学家们都有其不同的见解，该理论是其中流传最广的理论。
该理论认为，Ground AS-158实际上为村庄时代时Level FR-618的前身。就像后室内的众多层级一样，它们被毁灭，或是被时间湮灭，这些层级最终会被替代，但在后室的角落里，它们的一部分却以某种形式重新出现。就是这样，Ground AS-158毁灭前的村庄和森林结构构成了Level FR-618，但是Ground AS-158的山峰结构却没能留存下来，导致Level FR-618内不存在较为突出的山峰。目前，各大团队正在寻找更多符合“切片”理论的例子。

---

森林

若流浪者从进入Level FR-618处向任意方向移动150km至170km不等，则会来到森林。森林整体表现为一片亚热带常绿阔叶林，但奇怪的是，该层级的树平均高度高达35m⁴。

在树林内的地上会随机出现以亚热带水果汁为主要成分的水洼，且大多数分布在树边。据分析，森林内的亚热带水果汁水洼除了味道相比其他层级的常规亚热带水果汁，功能没有任何差别，但味道会变得更酸。

在森林内，流浪者会变得多疑，具体表现为对周围的一切感到恐惧，如地上的亚热带水果汁水洼，或是有风拂过都会产生恐惧，且目前认为恐惧程度与流浪者在其他层级中对这些物品或现象的恐惧程度无关。有流浪者表示闻到了很浓的烟味，类似木材燃烧的味道，但目前还未发现树林里有明显烟雾或火源，通常认为这些烟味对人体没有危害。

迄今为止，所有试图到达森林边缘的行动均以失败告终，派出的8名M.E.G.特工最终因精神失常或突然失踪而失去联系。除此以外，部分Backtube⁵的冒险博主曾去往此处冒险，最终有的失去了消息，被判定为死亡；有的在交界处被发现，患上了精神疾病。

一张处于夜晚的森林照片，由未知流浪者上传到M.E.G.档案库。

---

现象

“电子封锁”

在Level FR-618内，所有的电子测量或计时工具，如电子秒表或带有电子显示屏的测力计和游标卡尺，或是智能设备的测量或计时功能，其电子显示屏显示的数据都会出现极大的误差，最高可以达到±61.8%，因此未受过专业训练的流浪者也可以轻松看出误差。这导致流浪者在该层级不可能使用电子测量或计时工具进行测量和计时⁶。

特殊的是，所有需要人眼观察的机械测量或计时工具，当然也包括有着较高精度的游标卡尺或千分尺，在Level FR-618中则不会收到任何影响。而且，如果是带有电子显示屏，但可以不使用电子显示屏进行数据读取的工具，如保留刻度的游标卡尺，则其除电子显示屏以外的读取方法可以得到正常结果⁷。

实体

无面灵

如前文所说，Level FR-618内遍布大量的无面灵，且与M.E.G.共同管理Level FR-618。与其他层级里的无面灵不同，Level FR-618内的无面灵除生理特征类似外，其智力和行为均不同于其他层级的无面灵。具体来说，经M.E.G.观察，其行为极为接近于人类，其智力甚至高于人类平均水平。另外，它们总是处于正面情感中，对于一切事物都以乐观的心态去看待。

目前，我们没有证据证明Level FR-618的无面灵会伤害流浪者，但也有部分流浪者认为Level FR-618的数起失踪案均为无面灵造成。

车兽

除无面灵外，车兽是该层级中唯一的实体。该层级中的车兽的极为温驯，允许流浪者与无面灵们进入它们的身体，驾使它们去往各个地点。

除此之外，这种车兽的智商与普通车兽相比更高，它们能够理解流浪者的部分行为与语言，并做出相应的反馈。车兽们虽然会被激怒，但并不会因此杀死流浪者，而是在街道上横冲直撞，在一段时间后，车兽便会消失。

---

基地、前哨与社区

无面灵政府

Level FR-618的无面灵政府完全由无面灵组成，并管理着Level FR-618的无面灵和流浪者。其与前厅的政府类似，有着无面灵总统和不同等级的政府人员。据调查，Level FR-618的城市大概率由无面灵政府建造，并覆盖了大片村庄与森林。
他们会每隔3天会进行一次调查，主要为搜集上文中提及的违禁品，对于任何关于无面灵政府的政治活动也是禁止的。
它们的政府大楼位于E.S.大厦的右上方60km处，仅对外开放一楼，用于处理关于流浪者的事物，对批准对楼房拆除或修整工作，以及管理信号。

M.E.G.“巨型城市”基地

M.E.G.“巨型城市”基地总部位于Level LW-618的E.S.大厦内，而其余分部则零散分布于该层级城市区域的各个地方。其会无条件为流浪者提供基本帮助，并愿意与流浪者交易。拥有70名常驻成员。
在2022年，无面灵政府自愿将E.S.大厦所有权转移给M.E.G.“巨型城市”基地，并将政府大楼迁至E.S.大厦附近相对较小的“监管处”大楼⁸。

入口与出口

入口

• 在Level 11中进入任意一个高度超过90m的大楼均有一定可能进入Level FR-618。

出口

• 如在E.S.大厦的候客厅切出，将返回至流浪者原来的层级。
• 在政府区域中找到一扇写有“36”的门会将流浪者带往Level 36。

更新：

近几年来，有流浪者报告称Level FR-618的出口极难使用，通常会遇到各种阻碍使他们无法离开该层级。这些流浪者都出生于Level FR-618，且此现象只会在阴雨期时出现。

---

脚注

1. 全称为Evan Stanley大厦，该大厦的名称在2021年被确定，以同名的无面灵总统命名

2. 注：M.E.G于2022年获得了E.S.大厦的所有权

3. 例如火盐、瓶装闪电、蓝砂

4. 前厅的乔木中最高的伟乔的高度标准也仅有30m

5. 即后室最大视频平台

6. 除非你想要得到一组有着极低精度的数据。

7. 像是电子秒表的仿机械屏这样的仿机械屏幕也无法正常读取数值。

8. 这个名字很奇怪，不是吗？——M.E.G.“巨型城市”基地领导人Rolity·S·Thomson

一则故事

作者信息

作者：
作者1：AQAMXR。写了主页层级开头和城市部分，以及迭代页全文，还找了图。
作者2：i_am_zombie。写了主页剩余部分，并进行了全文校对。

图片来源：
图零：由柠晨拍摄，来自QQ群663902273（以下简称QQ群）
图一：由柠晨拍摄，来自QQ群
图二：由i_am_zombie拍摄，来自QQ群
图三：自摄
图四：https://unsplash.com/photos/a-black-and-white-photo-of-a-dark-forest-ZvO9hqVE62s 经过裁剪
图五：由柠晨拍摄，来自QQ群
图六：https://unsplash.com/photos/empty-building-pathway-lDxxeAJrWpE
图七：由B站用户“实在想不出什么名了”提供，经过裁剪
图八：https://unsplash.com/photos/rain-drops-on-glass-window-Ykv9dlzNC5Y，经过裁剪
图九：https://unsplash.com/photos/white-and-black-hospital-bed-vsSu0oGtLoI，经过裁剪
图十：https://unsplash.com/photos/hospital-patient-room---N4iD9pnQo
图十一：https://unsplash.com/photos/trees-under-starry-sky-ef0sXQtnCYU，经过裁剪
图十二：https://unsplash.com/photos/pathway-between-high-rise-buildings-nV7GJmSq3zc

注：文中致敬的Ground AS-158是AQAMXR的精品作，小小的crossover一下(●'◡'●)。