Level Zd-24

+ 版式代码

@import url('https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@800&display=swap');
@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");
@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 {
   --theme-base: "black-highlighter";
   --theme-id: "advanced-splinter";
   --theme-name: "Advanced Splinter Theme";
 
   --logo-image: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:b-f-p-f-database/bfpf-data.png");
   --header-title: "B.F.P.F.数据库";
   --header-subtitle: "保障您的生活，我们义不容辞";
 
   --body-font: punctuation-marks, Huiwen-mincho, sans-serif;
   --header-font: 'CKTKingKong', sans-serif;
   --title-font: 'CKTKingKong', sans-serif;
   --mono-font: 'Fantasque Sans Mono', monospace;
 
   --mainAccent: 69, 226, 50;
   --secondAccent: 69, 226, 50;
   --white-monochrome: 237, 233, 223;
   --pale-gray-monochrome: var(--dark-gray-monochrome);
   --very-light-gray-monochrome: 69, 226, 50;
   --light-gray-monochrome: 69, 226, 50;
   --gray-monochrome: 72, 69, 60;
   --black-monochrome: 0, 0, 0;
   --bright-accent: var(--mainAccent);
   --medium-accent: 0, 0, 0;
   --dark-accent: var(--mainAccent);
   --pale-accent: var(--mainAccent);
   --dark-gray-monochrome: 20, 22, 24;
 
   --swatch-topmenu-border-color: var(--mainAccent);
   --swatch-topmenu-bg-color: var(--medium-accent);
   --swatch-menubg-color: var(--medium-accent);
   --swatch-border-color: var(--bright-accent);
 
   --swatch-text-dark: var(--white-monochrome);
   --swatch-text-light: var(--white-monochrome);
   --swatch-background: var(--medium-accent);
   --swatch-menutxt-dark-color: var(--white-monochrome);
   --swatch-primary-darker: var(--pale-accent);
 
   --link-color: 69, 226, 50;
   --hover-link-color: 20, 230, 0;
   --visited-link-color: 69, 226, 50;
 
   --background-gradient-distance: 0rem;
   --gradient-topmenu: none;
   --diagonal-stripes: linear-gradient(transparent 0);
   --gradient-header: none;
 
    --header-height-on-desktop: 9rem;
 
}
#extrac-div-1 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background: repeating-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.15) 50%,rgba(0,0,0,0));
    background-size: auto 8px;
    opacity: 0.7;
}
 
#extrac-div-2 {
    position: fixed;
    width: 100vw;
    height : 1rem;
    top: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(69, 226, 50) 0%,rgba(69, 226, 50,1) 50%,rgba(69, 226, 50,0.98) 51%,rgba(69, 226, 50) 100%);
    opacity : .1;
    animation: scanm 6s linear infinite;
}
@keyframes scanm {
  0%   { top: -1rem; opacity : .05;}
  25% { top: 50%; opacity: .03;}
  37.5% { top: 75%; opacity: 0.06;}
  50% { top: 100%; opacity: .03;}
  100% { top: 100%;}
}
 
#extrac-div-3 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background-image: radial-gradient(circle, rgb(0,0,0) 0%, rgb(69, 226, 50) 60%, rgb(69, 226, 50) 100%);
    opacity: 0.25;
    mix-blend-mode: color-dodge;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 30;
}
 
#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)); }
 
/*login stuff*/
#login-status{
   color: rgb(var(--white-monochrome));
}
 
#login-status a#my-account {
   background-color: rgb(var(--pale-accent));
   padding: 0.3em 0.25em 0.2em 0.25em;
}
 
#account-options>ul>li a:hover {
   color: rgb(var(--pale-accent));
}
 
#account-options {
  background: rgb(var(--medium-accent));
  border-color: rgb(var(--pale-accent));
  color: rgb(var(--white-monochrome));
}
 
#login-status ul a {
  color: rgb(var(--white-monochrome));
}
 
/*table stuff*/
table.wiki-content-table th {
background-color: rgb(var(--dark-gray-monochrome));
border: 2px solid rgb(var(--pale-accent)) !important;
}
 
table.wiki-content-table td {
border: 2px solid rgb(var(--pale-accent)) !important;
}
 
/*misc*/
#page-title{
   text-align: center;
   color: rgb(var(--pale-accent));
}
 
#side-bar div.menu-item {
   border-color: rgb(var(--bright-accent));
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#footer{
   color: rgb(var(--black-monochrome));
}
 
.footnotes-footer{
    background-color: rgb(var(--dark-gray-monochrome));
}
.footnotes-footer .footnote-footer a{
    background-color: rgb(var(--dark-gray-monochrome));
}
 
.scp-image-block {
    border: none;
}
 
.scp-image-block .scp-image-caption {
    color: rgb(var(--white-monochrome));
    background-color: rgb(var(--dark-gray-monochrome));
    border: none;
    margin-top: 0.3rem;
    border-left: 0.2rem solid rgba(var(--pale-accent));
    border-right: 0.2rem solid rgba(var(--pale-accent));
}
 
.page-rate-widget-box {
    background: none;
    border: none;
    background-color: rgb(var(--dark-gray-monochrome));
    border-left: 0.2rem solid rgba(var(--pale-accent));
}
 
/*hexagon header gradient*/
#skrollr-body {
  background: none;
  height: 11rem;
}
 
/*blend gradient*/
#container {
   background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgb(var(--medium-accent)) 93%);
   background-size: 37rem 11rem;
   background-attachment: scroll;
   background-repeat: repeat-x;
}
/*misc 2*/
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 stuff*/
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: -0.3rem;
   background-image: var(--logo-image);
   background-size: auto 10rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
 
