/* 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; }
/* 2024 Theme [2024 Wikidot Theme] by Ambersight For 2024 Archipelago */ @import url('https://use.fontawesome.com/releases/v5.11.2/css/all.css'); @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @keyframes collapsible-arrow-spin { from { transform: rotate(0deg); } to { transform: rotate(-90deg); } } @keyframes collapsible-arrow-spin-back { from { transform: rotate(-90deg); } to { transform: rotate(0deg); } } @keyframes collapsible-arrow-spin-2 { from { transform: rotate(0deg); } to { transform: rotate(90deg); } } @keyframes collapsible-arrow-spin-back-2 { from { transform: rotate(90deg); } to { transform: rotate(0deg); } } /* ROOT */ :root { --2024_red: 212, 39, 39; --2024_gray: 255, 237, 221; --2024_black: 39, 36, 36; --2024_white: 255,255,238; --2024_purple: 96, 39, 212; --2024_link: 251, 40, 54; --2024_visited-link: 210, 12, 12; --2024_hover-link: var(--2024_visited-link); --2024_dead-link: 251, 163, 31; --2024_alt-link: var(--2024_black); --2024_alt-visited-link: 0, 0, 0; --2024_alt-hover-link: var(--2024_alt-link); --2024_alt-dead-link: 255, 202, 45; --2024_alt-link-2: 210, 12, 12; --2024_alt-visited-link-2: 156, 8, 8; --2024_alt-hover-link-2: 210, 12, 12; --2024_alt-dead-link-2: 221, 102, 17; --2024_pattern: url('http://ye-zhi-d.wikidot.com/local--files/start/theme2024pattern.png'); --logo-image: url(http://backrooms-oversight-cn.wikidot.com/local--files/posts/CN-logo-alt-white.png); --header-title: "2024"; --header-subtitle: "The Backrooms"; --mono-font: 'JetBrains Mono', Recursive, "Noto Serif SC", "Noto Serif TC", "宋体", "SimSun", "Microsoft YaHei UI", "微软雅黑", "Microsoft JhengHei UI", "Microsoft JhengHei", "Courier New", Courier, monospace, STXihei, "华文细黑"; --white-monochrome: var(--2024_black); --pale-gray-monochrome: var(--2024_red); --very-light-gray-monochrome: var(--2024_black); --light-gray-monochrome: var(--2024_red); --gray-monochrome: var(--2024_gray); --dark-gray-monochrome: var(--2024_gray); --black-monochrome: var(--2024_white); --bright-accent: var(--2024_red); --medium-accent: var(--2024_red); --dark-accent: var(--2024_gray); --alt-accent: var(--2024_dead-link); --link-color: var(--2024_link); --hover-link-color: var(--2024_hover-link); --visited-link-color: var(--2024_visited-link); --rating-module-button-cancel-color: var(--2024_gray); --header-height-on-desktop: 19.5rem; --header-height-on-mobile: 19.5rem; --header-h1-font-size: calc(var(--base-font-size)*5); --header-h2-font-size: calc(var(--base-font-size)*2); --topbar-height-on-desktop: 2.35rem; --body-width-on-desktop: 61.25rem; --toggle-border-color: rgb(var(--2024_red)); --toggle-icon-color: rgb(var(--2024_red)); --modal-header-bg: var(--2024_red); --modal-header-txt: var(--2024_white); --base-font-size: max(0.8125rem, min(2vw, 0.9375rem)); --sidebar-width-on-mobile: calc(var(--base-font-size) * (14 / 15) * 19); } /* HEADER */ #header { --swatch-headerh1-color: var(--2024_white); --swatch-headerh2-color: var(--2024_white); } #header::before { background-size: auto 12rem; background-position: center top; opacity: 1; } #header h1, #header h1 a { top: 0; } #header h1 span, #header h2 span { font-size: 0; } #header h1 a::before { display: block; position: absolute; top: 14rem; } #header h2, #header h2 span, #header h2 span::before { top: 5.5rem; } #header h2 span::before { font-size: var(--header-h2-font-size); } #header h1 a::before, #header h2 span::before { --wght: 400; --text-shadow: none; font-family: 'Archivo Black', var(--title-font); } #extrac-div-1 { position: absolute; top: 0; right: 0; width: 100%; height: var(--header-height-on-desktop); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } #skrollr-body { background: none; } /* TOP BAR */ #top-bar div.mobile-top-bar > ul > li > ul > li > a, #top-bar div.top-bar > ul > li > ul > li > a { --wght: 700; } #top-bar div.mobile-top-bar > ul > li > ul > li > a:hover, #top-bar div.top-bar > ul > li > ul > li > a:hover { color: rgb(var(--2024_white)); background: rgb(var(--2024_red)); } /* SIDE BAR */ #main-content::before { background: rgba(var(--2024_black), .5) 1px 1px repeat; } #side-bar { scrollbar-color: rgb(var(--2024_red)) rgb(var(--2024_black)); } #side-bar .side-block.media { background-color: rgb(var(--2024_red)) !important; background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } #side-bar .side-block.media a { overflow: hidden; } #side-bar .side-block.media a img { position: relative; transform: translateX(-80px); filter: drop-shadow(rgb(var(--2024_white)) 80px 0); } #side-bar div.side-block { border: none; } #side-bar .side-block .heading { background: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); } #side-bar .heading p, #side-bar #side-bar .side-block > .collapsible-block .collapsible-block-link { --text-shadow: none; } #side-bar div.menu-item a:hover { background-color: rgb(var(--2024_red)); color: rgb(var(--2024_gray)); } #side-bar .side-block > .collapsible-block a.collapsible-block-link { padding-right: 0; font-size: var(--base-font-size); } #side-bar .side-block > .collapsible-block a.collapsible-block-link:after, #side-bar div.menu-item a.collapsible-block-link:after { transform: none; content: "▼"; position: static; background: none; width: auto; filter: none; } /* CONTENT */ #container { background-image: none; } #main-content :is(h1, h2, h3, h4, h5, h6, blockquote, div.blockquote, div.lightblock, div.darkblock, div.styled-quote, div.dark-styled-quote, hr, div.collapsible-block, table.wiki-content-table, .yui-navset-top, div.code, table, div.paperblock, div.darkerblock, div.darker-styled-quote) { margin-top: var(--base-font-size); margin-bottom: var(--base-font-size); } #main-content :is(blockquote, div.blockquote, div.lightblock, div.darkblock, div.styled-quote, div.dark-styled-quote, code, div.code, div.scp-image-block) { box-shadow: none; } #page-title { --wght: 700; display: flex; align-items: center; min-height: 1em; margin: .5em 0 1em; padding: 0; border: none; color: rgb(var(--swatch-text-general)); font-weight: var(--wght); font-size: 2em; line-height: 1; font-family: var(--title-font); font-variant-ligatures: common-ligatures contextual discretionary-ligatures; text-align: left; } #page-title::after, #page-title::before{ content: ""; flex-grow: 1; height: 0.0625rem; margin: auto auto auto 1.25rem; background: rgb(var(--swatch-primary)); } #page-title::before{ margin: auto 1.25rem auto auto; } .yui-navset .yui-nav { transition: none; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgb(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; color: rgb(var(--2024_white)); transition: none; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: rgb(var(--2024_gray)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; color: rgb(var(--2024_black)); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active { background-color: rgb(var(--2024_black)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; color: rgb(var(--2024_white)) !important; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { background-color: rgb(var(--2024_black)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; padding: 1px 1em; } .footnotes-footer { background-color: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); } hr { height: 0px; border-top: 1px solid rgba(var(--2024_gray), .4); } #toc { margin: 0; background-color:rgb(var(--2024_gray)); color: rgb(var(--2024_black)); border: none; } table { border-spacing: 0; } .scp-image-block { border: none; } .scp-image-block .scp-image-caption { border: none; background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } table.wiki-content-table th { --wght: 700; color: rgb(var(--2024_white)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } table.wiki-content-table td { color: rgb(var(--2024_black)); background: rgb(var(--2024_white)); } table.wiki-content-table td, table.wiki-content-table th, table.wiki-content-table tr { border: 0.2rem solid rgba(var(--2024_red), 0.6) !important; } div.rate-box-with-credit-button div.page-rate-widget-box .rate-points, div.page-rate-widget-box .rate-points { font-size: 0.8em; align-items: center; } div.rate-box-with-credit-button div.page-rate-widget-box .rate-points .number, div.page-rate-widget-box .rate-points .number { --wght: 400; font-size: 1.3em; } ul { list-style-type: disc; padding-inline-start: 20px; } ol { padding-inline-start: 20px; } a.collapsible-block-link { display: block; background-color: rgb(var(--2024_black)); text-align: center; color: rgb(var(--2024_white)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; padding: 0.3em 0.5em; --wght: 700; font-size: 1.2em; text-decoration: none !important; transition: background-color 300ms; } a.collapsible-block-link:hover { color: rgb(var(--2024_white)); background-color: rgb(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } .collapsible-block-folded a.collapsible-block-link::before, .collapsible-block-unfolded-link a.collapsible-block-link::before, .collapsible-block-folded a.collapsible-block-link::after, .collapsible-block-unfolded-link a.collapsible-block-link::after { margin: 0 0.5em; content: "▼"; display: inline-block; } .collapsible-block-folded a.collapsible-block-link::before { animation-name: collapsible-arrow-spin; } .collapsible-block-unfolded-link a.collapsible-block-link::before { animation-name: collapsible-arrow-spin-back; } .collapsible-block-folded a.collapsible-block-link::after { animation-name: collapsible-arrow-spin-2; } .collapsible-block-unfolded-link a.collapsible-block-link::after { animation-name: collapsible-arrow-spin-back-2; } .collapsible-block-folded a.collapsible-block-link::before, .collapsible-block-unfolded-link a.collapsible-block-link::before, .collapsible-block-folded a.collapsible-block-link::after, .collapsible-block-unfolded-link a.collapsible-block-link::after { animation-duration: 300ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32, .38, .39, .94); animation-fill-mode: forwards; } .collapsible-block-content { background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; background-color: rgb(var(--2024_black)); padding: 1px 1rem; color: rgb(var(--2024_white)); } .sponsor table { width: 100%; color: rgb(var(--2024_black)); } .sponsor table { border-top: 0.2rem solid rgba(var(--2024_red), 0.6) !important; border-bottom: 0.2rem solid rgba(var(--2024_red), 0.6) !important; } .sponsor table tr { display: grid; grid-template-areas: 'name con' 'name req' 'name rew'; grid-template-columns: 7.5em auto; border-top: none !important; border-bottom: 0.3rem transparent solid !important; } .sponsor table tr:nth-last-child(1) { border-bottom-width: 0 !important; } .sponsor table tr td:nth-child(1) { grid-area: con; border-right: none !important; border-top: none !important; } .sponsor table tr td:nth-child(1)::before { --wght: 700; content: "赞助用户:" } .sponsor table tr td:nth-child(2) { --alt-accent: var(--2024_alt-dead-link); --link-color: var(--2024_alt-link); --hover-link-color: var(--2024_alt-hover-link); --visited-link-color: var(--2024_alt-visited-link); --wght: 700; white-space: normal; grid-area:name; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; color: rgb(var(--2024_white)); background-color: rgb(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; text-align: center; } .sponsor table tr td:nth-child(3) { grid-area: req; border-right: none !important; border-top: none !important; } .sponsor table tr td:nth-child(3)::before { --wght: 700; content: "成就条件:" } .sponsor table tr td:nth-child(4) { grid-area: rew; border-right: none !important; border-top: none !important; border-bottom: none !important; } .sponsor table tr td:nth-child(4)::before { --wght: 700; content: "青睐奖励:" } #main-content [id*=u-credit] div.modalbox { background: rgb(var(--2024_black)) !important;; color: rgb(var(--2024_gray)); } #main-content [id*=u-credit] div.modalbox > div:first-of-type { background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } #main-content [id*=u-credit] div.modalcontainer div:nth-child(1) > h2 { margin-top: 0; margin-bottom: 0; } #main-content [id*=u-credit] .credit.first { display: block; } #main-content [id*=u-credit] div.modalbox > hr { margin: 0; height: 0; border: none; } #main-content [id*=u-credit] .credit.first p { margin: 1em 0; padding: 0; } #main-content [id*=u-credit] div.creditBottomRate { margin: 0 0 1em; padding: 1rem 0 0; box-shadow: none; } #page-content .licensebox a.collapsible-block-link { margin-left: 0; opacity: 1; color: rgba(var(--2024_white), 0.5); transition: background-color 300ms; } #page-content .licensebox a.collapsible-block-link:hover { color: rgba(var(--2024_white), 1); } /* DIV */ .darkblock a, .dark-styled-quote a { color: rgb(var(--link-color)); } .darkblock a:visited, .dark-styled-quote a:visited { color: rgb(var(--visited-link-color)); } .darkblock a:hover, .dark-styled-quote a:hover { color: rgb(var(--hover-link-color)); } .darkblock a.newpage, .dark-styled-quote a.newpage { color: rgb(var(--newpage-color)); } blockquote, div.blockquote { --alt-accent: var(--2024_alt-dead-link); --link-color: var(--2024_alt-link); --hover-link-color: var(--2024_alt-hover-link); --visited-link-color: var(--2024_alt-visited-link); background: rgb(var(--2024_red)); color: rgb(var(--2024_white)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; border: 2px solid rgba(var(--2024_white), .6); } div.lightblock { --alt-accent: var(--2024_alt-dead-link-2); --link-color: var(--2024_alt-link-2); --hover-link-color: var(--2024_alt-hover-link-2); --visited-link-color: var(--2024_alt-visited-link-2); margin-left: 0; background: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); } div.paperblock { padding: 0.1rem 1rem; background: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23bbbbbb' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat; } div.darkblock { --alt-accent: var(--2024_alt-dead-link); --link-color: var(--2024_alt-link); --hover-link-color: var(--2024_alt-hover-link); --visited-link-color: var(--2024_alt-visited-link); margin-left: 0; background: rgb(var(--2024_red)); color: rgb(var(--2024_white)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } div.darkerblock { background: rgb(var(--2024_black)); color: rgb(var(--2024_gray)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; padding: 0.1rem 1rem; } div.styled-quote { --alt-accent: var(--2024_alt-dead-link-2); --link-color: var(--2024_alt-link-2); --hover-link-color: var(--2024_alt-hover-link-2); --visited-link-color: var(--2024_alt-visited-link-2); margin-left: 0; background: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); border-color: rgb(var(--2024_red)); } div.dark-styled-quote { --alt-accent: var(--2024_alt-dead-link); --link-color: var(--2024_alt-link); --hover-link-color: var(--2024_alt-hover-link); --visited-link-color: var(--2024_alt-visited-link); margin-left: 0; background: rgb(var(--2024_red)); color: rgb(var(--2024_white)); border-color: rgb(var(--2024_gray)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } div.darker-styled-quote { padding: 0.1rem 1rem; background: rgb(var(--2024_black)); color: rgb(var(--2024_gray)); border-left: 0.5rem solid rgba(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } div.styled-quote hr, div.lightblock hr { background: rgba(var(--2024_black), .6); } blockquote hr div.blockquote hr, div.dark-styled-quote hr, div.darkblock hr { border-color: rgba(var(--2024_white), .8); } div.paperblock hr { --alt-accent: var(--2024_alt-dead-link-2); --link-color: var(--2024_alt-link-2); --hover-link-color: var(--2024_alt-hover-link-2); --visited-link-color: var(--2024_alt-visited-link-2); display: grid; height: 6px; background: rgba(var(--2024_red), .6); border: none; transform: skew(-15deg); border-radius: 3px 8px 10px 6px; } div.code { background: rgb(var(--2024_black)); color: rgb(var(--2024_white)); border: 0.2rem solid rgba(var(--2024_red), .6); } /* BUTTONS */ div#page-options-bottom > a, div#page-options-bottom-2 > a { background-color: rgb(var(--2024_red)); color: rgb(var(--2024_white)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } div#page-options-bottom > a:focus-within, div#page-options-bottom-2 > a:focus-within { text-decoration: none; } .owindow .button-bar a, a.button, button, div.buttons input, file, input.button { border-color: rgb(var(--2024_black)); background-color: rgb(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; color: rgb(var(--2024_white)); } .owindow .button-bar a:hover, a.button:hover, button:hover, div.buttons input:hover, file:hover, input.button:hover { border-color: rgb(var(--2024_black)); background-color: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); } /* PAGE TAGS */ #main-content .page-tags { border-top: 0.2rem solid rgb(var(--2024_red)); position: relative; margin-top: 2rem; } .page-tags:before { color: rgb(var(--2024_gray)); content: "TAGS"; font-weight: bold; font-size: 85%; background: rgb(var(--2024_red)); padding: 0.1rem 0.3rem; margin: 0; display: block; width: fit-content; position: absolute; bottom: 1.4rem; left: 0; } #main-content .page-tags span { border-top: none; padding-top: 3px; } .page-tags span a:nth-child(1) { margin-left: 0; } /* OTHERS */ ::selection { background: rgb(var(--2024_purple)); color: rgb(var(--2024_white)); } ::-moz-selection { background: rgb(var(--2024_purple)); color: rgb(var(--2024_white)); } #footer { white-space: nowrap; padding: 0.2rem; align-items: center; height: auto; font-size: calc(var(--base-font-size)*.75); } #footer .options { display: flex !important; flex-wrap: wrap; border: none; font-size: 0; padding-right: calc(var(--base-font-size)*.75*.4); } #footer .options a { font-size: calc(var(--base-font-size)*.75); box-shadow: .0625rem 0 0 0 rgb(var(--2024_red)); padding: 0.2em; padding-right: 0.4em; margin: 0.2em; } #license-area { background: rgb(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; color: rgb(var(--2024_gray)); padding: 0.5em 0; } #license-area a { color: rgb(var(--2024_gray)); } .avatar-hover { display: none !important; } .printuser img.small { padding-right: 3px; } #page-info-break { height: 0.8rem; } #page-options-container { margin-bottom: 0.5em; display: grid; grid-template-areas: 'info watch' 'option1 option1' 'option2 option2'; max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } #page-options-container #page-info { grid-area: info; text-align: left; margin: 0; padding: 0; font-size: 0.65rem; } #page-options-container .page-watch-options { grid-area: watch; margin: 0; padding: 0; font-size: 0.65rem; } #page-options-container #page-options-bottom { grid-area: option1; margin-top: 0.5rem; } #page-options-container #page-options-bottom-2 { grid-area: option2; } #page-options-container #page-options-bottom, #page-options-container #page-options-bottom-2 { width: 100%; } .hl-code, .hl-identifier, .hl-brackets { color: rgb(var(--2024_gray)); } .hl-string, .hl-special { color: rgb(96, 39, 212); } #who-rated-page-area > div > span[style*=color] { color: rgb(var(--2024_gray)) !important; } /* ICONS */ .infomark::before { content: "\f05a"; font-weight: 900; font-family: "Font Awesome 5 Free"; } /* MOBILE */ #license-area { bottom: 0; width: 100%; padding-top: 0.5em; } #top-bar div.mobile-top-bar { height: var(--topbar-height-on-mobile); } @media only screen and (max-width: 768px) { :root { --rating-module-height: 1.5em; } #content-wrap { margin: var(--topbar-height-on-mobile) auto 0; } #page-content { font-size: 0.95em; } #page-options-container { grid-template-areas: 'info info' 'watch watch' 'option1 option1' 'option2 option2'; } #page-options-container .page-watch-options { text-align: left; } .sponsor table tr { grid-template-columns: min-content auto; } .sponsor table tr td:nth-child(2) { white-space: normal; } .sponsor table tr td:nth-child(1)::before { content: "赞助用户" } .sponsor table tr td:nth-child(3)::before { content: "成就条件" } .sponsor table tr td:nth-child(4)::before { content: "青睐奖励" } .sponsor table tr td:nth-child(1)::before, .sponsor table tr td:nth-child(3)::before, .sponsor table tr td:nth-child(4)::before { display: block; } #license-area { padding: 0.8em 0; height: auto; } #license-area a { display: block; } }
“千禧年的钟声响起。2000年,春节。
妈妈那时候的春节还是张灯结彩的,当时你还小。我印象里挺热闹的,一年里最热闹的时候了。大家都聚在一起搓麻将,街上人满为患,熙熙攘攘的,“新年好”的声音不绝于耳。鞭炮,烟花,锣鼓喧天,大队人马走在街上,却让人感觉很慢,似乎时间都凝固了。
那天我带你去了商场——一年也去不了几回!跟你手牵着手走在商品和店铺里,回想起来真是幸运。你知道吗?在那个已经关闭的“新世纪”商场的地下,我给你留了礼物。可以说是成人礼吧!来自过去的时间胶囊,当时只是想去做,但是没想到已经这么久了……所以,就留给你去取了。”
千禧年。多么遥远的词汇。我翻看着母亲留下的信,回到家乡的老城区。靠在颤抖的公交车窗户上,瞥着老城区的破败与活力。宝蓝色的窗户与白亮的瓷砖,不加粉饰的砖墙爬着广告和刻字,几家关闭的学校,几个十年的记忆。
又是一年春节。引擎把我拉到站点,眼前就是即将拆除的商场。拆除工作过了春节就要开始了。商场宝蓝色的窗户间或的挂在剥离了墙砖的瓷白墙面上,褪色的墙纸跟模糊的海报因为风雨的长期侵扰彻底腐烂分解……
仿制的维纳斯雕像暴露着石膏下的钢筋。门头略显小气,颓垣并着苔藓跟沙土一起堆在角落……
我翻了进去。
翻进商场,我能看出曾经的光洁和辉煌。一种熟识的感情涌了上来。五官模糊的塑料模特肢解在一旁,破成碎絮的女装挂在木头架子上,锈蚀的收音机诉说着自己的经历。
我走进曾经去过的厕所,打开隔间门——这里出乎意料的干净。老式的瓷砖泛黄,地面倔强的反光,铁质的便器仍与当年相同。
然后我走了出去,我看到了——
千禧年的商场。
Level UX-80.5
生存难度:生存難度:
等级等級 2
- 不安全
- 稳定
- 实体危害
如何使用:
[[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 UX-80.5是一座废弃的商场。一切都被水淹没了。
本层级存在另一个版本的报告,但是由于层级的特殊效应“褪色”,另一个报告已经无法正常阅读,且MEG内部关于此报告记忆几乎已经消失,因此无法恢复。
本层级表现为一座千禧年左右风格的废弃商场。迷雾弥漫其间,红色绿色的锈迹爬满了金属。温度相当于北方秋天的气温,空气显得清冷,没有夹杂奇怪的气味,只有消毒水的味道偶尔钻入鼻子。
在本层级中行走时,你时常会感到一丝丝凉意,这通常伴随着空气湿度的上升。可能正因为这种效应,一般在此层级中空气里观测不到过多灰尘或其它颗粒。
层级内的阴暗处往往只会生长苔藓,不会产生昆虫等动物。其它植物极少观测到,只观测到过一类绿色的繁茂爬山虎,未知的蕨类植物,某些黄色的花朵(均非前厅品种)。
层级内可以找到杏仁水,各种食品,布料等。层级中大多的包装都褪色了,但是内容物通常是状态良好的,而且总是具有促进好梦的效果。
本层级存在地下车库,但是M.E.G.并没有掌握正常进入的方法。
特殊效应:
由于褪色效应,关于本层级的文字资料和记忆极易丢失。MEG已经确保三天至少备份一次本文档。
实体:
本层级内实体仅一种:黑色陌路人。推测这些实体正是由于褪色效应产生。
这些实体通常在夜晚的8-11点大量出现,形成人潮。它们是本层级内主要的危害。它们不会注意到流浪者的存在,会按照自己本身的路线行动。当流浪者碰到这些黑影后,会被直接挤压到地下。这中间会经历一层地下车库,但是流浪者会直接穿过车库地板,然后从空中10-20m的距离摔落。对于毫无准备的流浪者,这会导致严重的摔伤。
我们不建议在晚上8-11点仍旧留在本层级。躲避所有黑影是很难的,因为他们的密度极大,行踪难以捕捉。但是在一天的其它时间中,本层级是非常安全的。
前哨站,组织和基地:
S.C.G.“猫猫骑士团”
- 由4只猫组成;
- 对流浪者友善;
- 推测具有在本层级地下车库行走的能力。
出口与入口
出口:
- 翻出商场的围栏,会让你来到Level 11。
- 在空中切出,可能让你来到Level UX-100。
- 走入写着“浴场”的厕所,你会来到Level UX-80的第一部分。
入口:
我的手变得很小,脑袋也糊涂了。没有面目的人笑着关心我,告诉我我的妈妈就在外面等着。
稚气驱使着我跑了出去。商场是干净整齐的,朦胧的人手牵着手,说着不清不楚的语言,如同儿时半梦半醒时,听到大人的谈话。消毒水和人们的热气温暖了冬天,商场里若有若无的播放着《回家》。
“妈妈,你在哪里?”幼小的声音在我的喉咙里发出,我急匆匆的环视着周围可能熟悉的身影,但是那身影并没有在眼底出现。
穿过闪亮金器的柜台,绕过涓涓流水的摆件,在衣架里,在走廊里,我呼喊着母亲。
我看到一个模糊的身影,一袭红衣?似乎是红衣,那天就是。一件羊毛衫?谁能记得。我跑向她,眼里久违的泛起了泪水。
她消失了。
她是人群中的海市蜃楼。无数次,我在角落,在人群,在店铺,在遥远或近处,看到她的身影,但我永远追不到她。
我一步一步,从三楼缓缓走下,再迈下那通往一楼的阶梯。每一步在寻找——但每一层楼都空荡荡的,没有她的身影。心中渐渐泛起不安,那个最温暖的怀抱,为何此刻无处寻觅?
我开始疑惑,甚至有些惶恐。悲观的念头刻薄如刮骨的冷风,穿透了我所有的坚强。
泪水流淌,打湿了我的衣襟。我就这么站在原地,让泪水尽情地流淌,流淌。周围的一切都变得模糊而遥远。那一刻,我仿佛被孤独紧紧包裹,只有心底的呼唤,在空旷中回响——“妈妈……”
人群熙攘。朦胧的陌生人在身边穿过,偶尔有低头似乎在安慰我的人。温暖如故,心如刀割。
追寻,追寻,求而不得,母亲的影子始终犹如泡影。
直到。
一丝寒意在身后吹来。平整的地面上忽然出现了一条阶梯,直指向下。希望的逼迫下——如同腰上有绳子拉着——我奔向地下。
墙纸逐渐脱落,霉菌反了上来。水没过小腿,反没过脚腕。月亮慢慢出现,在坍塌的混凝土旁。我又成为长大的我。我捡起角落的小盒。跨越时间,现在递到了我的手上。没用完的泪花闪现,夜晚的呜咽如同咸风刮过铜蚀的铁丝网,无声无息的发出沙沙声。
在明月渲染的昏暗云霞下,我低下了头。
吱呀一声。盒子打开。其中,唯有几页布满小字的纸,字迹非常熟悉,但却想不起来是谁的。是母亲的吗?
“你好。我是你的母亲,刘素荧。我想给你讲一个故事,一个之前没来的及发生,之后也不会发生的故事。”
一片黑色的幕布。
台上,我看到两个人的身影在眼前浮现。一侧,一袭红衣的女人身影长着天使的翅膀,散发着无暇的光芒。一侧,是朴素衣服下,一个稍显稚嫩的少年。他们面孔模糊,他们一齐看向我,红衣的女性开口,说起话来。而我无论如何挣扎,也不能发出一个音节,只能看着。
第一幕:
“漫游者向林间清晨的绿色地带降落,
带来了玫瑰般精灵。
那是我的人儿,
无毛而神圣。
误入人间的美好啊,
你的神采奕奕。
你是花丛中点缀的繁星,
是镜湖上摇曳的山峰。
我的阳光,
我亲爱的,
我生命里的朝阳。”
震撼。
黑暗在无处不在的周遭,怕人的窃窃私语。红衣而无暇的人,是我的母亲。
而对面的少年做出了答复。
“万物凋零时母神将我唤醒,
冰蓝的黄昏,冷谧的黎明。
有你。
我的萤火虫。
冰封千里时萤火引我返家,
寒夜皑皑覆雪,
笑语盈盈相随,
我的萤火虫。”
少年的脸逐渐明晰,那是我自己的脸。
但母亲的脸却没有明晰。她的脸是什么样了?
烦躁侵蚀着,如此理所当然的事情,我却不记得了,就像硬生生抹除了这种印象——然后,少年再度开口。
“火焰缠身如附骨之蛆,
那是晚上,
当你离开。
我亲爱的萤火虫。
我该牺牲什么将你从死神手上救下,
我应该成为烟花吗?
我的萤火虫,
你会找到那绚丽吗?”
一丝惊惧在惊愕旁边悄然埋下。未等我反应,母亲开口了。
“我坚强的人儿。
你为何要悲伤?
是因烟花绚丽,
是因火焰剧烈?
无论哪种,
火终将熄,
人也如此。”
我的脑海里,一种许久未用的保护机制被触动,一张火焰中的图景徐徐展开。
我的母亲常年不在家,她只有过年的时候才能回来。我当时还很小,总是不理解她为什么在外奔波。现在想着,大概也就是工作一类的事情吧。
直到我六岁那年,仲夏。
那是我童年中最快乐的一段时光了。我和母亲每天都在家里,在公园里,在道路上,在游泳池一同玩耍。我贪婪的吮吸着母爱的气味,曾经的我就像一封没有地址的信封,现在终于贴上了标签。
直到,直到。
萤火虫扑向熊熊燃烧的大火,蒸汽、烟雾、火焰、光与影交织,云被火淬,风为烈携。萤火虫扑火,就再也没掀起波澜了,只留下一个浪花,那是被困在火灾现场里惊骇万分的我。
我被完整的救了出来,远离了无情的火焰,而母亲则永远的留在了那里。
第二幕:
大口喘息。氧气,返回肺内。我发现我正坐在一团漆黑前,我坐在了那个少年的位置,我的面前是我的母亲,而台下则是我自己。一种不受控制的情感卷携着我,我开口道:
“火焰缠身如附骨之蛆,
那是晚上,
当你离开。
我亲爱的萤火虫。
我该牺牲什么将你从死神手上救下,
我应该成为烟花吗?
我的萤火虫,
你会找到那绚丽吗?”
温柔的声音再次传来:
“病噩缠身如附骨之蛆,
从未有火,
我坚强的人儿。
透过温柔面纱,
看到那,
无情的本质。
我珍爱的阳光,
你为什么哭呢?
无论生活如何,
接受真实,尽力而为,
是最优解。
我们终将死亡。
我们都将死亡
我们终将死亡。”
轰。
我该如何做?我该如何做?
我现在无比的接近我内心埋藏的真相,但是我许久未用的保护机制告诉我——就此停滞吧!再往前走,失去的某些记忆也许将会伤害到我自己。
但是悲伤已经在我的心里泛出来了,我的记忆不要钱的往外涌了。就像光洁的大理石上出现的第一道裂缝,然后是第二道,然后是第三道——
火焰是虚假的。

一个病房。模糊的记忆。走道。崩坏的情感。
在破碎的未经粉饰的记忆里。年幼的我不明真相,但是哭喊着,无声的哭喊着,连哭喊声都被碾碎到长大至今无数遭遇的春泥里了。母亲因为癌症去世。这是我后来知道的。
但是明明,萤火虫扑火的灾难,比起自然的死亡更加让人沉痛。我为什么要编造一个那样腻烦的谎言呢?
也许,也许,也许……
第三幕:
世界如同甩干机般在我身边舞动,我的灵魂扑通一声,惊醒于母亲的位置。
我已经知道我应该说什么了。

“病噩缠身如附骨之蛆,
从未有火,
我坚强的人儿。
透过温柔面纱,
看到那,
无情的本质。
我珍爱的阳光,
你为什么哭呢?
无论生活如何,
接受真实,尽力而为,
是最优解。
我们终将死亡。
我们都将死亡
我们终将死亡。”
在我说完之后,台下的我走上阶梯,最终开口。

”抑郁缠身,
想爱却不能。
记忆里我的天使,
现实里置我于泥潭。
抛弃我,
于失去的母爱。
大限将至,
你奔向我,
燃烧了萤火一烛,
直到风干。
短暂拥有却永远失去,
我直面你的抛弃,
我理解你的心哀,
我和解,
和我自己。
我珍爱的阳光,
你为什么哭呢?
无论生活如何,
接受真实,尽力而为,
是最优解。
我们生命终将逝去。
我们终将逝去。
我们终将逝去。
万物终将逝去。”
台下的我走过舞台,走到黑色幕布之前,将漆黑掀开一角,刺眼的光线透露出来。回头凝望一霎,然后迈进光明。
这忽如其来的光晕闪盲了我的眼睛。
在下一幕,
我的脑海里闪现了一片夕阳。
无比真实的利刃在心头凝结。
我的母亲患有抑郁,在我两岁的时候就抛弃了我,我从小都是和父亲一起生活的。直到六岁时,她因患癌走到了尽头。
父亲将她接到了这座小城,我与她在一起。在父亲的陪伴下,度过了最后的时日。我拥有了两个月的母爱,这也就是我的全部。她尝试补偿我曾经失去的,即使她的精神也已经摇摇欲坠。我从没有怪过你,我能听到你。
那是我童年中最快乐的一段时光。那两个月。
而后。
那天。
夕阳下的医院,在火烧云的渲染下,如同发生了火灾。或者说,那是我见过最绚烂的一场烟花。

………
第四幕。
在我反应过来之前,我已经站在了幕布前面,一只手掀开这片漆黑。
我回头看了看那个红衣的身影,她的翅膀已经凋零,而面孔也变成了我自己的。
然后,
我坚决的踏出了幕布。
………
我坐在一片瓦砾之间,那几张纸也已经读到尽头。
纸上的笔迹终于认出来了,那是我自己的笔迹。这是一首我写给自己的诗。而这首诗已经读到尽头。
“我希望你昨天,今天,明天一切都安好。
希望你能知道烟火般绚烂的生命终将逝去。
我亲爱的阳光,
我亲爱的阳光,
祝你好运。”
春节。
热闹,在城市的上空,酝酿。无限的可能,无限的向往成为了热闹人群的佐料。我站在一片破砖破瓦里,将纸片扣入盒中。
啷当。
盒盖关闭。
………
浑浑噩噩的,我找到了我们曾经的家。
我的兜里不知道什么时候悄然浮现了曾经的家的钥匙。也许我的潜意识从很久之前就压抑着,呼唤着这一天吧。
这是春节,张灯结彩的春节,现在是春节的夜。
而在我们曾经的家里,堆放着应接不暇的烟花。
I'm taking my ride with destiny,
我背负着宿命出发了,
Willing to pay my part,
愿意付出我生命的一部分,
Living with painful memories,
活在痛苦的回忆之中,
Loving with all my heart,
全心全意去爱这世界的一切,
Made in heaven, made in heaven,
一切来自天堂,来自天堂啊,
It was all meant to be, yeah,
一切都是命中注定 耶,

Made in heaven, made in heaven,
来自天堂,来自天堂啊,
That's what they say can't you see,
那就是他们说的 难道你看不见吗,
That's what everybody says to me,
那就是每个人对我说的,
Can't you see,
难道你视而不见吗,
Oh I know, I know, I know that it′s true,
哦 我了解 我了解 我了解那是真的,
Yes it's really meant to be,
是的 真的是命中注定,
Deep in my heart,
在我内心深处,

I'm having to learn to pay the price,
我不得不学会付出代价,
They're turning me upside down,
他们把我弄得晕头转向,
Waiting for possibilities,
等待无数的可能,
Don't see too many around,
不要总是四处张望,
Made in heaven, made in heaven,
一切都来自天堂 来自天堂啊,
It's for all to see,
所有人都能看到,
Made in heaven, made in heaven,
来自天堂 来自天堂啊,
That's what everybody says everybody says to me,
那就是每个人对我说的 每个人都对我说,
It was really meant to be Oh can't you see,
真是命中注定 难道你看不见吗,
Yeah, everybody, everybody says,
是的 每个人 每个人都这么说,
Yes it was meant to be Yeah, yeah,
是的 命中注定 耶耶,

When stormy weather comes around,
当暴雨天气席卷一切,
It was made in heaven,
它来自天堂,
When sunny skies break through behind the clouds,
当太阳冲破乌云的阻挠,
I wish it could last forever, yeah,
我希望这一刻永存 耶,
Wish it could last forever, forever,
希望这一刻永存 永远,
I'm playing my role in history,
在历史上扮演我的角色,
Looking to find my goal,
拼命寻找我的目标,

Taking in all this misery,
重拾所有不幸,
But giving it all my soul,
对它敞开心灵,
Made in heaven, made in heaven,
一切来自天堂 来自天堂啊,
It was all meant to be,
一切命中注定,
Made in heaven, made in heaven,
来自天堂 来自天堂啊,
That's what everybody says,
那就是每个人说的,
Wait and see, it was really meant to be,
等待看看 真的是命中注定,
So plain to see,
如此显而易见,
Yeah, everybody, everybody, everybody tells me so,
是的每个人 每个人 每个人都这么对我说,
Yes it was plain to see, yes it was meant to be,
是的 显而易见 是的 就是命中注定,
Written in the stars… Written in the stars…
一切写在星辰上 写在星辰上。
版式相关
版式:“版式:2024”,作者Ambersight,来自后室中文维基。原文链接:见此。遵循 CC BY-SA 3.0 协议。
文件名:theme2024pattern.png
图像作者:Woedenaz
授权协议:CC BY-SA 3.0
来源链接:[https://scp-wiki-cn.wikidot.com/theme:ch-scp-theme]

