Level ML-30-“异龙穴”

+ 展开样式代码

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

警告：版式代码

/*
   2024 Theme
   [2024 Wikidot Theme]
   by Ambersight
   For 2024 Archipelago
*/
 
@import url('https://use.fontawesome.com/releases/v5.11.2/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
@keyframes collapsible-arrow-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(-90deg); }
}
 
@keyframes collapsible-arrow-spin-back {
    from { transform: rotate(-90deg); }
    to { transform: rotate(0deg); }
}
 
@keyframes collapsible-arrow-spin-2 {
    from { transform: rotate(0deg); }
    to { transform: rotate(90deg); }
}
 
@keyframes collapsible-arrow-spin-back-2 {
    from { transform: rotate(90deg); }
    to { transform: rotate(0deg); }
}
 
/* ROOT */
:root {
    --2024_red: 212, 39, 39;
    --2024_gray: 255, 237, 221;
    --2024_black: 39, 36, 36;
    --2024_white: 255,255,238;
    --2024_purple: 96, 39, 212;
    --2024_link: 251, 40, 54;
    --2024_visited-link: 210, 12, 12;
    --2024_hover-link: var(--2024_visited-link);
    --2024_dead-link: 251, 163, 31;
    --2024_alt-link: var(--2024_black);
    --2024_alt-visited-link: 0, 0, 0;
    --2024_alt-hover-link: var(--2024_alt-link);
    --2024_alt-dead-link: 255, 202, 45;
    --2024_alt-link-2: 210, 12, 12;
    --2024_alt-visited-link-2: 156, 8, 8;
    --2024_alt-hover-link-2: 210, 12, 12;
    --2024_alt-dead-link-2: 221, 102, 17;
    --2024_pattern: url('http://ye-zhi-d.wikidot.com/local--files/start/theme2024pattern.png');
 
    --logo-image: url(http://backrooms-oversight-cn.wikidot.com/local--files/posts/CN-logo-alt-white.png);
    --header-title: "2024";
    --header-subtitle: "The Backrooms";
    --mono-font: 'JetBrains Mono', Recursive, "Noto Serif SC", "Noto Serif TC", "宋体", "SimSun", "Microsoft YaHei UI", "微软雅黑", "Microsoft JhengHei UI", "Microsoft JhengHei", "Courier New", Courier, monospace, STXihei, "华文细黑";
    --white-monochrome: var(--2024_black);
    --pale-gray-monochrome: var(--2024_red);
    --very-light-gray-monochrome: var(--2024_black);
    --light-gray-monochrome: var(--2024_red);
    --gray-monochrome: var(--2024_gray);
    --dark-gray-monochrome: var(--2024_gray);
    --black-monochrome: var(--2024_white);
    --bright-accent: var(--2024_red);
    --medium-accent: var(--2024_red);
    --dark-accent: var(--2024_gray);
    --alt-accent: var(--2024_dead-link);
    --link-color: var(--2024_link);
    --hover-link-color: var(--2024_hover-link);
    --visited-link-color: var(--2024_visited-link);
    --rating-module-button-cancel-color: var(--2024_gray);
    --header-height-on-desktop: 19.5rem;
    --header-height-on-mobile: 19.5rem;
    --header-h1-font-size: calc(var(--base-font-size)*5);
    --header-h2-font-size: calc(var(--base-font-size)*2);
    --topbar-height-on-desktop: 2.35rem;
    --body-width-on-desktop: 61.25rem;
    --toggle-border-color: rgb(var(--2024_red));
    --toggle-icon-color: rgb(var(--2024_red));
    --modal-header-bg: var(--2024_red);
    --modal-header-txt: var(--2024_white);
    --base-font-size: max(0.8125rem, min(2vw, 0.9375rem));
    --sidebar-width-on-mobile: calc(var(--base-font-size) * (14 / 15) * 19);
}
 
/* HEADER */
#header {
    --swatch-headerh1-color: var(--2024_white);
    --swatch-headerh2-color: var(--2024_white);
}
 
#header::before {
    background-size: auto 12rem;
    background-position: center top;
    opacity: 1;
}
 
#header h1,
#header h1 a {
    top: 0;
}
 
#header h1 span,
#header h2 span {
    font-size: 0;
}
 
#header h1 a::before {
    display: block;
    position: absolute;
    top: 14rem;
}
 
#header h2, #header h2 span,
#header h2 span::before {
    top: 5.5rem;
}
 
#header h2 span::before {
    font-size: var(--header-h2-font-size);
}
 
#header h1 a::before,
#header h2 span::before {
    --wght: 400;
    --text-shadow: none;
    font-family: 'Archivo Black', var(--title-font);
}
 
#extrac-div-1 {
    position: absolute; top: 0; right: 0;
    width: 100%;
    height: var(--header-height-on-desktop);
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
}
 
#skrollr-body {
    background: none;
}
 
/* TOP BAR */
#top-bar div.mobile-top-bar > ul > li > ul > li > a,
#top-bar div.top-bar > ul > li > ul > li > a {
    --wght: 700;
}
 
#top-bar div.mobile-top-bar > ul > li > ul > li > a:hover,
#top-bar div.top-bar > ul > li > ul > li > a:hover {
    color: rgb(var(--2024_white));
    background: rgb(var(--2024_red));
}
 
/* SIDE BAR */
#main-content::before {
    background: rgba(var(--2024_black), .5) 1px 1px repeat;
}
 
#side-bar {
    scrollbar-color: rgb(var(--2024_red)) rgb(var(--2024_black));
}
 
#side-bar .side-block.media {
    background-color: rgb(var(--2024_red)) !important;
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
}
 
#side-bar .side-block.media a {
    overflow: hidden;
}
 
#side-bar .side-block.media a img {
    position: relative;
    transform: translateX(-80px);
    filter: drop-shadow(rgb(var(--2024_white)) 80px 0);     
}
 
#side-bar div.side-block {
   border: none;
}
 
#side-bar .side-block .heading {
    background: rgb(var(--2024_gray));
    color: rgb(var(--2024_black));
}
 
#side-bar .heading p,
#side-bar #side-bar .side-block > .collapsible-block .collapsible-block-link {
    --text-shadow: none;
}
 