#header h1, #header h1 a {
   position: absolute;
   left: 4.8rem;
   top: 0.8rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
   z-index: 0;
}
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   left: 3.3rem;
   top: 1.8rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
   letter-spacing: 0.1rem;
}
 
/*#header h1 a::before{
   letter-spacing: 1rem;
}*/
 
/*links*/
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
/*line + block*/
hr {
   background-color: #000000;
   border-top: solid 2px rgb(var(--pale-accent));
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   background-color: rgb(var(--dark-gray-monochrome));
   border: none;
   border-left: solid 2px rgb(var(--pale-accent));
}
 
/*search*/
/*#search-top-box {
        left: 3%;
        top: 0.5rem;
}
 
#search-top-box-form > #search-top-box-input {
        width: 7rem;
}*/
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
 
/*content bg*/
.yui-navset .yui-content {
     background-color: rgba(var(--pale-accent), 0.25);
     border-color: rgb(var(--pale-accent));
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--dark-gray-monochrome));
    color:rgb(var(--white-monochrome));
}
 
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--pale-accent), .25);
}
 
/*backer background*/
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--dark-gray-monochrome));
}
 
/*selected tab bg*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--pale-accent));
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--pale-accent));
}
 
@media only screen and (max-width: 768px) {
:root{
   --swatch-menubg-color: var(--medium-accent);
}
 
#header::before {
background-image: none;
}
 
    #header {
     height: var(--header-height-on-mobile);
     background-image: url("https://nu-scptheme.github.io/Black-Highlighter/images/logo.svg");
     background-image: var(--logo-image);
     --size: calc(var(--final-header-height-on-mobile) + 1rem);
     --y-offset: 1.5rem;
     background-position: center;
     background-size: var(--size), 100% var(--header-height-on-mobile);
     background-repeat: no-repeat, repeat;
     width: 100vw;
     margin: 0;
     position: sticky;
     top: calc(var(--header-height-on-mobile) * -1);
    }
 
#header h1, #header h1 a {
   left: 1rem;
   top: 0.8rem;
}
 
#header h2, #header h2 span, #header h2 span::before {
   left: 0.8rem;
   top: 1.8rem;
}
 
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"]:hover {
    background: rgb(0, 0, 0);
    border-color: rgb(var(--pale-accent));
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"]{
    background: rgb(0, 0, 0);
    border-color: rgb(var(--pale-accent));
}
}
 
.styled-quote {
   background-color:rgb(var(--dark-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--black-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-accent));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   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:rgb(var(--dark-gray-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--black-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.titleblock {
   background-color: rgb(var(--dark-gray-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,.25);
   border: solid rgb(var(--pale-accent)) 2px;
}
 
.titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--pale-accent));
  color: rgb(var(--white-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.styled-quote-d{
   background-color:rgb(var(--dark-gray-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border-left: 0.5rem solid rgba(var(--mainAccent));
   border-right: 0.5rem solid rgba(var(--secondAccent));
}
.logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
     border: solid 0.3rem rgb(var(--mainAccent));
    }
 
.logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:b-f-p-f-database/bfpf-data.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.top-box {
   border-color: rgb(var(--mainAccent)) !important;
}
 
.bottom-box ul li {
   color: rgb(var(--mainAccent)) !important;
}
 
.bottom-box ul li:before {
   background: rgb(var(--mainAccent)) !important;
}
 
.top-box .gradient-box {
  background: linear-gradient(90deg, rgba(var(--mainAccent),1) 0%, rgba(var(--mainAccent),0) 36%) !important;
}
 
.top-box:before {
    background: url("") !important;
}
 
.header-diamond .diamond-pattern {
    background: url("") !important;
}
 
.header-diamond {
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2345E232;%7D .st1%7Bfill:%2345E232;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E") !important;
}
 
.top-box.class-unknown .header-diamond { filter: none !important; }
.top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; }
 
.top-box .header-diamond .diamond-image {
   filter: brightness(0%) invert(100%);
}
 
.top-box.class-0 {
   background: rgb(var(--dark-gray-monochrome)) !important;
}
 
.top-box.class-0 .header-diamond .diamond-image {
    background: url("http://backroomssandboxcn.wikidot.com/local--files/tar-sd/0.png") center/78% no-repeat !important;
}
 
.header-diamond .diamond-color.class-0 {
   background: rgb(var(--dark-gray-monochrome)) !important;
}
 
.top-box.class-1, .top-box.class-2 {
   background: rgb(var(--dark-gray-monochrome)) !important;
}
 
.top-box.class-1 .header-diamond .diamond-image {
    background: url("http://backroomssandboxcn.wikidot.com/local--files/tar-sd/1.png") center/78% no-repeat !important;
}
 
.top-box.class-2 .header-diamond .diamond-image {
    background: url("http://backroomssandboxcn.wikidot.com/local--files/tar-sd/2.png") center/78% no-repeat !important;
}
 
.header-diamond .diamond-color.class-1,
.header-diamond .diamond-color.class-2 {
   background: rgb(var(--dark-gray-monochrome)) !important;
}
 
.top-box.class-3, .top-box.class-4 {
   background: rgb(var(--dark-gray-monochrome)) !important;
}
 
.top-box.class-3 .header-diamond .diamond-image {
    background: url("http://backroomssandboxcn.wikidot.com/local--files/tar-sd/3.png") center/78% no-repeat !important;
}
 
.top-box.class-4 .header-diamond .diamond-image {
    background: url("http://backroomssandboxcn.wikidot.com/local--files/tar-sd/4.png") center/78% no-repeat !important;
}
 
.header-diamond .diamond-color.class-3,
.header-diamond .diamond-color.class-4 {
   background: rgb(var(--dark-gray-monochrome)) !important;
}
 
.top-box.class-5, .top-box.class-unknown, .top-box.class-未知, .top-box.class-habitable, .top-box.class-宜居{
   background: rgb(var(--dark-gray-monochrome)) !important;
}
 
.top-box.class-5 .header-diamond .diamond-image {
    background: url("http://backroomssandboxcn.wikidot.com/local--files/tar-sd/5.png") center/78% no-repeat !important;
}
 
.top-box.class-unknown .header-diamond .diamond-image,
.top-box.class-未知 .header-diamond .diamond-image {
    background: url("http://backroomssandboxcn.wikidot.com/local--files/tar-sd/five.png") center/78% no-repeat !important;
}
 
.top-box.class-habitable .header-diamond .diamond-image,
.top-box.class-宜居 .header-diamond .diamond-image {
    background: url("http://backroomssandboxcn.wikidot.com/local--files/ttt/habitable") center/78% no-repeat !important;
}
 
.header-diamond .diamond-color.class-5,
.header-diamond .diamond-color.class-unknown,
.header-diamond .diamond-color.class-未知 {
   background: rgb(var(--dark-gray-monochrome)) !important;
}
 
.header-diamond .diamond-color.class-habitable,
.header-diamond .diamond-color.class-宜居 {
   background: rgb(var(--dark-gray-monochrome)) !important;
}
 
.lang-cn .bottom-box.class-0 ul li:nth-child(1)>.default:after {
    content: "环境适宜" !important;
}
.lang-tr .bottom-box.class-0 ul li:nth-child(1)>.default:after {
    content: "環境適宜" !important;
}
.lang-cn .bottom-box.class-0 ul li:nth-child(2)>.default:after {
    content: "适合居住" !important;
}
.lang-tr .bottom-box.class-0 ul li:nth-child(2)>.default:after {
    content: "適合居住" !important;
}
.lang-cn .bottom-box.class-0 ul li:nth-child(3)>.default:after {
    content: "无实体" !important;
}
.lang-tr .bottom-box.class-0 ul li:nth-child(3)>.default:after {
    content: "無實體" !important;
}
 
.lang-cn .bottom-box.class-1 ul li:nth-child(1)>.default:after {
    content: "环境适宜" !important;
}
.lang-tr .bottom-box.class-1 ul li:nth-child(1)>.default:after {
    content: "環境適宜" !important;
}
.lang-cn .bottom-box.class-1 ul li:nth-child(2)>.default:after {
    content: "可居住" !important;
}
.lang-tr .bottom-box.class-1 ul li:nth-child(2)>.default:after {
    content: "可居住" !important;
}
.lang-cn .bottom-box.class-1 ul li:nth-child(3)>.default:after {
    content: "实体可驱逐" !important;
}
.lang-tr .bottom-box.class-1 ul li:nth-child(3)>.default:after {
    content: "實體可驅逐" !important;
}
 
.lang-cn .bottom-box.class-2 ul li:nth-child(1)>.default:after {
    content: "环境不适宜" !important;
}
.lang-tr .bottom-box.class-2 ul li:nth-child(1)>.default:after {
    content: "環境不適宜" !important;
}
.lang-cn .bottom-box.class-2 ul li:nth-child(2)>.default:after {
    content: "可居住" !important;
}
.lang-tr .bottom-box.class-2 ul li:nth-child(2)>.default:after {
    content: "可居住" !important;
}
.lang-cn .bottom-box.class-2 ul li:nth-child(3)>.default:after {
    content: "实体稀疏" !important;
}
.lang-tr .bottom-box.class-2 ul li:nth-child(3)>.default:after {
    content: "實體稀疏" !important;
}
 
.lang-cn .bottom-box.class-3 ul li:nth-child(1)>.default:after {
    content: "环境不适宜" !important;
}
.lang-tr .bottom-box.class-3 ul li:nth-child(1)>.default:after {
    content: "環境不適宜" !important;
}
.lang-cn .bottom-box.class-3 ul li:nth-child(2)>.default:after {
    content: "较难居住" !important;
}
.lang-tr .bottom-box.class-3 ul li:nth-child(2)>.default:after {
    content: "較難居住" !important;
}
.lang-cn .bottom-box.class-3 ul li:nth-child(3)>.default:after {
    content: "实体较少" !important;
}
.lang-tr .bottom-box.class-3 ul li:nth-child(3)>.default:after {
    content: "實體較少" !important;
}
 
.lang-cn .bottom-box.class-4 ul li:nth-child(1)>.default:after {
    content: "环境不适宜" !important;
}
.lang-tr .bottom-box.class-4 ul li:nth-child(1)>.default:after {
    content: "環境不適宜" !important;
}
.lang-cn .bottom-box.class-4 ul li:nth-child(2)>.default:after {
    content: "较难居住" !important;
}
.lang-tr .bottom-box.class-4 ul li:nth-child(2)>.default:after {
    content: "較難居住" !important;
}
.lang-cn .bottom-box.class-4 ul li:nth-child(3)>.default:after {
    content: "实体较多" !important;
}
.lang-tr .bottom-box.class-4 ul li:nth-child(3)>.default:after {
    content: "實體較多" !important;
}
 
.lang-cn .bottom-box.class-5 ul li:nth-child(1)>.default:after {
    content: "环境不适宜" !important;
}
.lang-tr .bottom-box.class-5 ul li:nth-child(1)>.default:after {
    content: "環境不適宜" !important;
}
.lang-cn .bottom-box.class-5 ul li:nth-child(2)>.default:after {
    content: "难以居住" !important;
}
.lang-tr .bottom-box.class-5 ul li:nth-child(2)>.default:after {
    content: "難以居住" !important;
}
.lang-cn .bottom-box.class-5 ul li:nth-child(3)>.default:after {
    content: "实体密集" !important;
}
.lang-tr .bottom-box.class-5 ul li:nth-child(3)>.default:after {
    content: "實體密集" !important;
}
 
.lang-cn .bottom-box.class-unknown ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-未知 ul li:nth-child(1)>.default:after {
    content: "属性未知" !important;
}
.lang-tr .bottom-box.class-unknown ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-未知 ul li:nth-child(1)>.default:after {
    content: "屬性未知" !important;
}
.lang-cn .bottom-box.class-unknown ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-未知 ul li:nth-child(2)>.default:after {
    content: "缺少数据" !important;
}
.lang-tr .bottom-box.class-unknown ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-未知 ul li:nth-child(2)>.default:after {
    content: "缺少數據" !important;
}
.lang-cn .bottom-box.class-unknown ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-未知 ul li:nth-child(3)>.default:after {
    content: "实体未知" !important;
}
.lang-tr .bottom-box.class-unknown ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-未知 ul li:nth-child(3)>.default:after {
    content: "實體未知" !important;
}
 
.lang-cn .bottom-box.class-habitable ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-宜居 ul li:nth-child(1)>.default:after {
    content: "安全可保障" !important;
}
.lang-tr .bottom-box.class-habitable ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-宜居 ul li:nth-child(1)>.default:after {
    content: "安全可保障" !important;
}
.lang-cn .bottom-box.class-habitable ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-宜居 ul li:nth-child(2)>.default:after {
    content: "环境可改造" !important;
}
.lang-tr .bottom-box.class-habitable ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-宜居 ul li:nth-child(2)>.default:after {
    content: "環境可改造" !important;
}
.lang-cn .bottom-box.class-habitable ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-宜居 ul li:nth-child(3)>.default:after {
    content: "实体可驱逐" !important;
}
.lang-tr .bottom-box.class-habitable ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-宜居 ul li:nth-child(3)>.default:after {
    content: "實體可驅逐" !important;
}

Level Zd-24“炽热丛林”

生存难度：生存難度：

等级等級 死区

• 不安全
• 不稳定
• 环境危害

---

如何使用：

[[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 Zd-24是后室Zd层群的第25层。

描述：

山火前Level NS-7的雨林，由M.E.G.用户SpokeIsHere拍摄。

Level Zd-24是一片面积被认为是无限的雨林，与前厅中的热带雨林类似，有着24小时的昼夜循环，层级中有流淌着杏仁水的河流，以及能生长各类水果的植物，而层级的地底中有着相当丰富的矿产资源，如铁、煤、金、以及稀有金属。该层级原为宜居层级，但2021年5月12日，为了开采该层级中丰富的矿类资源，B.N.T.G.的开采队使用炸药来爆破原先深度不大的矿洞，以及焚烧森林来开拓矿场面积，随后工作人员在扑灭火焰时，发现火势以夸张的速度在层级中蔓延，24小时过后，层级中已经被火焰所覆盖，经过决策，M.E.G在本层级基地的工作人员带领居民从该层级撤离，目前层级中已经极度不宜居，层级中的温度达到52℃，同时原先的河流也已经干涸。M.E.G已经封锁了全部入口，建议不要对该层级进行任何形式的探索。

已归档层级概述（2021.2.3）

Level Zd-24为一片热带雨林，其面积尚未知晓。Level Zd-24的环境呈现为前厅的标准热带气候区生态景观，常年气候炎热，雨量充沛，季节差异极小，年平均气温达25℃以上。层级内具有明显的24小时昼夜变化和南、北磁极的分化。在此层级中的河流众多，河水已被证明为在后室中常见的杏仁水，可以进行直接饮用。

经考察队勘探，Level Zd-24的地下拥有丰富的煤炭储量，位于Level Zd-24的露天煤矿场是M.E.G.在后室NS层群最重要的煤炭供应来源。由于日益增长的需求，目前M.E.G.已开始对多处地下煤层进行开采。

实体:

本层级不存在任何实体。

基地，社区与前哨：

由于本层级的山火，所有人员常住地已被摧毁。

入口：

为了流浪者的安全考虑，M.E.G.将不会在山火期间展示该层级的入口。

出口：

在雨林中流浪者会发现一些山洞，进入山洞便会来到Level 8

文档库已更新

->

此页面已于2024年4月21日更新，点此查看

---

这里是M.E.G“生机”探险队，我们的人成功清理了一片区域！正在尝试种植树木

这里是"生机”探险队的报告！新种植的树木生长速度在这里快的夸张，只用了一天这些树木长到了7米多高！

报告总部!我们有了新发现！这些新种植的树似乎不受火焰侵扰，并且周围的火焰都自己熄灭了！

我们的人扩大了种植面积，现在约有0.3平方公里的安全区域了，这一定是让层级改变的方式！请派遣更多的志愿者，我们需要他们的帮助来建设

这里是“生机”探险队的最新报告，经过三个月的建设，我们成功开拓出了相当大的一片安全区，目前层级的状况正在改变！现在周围很大一部分都没有火焰了！

M.E.G公告
经过“生机”探险队472天的建设，层级的状况有了极大的改观，层级中的火焰已经全部熄灭，并建设了基地，Level NS-7正在回到从前，我们诚邀各位流浪者参与层级的建设，这是让Level Zd-24回归宜居的唯一方式

---

层级文档更新中……..

下为Level Zd-24的最新介绍

Level Zd-24 “生机盎然”

生存难度：生存難度：

等级等級 宜居

• 安全
• 稳定
• 充斥生机

---

如何使用：

[[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 Zd-24是一片被认为面积无限的雨林，与前厅中的热带雨林类似，层级中有流淌着杏仁水的河流与生长着各类水果的植物，层级的地底有相当丰富的矿类资源，如铁，煤，金以及各类稀有金属，可以对其进行适量的开采。原先在该层级蔓延的火焰已经全部熄灭，被烧毁的植被正在自行复苏，目前该层级恢复到了宜居状态，M.E.G“生机”探险队在此建立了一个庞大的基地，以帮助流浪者，同时欢迎流浪者在此定居并参与层级建设。

实体：

该层级没有任何实体

基地，前哨与社区：

M.E.G“生机”基地
·有500多名成员在此工作并建设层级
·帮助有需要的流浪者
·欢迎新成员加入
·开放贸易，不过只需要种植树木便可以换取物品

入口：

想象前厅中雨林的样子，有一定概率来到本层级
在Level11中触摸一幅关于森林公园的海报会来到该层级

出口：

找到一个山洞，进入它会来到Level 8

->

关于我的故事，“生机”基地的领导者Belly

“这个层级的资源意料之外的丰富，所以我希望我们能加大开采规模，这个任务交由Belly带领两个队伍执行，明白了吗？Belly，这个决策事关我们的利益。”

“好的，长官，我们已经准备好了炸药，准备进一步爆破，并且我们还可以烧掉一部分树木来扩大矿场规模。”

“……”

“Belly，你确定要这么做吗，这对这里的环境伤害太大了，它给予了我们美好的生活，你怎么能反而去掠夺它？”

“听我说，亲爱的Sarah，这能让我们赚的盆满钵满，并且，M.E.G.那帮家伙也对这些矿物虎视眈眈呢，没有必要当所谓的环境保护者。”

“一组就位，准备好爆破了。”

“二组就位，点火已准备就绪。”

“听好了，一定要确保自己的安全，环境什么的滚一边去吧！财富等着你们！”

“长官，二组出现问题!火势越来越大！我们可能灭不掉火了！是否要终止焚烧？”

“继续就行了，这些树这么茂密，火大一点没什么！”

“（警报声）请迅速撤离基地，请迅速撤离基地”

“Sarah！你在哪里？这该死的火已经烧到基地里了！”

[我拼命地呼唤着我的妻子，然而回应我的只有火烧的噼啪声]

-M.E.G-通报
Level NS-7发生的火灾已造成数百位流浪者死亡，我们封锁了入口，Level Zd-24的生存难度变更为死区

“您好，这里是M.E.G探险者总署，请问您有什么需要？”

“我叫Belly，曾在B.N.T.G.任职，我在Level Zd-24工作过，对地形十分了解，所以我希望能加入你们的“生机”行动。”

“当然没问题，先生，不过这项任务十分艰巨，请问您是为什么参加这次行动的？”

“我们欠Level Zd-24太多了，它给了我们宜居的环境，我们却掠夺它，所以，我为了那里美丽的环境，愿意去寻找改变它的方法，还有，这是我的妻子的愿望。”

“我理解了，先生。您愿意担任队长吗？毕竟您对那里很熟悉”

“我愿意”

“队长！这里的环境太糟糕了！到处是火焰，要不是有这套火山研究服我们早就没命了！哪有什么拯救它的方法！”

“不…不是这样的，大自然病了，我们不能因为它病的很重就放弃它，一定有什么方法！”

“队长，这样真的有用吗？这里熄灭的火只是暂时的，种的树会被火焰吞噬的！”

“我们掠夺了这里的绿色，现在我们要动手把绿色还给它，我相信这是有效的方法”

“队长，快醒醒，这棵树发芽了！还长得这么高！”

（我看向了那颗挺拔的树，在这死一般的灰色中，那一抹绿色是格外的显眼，我闭上了眼，妻子的面庞浮现在我脑海中，我曾因为贪婪受到了惩罚，现在我重新将所取之物归还给了自然）

然后呢？

“你们想干什么！”

“日常的开采资源，别把气氛这么紧张……”

[我和队友们站在亲手种植的树边，面对着这些侵略者]

“这是不行的，你想再引发一次山火吗？”

“这只是小区域的清除树木，山火什么的你不用担心。”

“我说过你们只能在规定的那块地区！”

“现在是在规定的地区内——”

[对面拿出了M.E.G.上层亲手签署的文书，上面清清楚楚地写着对开采区域的再次扩大]

我顿时意识到，这么多年来的建设和努力就在这一刻变得毫无意义了——他们已经获得了M.E.G.高层的支持，他们可以现在就毁掉这片丛林，我们所做的一切像是一个笑话。

“队长……这是不是意味着……”一边的队友小声询问道。

我没有回答，大家早已心知肚明。

随后几天内，大家都走了。营地搬去了另一片经山火摧残后的荒芜之地，我们将在那里继续植树——然后让他们一把火烧掉……

一个暴君走了，又一个暴君来了。M.E.G.口口声声说的“环保”其实就是为了继续开发的幌子。这个层级永远都只是一个层级，永远只是一个工具，一个资源，没有人在意它怎么样——只要能让他们赚到钱。

我的队友走了，但我会留在这里。我不会允许他们再次重演悲剧。

[录音开始]

“这里是Belly，M.E.G.“生机”基地的领导者，我一切安好，也没有受他人指使。”

“无论是谁能发现这个录音，请记住我现在这样做的目的——我已经见过过度破坏的后果了。”

“我现在将要独自潜入M.E.G.的基地并进行破坏——为了阻碍他们继续开采。”

“祝我好运。“

“你是故意的吗？”

“算是吧。”

“我们怎么向外面解释？”

“走火。”

“一名前B.N.T.G.成员进行肆意破坏被走火击毙？但我们怎么说服他的熟人。”

“他没有熟人——至少这附近没有，他们被调到其他区域去种那些破树了。”

“我不觉得这是什么好方法。”

“我向上面请示过了，他们会善后的。”

当暴行引致死一般的沉寂

我们全都是罪魁祸首

他们用电锯、炸药

将一块块带血的肉从母亲身上剜去

森林没有肺泡，它无法呼吸

森林没有声带，它无法发声

森林没有视网膜，它无法记住破坏者的面孔

森林没有双手，无法挥舞屠刀

但我可以

实体：

自2025.11.10日以来，关于Level Zd-24内不明实体的目击报告数不断增加，大部分开采区都受到了袭击，袭击已造成5人死亡，3人受伤。目前M.E.G.已介入调查。对于调动Level Zd-24生存难度的提案正在审议。

人类的贪婪永无止境

---

是什么带来了你现在的生活？

所以请保护它，美好的自然环境才能为你带来一切！！！
by 环境保护者xumuOVO
与牛人Schoko_ Zucker（负责已归档描述和最后一个折叠块的文）
图片(作者：Kanenori)
本文是双向投稿，快去NS分站支持我们

+ 展开样式代码

/* BHL Style Search Top Box And User Account */
/* By Mercuresphere */
/* Based on BHL Theme */
 
