@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&display=swap');

:root{
   --logo-image: url("http://gaplouelpew.wdfiles.com/local--files/ori%3Atorso/Torso.png");
   --header-title: "躯";
   --header-subtitle: "血肉引领我们向未来";

   --body-font: 'Instrument Serif', 'Noto Serif SC', serif;
   --header-font: 'Instrument Serif', 'Noto Serif SC', serif;
   --title-font: 'Instrument Serif', 'Noto Serif SC', serif;
   --mono-font: 'Noto Sans SC', sans-serif;

   --mainAccent: 80, 0, 0;
   /* 不用在意这些变量的名字，我随便填的颜色 */
   --white-monochrome: 215, 215, 215;
   --pale-gray-monochrome: 13, 13, 13;
   --light-gray-monochrome: 30, 30, 30;
   --gray-monochrome: 50, 50, 50;
   --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: 22, 22, 22;

   --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: 200, 17, 0;
   --visited-link-color: 156, 17, 0;
   --newpage-color: 120, 40, 40;
 
   --background-gradient-distance: 0rem;
   --gradient-topmenu: none;
   --diagonal-stripes: linear-gradient(transparent 0);
   --gradient-header: none;

   --rating-module-button-plus-color: var(--mainAccent);
   --rating-module-button-negative-color: var(--mainAccent);
   --rating-module-button-cancel-color: var(--mainAccent);
   --header-height-on-desktop: 9rem;

   --cecs-accent: var(--visited-link-color) !important;
   --level-accent: var(--visited-link-color) !important;
}

a[href="http://backrooms-wiki-cn.wikidot.com/component:tsdm"] {
   color: rgb(var(--white-monochrome)) !important;
}

.text-box, .HVM .HVM, .VRL-A .VRL-A, .VRL-B .VRL-B, .NCR .NCR, .MCH .MCH, .CBR .CBR, .SYN .SYN, .DMN .DMN, .SSV .SSV, .CVL .CVL, .RAD .RAD, .NRO .NRO, .TXC .TXC, .PYR .PYR, .RLA .RLA, .UNQ .UNQ, .AGR .AGR, .BNV .BNV, .custom .custom {
   color: rgb(var(--white-monochrome)) !important;
}

.sdlogo:after {
   margin-left:17.75em !important;
}

.footerbox {
   color: rgb(215, 215, 215) !important;
   background: repeating-radial-gradient(#070707, #0D0D0D .1%, #000 .2%) !important;
   border: solid rgb(215, 215, 215) !important;
}

.footerbox h1, .footerbox h2, .footerbox h3, .footerbox h4, .footerbox h5, .footerbox h6 {
   color: rgb(215, 215, 215) !important;
}

.footerflavor {
   background: rgb(215, 215, 215) !important;
   color: #000 !important;
}

.footerflavor ::selection {
   color: rgb(var(--white-monochrome)) !important;
   background: rgba(var(--black-monochrome),.5) !important;
}

div.content img {
   padding: 0, 0!important;
   margin-right: 10px;
   box-shadow: -0.4rem 0.4rem rgb(var(--mainAccent));
}

tr td img {
   box-shadow: none !important;
}

#account-options {
   background: rgb(var(--pale-gray-monochrome));
}

div#account-options ul li a {
   color: rgb(var(--white-monochrome));
}

div#account-options ul li a:hover {
   color: rgb(var(--white-monochrome));
   background-color: rgb(var(--mainAccent));
}

::selection {
   color: rgb(var(--black-monochrome));
   background: rgba(var(--white-monochrome),.5);
}

.owindow {
   border: solid rgba(var(--pale-accent));
}

.lightblock ::selection, .styled-quote ::selection {
   color: rgb(var(--white-monochrome))!important;
   background: rgba(var(--black-monochrome),.5)!important;
}

.page-rate-widget-box span.rate-points {
   letter-spacing: -12px;
   color: transparent !important;
}

.page-rate-widget-box .rate-points:after, .page-rate-widget-box .rate-points span {
   content: "滴血";
   font-size: 15px;
   letter-spacing: 0;
   color: rgb(var(--white-monochrome));
}

#header:before {
   -webkit-animation: flicker 10s infinite;
   -o-animation: flicker 10s infinite;
   animation: flicker 10s infinite;
}

* {
   cursor:url("http://gaplouelpew.wdfiles.com/local--files/ori%3Atorso/zz.png"),auto !important;
}

#main-content:after {
   background: url("http://gaplouelpew.wdfiles.com/local--files/ori%3Atorso/sidebar-tab.png");
background-repeat: no-repeat;
   background-position: center left 1rem;
   background-attachment: fixed;
}

#main-content:before {
   background: linear-gradient(180deg, rgb(0,0,0), rgb(0,0,0) 1%, rgb(var(--pale-gray-monochrome)) 5%);
}

#ohandle-1 {
   color: rgb(var(--medium-accent));
   background-color: rgb(var(--white-monochrome));
}

.hl-identifier, .hl-brackets, .hl-code, .printuser, #login-status {
   color: rgb(var(--white-monochrome));
}

.footnotes-footer {
   background-color: rgb(var(--pale-gray-monochrome))!important;
}

a:hover {
   color: rgb(var(--white-monochrome));
   background-color: rgb(var(--mainAccent));
   text-decoration: none;
   cursor: url(http://gaplouelpew.wdfiles.com/local--files/ori%3Atorso/zz2.png),pointer !important;
}

a.btn:hover, input.btn:hover {
   cursor: url(http://gaplouelpew.wdfiles.com/local--files/ori%3Atorso/zz2.png),pointer !important;
}

a:hover:before {
   content: ">";
}

ul.yui-nav li a:hover:before, #login-status a:hover:before, div.side-block div[style="text-align: center;"] a:hover:before, a.btn:hover:before {
   content: none !important;
}

a:visited:hover {
   color: rgb(var(--white-monochrome));
}

blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.15);
   background-color:rgba(62, 60, 60, .25);
}

