外公的梦

+ 版式代码

@import url('https://fontlibrary.org/face/fantasque-sans-mono');
@import url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/normalize-archived.css");
@import url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/bhl-archived.css");
@import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/sidebar.css");
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Graduate&family=JetBrains+Mono:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal-fandom";
   --theme-name: "Liminal Fandom Theme";
 
   --logo-image: url("http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/fandom_logo_small1.png");
   --header-title: "Backrooms Fandom";
   --header-subtitle: "这里似曾相识……";
 
   --body-font: 'Rubik', sans-serif;
   --header-font: 'Rubik', sans-serif;
   --title-font: 'Rubik', sans-serif;
   --mono-font: 'Fantasque Sans Mono', monospace;
 
   --white-monochrome: 251, 231, 181;
   --pale-gray-monochrome: 254, 126, 3;
   --light-gray-monochrome: 254, 126, 3;
   --gray-monochrome: 254, 126, 3;
   --grey-monochrome: 254, 126, 3;
   --dark-gray-monochrome: 195, 109, 47;
   --black-monochrome: 12, 12, 12;
   --bright-accent: 195, 109, 47;
   --medium-accent: 195, 109, 47;
   --dark-accent: 195, 109, 47;
   --pale-accent: 195, 109, 47;
   --alt-accent: 175, 66, 0;
   --legacy-accent: 254, 126, 3;
   --darker-legacy-accent: 254, 126, 3;
   --backrooms-yellow: 255, 197, 1;
   --kauer-white: 255, 255, 255;
   --kauer-blue: 20, 90, 245;
   --meg-mint: 250, 250, 210;
   --meg-green: 111, 117, 78;
   --pioneer-orange: 255, 210, 26;
   --commercium-grey: 91, 89, 81;
   --mountain-purple: 121, 82, 132;
   --brute-blue: 39, 16, 84;
   --brute-yellow: 211, 242, 24;
   --aea-midnight: 3, 8, 26;
   --aea-hunted: 234, 52, 52;
   --raven-shadow: 0, 0, 0;
   --raven-gold: 219, 200, 124;
   --k4-frogskin: 59, 91, 66;
   --k4-mudskipper: 90, 56, 37;
 
   --swatch-topmenu-border-color: var(--darker-legacy-accent);
  --swatch-topmenu-bg-color: var(--darker-legacy-accent);
  --swatch-headerh1-color: 12, 12, 12;
  --swatch-headerh2-color: 12, 12, 12;
 
    --rating-module-button-plus-color: 195, 109, 47;
    --rating-module-button-negative-color: 195, 109, 47;
    --rating-module-button-cancel-color: 195, 109, 47;
    --rating-module-button-credit-color: 195, 109, 47;
 
  --link-color: 195, 109, 47;
  --hover-link-color: 195, 109, 47;
  --visited-link-color: 195, 109, 47;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgb(var(--legacy-accent)) 0%,
      rgb(var(--darker-legacy-accent)) 0%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Fandom_Banner2.png");
 background-repeat: repeat-x;
background-size: inherit;
}
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#side-bar .heading p {
   color: rgb(var(--black-monochrome));
}
 
#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;
}
 
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::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 a {
   left: -8.5rem;
}
 
#header h2 a {
   left: -24rem;
}
 
#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;
}
 
#header::before {
   left: calc(-27.5% + -7rem);
   background-size: auto 11rem;
   opacity: 1;
}
 
#header h2 span::before {
   left: -12.5rem
}
 
@media only screen and (max-width:768px){
   #header::before {
      left: 0;
      background-size: auto 8rem;
   }
 
   #header h1 a {
      left: 1rem;
   }
 
   #header h2 span::before {
      left: calc(1rem + 1.5ch);
   }
}
 
h1, h2, h3, h4, h5, h6 {
   color: rgb(var(--black-monochrome));
}
 
hr {
   background-color: rgb(var(--dark-grey-monochrome));
}
 
.yui-navset .yui-nav .selected a {
   color: rgb(var(--black monochrome)) !important;
}
 
table.wiki-content-table th {
   color: rgb(var(--black-monochrome));
}
 
#login-status {
   color: rgb(var(--grey-monochrome));
}
 
#login-status a {
   color: rgb(var(--grey-monochrome));
}
 
#search-top-box input.empty {
   color: rgb(var(--black-monochrome));
}
 
.scp-image-caption,
.yui-navset .yui-nav a,
blockquote,
.blockquote,
table.wiki-content-table th {
   color: rgb(255, 255, 255);
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--alt-accent));
}
 