:root, :root:lang(cn) {
    --merc-light-color: var(--swatch-menutxt-light-color);
    --merc-dark-color: var(--swatch-menubg-dark-color);
 
    --user-account-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/user-circle.svg");
    --search-top-box-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/search-top-box-mask.svg");
}
 
/* ===用户和搜索栏=== */
@media only screen and (max-width: 768px) {
    #login-status {
        right: unset;
        font-size: unset;
    }
 
    #navi-bar, #navi-bar-shadow, #search-top-box-input {
        display: unset;
    }
 
    #search-top-box-input {
        min-width: unset;
    }
 
    #search-top-box {
        top: unset;
        right: unset;
        height: unset;
    }
 
    #search-top-box:focus-within {
        box-shadow: unset;
        background: unset;
        padding: unset;
    }
 
    #search-top-box:not(:focus-within):before {
        -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2);
        -webkit-mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-image: var(--search-top-box-mask);
        z-index: 14;
        background-color: rgb(var(--merc-light-color));
        color: rgb(var(--merc-dark-color));
        text-align: center;
        cursor: pointer;
        mask-image: var(--search-top-box-mask);
        mask-position: center center;
        mask-repeat: no-repeat;
        mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2);
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: calc(0.9375rem * 1.8);
        height: 100%;
        content: " ";
    }
 
    #search-top-box form[id=search-top-box-form] {
        visibility: unset;
        height: unset;
    }
 
    #search-top-box form[id=search-top-box-form]:focus-within {
        visibility: unset;
    }
 
    #search-top-box form[id=search-top-box-form] input {
        -webkit-appearance: unset;
        -moz-appearance: unset;
        position: unset;
        top: unset;
        transform: unset;
        appearance: unset;
        height: unset;
    }
 
    #search-top-box form[id=search-top-box-form] input[type=text] {
        visibility: unset;
        transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1);
    }
 
    #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] {
        position: unset;
        right: unset;
        transform: unset;
        cursor: unset;
        border-width: unset;
        width: unset;
        height: unset;
        color: unset;
    }
 
    #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover {
        background-color: unset;
    }
 
    #search-top-box form[id=search-top-box-form] input[type=submit] {
        background: none;
        transition: unset;
    }
 
    #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] {
        opacity: unset;
        margin: unset;
        padding: unset;
        width: unset;
    }
 
    #header h1 a {
        z-index: unset;
    }
}
 
