: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; } }
: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 }
生存难度:生存難度:
等级等級 丰饶
- 盛夏葱茏
- 深秋温存
- 温暖惬意
如何使用:
[[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 AS-419是后室AS层群的第420层。该层由一片面积约40平方公里的麦田和其中的一片湖泊组成,湖泊名为镜月湖,为一座面积约12平方公里的淡水湖,因其清澈如镜,夜晚倒映明月而得名。麦田与湖泊之间没有明确边界,湖水通过地下暗渠渗透到麦田,麦田的余水又回流湖中,形成一套完整的微型生态循环系统。
该层昼夜循环正常,但四季永远只在盛夏和深秋更迭,没有寒冬,没有早春,只有最丰沛的生长和最饱满的收获。
“吾不让寒冬进入这里,是因为寒冬会冻死希望。盛夏让人敢做梦,深秋让人敢收获,这就够了。”
盛夏的葱茏
(约持续前厅时间5个月)
一眼望去,麦田一片葱茏,麦秆挺拔如翠竹,麦穗尚青,在风中起伏如碧色的海浪,镜月湖水涨至最高,清澈见底,湖底的水草随风摇曳,犹如绿色的丝带。湖与麦田的交界处,是一片浅水湿地,水深不过膝,长满芦苇、香蒲、菱角。湿地上空,蜻蜓成群飞舞,偶尔有白鹭掠过,在麦浪上投下淡淡的影。
空气总是那样温热但不灼人,温度恰到好处;风从湖面吹来,带着水汽和青草的清香。清晨,麦叶上挂满露珠,每一颗都倒映着初升的太阳;正午,阳光炽烈,麦田蒸腾起淡淡的水汽,远看像蒙了一层薄纱;傍晚,夕阳把麦田染成金绿色,风吹过时,像无数翡翠在流动;深夜,月光洒在麦田上,麦穗低垂,像睡着的孩子。湖畔,青蛙正在合唱,蝉鸣此起彼伏,从未停歇,像盛夏的交响乐。
偶尔,风过麦田,千万株麦穗摩擦,发出“沙沙”的低语——有人说,这是麦子在聊天。
本层的盛夏,有最清甜的味道:
- 野地的菱角,剥开生吃,脆甜多汁。
- 湖中的莲蓬,剥出的莲子清甜微苦。
- 刚灌浆的青麦粒,嚼起来有淡淡的甜味和奶香。
这时节最适合:
- 赤脚走在田埂上,感受泥土的温度。
- 躺在麦浪下,听蝉鸣和麦子“聊天”。
- 在湖边踩水,惊起一群蜻蜓。
深秋的温存
(约持续前厅时间7个月)
一夜之间,麦田由碧绿转为金黄,麦秆变得粗壮、坚实,麦穗低垂,粒粒饱满如金珠。阳光下,整片麦田像铺了一地的金子。风过时,金色的麦浪翻滚,在眼前形成一片熔金的海。镜月湖水退去三分之一,露出大片湖滩。湖滩上铺着些许落叶——不是麦叶,而是湖对岸一小片落叶树林的叶,红黄相间,像给湖镶了一圈金红的边。抬眼望去,天空有些苍茫,偶尔有几只归雁掠过,留下几阵啼鸣,增添些许凄凉。
空气有些干燥,湖岸几棵老桂树的桂香与麦香交织,香气漫溢整片麦田。清晨,麦穗在薄雾中若隐若现,像飘浮在一片云海;正午,阳光把麦田晒得有些烫,麦香飘逸四散,浓郁得化不开;傍晚,落日把麦田烧成金红色,麦浪翻滚,像一片流动的熔岩;深夜,收割后的麦茬在月光下泛着银光,像铺了一层霜。
有人说,秋天的麦田,是金色的梦境。收割声、打谷声在耳边回荡,就连风声,也在萧瑟中,藏了一点温柔。躺在麦田中,靠在稻草堆旁,就这么发着呆过一天也未尝不可——但请注意,傍晚时分,温度会降到需要再加一件薄外套的程度——不过也仅此而已,永远不会再冷。
本层的深秋,充满着丰腴的滋味。
- 刚打下的麦子,磨成面粉,做成馒头、面条、烙饼,麦香浓郁。
- 用湖边老桂树上的桂花和麦田新米制成桂花糕,甜而不腻。
- 有时,麦田中会种有几片红薯。将它们挖出、烘烤,一口咬下去,香甜软糯。
这时节最适合
- 坐在谷堆上,看月亮从湖面升起。
- 吃一碗新麦做的面条,喝一杯桂花茶。
- 把脸埋进麦子里,深吸一口气——那是阳光和土地的味道。
实体
狡
本层级的守护神。本层级的季节轮换与丰收皆因其力量庇佑。关于其的记载初现于《山海经·西山经》。
其外形像狗,但体型比大型犬还大些许。其毛发大部分雪白,在耳尖、尾巴处毛发转为麦子般的金黄。其额上有一红色印记,仅凭现有资料无法解析其含义,推测是其神兽的身份象征。其头顶长有一对短角,短角下部为玉白,至尖端渐变为金黄。
其性格温和,能吐人言,亦能通人意,对流浪者总是持友好态度。
其大部分时间沉睡在麦田正中央的地下,此处有一个狡用力量开辟的空间,被其称为“种子的眠床”。该空间位于地下20米,面积约等于两间教室。其结构为圆形穹顶,四周墙壁由无数麦粒镶嵌而成,每一粒都在微微发光。在该空间中央,是一张由最饱满的麦穗铺成的床,狡通常蜷缩其上,呼吸平稳。无论日夜,阳光和月光都能通过直通地面的气孔和特殊的折射装置洒入,形成永不熄灭的光柱。
狡沉睡时,其呼吸会通过根系网络传遍整个麦田——每一次呼气,麦苗摇晃;每一次吸气,麦穗微微低垂。因此有人说:麦浪不是风的杰作,是狡的梦。
狡并非一直沉睡,其苏醒日期并不很固定,但在一年的两个时候,其必定会醒来。(注:本层时间流速与纪年均与前厅一致,因此节气亦与其一致)
①夏至清晨:
夏至日出时分,狡会从麦田中央缓缓升起,浑身沾满露水,在晨曦中抖掉一身水珠。它会绕麦田一周,用爪子轻碰每一株麦苗——这是“赐福”,让它们在接下来的盛夏茁壮成长。
仪式结束后,其会走到湖边,饮一口镜月湖水,然后返回地下,继续沉睡。
②秋分黄昏:
秋分日落时分,狡会再次出现。它会走到麦田最高处,发出一声低沉的,似犬吠的叫声。那声音传遍整片麦田,麦穗听到后会自动脱落,整齐地堆成谷堆。这是让它们不必等待收割,它们等了一整年,该休息了。
仪式结束后,狡会吃下第一把新麦,然后回到地下,进入沉睡。
基地、前哨和社区
因该层级自身特性,此层仅能最多使60人同时停留,故无法建立基地。M.E.G在此层设立“丰乐麦浪”前哨站,成员共6人,驻于镜月湖湖岸。
“守望者”社区
位于麦田边缘的一排木屋。木屋的管理人为一位七十多岁的老人——所有人都叫她“阿婆”。
阿婆似乎是该层级的发现者。三十多年前她从另一个层级逃难至此,在麦田边搭起小屋,一住就已三十载。
最初,这里只有阿婆自己建造的一座小木屋。后来,随着流浪者的逐渐到来,此地逐渐发展为一个能容纳5千人的社区。
他们的工作是“守田”,不是看守,是陪伴。他们每天清晨起床,先对着麦田打招呼,然后开始一天的劳作、除草、引水、观察虫害。但更多时候,他们只是坐在田梗上,看麦浪起伏,看云卷云舒。
“藏在麦浪下吧,别被寒冬找到。”
无论本层处于何种季节,采到本层的流浪者都很喜欢一个活动——藏在麦浪下。
- 伤心者藏在麦浪下,由麦子作他们的听众。
- 迷茫者藏在麦浪下,让风把烦恼吹散。
- 孤独者藏在麦浪下,感觉被千万好友陪伴。
- 幸福者也藏在麦浪下,让麦子分享他们的快乐。
麦子不会评判你,不会背叛你,不会离开你,它们只是长在那里,等着你来——或者等着你不来。这片麦田用它们特殊的力量消解恶意,让那些等不到明天的人至少先拥有一整个“今天”。
寒冬总会来,在此之前,先好好活着。
入口和出口:
入口:
在Level 10发现一个天然的“麦穗穹顶”,从预留的洞口钻入其中,并享受一个好梦。醒来时,你将发现自己身处本层的麦浪中。
在Level AS-187找到一个闪着微光的稻草堆,靠着它,享受一个美梦。醒来时,你将发现自己身处“守望者”社区的草垛旁。
春日,樱花,铁路的樱号列车偶尔会开往这里。
出口:
在谷仓中陷入梦乡,你将回到Level AS-187。
向着远方的天边,下定决心走去,你将发现自己正渐渐走入Level AS-1的街道。
春日,樱花,铁路的樱号列车有较小概率在此停留。搭乘列车,你将来到它原本的目的地level C-526。
偶尔,会有一辆古色古香的马车前来收购新麦,搭乘这辆马车离开,你将来到Level AS-30。
“游憩在盛夏的葱茏,享受着深秋的温存,藏在麦浪下吧,别被寒冬找到。”
这首诗的作者不详。
有人说是阿婆写的,但阿婆不识字。
有人说是狡写的,但狡从不写诗,它只说“麦子在说话”。
有人说是某个被麦田治愈的伤心人留下的,写在纸上,压在阿婆小屋的灯下。
最可信的版本是:
那是二十五年前,一个女人逃难至此。她走了很远的路,失去了所有亲人。她躺在麦田里,三天三夜没有动。
第四天清晨,她醒来,发现自己被麦穗覆盖——不知什么时候,麦子弯下腰,替她盖了一层“麦被”。
她坐起来,看着金色的麦浪,说了这句话:
“游憩在盛夏的葱茏,享受着秋日的温存,藏在麦浪下吧,别被寒冬找到。”
然后她走到湖边,洗了脸,在麦田边搭起小屋——成了后来的阿婆。
从此,这句话在本层流传。有人说是诗,有人说是咒语,有人说是麦田给所有伤心人的承诺:
“你可以躲在这里。寒冬不会找到你。”
亲爱的流浪者,如果你有一天来到这里,来到这篇麦田——
请先站在田埂上,看一会儿麦浪。
然后,找一个你喜欢的地方,躺下来。
麦子会认识你。它们会记住你的气息,你的温度,你的心跳。
如果你伤心,它们会听你说。如果你快乐,它们会陪你笑。如果你只是累,它们会让你睡一觉。
醒来时,如果天快黑了,阿婆小屋的灯会亮着。
你可以去讨一碗面,用今年新收的麦子做的。
吃完面,如果还有月亮,再去躺一会儿。
狡可能在你身边——也可能不在。但没关系。
因为麦浪下,永远有一个位置,属于你。
作者:Star4326
代发:Capybara13
生存难度图标由Capybara13制作。
« Level AS-418 | Level AS-419 | Level AS-420 »

