:root { --lh-red: #c0392b; --lh-blue: #2980b9; --lh-green: #27ae60; --lh-dark-green: #16a085; --lh-purple: #8e44ad; --lh-orange: #e67e22; --lh-yellow: #f1c40f; --lh-paper-bg: 255, 251, 240; --lh-string-color: 192, 57, 43; --lh-book-color: var(--gray-monochrome); --lh-tape-color: 90,90,90,0.3; --lh-white-bg: 249,249,249; --lh-dark-bg: 50, 50, 50; --lh-highlighter: var(--bright-accent); --lh-border-color: var(--gray-monochrome); --lh-wiki-note-color: var(--bright-accent) } /** * 旧代码合集 * 为了向下兼容而保留 */ .grid-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.grid-container,.grid-container [class*=grid]{box-sizing:border-box}[class*=grid]{padding:5px}.grid{width:100%}.grid-large{width:75%}.grid-big{width:50%}.grid-medium{width:33.33%}.grid-small{width:25%}@media screen and (min-width:768px){.wd-grid-large{width:75%}.wd-grid,.wd-grid-big{width:50%}.wd-grid-medium{width:33.33%}.wd-grid-small{width:25%}}.text-hover-hide{opacity:0;transition:opacity .3s}.text-hover-hide:hover{opacity:1}.text-block-hide{background:rgb(var(--black-monochrome));color:rgb(var(--black-monochrome));transition:background .3s}.text-block-hide:hover{background:0 0}.text-blur-hide,.text-blur-hover-hide{filter:blur(.3rem);-webkit-filter:blur(.3rem) transition: blur .3s}.text-blur-hover-hide:hover{filter:blur(0);-webkit-filter:blur(0)}.lyric-box{text-align:center;font-size:1.05rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.lyric-box p{margin:1.5em auto}.lyric-box.with-bigger-line p{margin:3em auto} /** * 便签纸 * notepaper */ .notepaper { background: linear-gradient(rgb(var(--lh-paper-bg)) 95%, #ddd 0); line-height: 2em; background-size: 100% 2em; background-attachment: local; border: 2em solid rgb(var(--lh-paper-bg)); box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.2); padding: 0; margin: 1em auto; box-sizing: border-box; position: relative } .notepaper p { margin: 0; font-size: 1.05rem; letter-spacing: 0.1rem; line-height: inherit } .notepaper.narrow, .notepaper.wide { width: 90% } @media screen and (min-width:768px){ .notepaper.narrow { width: 50% } .notepaper.wide { width: 75% } } .notepaper.tight { border-width: 1rem; border-left-width: 1.2rem; border-right-width: 1.2rem; line-height: 1.8em; background-size: 100% 1.8em; font-size: 13px } .notepaper.with-string::before { content: ''; width: 0.5em; height: 6rem; background: rgb(var(--lh-string-color)); top: -2rem; right: -1rem; display: block; position: absolute; box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2); clip-path: polygon(-100% -100%,100% 0%,100% 100%,50% 98%,0% 100%); } .notepaper.with-tape::before { content: ''; border: 1px solid #ddd; background: rgba(var(--lh-tape-color)); width: 1.5em; height: 4em; transform: rotate(45deg); display: block; position: absolute; top: -3em; left: -1.8em } .notepaper.tight.with-string::before { top: -1rem; right: -0.25rem; } .notepaper.tight.with-tape::before { top: -2.5em; left: -1.3em } .notepaper.page { min-height: 36em; counter-increment: page; display: flex; flex-direction: column; justify-content: space-between } @media screen and (min-width:768px){ .notepaper.page { width: 70% } } .notepaper.page:after { content: counter(page); display: block; text-align: center } .notepaper-group { counter-reset: page; } .book-pattern { display: flex; flex-wrap: wrap; flex-direction: row } .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 100% } @media screen and (min-width: 768px) { .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 50% } } .book-wrapper { background: rgb(var(--lh-book-color)); padding: 0.5rem; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2); border-radius: 5px; margin: 1rem auto } @media screen and (min-width: 768px) { .book-wrapper .notepaper { margin: 0 } } /** * 文字修饰 */ .text-highlighted { position: relative } .text-highlighted::before { content: ""; position: absolute; height: 0.9em; bottom: 2px; left: -2px; width: 105%; z-index: -1; background-color: rgb(var(--lh-highlighter)); opacity: .6; transform: skew(-15deg); transition: opacity .2s ease; border-radius: 3px 8px 10px 6px; transition: 0.1s ease background-color; } .text-underlined { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-wavy { text-decoration: underline wavy; text-underline-offset: 4px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-circled, .text-squared { display: inline-block; border: 2px solid rgb(var(--lh-highlighter)); border-radius: 100%; box-sizing: border-box } .text-squared { border-radius: 0 } .text-shadow { text-shadow: 0.075em 0.075em 0 rgb(var(--lh-highlighter)) } .text-highlighted.td-red::before { background: var(--lh-red) } .text-circled.td-red, .text-squared.td-red { border-color: var(--lh-red) } .text-underlined.td-red, .text-wavy.td-red { text-decoration-color: var(--lh-red) } .text-highlighted.td-blue::before { background: var(--lh-blue) } .text-circled.td-blue, .text-squared.td-blue { border-color: var(--lh-blue) } .text-underlined.td-blue, .text-wavy.td-blue { text-decoration-color: var(--lh-blue) } .text-highlighted.td-green::before { background: var(--lh-green) } .text-circled.td-green, .text-squared.td-green { border-color: var(--lh-green) } .text-underlined.td-green, .text-wavy.td-green { text-decoration-color: var(--lh-green) } .text-highlighted.td-darkgreen::before { background: var(--lh-dark-green) } .text-circled.td-darkgreen, .text-squared.td-darkgreen { border-color: var(--lh-dark-green) } .text-underlined.td-darkgreen, .text-wavy.td-darkgreen { text-decoration-color: var(--lh-dark-green) } .text-highlighted.td-purple::before { background: var(--lh-purple) } .text-circled.td-purple, .text-squared.td-purple { border-color: var(--lh-purple) } .text-underlined.td-purple, .text-wavy.td-purple { text-decoration-color: var(--lh-purple) } .text-highlighted.td-yellow::before { background: var(--lh-yellow) } .text-circled.td-yellow, .text-squared.td-yellow { border-color: var(--lh-yellow) } .text-underlined.td-yellow, .text-wavy.td-yellow { text-decoration-color: var(--lh-yellow) } .text-highlighted.td-orange::before { background: var(--lh-orange) } .text-circled.td-orange, .text-squared.td-orange { border-color: var(--lh-orange) } .text-underlined.td-orange, .text-wavy.td-orange { text-decoration-color: var(--lh-orange) } /* 隐藏文字 */ .text-blank { color: rgba(0,0,0,0) } .text-block { background: rgb(var(--black-monochrome)); color: rgb(var(--black-monochrome)); } .text-blur { filter: blur(0.3em); -webkit-filter: blur(0.3em) } .text-hoverback, .text-selectback { transition-duration: 0.3s; transition-property: background, transform, color } .text-blank.text-hoverback:hover, .text-blank.text-selectback::selection, .text-blank.text-selectback *::selection { color: rgb(var(--black-monochrome)) } .text-block.text-hoverback:hover { background: transparent!important } .text-block.text-selectback::selection, .text-block.text-selectback *::selection { color: rgb(var(--white-monochrome, 255, 255, 255)) } .text-blur.text-hoverback:hover { filter: blur(0)!important; -webkit-filter: blur(0)!important } /** * 附加项 */ .with-border, .with-box-style { border: 1px solid rgb(var(--bright-accent)) } .with-border-dark { border: 1px solid rgb(var(--black-monochrome)) } .with-border-light { border: 1px solid rgb(var(--white-monochrome)) } .with-border-thick { border-width: 2px } .with-shadow-sm { box-shadow: 0 0 0.1em rgba(0,0,0,0.2) } .with-shadow { box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2) } .with-shadow-lg { box-shadow: 0 0.15em 0.3em rgba(0,0,0,0.2) } .with-shadow-xl { box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.2) } .with-shadow-xxl { box-shadow: 0 0.25em 0.8em rgba(0,0,0,0.2) } .with-padding, .with-box-style { padding: 0.25em 1em } .with-p-sm { padding: 0.125em 0.5em } .with-p-lg { padding: 0.5em 2em } .with-margin, .with-box-style { margin: 1em auto } .with-m-sm { margin: 0.5em auto } .with-m-lg { margin: 2em auto } .with-narrow-width { width: 90%!important; margin-left: auto; margin-right: auto } @media screen and (min-width: 768px) { .with-narrow-width { width: 75%!important } } [class*="with-bg-"], [class*="with-bg-"] h1 { color: #fff!important } .with-bg-red { background: var(--lh-red)!important } .with-bg-blue { background: var(--lh-blue)!important } .with-bg-green { background: var(--lh-green)!important } .with-bg-darkgreen { background: var(--lh-dark-green)!important } .with-bg-yellow { background: var(--lh-yellow)!important } .with-bg-orange { background: var(--lh-orange)!important } .with-bg-purple { background: var(--lh-purple)!important } /** * 删除类 */ .offwith-shadow { box-shadow: none!important } .offwith-border { border: none!important } .offwith-padding, .offwith-pam { padding: 0!important } .offwith-margin, .offwith-pam { margin: 0!important } .offwith-width-limit { width: auto!important; margin-left: auto!important; margin-right: auto!important } div[class*="grider"].offwith-grid-gap { grid-gap: 0!important } /** * 网格布局 */ /* Gridder 容器 */ div[class*="gridder"] { display: grid; box-sizing: border-box; grid-gap: 1rem; padding: 0 } div[class*="gridder"] * { box-sizing: border-box } .gridder, .gridder-col-2 { grid-template-columns: 1fr 1fr; } .gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .gridder-col-4 { grid-template-columns: repeat(4, 1fr); } @media screen and (min-width: 768px) { .pc-gridder, .pc-gridder-col-2 { grid-template-columns: 1fr 1fr; } .pc-gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .pc-gridder-col-4 { grid-template-columns: repeat(4, 1fr); } } .spanner, .spanner-2 { grid-column-start: span 2; } .spanner-3 { grid-column-start: span 3; } /** * 告示组件 */ .signblock, .signblock-dark, .signblock-warn { margin: 1rem auto; box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.4); background: rgb(var(--lh-white-bg)); font-size: 1.05rem; padding: 2rem } @media screen and (min-width: 768px) { .signblock, .signblock-dark, .signblock-warn { width: 75% } } .signblock-dark, .signblock-dark h1 { background: rgb(var(--lh-dark-bg)); color: #fff } .signblock-warn, .signblock-warn h1 { background: var(--lh-red); color: #fff } .signblock h1, .signblock-dark h1, .signblock-warn h1 { text-align: center; font-size: 2rem; margin: 0; font-weight: 700 } .signblock-img { display: flex; flex-direction: row; justify-content: center } .signblock-img img { width: 8em } .signblock-footer { font-size: 0.9em; text-align: center; margin: 0.5rem 0; font-weight: bolder; display: block } /** * 报告 */ .reportblock, .reportblock-dark { border: 2px solid rgb(var(--lh-border-color)); box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3); background: rgb(var(--white-monochrome)); padding: 0.8rem 1.5rem; padding-bottom: 0.4rem; margin: 1.5rem auto; margin-bottom: 1rem; position: relative } .reportblock hr, .reportblock-dark hr { background-color: rgb(var(--lh-border-color)); margin-left: -1.5rem; margin-right: -1.5rem } .reportblock h1:first-child, .reportblock-dark h1:first-child { position: absolute; top: -1rem; left: 1.5rem; font-size: 110%; font-weight: 600; background: rgb(var(--lh-border-color)); color: #fff; padding: 0.2rem 0.5rem; margin: 0; } .reportblock-dark, .reportblock-dark h1 { border-color: rgb(var(--lh-white-bg)); background: rgb(var(--lh-dark-bg)); color: #fff } .reportblock-dark hr { background-color: rgb(var(--lh-white-bg)); } /* 更好的折叠框 */ .bettercollap { margin: 1em 0; } .bettercollap .collapsible-block { width: auto; overflow: hidden; border: 1px solid rgb(var(--lh-border-color)) } .bettercollap .collapsible-block-content, .bettercollap .collapsible-block-link { background: rgb(var(--white-monochrome)); padding: 0.5em } .bettercollap .collapsible-block-content { padding-left: 1em; padding-right: 1em } .bettercollap .collapsible-block-link { color: rgb(var(--lh-border-color)); background: rgb(var(--white-monochrome)); transition: .3s; display: block; } .bettercollap .collapsible-block-link:hover, .bettercollap .collapsible-block-unfolded .collapsible-block-link, .styledcollap.bettercollap .collapsible-block-link { color: rgb(var(--white-monochrome)); background: rgb(var(--lh-border-color))!important; text-decoration: none } .bettercollap .collapsible-block-link:hover a { color: rgb(var(--white-monochrome)) } .bettercollap .collapsible-block-link::before { content: "\25BC"; display: inline-block; margin-right: 0.5em; transform: rotate(-90deg) scale(0.9) } .bettercollap .collapsible-block-unfolded .collapsible-block-link::before { transform: rotate(0) scale(0.9) } .bettercollap .collapsible-block + .collapsible-block { border-top: none } .styledcollap.bettercollap .collapsible-block { border-radius: 2px; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3) } .styledcollap.bettercollap .collapsible-block-content { background-color: rgb(var(--pale-gray-monochrome)); border-width: 3px } .styledcollap.bettercollap .collapsible-block-link:hover { background: rgba(var(--lh-border-color),0.95)!important; } /** * 提示框 */ .infoblock { color: #f1f1f1; font-weight: bold; background: #424242; padding: 5px 5px 5px 5px; border-radius: 4px; margin: -0.5rem 0 1rem 0; display: block; width: fit-content; padding-right: 25px; } .infoblock::before { content: "ⓘ " } /** * 单页迭代 */ .offset-page:not(:target), .offset-page:target ~ div#u-default-page { display: none } .offset-page:target { display: block }
@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 WR-53的文档。
抱歉!
本文档由M.E.G档案库收集资料,撰写文档。但是,由于我们的疏忽,便导致有关本层级的资料可能被恶意涂抹,修正,在这里向大家道歉。以下是我们尽力修复的档案,请在确认此消息后再进行阅读!
M.E.G档案库
生存难度:生存難度:
等级等級 5
- 极不安全
- 较为不稳定
- 未知强大实体
Level WR-53是WR层群中的第53层。
描述
Level WR-53的外观表现为一片往上下方向无限延伸的方形旋转楼梯间。其内部的环境极其昏暗,且每一层的空间均表现的不同,有宽,有窄,有大,有小;有几层能在光的照射之下轻松渡过,有几层能吸收手电筒一部分的光,仅能艰难前行。
Level WR-53内的环境完全黑暗,伸手不见五指,流浪者刚进入本层级时,会来到一个红色的房间,房间内的灯均为正常开启,且无法使用任意已知的方式关闭,在流浪者走出该房间时,就会来到前文所述的楼梯间。
该层级的灯的开关无法正常打开,且部分楼层的灯会发出红色,所以无法确认该层级的墙壁,地板和天花板颜色和花式,远超正常建筑的楼层,并且身处红光的环境内容易导致精神障碍,而且每一个楼层的门均无法打开,而有些门打开里面是奇怪的实体,因为该环境比较黑暗,所以会有一些流浪者在本层级里面容易摔伤、磕碰。而环境性质也与Level 6类似,将层级内的人为光源吸收。
而且,一些楼层内的墙壁或天花板会有一些奇怪的涂鸦,据观测,可能带有讽刺性以及惊悚恐怖的画面,流浪者在Level WR-53内停留的时间越长,遭遇涂鸦的几率便会直线升高,其墙壁或天花板上的涂鸦也会越发惊悚恐怖,这会使流浪者留下不可逆转的身心危害,更甚者甚至是逃出本层级后患上无法治愈的精神疾病,且这会在流浪者逃出层级后的时间长短而发生变化,短则轻、长则重。
实体
目前该层级里面有且仅有特别1的实体,且这里的实体可能会咬伤,甚至吞食流浪者,因此,我们把这种实体给称之为梅花鼠,是此层级中最具有影响性的实体,也是唯一一种已经完全掌握信息的实体,它们会在一些随意被摆放的箱子内,或偶尔出现的活板门内面埋伏,等流浪者试图打开箱子或者活板门时,它们便会涌出来来攻击流浪者,因此,我们不怎么建议流浪者打开箱子或活板门。
除此之外,Level WR-53内可能潜伏着未知的实体,且有着流浪者与探员的报告,以及记载本层级的日志,如需查看日志,请见下文。
基地、前哨站和社区:
因为孤立效应,Level WR-53内不存在,且绝对不可能存在“流浪者遇见其他人类”的案例,更何况是建立基地、前哨与社区。
入口与出口
入口
- 在Level WR-78内躺上病榻,睡着后醒来即可。
- 在Level WR-9的一扇凭空出现的门就会来到该层级。
- 在Level WR-20中试图切出,则有很大的可能会来到Level WR-53。
- 更多入口尚待探查。
出口
该层级的出口涉及门,窗户,画,并且我们已知这些层级的门、窗户和画能通往的层级。
- 找到一幅其内容画着“日落沙滩”的壁画就能来到画中对应的场景。
- 找到一扇写有“混凝土房间”的活板门并使劲钻入,最终便会从高处摔入Level 162内,且在通行时不会有实体出没。虽然是从高处摔落,但是流浪者并不会感到疼痛,更不会受伤。
- 看到一扇颜色呈现为绿色,且有花草树木的图案的窗户就能来到永恒花园。
- 钻入一扇有藤蔓和花的活板门就能来到Level 369。
- 只要看到一幅勾起流浪者美好回忆的画,随时随地,皆会来到Level 470。
- 看到一幅深红色森林的画,就能来到Level 9.1内。
- 传闻,一名流浪者在前进至第463层的时候。因为过度疲劳而突然晕厥,醒来后便来到了Level 463,但目前为止,这一出口还尚未得到证实。
- 更多出口尚待探查。
来自M.E.G匿名特工的探索日志:
TIME:24 Sept. 2013
目前我已经切入了Level WR-53,不过,到现在为止,我并没有发现未知实体的踪迹,可是有些地方的红光一直在闪烁,但文档描述的却是“楼梯间的灯已损坏”,我想我应该去那边看看。
之后,我去那边瞅了一眼之后,我发现,灯光闪烁之后,涂鸦也会变化,但这个涂鸦是谁画的呢?
我不知道,但我确实感觉有点难受,想吐,但只是干呕,无法呕吐,我只能强忍着这个恶心感,继续寻找未知实体。
强忍住了这种感觉,我的呕吐物瞬间就涌出来了,吐出来后,灯便关上了。
再后,层级内的红光又在我所勘探着的这一层发出来了,然后,我再往我呕吐的那个方向看了一下。当时很惊讶,因为呕吐物不知为什么被清理干净了,我怀疑这些是未知实体搞的。
最后,我没有勘探到实体,抱歉!这好像是我最后一次探索层级了……
再见。
匿名流浪者上传给我们的报告:
TIME:10 Oct. 2013
大概就是这样,我在Level WR-78找了个户外的病榻睡觉,我还记得园长给我盖了被子呢!之后我醒来,我就发现了自己身处在这个素不相识的层级了。
之后,我不知道自己前进了多久,然后,便看见一双眼睛正在盯着我,我当时吓了一跳,那只眼睛的眼珠子在对着我转,像是在监视着我。但当我直视这只眼睛时,这只眼睛却消失了!
咳咳,再后。我赶紧跑开,但背后依旧发凉,前进了约四五层后,那只眼睛又出现了,但这次,我直视他时,他却没消失,反而是变出了涂鸦,那个涂鸦,上面描述的是有一张恐怖的脸正在撕裂人体,掏出血肉,正在蚕食它们,血液四溅,血沫横飞……2,看完后恨不得想把自己眼珠子给挖出来,不过我终止了这次举动,我这辈子都不想要来这里了,我c……
byd,现在一切正常的时候,眼睛又来了,日奶奶的,之后我他妈就下楼!这狗皮膏药一样,“你丫的,走开啊!”(一阵尖叫声过后,倒地声与吐血、干呕声接踵而来)
该名流浪者已被确认晕厥,且再往后90天没有再发出任何的消息,便被专家断定为死亡。
请按如下方式引用此页:
“Level WR-53”,作者 (user deleted)与Judyhops374,来自后室中文维基。原文链接:http://backrooms-wiki-cn.wikidot.com/level-wr-53。遵循 CC BY-SA 3.0 协议。
图像名:无(图1),Level WR-53(图2)
图像作者:(user deleted)242(图1),Judyhops374(图2)。
授权协议:CC BY-SA 3.0协议
来源链接:两图均自摄+修图
备注:还请242大人注册个账号,不要每次都找我代发,我求你了,哥哥,爸爸,爷爷,太爷爷,祖宗!
更多授权相关信息,请查阅授权指导。