@media only screen and (max-width: 56.25rem) {
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        background-color: rgba(0, 0, 0, 0);
    }
}
 
@media (min-width: 36rem) {
    #login-status {
        flex-grow: unset;
        left: unset;
        right: unset;
    }
 
    #login-status:not(:hover):not(:focus-within) {
        visibility: hidden;
    }
 
    #login-status::before {
        visibility: visible;
    }
}
 
#search-top-box-input {
    min-width: unset;
    display: inline-block;
}
 
#search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
    color: transparent;
}
 
#search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
    border: none;
    text-shadow: none;
}
 
#search-top-box-form input[type=submit], #search-top-box-input:focus, #search-top-box-input:hover {
    border: none;
}
 
#search-top-box {
    display: flex;
    z-index: 12;
    position: absolute;
    top: 1.5em;
    right: calc(3% - .25em);
    align-items: center;
    justify-content: center;
    width: auto;
    height: calc(0.9375rem * 1.8);
    transform: translateY(-50%);
    font-size: calc(0.9375rem * .86667);
}
 
#search-top-box, #search-top-box * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width;
}
 
#search-top-box:focus-within, #search-top-box:focus-within *, #search-top-box:focus-within :after, #search-top-box:focus-within :before {
    margin: 0;
    padding: 0;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .3s cubic-bezier(.4, 0, .2, 1), padding .3s cubic-bezier(.4, 0, .2, 1), max-width .3s cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width;
}
 
