Level 321 - “无垠艺术工作室”

+ 展开样式代码

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

生存难度：生存難度：

等级等級 3

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

---

如何使用：

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

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

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

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

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

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

---

自定义等级

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

使用 CSS 进行自定义：

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

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

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

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

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

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 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 321 是一系列蜿蜒曲折、充满艺术主题的彩色走廊与房间。我最近才发现了 Level 321，最初是在某个我不记得曾入睡的房间中，于一个颜料罐旁醒来时首次察觉到本层级的存在。遗憾的是，该层级是造物这一物种大部分个体的栖息地。

描述：

Level 321 是一个看似无穷无尽的层级，内部布满色彩斑斓的走廊，还有许多中小型房间。在较大的房间里，往往陈设着老旧的动画设备、分镜台，以及弗莱舍时代风格角色的海报。墙面也常以红、蓝、黄、白四色瓷砖铺就。与大多数层级不同，这里的走廊在功能上更接近于道路，布局近乎网格状，十分易于穿行。
该层级另外两个最显著的特征是：敌对实体极为常见，例如派对客、猎犬、娃娃脸以及幼年无面灵，这使得该层级与 Level 9 并列，成为生存难度最高的层级之一；同时，该层级无人居住区域具有强烈的艺术与创作主题性。

该层级无人区内的房间通常只是艺术工作室，或是装饰极为繁复的美术教室，里面摆放着各类可供自我表达或用于兴趣爱好的工具，但这些物品往往主要起到干扰作用。已发现数个来自失落一族等其他相关团体的前哨站遭到废弃，或因实体滋扰而很可能已被歼灭，毕竟这似乎是一个相对不为人知的层级。

[+] 查看录像记录

附录：2015 年 4 月 25 日

M.E.G. 特工盖奇制作的探索日志节选。

[日志开始 ]

特工盖奇调整着他随身摄像头的焦距。

摄像头画面抖动片刻后稳定下来。

特工盖奇：得，终于搞定了。他沮丧地叹了口气。

特工盖奇：我来此是为了记录你们“国家”所处的这个层级的重要信息。他在座位上微微颤抖。

特工盖奇：我也不清楚为什么，总部派我下来记录你们这个领域，他们就说了这些。所以第一个问题。你们最常遇到的实体具体是哪些？

卡尔森将军：接受采访的那个“造物”是一个咖啡杯。他微笑着，说话略带挪威口音。嗯，虽然我们已经在我们目前居住的区域消灭了它们，但在这片你们称之为“层级”的地方，我们仍不得不继续清除那些恶魔般的害兽，比如娃娃人、猎犬、派对客，还有那些小小的无面人。

画面外传来沙沙的书写声。

特工盖奇：现在是 2015 年 4 月 10 日，星期四，上午 8 点 29 分，我正在执行此次采访。

卡尔森将军挪了挪身子，腰间的剑撞在椅腿上，发出叮当声。

卡尔森将军：你一定还想知道别的什么吧。

特工盖奇：稍等一下。我需要把了解到的记下来。

又传来一阵书写声，随后卡尔森将军刚要开口，就被盖奇打断了。

特工盖奇：好了。那么，议程上的下一个问题。这个层级最显著的特征是什么？

特工盖奇喝了口东西。

卡尔森将军：我需要你耐心一点，我来描述一下。

特工盖奇叹了口气。在画面边缘，另一个 Entity 115 的实例朝他挥手，但他没有理会。

卡尔森将军：那么，在这个领域无人居住的区域里，主要有两种房间：空置的美术教室，以及更小的、类似单人使用的卧室。我们会把前者中的大部分改造成我们社会所需的其他用途，但它们最初通常就是那个样子。

特工盖奇：有道理。关于摄政区之外的层级是什么样，还有哪些是我们应该知道的？

卡尔森将军停顿了一下，斟酌着措辞。
卡尔森将军：我已经解释过，摄政区边界之外的层级区域，到处都是派对客、猎犬、无面灵、窃皮者、牧蛇，还有那些该死的娃娃恶魔。有几种非敌对实体，是一些我们驯养的小型羽毛生物，你们称之为“欺诈鸟”。但最有趣的一点是，曾经有那么多人类试图在那里定居。

特工盖奇：真的吗？

卡尔森将军：普通人类之前尝试建立过前哨站，蓝民也试过。问题在于，他们的规模从来都不够大，无法在无援的情况下抵御那些实体，所以这些前哨要么覆灭，要么只撑到我们找到他们、把他们纳入保护为止。因此，我们发现了数个由其他团体（比如“失落军团”）成员在数世纪间建立的废弃哨站。

特工盖奇：这……真让人不安。

将军点了点头。
卡尔森将军：我们算是走运了。

[录像带结束]