#side-bar div.menu-item a:hover {
    background-color: rgb(var(--2024_red));
    color: rgb(var(--2024_gray));
}
 
#side-bar .side-block > .collapsible-block a.collapsible-block-link {
    padding-right: 0;
    font-size: var(--base-font-size);
}
 
#side-bar .side-block > .collapsible-block a.collapsible-block-link:after,
#side-bar div.menu-item a.collapsible-block-link:after {
    transform: none;
    content: "▼";
    position: static;
    background: none;
    width: auto;
    filter: none;
}
 
/* CONTENT */
#container {
    background-image: none;
}
 
#main-content :is(h1, h2, h3, h4, h5, h6, blockquote, div.blockquote, div.lightblock, div.darkblock, div.styled-quote, div.dark-styled-quote, hr, div.collapsible-block, table.wiki-content-table, .yui-navset-top, div.code, table, div.paperblock, div.darkerblock, div.darker-styled-quote) {
    margin-top: var(--base-font-size);
    margin-bottom: var(--base-font-size);
}
 
#main-content :is(blockquote, div.blockquote, div.lightblock, div.darkblock, div.styled-quote, div.dark-styled-quote, code, div.code, div.scp-image-block) {
    box-shadow: none;
}
 
#page-title {
    --wght: 700;
    display: flex;
    align-items: center;
    min-height: 1em;
    margin: .5em 0 1em;
    padding: 0;
    border: none;
    color: rgb(var(--swatch-text-general));
    font-weight: var(--wght);
    font-size: 2em;
    line-height: 1;
    font-family: var(--title-font);
    font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
    text-align: left;
}
 
#page-title::after,
#page-title::before{
    content: "";
    flex-grow: 1;
    height: 0.0625rem;
    margin: auto auto auto 1.25rem;
    background: rgb(var(--swatch-primary));
}
 
#page-title::before{
    margin: auto 1.25rem auto auto;
}
 
.yui-navset .yui-nav {
    transition: none;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--2024_red));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
    color: rgb(var(--2024_white));
    transition: none;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: rgb(var(--2024_gray));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
    color: rgb(var(--2024_black));
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--2024_black));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
    color: rgb(var(--2024_white)) !important;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    background-color: rgb(var(--2024_black));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
    padding: 1px 1em;
}
 
.footnotes-footer {
    background-color: rgb(var(--2024_gray));
    color: rgb(var(--2024_black));
}
 
hr {
    height: 0px;
    border-top: 1px solid rgba(var(--2024_gray), .4);
}
 
#toc {
    margin: 0;
    background-color:rgb(var(--2024_gray));
    color: rgb(var(--2024_black));
    border: none;
}
 
table {
    border-spacing: 0;
}
 
.scp-image-block {
    border: none;
}
 
.scp-image-block .scp-image-caption {
    border: none;
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
}
 
table.wiki-content-table th {
    --wght: 700;
    color: rgb(var(--2024_white));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
}
 
table.wiki-content-table td {
    color: rgb(var(--2024_black));
    background: rgb(var(--2024_white));
}
 
table.wiki-content-table td,
table.wiki-content-table th,
table.wiki-content-table tr {
    border: 0.2rem solid rgba(var(--2024_red), 0.6) !important;
}
 
div.rate-box-with-credit-button div.page-rate-widget-box .rate-points,
div.page-rate-widget-box .rate-points {
    font-size: 0.8em;
    align-items: center;
}
 
div.rate-box-with-credit-button div.page-rate-widget-box .rate-points .number,
div.page-rate-widget-box .rate-points .number {
    --wght: 400;
    font-size: 1.3em;
}
 
ul {
    list-style-type: disc;
    padding-inline-start: 20px;
}
 
ol {
    padding-inline-start: 20px;
}
 
a.collapsible-block-link {
    display: block;
    background-color: rgb(var(--2024_black));
    text-align: center;
    color: rgb(var(--2024_white));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
    padding: 0.3em 0.5em;
    --wght: 700;
    font-size: 1.2em;
    text-decoration: none !important;
    transition: background-color 300ms;
}
 
a.collapsible-block-link:hover {
    color: rgb(var(--2024_white));
    background-color: rgb(var(--2024_red));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
}
 
.collapsible-block-folded a.collapsible-block-link::before,
.collapsible-block-unfolded-link a.collapsible-block-link::before,
.collapsible-block-folded a.collapsible-block-link::after,
.collapsible-block-unfolded-link a.collapsible-block-link::after {
    margin: 0 0.5em;
    content: "▼";
    display: inline-block;
}
 
.collapsible-block-folded a.collapsible-block-link::before {
    animation-name: collapsible-arrow-spin;
}
 
.collapsible-block-unfolded-link a.collapsible-block-link::before {
    animation-name: collapsible-arrow-spin-back;
}
 
.collapsible-block-folded a.collapsible-block-link::after {
    animation-name: collapsible-arrow-spin-2;
}
 
.collapsible-block-unfolded-link a.collapsible-block-link::after {
    animation-name: collapsible-arrow-spin-back-2;
}
 
.collapsible-block-folded a.collapsible-block-link::before,
.collapsible-block-unfolded-link a.collapsible-block-link::before,
.collapsible-block-folded a.collapsible-block-link::after,
.collapsible-block-unfolded-link a.collapsible-block-link::after {
    animation-duration: 300ms;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32, .38, .39, .94);
    animation-fill-mode: forwards;
}
 
.collapsible-block-content {
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
    background-color: rgb(var(--2024_black));
    padding: 1px 1rem;
    color: rgb(var(--2024_white));
}
 
.sponsor table {
    width: 100%;
    color: rgb(var(--2024_black));
}
 
.sponsor table {
    border-top: 0.2rem solid rgba(var(--2024_red), 0.6) !important;
    border-bottom: 0.2rem solid rgba(var(--2024_red), 0.6) !important;
}
 
.sponsor table tr {
    display: grid;
    grid-template-areas: 'name con' 'name req' 'name rew';
    grid-template-columns: 7.5em auto;
    border-top: none !important;
    border-bottom: 0.3rem transparent solid !important;
}
 
.sponsor table tr:nth-last-child(1) {
    border-bottom-width: 0 !important;
}
 