#search-top-box:focus-within {
    background: rgba(var(--merc-dark-color), .7);
    box-shadow: calc(calc(0.9375rem * 1.8) / 2 * -1) 0 calc(calc(0.9375rem * 1.8) / 2) rgba(var(--merc-dark-color));
}
 
#search-top-box:after, #search-top-box:before {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(0.9375rem * 1.8);
    height: 100%;
    content: " ";
}
 
#search-top-box:before {
    -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2);
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: var(--search-top-box-mask);
    z-index: 14;
    background-color: rgb(var(--merc-light-color));
    color: rgb(var(--merc-dark-color));
    text-align: center;
    cursor: pointer;
    mask-image: var(--search-top-box-mask);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2);
    pointer-events: none;
}
 
#search-top-box:not(:focus-within):hover:before {
    background-color: rgb(var(--merc-light-color));
}
 
#search-top-box:after {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    z-index: 13;
    clip-path: var(--clip-path);
    pointer-events: none;
    background-color: transparent;
}
 
#search-top-box:not(:focus-within):after {
    --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    background-color: rgb(var(--merc-light-color), 0);
}
 
#search-top-box form[id=search-top-box-form] {
    display: flex;
    visibility: visible;
    position: relative;
    right: 0;
    max-width: 100%;
    height: calc(0.9375rem * 1.8);
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) {
    max-width: calc(0.9375rem * 15);
}
 
