Interim Transition

+ 展开样式代码

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

生存难度：生存難度：

等级等級 不适用

• 过渡地区
• 非稳定态
• 未知属性

过渡地带¹是后室多个层群中的一个隐秘点，于2022年8月第一次被发现，并且在2025年归类于■■■■层群的一部分。


IMTN是后室目前了解信息最少的层级之一，并且现在对其的解译仍然处于无效状态，所以本总述对于此层级的部分信息可能存在虚假部分。目前对于IMTN的实际探索只包括一份报告与分裂的三个理论因素，借于此，我们将为各位流浪者解答为什么此层级会广布于整个后室。


为什么我们必须要公开此档案？我想在总述里会告诉读者答案。我们当前对于后室的了解缺失得过多，我们相信告诉更多人后室的可能性本质是绝对有必要的。

—E.P.B.、M.E.G.联合公告，2027.02.01.

---

理论 ㈠：后室程序性质

理论㈠最早由E.P.B.研究员杨华生提出，其认为，后室的实质类似于电脑乃移动设备上的程序，其的空间在扩大的同时，其的运行速度与空间占比也会扩大，从而出现过载与卡顿现象。为了防止这种卡顿现象，加载空间即因此诞生。而IMTN正是后室程序的中间过渡与加载地带，理论上讲，因为客观上“相由心生”的存在，故所有可能性的切行都会在一定程度上经过这个中转基站，以防止“浏览者”或“玩家”的软件崩溃。²而可能性的后室意志即作为执行者，来运行这一程序以戏弄流浪者。³

抽象空间的代表，类似于美学上的印象派与抽象派画作.

IMTN虽然在实际上是可能存在的，但目前的此理论向着非实体化发展。因而受“相由心生”与层级本生原因的影响，层级的结构会因人而异，而其中固定于无止境的黑暗与纯色空间是IMTN最主要的体现方式。但是介于性质的不同，少数的流浪者可能会看到切入层级的简化下的空间、切入代表事物⁴、转场⁵以及抽象的梦境⁶等等。这些情景组成了IMTN的主体加载环境，从而避免后室程序性质被流浪者发现。


IMTN目前的面积未知，但大概率相对处于后室中心地带。加上非实体性的偏差，任何进入IMTN的流浪者都无法感受到自己的存在⁷、卡顿现象。而当多个流浪者相遇时，因为加载时的卡顿，所以从某一方视角看其余的人会出现延迟、静止、无逻辑行为等等，但从对方来看，其的动作处于连续状态。


受到这种影响，IMTN绝对不会存在任何一种实体，也不会存在现象、物品等，因而IMTN应当是绝对安全的。并且因为流浪者无法长久待定，因而建立前哨、社区等几近不可能。而IMTN的进入方式即是切出动作，然后等待其将流浪者送入应该到达的地方，任何性质的反切出与破坏均是无效的，所以流浪者无法通过任何方式规避进入IMTN的可能性。

---

理论 ㈡：逆熵线

理论㈡最初由E.P.B.物理学家闻晋于2025年提出，并且于2026年发展为后室主流理论之一。⁸该理论旨在提出后室是一种由外在不断影响的增熵世界，而IMTN即是防止后室因为熵增而毁灭的存在，并且广泛分布于后室的各个地带。这些空间来源未知，但因为其存在逆熵性⁹，因此不排除由后室意志作为。

数十年来，我们一直以为，后室意志是敌对于生命的存在，其不允许我们离开这里，也不允许我们“作弊”，等等。但是，后室意志的存在，可能是为了赋予后室平等与神秘的一种效果，可能没有其的存在，后室也就因此而湮灭于“时间”的长河之中。后室与前厅一样，也是熵增的造物，其也想阻止熵，但与我们与前厅的效果一样，生命虽是逆熵之物，但生命却创造了比那些熵的量更多的熵增。¹⁰

于雨幕中过去的投影
感受不到现实的欣喜
仿佛过去不存在于这里.

