/* 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); }
生存难度:生存難度:
等级等級 1
- 安全
- 稳定
- 实体聚居
如何使用:
[[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 C-466是后室C层群的第466层。它被寓居其中的实体称作“黄金乡”。
描述
Level C-466是一座表层被金色岩石覆盖的星球,其地表呈现出多样化的裂谷,山丘等地形特征。裂谷的深度约为三千米至五千米,Level C-466内最高的山峰经报告显示为五千米,但该山峰内部已被迷途者改造为特殊的能源供应装置。该层级拥有显著的气候变化,例如晴天、雨季、阴云均在层级内有所体现。此处的层级年平均温度约为二十六摄氏度,平均降水量为一百毫米,且覆盖与前厅地球环境相似的大气。
Level C-466的星球表面
山体内部的能源供应装置由铺设于地下的管道直接联通于层级内的“城市”。Level C-466的城市被划分为上下两部分。该城市的地表部分被一座能够隔绝光照的薄膜所包裹,迷途者在其中设立了独立于外部空间的人造光源,该光源仍拥有光照强度的变化频率。该部分的层级似乎被刻意地仿照外部空间进行架构。在上层城市中,裸露于城市地面的暗金色岩石十分常见,这些岩石被修饰为各类意义不明的雕塑样式,在迷途者向外界提供的报告中,从未提到这些雕塑被建造的目的与内涵。
地表城市的植物覆盖率到达百分之四十,所有植物的表面被安装了能够随植物本身一同生长的电子屏。迷途者在这些电子屏上投放仅能够被迷途者所佩戴的面具采集识别的特殊讯号,这些讯号在被识别后,在迷途者的视野内,会转化为各类更符合该种族审美的植物形式。地表城市的“天空”也滚动着类似的代码讯号,这些讯号被识别后,除给予迷途者视觉上的反馈外,还会根据其所对应的天气情况,刺激迷途者的身体感觉神经并给予其相应的感知,对迷途者的身体状态,如对于阳光的过敏情况、需水程度等呈现个性化的反应。
上层的食物相对匮乏。所有迷途者的食物来源由联通其住处的管道提供。这些食物中大多含有极高的热量与能量来维持迷途者的正常生活,但该类食物往往并不具有良好的口感。
在该城市结构中出现了大量无人居住的楼房,但其中仍被刻意修饰为具有“生活气息”的状态,且对于楼房结构进行修饰的行为被包含于职业的范畴。这些楼房的外表同样被安装了显示屏,但这些显示屏上所呈现的是以不同实体使用的语言书写的“欢迎来到黄金乡”,这其中包括了人类数据库中的所有已知实体语言以及大量的未知语言。
该层级的天空存在特殊的光源星体。星体功能类似于前厅内的“太阳”,能够为Level C-466地表提供光照与热量,但该星体并不产生任何类似核聚变的效应,亦不表现出与前厅认知中的恒星所相似的特性。
城市的中央坐落着巨大的日晷,但实际上,城市内的光源并不会随时间而产生位置变化。迷途者通过接触这座日晷,来查询自身被记录的对于城市的贡献。当这样的贡献积累至一定数值后,迷途者可获取进入「虚拟宇宙」的权限,并通过触摸日晷的方式,完全舍弃处于层级内的身体,以纯意识数据的形式进入「虚拟宇宙」。
-
- _
欢迎您,人类。对于您的到来我们实属荣幸之至。您不应该待在表层的,记住,别去触碰日晷,在城市中央的日晷之下有一座石门,您的种族已被赋予打开它的权限,请穿过其中,来到“下层”。
现在,站在这里。人类,向着玻璃之外,看到了吗?那颗星球就是“上层”,被你们称作Level C-466的地方。该城市结构,与“上层”所相对的,被称作“下层”的区域实际上并不存在于星球的内部,而是存在于星球地表可观测到的光源星体之中,通过类似短距离折跃的方式进入。真正意义上的下层区域已被迷途者改造为清理垃圾与废料的特殊区域,并会通过一些设备将废弃物排放于层级宇宙的边境。
拍摄于“下层”
在该光源星体内部,拥有可变换的生态结构与被良好隐藏的信息化设备。此处的科技形式致力于“和自然结合”,而非简单地覆盖于植物表层。该区域的中央存在一座巨大的数据终端,居住于此的迷途者可以随意地将其记忆、思维上传至其所搭建的「虚拟宇宙」或对于「虚拟宇宙」中的记忆进行下载,而所有通过该设备进入「虚拟宇宙」的迷途者会被赋予秘钥,以供其自由选择在其中呈现出的生命形式或对其进行升级更改。
这里的迷途者尽管依然佩戴面具,但该设备提取情感的功能已被消除。此处的迷途者拥有正常的情感,而面具作为与层级联络、接收层级数据的功能存在。该区块内的光照依然并非自然光源,但其中已蕴含了与前厅“太阳”光所相类似的紫外线等物质,存在日升日落的自然现象,并非单纯作为照明存在。人体长期暴露于这种光下依然能够正常且健康地生活。
“下层”城市的能量来源于上层迷途者的情感数据。迷途者面具收集的情感一部分会被人类难以理解的设备转化为能量,而另一部分会用于维持「虚拟宇宙」的稳定性。同时,这里的信息数据是完全透明的。迷途者在此处建立了特殊的数据库,其中包含着迷途者所掌握的包括「虚拟宇宙」原理及其科技在内的一切数据,迷途者查阅时,仅需通过面具连接其终端网络,这样的查阅并不存在任何距离限制。
“下层”会不断提供大量的食物以及杏仁水等生存物资。居住其中的迷途者可通过特殊的设备自由调节食物的材料、口味占比、水分含量等信息并进行摄取。若流浪者进入其中,也可暂时获得此类特权,但流浪者大多不被许可居住其中超过六十个层级日。若流浪者希望长期定居或通过终端进入「虚拟宇宙」,则必须接受由迷途者提出的特殊条件,但该条件大多数情况下并不一致,迷途者尚未对此提供具体信息。
-
- _
目标:人类
所属组织:M.E.G.
问询记录A:“上层”与“下层”为何有如此多的区别?为什么迷途者之间存在差异?
回答(语言代码-5):
这与迷途者的历史息息相关。迷途者对于科技的发展并非一帆风顺。在层级年约三百年前,该时间早于人类出现在后室内,迷途者只是生活在被你们称作“上层”的区域,且没有向层级之外进行任何探索。
我们当时为了多元化「虚拟宇宙」的生命形式,正尝试创造一种特殊生命体,并准备将其投放至「虚拟宇宙」作为正常个体存在,但中间出现了错误,这些生命体自我发展,出现了“反抗”“破坏”等情绪并把摧毁已存在的城市结构等行为称作“希望”。值得庆幸的是,它们当时只是意识生命体,我们并未攻克意识与肉体相连之间的难关,将其投放至无论是现实还是「虚拟宇宙」的地点。在这之后约一百五十个层级年,我们才解决这一问题。迷途者的确讨论过是否要将这批生命投入使用,最终,我们将它们作为“电子羊“存在于层级与宇宙内。
人类,你们是怎么对待“羊”的呢?在迷途者的数据库中,你们圈养它们,并食用或作为衣裳等。虽然我们没有真实地见过“羊”,但我们认为,在人类的语言中这个比喻是合适的。我们依照其本来的愿望,用“上层”圈养它们,让这些生命的情绪为我们供能,再用它们进行探索,使用其器官,保证真正的迷途者不会死亡,最终再囊括入「虚拟宇宙」,丰富其中生态。
“羊”会变异,会增生错误的念头。所以我们为它们制定了“羊”应该有的生命路线,当“羊”偏离这样的路线时,即是代码错误的体现。我们只能销毁其中一部分羊,并在修复这些错误之前停止补充。
请不要尝试用伦理之类的东西来束缚迷途者,因为这些东西应该只属于人类。至少,我们认为这样做是正确的。
基地、前哨与社区
引路人
- 由十五名迷途者组成,负责接待希望居住于“下层”或通过终端进入「虚拟宇宙」的人类。
404 Error
- 检测到电子羊异常行为,该组织信息输入已被终止。
入口与出口
入口
- 在任意后室网络平台留言“吾心所向黄金乡”即会收到迷途者的邀请,在信息显示的特定地点,于特定时间能够切入此层级。不可多次输入此留言,否则可能会被迷途者列入黑名单。
出口
- 进入标有Exit的建筑,可回到切入前所处的层级。
« Level C-465 | Level C-466 | Level C-467 »