注：此日志于 2015 年 5 月 3 日由一名路人在 Level 11 发现。特工盖奇因遗失该录像带目前正接受训斥。

M.E.G. 公告

根据此录像带的发现，Level 321 已被评定为不安全，但稳定。建议来访者保持谨慎。

基地、前哨和社区

基地 321-1，“Tau 基地”

Tau 基地是一座小型基地，充当着 M.E.G. 及摄政首府 Jarlford（读作“yarl-ferd”）附近其他几个相关团体的外交、勘探与贸易前哨，也常作为人类、扫兴客和造物寻求安全进出 Level 321 的中转站。该基地被视为 M.E.G. 基地网络中较为安全的一处，因为摄政首府的士兵会协助在基地内严格执行反暴力政策。若你正受困于成瘾问题，亦可在此找到能提供援助的人。

入口和出口：

入口：

• 最佳方法是在 Level 13 房间的地板上手持速写本入睡，醒来后便会抵达 Level 321；该方法同样适用于从 Level 184 进入。
• 在 Level 57 切入一幅绘有美术用品桌子的画作，也可抵达此处。
• 据称，部分 Entity 68 曾从 Level 231 切入 Level 321，但具体方式始终未得到明确说明。

出口：

• 如果你发现一扇门上贴着一捆麦穗和一把锤子的图案，走进这扇门将会带你进入 Level 184。
• 切入艺术支架或画架会将你传送至 Level 57。
• 切入冰箱会将你传送到 Level 6.1。

---

找回遗失文件。是否开启？

IETS：2B

IETS

威胁脅：2

智能：B

造物

一幅普拉特·格里姆的素描，他是我们的一名特工，属于造物。

栖息地：Level 321、184、11，可能还有其他层级。

描述：

Level 321 的主要居民是“造物”。他们拥有智慧，且行为举止与人类惊人地相似。他们通常呈现出常见人造物品的外形，并带有卡通化的四肢和面部特征。他们是后室中已知极少数建立了独立的非人类文明的物种之一，而且其性情也惊人地类人。因此，比起像描述动物那样从科学角度去说明，从文化层面来描述他们反而更为容易——当然，等他们成了历史，这点或许会有所不同。

造物主要栖息于 Level 321（他们称之为“艺术之地”）和Level 184，并在这些层级中建立城镇与城市。然而，他们声称自己是“原初者”——一群曾经是人类、从 Level 94（他们称之为“谎言之地”）逃出的存在——的后代，由一位名为哈甘的个体带领。据摄政联邦称，哈甘至今仍生活在 Level 321。这只是他们热爱传说与宏大叙事的一个例子，而这种文化特性，加上人类方面的史料极少，使得梳理他们的历史变得尤为困难。

虽然大多数造物在初次接触时表现得平和而有礼貌，但他们的语气往往生硬且狭隘封闭，有时甚至对外来者表现出冷漠乃至厌恶。因此，与他们相遇时最好不要引起冲突。人们希望，随着与 M.E.G. 的接触变得稍许容易，他们会变得更开化，少一些迷信。

生物学特征：

造物的身高通常在 4 到 5 英尺（约 120 至 150 厘米）之间，体重差异较大，介于 40 至 140 磅（约 18 至 64 公斤）之间。它们通过产卵繁殖，而非胎生。它们行动敏捷，力量与普通人类相当。它们的眼睛是硕大、漆黑、闪亮的圆形，嘴巴闭合时通常呈现为卡通风格的一条线。它们的身体通常酷似某种人造物品，从扑克牌、灯泡到中世纪剑，不一而足。

虽然尚未得到证实，但在造物的群体中流传着一种说法：人类只需画出一个造物的图像，并怀着创造该实体新个体的意图，在补充重要信息后于图画周围画一个圈，就能将其正式召唤为具现化的孩童个体，除非另有其他指定。但这种做法只有在 Level 321 内进行时才有效。至于为什么会有人想要这么做，就不得而知了。

行为：

由于与人类高度相似，造物已经发展出多种“文明”制度结构，并建立了属于自己的国家，其社会虽然对外来者抱有戒心，却充满活力且结构复杂。因此，将他们称为“实体”会被视为一种侮辱——因为他们自认为在精神上与人类无异。不过，但愿这种妄念能随时间逐渐消退。

幸运的是，近年来，他们对外部组织一贯的鄙夷态度已有所缓解，这主要得益于与 Entity 68 个体的接触。经过多年的交流与贸易，这一物种对现代人类的文化态度已经大为改善。