IMTN的大部分地区处于阈限状态，并且与前厅类似，因而会使前厅到达的流浪者感到错乱感与熟悉感，尽管其的空间只类似于平原地区与山谷地区。而出生于后室的流浪者处于IMTN中更可能感受到纯黑的空间或宇宙环境，乃至其可能性的心境于现实中的投影。尽管IMTN的环境会出现变幻，但其单体的物理情况是完全一致的¹¹，因而现象无法出现于层级之中。

有关切入 (no-clip) 与切出 (noclip)

虽然目前我们可以得知，后室穿行层级的方式为一般游戏上的将人物卡入墙壁与可能性事物中，但这更类似于一种约定俗成的东西，简单来说就是一种公理。也许在过去我们无法得知为什么以这种方式切行于后室，但现在介于IMTN的出现，我们也许有一种好的方式去尝试证明这类问题。


IMTN作为一种过渡地带，其在后室的作用就是连接两个层级，以达到有序穿行。即意味着，在没有IMTN的条件下，后室的出入口皆是混乱的，我们无法长期甚至于数次往来于相同层级之中，因为后室理论上各层级均处于单体或共体状态，因而我们也就无法保证，在这种条件下的穿出与穿入完全一致¹²。我们从不同的墙壁中切出，结果却将我们带到相同的地方，这是不合理的。因而，当IMTN被发现后，我们就可以明白为何如此的原因，其可以是物理规则的具象态，同时也可以是层级连结的中心，因而，切入与切出时，实际是触发了进入IMTN的方式，即我们卡bug时，因为后室的不稳定性使我们进入了广阔的过渡带，或者说是后室意志为了某些原因而将我们转向非实体状态，从而当bug被修复后，我们即运动到了另种层级或层群当中。这种运动完全可以看作一种有序的运动，甚至于这种运动在各种意义上都可能是后室的作为。试想一下，当后室各层级处于共体状态，完全没有必要去用bug以到达另一层级，相应的应该是顺次过渡，因而，后室理论上完全是种拆散体，于是后室目前最主要的穿行方式也就出现了。


这一理论尚处于早期发展时期，因而还无法解释少数情况，同时也有可能有着疏漏，但是一个体系的建立完全离不开大胆的假设，不管是否合理，我们都要去做。

---

理论 ㈢：中限值

理论㈢由M.E.G.某成员于2025年提出，其认为，后室中IMTN的出现意味着后室人长久性以来对于时间线存在认知偏移，并且已经导致了无可挽回的因果联系。但理论㈢于2027年被证实为部分失效。¹³


理论㈢中心点处于，后室的任何层级完全处于同一大地点的不同时空当中，而IMTN则是串联这些时空的唯一通路，从而致使人们以一种相同的方式，到达另一时间线的相似位置。即当流浪者从Level 37到达Level 38后，其的位置并没有发生过大变化，而是时间上处于扭曲状态，而IMTN存在的超距作用与短暂间期作用调平了切出地与切入地的空间扭曲作用，致使流浪者以一种无法想象的方式，到达了未来与过去的某一时间点。而面对两层级时间渐进不一致情况下，IMTN则会调平时间紊乱，将甲地的2小时扭曲为乙地的20小时。¹⁴


IMTN对于时间的作用被认为来源于时空上与因果上的宿命感，即意味着过去的事物在某人穿行后会必然发生，而未来的事物在某人穿行后无法被阻止。但同时，IMTN的时间作用会因为某些未知原因而消失，也就导致了时间点的未对应，从而使得切行出现bug到达未知地带。目前IMTN是否可以进入尚不明确，但其应当广泛分布于后室之中以保证最大程度不受未知因素影响，有理论学家认为，IMTN可能处于后室的虚无与虚空，甚至于通道外部与前厅当中。


对于IMTN目前的关键点不是如何面对某些未来的因果，因为早被注定，而对于如何真正进入IMTN才是目前主要所在。目前的理论㈢研究课题并没有任何的突破，但其否定了IMTN的部分性质，例如不会出现现象。对于时间上的紊乱与层级的空间混乱，部分仍然来源于层级本身的不稳定性，而IMTN只是种催化物。


在这种状态下，IMTN对于各时空的调和指数是可被估计的，而其如何被估计可见2025年12月的报告，这里不过多描述。无论如何，这一值在当前情况下为