.sponsor table tr td:nth-child(1) {
    grid-area: con;
    border-right: none !important;
    border-top: none !important;
}
 
.sponsor table tr td:nth-child(1)::before {
    --wght: 700;
    content: "赞助用户："
}
 
.sponsor table tr td:nth-child(2) {
    --alt-accent: var(--2024_alt-dead-link);
    --link-color: var(--2024_alt-link);
    --hover-link-color: var(--2024_alt-hover-link);
    --visited-link-color: var(--2024_alt-visited-link);
    --wght: 700;
    white-space: normal;
    grid-area:name;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    color: rgb(var(--2024_white));
    background-color: rgb(var(--2024_red));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
    text-align: center;
}
 
.sponsor table tr td:nth-child(3) {
    grid-area: req;
    border-right: none !important;
    border-top: none !important;
}
 
.sponsor table tr td:nth-child(3)::before {
    --wght: 700;
    content: "成就条件："
}
 
.sponsor table tr td:nth-child(4) {
    grid-area: rew;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
}
 
.sponsor table tr td:nth-child(4)::before {
    --wght: 700;
    content: "青睐奖励："
}
 
#main-content [id*=u-credit] div.modalbox {
    background: rgb(var(--2024_black)) !important;;
    color: rgb(var(--2024_gray));
}
 
#main-content [id*=u-credit] div.modalbox > div:first-of-type {
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
}
 
#main-content [id*=u-credit] div.modalcontainer div:nth-child(1) > h2 {
    margin-top: 0;
    margin-bottom: 0;
}
 
#main-content [id*=u-credit] .credit.first {
    display: block;
}
 
#main-content [id*=u-credit] div.modalbox > hr {
    margin: 0;
    height: 0;
    border: none;
}
 
#main-content [id*=u-credit] .credit.first p {
    margin: 1em 0;
    padding: 0;
}
 
#main-content [id*=u-credit] div.creditBottomRate {
    margin: 0 0 1em;
    padding: 1rem 0 0;
    box-shadow: none;
}
 
#page-content .licensebox a.collapsible-block-link {
    margin-left: 0;
    opacity: 1;
    color: rgba(var(--2024_white), 0.5);
    transition: background-color 300ms;
}
 
#page-content .licensebox a.collapsible-block-link:hover {
    color: rgba(var(--2024_white), 1);
}
 
/* DIV */
.darkblock a,
.dark-styled-quote a {
    color: rgb(var(--link-color));
}
 
.darkblock a:visited,
.dark-styled-quote a:visited {
    color: rgb(var(--visited-link-color));
}
 
.darkblock a:hover,
.dark-styled-quote a:hover {
    color: rgb(var(--hover-link-color));
}
 
.darkblock a.newpage,
.dark-styled-quote a.newpage {
    color: rgb(var(--newpage-color));
}
 
blockquote,
div.blockquote {
    --alt-accent: var(--2024_alt-dead-link);
    --link-color: var(--2024_alt-link);
    --hover-link-color: var(--2024_alt-hover-link);
    --visited-link-color: var(--2024_alt-visited-link);
    background: rgb(var(--2024_red));
    color: rgb(var(--2024_white));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
    border: 2px solid rgba(var(--2024_white), .6);
}
 
div.lightblock {
    --alt-accent: var(--2024_alt-dead-link-2);
    --link-color: var(--2024_alt-link-2);
    --hover-link-color: var(--2024_alt-hover-link-2);
    --visited-link-color: var(--2024_alt-visited-link-2);
    margin-left: 0;
    background: rgb(var(--2024_gray));
    color: rgb(var(--2024_black));
}
 
div.paperblock {
    padding: 0.1rem 1rem;
    background: rgb(var(--2024_gray));
    color: rgb(var(--2024_black));
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23bbbbbb' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
}
 
div.darkblock {
    --alt-accent: var(--2024_alt-dead-link);
    --link-color: var(--2024_alt-link);
    --hover-link-color: var(--2024_alt-hover-link);
    --visited-link-color: var(--2024_alt-visited-link);
    margin-left: 0;
    background: rgb(var(--2024_red));
    color: rgb(var(--2024_white));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
}
 
div.darkerblock {
    background: rgb(var(--2024_black));
    color: rgb(var(--2024_gray));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
    padding: 0.1rem 1rem;
}
 
div.styled-quote {
    --alt-accent: var(--2024_alt-dead-link-2);
    --link-color: var(--2024_alt-link-2);
    --hover-link-color: var(--2024_alt-hover-link-2);
    --visited-link-color: var(--2024_alt-visited-link-2);
    margin-left: 0;
    background: rgb(var(--2024_gray));
    color: rgb(var(--2024_black));
    border-color: rgb(var(--2024_red));
}
 
div.dark-styled-quote {
    --alt-accent: var(--2024_alt-dead-link);
    --link-color: var(--2024_alt-link);
    --hover-link-color: var(--2024_alt-hover-link);
    --visited-link-color: var(--2024_alt-visited-link);
    margin-left: 0;
    background: rgb(var(--2024_red));
    color: rgb(var(--2024_white));
    border-color: rgb(var(--2024_gray));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
}
 
div.darker-styled-quote {
    padding: 0.1rem 1rem;
    background: rgb(var(--2024_black));
    color: rgb(var(--2024_gray));
    border-left: 0.5rem solid rgba(var(--2024_red));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
}
 
div.styled-quote hr,
div.lightblock hr {
    background: rgba(var(--2024_black), .6);
}
 
blockquote hr
div.blockquote hr,
div.dark-styled-quote hr,
div.darkblock hr {
    border-color: rgba(var(--2024_white), .8);
}
 
div.paperblock hr {
    --alt-accent: var(--2024_alt-dead-link-2);
    --link-color: var(--2024_alt-link-2);
    --hover-link-color: var(--2024_alt-hover-link-2);
    --visited-link-color: var(--2024_alt-visited-link-2);
    display: grid;
    height: 6px;
    background: rgba(var(--2024_red), .6);
    border: none;
    transform: skew(-15deg);
    border-radius: 3px 8px 10px 6px;
}
 
