@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Bitter&display=swap'); /* 全局 */ :root { --theme-base: "black-highlighter"; --theme-id: "blank"; --theme-name: "Blank Theme"; --logo-image: none; --header-title: "The Backrooms"; --header-subtitle: "你曾经来过这里"; --bb-black: 65, 65, 65; --bb-white: 253, 253, 253; --bb-accent-color: 63, 66, 50; --bb-accent-background: 215, 219, 204; --body-font: Inter, Noto Sans SC, Noto Sans TC, Arimo, Verdana, Geneva, sans-serif; --header-font: var(--body-font); --title-font: var(--body-font); --mono-font: Bitter, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace; --temp-font-1: Inter, Noto Sans SC, Noto Sans TC, Arimo, Verdana, Geneva, sans-serif; --temp-font-2: Bitter, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace; --white-monochrome: var(--bb-white); --pale-gray-monochrome: var(--bb-white); --light-gray-monochrome: var(--bb-white); --gray-monochrome: var(--bb-white); --black-monochrome: var(--bb-black); --bright-accent: var(--bb-black); --medium-accent: var(--bb-white); --dark-accent: var(--bb-black); --pale-accent: var(--bb-black); --swatch-topmenu-border-color: var(--bb-white); --swatch-menubg-dark-color: var(--bb-black); --rating-module-button-plus-color: var(--bb-black); --rating-module-button-negative-color: var(--bb-black); --rating-module-button-cancel-color: var(--bb-black); --rating-module-button-credit-color: var(--bb-black); --link-color: var(--bb-black); --hover-link-color: var(--bb-black); --visited-link-color: var(--bb-black); --background-gradient-distance: 0rem; --gradient-header: linear-gradient(to top, rgba(var(--medium-accent)) 0%, rgba(var(--medium-accent), 0.90) 100%); --diagonal-stripes: linear-gradient(transparent 0); } * { scrollbar-color: rgb(var(--bb-black)) transparent !important; } #page-content { font-size: 110%; } @media only screen and (max-width: 768px) { #page-content { font-size: 90%; } } ::selection { background: rgb(var(--black-monochrome)); color: rgb(var(--white-monochrome)); } ::-moz-selection { background: rgb(var(--black-monochrome)); color: rgb(var(--white-monochrome)); } #skrollr-body { background-image: none; } #container { background-image: none; } /* body::-webkit-scrollbar-thumb { background-color: rgb(var(--bb-black)); } body::-webkit-scrollbar-track { background-color: rgb(var(--bb-white)); } */ #main-content { padding-bottom: 3em; } /* 版头 */ #login-status, #login-status a { color: rgb(var(--bb-black)); opacity: 0; transition: opacity 300ms; } #login-status span.printuser { opacity: 0; transition: opacity 300ms; } #header:hover #login-status span.printuser, #header:focus-within #login-status span.printuser { opacity: 1; } #header:hover #login-status, #header:hover #login-status a, #header:focus-within #login-status, #header:focus-within #login-status a { opacity: 1; } #account-topbutton { border: none; } #account-options { background-color: rgb(var(--bb-white)); border: 0.15rem solid rgb(var(--bb-black)); } #login-status ul a { text-decoration: none; background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); transition: background-color 300ms; } #login-status ul a:hover, #login-status ul a:focus { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)) !important; } @media only screen and (max-width: 768px) { #search-top-box-form { display: none; } } #search-top-box-input { display: none; } #search-top-box-form>input.button.btn { opacity: 0; transition: opacity 300ms, color 300ms, background-color 300ms; color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); border: 0.15rem solid rgb(var(--bb-black)); } #search-top-box-form>input.button.btn:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { text-shadow: none; } #header:hover #search-top-box-form>input.button.btn, #header:focus-within #search-top-box-form>input.button.btn { opacity: 1; } #header h1 a::before, #header h2 span::before { text-shadow: none; color: rgb(var(--bb-white)); transition: color 300ms, bottom 300ms; } #header:hover h1 a::before, #header:hover h2 span::before, #header:focus-within h1 a::before, #header:focus-within h2 span::before { color: rgb(var(--bb-black)); } #header h1 a:before { position: relative; font-weight: 900 !important; bottom: 0; } #header:hover h1 a:before, #header:focus-within h1 a:before { bottom: 3px; } #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 2rem; margin: 0; width: 100%; display: flex; justify-content: center; } /* 顶栏 */ #top-bar div.mobile-top-bar>ul>li>a, #top-bar div.top-bar>ul>li>a, #header:hover #top-bar div.mobile-top-bar>div.open-menu>p>a, #header:focus-within #top-bar div.mobile-top-bar>div.open-menu>p>a { color: rgb(var(--bb-white)); transition: opacity 300ms; } #header:hover #top-bar div.mobile-top-bar>ul>li>a, #header:hover #top-bar div.top-bar>ul>li>a, #header:focus-within #top-bar div.mobile-top-bar>ul>li>a, #header:focus-within #top-bar div.top-bar>ul>li>a { color: rgb(var(--bb-black)); } #header:hover #top-bar div.mobile-top-bar>div.open-menu>p>a, #header:focus-within #top-bar div.mobile-top-bar>div.open-menu>p>a { color: rgb(var(--bb-black)) !important; } #top-bar div.top-bar>ul>.sfhover>a { color: rgb(var(--bb-white)) !important; } #top-bar div.mobile-top-bar>ul>li:hover>a, #top-bar div.mobile-top-bar>ul>li:focus-within>a { color: rgb(var(--bb-white)) !important; } #top-bar div.mobile-top-bar>ul>li>ul>li, #top-bar div.top-bar>ul>li>ul>li { transition: background 300ms; } #top-bar div.mobile-top-bar>ul>li>ul>li:hover, #top-bar div.top-bar>ul>li>ul>li:hover, #top-bar div.mobile-top-bar>ul>li>ul>li:focus, #top-bar div.top-bar>ul>li>ul>li:focus { background: rgb(var(--bb-white)); } #top-bar div.mobile-top-bar>ul>li>ul>li:hover a, #top-bar div.top-bar>ul>li>ul>li:hover a, #top-bar div.mobile-top-bar>ul>li>ul>li:focus-within a, #top-bar div.top-bar>ul>li>ul>li:focus-within a { color: rgb(var(--bb-black)); } /* 侧栏 */ #side-bar::-webkit-scrollbar { display: none !important; } #main-content::after { visibility: hidden; } #main-content::before { background-color: rgb(var(--bb-white)) !important; } #side-bar div.side-block { border-right: none; } #side-bar .heading { border-top: 0.125rem solid rgb(var(--bb-black)); border-bottom: 0.125rem solid rgb(var(--bb-black)); } #side-bar .heading p { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); text-shadow: none; } #side-bar .menu-item, #side-bar .menu-item p { border-bottom: 0.15rem solid rgb(var(--bb-white)) !important; } #side-bar div.menu-item a:not(a:first-child) { border-left: 0.15rem rgb(var(--bb-white)) !important; } #side-bar .side-block>.collapsible-block .collapsible-block-link { color: rgb(var(--bb-black)); text-shadow: none; } #side-bar .side-block>.collapsible-block .collapsible-block-link:hover { color: rgb(var(--bb-white)); } #side-bar div.menu-item a { transition: background-color 300ms; } #side-bar div.menu-item a:hover { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); } #side-bar .side-block>.collapsible-block a.collapsible-block-link:after, #side-bar div.menu-item a.collapsible-block-link:after, #side-bar div.menu-item a::before { display: none; } #side-bar { position: fixed; border-right: 0.15rem solid transparent; } #content-wrap { margin-left: 0; } #side-bar:hover { border-right: 0.15rem solid rgb(var(--bb-black)); } @media only screen and (max-width: 768px) { #side-bar { border: none !important; } } /* 评分 */ .page-rate-widget-box, .rate-box-with-credit-button { background-color: rgb(var(--bb-white)) !important; border-color: transparent !important; box-shadow: none !important; } /* 页面元素 */ .radius-div>* { border-radius: 10px; } .error-inline { color: rgb(var(--bb-black)); border: 1px solid rgb(var(--bb-black)); } hr, .dashed-hr { margin: 1em 0; padding: 0; display: block; border: none; height: 2px; background-image: linear-gradient(90deg, rgb(var(--bb-black)) 0%, rgb(var(--bb-black)) 55%, rgb(var(--bb-white)) 55%, rgb(var(--bb-white)) 100%); background-size: 1em 2px; background-repeat: x-repeat } .solid-hr { margin: 1em 0; padding: 0; display: block; height: 2px; background-color: rgb(var(--bb-black)); } .styled-hr { margin: 1em 0; padding: 0; display: block; position: relative; height: 0.15em; overflow: hidden; border: initial; background-color: rgb(var(--bb-black)); -webkit-clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%); clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%); } .avatar-hover { display: none !important; } .avatarhover a { text-decoration: none; color: rgb(var(--bb-black)); -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } .avatarhover:hover a { text-decoration: none; color: rgb(var(--bb-white)); } #action-area .avatarhover:hover a { background-color:rgb(var(--bb-black)); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]), #page-content .avatarhover, .hovertip a, .classic-collap a.collapsible-block-link { padding: 0.15em; margin: -0.15em; color: rgb(var(--bb-black)); -webkit-box-decoration-break: clone; box-decoration-break: clone; box-shadow: inset 0 -0.125rem 0 0rem rgb(var(--bb-black)); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]):hover, #page-content .avatarhover:hover, .hovertip a:hover, .classic-collap a.collapsible-block-link:hover { box-shadow: inset 0 -1.5em 0 0 rgb(var(--bb-black)); text-decoration: none; color: rgb(var(--bb-white)); } #page-title, .meta-title { margin: 0 auto 0.6em; text-align: center; font-size: 30px !important; } /* 目录 & 折叠 */ #toc { background-color: rgb(var(--bb-white)); border: solid 0.15rem rgb(var(--bb-black)); color: rgb(var(--bb-black)); padding: 0; } #toc-action-bar { padding: 0 !important; } #toc-list { margin: 0.5em; } #toc-action-bar>a, a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) { display: inline-block; transition: background-color 300ms; color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); text-decoration: none !important; } a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) { padding-right: 0.4em; } .collapsible-block { margin: 1em 0; } #toc-action-bar>a { width: 100%; } #toc-action-bar>a:hover, a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } #toc-action-bar>a:nth-child(1)::before, #toc-action-bar>a:nth-child(2)::before, .collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before, .collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before { margin: 0 0.2em 0 0.4em; content: "▼"; color: rgb(var(--bb-black)); background-color: transparent; visibility: visible; display: inline-block; } #toc-action-bar>a:nth-child(1):hover::before, #toc-action-bar>a:nth-child(2):hover::before, .collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover::before, .collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover::before { color: rgb(var(--bb-white)); } #toc-action-bar>a:nth-child(2)::before, .collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before { animation-name: collapsible-arrow-spin; animation-duration: 0.3s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32, .38, .39, .94); animation-fill-mode: forwards; } #toc-action-bar>a:nth-child(1)::before, .collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before { animation-name: collapsible-arrow-spin-back; animation-duration: 0.3s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32, .38, .39, .94); animation-fill-mode: forwards; } @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); } } /* 分页 */ .yui-navset .yui-nav { border: solid 3px rgb(var(--bb-black)); box-shadow: none; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { transition: background-color 300ms; background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); } .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)) !important; } .yui-navset .yui-nav .selected a { color: rgb(var(--bb-white)) !important; } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { box-shadow: 0 0 0 .0625rem rgb(var(--bb-white)); background-color: rgb(var(--bb-white)); } .yui-navset .yui-content { background-color: rgb(var(--bb-white)); border: none; margin: 0; padding: 0.25em 0; } /* 图像框 */ .scp-image-block { border: none; box-shadow: none; } .scp-image-block .scp-image-caption { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); border: none !important; } .reversed-image .scp-image-block .scp-image-caption { background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } .bordered-image .scp-image-block { border: 0.15rem solid rgb(var(--bb-black)); } /* 表格 */ table.wiki-content-table tr, table.wiki-content-table th, table.wiki-content-table td { border: .2rem solid rgb(var(--bb-black)) !important; } table.wiki-content-table th { background-color: rgb(var(--bb-black)) !important; color: rgb(var(--bb-white)); } /* DIVs */ .code { border: dashed 0.15rem rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } .code::-webkit-scrollbar-thumb { background-color: rgb(var(--bb-black)); } .code::-webkit-scrollbar-track { background-color: rgb(var(--bb-white)); } .blockquote, blockquote { border: solid 0.15rem rgb(var(--bb-black)) !important; box-shadow: none !important; background-color: rgb(var(--bb-white)) !important; color: rgb(var(--bb-black)) !important; } .lightblock { margin-left: 0; border: solid 0.15rem rgb(var(--bb-black)) !important; box-shadow: none !important; background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } .darkblock { --bb-black: var(--white-monochrome); --bb-white: var(--black-monochrome); margin-left: 0; border: none !important; box-shadow: none !important; background: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } .darkblock * { --bb-black: var(--white-monochrome); --bb-white: var(--black-monochrome); } .styled-quote { background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); margin-left: 0; border-left: solid 0.4rem rgb(var(--bb-black)) !important; box-shadow: none !important; padding-top: 0; padding-bottom: 0; } .dotted-quote { color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); padding: 0.01rem 1rem; margin: 0.5rem 0; border: dashed 0.15rem rgb(var(--bb-black)); } .dotted-quote hr { background-image: none; background-color: rgb(var(--bb-white)); height: 0px; border-top: dashed 0.15rem rgb(var(--bb-black)); } .accent-block { --bb-black: var(--bb-accent-color); --bb-white: var(--bb-accent-background); background-color: rgb(var(--bb-white)); padding: 0.01rem 1rem; margin: 0.5rem 0; color: rgb(var(--bb-black)); } .accent-block * { --bb-black: var(--bb-accent-color); --bb-white: var(--bb-accent-background); } .accent-block .darkblock { --bb-black: var(--bb-accent-background) !important; --bb-white: var(--bb-accent-color) !important; } /* 脚注 */ a.footnoteref { color: rgb(var(--bb-black)); background-color: transparent; transition: background-color 300ms; text-decoration: none !important; padding: 0 0.2em; } a.footnoteref:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } .hovertip { border: 0.15rem solid rgb(var(--bb-black)) !important; } .hovertip .f-footer { display: none; } #page-content>div.footnotes-footer { border-left: solid 0.4rem rgb(var(--bb-black)); margin-top: 1rem; } .footnotes-footer .footnote-footer a:nth-child(1) { text-decoration: none; color: rgb(var(--bb-black)); } /* 标签 */ .page-tags { margin: 0 auto; text-align: center !important; } .page-tags a { line-height: inherit; font-weight: 600; } .page-tags span { border-top: none; border-bottom: 0.15rem solid rgb(var(--bb-black)); } .page-tags span a { color: rgb(var(--bb-black)); -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } .page-tags span a:hover { box-shadow: inset 0 -1.5em 0 0 rgb(var(--bb-black)); text-decoration: none; color: rgb(var(--bb-white)); } /* 按钮 */ div#page-options-bottom-2>a, div#page-options-bottom>a { background-color: rgb(var(--bb-white)); font-weight: 600 !important; color: rgb(var(--bb-black)); border-radius: 0em; -moz-border-radius: 0em; border: 0.15rem solid transparent; text-decoration: none !important; transition: border 300ms, background-color 300ms; } #prw54355 { font-weight: 600 !important; } div#page-options-bottom-2>a:active, div#page-options-bottom-2>a:hover, div#page-options-bottom>a:active, div#page-options-bottom>a:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); border: 0.15rem solid rgb(var(--bb-black)); text-decoration: none !important; } /* 信息 */ #page-info { color: rgb(var(--bb-white)); } div.page-watch-options { visibility: hidden; } @media only screen and (max-width: 768px) { #page-info { display: none; } } /* 页脚 */ #license-area { display: none; } #footer { display: none !important; } /* 操作 */ #owindow-1 { border-color: rgb(var(--bb-black)); } #who-rated-page-area>div>span { color: rgb(var(--bb-black)) !important; } #who-rated-page-area .avatarhover:hover a { transition: background-color 300ms; } #who-rated-page-area .avatarhover:hover a { background-color: rgb(var(--bb-black)); } #action-area input.text::-webkit-scrollbar-thumb, #action-area textarea::-webkit-scrollbar-thumb { background-color: rgb(var(--bb-black)); } #action-area input.text::-webkit-scrollbar-track, #action-area textarea::-webkit-scrollbar-track { background-color: rgb(var(--bb-white)); border-left: rgb(var(--bb-black)) 0.15rem solid; } #action-area input.text::-webkit-resizer, #action-area textarea::-webkit-resizer { border-top: rgb(var(--bb-black)) 0.15rem solid; border-left: rgb(var(--bb-black)) 0.15rem solid; background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } textarea, input.text, input.checkbox, div.note, #lock-info { border: 0.15rem solid rgb(var(--bb-black)) !important; } table.form td div.sub, form div.sub { color: rgb(var(--bb-black)); } .pager a { color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); border: 0.15rem solid rgb(var(--bb-black)); text-decoration: none !important; transition: background-color 300ms; } .pager .current { border: 0.15rem solid rgb(var(--bb-black)); color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } .pager a:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } .change-textarea-size a { color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); border: 0.15rem solid rgb(var(--bb-black)); transition: background-color 300ms; text-decoration: none; } .change-textarea-size a:hover, .change-textarea-size a:active { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } .owindow .button-bar a, a.button, button, div.buttons input, file, input.button { background: rgb(var(--bb-white)); color: rgb(var(--bb-black)); border-radius: 0em !important; -moz-border-radius: 0em !important; border: 0.15rem solid rgb(var(--bb-black)); transition: border 300ms, background-color 300ms; } .page-source { border: 0.15rem solid rgb(var(--bb-black)); font-family: var(--mono-font); } .owindow .button-bar a:active, .owindow .button-bar a:hover, a.button:active, a.button:hover, button:active, button:hover, div.buttons input:active, div.buttons input:hover, file:active, file:hover, input.button:active, input.button:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); border: 0.15rem solid rgb(var(--bb-black)); } .preview-message { border: 0.15rem dotted rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); } a.action-area-close:hover { background-color: rgb(var(--bb-white)); } table.page-history td.optionstd a { color: rgb(var(--bb-black)); border: none; text-decoration: none; background-color: transparent; transition: background-color 300ms; } table.page-history td.optionstd a:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } select { font-family: var(--body-font); border: 0.1rem solid rgb(var(--bb-black)); color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); } /* 特殊折叠 */ .styled-collap .collapsible-block { margin: 0.5rem 0; } .styled-collap a.collapsible-block-link { text-decoration: none; display: block; padding: 0.3rem 0.5rem; background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); } .styled-collap .collapsible-block-content { padding: 0.01rem 1rem; background-color: rgb(var(--bb-white)); border: 0.125rem solid rgb(var(--bb-black)); border-top: none; } .styled-collap .collapsible-block-folded a.collapsible-block-link::before { margin: 0 0.2em 0 0.4em; content: "▶"; color: rgb(var(--bb-white)); background-color: transparent; display: inline-block; } .styled-collap .collapsible-block-unfolded a.collapsible-block-link::before { margin: 0 0.2em 0 0.4em; content: "▼"; color: rgb(var(--bb-white)); background-color: transparent; visibility: visible; display: inline-block; } /* 更多标题 */ .classic-title { text-align: left; border-bottom: 3px rgb(var(--bb-black)) solid; padding: 0; margin-top: 0.6em !important; margin-bottom: 0.6em !important; } .classic-title p { margin-bottom: 0.2em; } .new-title { display: flex; margin-top: 0.6em !important; margin-bottom: 0.6em !important; } .new-title p { display: flex; margin-top: 0; margin-bottom: 0; } .new-title::after { content: ""; flex-grow: 1; height: 3px; margin: auto auto auto 1.2rem; background: rgb(var(--bb-black)); } /* SD 适配 */ .sd-container { --sd-border: var(--bb-black); --sd-bullets: var(--bb-black) !important; } /* 授权栏适配 */ #page-content .licensebox .collapsible-block-link { color: rgb(var(--bb-black)); } #page-content .licensebox .collapsible-block-link:hover { color: rgb(var(--bb-white)); }
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Bitter&display=swap'); /* 全局 */ :root { --theme-base: "black-highlighter"; --theme-id: "blank"; --theme-name: "Blank Theme"; --logo-image: none; --header-title: "The Backrooms"; --header-subtitle: "你曾经来过这里"; --bb-black: 65, 65, 65; --bb-white: 253, 253, 253; --bb-accent-color: 63, 66, 50; --bb-accent-background: 215, 219, 204; --body-font: Inter, Noto Sans SC, Noto Sans TC, Arimo, Verdana, Geneva, sans-serif; --header-font: var(--body-font); --title-font: var(--body-font); --mono-font: Bitter, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace; --temp-font-1: Inter, Noto Sans SC, Noto Sans TC, Arimo, Verdana, Geneva, sans-serif; --temp-font-2: Bitter, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace; --white-monochrome: var(--bb-white); --pale-gray-monochrome: var(--bb-white); --light-gray-monochrome: var(--bb-white); --gray-monochrome: var(--bb-white); --black-monochrome: var(--bb-black); --bright-accent: var(--bb-black); --medium-accent: var(--bb-white); --dark-accent: var(--bb-black); --pale-accent: var(--bb-black); --swatch-topmenu-border-color: var(--bb-white); --swatch-menubg-dark-color: var(--bb-black); --rating-module-button-plus-color: var(--bb-black); --rating-module-button-negative-color: var(--bb-black); --rating-module-button-cancel-color: var(--bb-black); --rating-module-button-credit-color: var(--bb-black); --link-color: var(--bb-black); --hover-link-color: var(--bb-black); --visited-link-color: var(--bb-black); --background-gradient-distance: 0rem; --gradient-header: linear-gradient(to top, rgba(var(--medium-accent)) 0%, rgba(var(--medium-accent), 0.90) 100%); --diagonal-stripes: linear-gradient(transparent 0); } * { scrollbar-color: rgb(var(--bb-black)) transparent !important; } #page-content { font-size: 110%; } @media only screen and (max-width: 768px) { #page-content { font-size: 90%; } } ::selection { background: rgb(var(--black-monochrome)); color: rgb(var(--white-monochrome)); } ::-moz-selection { background: rgb(var(--black-monochrome)); color: rgb(var(--white-monochrome)); } #skrollr-body { background-image: none; } #container { background-image: none; } /* body::-webkit-scrollbar-thumb { background-color: rgb(var(--bb-black)); } body::-webkit-scrollbar-track { background-color: rgb(var(--bb-white)); } */ #main-content { padding-bottom: 3em; } /* 版头 */ #login-status, #login-status a { color: rgb(var(--bb-black)); opacity: 0; transition: opacity 300ms; } #login-status span.printuser { opacity: 0; transition: opacity 300ms; } #header:hover #login-status span.printuser, #header:focus-within #login-status span.printuser { opacity: 1; } #header:hover #login-status, #header:hover #login-status a, #header:focus-within #login-status, #header:focus-within #login-status a { opacity: 1; } #account-topbutton { border: none; } #account-options { background-color: rgb(var(--bb-white)); border: 0.15rem solid rgb(var(--bb-black)); } #login-status ul a { text-decoration: none; background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); transition: background-color 300ms; } #login-status ul a:hover, #login-status ul a:focus { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)) !important; } @media only screen and (max-width: 768px) { #search-top-box-form { display: none; } } #search-top-box-input { display: none; } #search-top-box-form>input.button.btn { opacity: 0; transition: opacity 300ms, color 300ms, background-color 300ms; color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); border: 0.15rem solid rgb(var(--bb-black)); } #search-top-box-form>input.button.btn:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { text-shadow: none; } #header:hover #search-top-box-form>input.button.btn, #header:focus-within #search-top-box-form>input.button.btn { opacity: 1; } #header h1 a::before, #header h2 span::before { text-shadow: none; color: rgb(var(--bb-white)); transition: color 300ms, bottom 300ms; } #header:hover h1 a::before, #header:hover h2 span::before, #header:focus-within h1 a::before, #header:focus-within h2 span::before { color: rgb(var(--bb-black)); } #header h1 a:before { position: relative; font-weight: 900 !important; bottom: 0; } #header:hover h1 a:before, #header:focus-within h1 a:before { bottom: 3px; } #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 2rem; margin: 0; width: 100%; display: flex; justify-content: center; } /* 顶栏 */ #top-bar div.mobile-top-bar>ul>li>a, #top-bar div.top-bar>ul>li>a, #header:hover #top-bar div.mobile-top-bar>div.open-menu>p>a, #header:focus-within #top-bar div.mobile-top-bar>div.open-menu>p>a { color: rgb(var(--bb-white)); transition: opacity 300ms; } #header:hover #top-bar div.mobile-top-bar>ul>li>a, #header:hover #top-bar div.top-bar>ul>li>a, #header:focus-within #top-bar div.mobile-top-bar>ul>li>a, #header:focus-within #top-bar div.top-bar>ul>li>a { color: rgb(var(--bb-black)); } #header:hover #top-bar div.mobile-top-bar>div.open-menu>p>a, #header:focus-within #top-bar div.mobile-top-bar>div.open-menu>p>a { color: rgb(var(--bb-black)) !important; } #top-bar div.top-bar>ul>.sfhover>a { color: rgb(var(--bb-white)) !important; } #top-bar div.mobile-top-bar>ul>li:hover>a, #top-bar div.mobile-top-bar>ul>li:focus-within>a { color: rgb(var(--bb-white)) !important; } #top-bar div.mobile-top-bar>ul>li>ul>li, #top-bar div.top-bar>ul>li>ul>li { transition: background 300ms; } #top-bar div.mobile-top-bar>ul>li>ul>li:hover, #top-bar div.top-bar>ul>li>ul>li:hover, #top-bar div.mobile-top-bar>ul>li>ul>li:focus, #top-bar div.top-bar>ul>li>ul>li:focus { background: rgb(var(--bb-white)); } #top-bar div.mobile-top-bar>ul>li>ul>li:hover a, #top-bar div.top-bar>ul>li>ul>li:hover a, #top-bar div.mobile-top-bar>ul>li>ul>li:focus-within a, #top-bar div.top-bar>ul>li>ul>li:focus-within a { color: rgb(var(--bb-black)); } /* 侧栏 */ #side-bar::-webkit-scrollbar { display: none !important; } #main-content::after { visibility: hidden; } #main-content::before { background-color: rgb(var(--bb-white)) !important; } #side-bar div.side-block { border-right: none; } #side-bar .heading { border-top: 0.125rem solid rgb(var(--bb-black)); border-bottom: 0.125rem solid rgb(var(--bb-black)); } #side-bar .heading p { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); text-shadow: none; } #side-bar .menu-item, #side-bar .menu-item p { border-bottom: 0.15rem solid rgb(var(--bb-white)) !important; } #side-bar div.menu-item a:not(a:first-child) { border-left: 0.15rem rgb(var(--bb-white)) !important; } #side-bar .side-block>.collapsible-block .collapsible-block-link { color: rgb(var(--bb-black)); text-shadow: none; } #side-bar .side-block>.collapsible-block .collapsible-block-link:hover { color: rgb(var(--bb-white)); } #side-bar div.menu-item a { transition: background-color 300ms; } #side-bar div.menu-item a:hover { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); } #side-bar .side-block>.collapsible-block a.collapsible-block-link:after, #side-bar div.menu-item a.collapsible-block-link:after, #side-bar div.menu-item a::before { display: none; } #side-bar { position: fixed; border-right: 0.15rem solid transparent; } #content-wrap { margin-left: 0; } #side-bar:hover { border-right: 0.15rem solid rgb(var(--bb-black)); } @media only screen and (max-width: 768px) { #side-bar { border: none !important; } } /* 评分 */ .page-rate-widget-box, .rate-box-with-credit-button { background-color: rgb(var(--bb-white)) !important; border-color: transparent !important; box-shadow: none !important; } /* 页面元素 */ .radius-div>* { border-radius: 10px; } .error-inline { color: rgb(var(--bb-black)); border: 1px solid rgb(var(--bb-black)); } hr, .dashed-hr { margin: 1em 0; padding: 0; display: block; border: none; height: 2px; background-image: linear-gradient(90deg, rgb(var(--bb-black)) 0%, rgb(var(--bb-black)) 55%, rgb(var(--bb-white)) 55%, rgb(var(--bb-white)) 100%); background-size: 1em 2px; background-repeat: x-repeat } .solid-hr { margin: 1em 0; padding: 0; display: block; height: 2px; background-color: rgb(var(--bb-black)); } .styled-hr { margin: 1em 0; padding: 0; display: block; position: relative; height: 0.15em; overflow: hidden; border: initial; background-color: rgb(var(--bb-black)); -webkit-clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%); clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%); } .avatar-hover { display: none !important; } .avatarhover a { text-decoration: none; color: rgb(var(--bb-black)); -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } .avatarhover:hover a { text-decoration: none; color: rgb(var(--bb-white)); } #action-area .avatarhover:hover a { background-color:rgb(var(--bb-black)); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]), #page-content .avatarhover, .hovertip a, .classic-collap a.collapsible-block-link { padding: 0.15em; margin: -0.15em; color: rgb(var(--bb-black)); -webkit-box-decoration-break: clone; box-decoration-break: clone; box-shadow: inset 0 -0.125rem 0 0rem rgb(var(--bb-black)); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]):hover, #page-content .avatarhover:hover, .hovertip a:hover, .classic-collap a.collapsible-block-link:hover { box-shadow: inset 0 -1.5em 0 0 rgb(var(--bb-black)); text-decoration: none; color: rgb(var(--bb-white)); } #page-title, .meta-title { margin: 0 auto 0.6em; text-align: center; font-size: 30px !important; } /* 目录 & 折叠 */ #toc { background-color: rgb(var(--bb-white)); border: solid 0.15rem rgb(var(--bb-black)); color: rgb(var(--bb-black)); padding: 0; } #toc-action-bar { padding: 0 !important; } #toc-list { margin: 0.5em; } #toc-action-bar>a, a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) { display: inline-block; transition: background-color 300ms; color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); text-decoration: none !important; } a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) { padding-right: 0.4em; } .collapsible-block { margin: 1em 0; } #toc-action-bar>a { width: 100%; } #toc-action-bar>a:hover, a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } #toc-action-bar>a:nth-child(1)::before, #toc-action-bar>a:nth-child(2)::before, .collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before, .collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before { margin: 0 0.2em 0 0.4em; content: "▼"; color: rgb(var(--bb-black)); background-color: transparent; visibility: visible; display: inline-block; } #toc-action-bar>a:nth-child(1):hover::before, #toc-action-bar>a:nth-child(2):hover::before, .collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover::before, .collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover::before { color: rgb(var(--bb-white)); } #toc-action-bar>a:nth-child(2)::before, .collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before { animation-name: collapsible-arrow-spin; animation-duration: 0.3s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32, .38, .39, .94); animation-fill-mode: forwards; } #toc-action-bar>a:nth-child(1)::before, .collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before { animation-name: collapsible-arrow-spin-back; animation-duration: 0.3s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32, .38, .39, .94); animation-fill-mode: forwards; } @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); } } /* 分页 */ .yui-navset .yui-nav { border: solid 3px rgb(var(--bb-black)); box-shadow: none; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { transition: background-color 300ms; background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); } .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)) !important; } .yui-navset .yui-nav .selected a { color: rgb(var(--bb-white)) !important; } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { box-shadow: 0 0 0 .0625rem rgb(var(--bb-white)); background-color: rgb(var(--bb-white)); } .yui-navset .yui-content { background-color: rgb(var(--bb-white)); border: none; margin: 0; padding: 0.25em 0; } /* 图像框 */ .scp-image-block { border: none; box-shadow: none; } .scp-image-block .scp-image-caption { background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); border: none !important; } .reversed-image .scp-image-block .scp-image-caption { background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } .bordered-image .scp-image-block { border: 0.15rem solid rgb(var(--bb-black)); } /* 表格 */ table.wiki-content-table tr, table.wiki-content-table th, table.wiki-content-table td { border: .2rem solid rgb(var(--bb-black)) !important; } table.wiki-content-table th { background-color: rgb(var(--bb-black)) !important; color: rgb(var(--bb-white)); } /* DIVs */ .code { border: dashed 0.15rem rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } .code::-webkit-scrollbar-thumb { background-color: rgb(var(--bb-black)); } .code::-webkit-scrollbar-track { background-color: rgb(var(--bb-white)); } .blockquote, blockquote { border: solid 0.15rem rgb(var(--bb-black)) !important; box-shadow: none !important; background-color: rgb(var(--bb-white)) !important; color: rgb(var(--bb-black)) !important; } .lightblock { margin-left: 0; border: solid 0.15rem rgb(var(--bb-black)) !important; box-shadow: none !important; background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } .darkblock { --bb-black: var(--white-monochrome); --bb-white: var(--black-monochrome); margin-left: 0; border: none !important; box-shadow: none !important; background: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } .darkblock * { --bb-black: var(--white-monochrome); --bb-white: var(--black-monochrome); } .styled-quote { background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); margin-left: 0; border-left: solid 0.4rem rgb(var(--bb-black)) !important; box-shadow: none !important; padding-top: 0; padding-bottom: 0; } .dotted-quote { color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); padding: 0.01rem 1rem; margin: 0.5rem 0; border: dashed 0.15rem rgb(var(--bb-black)); } .dotted-quote hr { background-image: none; background-color: rgb(var(--bb-white)); height: 0px; border-top: dashed 0.15rem rgb(var(--bb-black)); } .accent-block { --bb-black: var(--bb-accent-color); --bb-white: var(--bb-accent-background); background-color: rgb(var(--bb-white)); padding: 0.01rem 1rem; margin: 0.5rem 0; color: rgb(var(--bb-black)); } .accent-block * { --bb-black: var(--bb-accent-color); --bb-white: var(--bb-accent-background); } .accent-block .darkblock { --bb-black: var(--bb-accent-background) !important; --bb-white: var(--bb-accent-color) !important; } /* 脚注 */ a.footnoteref { color: rgb(var(--bb-black)); background-color: transparent; transition: background-color 300ms; text-decoration: none !important; padding: 0 0.2em; } a.footnoteref:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } .hovertip { border: 0.15rem solid rgb(var(--bb-black)) !important; } .hovertip .f-footer { display: none; } #page-content>div.footnotes-footer { border-left: solid 0.4rem rgb(var(--bb-black)); margin-top: 1rem; } .footnotes-footer .footnote-footer a:nth-child(1) { text-decoration: none; color: rgb(var(--bb-black)); } /* 标签 */ .page-tags { margin: 0 auto; text-align: center !important; } .page-tags a { line-height: inherit; font-weight: 600; } .page-tags span { border-top: none; border-bottom: 0.15rem solid rgb(var(--bb-black)); } .page-tags span a { color: rgb(var(--bb-black)); -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } .page-tags span a:hover { box-shadow: inset 0 -1.5em 0 0 rgb(var(--bb-black)); text-decoration: none; color: rgb(var(--bb-white)); } /* 按钮 */ div#page-options-bottom-2>a, div#page-options-bottom>a { background-color: rgb(var(--bb-white)); font-weight: 600 !important; color: rgb(var(--bb-black)); border-radius: 0em; -moz-border-radius: 0em; border: 0.15rem solid transparent; text-decoration: none !important; transition: border 300ms, background-color 300ms; } #prw54355 { font-weight: 600 !important; } div#page-options-bottom-2>a:active, div#page-options-bottom-2>a:hover, div#page-options-bottom>a:active, div#page-options-bottom>a:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); border: 0.15rem solid rgb(var(--bb-black)); text-decoration: none !important; } /* 信息 */ #page-info { color: rgb(var(--bb-white)); } div.page-watch-options { visibility: hidden; } @media only screen and (max-width: 768px) { #page-info { display: none; } } /* 页脚 */ #license-area { display: none; } #footer { display: none !important; } /* 操作 */ #owindow-1 { border-color: rgb(var(--bb-black)); } #who-rated-page-area>div>span { color: rgb(var(--bb-black)) !important; } #who-rated-page-area .avatarhover:hover a { transition: background-color 300ms; } #who-rated-page-area .avatarhover:hover a { background-color: rgb(var(--bb-black)); } #action-area input.text::-webkit-scrollbar-thumb, #action-area textarea::-webkit-scrollbar-thumb { background-color: rgb(var(--bb-black)); } #action-area input.text::-webkit-scrollbar-track, #action-area textarea::-webkit-scrollbar-track { background-color: rgb(var(--bb-white)); border-left: rgb(var(--bb-black)) 0.15rem solid; } #action-area input.text::-webkit-resizer, #action-area textarea::-webkit-resizer { border-top: rgb(var(--bb-black)) 0.15rem solid; border-left: rgb(var(--bb-black)) 0.15rem solid; background-color: rgb(var(--bb-white)); color: rgb(var(--bb-black)); } textarea, input.text, input.checkbox, div.note, #lock-info { border: 0.15rem solid rgb(var(--bb-black)) !important; } table.form td div.sub, form div.sub { color: rgb(var(--bb-black)); } .pager a { color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); border: 0.15rem solid rgb(var(--bb-black)); text-decoration: none !important; transition: background-color 300ms; } .pager .current { border: 0.15rem solid rgb(var(--bb-black)); color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } .pager a:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } .change-textarea-size a { color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); border: 0.15rem solid rgb(var(--bb-black)); transition: background-color 300ms; text-decoration: none; } .change-textarea-size a:hover, .change-textarea-size a:active { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } .owindow .button-bar a, a.button, button, div.buttons input, file, input.button { background: rgb(var(--bb-white)); color: rgb(var(--bb-black)); border-radius: 0em !important; -moz-border-radius: 0em !important; border: 0.15rem solid rgb(var(--bb-black)); transition: border 300ms, background-color 300ms; } .page-source { border: 0.15rem solid rgb(var(--bb-black)); font-family: var(--mono-font); } .owindow .button-bar a:active, .owindow .button-bar a:hover, a.button:active, a.button:hover, button:active, button:hover, div.buttons input:active, div.buttons input:hover, file:active, file:hover, input.button:active, input.button:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); border: 0.15rem solid rgb(var(--bb-black)); } .preview-message { border: 0.15rem dotted rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); } a.action-area-close:hover { background-color: rgb(var(--bb-white)); } table.page-history td.optionstd a { color: rgb(var(--bb-black)); border: none; text-decoration: none; background-color: transparent; transition: background-color 300ms; } table.page-history td.optionstd a:hover { color: rgb(var(--bb-white)); background-color: rgb(var(--bb-black)); } select { font-family: var(--body-font); border: 0.1rem solid rgb(var(--bb-black)); color: rgb(var(--bb-black)); background-color: rgb(var(--bb-white)); } /* 特殊折叠 */ .styled-collap .collapsible-block { margin: 0.5rem 0; } .styled-collap a.collapsible-block-link { text-decoration: none; display: block; padding: 0.3rem 0.5rem; background-color: rgb(var(--bb-black)); color: rgb(var(--bb-white)); } .styled-collap .collapsible-block-content { padding: 0.01rem 1rem; background-color: rgb(var(--bb-white)); border: 0.125rem solid rgb(var(--bb-black)); border-top: none; } .styled-collap .collapsible-block-folded a.collapsible-block-link::before { margin: 0 0.2em 0 0.4em; content: "▶"; color: rgb(var(--bb-white)); background-color: transparent; display: inline-block; } .styled-collap .collapsible-block-unfolded a.collapsible-block-link::before { margin: 0 0.2em 0 0.4em; content: "▼"; color: rgb(var(--bb-white)); background-color: transparent; visibility: visible; display: inline-block; } /* 更多标题 */ .classic-title { text-align: left; border-bottom: 3px rgb(var(--bb-black)) solid; padding: 0; margin-top: 0.6em !important; margin-bottom: 0.6em !important; } .classic-title p { margin-bottom: 0.2em; } .new-title { display: flex; margin-top: 0.6em !important; margin-bottom: 0.6em !important; } .new-title p { display: flex; margin-top: 0; margin-bottom: 0; } .new-title::after { content: ""; flex-grow: 1; height: 3px; margin: auto auto auto 1.2rem; background: rgb(var(--bb-black)); } /* SD 适配 */ .sd-container { --sd-border: var(--bb-black); --sd-bullets: var(--bb-black) !important; } /* 授权栏适配 */ #page-content .licensebox .collapsible-block-link { color: rgb(var(--bb-black)); } #page-content .licensebox .collapsible-block-link:hover { color: rgb(var(--bb-white)); }
在此小巷之中,流浪者会感受到那无与伦比的幽静。这里没有寂静的恐惧,只有幽静为你带来的无限的遐想。这万千是无比的亲切,给予沉溺其中的你无穷的快意。路边的野花捎来的香味使你从烦躁不安中渐渐解脱,让你的身体缓缓平静。直至你的每一根骨髓、每一根血管,每一次呼吸、每一次心跳。穹顶的星空的色彩斑斓、变幻莫测,令你惊叹于它与你内心的联结,是如此的和谐微妙。那不可打破的宁静,就是这里的温柔序曲,也是一首小诗:
幽静之地,
无干扰之存。
幽静小巷,
无烦扰之感。
于此幽静之地,
享此幽静之美,
神恩赐之宁静,
自感触之清幽。
Level Cloud-662
生存难度:生存難度:
等级等級 宜居
- 安全且稳定
- 清幽且宁静
- 美丽且温柔
翻译者须知:
从 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 Cloud-662是后室Cloud层群的第662层。
描述:
该层级表现为一片类似于一片夹杂许多中西风格小巷的城镇。尽管在流浪者眼中,该层级的空间呈连续线形状排列,但经过检测发现,该层级为非欧几里得空间。这使得该层级的面积不可估量。同时,该层级具有孤立效应,这使得该层级变得更为空寂寥阔。
当流浪者初入此地时,会感受到凭空而来的即视感。流浪者会认为他们曾经来过这里,尽管从未踏足此地。另外,有部分流浪者认为他们来到或梦到过该层级,并确信其真实存在,把它们当作大脑中最深层的记忆。并且这些流浪者可以准确的说出该层级几乎任何部分的的细节特征。
流浪者手录:
我感觉自己做了一个梦。
那时,我从朦胧中初醒,双眼像被一片蒙蒙水雾所裹挟。只有鹅卵石的冰冷与硬滑,使我感觉到我正躺在地面上。然而,我的第一反应竟然不是来到新的层级的警惕,而是归家时的亲切,与投入温暖怀抱的安然。
我没有保持高度的集中,没有按照生存手册所说的去清点装备、探查环境、补充食物。我被困意包裹,尽管在进入前我根本不想睡觉。我感觉身躯被盖上一床温暖的棉被,抚摸着我,轻轻唱起安眠曲,让我赶快入睡。我一遍又一遍在脑中反复吼叫,试图消解一点点困意。这才使我打起一点点的精神。
我艰难坐起身来,环顾四周,却惊喜发现:那池塘的芦苇随风飘荡,水波缓缓荡开,触动点点涟漪。鹅卵石道路像是被雨水冲刷过,干净透亮,倒映明月与清风的脸庞。我仿佛在梦境中看见过她,她似乎又在美梦中拥抱过我,如此温暖而美好。
我于梦境中遇见她,
她于梦境中熟悉我。
她藏匿于我的记忆深处,
我烙印于她的脑海之中。
该层级某些局部区域极为寂静:某些区域的测量值为-5.8 dB。这代表处在该层级这些区域的流浪者几乎处于完全寂静的环境中,但是这些区域弥足珍贵,难以遇见。在绝大多数空间中,流浪者通常会在远处听见细微且旋律模糊的音乐,绝大多数人都可大致哼唱并辨别曲目。这些音乐来源不明,无法探寻源头。这些音乐的种类繁多且杂乱,从古典音乐至现代流行乐多有涉及。且流浪者在聆听对应音乐种类后,会呈现不同感受。
| 中国古典音乐 | 《高山流水》《春江花月夜》 | 池边柳枝飘忽,随风散入水中,挑起点点涟漪。柳叶点缀了月色倒映于水中的云鬓,细细看去,是如此像月的发箍。 |
| 巴洛克时期音乐 | 巴赫《约翰受难曲》《G 弦上的咏叹调》 | 夜晚下的窗沿,斑驳陆离的石墙透着点点月光。帘卷微微倾动,也牵起你的思绪。翻滚的心却伴寂静的凝视,最终只凝结成庄重悲慨,却只是轻微的一声叹息。 |
| 古典主义时期音乐 | 莫扎特《A大调第23号钢琴协奏曲“加冕”》,贝多芬《F大调第六交响曲“田园”》 | 田蛙跳上岸沿,鸟儿依傍在枝头,咕咕吱吱的伴奏自树林间传来,路旁青草欢快摇摆,星空也渐渐点亮了深蓝色调。夜晚仿佛不再幽幽深暗,而是随它们一齐跳起明亮的圆舞曲。 |
| 摇滚乐 | 皇后乐队《波西米亚狂想曲》《We are the champion》,枪花乐队《Don't Cry》 | 皎洁的月光泼洒,仿佛舞台上一盏盏聚光灯的强光凝聚于中央。来吧,让我们在这无人知晓的夜晚,尽情舞动,尽情奔放。 |
Level Cloud-662 里所摄下的星空的照片。
该层级无昼夜循环,石英与原子钟表会出现异常,所显时间固定在十二点六十,这是一个不存在的时间点。且在对该层级进行摄像并对比后发现,每幅照片除去流浪者本身影响后完全相同。依此,我们笃定该层级的环境普遍是一成不变的。
尽管该层级较为寒冷,温度恒定于-5°C~3°C左右,但是流浪者由于层级效应而并不会感到寒冷。同时,该层级较为湿润,水凝结融入空气,形成了雾气弥漫的景象,也造就了该层级朦胧迷离的独特氛围。
该层级的天空通常呈类似破晓时分时的鱼肚白,向上看去便是一望无际的浅蓝色。明星密集而不匀的点缀其中,织成一卷星空画布。其中如丝带般的银河是最为璀璨夺目的片区。数不胜数的星星聚集在这一片丝带一般的区域,在星空中格外显眼。银河之外的天空几乎无法找到任何一点星光,显得空寂很多。另外,星空会不定时地变换为契合流浪者心情基调的颜色。
恬静深夜之中,
人们安眠于此。
你仍然于朦胧之中清醒,
尽情享受这星空的幽静。
Level Cloud-662的小巷。
该层级的地面由各种表面上具有许多凸起的、巨大的鹅卵石组成。每个鹅卵石之间几乎没有任何缝隙。这些鹅卵石的表面呈现出灰色。摸上去的质感略显粗糙。
该层级每条小路的街道宽窄不均:有些前路广阔,而有些几乎被庞大的建筑物于高耸的墙壁填满。同时,光照的较大差异同样是该层级街道的特点之一,这造就了岔路口的一边灯火通明,而另一侧却显落寞的景象。
街道的风格同样造就不同景象。例如中式风格的街道——更准确的来说,应该被称作胡同——之中的建筑以名贵的紫檀木为骨架,外侧则粉刷一层红漆,显得古朴庄重。建筑入口处装饰繁多,其中以红灯笼与彩灯最为常见。门口摆放着待售的商货,如泥人、竹篮、酒壶等。而西式街道则多见由崭新砖块砌成的楼房与道路,充满西方建筑时尚风格。然而,更多小巷的风格貌似无法界定,既有中式风味,又随处可见西方建筑的影子。
街道两侧墙体高约三米,流浪者可轻松爬过。墙体以灰砖砌成,光滑如被雨水冲刷。事实上,小径也许并非如此空旷平坦,墙体周围可能会停泊空无一人的车辆,堆砌告示牌或垃圾桶挡住道路,一些电线也耸立两旁。通常,墙体的背后是一望无际的草地,树木花草丛生。杂草生长旺盛,遮挡住前方的道路。矮小的野花散在草丛里,像星星,像眼睛,还眨呀眨的。树木茂密生长,挤得树梢从墙壁探出头,染绿了一寸墙边。
从街道看去,许多建筑嵌在墙内,而主体显露在外。流浪者在推门入室之后,将会一览建筑内部全貌。建筑类型有居民楼、餐馆、货仓等,但多以商场为主,其余则较为少见。尽管在外看去,这些建筑貌似只能容纳极小面积,但身处内部的流浪者通常汇报,这里似乎极其错综复杂而使得有极小部分流浪者迷失其中。建筑内部空无一人,但由于内部随处可见的游荡无面灵,使这片空间并不显得如此空寂寥阔。
静谧的街道旁,绿叶随着月光而缓缓又倾泻般地洒落。
灯火星星点点,在孤独中亮起一方蜡烛般的火光。
你是否孤独于此?如果只有内心与你相伴?
或许,答案朦心间,无从出口言。
层级内一处商场,其中散布随处可见的无面灵。
商场是该层级最为常见的建筑类型。其入口处通常悬挂华丽的百货商场广告招牌。商场内部昏暗的暖色调光线透过玻璃门映入双眼。流浪者进入商场内部后,只是一个不经意间散漫的转头,再回过头来,原先的入口可能已经变为一堵墙壁、一个餐馆或是一个货铺。
只能向深处探索而去,发觉自身已经被无边无际的迷宫包围。但奇怪的是,大部分流浪者无论如何行走,但通常总能在散步许久之后找到出口。只有极小部分流浪者仿佛被商场挽留,不见外显破晓时分的旋转玻璃门。
商场的巨大穹顶悉数由高透光玻璃所制,如平静的水波一般,倒映一轮圆月——是的,月在这片商场中随处可见。当你抬头望去,“深林人不知,明月来相照。”月永远亲切和蔼的注目着你,宛如幽寂之中远方的轻柔的伴音。
商场之中商铺、餐馆繁多,通常以现实中不存在的品牌为主。它们通常挂上停业招牌。门口通常未有上锁,但需注意的是流浪者需轻轻推门,以免吸引周围行走的无面灵的注意,打扰此处的宁静,使得将你驱逐出该层级。尽管表面上看,商铺处停业期间,但内部桌椅整齐,桌布干净整洁,上方摆放精巧而总是符合流浪者审美的食品摆盘。上方的食品总是可供食用,但不会提供饱腹感——事实上,流浪者不会在此层级感到饥饿。流浪者称,食物在入口时仿佛即刻消失,就似未曾食用。
在街道的拐角处,流浪者在极少数情况下会看见多个人形幻影快速移动,仅仅只是留下残影,就像流浪者不经意间的幻觉一般。由于移动速度较快,流浪者无法看清其面部。
由于该层级具有孤立效应,故不存在任何基地、前哨站以及社区。流浪者可以做的,就是在朦胧之中,享受孤独、安宁。
入口:
- 该层级似乎并不存在特定的入口。一般主流说法认为,流浪者在入梦时可能进入该层级。如果你想获得片刻安宁,请随刻轻轻踏入。嘘……不要让他人发觉,这是你独自的休憩。
出口:
- 当流浪者在该层级入睡时将会立即醒来,并发觉自身身处原层级。在返回后,流浪者似乎出现了关于该层级的记忆大片缺失的现象。像一场梦一样,是吗?
睁开惺忪的睡眼,
发觉被梦境裹绕而沉溺其中。
蝉鸣、流水,
安宁悄然在朦胧中清晰……
如果你尚清醒,请静下神来,聆听我留于此处,你我之间的对话。
你问我是谁?抱歉,这不过是细枝末节。你只需要知道,这里是我种下的花园。如果你有兴趣,那就请来坐坐,享受呼吸的星空、零星的灯火、潺潺的流水、飘忽的歌声。找一个长凳缓缓坐下,凝望远方;在昏橙灯光下,独自在商场漫游;放空自己的一切,一呼一吸,与墙边杂草丛的朦胧绿意融为一体。
你或许正坐在长椅上,躺在杂草丛中,周围还有几盏路灯散发微弱的光。灯光之中,都是我埋藏的记忆。或许它们会化为萤火虫,在你周边飞舞?或许,它们藏匿于水波荡漾的粼粼波光中,向你俏皮的挑着眉头?它们无处不在,每一块鹅卵石,或许都是它们的可爱的脸庞。点点微光,汇聚为精巧而朦胧的世界。
你再看看天空:太阳应该刚刚探头,周围染上一层橙黄色的光环,一层层泛起的鱼肚白沾染开,向上泛起层层涟漪,由日出的浅白至午夜的深蓝。你是否由重获新生的希望,而逐渐归于平静?一切扰乱与烦杂,也沉入深蓝天空的浪花?但愿你确是如此,可以在这里微微缓解劳累。
总之,如果你觉得,现实中的你有点太过疲惫了,那就来到这块花园坐坐,让烦闷、不安跟随着平静地呼吸,缓缓飘乎离去。心也就渐渐安静,不会烦躁了。然后重拾这份美好,怀着美梦醒来。
灵感来源:Level Cloud-662(旧)
图片:
https://unsplash.com/photos/a-street-with-cars-and-buildings-K4dwTOFFYsI 。作者Xiaoyu Li,来自Unsplash。
https://unsplash.com/photos/starry-night-sky-over-the-starry-night-lLFZhRYGgI4 。作者Weichao Deng,来自unplash。
https://unsplash.com/photos/inside-view-of-building-9VwfGJZWxhs 。作者Jack Brind,来自unplash。
超级无敌螺旋上天开天辟地核裂变の神秘小骚话:
历时1年,看起来很长对吧(
实际上全部都在睡大觉摸大鱼😡
甚至26年以前写的被重新犁了一遍()可以当之前没写过(
发现以前还是太年轻孩子啥也不懂就摁了神秘小按钮投了()骗你的现在也是年轻人sf一号位()666这个入还把老写手祖上传下来的护身符炸了,爷爷送的玉佩报废了,奶奶给的黄符纸自燃了,保的菩萨断臂求生了,护道上的狐仙被别的狐狸配了,拜的关公倒地了,家里的金银器全发黑了,僵尸在我旁边撒糯米(
so enjoy this page.享受这期荒文。


© The Cloudrooms云室维基 (2022-2026) - 本站不遵循CC协议。