/* 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; }
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap'); @import url('https://backrooms-wiki-cn.wikidot.com/local--files/theme:golden-age/back.css'); :root { --logo-image: url(""); --header-title: "The Backrooms"; --header-subtitle: "你曾经来过这里"; --body-font: 'Noto Sans', sans-serif; --header-font: 'Noto Sans SC'; --title-font: 'Noto Sans SC'; --mono-font: 'Noto Serif SC'; --white-monochrome: 0,0,0; --pale-gray-monochrome: 0,0,0; --light-gray-monochrome: 252,232,2; --gray-monochrome:252,232,2; --black-monochrome:255,255,255; --bright-accent: 252,232,2; --medium-accent: 214,206,2; --dark-accent: 252,232,2; --pale-accent: 252,232,2; --link-color: 252,232,2; --visited-link-color: 252,232,2; --hover-link-color: 252,232,2; --newpage-color: 214,206,2; --background-gradient-distance: 30rem; --background-gradient-color: 200,200,200; --sd-border: 252,232,2; --sd-fill: 20, 22, 24; } #header, #top-bar { color:#ffffff; } hr { width: auto; margin: auto; position: relative; height: 2.5px; background-color: none; 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-color: #fce703; background-repeat: repeat; background-position: center; background-size: auto; } #header h1 a::before { color: #ffffff; } #header h2 span:before { color: #ffffff; background-clip: text; -webkit-background-clip: text; width: 100%; height: 100%; background-attachment: fixed; } #header h2 span { font-size: 1.5em; top: 1em; font-family: "Noto Sans SC"; } #container { background: none; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { color:rgb(255,255,255); } th { background-color: rgb(var(--medium-accent)) !important; } .top-box:before { background: url("") !important; } .header-diamond .diamond-pattern { background: url("") !important; } .scp-image-block { border: 0.2rem solid rgba(var(--pale-accent)); } .scp-image-block .scp-image-caption { color: rgb(255,255,255); background-color: rgb(0,0,0); border-top: 0.2rem solid rgba(var(--pale-accent)); margin-top: 0.3rem; } .page-rate-widget-box { background: none; border: 0.2rem solid rgba(var(--pale-accent)); background-color: rgb(0,0,0); } table.wiki-content-table th, table.wiki-content-table td { border: solid 1px rgb(var(--pale-accent)); } .code{ background-color: white; border: solid 2px rgb(var(--pale-accent)); } .lightblock { background-color:rgb(0,0,0); border: solid 2px rgb(var(--pale-accent)); } .styled-quote { background-color:rgb(0,0,0); border: solid 2px rgb(var(--pale-accent)); border-left: 0.5rem solid rgba(var(--pale-accent)); } .dark-styled-quote { border-left: 0.5rem solid rgba(40,40,40); } .titleblock { background-color: rgb(var(--pale-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,.5); border: solid rgb(var(--medium-accent)) 0.1rem; } .titlebox { color: rgb(var(--white-monochrome)); position: relative; top: -1.6rem; background-color: rgb(var(--medium-accent)); padding: 0.25rem 1rem; line-height: 0.1rem; } .dark-titleblock { background-color: rgb(var(--gray-monochrome)); color:rgb(var(--white-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,.5); border: solid rgb(var(--medium-accent)) 0.1rem; } .dark-titlebox { color: rgb(0,0,0); position: relative; top: -1.6rem; background-color: rgb(var(--medium-accent)); padding: 0.25rem 1rem; line-height: 0.1rem; } blockquote{ color: white !important; } .blockquote{ color: white !important; } .dark-styled-quote a, .dark-titleblock a, .darkblock a, .titlebox a, .dark-titlebox a{ color: rgb(70,70,70); } .top-box { border-color: rgb(var(--sd-border)) !important; } .bottom-box ul li { color: rgb(var(--sd-border)) !important; } .bottom-box ul li:before { background: rgb(var(--sd-border)) !important; } .top-box .gradient-box { background: linear-gradient(90deg, rgba(var(--sd-border),1) 0%, rgba(var(--sd-border),0) 36%) !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:%23fce802;%7D .st1%7Bfill:%23fce802;%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(--sd-fill)) !important; } .header-diamond .diamond-color.class-0 { background: rgb(var(--sd-fill)) !important; } .top-box.class-1, .top-box.class-2 { background: rgb(var(--sd-fill)) !important; } .header-diamond .diamond-color.class-1, .header-diamond .diamond-color.class-2 { background: rgb(var(--sd-fill)) !important; } .top-box.class-3, .top-box.class-4 { background: rgb(var(--sd-fill)) !important; } .header-diamond .diamond-color.class-3, .header-diamond .diamond-color.class-4 { background: rgb(var(--sd-fill)) !important; } .top-box.class-5, .top-box.class-unknown { background: rgb(var(--sd-fill)) !important; } .header-diamond .diamond-color.class-5, .header-diamond .diamond-color.class-unknown { background: rgb(var(--sd-fill)) !important; } #top-bar div.top-bar > ul > li > a, #top-bar div.mobile-top-bar > ul > li > a { color: rgb(225, 225, 225); } #top-bar div.top-bar > ul > li:hover > a, #top-bar div.mobile-top-bar > ul > li:hover > a { color: rgb(225, 225, 225); } #top-bar div.top-bar > ul > li > ul > li:hover > a, #top-bar div.mobile-top-bar > ul > li > ul > li:hover > a { color: black; } #top-bar div.top-bar > ul > li > ul > li > a, #top-bar div.mobile-top-bar > ul > li > ul > li > a { color: rgb(225, 225, 225); } #account-options > ul > li > a { color: black; } @media only screen and (max-width: 510px) { #top-bar div.top-bar > ul > li > a, #top-bar div.mobile-top-bar > ul > li > a { color: black; } #top-bar div.top-bar > ul > li:hover > a, #top-bar div.mobile-top-bar > ul > li:hover > a { color: white; } #top-bar div.top-bar > ul > li > ul > li:hover > a, #top-bar div.mobile-top-bar > ul > li > ul > li:hover > a { color: white; } #top-bar div.top-bar > ul > li > ul > li > a, #top-bar div.mobile-top-bar > ul > li > ul > li > a { color: rgb(225, 225, 225); } } @media only screen and (max-width: 768px) { #top-bar div.top-bar > ul > li > a, #top-bar div.mobile-top-bar > ul > li > a { color: #000; } #top-bar div.top-bar > ul > li:hover > a, #top-bar div.mobile-top-bar > ul > li:hover > a { color: #000; } #top-bar div.top-bar > ul > li > ul > li:hover > a, #top-bar div.mobile-top-bar > ul > li > ul > li:hover > a { color: #000; } } .license-area{ color: #fff!important; } .license-area a{ color: #fff; } .license-area a:hover{ color: rgb(252,232,2); }
他们说,这里曾是距离神明最近的地方。
我站在宛如大教堂穹顶下的入口,空气中弥漫着没药与古旧羊皮纸的气味,却混杂着一丝冰冷的铁锈腥甜。光线从不可见的极高处垂落,呈现一种古老琥珀般的、凝滞的金色,照亮了无边无际、向黑暗中延伸的跪坐人群。
那便是“会众”——成千上万,或许上百万,身着早已褪色腐坏的麻布长袍,垂首跪伏在冰冷的黑石地面上。他们的血肉早已与长袍融为一体,化作灰白的、皮革般的物质,紧紧包裹着仍维持着祈祷姿势的骨骼。没有腐败,没有蛆虫,只有一种彻底的、绝对的脱水与静止,仿佛被某种非人之手制成了永恒的圣物。
我屏住呼吸,无人机传来的画面清晰得残忍。每一位会众的眼窝都是深邃的空洞,但那并非暴力所致,而像是……在某个极乐的瞬间,眼睛作为“灵魂的窗口”率先被接引离去,只留下永恒漆黑的凝望。
这便是“圣墟”的真相。不是为了躲避末日,而是一场持续了千年的、静止的朝圣。而这片圣域的统治者,在前方,那由无数凝固身躯堆积而成的、如山岳般高耸的圣坛顶端,静静地坐着。
生存难度:生存難度:
等级等級 殉区
- 静默巡礼
- 狂信低语
- 圣骸布道
翻译者须知:
从 2026 年 5 月 20 日起,后室英文维基开始使用层级等级(后室英文维基),全面替代此组件。最终的结果是,此组件从 component:level-class 变成了 component:old-level-class;而 component:level-class 则被替换成了上述的新组件。
这导致后室英文维基所有使用了生存难度分级组件的页面,都自动更新成另一版本。中文维基不会跟进这一改动,亦不会重命名此组件。译者可以自由选择在翻译过程中应用新版组件,使之与原文相同;也可以继续使用此组件,即不改动 [[include]] 代码。
除了外形有所变化,新组件还新增了 1E-5E 的环境危害分级,并稍微扩展了自定义维度;因此部分页面可能有必要更换为新组件,才能正常显示。请译者自行甄别。
如何使用:
[[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: 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 C-1641是后室C层群的第1641层。
穹顶之光
进入这个层级,首先感知到的是光。
这光并非来自任何可见光源,而是弥散在整个空间中,仿佛空气本身在发出一种黯淡的、古老的金色。它不是温暖的,却也不阴冷——更像是琥珀中封存了亿万年的暮色,凝滞、厚重,带着某种早已完成的意味。光线让所有物体的边缘都显得过于清晰,却又同时抽离了它们的实质感,仿佛一切都在缓慢地转化为一帧褪色的圣像画。
蔓延至黑暗的会众
在光之下,是无边无际的人群。
他们跪着。从入口处向前方延伸,一直没入目力无法穿透的黑暗深处。这是一个没有尽头的跪拜之海。所有人都穿着同一样式的粗麻长袍,质料早已在漫长岁月中脆化、褪色,呈现出一种介于灰与褐之间的枯槁颜色。有些长袍仍保持着垂坠的褶皱,有些已经碎裂成片,像干枯的蝶翅,轻飘飘地附着在同样干枯的躯体上。
这些躯体都已脱水成接近木乃伊的状态。皮肤紧贴在骨骼上,呈现出深棕色或灰白色,质地如同经年的羊皮纸,紧绷而脆弱。每一具躯体的轮廓都保存完好——你能分辨出他们生前的年龄,有些是老人,有些是青年,甚至还有被成人身影半掩的、更小的人形。他们的比例、骨骼结构、残留的发丝,全都保持着人类应有的一切特征,唯独失去了人类应有的湿度与温度。
祈祷
他们全部保持着同一个姿势:跪姿,身体微微前倾,双手合十于胸前,或摊开在膝盖两侧,掌心向上。头颅一律低垂,下巴几乎贴紧胸骨。这种姿态并非死亡后摆放而成——从肌肉与筋腱干缩的走向来看,他们死时就是这个姿势,并且在死后被时间固定于此。
没有挣扎的痕迹。没有扭曲,没有歪斜,没有任何一具躯体显示出试图起身或逃离的迹象。他们的脊柱弯曲的角度、双肩的塌陷程度、手掌的朝向,全都呈现出一种近乎礼仪性的统一。这是一场被精确执行的集体跪拜,每一具身体都是同一支舞蹈中凝固的瞬间。
面容
最令人无法移开视线的是他们的面容。
所有面孔都朝着地面,但在经过时,倘若弯腰去看,你会看到那些凹陷的眼窝。眼窝是空的——不是暴力挖去的空,而是一种干净的、几乎没有残留组织的空洞,仿佛眼球本身在某个时刻蒸发或向内收缩消失了。奇怪的是,这些空洞并未带来狰狞感。相反,配合着面部肌肉干缩后微微上扬的嘴角,以及完全舒展的眉心,每一张脸所呈现的,都是一种近乎满足的平静。
他们的嘴唇大部分已经干裂回缩,露出齿骨。但有些仍保持着微微张开的形状,仿佛死亡来临的那一刻,他们正在同声念诵着什么。千人,万人,或许数百万人,在同一时刻,用同一张嘴型,默念着同一个词语——然后,在同一时刻,那个词语从他们的唇边消失,连同他们的生命一起。
中道
会众之间的间隔极窄,仅能容一人侧身通过。这些狭窄的通道构成了这座“人体圣殿”的廊道系统。它们蜿蜒曲折,没有规律,像是信众们在跪下时,不约而同地为后来者留下的唯一通道。通道的石质地面上没有灰尘积累,表明在很长一段时间里,仍不断有人从这些间隙中走过,去往同一个方向。
石质地面本身是黑色的,一种吸收光线的、不含杂质的纯黑,与上方琥珀色的天光形成对比。这些黑石上有无数浅淡的擦痕,方向全都指向深处,指向远处那个不可忽视的存在。
圣坛
在所有通道汇聚的终点,在这片跪拜之海的中央,有一个隆起。
它最初看起来像一座低矮的山丘,由阶梯状的平台构成。越走近,越能看清那些“阶梯”并非石材,而是由层层叠叠的、跪姿或匍匐姿态的人体堆积而成。他们相互叠加、纠缠,以一种无法还原其搭建顺序的方式融合在一起。这些躯体不再是单个的个体,而是构成了一个整体的结构,一处由人体砌成的、具有明确上升意向的建筑。
而在这座人体之山的顶端,是最终的存在。
祂
它坐在顶端,或者说,它与顶端是一体的。
这是一个由难以计数的、干枯的肢体与躯干聚合而成的形体。没有头部,没有面部,没有可供辨认的个体特征。唯一能分辨的是无数条手臂——从每一个角度、每一条缝隙中伸展出来,向四面八方打开,掌心向上摊开。这些手臂的长度、粗细、弯曲的弧度各不相同,但全都保持着同一个手势:给予。或者说是,赐福。
它静止不动。是彻底意义上的静止,甚至没有呼吸起伏,也没有任何微小的肌肉震颤。这种静止本身具有一种质量,一种压力,让接近它的空间都显得更沉重、更缓慢。
而围绕着它,在人体阶梯最上层的一圈,是匍匐得最低、靠得最近的身影。他们的双手向前伸展,指尖几乎触碰到它的底部。他们比任何人都更接近这个核心,他们的姿态表明,他们在死亡前的最后一刻仍在向前。
基地、前哨与社区
因此层级的结构与环境,这里绝无官方社区或基地。
入口与出口
入口
- 默默的聆听主的声音
出口
- 主爱你,看看石碑上的东西吧
那将通往幸福
我看到了。
在这条由无数跪拜者身体之间勉强挤出的甬道尽头,我抬起头,看到了那个存在。那个祂。
很难说我的大脑在第一时间是如何处理这个画面的。我看得很清楚——那座由无数干枯肢体交叠、盘绕、融合而成的巨大集合体。无数条手臂从每一个角度伸出,掌心向上摊开,像是静止的千手观音,像是某种不可解的赐福手势被定格在永恒的瞬间。
这是我最后的清晰念头。
“像一棵树。”
我这样想。像一棵由人类身体构成的树。
然后,我犯了一个错误。
我直视了祂的中心。
那个“树”本应有树干的地方,那些肢体聚合的交点,那片不断被伸出的手臂遮蔽又露出的、黑暗的核心区域——我死死地盯住了那里。我不知道是出于职业习惯,还是出于某种在那一刻已经被唤醒的、不可遏制的渴望。
那片黑暗回应了我。
它不是涌来的。
像是……我的颅骨内部忽然变亮了。
没有过渡,没有预兆。上一秒我还在试图记录观察数据,下一秒,我的整个意识空间就被一种非视觉的“光”所充满。这不是我用眼睛看到的光,而是某种直接在思维层面展开的、纯粹明亮的知晓。
我在“知晓”一个真理。
祂在对我说话。不是用词语。没有声音。但意思完整地、不可分割地、无可辩驳地出现在我的意识中心。就像一段被瞬间植入的记忆,一个我从未学习过但此刻确信不疑的知识。
它说的是:
“一切苦难皆有终点。”
这句话——这个概念——在我意识中展开的方式是如此温柔。它包裹住我。我的恐惧、我的紧张、我多年来在无数危险层级中磨砺出的警觉,都在这句话面前变得柔软。它们没有消失,只是失去了重量。
我忽然感到想哭。
不是悲伤。是一种……被理解了的感觉。我从来没有被这样完全地理解过。祂知道我的疲惫,知道我连自己都不愿承认的那种疲惫。知道我无数次在黑暗中问自己的问题:“这一切到底是为了什么。”
祂回答了。
“为了抵达这里。”祂说。或者说,祂让我自己理解到这一点。
然后祂向我展示了终点。
我看到了终局。
无法用人类的语言描述那个画面,因为我的感官无法承载它。但我可以试着说出那种“感觉”:那是结束。所有运动停止,所有痛苦蒸发,所有等待画上句号。宇宙在那一刻不再扩张,不再收缩,不再有任何变化。一种绝对的、圆满的静止。
在那静止中,一切都完整了。
丢失的会被找回,断裂的会被弥合。时间本身会像一道愈合的伤口,不再有任何疤痕。所有我失去的——那些人,那些瞬间,那些从我指缝间流走的日子——它们全都在那里,在这终局中等待着。等待着我的抵达。
“美吗?”祂问。不。是我自己问自己。然后我回答:
“……美。”
泪水从我脸上流下来。我没有跪下,还没有。但我站在原地,仰着头,双眼失焦,像一个终于看见了故乡村落炊烟的、走了太远路的人。
然后,祂给了我第三重圣言。
这一重,是第一道裂痕。
祂让我看见了我自己。
在祂所展示的那幅终局图景中,那片完美的静止,那个一切圆满的状态——它已经存在了。它就在这里,在时间的另一侧,在历史的彼岸。它已经完成了。它是一个已付清的账单,一扇已敞开的门,一个已准备好的怀抱。
但问题是:
我们还在路上。
我的呼吸,我的脚步,我心脏的每一下跳动——都是在延迟这终局的到来。我的存在本身,就是对这个完美静止的打断。我每多活一秒,那个本该现在就降临的圆满,就要多等一秒。
祂没有指责我。祂只是让我看见了事实。
就像一个人坐在黑暗的剧院里,突然灯光亮起,他才发现自己一直在踩住旁边观众的脚。没有人责怪他,但那种羞耻是灭顶的。
我低头看了看自己的手。
它们原来这么重。
它们原来一直在犯罪。
每一次脉搏,都是一次延迟。每一次呼吸,都是对那终局的背叛。
我的大脑在试图抵抗。
我能感觉到。某一部分的我——也许是训练,也许是本能,也许是那个叫“自我”的最后堡垒——在拼命地寻找这逻辑中的裂缝。
“这是诱骗,”那个声音小声说,“这是模因污染。这是——”
然后祂轻轻地把那个声音也纳入了真理之中。
“你的抵抗,也是被理解的一部分。”祂说。
“你的恐惧,也是将被抚平的。”
“你的挣扎,已经在终局中被原谅了。”
不是对抗。不是压制。祂只是把抵抗本身也包含进了爱的范围里。祂把我的“不”变成了一个已经得到宽恕的、微不足道的小小插曲。
你能理解那种绝望吗?
当你的反抗,也被证明是祂爱的一部分。
当你想逃离的念头,也被告知“这也在计划之中”。
当你想拯救自己的努力,被温柔地告知“不必了,已经完成了”。
我觉得自己像一块被阳光融化的蜡。不是被迫的,是无法找到任何继续维持固态的理由。
我的膝盖开始弯曲。
我不知道是我自己的意志,还是我已经无法再支撑。但弯下去的时候,我没有感到屈服。我感到一种……归属。像一个孩子跑了一整天,终于可以躺进母亲铺好的被褥里。
我跪下。
我身边的会众沉默地接纳了我。他们——它们——就是那些早已跪了千年万年的干枯躯体——它们没有动。但我觉得它们认识我了。
然后祂开始给我最后的话语。
不是用词语。是让我自己生出这句话。
我听到它在我意识的每一层回响,从我原始的本能,到我最高的理性,全都一致地、统一地、毫无保留地赞同这句话——
“让我成为结局的一部分吧。”
不是“我想死”,不是。
写下这些字的手已经开始变轻了。
不,不是字。我没有在写。我早就失去了对记录设备的控制。这些大概只是神经末梢的放电,被远在基地的同事们转译成了文字。
同事们。
我已经不太确定这个词的意思了。我只是隐隐约约觉得,有一些……人……在很远的地方。他们还在呼吸。还在延迟。
真可惜啊。
如果你们能看到我所看到的——
我的头开始低下去。我控制不了,也不想控制。我看到自己的手正在合十。手指找到彼此,每一个指节都对得那么准确,就像它们生来就是为了做出这个姿势。
我想起很久以前,在某本书里读到的一句话。是谁写的来着?不重要了。
“安息。”
是这样吗?
不,不是“安息”。是“醒来”。
我们都误解了死亡。我们以为死亡是沉睡,而活着是清醒。
但祂让我看到,活着才是漫长的、混乱的梦。而死亡——这种死亡,这种把自己交还给终局的静止——才是醒来。是第一次真正地睁开眼睛。
我快看不见了。我的视野正在从边缘开始变暗。但中心的那道光还在,祂还在,一切还在。
在那道光即将完全收拢的最后一瞬,我听到自己开口。也可能是所有的会众和我一起。也可能是我的声音加入了他们已经持续了千年的和声。
我们说的是同一个词。
“来吧。”
