@import url("https://etinjat.wikidot.com/component:collapsible-sidebar/code/1");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
:root {
--header-title: "Backrooms";
--header-subtitle: "我们带着谦卑和希望步入宇宙";
--lgurl: url(" ");
--bgurl: url("http://zeystorage.wikidot.com/local--files/main/bhaahead.png");
--logo-image: url(" ");
--body-font: "Noto Sans", "Noto Sans SC", sans-serif;
--swatch-topmenu-border-color: var(--black-monochrome);
}

:root {
--bhaa-purple: 153, 160, 254;
--bhaa-light-purple: 107, 114, 241;
--medium-accent: 12, 12, 12;
--bright-accent: var(--bhaa-purple);
--black-monochrome: 0, 0, 0;
--white-monochrome: 255, 255, 255;
--gray-monochrome: 100, 100, 100;
--background-gradient-color: var(--black-monochrome);
--header-gradient-color-bottom: var(--black-monochrome);
--header-gradient-color-middle: var(--black-monochrome);
--header-gradient-color-top: var(--black-monochrome);
--swatch-background: var(   --black-monochrome);
--swatch-primary: var(--light-gray-monochrome);
--swatch-primary-darker: var(--gray-monochrome);
--swatch-primary-darkest: var(--dark-gray-monochrome);
--swatch-important-text: var(--white-monochrome);
--swatch-menubg-color: var(--dark-gray-monochrome);
--swatch-menubg-light-color: var(--gray-monochrome);
--swatch-menubg-medium-color: var(--gray-monochrome);
--swatch-menubg-medium-dark-color: var(--gray-monochrome);
--swatch-menubg-dark-color: var( --black-monochrome);
--swatch-menubg-black-color: var(--black-monochrome);
--swatch-menubg-hover-color: var(--black-monochrome);
--swatch-menutxt-dark-color: var(--black-monochrome);
--swatch-menutxt-light-color: var(--white-monochrome);
--swatch-border-color: var(--black-monochrome);
--swatch-topmenu-border-color: var(--gray-monochrome);
--swatch-topmenu-bg-color: var(--black-monochrome);
}

#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--medium-accent)) 0%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}

#page-title {
   display: none;
}

/*标题*/

div#container-wrap {
     background-image: none;
}
div#header {
    background-image: none;
    height: 180px;
}

#header::before {
   opacity: 0.9;
}
 
div#header-extra-div-1 {
    height: 84px;
    width: 100%;
    top: 0;
    position: absolute;
    background: var(--lgurl);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 1;
    z-index: -1;
}
div#extra-div-1 {
    height: 164px;
    width: 100%;
    top: 0;
    position: absolute;
    background: var(--bgurl);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0;
    z-index: -2;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%);
}
 
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
#header h1 a {
    padding-top: 16px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-family: "Noto Sans", "Noto Sans SC", sans-serif;
}
#header h2 {
margin-top: 3rem;
    font-size: 1rem;
    font-family: "Noto Sans", "Noto Sans SC", sans-serif;
}
/* Hide the existing text */
#header h1 span, #header h2 span { font-size: 0; display: none; }
/* Style the new text */
#header h1 a::before, #header h2::before {
  color: var(--headerColor);
  text-shadow: none;
}
#header h2::before { color: var(--textColor); }
/* Set the new text's content from variable */
#header h1 a::before {
  font-weight: 300;
  font-size: 1.22em;
  text-shadow: 0px 2px 5px #3b3b3b;
}
#header h2::before {
  content: var(--header-subtitle, " ");
  font-weight: 600;
  font-size: 1em;
  text-shadow: 0px 2px 5px #3b3b3b;
}
 
/*字体颜色*/
h1 {
    color: #FFFFFF;
}
body{
color: #FFFFFF;
}

/*链接颜色*/
a:link{
color: 172, 153, 254;
text-decoration:none;  
}
a:visited{
color: var(--bhaa-light-purple);
text-decoration:none;
}   

