永冻之川

+ 展开样式代码

/* 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;
 
}

Warning:

本层级文档经资料库人员再三查阅，内部文件部分在资料库成员于2024年被搜罗后发现已于19xx年被未知潜在实体篡改，包含微量血腥及恐怖元素，望浏览文档之成员酌情观看。

---

———“永恒资料库”主管 V. Valentin 致上

---

描述:

该层级大体呈现为一片大陆性冰川。冰川内部水体清澈，但部分区域水源因其性质类似于流体冰状，不建议流浪者在无取暖装置的状态下直接饮用此层级冰川内的水。极地或高山地区地表上多年存在沿地运动状态的天然冰体。拥有定量形态和层次，并具一定可塑性，在重力和压力下，产生塑性流动和块状滑动。

(一张来自Level-745洞窟下朝上视角的摄影)

在该层级中，淡水的比例占据层级的95%以上。温度最低可达-65摄氏度，层级内部昼短夜长，夜间占据了整天时间中的17小时。并且进入夜间后温度将会骤降至-40~-50摄氏度不等，日间温度最高达-5摄氏度。

目前在冰川中探测出了该层级独有的一套冻原生态体系，因其动植物位于极寒带地区特殊性，只有一些低矮耐寒的木本及多年生草本植物以及苔藓和地衣生长。内部动物则依赖无雪降下的冰原及地下矿洞生存，整座大陆性冰川内部空间表现出多样性，温度也同样不等。在前往“永冻之川”的调查中，可将冰川主体大致分为以下几部分:

“流荧晶瀑”:

冰川地表下的冰晶洞窟，经探测后发现为该层级地下占据面积最大的区域。该区域温度测定为-3摄氏度~-14摄氏度左右。地下水源丰富，产生了冰锥及冰挂等水体凝结物，上层可见清透蓝冰覆盖在整个区域上方，中层及下层在低温空间内生长出了部分外表具有冰蓝色绒毛的白色蕨类植物，在生命体靠近后发出幽光的小型花丛等。

据研究人员发现，该区域在一定程度上变成了层级冻原生态体系的发源地。一些初级消费者及二级消费者类别的动物会在水源旁饮用未到冰点的净水，而特别的是在整个冻原生态体系中的动植物皆为冰晶所铸造的生物。

在此层级内部的植物全依赖该层冰川水源生存，部分蓝紫色的浆果类植物生长完成结果后会被温顺草食性动物食用。而在观测中发现大多数食用这些无毒浆果的动物为成体角上结出冰棱的白毛鹿———目前暂未有一个正式确凿的学名，不过在曾经的描述中称:这些纯白鹿是构成整个冻原生态系统的动物中对人类最温顺的生命体之一。

---

“冰封海域”:

为“永冻之川”外部围海，冰川下游出海口联通区域。可通过“流荧晶瀑”下方融洞区或冰川外围海岸进入。

(一张来自“冰封海域”地区内摄影图)

温度大概界定4摄氏度~2摄氏度，冷水海洋下生存了一些依靠荧光海藻类生物存活的灰白色虾类与鱼类。在海洋暮光区存在着身体呈现半透明且内部夹带星辰粒子的鲸，尾部也同样拖着璀璨流星。

在此区域中的海洋生物丰富多元，跟整个包括在生态体系的生物同样具有强大的抗寒性。夜间冰海的潮汐会带来荧光与冲上堤岸后洒水成冰的壮观景象，为海岸线最美的风景。

---

“暮色光坛”:

距离level-745最宏伟建筑物最近的一个区域，以大理石制祭坛为中心向外延伸半径为6m的圆形广场，整座冰川最靠近极寒点的位置。祭坛主要以大理石融合冰晶铸成，拥有低矮的白楼梯与同材质扶手，中心点仰望天空可看见浩瀚星河与极光，而在区域左边有被冰封的天文仪器与天文钟表盘碎片。

在探查中研究人员猜想出曾经该层级拥有人类居住及祭祀神明的传统仪式，并且在光坛往外扩延的地区发现了类似于城镇般的建筑群废墟。

但在皑皑冰雪中，

我们在挖掘的过程里，发现了类似人类的断臂。

血液早已凝固成了冰挂，

在捡起的一瞬间，

脆弱的骨骼与冻僵的皮肤接连掉落，

破碎，

最后，化作尘埃散去。

---

层级现象:

“急冻期”

该层级不定期会刮起猛烈的暴风雪，在整个现象发生期间，冻原生态体系内部的高危险生物会出现在冰川地表狩猎。整个层级内部温度速降可至-3摄氏度~-45摄氏度，最剧烈甚在“流荧晶瀑”都被动波及。

层级现象尚未确定何种原理形成。

暮色光坛被冰冻住的一封疑似为祭司书写的信件

“神明曾经说过，只要足够冷，就连时间都能被冰封至分秒停摆。
那个时候我们都想过，这片冰原的确极寒。

仁慈的神，仁爱的神，祂又是怎么撑起整个冰川的存亡呢？
奉召天命，我们在祂的领地安居乐业，被祂的眼睛守望着。

祭坛还在使用。

又一次一月二十日，祭坛每一年的大寒时节都在愈来愈冷。

昨天的一月二十日，前天的一月二十日……

也许，我们都错了。

我拿出了怀表，时间现在只过了三十四秒。

极光封住了予以永远珍藏的记忆，化作了闪耀的碎片溯往霜棱大殿。

或许，急冻下的世界，

可能也仅仅只是我们该赎的罪，

在这个时候，赎清楚了吧。”

---

层级实体:

Y.u--i_l

一则来自"永冻之川"调查小组的电报破解内容:

“我们时日所剩无几，现在那个建筑废墟中还有寒风笼盖着。周围的冰晶像饥渴的树根一样极速蔓延…
遗忘之城神殿内王座的第五扇门能联通这里的海岸区域，这里为北方，极北方。

现象出现的时候，我们谁都束手无策。

当我们十五个人在冰川里行走的时候抵达大殿的也仅仅只有三个，剩下的，都被冻死了。

冰蓝色的鹿，半透明的鲸，调查报告里的各种生物现在一个都没看到。
现在能看到的唯一生物，还在暴风雪的中心里———

一只巨大的，蓝紫色的半人型蝴蝶，用成千上万眼睛盯着我们。
盯着，再盯着。它就像冰封极光一样冷一样刺眼。

不，不。它是什么？为什么冰晶已经在我脚下了…旁边的两个呢？

……

死了。

被冰雪，埋葬了。”

---

基地，社区与前哨站:

暂且无法发现该层级曾有的基地，社区与前哨站。

在城镇废墟中，一个被冰冻住的泰迪熊旁边的冻僵纸张上书写的内容

“爸爸说，心善的孩子可以取下成年白鹿角上的一颗冰晶，作为回家的指南针。
那只要我把这一颗小小的冰晶塞进大大的泰迪熊里，那我是不是可以抱着它一起回去呢？
我还记得泰迪熊是我生日的时候爸爸给我送的，他说，泰迪熊会像妈妈一样在梦里陪着我一起玩的！

因为，斯卡克洛镇在，小鹿在，爸爸在，我的家就在。

妈妈…已经很久都没有回来了，

很久，

很久……”

---

入口与出口:

入口:

在level-51神殿处第五座王座后的大门可联通“冰封海域”区域入内。

出口:

信息/删_除

“滔天的罪孽，血脉的相连，因果的轮回。

这些都不会是我们，你们，祂们想要的一切。
上一次叛神的执旗者已经倒在了万神殿的主殿中，这一次祂的手下东征南下来了这里。
意念与记忆是轮转的，就如同冰川中的水循环往复一样。

之前的那一场政战竟然到现在都还没结束吗？流星在星穹下淌然划破了夜空———
阿特拉斯讲的，“永冻之川”。

曾经祂来到这里的时候还没有入口与出口这回事。

往拥极寒的冰川，铸为无垠的星海。

我曾经在永年覆雪中出生，见证了诸神的崛起，辉煌，堕落。那些都不是我们能干预的。

之前，我们欢唱，我们高歌，一个家就这么成了。
之后，我们怒吼，我们悲泣，一个家就这么碎了。

覆雪之下并无虚惘，

星荧之上独留空望。”

---

一本放于城镇遗址某间屋子阁楼的残破笔记本

｛冰封纪158年，6月28日｝

永冻的纪年在万神殿崩塌后骤然降临，在茫茫无际的海域中再度归来。
我来到这里前并不知为什么明为极寒的土地却可以居住繁多的民众，但是我发现了有一部分，大部分，都是敬畏着端坐于"霜棱大殿"内部的那位神明。

或者也是因为祂被铭刻在铭文墙上，失落的城邦也铭记了祂的名字。所以我对祂似乎也有一点印象———奇怪的一点，那些神无一例外都在万神殿倒塌的时候散去，现如今竟然还有能镇守一方的神尊吗？

冰乐园的主人，星海的守望者。

在我来到这里的时候，也有不少居民欢迎新来的面孔。但是比起欢迎他们更注重极寒的天气，在简单寒暄几句之后我们就先暂时分道扬镳。

这阵子我会一直住在这个比较安定的地方，来这个奇怪的世界后这片冰川是我目前找到的最好定居地了。

---

｛冰封纪169年，7月30日｝

正值原本世界的盛夏，冰川看起来也有回暖的迹象…只不过比起青绿色的草地还是冷了非常多。
也算是在一年当中白昼最多而且比较暖和的时日，在我走出门后发展居民都在中午聚集在暮色光坛那边。

祭司缓缓走上祭坛，她身后刚刚与她相拥的军官还牵着一位抱着泰迪熊的小女孩。那位军官戴着面罩，只能看到他跟孩子一样天蓝色的眼睛。上下看了两眼…看起来是一位军人跟他的孩子。

一年一度的祭祀大典在圣歌与赞美诗中拉开了序幕，唱到一半的时候突然温度变得愈加寒冷。

当一个身影从冰雪中游刃有余穿梭移影至子民面前，我们所有人都惊了呆。
我开始回想铭文所指的内容———

"意念"，是祂吗？

我不得不承认在永冻土地中看到神明是一件非常值得永远怀念的事迹，在友好的时候更是如此。
旁边的妇人告诉我，正是因为祂的明政而使得这里百载繁华。

后方的大殿，是神明的居所，是信仰的集中。

我不可思议的看着祂，祂与祂的信徒，以及黑暗中的火光。
似乎神明也注意到了微弱的火焰，但是神态依旧显的自然。在祭典与欢呼声后祂就迅速离去，而信众目视着祂的散去后也接连回到了自己的地盘开始干活。

……为什么在不可放火的祭坛广场中，突然出现了一抹金黄色火焰的身影？

所有人都应该，

注意到了吧？

---

｛冰封纪187年，12月9日｝

神殿出了意外，有十二根后殿的柱子轰然塌下。
很多人都围着看，认为那是天灾，于是跪地祈求神明息了祂的怒火。

但是看起来神明并没有回应，赶过来的是一位棕发的少女。

她环顾了四周，周围的人群。然后目光凝视着群众的后方。
一位头顶悬浮冠冕的实体沉静的看着这十二根塌陷破损的柱子，手一挥在空中擒住了一位身穿红色袍子的异教徒。

围观的民众无不例外都在高声喊着让神明处死他，但是在那之前祂先用冰霜封锁了大殿。将自己与子民隔离开来。

最后我看见祂进了后殿的大门，提着那个早就被发现的人。

但是在不久后，地层下感觉更加温暖，而我贴近了冰层，隐隐约约看到了上一次的火焰形体，以及清透冰层露出的浑浊黑泥。

……在瀑布流水的下方，看来闹出了个祸端。

---

｛冰封纪198年，10月13日｝

我从未想过曾经高挂天穹的极光现在带有了血红的景观。
在我居住屋子的正后方本来是一片冰原，现在竟然开裂出了浮冰与汪洋。

我走进了看，才发现地底下竟然还有军队正在对抗那一群红色衣服的教徒们———这是什么？上次单出其一，这次望去规模惊奇的不止几位，十几位，甚至数百位。

火焰灼穿了薄冰，水源流淌而下，白色的冰晶鹿四处逃窜，直达陆地才有一丝喘息。
我迅速往家中赶去，发现旁边那个抱着泰迪熊的小女孩趴在冰面边缘，看着军队战斗。她的脸庞冻得通红，但仍却看着，直到她看见了更多的红衣教徒一拥而上，军队溃不成军。

其余的士兵撤退到最后一道防线之时，有一位军人却依然战斗至最后一刻。
远望终局，他遍体鳞伤，而孩子趴在冰面上的，被她温暖拥抱的泰迪熊也被冰面的极寒在拿起时撕扯下了心口的一块皮布。

里面的心脏，是白色冰鹿的一块冰晶。在冰面带着血迹的殷红色中，它显得多么冰亮高洁。
但是在孩子的哭声中，全军覆没，信徒入侵，瀑布变得血色淋漓，军官倒在了血泊中任敌践踏。

在祭坛那边的笑容是多么美好，
只可惜，看起来她的父亲，

永远回不来了。

---

{冰封纪 [信息错误]年，1月19日}

大殿…崩塌了。
我看见了曾经的棕发女子被金黄色火焰的身影提了起来，对准祂身后的冰川执政者。

我头一次见到冰川被火焰吞噬的样子。
明明站在冰层上，火焰是烧不起来的。

现在我在屋子内部，看着窗框外的打斗，冰霜掀翻了天与地，直奔焰火……

(此端字迹被冰霜覆盖模糊，三四行的内容被冻结破碎。)

不，不！冰川的出海口被封锁了，屋子…房顶破洞了。
再不添加保暖措施我很快就会因为极寒而死去。

愿暴风雪不会持续太久。
但是…外面的小女孩呢？

趴在祭坛的祭司身上一动也不动。
看起来，也死了。

也许…

我也时日无多。

---

{冰封纪 [信息错误]年…

1月20日}

“永年冰雪的乌托邦已经不复存在。
谁都比我更甚了解，万家灯火后背反的时间与零落的回忆，是怎么支撑又打破这个地方的。

就如同一盏油尽的枯灯，孩童天真的笑颜，母亲温情的拥抱与父亲付出心力的家。
它裂融了，崩溃了，在天谴之下被刀刃血斩了，把原初大海的音调都韵异例离了！

我做出的选择永不止千年历史的耻辱与浮冰上摇摇欲坠的繁华。
是意念之生亦为灾祸之根。

万相远不止真理，

而我等永远铭记。”

……

“那最后，那场战争，又怎么样了呢？”

漫天飞舞的大雪封锁了冰山，冰河成了鲜红的血管，在这绝对零度的心脏中极速流淌着。黑泥的污浊，焰与油的凝固与挥洒，空前的将冰川掀起了滔天巨浪。

那是一场浩劫，是继承万神殿战火后的延伸，灾厄与天地的碰撞，踏冰破雪，逐利而行。

本营沦陷，喜剧上演。诙谐早成荒唐，时间霜冻于此。
也许栖息的温顺小鹿跟璀璨辰鲸已经被血水污浊殇亡，或是那唱着欢快歌谣的丑角狂笑不止。他们终究是攻了进来，提着神明的眷属向着祂再一次发起挑衅与战信。

在时间定格之时，沧然浮凌的星落，诙笑咳血下的娱乐至死。抑扬的童谣，羁绊的一刀两断。

直到最后一刻，整座冰川的主人都还坐镇在霜棱大殿中，背对着王座。

祂并没有像机缘与豪赌般抛下一枚正反相间的硬币。

在棱晶之顶，终局至臻的分刻，

祂以神格起誓———

孤注一掷。

---

"霜棱遗殿":

整座“永冻之川”坐落于极北方的建筑，曾是“意念”之起源。是在暴雪的洗礼下巍立不朽，在千百年中那一场圣战中废弃坍塌。

大殿之名义宛若尘埃落定下成为存活的遗产，荣耀与辉煌顷刻间复归于乐土之间，在那深天与荧海之上，它曾是霜土主人端坐之处，镇守千年的铭墓。

鎏金的空殿魁塔，汐浪冲刷的冰蓝，凝冻时间的霜花———在那冰与火的挽歌中尽数显现。
它本应拥有巴别塔一般被诸人于流沙下虚幻无象的铭记，但在梦与现实的交汇处，它逐着历史的洪流被遗忘在了过去的冰川中。

当初那三位少年所筑立的乌托邦就连上帝都无法动摇。

可曾想就因至亲的血殇，

摧毁了它。

System_Damage

泱宏下碎凌融止焉，亦创焰华夜阳敕传之艳。

吾等暌盼高唱圣歌下悲掩，荣华福音持传往昔之言。

浮生若世众人醉，神堂煌然孤镇碑。

川流熙攘琴弦裂，

铁穹止息烽火揭。

Warning_of-the-_snowstorm

在那一场圣战过后，无人存活。

主殿坍塌，冰雪融化———人，神，信徒，皆同被雪淹没至生。
大家笑着看这一场喜剧的上演，在暮光中被戏中主角幻化成了冰雕与凝血。

曾经格雷希尔斯在万神殿中告诉过祂的妹妹:小鹿的冰晶是可以指到家的方向的，拿着它，就可以找到哥哥。

但是她在永冻之川中，再也没有使用过那天真小鹿的结晶。

当艾可还在大殿中悲泣之时，昔日的仇人带着军队攻进冰川，从祭坛到瀑布，从冻原直逼大殿。
污浊的黑泥，金黄的火焰。挥洒在了家中，坍陷天顶。

计谋得逞，时间退隐，喜面断头，悲哀仍存。

她没有家了，

她认为，

再也没有家了。

---

荧火纷飞划破了滚烫的战场。像是被锐利的长矛瞬间刺入手臂。它灼烧着意念神那苍白的皮肤，一点，接一点。

砍进了祂的骨头里。

祂在疼痛中想起了祂的妹妹。
她的疤痕，被利落地刻在了她稚嫩的脸上。

从祂们回归冰川之时，祂的妹妹就日复一日在大殿中用冰镜看着自己被刀疤划破的脸庞。
她哭着，蜷缩着，祂不愿看到这样被耻辱铭刻的脸。

而这一切都是因为，兄长来晚了，毒蛇先动手了。

至那之后她都在阴霾中度过，背对自己的兄长，保持缄默。

这一切的羁绊都不会归于沉寂，
因为正是她的至亲，用自身血肉抵挡了万千敌军。

---

盛世将颓，临渊而侧，

在冰封纪的最后明昼，

祂用自己的臂膀挺起了整座大殿的不败与意念的荣耀，忍住了霜寒与沉默。

在那位有着幽蓝色眼眸的梦灵逃出冰川的最后一刻，她与意念神四目相对。

她看到了一座高山，

一座，决心与川海铸成的，

高山。

………

最后在永夜的海底，她才看见了高山下的伤———

孤注一掷，以自己的左臂，投下了这一场战争的筹码。

于那千眼冰蝶的注视下，

往昔再也不能，

回归原初。

---

——— 原作者: ED EchoDreemurr

而这就是战争的终焉。

纯粹的川水，也终究隐没在了暴风雪中。

如冰般高洁，

如冰般透彻，

如冰般易碎。

生存难度：生存難度：

等级等級 死区

• 极寒天气环境
• 无生命体存活
• 潜在异常危险实体

---

如何使用：

[[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]]