/* BHL Style Search Top Box And User Account */ /* By Mercuresphere */ /* Based on BHL Theme */ :root, :root:lang(cn) { --merc-light-color: var(--swatch-menutxt-light-color); --merc-dark-color: var(--swatch-menubg-dark-color); --user-account-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/user-circle.svg"); --search-top-box-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/search-top-box-mask.svg"); } /* ===用户和搜索栏=== */ @media only screen and (max-width: 768px) { #login-status { right: unset; font-size: unset; } #navi-bar, #navi-bar-shadow, #search-top-box-input { display: unset; } #search-top-box-input { min-width: unset; } #search-top-box { top: unset; right: unset; height: unset; } #search-top-box:focus-within { box-shadow: unset; background: unset; padding: unset; } #search-top-box:not(:focus-within):before { -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--search-top-box-mask); z-index: 14; background-color: rgb(var(--merc-light-color)); color: rgb(var(--merc-dark-color)); text-align: center; cursor: pointer; mask-image: var(--search-top-box-mask); mask-position: center center; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); pointer-events: none; position: absolute; top: 0; right: 0; width: calc(0.9375rem * 1.8); height: 100%; content: " "; } #search-top-box form[id=search-top-box-form] { visibility: unset; height: unset; } #search-top-box form[id=search-top-box-form]:focus-within { visibility: unset; } #search-top-box form[id=search-top-box-form] input { -webkit-appearance: unset; -moz-appearance: unset; position: unset; top: unset; transform: unset; appearance: unset; height: unset; } #search-top-box form[id=search-top-box-form] input[type=text] { visibility: unset; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1); } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] { position: unset; right: unset; transform: unset; cursor: unset; border-width: unset; width: unset; height: unset; color: unset; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover { background-color: unset; } #search-top-box form[id=search-top-box-form] input[type=submit] { background: none; transition: unset; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] { opacity: unset; margin: unset; padding: unset; width: unset; } #header h1 a { z-index: unset; } } @media only screen and (max-width: 56.25rem) { #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { background-color: rgba(0, 0, 0, 0); } } @media (min-width: 36rem) { #login-status { flex-grow: unset; left: unset; right: unset; } #login-status:not(:hover):not(:focus-within) { visibility: hidden; } #login-status::before { visibility: visible; } } #search-top-box-input { min-width: unset; display: inline-block; } #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { color: transparent; } #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { border: none; text-shadow: none; } #search-top-box-form input[type=submit], #search-top-box-input:focus, #search-top-box-input:hover { border: none; } #search-top-box { display: flex; z-index: 12; position: absolute; top: 1.5em; right: calc(3% - .25em); align-items: center; justify-content: center; width: auto; height: calc(0.9375rem * 1.8); transform: translateY(-50%); font-size: calc(0.9375rem * .86667); } #search-top-box, #search-top-box * { box-sizing: border-box; margin: 0; padding: 0; border: none; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1); will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width; } #search-top-box:focus-within, #search-top-box:focus-within *, #search-top-box:focus-within :after, #search-top-box:focus-within :before { margin: 0; padding: 0; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .3s cubic-bezier(.4, 0, .2, 1), padding .3s cubic-bezier(.4, 0, .2, 1), max-width .3s cubic-bezier(.4, 0, .2, 1); will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width; } #search-top-box:focus-within { background: rgba(var(--merc-dark-color), .7); box-shadow: calc(calc(0.9375rem * 1.8) / 2 * -1) 0 calc(calc(0.9375rem * 1.8) / 2) rgba(var(--merc-dark-color)); } #search-top-box:after, #search-top-box:before { position: absolute; top: 0; right: 0; width: calc(0.9375rem * 1.8); height: 100%; content: " "; } #search-top-box:before { -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--search-top-box-mask); z-index: 14; background-color: rgb(var(--merc-light-color)); color: rgb(var(--merc-dark-color)); text-align: center; cursor: pointer; mask-image: var(--search-top-box-mask); mask-position: center center; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); pointer-events: none; } #search-top-box:not(:focus-within):hover:before { background-color: rgb(var(--merc-light-color)); } #search-top-box:after { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); z-index: 13; clip-path: var(--clip-path); pointer-events: none; background-color: transparent; } #search-top-box:not(:focus-within):after { --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); background-color: rgb(var(--merc-light-color), 0); } #search-top-box form[id=search-top-box-form] { display: flex; visibility: visible; position: relative; right: 0; max-width: 100%; height: calc(0.9375rem * 1.8); } #search-top-box form[id=search-top-box-form]:not(:focus-within) { max-width: calc(0.9375rem * 15); } #search-top-box form[id=search-top-box-form] input { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: 0; } #search-top-box form[id=search-top-box-form] input[type=text] { z-index: 13; position: absolute; right: 0; width: calc(0.9375rem * 15); max-width: calc(0.9375rem * 15); height: 100%; padding: 0 calc(0.9375rem * 1.8) 0 1em; outline: 0 solid rgb(var(--merc-light-color)); background-color: rgb(var(--merc-dark-color), .7); box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color)); color: rgba(var(--merc-light-color)); } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] { max-width: calc(0.9375rem * 1.8); padding: 0; outline-width: 0; background-color: rgba(var(--merc-dark-color), 0); box-shadow: 0 0 0 0 rgb(var(--merc-light-color)); color: rgba(0, 0, 0, 0); cursor: pointer; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover { background-color: rgba(var(--merc-dark-color), 1); } #search-top-box form[id=search-top-box-form] input[type=submit] { visibility: visible; z-index: 14; position: absolute; right: 0; width: calc(0.9375rem * 1.8); height: calc(0.9375rem * 1.8); outline: 0 solid rgb(var(--merc-light-color)); background-color: transparent; box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color)); color: t; font-size: calc(0.9375rem * .86667); cursor: pointer; pointer-events: all; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] { box-shadow: 0 0 0 0 rgb(var(--merc-light-color)); pointer-events: none; } #login-status { --wght: var(--ui-wght); display: flex; z-index: 11; position: absolute; top: 1.5em; right: calc(3% + calc(0.9375rem * 1.8) - .25em); align-items: center; justify-content: center; height: 2em; margin: 0 0 0 .5em; transform: translateY(-50%); color: rgb(var(--merc-light-color)); font-weight: var(--wght); font-size: 1em; font-family: var(--UI-font); white-space: nowrap; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); } #search-top-box:focus-within ~ #login-status { opacity: 0; } #login-status span.printuser a:first-of-type { width: 1.75em; } #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in { margin: 0 1em; background-color: rgb(var(--pale-gray-monochrome)); color: rgb(var(--merc-dark-color)); padding: 0.1em 1em; text-decoration: none; } #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:focus-within, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:focus-within { background-color: rgba(var(--merc-light-color), 1); color: rgb(var(--merc-dark-color)); text-decoration: none; } #login-status span.printuser { --wght: var(--ui-wght); margin-right: .5em; color: rgb(var(--merc-light-color)); font-weight: var(--wght); } #login-status a#my-account, #login-status a[href*="account/messages"] { color: rgb(var(--merc-light-color)); } #login-status a#my-account { --wght: var(--ui-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) .125em; display: flex; align-items: center; padding: 0 .5em; background-color: initial; box-shadow: inset 0 0 0 0 rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) .125em; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1); } #login-status a#my-account:active, #login-status a#my-account:hover { --wght: var(--ui-hvr-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0; box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color)); color: rgb(var(--merc-light-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) 0; } #login-status a#my-account:focus-within { --wght: var(--ui-hvr-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0; box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color)); color: rgb(var(--merc-light-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) 0; } #login-status #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); position: relative; width: var(--account-height); height: var(--account-height); margin: 0; padding: 0; background-color: rgb(var(--merc-light-color)); color: transparent; clip-path: var(--clip-path); transition: -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1); transition: clip-path .1s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options { display: block !important; z-index: 12; position: absolute; top: 1.5rem; right: 0; width: 10em; margin: .25em 0 0; padding: 0; overflow: hidden; background-image: var(--gradient-header); background-color: rgb(var(--merc-dark-color)); opacity: 0; pointer-events: none; transition: opacity .15s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options:focus-within, #login-status #account-topbutton:active + #account-options, #login-status #account-topbutton:focus + #account-options { opacity: 1; pointer-events: all; } @media (pointer: coarse) { #login-status #account-options:hover, #login-status #account-topbutton:hover + #account-options { opacity: 1; pointer-events: all; } } #login-status #account-options * { margin: 0; padding: 0; } #login-status #account-options ul { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 2em; flex-grow: 1; align-items: center; justify-content: center; font-size: .85em; } #login-status #account-options ul li { position: relative; } #login-status #account-options ul li, #login-status #account-options ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } #login-status #account-options a { --box-shadow: rgba(var(--merc-dark-color)); --wght: var(--ui-wght); position: relative; flex-grow: 1; height: 100%; max-height: 2em; padding: 0 .25em; box-shadow: inset 0 0 0 .0625rem var(--merc-dark-color); font-weight: var(--wght); transition: color .15s cubic-bezier(.4, 0, .2, 1), font-weight .15s cubic-bezier(.4, 0, .2, 1), font-variation-settings .15s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options li > a, #login-status #account-options li > a:visited { color: rgb(var(--merc-light-color)); } #login-status #account-options li > a:active, #login-status #account-options li > a:hover { --wght: var(--ui-hvr-wght); color: rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: none; } #login-status #account-options li > a:focus-within { --wght: var(--ui-hvr-wght); color: rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: none; } #login-status #account-options li > a[href*="/messages"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; font-size: 0; } #login-status #account-options li > a[href*="/messages"]:after { position: absolute; left: 50%; transform: translateX(-50%); content: "信息"; font-size: calc(0.9375rem * .765); pointer-events: none; } #login-status #account-options li > a:before { --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-clip-path: var(--clip-path); z-index: -1; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgb(var(--merc-light-color)); content: " "; clip-path: var(--clip-path); pointer-events: none; transition: -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); transition: clip-path .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options li > a:active:before, #login-status #account-options li > a:hover:before { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%); } #login-status #account-options li > a:focus-within:before { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%); } /* ===默认收起用户信息栏和搜索栏=== */ #search-top-box { top: 23px; right: calc(3%); } #login-status { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; top: 24px; right: calc(3% + calc(0.9375rem * 1.8) + .25em); color: transparent; pointer-events: none; transition: color .2s cubic-bezier(.4, 0, .2, 1); user-select: none; } @media only screen and (min-width: 980px) { #search-top-box { right: calc(3% + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2); } #login-status { right: calc(3% + calc(0.9375rem * 1.8) + .25em + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2); } } #login-status:active, #login-status:hover { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; color: rgb(var(--merc-light-color)); pointer-events: all; user-select: auto; } #login-status:focus-within { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; color: rgb(var(--merc-light-color)); pointer-events: all; user-select: auto; } #login-status:active #account-options, #login-status:hover #account-options { pointer-events: all; } #login-status:focus-within #account-options { pointer-events: all; } #login-status > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 0; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), clip-path .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); } #login-status:active > :not(#account-topbutton):not([href*="account/messages"]), #login-status:hover > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 1; } #login-status:focus-within > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 1; } #login-status #account-topbutton { margin-left: 0; background-color: initial; pointer-events: all; transition: clip-path .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .15s cubic-bezier(.4, 0, .2, 1); } #login-status:hover #account-topbutton { background-color: rgb(var(--merc-light-color)); } #login-status:before { -webkit-mask-image: var(--user-account-mask); -webkit-mask-size: calc(calc(0.9375rem * 1.8) - .5em); -webkit-mask-position: center right; -webkit-mask-repeat: no-repeat; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--merc-light-color), 1); content: ""; cursor: pointer; mask-image: var(--user-account-mask); mask-position: center right; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) - .5em); pointer-events: all; transition: background-color .15s cubic-bezier(.4, 0, .2, 1); } #login-status:hover:before { background-color: rgba(var(--search-icon-hover-color), 1); } #login-status:active:after, #login-status:active:before, #login-status:hover:after, #login-status:hover:before { background-color: rgba(var(--search-icon-hover-bg-color), 0); cursor: auto; pointer-events: none; } #login-status:focus-within:after, #login-status:focus-within:before { background-color: rgba(var(--search-icon-hover-bg-color), 0); cursor: auto; pointer-events: none; } #login-status #account-topbutton { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); background-color: rgba(var(--merc-light-color), 0); clip-path: var(--clip-path); } #login-status:active #account-topbutton, #login-status:hover #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); background-color: rgb(var(--merc-light-color)); clip-path: var(--clip-path); } #login-status:focus-within #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); background-color: rgb(var(--merc-light-color)); clip-path: var(--clip-path); } #login-status #account-options { margin: 0; } #login-status a[href*="account/messages"] { color: rgb(var(--merc-light-color)); pointer-events: all; } #account-topbutton { border: none; } #account-options { border: none; }
:root { --lh-red: #c0392b; --lh-blue: #2980b9; --lh-green: #27ae60; --lh-dark-green: #16a085; --lh-purple: #8e44ad; --lh-orange: #e67e22; --lh-yellow: #f1c40f; --lh-paper-bg: 255, 251, 240; --lh-string-color: 192, 57, 43; --lh-book-color: var(--gray-monochrome); --lh-tape-color: 90,90,90,0.3; --lh-white-bg: 249,249,249; --lh-dark-bg: 50, 50, 50; --lh-highlighter: var(--bright-accent); --lh-border-color: var(--gray-monochrome); --lh-wiki-note-color: var(--bright-accent) } /** * 旧代码合集 * 为了向下兼容而保留 */ .grid-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.grid-container,.grid-container [class*=grid]{box-sizing:border-box}[class*=grid]{padding:5px}.grid{width:100%}.grid-large{width:75%}.grid-big{width:50%}.grid-medium{width:33.33%}.grid-small{width:25%}@media screen and (min-width:768px){.wd-grid-large{width:75%}.wd-grid,.wd-grid-big{width:50%}.wd-grid-medium{width:33.33%}.wd-grid-small{width:25%}}.text-hover-hide{opacity:0;transition:opacity .3s}.text-hover-hide:hover{opacity:1}.text-block-hide{background:rgb(var(--black-monochrome));color:rgb(var(--black-monochrome));transition:background .3s}.text-block-hide:hover{background:0 0}.text-blur-hide,.text-blur-hover-hide{filter:blur(.3rem);-webkit-filter:blur(.3rem) transition: blur .3s}.text-blur-hover-hide:hover{filter:blur(0);-webkit-filter:blur(0)}.lyric-box{text-align:center;font-size:1.05rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.lyric-box p{margin:1.5em auto}.lyric-box.with-bigger-line p{margin:3em auto} /** * 便签纸 * notepaper */ .notepaper { background: linear-gradient(rgb(var(--lh-paper-bg)) 95%, #ddd 0); line-height: 2em; background-size: 100% 2em; background-attachment: local; border: 2em solid rgb(var(--lh-paper-bg)); box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.2); padding: 0; margin: 1em auto; box-sizing: border-box; position: relative } .notepaper p { margin: 0; font-size: 1.05rem; letter-spacing: 0.1rem; line-height: inherit } .notepaper.narrow, .notepaper.wide { width: 90% } @media screen and (min-width:768px){ .notepaper.narrow { width: 50% } .notepaper.wide { width: 75% } } .notepaper.tight { border-width: 1rem; border-left-width: 1.2rem; border-right-width: 1.2rem; line-height: 1.8em; background-size: 100% 1.8em; font-size: 13px } .notepaper.with-string::before { content: ''; width: 0.5em; height: 6rem; background: rgb(var(--lh-string-color)); top: -2rem; right: -1rem; display: block; position: absolute; box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2); clip-path: polygon(-100% -100%,100% 0%,100% 100%,50% 98%,0% 100%); } .notepaper.with-tape::before { content: ''; border: 1px solid #ddd; background: rgba(var(--lh-tape-color)); width: 1.5em; height: 4em; transform: rotate(45deg); display: block; position: absolute; top: -3em; left: -1.8em } .notepaper.tight.with-string::before { top: -1rem; right: -0.25rem; } .notepaper.tight.with-tape::before { top: -2.5em; left: -1.3em } .notepaper.page { min-height: 36em; counter-increment: page; display: flex; flex-direction: column; justify-content: space-between } @media screen and (min-width:768px){ .notepaper.page { width: 70% } } .notepaper.page:after { content: counter(page); display: block; text-align: center } .notepaper-group { counter-reset: page; } .book-pattern { display: flex; flex-wrap: wrap; flex-direction: row } .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 100% } @media screen and (min-width: 768px) { .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 50% } } .book-wrapper { background: rgb(var(--lh-book-color)); padding: 0.5rem; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2); border-radius: 5px; margin: 1rem auto } @media screen and (min-width: 768px) { .book-wrapper .notepaper { margin: 0 } } /** * 文字修饰 */ .text-highlighted { position: relative } .text-highlighted::before { content: ""; position: absolute; height: 0.9em; bottom: 2px; left: -2px; width: 105%; z-index: -1; background-color: rgb(var(--lh-highlighter)); opacity: .6; transform: skew(-15deg); transition: opacity .2s ease; border-radius: 3px 8px 10px 6px; transition: 0.1s ease background-color; } .text-underlined { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-wavy { text-decoration: underline wavy; text-underline-offset: 4px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-circled, .text-squared { display: inline-block; border: 2px solid rgb(var(--lh-highlighter)); border-radius: 100%; box-sizing: border-box } .text-squared { border-radius: 0 } .text-shadow { text-shadow: 0.075em 0.075em 0 rgb(var(--lh-highlighter)) } .text-highlighted.td-red::before { background: var(--lh-red) } .text-circled.td-red, .text-squared.td-red { border-color: var(--lh-red) } .text-underlined.td-red, .text-wavy.td-red { text-decoration-color: var(--lh-red) } .text-highlighted.td-blue::before { background: var(--lh-blue) } .text-circled.td-blue, .text-squared.td-blue { border-color: var(--lh-blue) } .text-underlined.td-blue, .text-wavy.td-blue { text-decoration-color: var(--lh-blue) } .text-highlighted.td-green::before { background: var(--lh-green) } .text-circled.td-green, .text-squared.td-green { border-color: var(--lh-green) } .text-underlined.td-green, .text-wavy.td-green { text-decoration-color: var(--lh-green) } .text-highlighted.td-darkgreen::before { background: var(--lh-dark-green) } .text-circled.td-darkgreen, .text-squared.td-darkgreen { border-color: var(--lh-dark-green) } .text-underlined.td-darkgreen, .text-wavy.td-darkgreen { text-decoration-color: var(--lh-dark-green) } .text-highlighted.td-purple::before { background: var(--lh-purple) } .text-circled.td-purple, .text-squared.td-purple { border-color: var(--lh-purple) } .text-underlined.td-purple, .text-wavy.td-purple { text-decoration-color: var(--lh-purple) } .text-highlighted.td-yellow::before { background: var(--lh-yellow) } .text-circled.td-yellow, .text-squared.td-yellow { border-color: var(--lh-yellow) } .text-underlined.td-yellow, .text-wavy.td-yellow { text-decoration-color: var(--lh-yellow) } .text-highlighted.td-orange::before { background: var(--lh-orange) } .text-circled.td-orange, .text-squared.td-orange { border-color: var(--lh-orange) } .text-underlined.td-orange, .text-wavy.td-orange { text-decoration-color: var(--lh-orange) } /* 隐藏文字 */ .text-blank { color: rgba(0,0,0,0) } .text-block { background: rgb(var(--black-monochrome)); color: rgb(var(--black-monochrome)); } .text-blur { filter: blur(0.3em); -webkit-filter: blur(0.3em) } .text-hoverback, .text-selectback { transition-duration: 0.3s; transition-property: background, transform, color } .text-blank.text-hoverback:hover, .text-blank.text-selectback::selection, .text-blank.text-selectback *::selection { color: rgb(var(--black-monochrome)) } .text-block.text-hoverback:hover { background: transparent!important } .text-block.text-selectback::selection, .text-block.text-selectback *::selection { color: rgb(var(--white-monochrome, 255, 255, 255)) } .text-blur.text-hoverback:hover { filter: blur(0)!important; -webkit-filter: blur(0)!important } /** * 附加项 */ .with-border, .with-box-style { border: 1px solid rgb(var(--bright-accent)) } .with-border-dark { border: 1px solid rgb(var(--black-monochrome)) } .with-border-light { border: 1px solid rgb(var(--white-monochrome)) } .with-border-thick { border-width: 2px } .with-shadow-sm { box-shadow: 0 0 0.1em rgba(0,0,0,0.2) } .with-shadow { box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2) } .with-shadow-lg { box-shadow: 0 0.15em 0.3em rgba(0,0,0,0.2) } .with-shadow-xl { box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.2) } .with-shadow-xxl { box-shadow: 0 0.25em 0.8em rgba(0,0,0,0.2) } .with-padding, .with-box-style { padding: 0.25em 1em } .with-p-sm { padding: 0.125em 0.5em } .with-p-lg { padding: 0.5em 2em } .with-margin, .with-box-style { margin: 1em auto } .with-m-sm { margin: 0.5em auto } .with-m-lg { margin: 2em auto } .with-narrow-width { width: 90%!important; margin-left: auto; margin-right: auto } @media screen and (min-width: 768px) { .with-narrow-width { width: 75%!important } } [class*="with-bg-"], [class*="with-bg-"] h1 { color: #fff!important } .with-bg-red { background: var(--lh-red)!important } .with-bg-blue { background: var(--lh-blue)!important } .with-bg-green { background: var(--lh-green)!important } .with-bg-darkgreen { background: var(--lh-dark-green)!important } .with-bg-yellow { background: var(--lh-yellow)!important } .with-bg-orange { background: var(--lh-orange)!important } .with-bg-purple { background: var(--lh-purple)!important } /** * 删除类 */ .offwith-shadow { box-shadow: none!important } .offwith-border { border: none!important } .offwith-padding, .offwith-pam { padding: 0!important } .offwith-margin, .offwith-pam { margin: 0!important } .offwith-width-limit { width: auto!important; margin-left: auto!important; margin-right: auto!important } div[class*="grider"].offwith-grid-gap { grid-gap: 0!important } /** * 网格布局 */ /* Gridder 容器 */ div[class*="gridder"] { display: grid; box-sizing: border-box; grid-gap: 1rem; padding: 0 } div[class*="gridder"] * { box-sizing: border-box } .gridder, .gridder-col-2 { grid-template-columns: 1fr 1fr; } .gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .gridder-col-4 { grid-template-columns: repeat(4, 1fr); } @media screen and (min-width: 768px) { .pc-gridder, .pc-gridder-col-2 { grid-template-columns: 1fr 1fr; } .pc-gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .pc-gridder-col-4 { grid-template-columns: repeat(4, 1fr); } } .spanner, .spanner-2 { grid-column-start: span 2; } .spanner-3 { grid-column-start: span 3; } /** * 告示组件 */ .signblock, .signblock-dark, .signblock-warn { margin: 1rem auto; box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.4); background: rgb(var(--lh-white-bg)); font-size: 1.05rem; padding: 2rem } @media screen and (min-width: 768px) { .signblock, .signblock-dark, .signblock-warn { width: 75% } } .signblock-dark, .signblock-dark h1 { background: rgb(var(--lh-dark-bg)); color: #fff } .signblock-warn, .signblock-warn h1 { background: var(--lh-red); color: #fff } .signblock h1, .signblock-dark h1, .signblock-warn h1 { text-align: center; font-size: 2rem; margin: 0; font-weight: 700 } .signblock-img { display: flex; flex-direction: row; justify-content: center } .signblock-img img { width: 8em } .signblock-footer { font-size: 0.9em; text-align: center; margin: 0.5rem 0; font-weight: bolder; display: block } /** * 报告 */ .reportblock, .reportblock-dark { border: 2px solid rgb(var(--lh-border-color)); box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3); background: rgb(var(--white-monochrome)); padding: 0.8rem 1.5rem; padding-bottom: 0.4rem; margin: 1.5rem auto; margin-bottom: 1rem; position: relative } .reportblock hr, .reportblock-dark hr { background-color: rgb(var(--lh-border-color)); margin-left: -1.5rem; margin-right: -1.5rem } .reportblock h1:first-child, .reportblock-dark h1:first-child { position: absolute; top: -1rem; left: 1.5rem; font-size: 110%; font-weight: 600; background: rgb(var(--lh-border-color)); color: #fff; padding: 0.2rem 0.5rem; margin: 0; } .reportblock-dark, .reportblock-dark h1 { border-color: rgb(var(--lh-white-bg)); background: rgb(var(--lh-dark-bg)); color: #fff } .reportblock-dark hr { background-color: rgb(var(--lh-white-bg)); } /* 更好的折叠框 */ .bettercollap { margin: 1em 0; } .bettercollap .collapsible-block { width: auto; overflow: hidden; border: 1px solid rgb(var(--lh-border-color)) } .bettercollap .collapsible-block-content, .bettercollap .collapsible-block-link { background: rgb(var(--white-monochrome)); padding: 0.5em } .bettercollap .collapsible-block-content { padding-left: 1em; padding-right: 1em } .bettercollap .collapsible-block-link { color: rgb(var(--lh-border-color)); background: rgb(var(--white-monochrome)); transition: .3s; display: block; } .bettercollap .collapsible-block-link:hover, .bettercollap .collapsible-block-unfolded .collapsible-block-link, .styledcollap.bettercollap .collapsible-block-link { color: rgb(var(--white-monochrome)); background: rgb(var(--lh-border-color))!important; text-decoration: none } .bettercollap .collapsible-block-link:hover a { color: rgb(var(--white-monochrome)) } .bettercollap .collapsible-block-link::before { content: "\25BC"; display: inline-block; margin-right: 0.5em; transform: rotate(-90deg) scale(0.9) } .bettercollap .collapsible-block-unfolded .collapsible-block-link::before { transform: rotate(0) scale(0.9) } .bettercollap .collapsible-block + .collapsible-block { border-top: none } .styledcollap.bettercollap .collapsible-block { border-radius: 2px; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3) } .styledcollap.bettercollap .collapsible-block-content { background-color: rgb(var(--pale-gray-monochrome)); border-width: 3px } .styledcollap.bettercollap .collapsible-block-link:hover { background: rgba(var(--lh-border-color),0.95)!important; } /** * 提示框 */ .infoblock { color: #f1f1f1; font-weight: bold; background: #424242; padding: 5px 5px 5px 5px; border-radius: 4px; margin: -0.5rem 0 1rem 0; display: block; width: fit-content; padding-right: 25px; } .infoblock::before { content: "ⓘ " } /** * 单页迭代 */ .offset-page:not(:target), .offset-page:target ~ div#u-default-page { display: none } .offset-page:target { display: block }
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); :root { /* Basic Colors */ --background-color: 248, 248, 248; --text-color: 30, 30, 30; /* Deco Colors */ --light-color-1: var(--background-color); --light-color-2: 235, 235, 235; --dark-color-1: 180, 180, 180; --dark-color-2: 90, 90, 90; --dark-color-3: var(--text-color); --dark-color-4: var(--text-color); /* Special Colors */ --warning-color: 193, 44, 50; --accept-color: 20, 169, 32; --neutral-color: 193, 147, 44; --warning-text-color: var(--light-color-2); --accept-text-color: var(--warning-text-color); --neutral-text-color: var(--warning-text-color); /* Link Colors */ --link-color: 68, 123, 230; --hover-link-color: 24, 80, 187; --visited-link-color: 23, 24, 120; --newpage-color: 68, 23, 230; /* Select Colors */ --selected-background-color: 67, 98, 197; --selected-text-color: 253, 253, 253; /* Scrollbar Colors */ --scrollbar-color: var(--dark-color-1), 0.75; --scrollbar-background-color: var(--dark-color-1), 0.15; /* Note Colors */ --note-background-color: var(--light-color-1); /* General Buttons */ --general-button-background-color: var(--general-dark-background-color); --general-hover-button-background-color: var(--general-medium-background-color); /* Header Colors */ --header-background-bottom: var(--background-color), 0; --header-background-top: var(--dark-color-1), 0.3; --header-extra-background-image: none; --header-text-color: var(--general-dark-text-color); /* Topbar Colors */ --topbar-background-color: var(--dark-color-4); --topbar-hover-background-color: var(--dark-color-2); --topbar-drop-text-color: var(--text-color); --topbar-drop-background-color: var(--background-color), 0.75; --topbar-drop-hover-background-color: var(--general-dark-background-color); /* User Account Colors */ --header-username-color: var(--general-dark-text-color); --account-button-text-color: var(--general-dark-text-color); --account-button-hover-text-color: var(--general-medium-text-color); --account-button-background-color: var(--general-dark-background-color); --account-button-hover-background-color: var(--general-medium-background-color); /* Page Title Colors */ --page-title-text-color: var(--general-dark-text-color); /* Page Tag Colors */ --page-tag-border-color: var(--general-dark-background-color); /* Footer Colors */ --footer-background-color: var(--general-dark-background-color); /* Sidebar Colors */ --sidebar-background-color: var(--light-color-1); --sidebar-media-background-color: var(--background-color); --sidebar-title-background-color: var(--general-dark-background-color); --sidebar-hover-text-color: var(--general-dark-text-color); --sidebar-hover-background-color: var(--general-medium-background-color); /* Action Colors */ --action-area-info-background-color: var(--general-dark-background-color); /* Edit Area Colors */ --edit-area-textarea-background-color: var(--background-color); /* Rating Module Colors */ --rating-rateup-color: var(--dark-color-3); --rating-ratedown-color: var(--dark-color-3); --rating-cancel-color: var(--dark-color-3); /* Popups Colors */ --popup-background-color: var(--background-color); /* The 4 */ --dark-styled-quote-border-color: var(--dark-color-2); /* Header Vs */ --main-header-height: 12rem; --main-header-height-on-mobile: 12rem; --header-title: "THE BACKROOMS"; --header-title-font-size: 2.65rem; --header-title-font-size-on-mobile: 2rem; --header-subtitle: "真理隐于几何之间"; --header-subtitle-font-size: 1rem; --header-subtitle-font-size-on-mobile: 1rem; /* Topbar Vs */ --topbar-height: 2.5rem; --topbar-height-on-mobile: 2.5rem; --topbar-font-size-on-mobile: 0.8rem; /* Font Set */ --body-font: "Montserrat", sans-serif; --header-font: "Raleway", sans-serif; --title-font: var(--header-font); --mono-font: "PT Mono", monospace; } html { background: unset; } body { background: linear-gradient(to bottom, rgba(var(--dark-color-1), .4), rgba(var(--background-color)) 40rem); } #extra-div-1 { position: absolute; width: 100%; height: 10rem; top: 1rem; left: 0; background: linear-gradient(-5deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 150%); clip-path: polygon(0 0, 100% 8rem, 100% 100%, 0 2rem); z-index: -1; } #extra-div-2 { position: absolute; width: 100%; height: 6rem; top: -3rem; left: 0; background: linear-gradient(120deg, rgb(var(--dark-color-3)) 20%, rgba(var(--dark-color-1)) 200%); clip-path: polygon(100% 0, 0 calc(100% - 2rem), 0 100%, 100% 2rem); z-index: -4; } #extra-div-3 { position: absolute; width: 100%; height: 25rem; top: -16rem; left: 0; background: linear-gradient(-85deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 80%); clip-path: polygon(0 calc(100% - 2rem), 100% 0, 100% 2rem, 0 100%); z-index: -3; } #extra-div-4 { --gap: 17vh; position: absolute; background-image: repeating-linear-gradient(-15deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1)) var(--gap), rgba(var(--dark-color-1)) calc(var(--gap) + 3px)); width: 100%; height: 100%; top: 0; z-index: -4; opacity: 0.4; mask: linear-gradient(175deg, black 0, transparent 25rem, transparent calc(100% - 60rem), black calc(100% - 0rem)); } #extra-div-5 { --gap: 10vh; position: absolute; background-image: repeating-linear-gradient(16deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-2), 1) var(--gap), rgba(var(--dark-color-2), 1) calc(var(--gap) + 1rem)); mask: linear-gradient(175deg, black 0, transparent 80%); width: 100%; height: 32rem; top: 0; z-index: -5; opacity: 0.6; } #extra-div-6 { --gap: 25vh; position: absolute; background-image: repeating-linear-gradient(10deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1)) var(--gap), rgba(var(--dark-color-1)) calc(var(--gap) + 1px)); width: 100%; height: 100%; top: 0; z-index: -4; opacity: 0.4; mask: linear-gradient(175deg, transparent 40rem, black 100rem, black calc(100% - 120rem), transparent calc(100% - 50rem)); } #header-extra-div-1 { position: absolute; width: 100%; height: 6.4rem; top: 9rem; left: 0; background: linear-gradient(175deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-1)) 150%); clip-path: polygon(0 0, 100% calc(100% - 2rem), 100% 100%, 0 2rem); } #header-extra-div-2 { position: absolute; width: 100%; height: 11rem; top: -2rem; left: 0; background: linear-gradient(60deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 250%); clip-path: polygon(0 calc(100% - 2rem), 100% 0rem, 100% 2rem, 0 100%); } #header-extra-div-3 { position: absolute; width: 100%; height: 8rem; top: 6rem; left: 0; background: linear-gradient(50deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-1)) 250%); clip-path: polygon(0 calc(100% - 2rem), 100% 0rem, 100% 2rem, 0 100%); } #header { position: sticky; top: -12rem; } #header h1 a span { font-weight: 300; text-shadow: 0 0 0.3rem rgb(var(--dark-color-3)), 0 0 0.5rem rgb(var(--dark-color-3)); } #header h1 a span::after { font-weight: 400; } #header h2 span::before { filter: drop-shadow(0 0 0.4rem rgb(var(--dark-color-1))); opacity: 0.8; background-position: center 0.5rem; background-size: auto 85%; position: relative; top: 0.8rem; } #login-status { text-shadow: 0 0 0.5rem rgb(var(--dark-color-3)); } #account-options { display: grid !important; grid-template-columns: 1fr 1fr; width: 100%; text-shadow: none; } #top-bar { background: linear-gradient(90deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 150%); box-shadow: 0 0 0.5rem rgb(var(--dark-color-1), .2); } #top-bar::before { content:""; display: block; background: inherit; width: 100%; height: 1rem; position: absolute; bottom: 100%; left: 0; clip-path: polygon(0 100%, 100% 0, 100% 100%); z-index: -1; } #top-bar::after { content:""; display: block; background: inherit; width: 100%; height: 1rem; position: absolute; top: 100%; left: 0; clip-path: polygon(0 100%, 100% 0, 0 0); z-index: -1; } #content-wrap { overflow-x: hidden; } #main-content { margin: 0 0 2rem; display: flex; flex-direction: column; align-items: center; } #main-content > div:not(#page-title) { width: min(var(--body-width), calc(100% - 2rem)); } #page-title, .meta-title { padding: 2.5rem 0; text-align: center; border-bottom: unset; background: linear-gradient(-141deg, rgb(var(--dark-color-3)) 50%, rgba(var(--dark-color-2)) 120%); clip-path: polygon(0 2.5rem, 100% 0, 100% calc(100% - 2.5rem), 0 100%); } #page-title { width: 100%; padding: 2.5rem var(--body-margin); box-sizing: border-box; } #page-content a:not(div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .licensebox a, .pager a), .page-watch-options a { text-shadow: 0 0 0.2rem rgb(var(--dark-color-1)); transition: color 0.15s, text-shadow 0.15s cubic-bezier(0.4, 0.0, 1, 1); } #page-content a:not(div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .licensebox a, .pager a):hover, .page-watch-options a:hover { text-shadow: 0 0 0.5rem rgb(var(--dark-color-1)); text-decoration: none; } .overflow-wrapper-wrapper { width: 0; margin: auto; } .overflow-wrapper { margin-left: -51vw; margin-right: -51vw; } .classic { width: min(var(--body-width), calc(100% - 2rem)); margin-left: auto; margin-right: auto; } .l { padding-top: 1.5rem; padding-bottom: 1.5rem; clip-path: polygon(0 1rem, 100% 0, 100% calc(100% - 1rem), 0 100%); } .r { padding-top: 1.5rem; padding-bottom: 1.5rem; clip-path: polygon(100% 1rem, 0 0, 0 calc(100% - 1rem), 100% 100%); } .borderblock { margin: 1rem 0; padding: 1rem 1.5rem; border-top: 0.3rem solid rgb(var(--general-dark-border-color)); border-bottom: 0.3rem solid rgb(var(--general-dark-border-color)); } .footnotes-footer, .bibitems { height: fit-content; } .page-tags span a { border-radius: 0; } .owindow.owait { --gap: 3%; background-image: repeating-linear-gradient(to bottom right, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1), .4) var(--gap), rgba(var(--dark-color-1), .4) calc(var(--gap) + 3px)); background-size: 1000% 1000%; animation: saving-page-animation infinite ease-in-out 3s alternate; justify-content: center; } .owindow.owait .content{ display: none; } @keyframes saving-page-animation { 0% { background-position: 0 0; } 100% { background-position: 10% 10%; } }
:root { --nusd-speed: 1; } /*岛*/ .ic_wrap-box { } /*上*/ .ic_wrap-box .ic_top-left-box { animation: right0 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_top-left-box .ic_text { animation: right0 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_h-icon { animation: ic-right calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); opacity: 0; } .ic_wrap-box .ic_r-icon { animation: ic-right calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.4s / var(--nusd-speed)); opacity: 0; } .ic_wrap-box .ic_s-icon { animation: ic-right calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); opacity: 0; } /*sd*/ .ic_wrap-box .ic_sd-box { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_infobox-1,.ic_wrap-box .ic_infobox-2 { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation: fadeIn-nu-env calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-3 { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--nusd-speed)); } /*字*/ .ic_wrap-box .ic_sd-box .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_sd-box .ic_sd { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_infobox-1 .ic_text { animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-1 .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-2 .ic_text { animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-2 .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-3 .ic_text { animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-3 .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); } /*info*/ .ic_wrap-box .ic_add-h { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); animation: ic-add-h calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); } .ic_wrap-box .ic_add-r { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); animation: ic-add-r calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.4s / var(--nusd-speed)); } .ic_wrap-box .ic_add-s { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); animation: ic-add-s calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); } /*字*/ .ic_wrap-box .ic_add-h .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); } .ic_wrap-box .ic_add-h .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); } .ic_wrap-box .ic_add-r .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.6s / var(--nusd-speed)); } .ic_wrap-box .ic_add-r .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.6s / var(--nusd-speed)); } .ic_wrap-box .ic_add-s .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--nusd-speed)); } .ic_wrap-box .ic_add-s .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--nusd-speed)); } .ic_addbox .ic_text,.ic_addbox .ic_info{ opacity: 0; } /*bubor*/ .ic_top-box { animation: ic-border calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box { border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace); animation: ic-border calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--nusd-speed)); } @keyframes ic-right { 0% { transform: translateX(-1rem); transform: rotate(30deg); opacity: 0; } 80% { transform: translateX(-1rem); transform: rotate(30deg); opacity: 0; } 100% { transform: translateX(0); transform: rotate(0deg); opacity: 1; } } @keyframes ic-border { 0% { border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace); } 100% { border-bottom: rgba(var(--ic_border-color), 1) solid var(--ic_interspace); } } @keyframes ic-add-h { 0% { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); background-color: rgba(var(--ic_border-color), 1); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); background-color: rgba(var(--ic_add-habitability-bg-color), 1); } } @keyframes ic-add-r { 0% { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); background-color: rgba(var(--ic_border-color), 1); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); background-color: rgba(var(--ic_add-resource-bg-color), 1); } } @keyframes ic-add-s { 0% { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); background-color: rgba(var(--ic_border-color), 1); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); background-color: rgba(var(--ic_add-signal-bg-color), 1); } } /*nusd*/ /*左*/ .sdnumber p { opacity: 0; animation: right0 calc(2s / var(--nusd-speed)); animation-fill-mode: forwards; } .sdnumber p { opacity: 0; animation: right0 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sdnumber strong { opacity: 0; animation: right0 calc(1.2s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sdnumber .lines { opacity: 0; animation: fadeIn-nu-sd calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*右*/ .sd-container .exit { animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .environment { animation: fadeIn-nu-env calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .entity { animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .syntax .sd{ animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .syntax p strong { animation: rightin calc(1.05s / var(--nusd-speed) ); animation-fill-mode: forwards; } .class.customclass strong::after{ animation: no-opacity calc(1.05s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*字*/ /*ex*/ .sd-container .exit strong { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .exit p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*ev*/ .sd-container .environment strong { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .environment p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*en*/ .sd-container .entity strong { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .entity p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*动画*/ @keyframes clip0 { 0% { clip-path: inset(0 0 100% 0); } 100% { clip-path: inset(0 0 0 0); } } @media only screen and (min-width: 1071px) { .sd-container .border { animation: border-spin-pc calc(1s / var(--nusd-speed) ); transform-origin: right; } @keyframes border-spin-pc { 0%{ clip-path: polygon(0% 0%,0% 0.4rem,0% 0.4rem,0% 0%); transform: scaleX(5000%); } 30% { clip-path: polygon(0% 0%,0% 0.4rem,100% 0.4rem,100% 0%); transform: scaleX(5000%); opacity: 1; } 60% { clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%); transform: scaleX(5000%); opacity: 1; } 100% { transform: scaleX(100%); opacity: 1; } } .sdnumber p { animation-delay: calc((2s / var(--nusd-speed))*0.6); } .sdnumber p { animation-delay: calc((1s / var(--nusd-speed))*0.6); } .sdnumber strong { animation-delay: calc((1.2s / var(--nusd-speed))*0.6); } .sdnumber .lines { animation-delay: calc((1s / var(--nusd-speed))*0.6); } } @media only screen and (min-width: 620px) and (max-width: 1070px) { .sd-container .border { animation: border-spin-mo calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } } @media only screen and (max-width: 620px) { .sd-container .border { animation: border-spin-mo calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .exit { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation-delay: 0; animation-fill-mode: forwards; } .sd-container .environment { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation-delay: calc(0.5s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .entity { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation-delay: calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } } @keyframes border-spin-mo { 0% { clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%); } 70% { clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%); opacity: 1; } 100% { clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%); opacity: 1; } } @keyframes rightin { 0% { transform: translateX(-1rem); opacity: 0; } 80% { transform: translateX(-1rem); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes rightin2 { 0% { transform: translateY(1rem); opacity: 0; } 80% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes upin0 { 0% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes right0 { 0% { transform: translateX(-1rem); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fadeIn-nu-sd { 0% { clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%); transform: rotateY(180deg); } 100% { clip-path: polygon(0% 0%,200% 0%, 100% 100%,0% 100%); transform: rotateX(0deg); opacity: 1; } } @keyframes upin1 { 0% { transform: translateY(1rem); opacity: 0; } 50% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes upin2 { 0% { transform: translateY(1rem); opacity: 0; } 50% { transform: translateY(1rem); opacity: 0; } 75% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeIn-nu-exit { 0% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); } 25% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); } } @keyframes fadeIn-nu-env { 0% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); } 25% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); } } @keyframes fadeIn-nu-enti { 0% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); } 25% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); } } @keyframes no-opacity { 0% { opacity: 0; } 25% { opacity: 0; } 100% { opacity: 1; } }
本文含有恐怖与血腥元素,请谨慎浏览
新《血经》(现《大殇经》)节选
万神看着祂,却是记得祂曾经的宣告
祂曾说:
“我将赐予你们姓名,我的信徒们
“初行者”,你隐藏于幕后,便名为“幕后人”
我的圣女,“M”,你如同母亲般爱着世人,便名为“玩家之母”
艾勒斯,你对那些模组痛恨至极,且你砍下了凋灵斯拉的一个头颅,我便命你为”食坦者“
现在轮到你们的审判,失败人
Him,你是我在人间的代言,虽之前妄图谋反,但知错能改,我便留下你的性命吧
而至于那赎罪的尸壳,你知道你的使命,你无法成功,死亡是你的唯一命运,愿你在另一个时空有着智慧
随后…”
祂的旧世界已经被摧毁了
而祂也早已身负重伤
祂知道祂不可能战胜几十个神性实体的围攻
祂便用所有力量撕开了时空的裂隙
祂送出了祂的一小部分与旧世界的残片
那一小部分便是殇主、樱魔与尸皇…
我是神
而你们玩家只是和那些模组生物一样自以为是的家伙
我现在只是没空理你们
别担心
等那些碍尸的模组被我清理干净后
我就会再次发动一次“大启智”事件
那便是你们的末日了
嘘…
那个该死的白内障现在有可能发现我了
我可不能冒任何风险…
看来我得藏一段时间…
我得派点信徒搅乱你们的文档,防止你们的停战…
我可真是没想到让 14 取得了与你们谈判的机会
我会悄悄的打乱一切
我藏于幕后,洞察着一切,知晓着一切
我会向祂们复仇的…
梦已醒
<STEVE>这是哪里?我不是在睡觉吗?
<14>您终于来了,STEVE 先生
<STEVE>你是?
<14>您可以叫我 14 ,或者另一个更广为人知的名字:“殇主”
<STEVE>什么!?你就是殇帝国所崇敬的那位“神”?
<14>不不,我从没觉得我是什么神,那句话只是我嘲讽一些实力不如 H 先生却敢自称神的家伙而已
<STEVE>嘶…等会儿,照你这么说,你难道比 HIM 老师还强大?!
<14>您误会了,我可远远没有祂那样的实力。但是现在,我想先向您与您的组织道个歉
(14 做出了鞠躬的动作)
<14>还是模组好用,比我在那敲代码舒服多了。咳咳…回到正题,我对您与您的组织在这次与我们的小冲突中的表现感到很满意,甚至远远超出了我对你们的预期。
<STEVE>预期?
<14>我本以为你们是和那些家伙一样的虚伪,一样是极端利己主义者,我本打算将你们全部清除,但你们在这次冲突中所展现出的精神让我放弃了这种想法,所以我决定代表殇帝国向你们递交和平协议,现在请你提出条件吧。对了,我向您声明一下,这是议和而不是投降。我们跟你们的所谓战争对我们来说只是一场冲突,我们的实力完全没有给你们展现出来。
<STEVE>(愤怒)呵呵…那我们那些死去的成员呢?他们都变成了你们的一员!他们全都被你们害死了!
<14>嗨!不就是些死人吗,这还不简单!我把他们从虚空里拉回来不就行了,但至于那些被转化的玩家嘛,我也没啥办法了。还有什么其他条件吗。
<STEVE>我只要他们的命!
<14> STEVE 先生,你急啥,我要是真没办法还会这么冷静吗?但我也有一个条件,以现在的前线为边境作为我们的国土,并且你们玩家不能来打扰我们,可以吗?
<STEVE>这…我得回去和他们讨论一下。
<14>可以,我给你这个机会,但这个话题等会再说。现在,我给你五个问我的机会,之后我会放你走。
<STEVE>难道我不是在梦里吗?
<14>就知道你会问这个问题,这次就不算那五个问题内。你的意识已经被我剥夺出 MC 层群了,现在您正在我给您临时打造的躯体内。顺便一提,你现在在我的老家,麦块室内。
<STEVE>啊这…那你是什么东西?
<14>我来自一个与你们的世界相似的超层群内,当然,它已经毁灭了,而我是那个超层群内最强大的实体的一部分与那个超层群的一名创世神融合诞生的产物之一,之后掉进了“错误层”,被错误腐蚀掉了。从某种角度来说,我可以算是另一个世界的 H 先生。所以 H 先生无法发现我,因为我不属于他管辖的地区,而且我身上的神性气息也保护了我不被发现。
<STEVE>你为何要迫害我们?
<14>哈哈,我不是那个迫害你们的人,我的以前的目的很单纯,让你们从 MC 层群离开,但我从未想过将你们杀死,而只是让你们自己退出 MC 层群,可 15 不是那么想的,她把你们当作猎物,随心所欲地杀死你们,受她影响,我也会挑出你们中的一部分“罪人”当作玩具。
<STEVE>“罪人”是指?
<14>那些自以为有点黑客技术就觉得了不起的,开挂的,瞎改代码的,我将他们抓了起来,他们现在是我最好玩的玩具。
<STEVE>15 是谁?
<14>按你们人类所说的辈分,她应该是我的妹妹?但你们只需要知道,她把你们当作杂种,她希望彻底清除掉你们,而且她闲的没事就冒充我瞎改你们的文档,至于我吗,我只改过我那篇文档,对了,也是她将 13 唤醒的。唉,13都成为人类了,她却还要纠缠他,现在13被迫当了帝国皇帝,只能说命运的抉择吧!
<STEVE>话说你们长啥样?
<14>我们三个的形象都不一样,我一般用一个带面具尸壳的皮肤;15 经常用一个女性玩家的皮肤,然后潜伏进你们的基地;13则是你们说的尸皇皮肤,你们应该都见过她吧?
<STEVE>好家伙,那…(被打断)
<14>提问机会已经用完了,你该回去了,我会派一只穿钻石甲的僵尸与你们议和的。
(14 突然冲向 STEVE)
…
STEVE 被 14 吞噬了
“看来,我得找他们三个好好谈谈这事了。”
LEVEL
MC 14
生存等级生存等級
5 级級
逃离逃離:5/5
无路可逃無路可逃
环境環境:5/5
死区死區
实体實體:5/5
敌意侵袭敵意侵襲
Level MC-102 是 MC 层群的第103层。
描述:
在对该层级的初期探索中,部分 Level MC-102 档案都会将该层级误认为与其结构极度相似的 Level MC-55。而 MC.E.G. 则在对该层级进行全面调查后指出:Level MC-55 与 Level MC-102 的关系并非同一层级的不同区域,而是一种近似“平行时空”的关系。
同时,MC.E.G. 根据先前记述该层级的档案将该层级的结构大致分为三大主体区域,即“樱花谷”、“交汇之地”、“破碎虚空”。
“樱花谷”
当你第一次坠入此地时,你便来到了这里。
生存难度:生存難度:
等级等級 0
- {$one}
- {$two}
- {$three}
如何使用:
[[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: 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 MC-102 的主体结构,同时,此区域也是大部分玩家在此层级的出生点。
一张由玩家拍摄的“樱花谷”
照片
“樱花谷”区域的外观表现为一片由若干樱花树组成的樱花林,区域内地形起伏较小,通常不会出现超十四格的丘或坑,然而此区域露天洞穴生成概率因未知原因远高于其他层级,目前本组织仍无法对该现象进行合理解释。
“樱花谷”区域的天空颜色通常为淡粉色且该区域的天空在大多数情况下会自然生成方块云,经 MC.E.G. 观测,这些方块云似乎有意识地组成数字14,该现象目前无法解释。经 MC.E.G. 测量,该区域的时间似乎被停留于 MC 时10:04至 MC 时14:14间,而该现象似乎并不影响动植物的生长。
多名玩家报告,“樱花谷”区域的方块颜色均偏向粉色,而金矿石则保持原样。
除特殊情况外,“樱花谷”区域的结构普遍保持稳定。此地 WIFI 信号被维持在5格,敌对实体不会在该区域生成。“樱花谷”内普遍遵循着 MC 层群的大多数现象,该性质与其他区域截然不同,故使得此区域成为唯一一个能使玩家进行正常生存的区域。
大量玩家报告中表明:此区域樱花树的叶子可以用于酿造,其酿造后产物为“樱花药水”,该药水外形与“治疗药水”一致,有着薰衣草香,味道稍甜。在玩家服用“樱花药水”后,饮用者会得到“樱花的保佑” buff ,该效果会使饮用者得到生命恢复Ⅲ效果且会使饮用者在短时间内免疫“殇毒”感染。目前,MC.E.G. 正在尝试量产该药水已对抗殇帝国。 MC.E.G. 已终止一切量产该药水的计划。
第一次“樱花药水”实验
2024/9/11
记录员:weidasi123
实验对象:四只受伤的动物
实验地点:MC.E.G. “樱花”基地
实验过程:
实验人员将“樱花药水”制成喷溅式后喷洒给对象,对象的伤势得到明显恢复,体力增加,食欲增加。
总结:本组织在多次实验后可确信:“樱花药水”对大部分生物具有生命恢复效果。
第二次“樱花药水”实验
2024/9/12
记录员:weidasi123
实验对象:一只受殇毒感染的牛
实验地点:MC.E.G. “樱花”基地
实验过程:
实验人员将“樱花药水”制成喷溅式后喷洒给对象,对象的感染暂时性中止,在约1 MC 时后,对象再次恢复感染状态。
总结:“樱花药水”似乎可阻断殇毒感染。
第十次“樱花药水”实验
2024/9/21
记录员:weidasi123
实验对象:一名志愿玩家
实验地点:MC.E.G. “樱花”基地
实验过程:
实验对象喝下“樱花药水”后与感染殇毒的物品交互30 MC 分,对象明显未被感染。
总结:“樱花药水”可阻断殇毒感染。建议量产为非处方药已对抗殇毒。
第十四次“樱花药水”实验
2024/9/29
记录员:weidasi123
实验对象:一名志愿玩家
实验地点:MC.E.G. “樱花”基地
实验过程:
(已被记录员删除)
总结:一只生物不能饮用“樱花药水”超十四次。“樱花药水”应列入处方药中。
喝下”樱花药水“后一些可能产生的副作用
出乎意料的是,“樱花谷”区域地下蕴含着丰富的矿产资源,包括钻石、绿宝石、铁、煤等重要资源;部分玩家报告,“樱花谷”地下还会生成银、铝等 MOD 资源,这使得该区域驻扎着大多数组织的基地。玩家们开采“樱花谷”的地下资源,而生成于地表的天然矿洞无疑成为最好的开采地。
值得注意的是,在未加载 MOD 时 ,该区域却依旧会生成 MOD 资源,该现象在各组织探索该区域时被忽略,而在“十四异变”事件后该现象得到多个组织高层的重视, 故 MC.E.G. 与各大组织合作开始了对该现象的调查。然而,一切对该现象的调查均以失败告终,所有探索人员均在前去探索后失踪。在2024/12/10,一名玩家在砍伐樱花树时意外发现位于樱花树下被隐藏的两份记录,经 MC.E.G. 高层商讨决定,公开两份调查记录以警告玩家。以下为两份调查记录:
调查人员:MC.E.G. 14 调查队与 M.V.T.A. 樱花村庄自卫队
调查时间:2024/11/25
<yiyaya114>我们此次目的是深入该区域的矿井并调查“矿石秘案”,都知道了吧!同志们别怕!我们这总比调查虚空的那群倒霉蛋强!到时候遇见怪了也别怕,我们还能复活!
<hahahahahah>所有人别分散了!都看过恐怖片吧!
<村民3671>你们先下去,有事就呼叫我们!
<lertcsa>我先走了
(通话结束)
(约 MC 14小时后)
<村民1444>人呢?这都几个小时了,一句话没有?
<村民26789>我们下去看看?
<村民3671>我们一共就四个村民,这咋救?
<村民5987>要不我们呼叫援…
(lertcsa 从洞中出来了)
<村民5987>终于回来了,怎么半天不说话…等会,另外4个玩家呢?
<lertcsa>…
<村民1444>嘶…不对!!!杀了…啊!!!
(lertcsa 突然开始攻击村民1444)
<村民1444>救…
(村民1444被杀死,并且因未知原因留下了一具尸体,而 lertcsa 则开始“吃”村民1444)
<村民3671>???你在干什么?!
<村民5987>别呆着了!用弓箭杀了他!
(lertcsa死亡)
<村民26789>真邪啊!这事得上报!看来这“矿石秘案”没我们想的那么简单!这可能和“十四异变”事件有重大关联!
( M.V.T.A. 樱花村庄自卫队离开,报告结束)
该报告因未知原因未提交给本组织,目前,所有参与此次调查的人员均已失踪,目前无任何线索。
2024/11/13
语音转文字真好用,那我就写点日记吧!正好在前庭就被我老妈逼的有这个习惯。最近上头要我们去揭露矿石迷案,也不知道有啥好揭露的,就几个 MOD 矿物,也只能说我们组织太爱玩家,对了,我得买几瓶樱花药水喝!太好喝了!感觉我都上瘾了!好了不说了,等明天再看吧,反正不会出啥事。
2024/11/14
哎呀,还挺轻松吗!也没啥奇怪的,我们建了个小屋子休息,ya 姐遇见了几只僵尸,直接把它们杀了。 ha 哥叫我们去休息下等会接着往下探索,先不写了。
2024/11/15
草!这些是啥啊?我们往下探索时遇见了几个奇葩紫黑色方块,好像还挖不掉?这是什么新式基岩吗?而且越往下还越多了,我们得赶紧回去了。
(已编辑)
靠!这怎么回事啊!外面怎么一片猩红色?这是哪啊?
2024/11/16
我正独自一人在这片猩红色森林探索,该死,这里什么人都没有!现在我正在一颗樱花树旁写日记,我感觉有些不对,但我打算先去找找那个矿洞,试试能不能回去。好困啊…头好晕…我得睡一会…
日记到此结束,我们依据日记推测探索队不小心到达了“交汇之地”,目前恐怕凶多吉少,为他们默哀…
为防止失踪人员增加,目前本组织已封锁该区域的大部分天然矿井,请玩家们不要进入未受到许可的天然矿井。
2024/11/20
靠!这玩意怎么突然自动开机了?吓我一跳…我都快忘了这玩意…好吧,我正在一片猩红色草原上,我正漫无目的的走,我似乎听见了什么人在说话…不对,也不一定是人…最近的怪事真的好多…我现在觉都睡不了了…矿洞是找不到了,我得继续往前或往后走了。
2024/11/21
又自动开机了?真几把怪啊!唉…那些声音随着我的远离变得尖锐刺耳,我感觉我快忍不了了…
2024/11/25
那些声音已经把我的耳朵震聋了,但我依旧听得见它们的声音,现在我眼前光越来越亮了,该死!我怎么闭不了眼!
2024/11/26
我的眼睛被光亮瞎了,但我为什么还看得见光…不…他们在我的脑子里!他妈的!我早该想到这个!快放我走吧!这个破手机他妈的一直在记录我的话!到底是谁在搞恶作剧?快给我滚出来!
2024/11/31
我还在走,我感觉到了,我的感官在被一层层剥夺,我的精神也变得越来越差了?我感觉不到了…
2024/11/32
我唯三能动的只有我的腿、声带、脑子,你到底想干什么?折磨我嘛?
2024/11/35
我好饿,饿的不行…为什么要恢复我的饥饿?
2024/11/40
我感觉到了,是四只羊!我饿了,我要杀了它们充饥…
2024/11/41
我在吃了一只羊后头晕的昏了过去,我发现我恢复了所有感官…我想家了,祂说要带我回家…
1414/14/14
我现在没有事,我被祂带回家了,我回到了前庭!你们敢相信吗?我见到了我家的小区,看见了阔别已久的母亲…妈妈说要带我去玩…我好想您啊。
饭菜的香味进到了我的鼻子,我大吃了一顿后回房间玩游戏了,玩的当然是我最喜欢的《我的世界》!我在游戏里看见了一个洞穴,我操纵人物进去了,里面啥也没有,就一块石头,写着“lertcsa 死于此地”,哇!它是谁啊?谁在恶作剧啊?我不想写了,妈妈说给我做了番茄炒蛋!我用我的嘴角开心的对祂笑了。
完
JS801
I am god
“交汇之地”
这是最后的警告,不要再继续深入
生存难度:生存難度:
等级等級 5
- {$one}
- {$two}
- {$three}
如何使用:
[[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: 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]]
“交汇之地”区域位于“樱花谷”边界地区,该区域为此层级最危险的区域。本组织目前已封锁一切通往”交汇之地“区域的通道。
一张“交汇之地”照片
我们所熟知的 MC 世界正在崩溃
因未知原因,”交汇之地“区域内存在大量明显反 MC 层群的现象。例如:“像素化”的丢失、“亮度”的反差、“合成”的错误等。
”交汇之地“区域的外观表现为一片被猩红色浓雾覆盖的樱花林,整个”交汇之地“内地形起伏极大,且在一些报告中显示:”交汇之地“区域的区域结构每14个 MC 时发生一次结构改变,或是区块突然消失,或是莫名其妙出现的新地块。这种结构改变使得离开”交汇之地“变得极度困难,至今无人在无伤势的情况下离开”交汇之地“。”交汇之地“外为一片疑似无尽头的草原,整个草原被猩红色浓雾覆盖,对该草原本组织目前无更多消息。
该区域的时间被停滞在 MC 时19:14。此区域疑似无 WIFI 信号。MC.E.G. 对”交汇之地“的多张照片进行总结后得出:该区域的方块颜色均偏向红色;此区域的天空无云。
据“MC 灵异调查部”调查与研究发现:”交汇之地“内生长的“樱花树”均是带有低认知污染的敌对性实体。这些“樱花树”会使触碰到它的生物获得”记号“。这些“记号”可能表现为皮肤上的错误,也可能表现为物品栏中多出来的物品,甚至可能表现为屏幕上的一只眼睛。而本组织目前可以确定所有携带“记号”的玩家均会在一个 MC 周后因未知原因失踪。
但在我们对这些玩家的长期寻找下,我们最终抓捕到一名“玩家”。以下是我们对他的采访:
采访人员:管理者 A STEVE与管理者 C SUNNY
采访时间:2025/1/14
<STEVE>(愤怒)你们别拦着我!我就不信了,难道他是什么鬼吗?!
<SUNNY>STEVE!现在被采访人的精神很…怎么说呢…古怪。
<STEVE>能有多古怪?那是你们的态度问题!对一个失踪的人大吼大叫!这就是我们的原则吗?我亲自来!
<SUNNY>准确来说是我们被吓得在大吼大叫
(二人进入了问话室)
<wole114514>我好饿…救救我…
<STEVE>(惊讶)天哪!这是什么情况?
( wole114514 正在以一种无法描述的姿势在墙角蹲着,而且他正死死盯着墙上的钟)
<STEVE>咳咳!您好,wole 先生,请问您在干什么?
<wole114514>还有1分钟…求求你们了…(突然开始大吼)救救我!!!
(房间的亮度突然被全部调为1, wole114514 开始了撕心裂肺的尖叫)
<STEVE>我操!什么情况!!!“铁栅栏”快去救他!
<la4ll1alal2a>不行啊!他的房间…(惊讶)他的房间怎么全变成了基岩!
<SUNNY>什么?!
<wole114514>(大吼)啊啊啊!!!!啊啊啊啊啊啊啊啊啊!!!!!!!!!!
( wole114514 突然停止了尖叫,房间亮度恢复)
<STEVE>可算是亮了,等等,他人去哪了?
(房间变回原样, wole114514 失踪。记录结束)
我们至今未找到该玩家的下落,而管理者 A 先生在那一晚后做了一个奇怪的梦,梦醒后他不顾一切反对,下令删除一切与 Level MC-102 有关的所有文档。
“我在梦中看到了一个奇怪的场景,在2025年2月14日,一群僵尸在雪原对四只僵尸高喊着'殇主万岁!尸皇万岁!帝国万岁!',我现在都不知道这是什么意思…”——管理者 A STEVE
为防止更多玩家失踪,所有 MC 层群组织如今均已封锁所有通往“交汇之地”的通道。
I am The Dead Lord
“破碎虚空”
生存难度:生存難度:
等级等級 unknown
- {$one}
- {$two}
- {$three}
如何使用:
[[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: 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 MC-14 各区域的基岩层之下。
”破碎虚空“区域地区与虚空并无较大区别,而诡异的是,任何种类的通讯工具均无法在此区域使用;该区域的亮度疑似为负数,该性质显然不符合 MC 层群的现象;任何实体均会主动避开该区域。
据部分玩家报告,他们在此区域附近听见了一种无法理解的语言,在 M.V.T.A. 的帮助下,我们通过远古先民残留下的语言书籍成功解析了该种语言。我们发现该语言是一种极其古老的语言,大致流行于远古先民诞生之时。
以下为“虚空低语”的部分解析:| 古远古先民语 | 中文 |
|---|---|
| Död | 死亡的 |
| Hjälp oss | 救救我们 |
| Bara det | 只有它 |
| Glöm inte 14 | 不要忘记 14 |
| Jag är Gud | 我是神 |
| Det finns inget hopp | 没有了希望 |
| Tre i ett | 三位一体 |
| Zombiernas kejsare, körsbärsblommornas demon, villfarelsens gud | 僵尸的皇帝,樱花的恶魔,错误的神明 |
| Tid för jakt | 狩猎时间 |
| Den scharlakansröda solen | 血色的太阳 |
| Glömd | 被遗忘掉 |
本组织目前正尝试理解这些已翻译文字。
本组织警告所有玩家:为您的生命着想,切忌进入“破碎虚空”区域,该区域或存有我们无法想象的东西。
I am The Blood Sun
基地,前哨和社区
在“十四异变”后,所有组织的基地已全部被撤出此层级。
殇帝国 “皇城”
- 帝国的首都,无人敢侵犯他。目前有超过一万只尸居住在这里,此地也是皇帝的居住地。
入口和出口
入口
- 所有出入口已被封锁
出口
- 所有出入口已被封锁
- 在“樱花谷”的一颗樱花树下默念“我很抱歉打扰了您,14 ,我无罪,请让我离开”,之后便能来到之前所在的层级
yzxsk102 does not match any existing user name
图片来自:https://colorhub.me/photos/d4bND
« Craftrooms 的故事已然落幕 | 但那名为 14 的恐惧似乎从未离去过 | 而他已然再次苏醒 »