div.code {
    background: rgb(var(--2024_black));
    color: rgb(var(--2024_white));
    border: 0.2rem solid rgba(var(--2024_red), .6);
}
 
/* BUTTONS */
div#page-options-bottom > a,
div#page-options-bottom-2 > a {
    background-color: rgb(var(--2024_red));
    color: rgb(var(--2024_white));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
}
 
div#page-options-bottom > a:focus-within,
div#page-options-bottom-2 > a:focus-within {
    text-decoration: none;
}
 
.owindow .button-bar a,
a.button,
button,
div.buttons input,
file,
input.button {
    border-color: rgb(var(--2024_black));
    background-color: rgb(var(--2024_red));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
    color: rgb(var(--2024_white));
}
 
.owindow .button-bar a:hover,
a.button:hover,
button:hover,
div.buttons input:hover,
file:hover,
input.button:hover {
    border-color: rgb(var(--2024_black));
    background-color: rgb(var(--2024_gray));
    color: rgb(var(--2024_black));
}
 
/* PAGE TAGS */
 
#main-content .page-tags {
    border-top: 0.2rem solid rgb(var(--2024_red));
    position: relative;
    margin-top: 2rem;
}
 
.page-tags:before {
    color: rgb(var(--2024_gray));
    content: "TAGS";
    font-weight: bold;
    font-size: 85%;
    background: rgb(var(--2024_red));
    padding: 0.1rem 0.3rem;
    margin: 0;
    display: block;
    width: fit-content;
    position: absolute;
    bottom: 1.4rem;
    left: 0;
}
 
#main-content .page-tags span {
    border-top: none;
    padding-top: 3px;
}
 
.page-tags span a:nth-child(1) {
    margin-left: 0;
}
 
/* OTHERS */
::selection {
    background: rgb(var(--2024_purple));
    color: rgb(var(--2024_white));
}
 
::-moz-selection {
    background: rgb(var(--2024_purple));
    color: rgb(var(--2024_white));
}
 
#footer {
    white-space: nowrap;
    padding: 0.2rem;
    align-items: center;
    height: auto;
    font-size: calc(var(--base-font-size)*.75);
}
 
#footer .options {
    display: flex !important;
    flex-wrap: wrap;
    border: none;
    font-size: 0;
    padding-right: calc(var(--base-font-size)*.75*.4);
}
 
#footer .options a {
    font-size: calc(var(--base-font-size)*.75);
    box-shadow: .0625rem 0 0 0 rgb(var(--2024_red));
    padding: 0.2em;
    padding-right: 0.4em;
    margin: 0.2em;
}
 
#license-area {
    background: rgb(var(--2024_red));
    background-image: var(--2024_pattern);
    background-repeat: repeat;
    background-size: 80px auto;
    color: rgb(var(--2024_gray));
    padding: 0.5em 0;
}
 
#license-area a {
    color: rgb(var(--2024_gray));
}
 
.avatar-hover {
    display: none !important;
}
 
.printuser img.small {
    padding-right: 3px;
}
 
#page-info-break {
    height: 0.8rem;
}
 
#page-options-container {
    margin-bottom: 0.5em;
    display: grid;
    grid-template-areas: 'info watch' 'option1 option1' 'option2 option2';
    max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
}
 
#page-options-container #page-info {
    grid-area: info;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 0.65rem;
}
 
#page-options-container .page-watch-options {
    grid-area: watch;
    margin: 0;
    padding: 0;
    font-size: 0.65rem;
}
 
#page-options-container #page-options-bottom {
    grid-area: option1;
    margin-top: 0.5rem;
}
 
#page-options-container #page-options-bottom-2 {
    grid-area: option2;
}
 
#page-options-container #page-options-bottom,
#page-options-container #page-options-bottom-2 {
    width: 100%;
}
 
.hl-code,
.hl-identifier,
.hl-brackets {
    color: rgb(var(--2024_gray));
 
}
 
.hl-string,
.hl-special {
    color: rgb(96, 39, 212);
}
 
#who-rated-page-area > div > span[style*=color] {
    color: rgb(var(--2024_gray)) !important;
}
 
/* ICONS */
.infomark::before {
    content: "\f05a";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}
 
/* MOBILE */
#license-area {
    bottom: 0;
    width: 100%;
    padding-top: 0.5em;
}
 
#top-bar div.mobile-top-bar {
    height: var(--topbar-height-on-mobile);
}
 
@media only screen and (max-width: 768px) {
    :root {
        --rating-module-height: 1.5em;
    }
 
    #content-wrap {
        margin: var(--topbar-height-on-mobile) auto 0;
    }
 
    #page-content {
        font-size: 0.95em;
    }
 
    #page-options-container {
        grid-template-areas: 'info info' 'watch watch' 'option1 option1' 'option2 option2';
    }
 
    #page-options-container .page-watch-options {
        text-align: left;
    }
 
    .sponsor table tr {
        grid-template-columns: min-content auto;
    }
 
    .sponsor table tr td:nth-child(2) {
        white-space: normal;
    }
 
    .sponsor table tr td:nth-child(1)::before {
        content: "赞助用户"
    }
 
    .sponsor table tr td:nth-child(3)::before {
        content: "成就条件"
    }
 
    .sponsor table tr td:nth-child(4)::before {
        content: "青睐奖励"
    }
 
    .sponsor table tr td:nth-child(1)::before,
    .sponsor table tr td:nth-child(3)::before,
    .sponsor table tr td:nth-child(4)::before {
        display: block;
    }
 
    #license-area {
        padding: 0.8em 0;
        height: auto;
    }
 
    #license-area a {
        display: block;
    }
}

生存难度：生存難度：

等级等級 5

• {$one}
• {$two}
• {$three}

---

翻译者须知：

从 2026 年 5 月 20 日起，后室英文维基开始使用层级等级（后室英文维基），全面替代此组件。最终的结果是，此组件从 component:level-class 变成了 component:old-level-class；而 component:level-class 则被替换成了上述的新组件。

这导致后室英文维基所有使用了生存难度分级组件的页面，都自动更新成另一版本。中文维基不会跟进这一改动，亦不会重命名此组件。译者可以自由选择在翻译过程中应用新版组件，使之与原文相同；也可以继续使用此组件，即不改动 [[include]] 代码。