• • _
  查看录像记录查看录像记录

  附录：2015 年 4 月 25 日

  这是特工盖奇撰写的 M.E.G. 探险日志的另一部分。原文为法语（盖奇与受访者皮埃尔公爵查尔斯四世均以法语为母语），此处为翻译版本。

  
  

  [日志片段开始]

  特工盖奇：[那么，我想请你直接帮我记录一些关于你们族群的信息。]

  特工盖奇：[我的第一个问题是，你们的政体文明程度究竟如何？]

  查尔斯·皮埃尔：受访的造物是一个紫色的玻璃十二面体，同时也是其国家中更知名的历史学家之一。 [嗯，虽说我们的祖先曾是逃离你们所称 Level 94 的人类，并在此层级定居，但我们的国家运作得相当完善。]

  画面外传来沙沙的书写声。

  特工盖奇：[不过，你们的人民智力如何？或者说，是否具备科学思维？]

  皮埃尔向前挪了挪身子，对这问题明显不以为然。

  查尔斯·皮埃尔：[我想，应该和你们本土社会一样智慧或讲科学。]

  特工盖奇： [实际上，我们已不再需要神明之类的妄想，而你们的社会尚未做到这一点。]

  可以听到持续的书写声，随后注意到盖奇拿出了一只扁酒壶。

  查尔斯·皮埃尔：[你是认真的？]

  特工盖奇喝了口酒。

  特工盖奇：[是的。有它生活更轻松些。]

  特工盖奇叹了口气，咳嗽起来。画面边缘，另一个戴着 M.E.G. 项链的 Entity 115 实例朝他挥手，但他没有理会。

  查尔斯·皮埃尔：[你说话的语气好像我们不像你们那样拥有智慧或知觉，这让我觉得蓝民提到你们组织时所说的误解——那种令他们不安的误解，变得可信了。我们不是无面灵那样的实体，我也不喜欢这种认为我们低你们一等或低实体一等的态度。]

  特工盖奇：[那你们应该被归类为什么？]

  皮埃尔停顿了一下，斟酌着措辞。

  查尔斯·皮埃尔：[人类。]

  特工盖奇：[这答复倒是挺快啊。]

  查尔斯·皮埃尔：[有时候最简单的答案就是正确的答案，尽管你们的上层可能不这么认为，但这就是事实。]

  特工盖奇：[你们的国家甚至还没开始工业化。]

  皮埃尔点了点头。

  查尔斯·皮埃尔：[但我们正在努力。你说话的样子好像自己全副武装，可你身上只有那只扁酒壶。我们在精神上也是人类，你最好记住这一点。]

  [录像带结束]

  注：此日志于 2015 年 5 月 3 日在 Level 11 被一名路人发现。特工盖奇因丢失日志而受到处分。
  
  

  M.E.G. 通告

  特工盖奇被认定对一起医疗及外交事件负有责任，目前正在接受解职审查。

在其现存形态下，造物文明主要集中在一个关键的国家级实体内部，并拥有一处显著的独立聚居地。其独特特征将在下文进一步描述。

社会/国家：

艺术之地摄政联邦（The Regent Commonwealth of Artland）：

摄政联邦旗帜的复刻版，其徽章上印有破碎的日月。经现任国王许可并签署后，摄政联邦要求亲自撰写条目中的部分内容。

艺术之地摄政联邦是后室中规模最大的社会，也是唯一真正意义上的国家，成立于公元 6 世纪末至 7 世纪初。其领土面积约四百万平方公里（一百五十万平方英里），全部位于 Level 321 内部（被艺术之地居民称为“艺术之地”），居住着我们中的绝大多数人，人口约六千万，其中大多数自认为是基督教徒。

此外，摄政联邦实行立宪选举君主制，由一位民选国王治理；因无真正的王室家族，国王任期十年。各省则由世袭贵族以及一个五级联邦体系下由各省选举代表组成的议会进行管理。

- 当选君主陛下，摄政王罗德里克二世，诺塞克斯公爵，破碎日月的守护者

在其社会中，普通个体秉持一种以自由为核心的礼貌观念，类似于苏格兰或爱尔兰。这是公元七世纪社会缓慢皈依后一段极端狂热期的结果：当时为规避早期语言多样性障碍，并围绕对读写能力的重视构建强大的共同文化认同，他们借助层级的艺术工具更早实现了印刷革新。这种全民识字率使得摄政联邦形成了一种痴迷于知情的平等主义法治观念的文化，因为任何依法可被征召入伍的公民都有投票权。尽管他们拥有选举君主，但政府的运作方式更接近贵族共和国。

在 Tau 基地与该社会中的个体互动时，建议先询问对方是否有兴趣交谈，这样能留下积极的第一印象。

新艺术之地（New Artland）

Level 184 -

摄政联邦在 Level 184 境内的殖民领地，其社会风貌更具乡村与闲适气质，见于荒原一带。其风貌可与爱荷华州或堪萨斯州的乡村地区相提并论。

---

发现：