#page-title {
   color: rgb(var(--black-monochrome));
}
 
#top-bar > ul > li a, #top-bar > ul > li a:hover {
   color: rgb(var(--black-monochrome));
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(90, 20, 20,.25);
}
 
.styled-quote {
   background-color:rgb(var(--grey-monochrome));
   color:rgb(var(--kauer-white));
   border-left: 0.5rem solid rgba(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);
}
 
.yellow-styled-quote {
   background-color:rgb(var(--backrooms-yellow));
   border-left: 0.5rem solid rgba(var(--black-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);
}
 
.yellow-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.darkblock a {
   color: rgb(255, 255, 255);
}
 
.darkblock {
   background-color:rgb(var(--grey-monochrome));
   color:rgb(var(--kauer-white));
   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(--white-monochrome));
   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);
}
 
.lightblock {
   background-color:rgb(var(--kauer-white));
   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);
   color: rgb(var(--black-monochrome));
}
 
.lightblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.borderblock {
    background-color:rgb(var( --grey-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));
 }
 
 .yellow-borderblock {
    background-color:rgb(var(--backrooms-yellow));
    color:rgb(12, 12, 12);
    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(--black-monochrome));
 }
 
.light-borderblock {
    background-color:rgb(var( --kauer-white));
    color:rgb(12, 12, 12);
    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(--black-monochrome));
 }
 
.kauer-block {
    background-color:rgb(var( --kauer-white));
    color:rgb(12, 12, 12);
    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(--kauer-blue));
 }
 
.meg-fandom-block {
    background-color:rgb(var( --meg-mint));
    color:rgb(12, 12, 12);
    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-green));
 }
 
.backrooms-pioneers-block {
    background-color:rgb(var( --kauer-white));
    color:rgb(12, 12, 12);
    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(--pioneer-orange));
 }
 
.commercium-block {
    background-color:rgb(var( --commercium-grey));
    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(--pioneer-orange));
 }
 
.mountain-coalition-block {
    background-color:rgb(var( --mountain-purple));
    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(--black-monochrome));
 }
 
.k4-block {
    background-color:rgb(var( --k4-mudskipper));
    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(--k4-frogskin));
 }
 
.beo-block {
    background-color:rgb(var( --brute-blue));
    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(--brute-yellow));
 }
 
.aea-block a,
.aea-logoblock {
   color: rgb(12, 12, 12)
}
 
.aea-block {
    background-color:rgb(var( --aea-hunted));
    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(--aea-midnight));
 }
 
.raven-shield-block {
    background-color:rgb(var( --raven-shadow));
    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(--raven-gold));
 }
 
 .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(--grey-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }
 
    .border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/BackroomsFandomLogo.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .light-border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--kauer-white));
     border: solid 0.3rem rgb(var(--black-monochrome));
    }
 
    .light-border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/BackroomsFandomLogo.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .kauer-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--kauer-white));
     border: solid 0.3rem rgb(var(--kauer-blue));
    }
 
    .kauer-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Capture.PNG) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .meg-fandom-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--meg-mint));
     border: solid 0.3rem rgb(var(--meg-green));
    }
 
    .meg-fandom-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/MEG_Fandom.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .backrooms-pioneers-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--kauer-white));
     border: solid 0.3rem rgb(var(--pioneer-orange));
    }
 
    .backrooms-pioneers-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Backrooms_Pioneers_Logo_Big.png) center/200% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .commercium-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(--commercium-grey));
     border: solid 0.3rem rgb(var(--pioneer-orange));
    }
 
    .commercium-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Commercium_Logo.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .mountain-coalition-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(--mountain-purple));
     border: solid 0.3rem rgb(var(--black-monochrome));
    }
 
    .mountain-coalition-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Mountainmancoalitionsymbol.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .k4-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(--k4-mudskipper));
     border: solid 0.3rem rgb(var(--k4-frogskin));
    }
 
    .k4-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/K4Simple.png) center/50% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .beo-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(--brute-blue));
     border: solid 0.3rem rgb(var(--brute-yellow));
    }
 
    .beo-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/beo.png) center/50% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .aea-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(--aea-hunted));
     border: solid 0.3rem rgb(var(--aea-midnight));
    }
 
    .aea-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Capture_2.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .raven-shield-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(--raven-shadow));
     border: solid 0.3rem rgb(var(--raven-gold));
    }
 
    .raven-shield-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/unknown.png) center/35% no-repeat;
    opacity: 0.50;
    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(--grey-monochrome));
    }
 
    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/BackroomsFandomLogo.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
    .light-logoblock{
    padding: 0.01rem 1rem;
    color:rgb(12, 12, 12);
    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(--kauer-white));
    }
 
    .light-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/BackroomsFandomLogo.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(239, 219, 166);
        color:rgb(12, 12, 12);
        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(206, 187, 135) 2px;
     }
 
     .titlebox{
       color: rgb(12, 12, 12);
       position: relative;
       top: -1.6rem;
       background-color: rgb(222, 203, 150);
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.dark-titleblock {
        background-color: rgb(var(--grey-monochrome));
        color:rgb(255, 255, 255);
        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;
     }
 
     .dark-titlebox{
       color: rgb(255, 255, 255);
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.border-block {
    background-color:rgb(var(--grey-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));
 }
 
.featurebox{
    padding:0 0.5rem;
    margin:1rem 0;
    background:#EFDBA6;
    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:#DECB96;
    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(206,187,135,1) 0%, rgba(214,206,146,0) 100%);
    border-radius:0.8rem;
}
 
@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. */
}
 