hr {
   width: auto;
   margin: .5rem 0;
   position: relative;
   height: 2.5px;
   background-color: #fff0;
   pointer-events: none;
   overflow: hidden;
   border: initial;
   -webkit-clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
   clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
}
 
hr:before {
   content: " ";
   width: 100%;
   height: 100%;
   position: absolute;
   background-attachment: fixed;
   background-image: repeating-radial-gradient(#200, #400 .1%, #000 .2%);
   background-repeat: repeat;
   background-position: center;
   background-size: auto;
}

th {
   background-color: rgb(var(--pale-gray-monochrome)) !important;
}

td, th, .yui-content {
   border-color: rgb(var(--pale-gray-monochrome)) !important;
}

#header:before {
   opacity: 1;
   background-size: auto 12rem;
}

#skrollr-body {
   background: repeating-radial-gradient(#200, #400 .1%, #000 .2%);
   height: 11rem;
}

#container {
   background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgb(0,0,0) 93%);
   background-size: 37rem 11rem;
   background-attachment: scroll;
   background-repeat: repeat-x;
   border-radius: 0 0 50% 50%;
}

.scp-image-caption, .scp-image-block .image {
   border: 1px 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));
}

.styled-quote {
   background-color:rgb(var(--white-monochrome));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
}
 
.dark-styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--mainAccent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
}
 
.lightblock {
   background-color:rgb(var(--white-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
}
 
.darkblock {
   background-color: rgb(var(--pale-gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
}

.moirblock {
   background: repeating-radial-gradient(#070707, #0D0D0D .1%, #000 .2%);
   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(--mainAccent));
}

#search-top-box-input {
   background-color: rgb(var(--white-monochrome));
   color: rgb(var(--mainAccent));
}

h1, h2, h3, h4, h5, h6 {
   color: rgb(var(--visited-link-color));
}

div#toc-list div a {
   color: rgb(var(--newpage-color))!important;
}

#footer {
   color: rgb(var(--white-monochrome));
}

@keyframes flicker {
  54% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  54.5% {
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
  }
  55% {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
  }
  55.5% {
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
  }
  56% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  65% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  65.5% {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
  }
  66% {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
  }
  66.5% {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
  }
  67% {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
  }
  97.5% {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
  }
  98% {
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
  }
  98.5% {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
  }
  99% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
}

.header-diamond {
   display: none;
}

.header-diamond .diamond-pattern, .top-box:before {
   background: none !important;
}

.top-box .gradient-box {
   background: none !important;
}

.top-box {
   border: 0.65rem solid rgb(var(--mainAccent)) !important;
   border-left: 0.3125rem solid rgb(var(--mainAccent)) !important;
   border-right: 0.3125rem solid rgb(var(--mainAccent)) !important;
   background: repeating-radial-gradient(#070707, #0D0D0D .1%, #000 .2%) !important;
}

.bottom-box ul li, .top-box .top-text p, .top-box .bottom-text p, .top-box .bottom-text:after {
   font-family: "Noto Serif SC" !important;
    color: rgb(var(--white-monochrome)) !important;
}

.bottom-box li:before {
   background: rgb(var(--mainAccent)) !important;
}

.floatright {
   background-color: rgb(var(--pale-gray-monochrome))!important;
}

ins, del {
   color: rgb(var(--black-monochrome));
}

div.darkblock a, div.dark-styled-quote a {
   color: rgb(var(--link-color))
}

.top-box {
   width: 80% !important;
   margin: 0 auto !important;
}

.top-text, .bottom-text, .bottom-box {
   text-align:center;
   margin: 0 auto !important;
}

.bottom-text {
   padding-right: 6px;
}

.top-text, .bottom-text {
    justify-content: center;
}

.top-text span {
    padding-left: 22px;
}

.bottom-box ul li:before {
    display: none !important;
}

.bottom-box ul li .default:after {
   margin: 0 auto !important;
}

.bottom-box ul li {
   margin-left: 0px !important;
}

.bottom-box ul {
   padding-left: 0px !important;
}

.bottom-box ul li:nth-child(2) {
   margin-top: 15px;
}

.bottom-box ul li:nth-child(3) {
   margin-top: 15px;
}

div.bottom-box ul {
   margin-bottom: 25px !important;
}

#page-title {
   text-align: center;
}

#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;
   border-radius: 10px;
   box-sizing: border-box;
   border: 2px solid rgb(var(--mainAccent));
}

#edit-page-textarea::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
   background: rgb(var(--mainAccent)) !important;
}

#side-bar:hover::-webkit-scrollbar-thumb {
   background-color: rgb(var(--white-monochrome)) !important;
   border-radius: 10px;
   box-sizing: border-box;
   border: 2px solid rgb(var(--black-monochrome));
}

#side-bar:hover::-webkit-scrollbar-track {
   background: rgb(var(--black-monochrome)) !important;
}

/* fix sidebar scrollbar color */
#side-bar:hover, #side-bar:active, #side-bar:focus-within {
    scrollbar-color: unset !important;
}

#breadcrumbs {
    margin: auto;
}

.owindow.error .printuser.avatarhover .small {
    box-shadow: none;
}

#side-bar .side-block div a img {
    filter: invert(0.75);
}