#search-top-box form[id=search-top-box-form] input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
}
 
#search-top-box form[id=search-top-box-form] input[type=text] {
    z-index: 13;
    position: absolute;
    right: 0;
    width: calc(0.9375rem * 15);
    max-width: calc(0.9375rem * 15);
    height: 100%;
    padding: 0 calc(0.9375rem * 1.8) 0 1em;
    outline: 0 solid rgb(var(--merc-light-color));
    background-color: rgb(var(--merc-dark-color), .7);
    box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color));
    color: rgba(var(--merc-light-color));
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] {
    max-width: calc(0.9375rem * 1.8);
    padding: 0;
    outline-width: 0;
    background-color: rgba(var(--merc-dark-color), 0);
    box-shadow: 0 0 0 0 rgb(var(--merc-light-color));
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover {
    background-color: rgba(var(--merc-dark-color), 1);
}
 
#search-top-box form[id=search-top-box-form] input[type=submit] {
    visibility: visible;
    z-index: 14;
    position: absolute;
    right: 0;
    width: calc(0.9375rem * 1.8);
    height: calc(0.9375rem * 1.8);
    outline: 0 solid rgb(var(--merc-light-color));
    background-color: transparent;
    box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color));
    color: t;
    font-size: calc(0.9375rem * .86667);
    cursor: pointer;
    pointer-events: all;
}
 
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] {
    box-shadow: 0 0 0 0 rgb(var(--merc-light-color));
    pointer-events: none;
}
 