#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)); }

外公…还是无法陪你继续了。你还愿意回来看我吗？

如果可以，轻触我再看看我的故事吧。 

---

生存难度：生存難度：

等级等級 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]]

描述：

庭院里的一角。

“外公的梦”是一座深处山区的老式房屋，房屋周边地区被成片的大型落叶乔木林所包围，缓慢的蝉鸣声从其深处传来。其密集程度随着离房屋的距离的增大而增大，最终导致无法继续深入。这些树木有着远超一般树木的硬度及韧性，因此砍伐树木或以任何暴力手段破坏树林均告失败。

WiFi在此层不可用，温度保持在24~30℃之间。此层似乎不存在昼夜循环，时间被锁定在黄昏。此层的自然光线不会使任何物体产生影子，且一切人造光源都已被确认为不可用，从其他层级带入的可发光物体也会因不明原因而失去功能，离开此层并不会使这些工具恢复。

流浪者进入时，在可触及的范围内仅存在其一名流浪者，因此难以建立据点或前哨站。经证实，此层并不存在仅容一人进入等特殊条件，相关调查仍在继续…

房屋由庭院及房屋本身构成：

庭院：

庭院的面积仅约20㎡，铺有坚硬且干燥的水泥地面。在正对房屋的任意角落均有机会发现一石质水井，杏仁水的气味从井底产生飘出。一旦发现该水井后，水井的位置便会在此次访问该层级期间固定，且一种类似使用洗衣板搓洗衣物的声音会逐渐淡入流浪者的耳中。视距离水井的距离不同，响声的大小也有所不同，但经确认，声源并不源于水井及其四周的区域内。

该井已干枯，其直径不足以成年流浪者进入，仅少数体型瘦削的幼年流浪者可进入。尽管水井深数米，跳入井内不会对跳入者的身体产生任何物理上的伤害，其原因暂不可考。井底潮湿并无任何可见光，由于该水井缺少取水桶及拉取用的绳索，跳入井底很难再回到井外。

房屋内一楼：

起居室与“外公”

从房屋正门可直接进入房屋的起居厅。起居室拥有着中国南部地区二十世纪六十年代的风格装潢，墙壁和地板均由陈旧且粗糙的岩石砌成。室内木质的柜子上陈列着多种二十世纪的器物，诸如1984年的日历、旧时代的出版物、小型的数字电视以及带有对联的伟人图画。流浪者会对这些物品产生极强的兴趣，多数将原因描述为“勾起了自己小时候的兴趣”。正门的左右两侧分别存在两扇老旧的木门，但均为上锁状态。

起居室内居住着此层内的唯一实体，疑似是该座房屋的拥有者。该实体被称为“外公（Grandpa）”，“外公”为外貌60岁左右的男性人形实体，头部的毛发似乎已经脱落，对流浪者十分友好。

进入起居室后一般会发现其卧于电视前的木质躺椅上，一种无形的力阻挡了流浪者去触碰。此时电视通常会播放一种被描述为“难以理解且含糊不清”的节目，且会在“外公”发现流浪者后切换入故障频道。“外公”似乎在心理上将流浪者认成他的孙子，并会很自然的询问其需求，且在此时变得可触碰。

流浪者在与”外公“交谈片刻后会对其产生极大的亲近感以及依赖感。在讲述原因时，被询问者总是会先提出”外公“在某个特殊的方面与自己的祖父极为相似，在这之后其又会提出”外公“与自己的祖父在某些方面的大相径庭，一般情况下，流浪者会刻意强调”外公“拥有其祖父没有的优点，但这些优点却各不相同。