尽管造物多年来已被其他相关组织所知，但首次正式记录该物种与已知相关组织成员相遇的事件，见于公元 715 年他们与失落一族签订的永久和平条约。而 M.E.G. 与该文明的正式接触，则是在 2015 年，得益于一位属于该物种的 M.E.G. 特工——普拉特·格里姆——及其已故的前搭档杰克·福雷斯特特工的协助。考虑到失落一族极少提及他们，可推测该条约至今未被违反。

• • _
  查看录像记录查看录像记录

  附录：2015 年 4 月 25 日

  这是 M.E.G. 探索日志的另一部分，由特工盖奇在与皮埃尔公爵查尔斯四世发生醉酒斗殴后制作。其中部分内容译自法语。

  
  特工盖奇打开摄像头，画面中他身处一个昏暗的房间，身旁有人戴着一条项链。他衣衫不整，手里握着一个空扁酒壶。

  特工盖奇：[我……我觉得我……我在浪费生命。我以前可是个教授！我以前可是个有头有脸的人！要不是因为这玩意儿，我本来可以很出色的！]他自言自语，话语明显含糊不清，刚从一次癫痫发作中缓过来。

  房间里本应陪他睡觉的那个人转过头来，那是一个名为塞勒涅·贝纳里亚的造物，是一个实心的银色球体。

  塞勒涅：安静点！你不好好睡觉，戒断反应只会更严重！难道癫痫发作还没让你跟死神贴得够近吗？

  特工盖奇：反正我永远回不了家了，这一切还有什么意义？我凭什么还要在这个鬼地方里活下去？他问道，然后吐了出来。

  塞勒涅：她挪过去靠在他身上，拿过空酒壶，像捏纸一样把它捏成一团。我的朋友，葡萄酒让你的身心都染上了依赖症，病得不轻。你不能向它屈服。上帝把我们带离家门，不是为了送我们回去。他召唤我们，是为了一个更高的使命。对你来说，就是记录我们的故事，并得到净化。如果你愿意努力，完全可以挺过这场磨难。

  特工盖奇：你怎么知道？如果我不行了，你大可以把这台摄像机交给 M.E.G.。

  塞勒涅：我在乎。我受命照看你的健康状况，而且无论你多么厌恶，我都愿意付出这份努力。你也必须在乎，否则你一辈子都只能侧躺着睡觉。

  特工盖奇：你能帮我什么？

  塞勒涅：我可以陪你一起旅行。我可以把你从绝望中拉住。

  特工盖奇：你为什么用虚假的希望来嘲弄我？

  塞勒涅：只有你不肯抓住机会把自己从这疯狂中拯救出来，它才是虚假的。

  特工盖奇：特工盖奇的身体颤抖起来，让他不由自主地紧紧抓住塞勒涅——尽管他明显比她高大——直到颤抖停止。反正我也没什么可失去的了，我想。

  塞勒涅：现在你说的是实话。这条路不会轻松，但你可以得到帮助。

  特工盖奇：如果失败了，我会恨你。

  塞勒涅：那就耐心点吧。我们这趟旅程还没失败呢。

  特工盖奇点了点头，关掉了摄像头。
  

  M.E.G. 通告

  特工盖奇在加入 M.E.G. 之前未披露其酗酒问题，此事被发现后，他将受到严厉训斥。

行为准则：

应当：

• 回答问题。
• 保持礼貌。
• 别太把他们当回事。

不应：

• 攻击他们。
• 对他们撒谎。
• 试图对他们隐瞒什么。

---

作者（们）

Paint Palette

“Thanks to everyone that chipped in to send art supplies to Standing Rock. We were able to get 175 yards of different colored fabrics, 4 gallons of ink (One gallon of white fabric ink for those dark colored fabrics, emulsion, a big bag of clean up towels,” ——dignidadrebelde，采用 CC BY 2.0 许可。
来源

jiaoyanerlan2、owl4513 与 KkKkK_1234 译

‡ 授权 / 引用

请按如下方式引用此页：

“Level 321 - “无垠艺术工作室””，作者 Paint Palette，来自后室英文维基。原文链接：http://backrooms-wiki.wikidot.com/level-321。译者 jiaoyanerlan2、owl4513 与 KkKkK_1234，来自后室中文维基。译文链接：http://backrooms-wiki-cn.wikidot.com/level-321。遵循 CC BY-SA 3.0 协议。

---

名称：Thanks to everyone that chipped in to send art supplies to Standing Rock. We were able to get 175 yards of different colored fabrics, 4 gallons of ink (One gallon of white fabric ink for those dark colored fabrics, emulsion, a big bag of clean up towels,
作者：dignidadrebelde
授权协议：CC BY 2.0
来源链接：https://www.flickr.com/photos/28987073@N08/30775994210

更多授权相关信息，请查阅授权指导。