除了外形有所变化，新组件还新增了 1E-5E 的环境危害分级，并稍微扩展了自定义维度；因此部分页面可能有必要更换为新组件，才能正常显示。请译者自行甄别。

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

Level ML-30是后室ML层群的第31层

描述：

Level ML-30表现为一处巨大的洞穴，此洞穴被认为由七个部分组成，在每个部分交界处的地形均为从一地地形直接转变为另一地地形而非存在间接性的过渡转变。当流浪者位于本层级时，其会注意到头顶上方的所有石头均存在光照，但流浪者无法看见太阳或云。目前并不清楚这些光照的来源。
本层级的温度因流浪者所处的位置不同而变化，但湿度总体较高。
在本层级的洞穴中，流浪者可以发现许多非前厅发现的任何岩石、矿石、水晶品种。大部分矿石十分坚硬，以目前的开凿技术无法大规模进行开采，因难以破坏的特性无法被用于制作工具。仅吉克水晶与弗洛斯韦恩的部分矿石能够被大量开采并作为B.N.T.G.常用来交易的贵重饰品。

龙：

龙是位于本层级唯一的一种实体，在洞穴中的每个区域均有广泛分布，这些龙形态各异，但多数表现为前厅各地区神话中的龙形象。在不同区域的龙通常存在不同的外观及其行为特征，若任何龙离开本层级，那么其将会在离开后的30天内死亡，在此期间，龙必须返回本层级，或服用龙素水以确保存活。¹

地区：

在本层级的洞穴中，总共存在6个面积基本相同，环境各异的不同地区，其包含截然不同的地形地貌、植被分布和龙的种类，其具体资料如下表所示。

弗洛斯韦恩

弗洛斯韦恩靠近爱考斯前哨的一处洞穴

弗洛斯韦恩是存在于本层级东部的一处错综复杂的洞穴，其洞穴内部通常存在橙红色岩石晶体，这些晶体可以被用于铸造盔甲及武器，部分晶体通常难以开采，必须使用高强度炸弹进行爆破。洞穴内部岩石呈现黑色或深棕色，地面上可能存在少量稀疏的杂草，洞穴中的岩石极难被人为破坏。位于此处的洞穴地面通常存在极大的落差，大部分地区的落差高度位于10-15米之间，且极难被发现，这可能导致流浪者在未携带移动光源在此处走动时掉下断崖并受伤或死亡。

弗洛斯岩钉群：

弗洛斯岩钉群位于弗洛斯韦恩的中心地带一处23米深的坑中，其中由4根12-13.5米高的岩钉组成，岩钉上通常存在一些不明意义的符号或涂鸦，且当流浪者靠近岩钉时，其总会发自内心的对岩钉产生一种向往感及敬畏感，这通常会导致流浪者试图不顾一切接近坑中的岩钉，并直接跳入岩钉所在的深坑中并骨折或死亡。
进入坑中除本层级矿物及实体外的任何物体都将在45-65分钟后被岩钉消除。

吉奥龙：

吉奥龙存在于弗洛斯韦恩的大部分地区，以岩石中的矿物为食。其通常呈现棕色或暗黄色，幼年吉奥龙通常表皮光滑且坚硬，而成年吉奥龙则通常在表皮上含有鳞甲，且头部存在龙角。
吉奥龙通常筑穴于弗洛斯韦恩的黑暗处，巢穴中一般为3-6只龙群居，成年吉奥龙通常能够使用头部坚硬的龙角以劈开洞穴中坚硬的岩石，并能够以建立的龙爪爬行于洞穴岩壁上，一般对流浪者无明显敌意，但若流浪者闯入其巢穴，则巢穴中所有吉奥龙会通过一种未知方式向附近巢穴龙发起攻击信号并与其一同攻击闯入的流浪者，攻击中的吉奥龙会使用头部的角撞击流浪者身体上的任何部位，且其锋利程度可直接刺穿流浪者的躯干部位。当流浪者激怒吉奥龙时，仅能通过向龙群泼洒液态的金属或腰果水驱逐它们。期间流浪者应快速离开本区域。
使用铁矿或铁水可能能够驯服一只吉奥龙，但此方法成功概率较小。

爱考斯前哨：

爱考斯前哨位于弗洛斯韦恩的东北部的一处洞穴中，由50人组成，洞穴内包含基础的设施，150间可供居住的房间，3间厨房及6间厕所，10间驯龙室并存在15只已被驯服的吉奥龙，其在团体建立初期被用于开凿洞穴以便于建立可供成员居住的房间，现位于训龙室内供抚养。
前哨内部存在一间仓库，其中存放着爱考斯前哨所有成员的名单及加入时间，以及许多物资以提供给来到本层级的流浪者与前哨的所有成员。
据前哨长加尔（M.E.G.ML成员）所称，前哨内所有的水源均为由一只名为"哥罗德诺"的吉奥龙在开凿山洞时意外引出，这些水能够被饮用，且具有自我净化功能，现并不清楚水源位置，其似乎是无限长的。

安塞斯特尔

位于坎诺皮前哨附近的一处地下森林

安塞斯特尔是位于本层级东部的一处地下森林，其中存在以一种特定形式排列的树木，此种树木与前厅中的松树等植物相似，但通常包含多条气生根，此处洞穴的岩壁上通常存在杂草，地面上则通常存在苔藓，位于此处的树木被认为可以在本层级任何地区不需要泥土和水即能够存活。岩石地面上存在较多的水坑，这些水坑的深度通常在0.02米以上，且最深深度可达到5米及以上。本区域水坑中任何水的组成成分与Level 0中地毯中的水组成部分物质相同，因此不建议流浪者饮用，且其内部可能存在实体的排泄物。

赫里蒂奇神殿：