在“外公”询问需求时，采取不同的行动是离开起居室，进入其他房间从而获得物资的唯一办法。

将“外公”拉至右侧的木门，他会打开该扇木门并通往卧室，站立在门边。卧室内色彩基调与起居室基本相同。室内的桌上堆满了无意义的杂物，一般包括粗糙的纸巾、停止转动的钟表，偶尔会伴有装有可饮用杏仁水的陶瓷茶壶。在显眼的地方摆放有一张褪色的帷幔床，其正对着贴有镜子的梳妆台柜。台柜上没有任何物品，并且透过镜子流浪者无法看见自己，以及通过某些特定的视角可以在镜中看见“外公”的目光集中于帷幔床之上，即使此刻“外公”并未注视于此。

进入该房间会使流浪者产生极大的怀旧感和沧桑感，因此不建议在房间内停留过久。流浪者离开房间后，“外公”将紧随其后，并在锁上卧室的木门后再次回到躺椅上。

将“外公”拉至左侧的木门，其会打开木门出现通往二楼的楼梯，表现为水泥材料的旋转楼梯。在此之后其一般不会跟随流浪者，而是直接返回闲置状态。

房屋内二楼：

二楼是一条数米长的走廊，墙壁和地板与起居室的材质是一致的，但更加陈旧。走廊的一侧墙壁上存在一扇横跨整个走廊的窗户，玻璃发绿且不时地伴有缺失和破碎，或是发黑。

走廊的另一侧则存在通往不同房间的木门。

---

“外公”的卧室

“外公”的卧室。

距二楼入口处约2m处，且略显发黑樟木门是可以自由开关进出的。门后似乎是“外公”的卧室。

卧室整体面积约12㎡，以一种与房屋整体格调及其不符的21世纪公寓套房的风格展现在门后。房内弥漫着一种中草药与樟木混合的气味。房内设施包括一张垫有席梦思的木床以及木质床头柜，这些器物均已严重腐化，某些部分甚至出现掉渣的迹象。经过化验检查，这些腐烂部位的微观结构与纤维素十分相似，但却有着无限增生的能力。

此外，右侧的床头柜上摆放着一张“外公”与未知幼年人类的合照，目前未出现腐化现象。

“化疗室”

“化疗室”的一角。

据“外公”的卧室约10m处，嵌有青绿色玻璃的金属门，与前室中医院的装潢风格类似。该门十分厚重，需要施加一定大小的力才能推开。门内表现为与前厅医院中的病房十分类似，略带青绿色的白色地砖与纯白且细腻的混凝土墙壁构成整个房间。大量的人类毛发散落在房间的地板上。房间内除了正中央的白色塑料座椅，以及正对大门的墙壁上挂有的窗帘外空无一物。

该房屋的墙壁在流浪者进入后10分钟内会开始腐化，房内的空气也会逐渐变得浑浊而难以呼吸。此时流浪者若坐上白色塑料座椅，墙壁的腐化速度会在一定程度上有所下降。但与此同时流浪者将闻到十分刺鼻的化学药物的气味，并产生恶心、呕吐等反应。长坐不起有时会使流浪者头部毛发脱落。

若将房内的窗帘拉开，窗帘后会突然出现一面与窗户类似的玻璃隔板，在玻璃的另一面流浪者将会看到自身曾经在前厅中的美好回忆，一般是与家人或是朋友围聚时的场景。玻璃隔板无法以任何方式进行破坏。

厨房

走廊的尽头存在一扇已经破损的门，轻微的触碰遍会让这扇门分崩离析，但当这扇门进入视觉死角后又会再度恢复。门内的房间摆放着大量的厨用设施，包括燃气灶、抽油烟机、洗手池、电饭煲、柜台等，以及大量厨具，它们均陈旧且落灰。其中的电器没有任何能源接入口，却能通过未知的能量供给无限地工作。燃气灶内燃气桶已消耗殆尽，但燃气灶却能继续使用。洗手池内将流出源源不断的纯净水。

进入房间会流浪者将听到从屋外的各个方向传来的使用燃气烹调饭菜的声音，且饭香以及油烟味会逐渐在房内蔓延开来，这会使流浪者食欲大增。

流浪者可以要求“外公”为自己烹调饭菜，“外公”将进入厨房并开始使用厨房内的工具。在此期间进入厨房会被“外公”催促离开，并且此时房间内的油烟味会变得浓烈且呛人，过长时间的逗留会使流浪者陷入短暂的昏迷。

