: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://tartar0s.wikidot.com/local--files/theme:grass-block/VonwaonBitmap%2012px.css); :root{ --logo-image: none; --header-title: "THE BACKROOMS"; --header-subtitle: "你曾经来过这里。"; --gray-monochrome: 46,33,30; --medium-accent: 46,30,30; --body-font: "VonwaonBitmap 12px"; --header-font: "VonwaonBitmap 12px"; --title-font: "VonwaonBitmap 12px"; --mono-font: Recursive, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace; --white-monochrome: 36,23,20; --swatch-text-dark: 235,235,235; --swatch-text-light: var(--swatch-text-dark); --swatch-menutxt-dark-color: var(--swatch-text-dark); --link-color: 23,205,7; --hover-link-color: 33,131,6; --visited-link-color: 173,255,47; --newpage-color: 81,131,38; --dark-accent: 33,131,6; } #page-title{ border-bottom: .0625rem solid #C6C6C6; } #side-bar .side-block.media, #side-bar div[style*="#e5e5ff"] { background-color: #C6C6C6 !important; } ins { color:#000; } del { color:#000; } #toc{ background-color: #218306; color: #fff; border: 2.5px solid #fff; box-shadow: none; } #toc a{ color: #fff; } .tags{ color:#fff; } .credit{ color:#000; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color:#C6C6C6; color: #000; } .yui-navset .yui-nav a:hover, .yui-navset .yui-navset-top .yui-nav a:hover { background-color:rgb(33,131,6); color: #fff; } .yui-navset .yui-nav .selected a, .yui-navset .yui-navset-top .yui-nav .selected a { background-color:rgb(23,205,7); color: #fff; } .yui-navset .yui-nav .selected a:hover, .yui-navset .yui-navset-top .yui-nav .selected a:hover { background-color:rgb(23,205,7); color: #fff; } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-navset-top .yui-nav .selected a:focus { background-color:rgb(23,205,7); color: #fff; } .code{ background-color: #218306; color: #fff; border: 2.5px solid #fff; box-shadow: none; } .code a:hover,.code a:active{ color:rgb(var(--link-color)); } blockquote{ background-color: #218306; color: #fff; border: 2.5px solid #fff; box-shadow: none; } table.wiki-content-table th a,.grassblock a,blockquote a,div.blockquote a{ color:rgb(var(--link-color)); } table.wiki-content-table th a:focus-within,.grassblock a:focus-within,blockquote a:focus-within ,div.blockquote a:focus-within ,.code a:focus-within ,.styled-quote a:focus-within{ color:#00FF00; } table.wiki-content-table th a:hover,.grassblock a:hover,blockquote a:hover ,div.blockquote a:hover ,.code a:hover ,.styled-quote a:hover{ color:#00FF00; } table.wiki-content-table th a:visited,.grassblock a:visited,blockquote a:visited ,div.blockquote a:visited ,.code a:visited ,.styled-quote a:visited{ color:#32CD32; } table.wiki-content-table th a.newpage,.grassblock a.newpage,blockquote a.newpage ,div.blockquote a.newpage ,.code a.newpage ,.styled-quote a.newpage{ color:#FFFF00; } div.blockquote{ background-color: #218306; color: #fff; border: 2.5px solid #fff; box-shadow: none; } div.blockquote a:hover,div.blockquote a:focus-within,div.blockquote a:visited,div.blockquote a:newpage{ color:rgb(var(--link-color)); } .open-menu { color: #4C4C4C; background-color: #C6C6C6; transition: none; border: 2.5px solid #000; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .open-menu:active, .open-menu:hover, .open-menu > a:active, .open-menu > a:hover { background-color: #218306; color: #fff; transition: none; border: 2.5px solid #fff; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75); } #side-bar .side-block .heading p { color: white; background-color: #333; border: 2.5px solid #000; } #side-bar .side-block .menu-item p a { color: #4C4C4C; background-color: #C6C6C6; transition: none; border: 2.5px solid #000; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } #side-bar .side-block .menu-item p a:active, #side-bar .side-block .menu-item p a:hover, #side-bar .side-block .menu-item > a:active, #side-bar .side-block .menu-item > a:hover { background-color: #218306; color: #fff; transition: none; border: 2.5px solid #fff; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75); } #page-content,#page-title{ letter-spacing: 0.15rem; } #header h1{ -webkit-transform:perspective(0.5em) rotateX(1deg); position: absolute; top: 1rem; margin: 0; width: 100%; display: flex; justify-content: center; } #header h1 a{ font-size: 5rem; } #header h1 a:before{ color:#CDC2BD; text-shadow: 0 -6px 0px #000, /*上*/ 4px -4px 0px #000, /*右上*/ 6px 0 0px #000, /*右*/ 4px 4px 0px #000, /*右下*/ 0 6px 0px #000, /*下*/ -4px 4px 0px #000, /*左下*/ -6px 0 0px #000, /*左*/ -4px -4px 0px #000000; /*左上*/ } #header h2, #header h2 span, #header h2 span::before { position: absolute; left: 10%; top: 2rem; margin: 0; width: 100%; display: flex; justify-content: center; font-size: 1.5rem; transform: rotate(-7deg); } #header h2 span::before { color:#FFFF00; text-shadow: 3.5px 3.5px 0px #404000; animation:header 0.5s ease-out infinite; } @keyframes header { 0% { font-size: 1.5rem; } 50% { font-size: 1.2rem; } 100% { font-size: 1.5rem; } } @media (max-width: 905px) { #header h1 a{ font-size: 3rem; } #header h2, #header h2 span, #header h2 span::before { left: 6%; top: 1.6rem; font-size: 1.0rem; } @keyframes header { 0% { font-size: 1.0rem; } 50% { font-size: 0.82rem; } 100% { font-size: 1.0rem; } } } @media (max-width: 600px) { #header h1 a{ font-size: 2.5rem; } #header h2, #header h2 span, #header h2 span::before { left: 9%; top: 1.6rem; font-size: 1.0rem; } @keyframes header { 0% { font-size: 1.0rem; } 50% { font-size: 0.82rem; } 100% { font-size: 1.0rem; } } } #skrollr-body { background-color: #176948; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%232b851a' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; background-size: auto 3rem; } #header #top-bar div.top-bar > ul > li > a, #header #top-bar div.mobile-top-bar > ul > li > a { color: #4C4C4C; background-color: #C6C6C6; transition: none; border: 2.5px solid #000; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } #container { background-image: radial-gradient(circle, transparent 50%, transparent 0); background-size: 0.25em 0.25em; background-repeat: repeat; background-attachment: fixed; overflow: hidden; } #header #top-bar div.top-bar > ul > li:hover > a, #header #top-bar div.mobile-top-bar > ul > li:hover > a { background-color: #218306; color: #fff; transition: none; border: 2.5px solid #fff; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75); } #header #top-bar div.top-bar > ul > li > ul > li:hover > a, #header #top-bar div.mobile-top-bar > ul > li > ul > li:hover > a { background-color: #218306; color: #fff; transition: none; border: 2.5px solid #fff; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75); } #header #top-bar div.top-bar > ul > li > ul > li > a, #header #top-bar div.mobile-top-bar > ul > li > ul > li > a { color: #4C4C4C; background-color: #C6C6C6; transition: none; border: 2.5px solid #000; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } div#page-options-bottom-2 > a, div#page-options-bottom > a { color: #4C4C4C; background-color: #C6C6C6; padding: 0.8rem 0.5rem; margin: 0.5rem 0.2rem; transition: none; border: 2.5px solid #000; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } 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 { background-color: #218306; color: #fff; transition: none; border: 2.5px solid #fff; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.75); } .scp-image-block .scp-image-caption{ background-color: #218306; } .styled-quote { background-color: #218306; border-left: 0.5rem solid rgba(var(--gray-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: none; } .dark-styled-quote { background-color: rgb(var(--gray-monochrome)); border-left: 0.5rem solid #218306; color: #fff; padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: none; } .dark-styled-quote a { color: rgb(var(--swatch-menubg-medium-color)); } .lightblock { background-color: #C6C6C6; color: #000; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .darkblock { background-color: #333; color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .darkblock a { color: rgb(var(--link-color)); } .waterblock { background-color: #2E6BE5; color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .waterblock a { color: #333; } .yellowblock { background-color: #DAA520; color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .yellowblock a { color: #333; } .lavablock { background-color: #c57334; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10h10v10H0V10zM10 0h10v10H10V0z' fill='%23d5d637' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E"); color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .grassblock { background-color: #176948; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%232b851a' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } .dirtblock { background-color: #3e312e; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); color: #fff; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: inset 2.5px 2.5px rgba(255,255,255,.75), inset -2.5px -2.5px rgba(50, 50, 50,.60); } table.wiki-content-table { box-shadow: none; border: 1px solid #fff; } #page-content table.wiki-content-table tbody tr th { background-color: #176948; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%232b851a' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); border: 1px solid #fff!important; color: #fff; } table.wiki-content-table tr td { background-color: #3e312e; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); border: 1px solid #fff; color: #fff; } .sd-container .bottom-box ul li { color: rgb(255,255,255); font-family:var(--body-font); } .sd-container .bottom-box ul li:before { background: rgb(255,255,255); transform: none; } .sd-container .top-box .gradient-box .top-text p span{ color: #fff; font-family:var(--body-font); } .sd-container .top-box .gradient-box .bottom-text:after, .sd-container .top-box .gradient-box .bottom-text p, .sd-container .top-box .gradient-box .bottom-text p span{ color: #fff; font-family:var(--body-font); } .sd-container .top-box:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); } .sd-container .top-box .header-diamond .diamond-pattern { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23342724' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E"); }
页面版本:14
始于天域而又止于天域,
这一切,