赫里蒂奇神殿位于安塞斯特尔的东部地区，其外观形似前厅中的吴哥窟。其内部分为大厅与走廊两部分。大厅存在多根巨大的绿色石柱以支撑神殿。这些石柱表面也通常存在一些符号，石柱上的符号通常为一些简单的几何图形，或是本层级不同区域的龙的图案，这些图案无法被正常擦拭，且大部已经出现了褪色。
其内部的走廊通常呈多种形式的交错，每条走廊约宽1-3米左右，高约5米左右，走廊内部的空间相对较为昏暗，且任何的光照设备均无法在此处使用，若有光线从神殿外进入神殿走廊内，则其会直接被反射至神殿外。
走廊的两端通常连接着其它的房间，这些房间通常大小不一，面积约在15-130平方米之间，内中存在大量的关于本层级各处的地貌记录，画作及其它艺术作品等，但均被灰尘及蜘蛛网覆盖，通常已经模糊至无法看清。房间的角落中通常也存在一些物资，但也常被灰尘覆盖，当流浪者食用这些物资后，可能会在5-10分钟内出现头晕，恶心等症状，但其会在2天后逐渐消退，且可以提供给流浪者其所需要的营养。
神殿的墙壁主要使用弗洛斯韦恩一种特殊的岩石砌成，其非常之坚硬且无法被任何工具破坏，且声波无法穿过此种岩石并会直接反弹至生源处，且返回的声音通常较原声较大。

丹卓龙：

丹卓龙分布于安塞斯特尔地区，以安塞斯特尔的草木为食，其体表通常覆盖着一层紧密排列且形态规则的鳞片。鳞片形状多为菱形，边缘光滑且略有弧度，且彼此之间贴合紧密，其颜色一般为绿色。
丹卓龙一般为2-4只群居，成年丹卓龙可以使用其爪子进行快速的奔跑与跳跃，并且能够在短时间内快速跳过35米的路程。其性情较为温顺，但若流浪者多次对其进行挑衅或攻击行为，其可以将胃中的草吐出至流浪者身上以作为警告，若流浪者未采取任何行动，则其会使用锋利的脚爪快速扑向流浪者，并进行攻击，若附近存在其它的丹卓龙，则其也会进行助战，丹卓龙的脚爪上通常含有丹卓素，若丹卓素随伤口进入流浪者身体，则必须迅速前往坎诺皮前哨接种丹卓疫苗，否则极有可能在24小时内死亡。当流浪者被丹卓龙攻击时，应尽量向其背后投掷重物或树枝以引开丹卓龙，若流浪者直接逃跑，则很有可能被丹卓龙追上并被杀害。

坎诺皮前哨：

坎诺皮前哨位于安塞斯特尔的西部，由前U.E.C.成员伊纳建立，现内部成员有67人，其建立于多棵树木上的平台，通过长梯与地面连接，且包含基础的物资以及设施，其中内部存在67个单独房间24间可供流浪者短时间居住的房间，4间驯龙室及6只丹卓龙，其在团体建立初期被用于快速往返地面以便于运送建立前哨的材料，现位于训龙室内供抚养。
前哨的最东部存在一间占地面积约为4500平方米的仓库，其内部存放着多种实验用设施，赫尔墨斯装置，草盐及日常物资。前哨长伊纳允许任何流浪者在需要帮助时带其离开本层级。
前哨站不允许任何属于弗洛斯韦恩的物体进入，包括吉奥龙和爱考斯前哨的成员，否则可能会被从仓库中的秘密通道中流放。

托亚克斯普林斯

位于纳图斯普林斯前哨附近的一处地下水域

托亚克斯普林斯位于本层级的最南部，其主要表现为一处溶洞，溶洞高约10-12米左右，其中多分布着大小和形态各异的钟乳石，这些钟乳石的长度大部分介于 0.3米至4米之间，且表面有着清晰的水流侵蚀印记，且这些钟乳石通常都呈现为不规则的弯曲和分叉形态，且水滴会以固定速度从钟乳石尖端滴下。这些钟乳石存在明显的松动迹象，当流浪者从钟乳石群下方缓慢经过时，洞顶大量的钟乳石可能会随之落下，并直接刺穿流浪者的身体。
此处地面存在极多的水坑，其中的水多呈现淡蓝色²，这些水坑的直径约在5米至24米左右，深度则在0.2米至2.1米左右，此处地面高度约在0.2米-2.3米左右，且落差较大，遍布小型瀑布，其高度约在0.8米-1.7米左右，水底沉淀着少量淡蓝色的岩石碎屑与少量泥沙。且组成此处水底碎石及泥沙的物质已被证实仅存在于本层级的此地区。若流浪者饮用位于此处水坑中的水，其腐蚀性会迅速腐蚀流浪者的口腔黏膜并灼伤食道引发剧烈呕吐及出血，并使流浪者阴失血过多而昏迷死亡。
此处岩石地面存在蓝绿色的杂草及少量树木稀疏分布，且这些树通常树枝稀疏，并有部分枝头枯萎。

法尔斯蒂夫斯艾尔岛：

法尔斯蒂夫艾尔岛位于托亚克斯普林斯东南部，其与托亚克斯普林斯中间的地区均为水域连接，岛屿连接处的水深约4.7米，与托亚克斯普林斯距离约为2.1km左右。岛屿四周的水滩上被发现存在大量的混合着少量贝壳碎片或鱼虾尸体等的被海水冲上岸的藻类残骸³，且水滩的水位会随时间在-0.5米-1.2米之间的高度不断变化，其一般为每10小时变化4厘米左右。
岛屿中央存在一座小山，其海拔约125米，但山体坡度较陡，其中构成山体的岩石类型主要为石灰岩，山体表面部分岩石表面有风化侵蚀形成的孔洞与裂缝。其上方通常覆盖杂草，而山上则不存在任何树木。

海得若龙：

海得若龙分布于托亚克斯普林斯地区，其身体呈流畅的长条状，头部相对较小，但表皮坚韧且覆有一层具光泽的角质鳞片，主体呈青蓝色，且头部，背部都广泛存在规则分布的青蓝色或黑色粗壮条纹。
成年海得若龙⁴通常以4-5只群居，且居住于托亚克斯普林斯的水域内，其可以在任何地区的至少水深0.3米的区域快速游动，且速度最高能够达到26米/秒左右，其前爪锋利，能够在水中波动时借助水花力量使全身以翻滚的形式从而向空中跳去，其最高能够跳跃5-8米左右，且空中翻滚的距离可达到178米左右，翻滚时速度大约在28米/秒左右。
幼年海得若龙通常性格温顺，但成年海得若龙通常具有略强的攻击性，成年海得若龙通常在发现流浪者后，会从水体中迅速游至流浪者附近并使用前爪和后爪同时攻击流浪者，且进行一次攻击后，海得若龙会朝远离流浪者得方向游去，并在1-2秒后迅速游回，并再次攻击流浪者，直到流浪者已经无法保持站立和行动。若有海得若龙攻击流浪者，则流浪者应当迅速向远离水坑的地区跑去。若海得若龙不在水体内，则其将移动十分缓慢并基本无攻击力，且会在12分钟内死亡。
驯服海得若龙被认为是十分困难的，仅纳图斯普林斯前哨拥有12只已驯服的海得若龙。

