: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 }
:root { --accent-color: 52, 180, 88; --background-image: url("https://images.unsplash.com/photo-1518173946687-a4c8892bbd9f"); --background-color: 246, 246, 246; --text-color: 51, 51, 51; --light-color-1: 252, 252, 252; --light-color-2: var(--light-color-1); --dark-color-1: var(--accent-color); --dark-color-2: var(--accent-color); --dark-color-3: var(--accent-color); --dark-color-4: var(--accent-color); --link-color: var(--accent-color); --hover-link-color: var(--link-color), 0.7; --visited-link-color: var(--link-color); --selected-background-color: var(--accent-color), 0.2; --selected-text-color: ; --general-blur: 0; --general-button-text-color: var(--general-light-text-color); --general-button-background-color: var(--general-light-background-color); --general-hover-button-text-color: var(--accent-color); --general-hover-button-background-color: var(--general-button-background-color); --main-header-height: 8.5rem; --main-header-height-on-mobile: 8.5rem; --header-width: 66rem; --header-margin: max(calc((100% - var(--header-width)) / 2), 1rem); --logo-image: none; --header-title-font-size: 3.5rem; --header-title-font-size-on-mobile: 2.15rem; --header-subtitle-font-size: 1.35rem; --header-subtitle-font-size-on-mobile: 0.8rem; --search-icon-width-on-mobile: 1rem; --header-background-image: none; --header-extra-background-image: none; --topbar-height-on-mobile: var(--topbar-height); --topbar-font-size-on-mobile: var(--topbar-font-size); --topbar-text-color: var(--general-light-text-color); --topbar-hover-text-color: var(--accent-color); --topbar-background-color: var(--general-light-background-color); --topbar-hover-background-color: 0, 0, 0, 0; --topbar-hover-border-color: 0, 0, 0, 0; --topbar-drop-text-color: var(--topbar-text-color); --topbar-drop-hover-text-color: var(--topbar-hover-text-color); --topbar-drop-background-color: var(--topbar-background-color); --topbar-drop-hover-background-color: 0, 0, 0, 0; --topbar-drop-shadow-color: var(--general-shadow-color), 0.06; --header-username-color: var(--header-text-color); --account-button-text-color: var(--header-text-color); --account-button-hover-text-color: var(--accent-color); --account-button-background-color: 0, 0, 0, 0; --account-button-hover-background-color: 0, 0, 0, 0; --account-drop-hover-text-color: var(--accent-color); --account-drop-hover-background-color: 0, 0, 0, 0; --body-width: 66rem; --page-tag-border-color: var(--general-strong-border-color); --page-tag-title-color: var(--text-color); --page-tag-text-color: var(--text-color); --page-tag-hover-text-color: var(--accent-color); --page-tag-background-color: 0, 0, 0, 0; --page-tag-hover-background-color: 0, 0, 0, 0; --footer-background-color: 0, 0, 0, 0; --license-background-color: 0, 0, 0, 0; --footer-text-color: var(--text-color), 0.5; --license-text-color: var(--footer-text-color); --sidebar-media-background-color: 0, 0, 0, 0; --sidebar-title-background-color: var(--general-dark-background-color); --sidebar-hover-background-color: var(--general-medium-border-color); --edit-area-background-color: var(--general-light-background-color); --hovertip-border-color: var(--general-strong-border-color); --imageblock-border-color: var(--general-strong-border-color); --hr-color: var(--general-strong-border-color); --tabview-border-width: 0.15rem; --tabview-horizon-color: 0, 0, 0, 0; --tabview-content-background-color: var(--general-light-background-color); --table-background-color: var(--general-light-background-color); --table-text-color: var(--general-light-text-color); --note-background-color: 255, 255, 136; --note-text-color: var(--text-color); --popup-fader-color: 0, 0, 0, 0.2; --popup-tip-color: var(--text-color); --white-monochrome: var(--light-color-1); --thread-accent-color: var(--general-light-background-color); } body, html { -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scrollbar-width: thin; } ::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } ::-webkit-scrollbar-track { background: rgba(var(--scrollbar-background-color)); } ::-webkit-scrollbar-thumb { background: rgba(var(--scrollbar-color)); } a:is(:hover, :active, :focus, :focus-within) { -webkit-text-decoration: underline 0.1em; } #side-bar .menu-item a { transition: background var(--general-transition-time-fast); } #file-comments { padding: 0.2em 0.5em; } table.page-files .highlight { background: rgba(var(--action-area-border-color)) } .pager a, .pager .current, .pager .dots { transition: background var(--general-transition-time-slow), color var(--general-transition-time-slow); } #action-area h1 + p + h2 ~ div[style="padding-left:3em;"] > div { align-items: center; } #edit-meta-newtag-form > table { display: flex; align-items: center; } #edit-meta-newtag-form > table :is(tbody, tr) { display: contents; } #edit-meta-newtag-form > table td { display: block; } #edit-meta-newtag-form > table td:nth-child(2n) { flex: 1; } #edit-meta-newtag-form > table td input { width: 100%; box-sizing: border-box; border: none; background: rgba(var(--edit-area-textarea-background-color)); color: rgba(var(--edit-area-textarea-text-color)); padding: 0.2em 0.5em; margin: 0; outline: none; transition: box-shadow var(--general-transition-time-slow); font-weight: 500; } #edit-meta-newtag-form > table td input:focus-visible { box-shadow: 2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px -2px 0 rgba(var(--edit-area-textarea-border-color)), 2px -2px 0 rgba(var(--edit-area-textarea-border-color)); } #edit-meta-newtag-form > div { margin: 1rem 0; padding: 0 !important; display: flex; grid-gap: 1rem; } hr { background: transparent; } [class|=colmod-link] { margin: 1rem 0; } .yui-navset .yui-nav li a, .yui-navset .yui-nav li.selected a { transition: color var(--general-transition-time-slow); } .hl-default, .hl-code, .hl-brackets, .hl-identifier { color: inherit; } #toc #toc-action-bar { top: 0.25rem; } :where(ol ul, ul ul) { list-style-type: circle; } .join-box a { color: rgba(var(--general-button-text-color)); background: rgba(var(--general-button-background-color)); } .join-box a:is(:hover, :active, :focus, :focus-within) { color: rgba(var(--general-hover-button-text-color)); background: rgba(var(--general-hover-button-background-color)); } .forum-thread-box .description-block { padding: 0.5em 1em; } .thread-container .post .long { padding: 0.5em; } #page-content > div.forum-thread-box > div.options, .post-container > .post > div.long > div.options { display: flex; justify-content: flex-end; } .signature { display: none; } .notepaper { max-width: 100%; } .bettercollap .collapsible-block-unfolded-link, .bettercollap .collapsible-block-folded { margin: 0; } @media (pointer: coarse) { #login-status #account-options:hover, #login-status #account-topbutton:hover + #account-options { opacity: 1; pointer-events: all; } } @keyframes fresh-fade-in { from { opacity: 0; } to { opacity: 1; } } a { text-decoration: underline; text-decoration-thickness: 0.1em; text-decoration-color: transparent; transition: color 0.15s, text-decoration-color 0.15s; } a:is(:hover, :active, :focus, :focus-within) { text-decoration-color: currentColor; } #extra-div-1 { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; -webkit-mask-image: linear-gradient(to top, transparent, black 80%); mask-image: linear-gradient(to top, transparent, black 80%); } #extra-div-1 span { display: block; width: 100%; height: 100%; -webkit-mask-image: linear-gradient(to right, transparent, black); mask-image: linear-gradient(to right, transparent, black); background: var(--background-image); background-size: cover; background-repeat: no-repeat; } #container-wrap { position: relative; z-index: 1; } #header { grid-template-areas: "h1" "h1"; position: relative; top: 0; } #header h1 a span { padding-top: 3rem; color: rgba(var(--text-color)); align-items: flex-start; text-shadow: none; grid-gap: 0; } #top-bar { position: absolute; bottom: 0; right: var(--header-margin); width: min(calc(var(--header-width) * 0.45), 45%); height: var(--topbar-height); padding: 0; background: transparent; pointer-events: none; } #top-bar div[class*=top-bar] > ul { grid-gap: 0.5rem; justify-content: flex-end; } #top-bar div[class*=top-bar] > ul > li { pointer-events: auto; flex: 0 1 7.5rem; position: relative; } #top-bar div[class*=top-bar] > ul > li > a, #top-bar .mobile-top-bar .open-menu a { background: rgba(var(--topbar-background-color)); border-radius: 1rem; box-shadow: 0 0.15rem 0.4rem rgba(var(--general-shadow-color), 0.06); font-weight: 400; transition: color var(--general-transition-time-slow); } #top-bar div[class*=top-bar] > ul > li > ul, #top-bar div[class*=top-bar] > ul > li > ul > li > ul { top: 100%; border-radius: 1rem; box-shadow: 0 0.15rem 0.4rem rgba(var(--topbar-drop-shadow-color)); border: none; flex-direction: column; flex-wrap: nowrap; } #top-bar div[class*=top-bar] > ul > li > ul > li, #top-bar div[class*=top-bar] > ul > li > ul > li > ul > li { border-radius: 1rem; border: none; flex-basis: auto; } #top-bar div[class*=top-bar] > ul > li > ul > li:nth-child(2n):nth-last-child(2) { box-shadow: none; } #top-bar div[class*=top-bar] > ul > li > ul > li > a, #top-bar div[class*=top-bar] > ul > li > ul > li > ul > li > a { border-radius: 1rem; transition: color var(--general-transition-time-slow); } #top-bar div[class*=top-bar] > ul > li > ul > li > ul { top: 0; } #top-bar .mobile-top-bar { padding-bottom: 0.15rem; } #top-bar .mobile-top-bar .open-menu { display: contents; } #top-bar .mobile-top-bar .open-menu a { pointer-events: auto; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; border: 0.15rem solid rgba(var(--general-medium-border-color)); border-radius: 50%; box-sizing: border-box; transition: border-color var(--general-transition-time-slow); } #top-bar .mobile-top-bar .open-menu a::before { transition: background var(--general-transition-time-slow); } #top-bar .mobile-top-bar .open-menu a:is(:hover, :active, :focus, :focus-within) { background: rgba(var(--topbar-background-color)); border-color: rgba(var(--general-dark-border-color)); } #login-status, #search-top-box { right: var(--header-margin); font-weight: 400; } #login-status { top: 1rem; } a#account-topbutton, #search-top-box-form .button { transition: color var(--general-transition-time-slow); } #account-options { font-size: 0.8rem; border: none; border-radius: 0.8rem; box-shadow: 0 0.15rem 0.4rem rgba(var(--topbar-drop-shadow-color)); transition: opacity var(--general-transition-time-fast) ease-in-out; } #account-options li a { height: 1.6rem; border-radius: 0.8rem; transition: color var(--general-transition-time-slow); } #main-content { background: rgba(var(--general-light-background-color), 0.8); color: rgba(var(--general-light-text-color)); margin: 2.5rem var(--body-margin); padding: 1rem 3rem; border-radius: 1.25rem; box-shadow: 0 0.15rem 1rem rgba(var(--general-shadow-color), 0.05); box-sizing: border-box; } #page-title { margin-top: 1rem; } .page-tags::before { display: none; } .page-tags span { align-items: center; padding: 0.4rem; box-sizing: border-box; } .page-tags span::before { content: "标签:"; } .page-tags span a { border: calc(1rem / 15) solid rgba(var(--general-medium-border-color)); border-radius: 1em; padding: 0.1rem 0.6rem; transition: color var(--general-transition-time-fast), border-color var(--general-transition-time-fast); } .page-tags span a:is(:hover, :active, :focus, :focus-within) { border-color: rgba(var(--general-dark-border-color)); } #page-options-container { margin: 0; } .page-watch-options { padding-bottom: 0.5rem; } div[id*=page-options-bottom] { grid-gap: 0; margin: 0; } div[id*=page-options-bottom] > a { height: 2.25rem; padding: 0 0.7rem; } #footer { padding: 0 1rem; text-align: center; } #license-area { padding: 0.5em 1rem 2.5rem; font-size: 0.8rem; } #side-bar { border: none; } #side-bar .heading, #side-bar .collapsible-block-unfolded-link a, #side-bar .collapsible-block-folded a { text-shadow: none; } div[id*=page-options-bottom] > a, .edit-help-34 a, .change-textarea-size a, div.buttons input, input.button, button, file, a.button, #edit-page-form div.buttons input, a.action-area-close, #view-diff-div > p > a, #upload-userfile[type=file]::file-selector-button, table.page-history tr td:nth-child(4) a, .page-options-bottom a, .owindow .button-bar > a:not([onclick*=cleanAll]), .owindow div[style*=margin-top] a { border-bottom: 0.15rem solid rgba(var(--general-medium-border-color)); transition: color var(--general-transition-time-fast); } #side-bar, .preview-message, .page-source, .scp-image-block, .yui-navset, table.wiki-content-table, blockquote, .blockquote, .code, #toc, .footnotes-footer, .bibitems, .owindow, div.modalbox, div.infobox, div.rate-box-with-credit-button, div.page-rate-widget-box, div.creditButtonStandalone, .lightblock, .darkblock, .styled-quote, .dark-styled-quote { box-shadow: 0 0.15rem 0.8rem rgba(var(--general-shadow-color), 0.06); } .page-source, .hovertip, .scp-image-block, blockquote, .blockquote, .code, #toc, .footnotes-footer, .bibitems, .owindow, div.modalbox, div.infobox, .lightblock, .darkblock, .styled-quote, .dark-styled-quote { border-radius: 0.25rem; } #upload-userfile[type=file]::file-selector-button, .scp-image-block, div.wiki-note, .owindow, div.modalbox, div.infobox { border: none; } #action-area, #view-diff-div:not(:empty), .preview-message, #who-rated-page-area:not(:empty), #history-subarea, #file-action-area:not(:empty), #st-action-area:not(:empty), #edit-meta-newtag, #rename-backlinks-box { animation: fresh-fade-in var(--general-transition-time-fast) ease-in-out; } input.text, textarea, #upload-userfile[type=file] { box-shadow: 0 0 0 calc(1rem / 15) rgba(var(--general-medium-border-color)); } #edit-page-form, #new-post-form { padding: 0; } :is(#wd-editor-toolbar-panel, #np-editor-panel) a::before { transition: background var(--general-transition-time-fast); } :is(#wd-editor-toolbar-panel, #np-editor-panel) div > ul > li > ul { left: auto; opacity: 0; pointer-events: none; transition: opacity var(--general-transition-time-fast) ease-in-out; } :is(#wd-editor-toolbar-panel, #np-editor-panel) div > ul > li:hover > ul { border: none; opacity: 1; pointer-events: auto; } :is(#wd-editor-toolbar-panel, #np-editor-panel) div > ul > li > ul > li > a { border-bottom: calc(1rem / 15) solid rgba(var(--general-strong-border-color)); } #upload-userfile[type=file]::file-selector-button { border-right: calc(1rem / 15) solid rgba(var(--general-medium-border-color)); } .pager { border-bottom: var(--tabview-border-width) solid rgba(var(--tabview-border-color)); } .pager a, .pager .current, .pager .dots { color: rgba(var(--tabview-button-text-color)); background: rgba(var(--tabview-button-background-color)); } .pager a:is(:hover, :active, :focus, :focus-within) { color: rgba(var(--tabview-hover-button-text-color)); background: rgba(var(--tabview-hover-button-background-color)); } .pager .current { color: rgba(var(--tabview-selected-button-text-color)); background: rgba(var(--tabview-selected-button-background-color)); } #st-action-area > a { color: rgba(var(--link-color)); text-decoration: none; } #action-area h1 + p + h2 ~ div[style="padding-left:3em;"] > div a { transition: color var(--general-transition-time-fast); } .hovertip { animation: fresh-fade-in var(--general-transition-time-fast) ease-in-out; font-weight: 400; border-width: 0 0 0.15rem 0 !important; } .scp-image-block img { border-radius: 0.25rem 0.25rem 0 0; } .scp-image-caption { border-bottom: var(--imageblock-border-width) solid rgba(var(--imageblock-border-color)); border-radius: 0 0 0.25rem 0.25rem; } .yui-navset { width: auto; margin: 1rem 0; } .yui-navset .yui-nav li, .yui-navset .yui-nav li.selected { box-shadow: none; border-bottom: var(--tabview-border-width) solid rgba(var(--tabview-border-color)); } .yui-navset .yui-nav li a em, .yui-navset .yui-nav li.selected a em { padding: 0.4em 0.6em; } .yui-navset .yui-content { box-shadow: none; border-bottom: var(--tabview-border-width) solid rgba(var(--general-medium-border-color)); } div.wiki-note { padding: 0.5rem 1rem; font-weight: inherit; box-shadow: 0 0.5rem 1rem rgba(var(--general-shadow-color), 0.06); background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.2)); } #odialog-container, .owindow.osuccess { animation: fresh-fade-in var(--general-transition-time-fast) ease-in-out; } .owindow.owait .content, .owindow.owait .content:before, .owindow.owait .content:after { border-radius: 0.1rem; } .owindow .title, div.modalbox > div:first-child, div.infobox-title { border-radius: 0.25rem 0.25rem 0 0; } .owindow .button-bar > a[onclick*=cleanAll], div.modalbox::after, div.infobox::after { font-weight: 500; } .owindow .content > img + h1 + table, .owindow .content > img + h1 + table td, div.creditBottomRate { border-color: rgba(var(--general-medium-border-color)); } div.creditBottomRate div.page-rate-widget-box { box-shadow: none; } .bblock:is(:hover, :focus-within) { color: rgb(var(--general-light-background-color)); } .keycap { box-shadow: 0 0.15em rgba(var(--general-strong-border-color)); } .licensebox a.collapsible-block-link { opacity: 1; color: rgba(var(--link-color)); transition: color 0.15s; } .licensebox a.collapsible-block-link:is(:hover, :active, :focus, :focus-within) { color: rgba(var(--hover-link-color)); } .sd-container { --sd-border: var(--text-color); --sd-symbol: var(--general-dark-text-color); --sd-bullets: var(--text-color); } #page-content .radius { border-radius: 1rem; } .hovertip, #page-content .shadow { box-shadow: 0 0.15rem 1rem rgba(var(--general-shadow-color), 0.12); } .three-line table.wiki-content-table { --table-border-color: var(--general-dark-border-color); --table-header-background-color: var(--table-background-color); --table-header-text-color: var(--table-text-color); border: rgba(var(--table-border-color)) 0.2rem solid; border-left: none; border-right: none; } .three-line table.wiki-content-table :is(th, td) { padding: 0.5em 0.75em; border-left: none; border-right: none; } @media only screen and (max-width: 1024px) { #login-status { right: calc(var(--header-margin) + 0.5rem + var(--search-icon-width-on-mobile)); } #search-top-box { right: var(--header-margin); top: 1.1rem; height: var(--search-icon-width-on-mobile); } #search-top-box-form .button.btn { background: currentColor; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-position: 0 0; mask-position: 0 0; } #main-content { padding: 0.5rem 2rem; } } @media only screen and (max-width: 540px) { #header { grid-template-areas: "h1" "topbar"; } #top-bar { position: relative; right: 0; width: 100%; padding: 0 var(--header-margin); } #top-bar div[class*=top-bar] > ul > li { position: static; flex: auto; padding-bottom: 0.15rem; } #top-bar div[class*=top-bar] > ul > li > ul { flex-direction: row; flex-wrap: wrap; } #top-bar div[class*=top-bar] > ul > li > ul > li { flex-basis: 40%; } #main-content { padding: 0.01rem 1rem; } }
生存难度:生存難度:
等级等級 3
- 不安全
- 特定情况稳定
- 少量实体 实体情况不明
如何使用:
[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]
class 处的可用参数包括以下内容,支持简繁体及英文输入。
| English | 简体中文 | 繁體中文 | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 0 | 1 | 2 | 3 | 4 | 5 | 0 | 1 | 2 | 3 | 4 | 5 | 0 | 1 | 2 | 3 | 4 | 5 |
| unknown | 未知 | 未知 | |||||||||||||||
| habitable | 宜居 | 宜居 | |||||||||||||||
| deadzone | 死区 | 死區 | |||||||||||||||
| pending | 等待分级 | 等待分級 | |||||||||||||||
| n/a | 不适用 | 不適用 | |||||||||||||||
| amended | 修正 | 修正 | |||||||||||||||
| omega | 终结 | 終結 | |||||||||||||||
该组件支持简繁切换,如下方代码所示:
[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]
在 lang 处选择语言,cn 表示简体中文,tr 表示繁体中文,不填默认选择简体中文。
自定义等级
[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000(带有井号的十六进制色号代码。)
|image=链接(至图片的链接。)
|one=在这
|two=随便
|three=放文字
]]
使用 CSS 进行自定义:
你可以使用 CSS 进行额外的自定义,将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中,不要把 [[module css]] 放在 [[include]] 里面,把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色,因为组件的 |color= 部分仅能控制背景:
[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;
/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */
/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */
/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */
/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]
旧版颜色:
如果你不喜欢新版的样式,想要用回旧版的红色边框色,只需要在你的页面中与组件一同引入下方的代码:
[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]
窗外的景色。
层级内的床铺。
Level C-616是后室C层群的第616层。
描述
Level C-616呈现为一间缺乏打理,陈设齐全的卧室,装修风格为典型的前厅21世纪10年代的中式风格。层级面积经测算约为11㎡。地板由劣质浅色木板铺成,墙壁上贴着材质不明的粗糙墙纸,同时还装有一扇高2m左右的白色木门。该木门无法以任何方式被打开或者破坏,但经指向树脂测验,其为可能的层级出口之一。Level C-616的气温稳定在25~30℃之间,相对较为闷热,空气湿度整体较高,且空气中充满了一种被描述为“如同过期了数年的空气清新剂一样”的味道。在此温湿度下的补给极易腐烂,请流浪者留意。
Level C-616的室内装饰以深蓝与灰白为主色调,照明设施缺失,导致内部环境极为昏暗。白色木门的正对面设有一扇半掩的,对角线长约0.65m的铝框窗户1,窗外景色永为下着蒙蒙细雨的落叶林,天空光线昏暗,窗外透进来的光亮仅仅能够勉强照亮窗台前方的一小块区域。窗外景色中的细雨是真实存在的,经化验,雨水主要成分为30%浓度的氢氧化钠水溶液,故对窗外环境的详细探索通常被认为是不可能的。窗户本身同样不可被破坏。在其下方则有一张纯白色单人床,长2.2m,宽0.7m,床上没有任何装饰或者图案,且被褥总是在床上乱成一团,不经整理。然而其常常被流浪者被描述为“干净且舒适”的,许多流浪者声称躺在上面可以一定程度上改善自身的精神状态,甚至治疗一些程度较轻的精神危害。
Level C-616的床边还放有一台台式电脑以及一张与之对应的电脑桌,电脑外观和前厅中普通的办公电脑类似,装有Windows7系统,WiFi质量优良,流浪者能够借此顺利连接至M.E.G.资料库。但是键盘和鼠标上均落满了灰尘,如同很久未使用一般。即使电脑的机箱并没有连接电源,其仍然能够正常运行,而电脑运行所需的电力来源暂且未知。需要注意的是,M.E.G.十分不建议流浪者在非紧急情况下打开电脑,打开电脑这一行为将会有极大的风险使你激活层级内的特有实体“摄像头”而招致灾难。
电脑桌正上方还安置有一个大型木制置物架,其内放置着数种前厅中常见的书籍,主要以科普类,哲学类,小说类和义务教育课本为主。书中文字大多都被墨迹污染,无法阅读。幸运的是,本层级的主要补给也会在此处刷新,流浪者常常能够在置物架散乱的书籍后找到如杏仁水,罐装龙肉等流浪者生存所必需的基础资源,资源刷新频率为12小时,这使得流浪者在Level C-616长期生活成为了可能,但鉴于此层级的危险,十分不建议这么做。曾有一例报告称,流浪者在置物架内的一本书中发现了数张描写后室某层级2的手稿,但是此报告未被证实。
值得注意的是,Level C-616每次仅能够容纳一名流浪者进入,也就是说,只要本层级内有流浪者存在,那么任何进入此层级的入口都将失效,这使得本层级内无法创建任何形式的聚居地或者开展多人探索。
实体
Level C-616内仅存在一种已确认的实体,即“摄像头”,但也存在一种未确认实体,下文将会分别详细介绍。
“摄像头”
“摄像头”外观无异于前厅中常见的台式摄像头,整体呈白色,机身上有一指示灯。其总是在大型置物架的正中间被发现,无法移动,无法破坏,但是其被激活时可以360°自主旋转。
除了上文所提到的特殊情况之外,该实体每个小时有约三成的概率进入激活状态。实体被激活后,机身上的指示灯颜色将会从白色变为红色,且“摄像头”会自动旋转自身以追踪流浪者的行踪。此时,流浪者会感到一种极度的恐慌与不安。一旦流浪者暴露在“摄像头”的视野中超过3秒,或者在其被激活时发出超过50分贝3的声音,“摄像头”便会发出一阵刺耳的蜂鸣声,随后发生了什么我们不得而知。前往此层级勘探的流浪者均在此事件后失联,任何尝试获取更多相关信息或者回收信息记录的行动均告失败,推测已死亡。故非常不建议流浪者在得知“摄像头”被激活后仍然暴露在其视野中。
该实体也是本层级最主要的精神危害来源。许多流浪者称,在将注意力集中于“摄像头”时4,会感到莫名的心悸,紧张,头晕,严重时甚至可能导致呕吐,昏迷,甚至直接将该实体激活。即使不这么做,流浪者也会因为该实体而感受到一种强烈地“时刻被什么东西注视着”的不安感,极端情况下会使精神接受能力较差的流浪者歇斯底里。饮用杏仁水或者躺在本层级的单人床上已被证明无法抑制此种精神危害,直到流浪者离开该层级。
行为准则:
应当:
- 避免激活该实体。
- 在该实体被激活后快速寻找藏身地。
- 让̨͇ͯ̿̕͝我̩̽̀ͤ̓͟看̜̙͗̀̾͞看̹͓ͥ̽̔͜你̞̤̙̘̉̑,̯̻̞ͤͩ́孩̟ͭ̈̓ͦ̆子̨̒̈̆̈́̎.͔̪ͬͤ́̓.̨̧̞͘͘͠.̷̢̈́̑ͩ̎.̫̖̣ͭ͝ͅ.̯͆̀ͫ͆͆.̢̟ͧ̌̀͑我̘̠͔̟ͤ̽知̶̢̘̬̻̙道̵͏͚̺̈́͠你̢̼͙̎ͥ͢在̰͚̭͖͋ͥ里̞̖̠͢͏̟面͐̽ͫ̐̀͘.̹̓́ͤ̌̕.̶̛͔̩̔̄.͉̬̞̾͊̚.̰̩̱͋̊͢.̵̬̒̅͂͠.̧̡̗̜̌͒
不应:
- 在该实体被激活后仍然暴露在该实体的视野中。
“母亲”
“母亲”也是本层级的特有实体之一,且似乎为本层级唯一的直接性威胁。关于此实体的相关报告曾小规模流传于各大流浪者团体之间,M.E.G.也对此派出了数据采集员林██进行调查,最后发现关于该实体最早的报告来源于一位名叫█████·安东诺夫的流浪者,不幸的是,根据其他流浪者的报告,该流浪者在将实体相关信息给其他流浪者讲述完毕后便自杀身亡了。但是M.E.G.仍然保留了一份林██与另一位知情人士███的谈话笔录,详细信息请看附录。
由于无法取得第一发现者所提供的相关信息,故尚不能彻底确定该实体的存在。
基地、前哨与社区
鉴于该层级的异常特性,无法在此建立任何形式的基地、前哨与社区。
入口与出口
入口
- 儿时父母管束极其严格,以至于留下心理阴影的的流浪者在本应进入Level 18时,有可能会来到该层级。
- 在Level C-31切入地面有极大概率来到该层级。
出口
- 在本层级的床上蒙着头睡一觉有概率来到Level C-21或Level C-369。
- 切入床底的地面将会来到Level C-1003。
- 可以通过什么方式离开此层级,进入Level C-16?(3)
A.做完置物架中的一套练习题
B.切入窗户
C.在置物架中找到一本空白封面的笔记本,翻到第16页
附录
以下是林██与███的谈话笔录,已抹除部分信息。
[记录开始]
林██:您好,███先生。我是M.E.G.的数据收集员,叫我林博士就好,想要从您这里收集一些信息。
███:请便。
林██:您还记得安东诺夫之前给你描述的那个层级吗?还有里面的实体……
███:当然记得,就是那个里面装了个摄像头的卧室,里面的实体他也跟我大概说过,说真的,我甚至都不知道他是怎么逃出去的。
林██:好的。您还记得他是怎么跟你描述那个实体的外观的吗?
███:嗯……好像就是一个披头散发的女性人形实体,长得有将近两米高,跟那个八尺夫人似的,而且还████████。
林██:还有吗?他有没有跟你说他是怎么发现这些的?
███:就是他进了这个层级后被那个该死的摄像头发现了,那玩意发出的动静给他吓了一大跳,然后他直接躲进床底下去了,随后他就看到了一个令他这辈子都忘不了的一幕——
林██:什么?
███:那个实体在他刚躲好的一瞬间就突然破门而入,——对,是真的“破门”,木屑溅的到处都是,随后这家伙就开始███████████████████████████,再然后他就出现在Level 1了。
林██:了解,但是他在离开层级后有没有出现什么异常?
███:还真有,他自从出了那里之后就开始精神失常,天天念叨着“不要看着我”之类的不明所以的话,过了几天就不见他的踪影了。
林██:明白了,感谢您的配合。
[记录结束]
« Level C-615 | Level C-616 | Level C-617 »