一位墜鉻者拍摄的终末
生存难度:生存難度:
等级等級 unknown
- 未知
- 未知
- 未知
翻译者须知:
从 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]]
你已来到这里。
这里物资充足,
实体绝迹。
不要想出去,
你明白的,
那只是一片虚空,
不是整个世界。
你已来到这里。
这里适宜居住,
你在此定居。
不要想出去,
你明白的,
那只是一片荒凉,
不是曾经的故土。
你已来到这里。
三天转瞬即逝。
你敲打着电脑,
发送讯息。
你不想逃出去,
你都明白,
那只是无尽的坠落,
并无出口的踪迹。
第三天晚上,
你已安然入睡。
你觉得很幸运,
实体并未苏醒。
你从未逃出去,
你明白,
你就在此处,
不于他地。
三天已到,
食物变质,
毒素蔓延,
危难遍起。
你从未想过,
你也从未明白,
你将会是这等结局。
你仍心存希望。
四天到了。
你无限坠落,
但你从未离去。
你终于想逃出去,
你也终于明白,
这天域之中,
无人生还。
五天到了。
你还在坠落。
你想出去。
你站在地上,
你脑中浮现,
那世界的幻影。
fall down.
你觉得还会有奇迹。
世界重置,
你以为你回归故地,
但坐标之数,
早已临界。
边界临近,
你被吞噬,
但天域中,
只剩一片孤寂。
你活不下去的。
没人能接近你。
你看看这真实的世界,
可能真的只是梦境而已。
你还以为你仍在那个美好的天域之中。
这一切并不真实,
你就早已明白,
那么将至天域者,你,
请于正午时分,
仰望天空。
你逃出来了?好吧。
我承认。
你真的很幸运。
看看这里吧。
行动小组:我们找到那位玩家了。他在坐标几百万的地方,周围全都是强大的phenomenon MC-27影响,我们看到他的身体正在慢慢被现象吞噬。我们只能观测,我们救不了他。我们很抱歉。
我都跳了几百次了,
为什么还是这里!
我想出去……
fall.
我想逃出这里。
昨晚食物全他妈变质了,吃了就中毒1。
我现在贼难受,操
我是不是该跳下去?
我要重生
我会
逃出这里。
fall.
steve:看来这个层级进入三天后就会使层级内环境极度恶化。看看明天吧。我们现在也不知道他在哪。
alex:而且他的名字好像还被屏蔽掉了。
Steve:不好办啊……
全体玩家,不要在任何层级仰望天空。这会给你们带入一个危险的层级。
TNT反馈部门:level MC-9一大堆速通协会的人回level MC-12的时候全进天域了!快修改文档!
讨论区已展开
来自ALEX_32025:你好,你是那位在天域的玩家,对吧。
sgou)_^>]€¥hsh7-6/h():天域?天域是什么?
来自ALEX_32025:就是那个空岛层级
er2847/{j}ˇ₤]bd5l@-:是的是的,那你是?
来自ALEX_32025:我们是MC.E.G.,因为你所在的位置很可能就是一个新层级天域,所以我们来找你调查情况。请配合调查。
8q1&€[@]-_]*gs wi:好的好的
来自ALEX_32025:你是怎么到达这里的?是通过什么方式?
28的27hwfs8>\=[gg]:我在level MC-0仰望天空的时候到达了这里。
来自ALEX_32025:你还知道什么关于这个层级的新的信息的话,明天发过来,我们可以去救你的。
28DH1$_:!+]€££jdjwKdbi:明白
我用一天时间充分探索了这里。说一下昨天没编辑的问题。这个电脑每天好像是只能用5分钟,然后它就黑屏了。我刚来的时候看见一个玩家从天上掉下来,然后看了看我就跳下去了。我不知道他在干什么。
说一下今天的情况吧。这里有陆地,不过就和空岛一样是浮空的,面积比较大,有木头和花花草草,不过这里白天晚上都没有实体存在,我只好开垦了一片地,种了点小麦。
以下是我给的生存难度:
include :backrooms-wiki-cn:component:level-class
|lang=cn
|cla
作者注:2
12月10日
管理者A:这个层级浮在空中?完全不可能啊,MC层群有高度限制,我们别说在地上,在level MC-12肯定能看见啊?
管理者B:记得以前的传说吗?在MC层群里有一个叫做天域的地方,会不会就是这里?
管理者A:传说只是传说,不能信啊。
管理者B:我觉得奇怪,明天我联系一下这位玩家。
管理者A:我去你还真信
管理者B:事可能关人命,我不能不管。
页面版本:4
好吧,上一个人应该是太激进了。看来他没有好好描述这个层级。我来仔细的跟你们说一下吧。这个电脑(我编辑页面的设备)应该是每天都会刷新在这里的。我看它只能编辑level MC-14这个页面。我就先这么写着吧,到时候再改。这次写不完的东西只能明天再说了。时间快到了。
12月3日
管理者A:damn的又来了,不过这次起码真实了一点。
管理者B:level MC-14?我们好像还从未用过这个编号吧。
管理者A:所以你想表达什么
管理者B:我感觉这事不简单,明天这个点再过来看看吧。
管理者A:damn的你还真信啊
页面版本:3:③
我看到了什么?
我逃出了这里!
我逃出来了!
我逃出了这个满是空岛的地方!
我现在在usjdhjkqkksj,快来!
管理者A:好家伙,这个文档还能再假一点吗!
这TM明显瞎打的啊!
管理者B:好吧我信了,可能这真是个恶作剧吧。
管理者A:我觉得你早该信的,Alex。
管理者B:不要再和这个文档纠缠了,我觉得我们应该去干干其他的工作,他喜欢写就让他写,实在不行我们自动化删除也是可以的awa
页面版本:1
我想逃出去……
fall.
fall.
fall.
fall.
fall.
fall.
fall.
fall.
fall.
fall.
fall.
fall.
坠落
坠落
坠落
坠落
坠落
坠落
管理者A:这啥文档啊,没用我删了
管理者B:删了吧删了吧,反正也没有意义,像是不知道谁搞的恶作剧。
管理者A:B式押韵一级棒!