纳图斯普林斯前哨：

纳图斯普林斯位于托亚克斯普林斯西南部，由流浪者卡鲁⁵建立，现任前哨长为卡拉穆奇，前哨站目前共有30人，其主要为一座船型房屋建筑，称为主房屋，位于此处的一处巨型水坑上，房屋长约80米，宽约20米，内部包含驯龙室，资料库，前哨成员住所等。房屋内部主要采用来自夸瓦坎地区的木材，且内部拥有华丽的装饰。
主房屋的西侧为资料库，其中存放纳图斯普林斯前哨自建立以来的历史及其对托亚克斯普林斯地区探索的日志及记录，其东侧为驯龙室，其中包含12只海得若龙，均由原前哨长卡鲁花费1-2年的时间驯服，且海得若龙在被驯服前是极其敌意的，这也导致了卡鲁在驯服海得若龙时曾遭到多次咬伤，主房屋外侧由有一楼梯，向上即抵达二层，为前哨站成员住所，其中包含衣柜，床，厕所等生活空间，内部也多包含物资，但仅供前哨站内部成员使用。
前哨主房屋附近有27座小型房屋环绕，其中有5处为物资储存仓库，其余22处则为提供给来到此处的流浪者的住所，且住所内也通常包含少量可供流浪者使用3-4天的物资。
该前哨暂不开放其它流浪者加入。

夸瓦坎

位于弗劳尔费瑟前哨的一处角落

夸瓦坎位于本层级西部地区，在弗洛斯韦恩西部，此处地形类似于安塞斯特尔，但此处地面的岩石上通常有大量杂草覆盖，且树木为无规律的排布，且此处地形多有起伏，但落差较小。
夸瓦坎的树木已被证实为不属于现已发现的任何树种，但其中多和樟科，桑科植物相似。且多数树木的木材能够拥有较好的耐湿能力，且通常较为坚硬。
与安塞斯特尔不同的是，夸瓦坎的地面上通常不存在水坑，且当水流至地面时，其会在1-2分钟内被地面的岩石吸收，以供给地面上的草生长。

卡纳特兰：

卡纳特兰是位于夸瓦坎的西北部的一处沙洲，其中央存在一块高度约为10米，宽约16米的由玄武岩构成的不规则巨石。其顶部平坦，存在少量苔藓，流浪者触摸巨石后，手部会感受到一阵凉意，随后，流浪者会失去知觉并晕倒在地。进入到卡纳特兰的所有事物将在停留48小时后消失，任何对该巨石包围封锁的尝试均以失败告终。
此外，沙洲周围散落着大量长短不一的白色骨骼，触感冰冷⁶且异常坚硬。

奎库龙：

奎库龙分布于夸瓦坎地区，拥有红色羽毛，外形与火烈鸟较相似，头部细小，并具有可长途飞行的双翼，颈部极长，成年的奎库龙颈部长度可达约3-5米，其双腿修长，且可任意卷曲。
奎库龙主要以夸瓦坎的树叶为食，通常单个活动。幼年、成年奎库龙均温顺，不主动表现出攻击流浪者的意图，且易被驯服，对其主人有强大的忠诚。飞行时，奎库龙将连续挥动翅膀，持续飞行可达2个小时，飞行速度可至6.5m/s。奎库龙同样具备耐受炎热和高温的能力，但不适应接触水体，其接触水之后，通常表现为持续时间不定的癫狂。此时奎库龙会主动攻击周围除同类外的一切其它生物，且可轻松致命
幼年奎库龙通常不具备飞行能力。所有的幼年奎库龙均在成年前保持一致不变的幼年形态，但在成年时会迅速生长为成年形态，并同时具备所有成年奎库龙拥有的能力。奎库龙的寿命可达超过75年。

弗劳尔费瑟前哨：

弗劳尔费瑟前哨位于夸瓦坎中央位置，由30名流浪者组成，整个前哨建立在无数的彩色的、大小不一的热气球之上，其仅拥有前哨内部人员的居住区域、仓库区域和奎库龙的训练区域，该前哨中央为一吊篮半径约55米的巨型热气球，上包含约4500只奎库龙，用于探索和保护前哨安全。
若流浪者需要帮助，可在热气球下方挥手，前哨内部人员会投下适量的食物、水进行资助。

特奥埃托诺科

位于特奥埃托诺科地区的一处山洞

特奥埃托诺科同样位于本层级西部，在夸瓦坎的南部，此处地形大体较平坦，地面为深紫色坚硬岩石，且在岩壁、地面上可见到众多的图案，这些图案通常色彩鲜明，内容多以生活事件为主。若图案被擦除，其将会在约10小时后恢复，转换成内容不一的其它图案。目前，这些图案的来源未知。流浪者若长时间直视图案，可能出现极度的悲伤之情，且做出怪异举动。
特奥埃托诺科不存在任何植被，地面存在少量的积水。若将外界植物带入此处，其通常表现为叶片在5分钟内迅速枯萎，且根、茎会迅速塌陷。
特奥埃托诺科的一些地区常弥漫紫色浓雾⁷，能见度通常不足5米，若流浪者长期吸入浓度，会逐渐感到身体疲惫、乏力，且需要在离开此处后很长一段时间⁸方可恢复。

奈特温德巨石：

奈特温得巨石位于特奥埃托诺科的中部地区，其表现为一块紫黑色，长约500米，宽约200米，高7米且表面平整的巨大石块，其四周均为近乎90°垂直的悬崖，需借助工具上下。
奈特温得巨石顶端的风速明显强于地面，平均风速可达接近20-25米每秒，也使得巨石顶部从不出现迷雾。