/*编辑栏*/
#edit-page-title {
  background-color: #141212 ;
  background-image: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));
  background-size: 100% 2px, 3px 100%;
  border: 1px solid var(--bhaa-purple);
  color: #3F3;
}
#edit-page-textarea {
  background-color: #141212 ;
  background-image: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));
  background-size: 100% 2px, 3px 100%;
  border-color: var(--bhaa-purple);
  color: #3F3;
}
#edit-page-comments {
  background-color: #141212 ;
  background-image: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));
  background-size: 100% 2px, 3px 100%;
  border-color: var(--bhaa-purple);
  color: #3F3;
}
#lock-info {
  background-color: #141212 ;
  background-image: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));
  background-size: 100% 2px, 3px 100%;
  border-color: var(--bhaa-purple);
  color: #3F3;
}
#page-tags-input {
  background-color: #141212 ;
  background-image: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));
  background-size: 100% 2px, 3px 100%;
  border-color: var(--bhaa-purple);
  color: #3F3;
}

/*评分栏*/
.page-rate-widget-box {
    background-color: rgb(var(--black-monochrome));
    background-image: none;
    --rating-module-button-color: var(--white-monochrome);
    --rating-module-text-color: var(--white-monochrome);
}
.page-rate-widget-box {
    background-color: #3b3b3b;
    background-image: none;
    --rating-module-button-color: var(--black-monochrome);
    --rating-module-text-color: var(--black-monochrome);
}

/*引用框*/
blockquote,div.blockquote {
margin: 1em 2em 0.1em;
padding: 0.5em 1.5em 0.5em;
background-color: #000;
color: #FFF;
box-shadow: 0 0 10px #3b3b3b;
border-radius: 5px 5px;
}
div#page-title {
    color: rgb(var(--white-monochrome));
}

#container {
   #background: repeating-linear-gradient(-45deg, black, black 4px, #1e1e1e 5px, #1e1e1e 5px);
}

.darkdocument {background: black;box-shadow: 0 0 10px #3b3b3b;margin: 26px auto 0;max-width: 550px;min-height: 300px;padding: 24px;padding-top: 50px;position: relative;width: 80%;color: #EDEDED;}

.aquaquote {background-color:black; border:0px solid #ff1428; margin-bottom: 10px;padding: 15px; box-shadow: 0px 1px 8px 3px #4be2ff;margin: 26px auto 0;max-width: 550px;min-height: 300px;padding: 24px;padding-top: 50px;position: relative;width: 80%;}
}

::-webkit-scrollbar {
    width: 4px;
    background: transparent;
}
 
::-webkit-scrollbar-track {
    background: white;
}
 
::-webkit-scrollbar-thumb {
    background: #000;
    border: none;
    border-radius: 0;
}

a,a:visited {
    color: rgba(59, 179, 197, 0.81);
}

/*侧边栏*/

/*div类*/

.styled-quote {
   background-color:rgb(var(--white-monochrome));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0 8px #3b3b3b;
   color:rgb(var(--black-monochrome));
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--bhaa-purple));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0 8px #3b3b3b;
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.darkblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0 8px #3b3b3b;
   color: rgb(var(--black-monochrome));
}
 
.lightblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0 8px #3b3b3b;
}
 
.darkerblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0 8px #3b3b3b;
   color: rgb(var(--black-monochrome));
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}

.hovertip {
   border: var(--border-styling);
   color: rgb(var(--white-monochrome));
   background-color: rgb(var(--black-monochrome));
   box-shadow: 0 0 8px #3b3b3b;
}

.footnotes-footer {
   border: var(--border-styling);
   color: rgb(var(--white-monochrome));
   background-color: rgb(var(--black-monochrome));
   box-shadow: 0 0 8px #3b3b3b;
}

#side-bar:hover::-webkit-scrollbar, #edit-page-textarea::-webkit-scrollbar, body::-webkit-scrollbar {
   width: 10px;
   height: 10px;
}
 
#edit-page-textarea::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
   background-color: rgb(var(--white-monochrome)) !important;
}
 
#edit-page-textarea::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
   background: rgb(var(--black-monochrome)) !important;
}
 
#side-bar:hover::-webkit-scrollbar-thumb {
   background-color: rgb(var(--white-monochrome)) !important;
   box-sizing: border-box;
}
 
#side-bar:hover::-webkit-scrollbar-track {
   background: rgb(var(--black-monochrome)) !important;
}