Tn(x)₄·L₀
其中：L₀为偏正指数，值约为0.986124；Tn(x)₄为具体积分，值约为75.8216。


我们而今称其为“Insamity”

---

报告 ㈠：错误、死亡、与不存在的悲影，这只是过去，亦或是未来

我犯了一个此生最严重的错误，当我从Level 11因为意外切出时，在黑暗中我试图挣扎，当我因为另一场意外而导致我从IMTN切出的时，……


……


过渡的终点，是一片失色的终点，■看见，无数的人碑立于灰茫的平原上。■看见，风迎接其的静止，夕阳，失色的今天将会迎接其的连续。只有■一个人，坐在小屋旁的躺椅上，拖过长辞的梦，等待着■的来到。


…


…


…

也许在将来的某一天，我会知道这一切
尽管在那时这一切已不适用
但我将会看清，这无序的错乱
尽管我永生被困于这个世界

---

应对方式

应当

• 坦然接受各种理论的可能性
• 坦然接受后室上的不可理解的性质
• 不要尝试切出IMTN

---

Intoxication?

CloudsWind

迟来感谢一下Charley Misaka对于本文的抢救贡献

For Q&A


Q1：这些层级与故事线存在设定吗？

---

A1：存在，虽然我投过两个设定了，但完全不能概括这些故事与层级的逻辑。这些层级与故事完全独立于其他设定与世界观，并且会不断展开与细分，最终形成一个“平行宇宙”式的后室观念。这些观念肯定会相悖于某些观念，但我想说的是，这些观念完全组成了另外一种“宇宙”。


Q2：关于Wikidot与Fandom的连系

---

A2：本世界观不会出现Wikidot与Fandom的连接，因为设定本身就处于相杂的观念，从而w与f相连绝对不是一个好主意。


Q3：设定会死吗?

---

A3：大概率不会，除非后室、Wikidot和我当中死了一个，但可能因为某些不可控原因导致长时间退圈或淡圈，以及过长时间的咕咕咕。


Q4：为什么报告中的受害人在IMTN中看见一片黑暗或者未昏迷?

---

A4：实际上IMTN的问题会比三个理论合加轻一些，但因为各种可能性问题，这里视作物理规则失效，并非层级问题。但的确文中的“我”以一种混乱的方式被困于其中，化为“永生”。

---

部分图片来源于pixabay

&

6 pen

---

以及未来的图片

---

中心页：
https://backroom-wiki-cn.wikidot.com/theme:leave-life-into-flower

Footnotes

1. 因为多称为Interim Transition，故此层级总述沿用其简称IMTN.

2. 即防止流浪者的心境受不可承受力而导致流浪者死亡.

3. 2025年之后被视作管理员与维护者，来维护后室运行，不再带有“戏弄”意味.

4. 类似于云烟雾、门等可以阻挡流浪者视线的事物.

5. 此时IMTN完全复制切入层级，并且慢慢过渡到真正的层级内部.

6. 这些梦境一般均体现出失色状态，类似于Level 199.

7. 尽管流浪者存在实体.

8. 总体上看理论㈡是对理论㈠的部分继承.

9. 目前科学界上判定此空间处于逆无序状态，而对应即存在逆熵性，但乃不排除后续有更改与调整的可能性.

10. 节选于2025年年刊 — 《后室意志的最可能性㈠》.

11. 因为IMTN的性质决定了其无法存在更多的多变性.

12. 〔作者本注〕：单体情况下，除非一个层级 360° 包围了另一层级，否则无法完全保证 100% 相同的切入切出，共体同理

13. 2027年后，此理论被废除，中限值作为可切入界限被继续沿用。具体可见：https://backroom-wiki-cn.wikidot.com/theme:leave-life-into-flower.

14. 例如，A在0点进入甲地，2小时后切出，到达乙地时，时间点原本也应该为2点，因为时间上作用导致时间点位移至20点。此时，A与观测者均无法看见时间上的作用，从而导致甲地流速主观上为乙地流速的10倍，而客观上是将A从乙地2点移动至乙地20点，造成流速不一致的假象.