#login-status {
    --wght: var(--ui-wght);
    display: flex;
    z-index: 11;
    position: absolute;
    top: 1.5em;
    right: calc(3% + calc(0.9375rem * 1.8) - .25em);
    align-items: center;
    justify-content: center;
    height: 2em;
    margin: 0 0 0 .5em;
    transform: translateY(-50%);
    color: rgb(var(--merc-light-color));
    font-weight: var(--wght);
    font-size: 1em;
    font-family: var(--UI-font);
    white-space: nowrap;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
}
 
#search-top-box:focus-within ~ #login-status {
    opacity: 0;
}
 
#login-status span.printuser a:first-of-type {
    width: 1.75em;
}
 
#login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in {
    margin: 0 1em;
    background-color: rgb(var(--pale-gray-monochrome));
    color: rgb(var(--merc-dark-color));
    padding: 0.1em 1em;
    text-decoration: none;
}
 
#login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:focus-within, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:focus-within {
    background-color: rgba(var(--merc-light-color), 1);
    color: rgb(var(--merc-dark-color));
    text-decoration: none;
}
 
#login-status span.printuser {
    --wght: var(--ui-wght);
    margin-right: .5em;
    color: rgb(var(--merc-light-color));
    font-weight: var(--wght);
}
 
#login-status a#my-account, #login-status a[href*="account/messages"] {
    color: rgb(var(--merc-light-color));
}
 
#login-status a#my-account {
    --wght: var(--ui-wght);
    -webkit-text-decoration: underline rgb(var(--merc-dark-color)) .125em;
    display: flex;
    align-items: center;
    padding: 0 .5em;
    background-color: initial;
    box-shadow: inset 0 0 0 0 rgb(var(--merc-dark-color));
    font-weight: var(--wght);
    text-decoration: underline rgb(var(--merc-dark-color)) .125em;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status a#my-account:active, #login-status a#my-account:hover {
    --wght: var(--ui-hvr-wght);
    -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0;
    box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color));
    color: rgb(var(--merc-light-color));
    font-weight: var(--wght);
    text-decoration: underline rgb(var(--merc-dark-color)) 0;
}
 
#login-status a#my-account:focus-within {
    --wght: var(--ui-hvr-wght);
    -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0;
    box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color));
    color: rgb(var(--merc-light-color));
    font-weight: var(--wght);
    text-decoration: underline rgb(var(--merc-dark-color)) 0;
}
 
#login-status #account-topbutton {
    --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%);
    -webkit-clip-path: var(--clip-path);
    position: relative;
    width: var(--account-height);
    height: var(--account-height);
    margin: 0;
    padding: 0;
    background-color: rgb(var(--merc-light-color));
    color: transparent;
    clip-path: var(--clip-path);
    transition: -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1);
    transition: clip-path .1s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options {
    display: block !important;
    z-index: 12;
    position: absolute;
    top: 1.5rem;
    right: 0;
    width: 10em;
    margin: .25em 0 0;
    padding: 0;
    overflow: hidden;
    background-image: var(--gradient-header);
    background-color: rgb(var(--merc-dark-color));
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options:focus-within, #login-status #account-topbutton:active + #account-options, #login-status #account-topbutton:focus + #account-options {
    opacity: 1;
    pointer-events: all;
}
 