在厨房内昏迷或等待半个小时都会使流浪者及“外公”被传送到起居室。此时起居室的中心会出现一张铺有餐垫的圆桌，“外公”烹饪的饭菜会在圆桌上摆满，他们均是可安全食用的，且摄入后会对流浪者产生不同的影响。

据不同流浪者报告，”外公“的餐点每次都会有所差异，但某些菜式总会固定出现，包括以下餐点:

• 某种植物的果实。呈白色颗粒状且绵软香甜。食用后将增加流浪者满足感。

• 未知红色果实以及未知生物的卵液熬煮的汤水。饮用后会令流浪者免疫力增强。

• 带有焦化蔗糖与不明深色调料酱汁的不明肉类。食用会令流浪者多巴胺分泌加速。

• 切成丝状的不同植物的果实、茎叶以及根部的炒制物。食用后会令流浪者眼部感到放松。

这些食物似乎不会腐烂，且永远保持微热、便于食用的温度。 当要求“外公”一同用餐时，“外公”会以其肠胃部分的问题为由委婉拒绝。 在所有的食物均被食用殆尽后，起居室的圆桌会随餐具一同消失。在此之后的8小时内再次要求“外公”烹调食物均会被委婉的拒绝。

---

基地、前哨与社区：

介于此层特殊性，无法建立任何基地、前哨与社区。

入口和出口：

入口

• 若一名流浪者在后室中不存在任何直系亲属，在其睡眠的快速眼动阶段有一定的几率听见“外公”的呼喊声并进入此层。除此之外未发现任何进入此层的其他入口。

出口

• 在庭院的井底停留超过10分钟后，流浪者会在搓洗衣服的声响逐渐淡出后来到 Level 1。

• 经过请求与“外公”一同在帷幔床上入睡，流浪者将在睡梦中进入Level 11，若流浪者独自一人入睡则会来到Level 9。

• 尝试以任何的形式破坏房屋的墙体会令流浪者进入Level 13。

• 与“外公”共同用餐3次后，阅读圆桌上出现中文纸条的署名会使流浪者来到Level 10。

中文纸条：

---

致，我的外孙。

这件事很令人意外，我周围的人也都不敢相信，但就是这么发生了，我也该平静的接受了。

看到周围的人都在为我而茫茫碌碌，我只觉得愧疚，尤其是你外婆，她的生活本来很充实的。

我就开始寻思了，生老病死，到底是为了什么呢？

曾经我还能架住自己的时候，喊你起床，为你做饭，这是有意义的。

在之后，我大概能苟且延喘个几个月…都无所谓了。

一切发生的太突然，那天很多人都为我哭泣…但我不想你这样。

在这之后你就要吃你外婆做的饭了，有可能不是很可口，你可得忍住啊。

最后把这座房子绕了一遍，我想起你以前了。

你以前特喜欢在屋子外的水井那里瞎晃悠，我洗衣服的时候喜欢吓唬你：“掉下去就惨了，捞都捞不上来！”。现在，那里也干了。

你那时还睡在你房间那张小床上，和我一起，很挤。你喜欢踢被子啊，我为了不让你着凉，折腾一夜真不是稀罕事。现在，那张床也开始褪色了。

你早就不住在这里了，而我可能也没有福气回来了。我希望…只是希望，你可不可以常回来看看？你外婆可能之后会搬来住，你也多陪陪她吧，那个时候什么都该放下了。

再把房子转一遍吧。医院是救治我的地方，但那些疗法…真跟死一回没什么区别。

记得好好学习！你的成绩一直很好，我还期待看到你光宗耀祖的那一天！

我要离开这了，病情加重之后，我可能写不了这些了。希望你能够看到，我只在生命的最后十几年遇见你，但我却体验到了几十年从未有过的成就！

先暂做告别了。

你的外公，
2019年3月4日

---

外公，我想你了。

“你的外公…不对，你爱的人，迄今为止是否还在你的身边？无论是否，你都可以在我这小憩一阵子。我不介意成为下一个你爱的人，毕竟，我也想成为你的'外公'。”

---

作者信息

原文链接：
https://backrooms.fandom.com/zh/wiki/Level_348
原作者：
PM
搬运者：
Rezpr813 aka. Rez_0_0
图像来源：
均由AI生成，遵循CC协议
原作者的话：
有参考部分真实事件。（…）
有意见和看法希望不要吝啬。
第二作。