/* 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; }
@keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } .yui-navset .yui-content > div { padding: 0.25em 0.5em; display: block; top: 0; overflow: hidden; transform-origin: 0 0; } #page-content .yui-navset .yui-content > div > * { transform-origin: 0 0; } #page-content .yui-navset .yui-content > div[style*="none"] { display: block !important; flex: 0; max-height: 0; padding: 0 0.5em; border-width: 0; transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s; animation: tab-disappear 0.5s ease-in-out 0s 1 both; } #page-content .yui-navset .yui-content > div[style*="block"] { display: block !important; flex: 1; max-height: 9999rem; transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s; animation: tab-appear 0.5s ease-in-out 0.5s 1 both; } .color{ min-height:100px; } :root { --theme-base: "black-highlighter"; --theme-id: "frost"; --theme-name: "Frost Theme"; --theme-base: "black-highlighter"; --logo-image: url(""); --header-title: "The Backrooms"; --header-subtitle: "深度冰寒"; --swatch-headerh1-color: var(--white-monochrome); --swatch-headerh2-color: var(--white-monochrome); --white-monochrome: 242, 242, 242; --pale-gray-monochrome: 220, 236, 242; --light-gray-monochrome: 172, 202, 242; --dark-gray-monochrome: 63, 94, 136; --gray-monochrome: 41, 73, 166; --dark-accent: 22, 45, 115; --bright-accent: 173, 192, 217; --medium-accent: 10, 93, 166; --black-monochrome: 34, 47, 64; --pale-accent: 60, 84, 115; --swatch-topmenu-border-color: var(--bright-accent); --link-color: var(--medium-accent); --hover-link-color: var(--dark-accent); --visited-link-color: 13, 65, 174; --newpage-color: 88, 101, 166; --gradient-header: linear-gradient(to top, rgba(var(--bright-accent),0) 0%, rgba(var(--gray-monochrome),.4) 5rem ),linear-gradient(to top left, rgba(var(--bright-accent),0) 0%, rgba(var(--gray-monochrome),.6) 100% ); } .color{ min-height:90px; } ::selection { color: rgb(var(--white-monochrome)); background:rgb(var(--pale-accent)); } span.printuser { color: rgb(0,0,0) } #skrollr-body { background-image: radial-gradient(circle, rgba(var(--light-gray-monochrome),.2) 50%, transparent 0); } div.top-bar>ul>li>ul>li>a{ transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; } div.top-bar>ul>li>ul>li>a:hover{ color: rgb(var(--black-monochrome))!important; } body::after { content: ""; background-image: url("https://images.unsplash.com/photo-1548097160-627fd636ee56?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80"); background-size: cover; position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.15; z-index: -1; -webkit-filter: blur(10px); filter: blur(10px); } body{ background-color: rgba(var(--bright-accent)); } div#extrac-div-1::after { content: ""; position:fixed; top:var(--final-header-height-on-desktop); width:100%; height:calc(100% - var(--final-header-height-on-desktop)); background-image: linear-gradient(to bottom, rgba(var(--bright-accent)) 0%, rgba(var(--pale-gray-monochrome)) 25%, rgba(var(--white-monochrome)) 100% ); background-size: auto 100%; background-repeat: repeat; opacity: 1; z-index: -3; } #main-content a { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; /* Safari */ } .scp-image-block .scp-image-caption { color: rgb(var(--white-monochrome)); background-color: rgb(var(--dark-accent)); border-color: rgb(var(--dark-accent)); } #container { background-image: none } #side-bar .side-block div a img { filter: grayscale(0%); } div#page-options-bottom-2 > a, div#page-options-bottom > a { border-radius: 0em; -moz-border-radius: 0em; border: none; } div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover { border: none; } hr { border-color:rgb(var(--pale-accent)); } table.wiki-content-table td, table.wiki-content-table th, table.wiki-content-table tr { border: .2rem solid rgb(var(--gray-monochrome)) !important; background-color:rgb(var(--bright-accent))!important; } table.wiki-content-table th { color:rgb(var(--black-monochrome))!important; background-color:rgb(var(--pale-gray-monochrome))!important; } blockquote, .blockquote, div.blockquote, [class*="blockquote"] { border: 2px double rgba(var(--pale-accent)); background-color:rgb(var(--pale-gray-monochrome)); color: var(--white-monochrome); margin: 1em 46px; padding: 0 1em; } .styled-quote { background-color:rgb(var(--pale-gray-monochrome)); border-left: 0.5rem solid rgba(var(--pale-accent)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote { background-color:rgb(var(--pale-accent)); border-left: 0.5rem solid rgb(var(--pale-gray-monochrome)); color:rgb(var(--white-monochrome)); box-shadow: 0.2rem 0.1rem 0.3rem rgba(0,0,0,.25); } .lightblock { background-color:rgb(var(--pale-gray-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .darkblock { background-color:rgb(var(--pale-accent)); color:rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .darkblock a,.dark-styled-quote a,.dark-titleblock a,.titlebox a{ color:rgb(var(--pale-gray-monochrome)); } .titleblock { background-color: rgb(var(--pale-gray-monochrome)); padding: 0.5rem 1rem 0.10rem; margin: 1.5rem 0rem 0.5rem 0rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid rgb(var(--pale-accent)) 2px; } .dark-titlebox{ position: relative; top: -1.6rem; background-color: rgb(var(--pale-gray-monochrome)); color: rgb(var(--black-monochrome)); padding: 0.25rem 1rem; line-height: 0.1rem; } .dark-titleblock { background-color:rgb(var(--pale-accent)); color:rgb(var(--white-monochrome)); padding: 0.5rem 1rem 0.10rem; margin: 1.5rem 0rem 0.5rem 0rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid rgb(var(--pale-accent)) 2px; } .titlebox{ position: relative; top: -1.6rem; background-color: rgb(var(--pale-accent)); color: rgb(var(--white-monochrome)); padding: 0.25rem 1rem; line-height: 0.1rem; } .glassblock { background-image: linear-gradient(-30deg, rgba(var(--medium-accent),.8) -80%, rgba(var(--white-monochrome),.4) 100%); border: solid rgb(var(--pale-accent)) 2px; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .hoverblock{ padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0rem; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transform: translateY(0em); } .hoverblock:hover,.hoverblock:focus{ box-shadow: 0px 4px 20px 0 rgba(var(--medium-accent), .25); background-color: rgba(var(--light-gray-monochrome),.1); transform: translateY(-.3em); } .light-hoverblock{ padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0rem; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; /* Safari */ transform: translateY(0em); } .light-hoverblock:hover,.light-hoverblock:focus{ background-color: rgb(var(--pale-gray-monochrome)); box-shadow: 0px 4px 20px 0 rgba(var(--medium-accent), .25); transform: translateY(-.3em); } .dark-hoverblock{ padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0rem; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; /* Safari */ transform: translateY(0em); } .dark-hoverblock:hover,.dark-hoverblock:focus{ background-color: rgb(var(--pale-accent)); color: rgb(var(--white-monochrome)); box-shadow: 0px 4px 20px 0 rgba(var(--medium-accent), .25); transform: translateY(-.3em); } .transparent-hoverblock{ color:transparent; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0rem; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; /* Safari */ transform: translateY(0em); } .transparent-hoverblock:hover,.transparent-hoverblock:focus{ color: rgb(var(--black-monochrome)); box-shadow: 0px 4px 20px 0 rgba(var(--medium-accent), .25); transform: translateY(-.3em); } .white-hoverblock{ padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0rem; transition: box-shadow 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transform: translateY(0em); } .white-hoverblock:hover,.white-hoverblock:focus{ box-shadow: 0px 4px 20px 0 rgba(var(--white-monochrome), .25); background-color: rgb(var(--white-monochrome)); transform: translateY(-.3em); } .inset-hoverblock{ padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0rem; transition: box-shadow 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transform: translateY(0em); } .inset-hoverblock:hover,.hoverblock:focus{ box-shadow: inset 0px 4px 20px 0 rgba(var(--bright-accent), .25); background-color: rgb(var(--pale-accent)); color: rgb(var(--white-monochrome)); transform: translateY(.3em); } .interwiki1 { background: rgb(var(--light-gray-monochrome)); margin: 10px 15px; padding: 10px; border: none; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,102,.5); box-sizing: border-box; /*width: 15em;*/ width: calc(var(--base-font-size*0.93333*19)); } .interwiki1_title { color: rgb(var(--black-monochrome)); border-bottom: solid 1px rgb(var(--black-monochrome)); padding-left: 15px; margin-top: 10px; margin-bottom: 5px; font-size: 8pt; font-weight: bold; } .interwiki1_entry { position: relative; margin: 2px 0; } .interwiki1_entry p::before { content: "■"; font-size: 9px; color: rgb(var(--black-monochrome)); position: relative; margin: 0 7px 0 5px; bottom: 3px; } .interwiki1_entry a, .interwiki1_entry a:visited { font-weight: bold; color: rgb(var(--black-monochrome)); text-decoration: none; background: transparent; } .interwiki1_entry a:hover { color: rgb(var(--black-monochrome)); background-color: transparent; text-decoration: underline; }
生存难度:生存難度:
等级等級 4E - 环境
- 亚安全
- 稳定
- 实体绝迹
Level KP-58是后室KP层群的第58层。
描述
Level KP-58一处较为完好的栈道(青色区域)
Level KP-58的主体表现为一个巨大的、相互联通的地下冰洞系统。该系统的规模未经完全勘探,现有探测数据显示其覆盖范围至少相当于一座中等规模城市的地下空间。系统内几乎拥有所有已知的冰川类型——从缓慢流动的冷冰川到结构致密的水成冰,各类冰体以一种不符合自然冰理学的方式交织组合在一起。常见地形包括自然形成的蜿蜒通道、大型空洞,以及由落水洞、冰井和地下河侵蚀形成的孔洞综合体。
该系统中存在明显人为修建的木质栈道,以供流浪者在系统中穿行。栈道结构包括悬挑于冰崖边缘的观景平台、沿冰壁盘旋而下的阶梯、以及横跨地下冰河的简易桥梁。栈道的修建者至今未知,木料经过碳十四测定显示其来源时间跨度极大,从距今数百年到未来数十年均有出现,这一矛盾现象目前无法解释。唯一可供追查的线索是在一处深蓝色区域的围栏立柱上,发现用某种金属工具刻下的“L.J”字样,字迹被冰霜反复覆盖又融化,已难以辨认原始形态。
根据冰洞颜色差异,研究人员将本层级划分为四个主要区域。
“这里不欢迎你,”低语声音盘旋在你耳边,“你本就不该来这里。”
蓝色区域
Level KP-58的蓝色区域的一张照片,紫色部分为特殊冰体。
蓝色区域是系统中最常见的组成部分,约占已勘探面积的40%。该区域的冰体呈现从浅蓝到深蓝的渐变,透明度随深度增加而降低。光线穿过厚达数米的冰层时发生瑞利散射,使得整个空间笼罩在一片静谧的蓝光之中,类似深海环境。
该区域通常十分稳定且安全,气温恒定保持在-10摄氏度左右,波动幅度不超过2度。常见地形为较为笔直但孔径较小的通道,通道直径通常在2至4米之间,仅容两到三人并行。栈道在此区域的完整度最高,约85%的栈道可供安全行走,木板虽覆盖薄冰但承重结构完好。蓝色区域拥有少量可食用冰体——这些冰体呈现更纯净的透蓝色,融化后可直接饮用——这在其他区域是很少见的。
蓝色区域的深层地带存在特殊现象:部分冰体中会突然出现紫色条纹或块状物,这些紫色冰体的化学成分与周围蓝冰完全相同,但光学性质异常。靠近这些紫色冰体的流浪者普遍报告感到强烈的“归属感”或“被召唤感”。
“它在呼唤我,吸引我”你回答道,“我…来过这里”
你从没来过这里。
它在吸引你来到这里。
你意识不到吗?
黄色区域
Level KP-58的黄色区域与蓝色区域的过渡区。
黄色区域是系统中第二常见的区域,约占已勘探面积的30%。该区域的形成机制尚不明确,冰体呈现从淡黄到琥珀色的变化,通常含有大量气泡和杂质,使其透明度远低于蓝色区域。气温通常在冰点上下浮动,平均为-2至2摄氏度,相较于蓝色区域更适宜长时间停留,体感寒冷程度较低。
黄色区域通常拥有较大的空洞结构,这些空洞的穹顶往往悬挂着密集的冰锥,长度从几厘米到数米不等,在微弱光线下折射出琥珀色的光芒。地面则常见向上生长的冰笋,与下垂的冰锥逐渐接近,部分已经连接形成完整的冰柱。栈道在此区域的破损率约为15%,主要由于反复冻融循环导致木质结构疲劳,行走时需注意避开明显腐朽的区段。
黄色区域与蓝色区域的过渡地带呈现出独特的景观:两种颜色的冰体相互侵入、交织,形成类似玛瑙纹路的复杂图案。在这些过渡区,气温会出现剧烈波动,温差可达10度以上,伴随着冰体内部发出的“咔咔”声响,这是结构应力释放的声音。
“这里对你很危险,不要在这里久留。”
低语萦绕.
绿色/青色区域
Level KP-58的绿色地区照片
绿色/青色区域是较为少见的区域类型,约占已勘探面积的20%。冰体呈现从浅绿到深青的渐变,这种颜色来源于冰体中包裹的微量矿物质和可能的微生物群落。该区域出现气温异常,通常在-5至6摄氏度之间浮动,部分靠近地下热源的区域甚至短暂达到8摄氏度以上。
绿色/青色区域的稳定度较低,约一半的栈道出现破损或完全断裂,空间结构本身也存在不稳定性。多次观测到通道在数小时内从宽阔变为狭窄,或原本连通的路径突然被新生冰体封堵。这种变化往往悄无声息,给勘探带来极大风险。
根据辐射检测仪的记录,该区域的冰体中含有少量放射性元素,主要为铀-238和钍-232的衰变产物,浓度虽不足以导致急性放射病,但长时间停留累积的辐射剂量可能对健康造成危害。建议流浪者在此区域的停留时间控制在4小时以内。
一处较为完好的栈道在绿色区域中延伸,扶手上结着青色的冰霜。栈道下方是深不见底的裂缝,隐约可以听见水流声。绿色区域的深处拍摄的照片显示,冰壁呈现出不自然的卷曲形态,如同被某种力量揉捏过的塑料。
离开。
你不应该继续深入这里。
那里什么都没有。
彩色区域
Level KP-58彩色区域的照片,下层栈道无法抵达。
彩色区域是最少见的区域,约占已勘探面积的3%,通常位于系统的最深处,需要穿越数公里复杂通道才能抵达。该区域的冰体包含多种颜色——红、橙、黄、绿、蓝、靛、紫以不规则的条带或斑块形式共存,仿佛整个色谱被冻结在透明的基质中。
彩色区域的温度与蓝色区域一致,稳定在-10摄氏度左右,但冰体颜色的多样性似乎并不影响其物理性质。该区域表现出极高的稳定性,没有任何崩解或融化的迹象,栈道完整度是所有区域中最高的,几乎达到98%,且维护状态良好,仿佛刚刚修建完成。然而,该区域缺乏可用物资——可食用冰体在此完全绝迹,冰体融化后的水含有无法去除的苦涩味道,不适于饮用。
彩色区域的地形最为复杂多样,包括多层叠加的冰台、螺旋上升的通道、以及由冰桥连接的孤立冰峰。下层栈道往往无法抵达,只能从上方俯瞰那些隐藏在深处的、泛着微光的冰谷。在这些最深处,偶尔能看见模糊的人形轮廓,但靠近后会发现那只是冰体形成的天然形状——或者是吗?
“欢迎回来,这次,不要离开我,好吗?”
“我不想失去你。”
没人能带走这里的一切,哪怕是我。
资源
本层级资源整体稀缺,生存物资主要依赖于外来携带。
蓝色区域的可食用冰体是唯一稳定的水分补充来源。这些冰体呈现纯透蓝色,融化后水质纯净,富含矿物质。识别方法为:用光源照射时,可食用冰体会在内部产生均匀的蓝色光晕,而普通冰体则呈现不规则的反光。
绿色/青色区域的冰体经过采集、融化、过滤和蒸馏后,可以提取出微量放射性同位素,经过适当处理后可用作简易能源装置的热电材料。但提取过程本身具有辐射暴露风险,不建议未经专业训练的流浪者尝试。
黄色区域的冰体暂未发现任何实用价值,融化后的水含有大量杂质且口感苦涩,不适合饮用或工业使用。
彩色区域的冰体样本缺失——所有尝试采集并带出彩色区域冰体的行为均以失败告终,冰体要么在离开区域后24小时内神秘蒸发,要么在分析前发生无法解释的成分改变。
实体
经过多次系统勘探和长期监测,本层级内不存在任何已知的实体。那些偶尔在冰层深处看到的轮廓,那些余光中掠过的影子,最终都被证实为冰体的自然形态或视觉疲劳造成的幻象。这里只有冰、岩石、偶尔出现的液态水,以及流浪者自己。
基地、社区和前哨站
由于本层级恶劣的环境条件——持续的低温、稀缺的资源、以及低语声对长期滞留者造成的心理影响——导致这里没有任何形式稳定的基地、组织或前哨站。偶尔有流浪者试图在蓝色区域的稳定地带建立临时营地,但最长记录不超过三周,最终都因物资耗尽或精神压力而撤离。
入口与出口
入口
- 在Level KP-6,发现一个闪烁着红光或者绿光的冰洞。进入其中行走约五十米后,通常会因地面湿滑而跌倒,在跌倒的瞬间就会切入到本层。跌倒的高度和切入位置无关,有记录显示流浪者在跌倒过程中距地面仅数厘米时即发生切入。
- 在Level KP-8,找到一处由冰构成的洞穴。进入洞穴后继续前行,会在大约十米后察觉到环境逐渐变化——冰的颜色从透明转为淡蓝,结构从柱状转为层状,最终会完全进入到本层,且回头时发现来路已经消失。
- 在Level KP-112,在被追捕者发现并追逐的过程中,有极小的概率在逃跑路径上发现一滩与周围环境格格不入的雪地。直接切入这滩雪地会立即来到本层,这是一种紧急逃生路径,但触发概率过低,不建议依赖。
- 在Level KP-43,当该层级处于森林的冬季状态时,有概率在森林的某个空地上发现一处被薄雪覆盖的雪洞陷阱。踩入陷阱之后将直接坠落,坠落的终点是本层的彩色区域。这条路径的危险性在于无法控制落点,曾有流浪者报告称坠落高度超过三十米。
出口
在本层的每个区域都有不同的门,可以通往对应的层级。这些门的出现位置似乎是随机的,但一旦出现,会在原地停留至少七十二小时,为流浪者提供充分的离开机会。
- 在蓝色区域寻找一扇普通的、未上漆的木质门。门把手为黄铜材质,表面覆盖薄霜。打开这扇门将会到达Level KP-203。
- 在黄色区域寻找一扇发霉并贴有黄色墙纸的木门。墙纸已经剥落,露出下面腐朽的木板,散发着一股潮湿的霉味。打开这扇门将会到达Level KP-0。
- 在绿色区域寻找一扇散发着微弱绿光的金属铁门。铁门表面有锈蚀,但结构牢固,绿光似乎来源于门缝中透出的某种荧光。打开这扇门将会到达Level KP-51。
- 在彩色区域,切入一块散发着电脑故障风格乱码光效的卡片。这种卡片通常随机出现在彩色区域的栈道地面上,大小如信用卡,材质类似塑料但无法破坏。切入卡片后会经历短暂的眩晕,然后到达Level KP-404。
作者:Su Chenxi
补充与完善:SS9G-shaojiu
图源:Su Chenxi
« Level KP-57 | Level KP-58 | Level KP-59 »