@media (pointer: coarse) {
    #login-status #account-options:hover, #login-status #account-topbutton:hover + #account-options {
        opacity: 1;
        pointer-events: all;
    }
}
 
#login-status #account-options * {
    margin: 0;
    padding: 0;
}
 
#login-status #account-options ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 2em;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    font-size: .85em;
}
 
#login-status #account-options ul li {
    position: relative;
}
 
#login-status #account-options ul li, #login-status #account-options ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
 
#login-status #account-options a {
    --box-shadow: rgba(var(--merc-dark-color));
    --wght: var(--ui-wght);
    position: relative;
    flex-grow: 1;
    height: 100%;
    max-height: 2em;
    padding: 0 .25em;
    box-shadow: inset 0 0 0 .0625rem var(--merc-dark-color);
    font-weight: var(--wght);
    transition: color .15s cubic-bezier(.4, 0, .2, 1), font-weight .15s cubic-bezier(.4, 0, .2, 1), font-variation-settings .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options li > a, #login-status #account-options li > a:visited {
    color: rgb(var(--merc-light-color));
}
 
#login-status #account-options li > a:active, #login-status #account-options li > a:hover {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--merc-dark-color));
    font-weight: var(--wght);
    text-decoration: none;
}
 
#login-status #account-options li > a:focus-within {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--merc-dark-color));
    font-weight: var(--wght);
    text-decoration: none;
}
 
#login-status #account-options li > a[href*="/messages"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    font-size: 0;
}
 
#login-status #account-options li > a[href*="/messages"]:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    content: "信息";
    font-size: calc(0.9375rem * .765);
    pointer-events: none;
}
 
#login-status #account-options li > a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    z-index: -1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--merc-light-color));
    content: " ";
    clip-path: var(--clip-path);
    pointer-events: none;
    transition: -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1);
    transition: clip-path .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status #account-options li > a:active:before, #login-status #account-options li > a:hover:before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%);
}
 
#login-status #account-options li > a:focus-within:before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%);
}
 
/* ===默认收起用户信息栏和搜索栏=== */
#search-top-box {
    top: 23px;
    right: calc(3%);
}
 
#login-status {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    top: 24px;
    right: calc(3% + calc(0.9375rem * 1.8) + .25em);
    color: transparent;
    pointer-events: none;
    transition: color .2s cubic-bezier(.4, 0, .2, 1);
    user-select: none;
}
 
@media only screen and (min-width: 980px) {
    #search-top-box {
        right: calc(3% + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2);
    }
 
    #login-status {
        right: calc(3% + calc(0.9375rem * 1.8) + .25em + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2);
    }
}
 
#login-status:active, #login-status:hover {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    color: rgb(var(--merc-light-color));
    pointer-events: all;
    user-select: auto;
}
 
#login-status:focus-within {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    color: rgb(var(--merc-light-color));
    pointer-events: all;
    user-select: auto;
}
 
#login-status:active #account-options, #login-status:hover #account-options {
    pointer-events: all;
}
 
#login-status:focus-within #account-options {
    pointer-events: all;
}
 
#login-status > :not(#account-topbutton):not([href*="account/messages"]) {
    --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    opacity: 0;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), clip-path .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status:active > :not(#account-topbutton):not([href*="account/messages"]), #login-status:hover > :not(#account-topbutton):not([href*="account/messages"]) {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    opacity: 1;
}
 
#login-status:focus-within > :not(#account-topbutton):not([href*="account/messages"]) {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    opacity: 1;
}
 
#login-status #account-topbutton {
    margin-left: 0;
    background-color: initial;
    pointer-events: all;
    transition: clip-path .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status:hover #account-topbutton {
    background-color: rgb(var(--merc-light-color));
}
 
#login-status:before {
    -webkit-mask-image: var(--user-account-mask);
    -webkit-mask-size: calc(calc(0.9375rem * 1.8) - .5em);
    -webkit-mask-position: center right;
    -webkit-mask-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--merc-light-color), 1);
    content: "";
    cursor: pointer;
    mask-image: var(--user-account-mask);
    mask-position: center right;
    mask-repeat: no-repeat;
    mask-size: calc(calc(0.9375rem * 1.8) - .5em);
    pointer-events: all;
    transition: background-color .15s cubic-bezier(.4, 0, .2, 1);
}
 
#login-status:hover:before {
    background-color: rgba(var(--search-icon-hover-color), 1);
}
 
#login-status:active:after, #login-status:active:before, #login-status:hover:after, #login-status:hover:before {
    background-color: rgba(var(--search-icon-hover-bg-color), 0);
    cursor: auto;
    pointer-events: none;
}
 
#login-status:focus-within:after, #login-status:focus-within:before {
    background-color: rgba(var(--search-icon-hover-bg-color), 0);
    cursor: auto;
    pointer-events: none;
}
 
#login-status #account-topbutton {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: var(--clip-path);
    background-color: rgba(var(--merc-light-color), 0);
    clip-path: var(--clip-path);
}
 
#login-status:active #account-topbutton, #login-status:hover #account-topbutton {
    --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%);
    -webkit-clip-path: var(--clip-path);
    background-color: rgb(var(--merc-light-color));
    clip-path: var(--clip-path);
}
 
#login-status:focus-within #account-topbutton {
    --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%);
    -webkit-clip-path: var(--clip-path);
    background-color: rgb(var(--merc-light-color));
    clip-path: var(--clip-path);
}
 
#login-status #account-options {
    margin: 0;
}
 
#login-status a[href*="account/messages"] {
    color: rgb(var(--merc-light-color));
    pointer-events: all;
}
 
#account-topbutton {
    border: none;
}
 
#account-options {
    border: none;
}