@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://font-now.netlify.app/api/css?url=/font/acfc2d1a-44d4-5c9d-91e5-662fe2b969f7/result.css');
@import url('https://font-now.netlify.app/api/css?url=/font/14c9bb87-5184-5eb2-a433-de397f94415d/result.css');
:root {
--global-dark-color: 12, 24, 129;
--global-black-color: 0, 0, 0;
--global-accent-1: 227, 185, 27;
--global-accent-2: 254, 250, 7;
--global-accent-3: 255, 85, 208;
--global-bg: 12, 154, 167;
--global-txt: var(--global-white-color);
--light-ui-bg: var(--global-light-color);
--light-ui-txt: var(--global-txt);
--bright-ui-bg: var(--global-accent-1);
--global-border: var(--global-pale-color);
--header-bg: var(--global-bg);
--dropdown-bg: var(--topbar-hover-bg);
--th-bg: var(--dark-ui-bg);
--th-txt: var(--dark-ui-txt);
--btn-bg: var(--dark-ui-bg);
--btn-txt: var(--dark-ui-txt);
--btn-hover-bg: var(--bright-ui-bg);
--btn-hover-txt: var(--btn-txt);
--rate-bg: var(--dark-ui-bg);
--header-height: 0px;
--topbar-height: 3rem;
--dropdown-height: var(--topbar-height);
--banner-height: 15rem;
--header-ui-size: var(--topbar-height);
--rate-height: calc(var(--global-font-size) * 2);
--banner-title: "THE BACKROOMS";
--banner-subtitle: "你曾经来过这里";
--banner-title-size: min(calc(1.2rem + 3vw), 2.75rem);
--banner-subtitle-size: min(calc(0.8rem + 0.8vw), 1.25rem);
--banner-font: "CorpSrcWinSong", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, serif;
--header-font: var(--banner-font);
--title-font: "HouZunSongTi", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, serif;
--body-font: "CorpSrcWinSong", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, serif;
--ui-font: var(--banner-font);
--mono-font: "PT Mono", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, monospace;
}
body {
background-image: radial-gradient(rgba(var(--global-dark-color), 0), rgba(var(--global-black-color), 0.4));
background-attachment: fixed;
text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
#extra-div-1 {
position: fixed;
top: -150%;
left: 0;
width: 100%;
height: 400%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 700' width='700' height='700' opacity='0.6'%3E%3Cdefs%3E%3Cfilter id='a' x='-20%25' y='-20%25' width='140%25' height='140%25' filterUnits='objectBoundingBox'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.095' numOctaves='4' seed='15' stitchTiles='stitch' x='0%25' y='0%25' result='turbulence'/%3E%3CfeSpecularLighting surfaceScale='15' specularConstant='.75' specularExponent='20' lighting-color='%23fff' x='0%25' y='0%25' in='turbulence' result='specularLighting'%3E%3CfeDistantLight azimuth='3' elevation='100'/%3E%3C/feSpecularLighting%3E%3C/filter%3E%3C/defs%3E%3Cpath fill='transparent' d='M0 0h700v700H0z'/%3E%3Cpath fill='%23fff' filter='url(%23a)' d='M0 0h700v700H0z'/%3E%3C/svg%3E");
z-index: -1;
transform: scaleY(0.25);
filter: blur(1px);
}
#header {
position: relative;
top: 0;
}
#search-top-box, #top-bar {
position: static;
}
#search-top-box, #search-top-box:is(:hover, :focus) {
transition: unset;
}
#search-top-box {
filter: drop-shadow(0.1rem 0.1rem 0.1rem rgb(var(--global-black-color))) blur(0.05rem);
}
#login-status {
font-family: var(--ui-font);
font-weight: 700;
position: relative;
}
#login-status, #login-status:is(:hover, :focus, :active) {
transition: unset;
}
#login-status .printuser > a > img.small {
box-shadow: 0.1rem 0.1rem 0.1rem rgb(var(--global-black-color));
filter: blur(0.03rem);
}
#login-status #account-options, #login-status:is(:hover, :focus, :active) #account-options {
transition: unset;
filter: blur(0.03rem);
}
#login-status:is(:hover, :focus, :active) #account-options ul li, #login-status:is(:hover, :focus, :active) #account-options ul li:is(:hover, :focus, :active) {
transition: unset;
}
#header-extra-div-1 {
display: none;
}
#header h1 {
display: none;
}
#login-status, #search-top-box {
grid-row: 1 / 3;
}
#top-bar {
grid-column: 2 / 3;
grid-row: 1 / 3;
font-weight: 700;
}
#top-bar > div > ul > li > ul {
border: unset;
transition: unset;
filter: blur(0.03rem);
}
#top-bar > div > ul > li:is(:hover, :focus, .sfhover, :focus-within) > ul {
transition: unset;
}
@media only screen and (max-width: 768px) {
#top-bar > div > ul > li > ul {
top: var(--topbar-height);
}
}
#top-bar > div > ul > li > a {
transition: unset;
text-decoration: underline;
filter: blur(0.03rem);
}
#top-bar > div > ul > :is(li, li:hover, li:focus, li.sfhover, li:focus-within) > ul > li a {
transition: unset;
background: rgba(var(--dropdown-bg), 1);
text-decoration: underline;
}
#top-bar > div > ul > li:is(:hover, :focus, .sfhover, :focus-within) > a, #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
transition: unset;
text-decoration: underline;
}
#top-bar > div > ul > :is(li, li:hover, li:focus, li.sfhover, li:focus-within) > ul > li a:is(:hover, :focus, :active) {
transition: unset;
text-decoration: underline;
}
#header h2 span {
perspective: 10rem;
filter: blur(0.05rem);
}
#header h2 span::before {
transform: scale3d(1, 2, 1);
text-shadow: 0.1rem 0.1rem 0.1rem rgb(var(--global-black-color));
letter-spacing: 0.25rem;
font-weight: 700;
}
#header h2 span::after {
transform: rotateX(45deg) scale3d(0.8, 1.5, 1) translateY(1rem);
color: rgb(var(--global-accent-2));
text-shadow: 0.1rem 0.1rem 0.1rem rgb(var(--global-black-color));
font-weight: 700;
}
#side-bar {
background: unset;
border: unset;
}
#side-bar::before, #side-bar:is(:hover, :focus-within)::before {
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='c' x='-.014' y='-.288' width='1.029' height='1.576' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic' in='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='blur' in='fbSourceGraphic'/%3E%3C/filter%3E%3Cfilter id='b' x='-.014' y='-.288' width='1.029' height='1.576' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic' in='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='blur' in='fbSourceGraphic'/%3E%3C/filter%3E%3Cfilter id='a' x='-.014' y='-.288' width='1.029' height='1.576' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='fbSourceGraphic' in='fbSourceGraphic'/%3E%3CfeColorMatrix result='fbSourceGraphicAlpha' in='fbSourceGraphic' values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeGaussianBlur stdDeviation='0.2 0.2' result='blur' in='fbSourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cpath paint-order='stroke fill markers' filter='url(%23a)' d='M10.917 58.212h100v5h-100z'/%3E%3Cpath paint-order='stroke fill markers' filter='url(%23b)' d='M10.917 38.212h100v5h-100z'/%3E%3Cpath paint-order='stroke fill markers' filter='url(%23c)' d='M10.917 78.212h100v5h-100z'/%3E%3Cpath fill='%23fff' paint-order='stroke fill markers' d='M10 57.5h100v5H10zM10 37.5h100v5H10zM10 77.5h100v5H10z'/%3E%3C/svg%3E");
background-size: 80% 100%;
background-position: center;
background-repeat: no-repeat;
}
#side-bar::before {
filter: blur(0.02rem);
mask: unset;
}
:is(#side-bar, #interwiki) .heading {
font-size: inherit;
filter: blur(0.03rem);
direction: ltr;
}
:is(#side-bar, #interwiki) .menu-item a, :is(#side-bar, #interwiki) .menu-item a:is(:hover, :focus) {
transition: unset;
}
:is(#side-bar, #interwiki) .menu-item a {
font-weight: 700;
filter: blur(0.03rem);
}
#content-wrap {
margin: 0 1rem 0;
}
#page-title, .meta-title {
text-shadow: unset;
filter: blur(0.05rem) drop-shadow(0.1rem 0.1rem rgb(var(--global-black-color)));
font-weight: bold;
transform: scaleY(1.2);
transform-origin: bottom;
}
#page-content {
line-height: 2;
}
#toc {
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
#toc #toc-action-bar {
text-shadow: none;
box-shadow: inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
#toc #toc-action-bar a {
filter: drop-shadow(0.1rem 0.1rem 0.1rem rgb(var(--global-black-color))) blur(0.03rem);
}
#toc .title, #toc-action-bar:is(:hover, :focus-within) + .title {
transition: unset;
}
#toc .title {
font-family: var(--ui-font);
font-weight: 700;
filter: blur(0.02rem);
}
#toc #toc-list {
box-shadow: inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
filter: blur(0.03rem);
}
a, a:hover, a.newpage {
transition: unset;
text-decoration: underline;
}
div.page-rate-widget-box, div.rate-box-with-credit-button, #page-content .creditButtonStandalone p {
background: unset;
border: unset;
}
div.page-rate-widget-box .rate-points {
font-weight: 700;
filter: blur(0.03rem);
}
.page-rate-widget-box :is(.rateup, .ratedown, .cancel), .rate-box-with-credit-button .creditButton, #page-content .creditButtonStandalone p, .page-rate-widget-box :is(.rateup, .ratedown, .cancel):is(:hover, :focus), .rate-box-with-credit-button .creditButton:is(:hover, :focus), #page-content .creditButtonStandalone p:is(:hover, :focus) {
transition: unset;
}
.page-rate-widget-box :is(.rateup, .ratedown, .cancel), .rate-box-with-credit-button .creditButton, #page-content .creditButtonStandalone p {
background: rgb(var(--rate-bg));
filter: blur(0.03rem);
border-radius: 50%;
box-shadow: inset -0.1rem -0.1rem 0.1rem rgb(var(--global-black-color));
}
.creditBottomRate {
padding: 0.5rem 0;
}
:is(#u-credit-view,div#u-credit-otherwise) .modalbox {
background: rgb(var(--light-ui-bg));
}
.modalbox > div:first-child {
background: rgb(var(--dark-ui-bg));
}
h1, h2, h3, h4, h5, h6 {
filter: blur(0.03rem);
transform: scaleY(1.2);
text-shadow: 0.1rem 0.1rem 0.1rem rgb(var(--global-black-color));
margin: 1rem 0;
}
hr {
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
:is(blockquote, .blockquote, div.blockquote, [class*=blockquote]) {
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
.code, .page-source {
background: rgb(var(--global-white-color));
color: rgb(var(--global-black-color));
text-shadow: none;
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
border-style: solid;
}
:is(.code, .page-source) a {
text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
:is(.image-block,.scp-image-block) img {
border: unset;
filter: blur(0.03rem);
}
:is(.image-block,.scp-image-block) :is(.image-caption,.scp-image-caption) {
border: unset;
background: unset;
color: inherit;
}
.bblock, .bblock:is(:hover, :focus-within), .dblock, .dblock:is(:hover, :focus-within) {
transition: unset;
}
.bblock, .dblock {
text-shadow: none;
}
.bblock:is(:hover, :focus-within) {
color: rgb(var(--global-black-color));
}
.dblock:is(:hover, :focus-within) {
color: inherit;
text-shadow: inherit;
}
.block {
border: var(--global-border-width) solid rgb(var(--global-border));
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
.shadow {
box-shadow: 0.2rem 0.2rem 0.2rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
.dropshadow {
box-shadow: 0.5rem 0.5rem 0.5rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
.analogue {
filter: blur(0.03rem);
font-family: var(--ui-font);
margin: 3rem 0;
}
:is(#page-content .wiki-content-table, .page-compare, table.form.grid) {
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
:is(#page-content .wiki-content-table, .page-compare, table.form.grid) tr {
box-shadow: inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
:is(#page-content .wiki-content-table, .page-compare, table.form.grid) tr td {
background: unset;
}
.yui-navset {
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
box-shadow: inset 0.05rem 0 0.05rem rgb(var(--global-black-color));
font-weight: 700;
font-family: var(--ui-font);
}
:is(.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav) li {
box-shadow: inset 0 0.1rem 0.05rem -0.05rem rgb(var(--global-black-color));
}
:is(.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav) li, :is(.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav) li:is(:hover, :focus) {
transition: unset;
}
.yui-navset .yui-content {
box-shadow: inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
.btn:not(.page-rate-widget-box *, #login-status *, .owindow .button-bar > a[onclick*=cleanAll]), a.action-area-close, .site-tools-box ul.nav.nav-pills a, div.buttons input, input.button, button, a.button {
border: unset;
transition: unset;
border-radius: 0.5rem;
text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
filter: blur(0.02rem);
box-shadow: inset -0.1rem -0.1rem 0.5rem -0.2rem rgb(var(--global-black-color));
text-decoration: underline;
font-weight: 700;
font-size: calc(0.6rem + 0.4vw);
}
.btn:not(.page-rate-widget-box *, #login-status *, .owindow .button-bar > a[onclick*=cleanAll]):is(:hover, :focus), a.action-area-close:is(:hover, :focus), .site-tools-box ul.nav.nav-pills a:is(:hover, :focus), div.buttons input, input.button, button, a.button, :is(div.buttons input, input.button, button, a.button):is(:hover, :focus) {
transition: unset;
}
:is(.bibitems, .footnotes-footer) {
text-shadow: unset;
filter: blur(0.03rem) drop-shadow(0.05em 0.05rem 0.05rem rgb(var(--global-black-color)));
}
:is(.bibitems, .footnotes-footer) .title {
filter: blur(0.02rem);
transform: scaleY(1.2);
margin: 1rem 0;
}
#main-content .page-tags {
font-weight: 700;
filter: drop-shadow(0.05rem 0.05rem 0.05rem rgb(var(--global-black-color))) blur(0.03rem);
text-shadow: none;
}
#page-options-container {
font-family: var(--ui-font);
font-weight: 700;
text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
#page-info, .page-watch-options {
filter: blur(0.03rem);
transform: scaleY(1.2);
text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
.page-watch-options :is(a, a:hover, a:focus) {
text-decoration: underline;
}
#page-options-container .page-options-bottom {
border: unset;
gap: 0.5rem;
margin: 0.5rem 0 0;
}
#page-options-container .page-options-bottom a#more-options-button {
border: unset;
}
:is(#edit-page-form, #new-post-form) {
background: rgb(var(--light-ui-bg));
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
#edit-page-form > table.form tr td:first-of-type, #np-editor-title {
transform: scaleY(1.5);
font-size: 1.2rem;
filter: blur(0.03rem);
}
input.text, textarea, select, [type=file], :is(input.text, textarea):focus-visible, select:focus, [type=file]:is(:focus, :hover) {
transition: unset;
}
input.text, textarea, select, [type=file] {
background: rgb(var(--global-white-color));
color: rgb(var(--global-black-color));
text-shadow: none;
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
[type=radio], input[type=checkbox] {
background: rgb(var(--global-white-color));
transition: unset;
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
[type=checkbox]::before {
color: rgb(var(--global-white-color));
transition: unset;
}
#new-post-form > input.text, #edit-page-title {
margin: 0.8rem 0 0;
}
.wd-editor-toolbar-panel {
padding: 0.8rem 0;
}
:is( #action-area > div:not(#view-diff-div, preview-message) > form#edit-page-form > .wd-editor-toolbar-panel, #new-post-div > form#new-post-form .wd-editor-toolbar-panel ) a {
background: rgb(var(--btn-bg));
color: rgb(var(--btn-txt));
border-radius: 0.5rem;
border: unset;
transition: unset;
filter: blur(0.03rem);
box-shadow: inset -0.1rem -0.1rem 0.5rem -0.2rem rgb(var(--global-black-color));
text-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
width: 1.95rem;
height: 1.95rem;
}
:is( #action-area > div:not(#view-diff-div, preview-message) > form#edit-page-form > .wd-editor-toolbar-panel, #new-post-div > form#new-post-form .wd-editor-toolbar-panel ) a:is(:hover, :focus) {
background: rgb(var(--btn-hover-bg));
color: rgb(var(--btn-hover-txt));
transition: unset;
}
:is( #action-area > div:not(#view-diff-div, preview-message) > form#edit-page-form > .wd-editor-toolbar-panel, #new-post-div > form#new-post-form .wd-editor-toolbar-panel ) a::before {
width: 1.95rem;
height: 1.95rem;
}
:is(#edit-page-form, #new-post-form) > .change-textarea-size {
padding: 0.5rem;
}
.edit-help-34 {
padding: 0.5rem;
filter: blur(0.03rem);
font-weight: 700;
}
:is(#edit-page-form, #new-post-form) > .change-textarea-size > a {
width: 2.5rem;
height: 1.5rem;
font-weight: 700;
}
.edit-help-34, .edit-page-bottomtable {
font-size: 1rem;
font-weight: 700;
filter: blur(0.03rem);
}
.edit-page-bottomtable tr {
gap: 0;
justify-content: space-between;
}
.edit-page-bottomtable td {
max-width: max(16rem, 49%);
}
#lock-info {
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
.checkbox.do-not-notify {
margin: 0.5rem 0;
filter: blur(0.03rem);
font-family: var(--ui-font);
font-weight: 700;
}
a.action-area-close {
z-index: 5;
}
#footer {
background: unset;
border: unset;
font-weight: 700;
filter: blur(0.03rem);
}
#license-area {
background: unset;
font-weight: 700;
filter: blur(0.03rem);
}
.owindow {
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
background: rgb(var(--light-ui-bg));
font-family: var(--ui-font);
font-weight: 700;
}
.owindow.owait .content {
margin: 0 0 1.5rem;
}
.owindow.owait .content::before {
display:none;
}
.owindow.owait .content::after {
--size: 0.5rem;
left: initial;
animation: 1s ease-in-out owait infinite;
}
@keyframes owait {
0% {
left: 30%
}
33% {
right: 55%;
left: unset;
}
67% {
left: 55%;
right: unset;
}
100% {
right: 30%
}
}
.hovertip {
background-color: rgba(var(--light-ui-bg)) !important;
backdrop-filter: blur(0.1rem);
box-shadow: 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color)), inset 0.05rem 0.05rem 0.05rem rgb(var(--global-black-color));
}
.footnote .f-heading, .equation .e-heading, .reference .r-heading {
font-weight: 700;
transform: scaleY(1.5);
filter: blur(0.02rem);
}
.hovertip .content {
font-family: var(--ui-font);
font-size: 1rem;
filter: blur(0.02rem);
}