伊克托米龙：

伊克托米龙分布于特奥埃托诺科地区，且主要集中在雾气浓重区域。其通常身材矮小，幼年伊克托米龙平均身高仅30-50厘米，成年多在1米左右，体表通常遍布蓝白色的绒毛，双腿极其短小，近乎退化。导致其移动速度缓慢，但无论是幼年、成年伊克托米龙，均具备强大的跳跃能力，单次的跳跃可达5-9米高度，且身体两侧有短小的两翼，仅具备缓慢降落的能力。若流浪者在伊克托米龙旁，则较少受到此处雾气带来的影响。
伊克托米龙性情温顺，通常2-3只共同活动。多在岩洞内游荡。其会清理岩壁上的图案。具体过程为站立在图案前方，张开双臂，身体面对图案，约5-10秒之后，图案会暂时消失。伊克托米龙不易驯服，多位于奈特温得前哨内，由成员集体组织清理岩壁上的图案。

奈特温得前哨：

奈特温得前哨位于奈特温得巨石正上方，其入口位于巨石北侧，通过可伸缩的长梯与地面相连，前哨站由流浪者比拉姆在此建立，目前成员共有15人，前哨内拥有基础的生活设施。此处的房屋均为使用特奥埃托诺科的岩石来搭建，以抵抗巨石上强大的风速。前哨内拥有约50只伊克托米龙，并在每一天定期清理岩壁图案。前哨的仓库内存放着大量关于此地区的探索记录（保密）和生活物资。该前哨同样欢迎流浪者暂住和补给。

科莱克提夫

科莱克提夫冒着热气的火山口

科莱克提夫位于整个山洞的最西侧，位于特奥埃托诺科的西南方向。此处中央为科莱克提夫火山，四周为平坦地区，外围环绕水体。地面通常由红棕色的岩石、沙砾构成，岩壁由深灰色、黑色的坚硬岩石构成。
科莱克提夫的环境温度十分高，终年恒温51-56℃，且保持洞内高湿环境。若流浪者不做任何防备进入，可能导致严重的皮肤受伤和中暑。科莱克提夫不存在任何植被分布。

科莱克提夫火山：

科莱克提夫火山位于科莱克提夫地区中央地带，海拔高1825米。此处的环境温度在山中间至山脚高度最低，约40-45℃，火山口温度可达350℃。火山表面主要为较地面颜色更浅一点的棕红色岩石。火山至今没有记录到直接喷发的记录，但火山口持续有高热物质喷出。科莱克提夫火山的坡度极大，坡角在最陡处可达75-80°。
科莱克提夫火山上同样存在较大的风，且风速最高可达约35米每秒，至今无任何流浪者成功登顶山峰的记录，且此处的塔坦卡龙也无法忍受火山上部的高热。

塔坦卡龙：

塔坦卡龙分布于科莱克提夫四周的平地上，通常体型宽大，长可达5-6米，高约1.5-2米，体表分布淡紫色、灰白色鳞片，拥有四条短而有力的退。塔坦卡龙通常3-4只一起行动，移动速度同样缓慢，以撞击此处的岩石，将岩石分成碎片作为食物。撞击时，塔坦卡龙会迅速冲向待撞击物体，并释放出巨大的力量⁹。
幼年的塔坦卡龙通常性情温顺，而成年塔坦卡龙通常对流浪者保持一定程度的警惕，若流浪者贸然接近塔坦卡龙，尤其是幼年塔坦卡龙时，其会迅速反击，以上述的同样力度攻击流浪者。且会组织周围的其它塔坦卡龙食用流浪者的尸体。塔坦卡龙通常较难驯服，需持续不停投喂大量的此处石块才有一定概率将其驯服。

科莱克提夫前哨：

科莱克提夫前哨位于科莱克提夫火山北侧，海拔约465米处的山腰上一处人工开凿的，面积为700平方米的山洞内，其内部高约4.5米，包含基本的生活设施、降温设施和训龙区。
为了防止外界热量进入，科莱克提夫前哨使用五层厚重的钛合金门进行阻挡。得益于降温设施，该山洞内环境温度恒温并保持在23-25℃。而驯龙区则包含15头塔坦卡龙。
该前哨最初由第一个到达科莱克提夫的流浪者尝试建立，目前共有24名成员，主要从事对此处环境的记录，对塔坦卡龙的研究和对流浪者的帮助。该前哨会将物资装入密封盒内并投至门外，供流浪者自行拾取。前外外界行动时，前哨成员会穿着使用塔坦卡龙鳞片制成的耐高温服装以保护自身。

M.E.G.ML 龙穴基地

该基地为M.E.G.在层级正中央位置的一个中型营地，位于安塞斯特尔以西，托亚克斯普林斯以北，特奥埃托诺科东南。共有19名成员，主要负责对周围一带的探索和对路过流浪者及其余部分前哨的帮助活动。

入口和出口：

入口：

• 在Level 8找到一个散发热气的洞口并进入，便可来到此层级的科莱克提夫地区。
• 在Level ML-24的老旧的街区找到一个矿井并跳入，可来到此层级的弗洛斯韦恩地区。
• 在洞穴中切出可能来到本层级的任意位置。

出口：

• 直接跳入科莱克提夫的火山口内可回到Level 8。
• 在弗洛斯韦恩东北部，进入一个由金属构成的防爆门将来到Level ML-31。
• 若在托亚克斯普林斯跳入水中，可来到Level ML-48。

---

作者信息

bedbadbed does not match any existing user name MCyuzhouRS
版式由Ambersight提供，原文链接：版式：2024，遵循 CC BY-SA 3.0 协议。
图片来源：网络公开素材及AI生成

Footnotes

1. 由B.N.T.G.为在Level ML-24建造后室实体观赏区而研发，可延长任何龙位于其它层级时的寿命5-8天左右

2. 水中过氧化氢浓度在约75%

3. 但并未在水中找到任何生命迹象

4. 海得若龙的成年年龄极短，约在1.5年左右

5. 已去世

6. 可能导致手部冻伤

7. 成分不详

8. 在5天至3个月不等

9. 足以撞碎金刚石和此处一些坚硬的岩石