Level C-1347

+ 展开样式代码

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

"歡迎來參加我們的祭典。你知道為什麼我們這裡的太陽如此重要嗎? 這跟很久很久之前，我們出現在這世界上的過程有關。這要從我們這個城鎮出現前開始說起…

也特別感謝M.E.G.對於本層級以及這些現象的研究，讓我們能夠知道這一切所發生的事。Asteria我雖然沒辦法報答你們太多，但也希望我們之後還能再一起合作。"

Asteria站在月之廣場的中心，往太陽的方向看去，一段回憶從她的腦海中浮現。她看著遠方的太陽，心裡似乎有些話說不太出來。她朝著城堡的方向，也就是太陽的方向，往前走了一步。此時她眼中的淚水模糊了視線，並順著她的臉頰滑了下來，滴在了月之廣場的草地上。

"Ascellia，還記得我嗎…"

Level C-1347位於後室的第10層的月亮裏側，是Ascellia所保護著的層級。

描述

在這幾千年來，一直都有人類來到後室。在最早的時期，笑魘、無面靈、竊皮者、悲屍以及鄰里守望尚未出現，當時是由其他實體來佔據著後室的。直到大約500年前，來到後室的人類達到一定的數量，也間接造成了後室實體生態的一次轉變。

隨著人類數量的增加，以人類為樣本所形成的實體也一步一步的更加接近 "出現於後室"。後室透過觀察人類的特徵，並模仿出人類的基因，再進行更加一步的改造，添加與刪減部分特性，形成一種新實體的基因，這樣就能以此生成出新實體。有的實體仍然保有人類大部分的特徵，然而也有的與人類擁有相當大的差距。

實體基因生成完成後，會依照各實體適合的環境，將基因大量複製並移往適當的層級。當基因來到了目標層級後，就能開始形成各種實體。此時實體基因將會進行 "轉化"，以生成相對應的實體。然而，在基因改造、複製或轉化時，並不是100%準確的，而同種實體間的個體差異就是在此時形成的。

前廳時間西元1525年，兩個即將獲得新生的靈魂，Ascellia和Asteria，正在等待著後室為靈魂們所準備的重生。

Ascellia和Asteria原本是個在Level 11認識的好朋友，常常一起到其他層級探險。1523年的某一天，當她們在Level 9探索時，遭到了不明敵對實體的攻擊，兩條鮮活的生命就到此為止。原本，她們可能就如之前的流浪者一樣，從此從世界中消失並被遺忘。然而，後室卻給了她們一次重生。

當然，這並不是出自於後室的任何好心，而是為了後室的一個計畫。後室在經過大量的收集與改造人類基因後，已經擁有了足夠的 "新實體" 基因，接著就是送往各層級並轉化了。由於基因本身不包含著生命，因此還需要與沒有歸屬的靈魂來結合以轉化。但是突然需要那麼多的靈魂，那要從哪裡找呢? 那當然就是在這期間死亡的人們了。

除了她們之外，也有不少人是在此時等待重生的。由於後室的計畫，這期間死亡的人們的靈魂都未遭到銷毀，而是準備成為後室的試驗品。這裡的所有人都會獲得重生，只是…不再是人類的形態。

Level C-1347本應是一個充滿著危險的層級，充滿著大量的敵對實體，甚至還有鄰里守望位居於此層級的中心，準備將任何進入此地的流浪者送入他們生命的終點。

後室對於她們兩個的計畫是如下的:

兩個性質將會極為相似的層級，Level 9和Level C-1347，會被一起試驗。雖然Level 9中所有的太陽能量，都被這個月球吸收掉了，導致該層級維持在永夜中。但是這也並沒有太大的影響到它們的性質差異，畢竟這太陽本身所含的能量已經很低了。

Ascellia和Asteria將會成為第一組鄰里守望個體，並分別於Level 9和Level C-1347重生。在這之後，這兩個層級都可能成為極為危險的層級，不過也無所謂了，尤其是Level 9，本來就很危險了。

別說我對你們不好，至少你們也只相隔一個 "月球正面" 而已，還能重生為同個種族。

重生倒數96小時。Ascellia往太陽的方向走了一步，並抬頭看著它。"我們…都將變成如此殘酷的實體嗎?" 她輕聲地問著太陽，然而太陽卻沒有任何回應。

隨著成功的基因改造與複製，這些實體的基因也被順利的移送至了Level C-1347。

重生倒數48小時。Ascellia在這段時間幾乎都在看著太陽，可能是在珍惜最後能見到太陽的機會吧。隨著時間一點一滴的過去，其他人的靈魂開始被移送至了對應的層級，最後只剩下了她們兩個。

"有什麼方法可以阻止這一切嗎?" Asteria走到了Ascellia的旁邊，坐了下來。其他人是否已經重生了，她們並不知道。但再過沒多久，她們也就要與彼此分離，前往各自的層級了。

時間沒有等待著她們，後室也沒有為此特別留情。她們被移到了兩個層級的交界處，也就是月球的 "正面"。顯得相當巨大的太陽出現在了她們的上方，但這已經不是她們之前所看到的那個太陽了。可以很明顯的看到，太陽發出的光線全部都往月球上移動，不留給Level 9任何一點。

重生倒數12小時。

在這些基因被移送至Level C-1347後，卻出現了 "異常"。

Level C-1347在白天時受到了特殊的太陽粒子 "雙生之光" 的長時間照射。雙生之光被照射到此層級時，會在空中懸浮著，並隨著時間慢慢地消失。但由於白天時所累積的大量雙生之光，這些粒子在經過了整個夜晚也不會完全消失，而在下一個白天時又重新累積了起來，導致此層級的空中在任何時刻都存在著雙生之光。

這些被送到Level C-1347的基因，被雙生之光的特殊效應所干擾到，導致被首次改造的部分效果大幅減少，進而使轉化完成的實體仍然保有大部分的人類狀態，只留下少部分的實體特徵。

然而，雙生之光也不是從一開始就存在於Level C-1347的太陽中…

Ascellia往前走到了一座祭壇前。這座祭壇為什麼會出現在這，是多少年前建成的，是誰蓋的，這些對她來說都不重要了。她只想要看看能不能藉此創造出最後一點希望。Asteria也跟了過去，和Ascellia一起站在祭壇前，看著這最後的，或許能保住她們人性的希望。

失落一族，他們一定也是相信著太陽中存在的神祕力量吧。雖然不知道這是不是和他們有所關聯，但這裡特殊的太陽總會有什麼能保護住我們的力量吧。

"有祭壇也不夠。儀式，對，我們需要像失落一族那樣進行最後的儀式。"

"Asteria，你知道嗎? 失落一族是如何使太陽能夠保護著他們的嗎? 那就是 '將靈魂與太陽結合' 。我就算真的還維持著人的樣貌，在危險的Level 9應該也存活不了多久。你那裡安全了許多，那重生的最後希望就交給你了喔。"

"你要…?" Asteria看著走到了祭壇中間的Ascellia。

"跟那個太陽結合。你的層級不是會受到那個太陽的照耀嗎? 如此一來，我就能從空中來保護著你們了。這不一定會成功，但是我們也沒有其他辦法了。" Ascellia已經下定決心了。使用從沒看過的祭壇，這或許是個賭注，但至少是個不會損失的賭注。

Asteria沒有多說什麼。她上前擁抱住Ascellia，此時的她也再也無法忍住眼淚了。Ascellia用手碰觸著祭壇的中心，並小聲地唸著似乎是魔法寫成的話。過了沒多久，Ascellia整個人如同失去意識般的跌坐在了地上。Ascellia以最後的力量伸出了她的手，握住了Asteria的手。

"Asteria，儀式要結束了。如果成功了，那我應該會出現在那個太陽中。那接下來，請答應我一些事，一起保護住那個層級…"

"雙生。我的靈魂會徹底消失，並變成太陽的一部分。然而，我們會在你那裡一起 '生活' 下去的。因此，我希望你能連我的份一起活下去，保有我的心靈，就好像我也在那個層級一樣。"

"星降。我會去到太陽中。每當太陽在降落時，就代表著我們的距離又更近了一些。希望你能趁著太陽降落、我們更加靠近的時候，再次回想起我，進行心靈上的聯繫。"

"守望。我會成為太陽並保護著這個層級。這是我們好不容易得來的希望，一定要好好守護它。希望你能和我一起守護著這個層級，讓它能永遠這樣的持續下去，別再像其他層級一樣被破壞了。"

Ascellia用最後的時間說出了她的願望，隨後便消失在了Asteria的面前。一群粒子從祭壇中散出，並飛往太陽的方向。

"我會答應的…希望我們還能相見…" Asteria看著消失的Ascellia與那群粒子，眼淚早已弄濕了她的整個臉頰。時間也沒有為她停留，隨後她的靈魂也來到了Level C-1347，準備接受重生。

沒過多久，Level C-1347的實體基因轉化完成。保有大多人類樣貌與性格的實體們開始在此層級建立起自己的社會系統，而此層級唯一的鄰里守望，也就是Asteria，被其他實體們選為了Level C-1347的公主。

---

特殊效應: 雙生之光

Ascellia最終與太陽成功的結合，使得太陽產生出一種特殊的粒子 — "雙生之光"。

經M.E.G.的確認，雙生之光透過直接附著在實體基因上，並侵蝕 "被改造" 的部分，再透過粒子本身的 "變形"，使用自身補上在改造中被刪去的部分，形成新的實體基因。

在雙生之光的干涉下，改造時被加上的部分會被刪去約90%，被刪去的部分則會被補回約75%。這個 "二次改造" 的程度已經足以使得實體與正常人類的差異不大了。

而Level C-1347中敵對實體 "血色潛行者" 並非在形成時未受雙生之光干擾，而是由於血色潛行者的基因是從其他敵對實體的基因進行改造的。因此，即使受到了二次改造，該實體仍然擁有著對於人類的敵意。

雙生之光的來源即為Level C-1347中的太陽。經過M.E.G.的調查，雙生之光的覆蓋範圍包含了整個Level C-1347，但不包括任何此層級以外的地點。雙生之光可以穿過建築物等實體障礙物，使得室內地點也會受到粒子的影響。

雙生之光是不可見，且無法被感受到的。因此，除了對於實體基因的影響外，雙生之光並不會對此層級造成其他影響。

實體

由於雙生之光的影響，此層級的實體依然保有大部分人類的樣貌以及人性。

Ascellia的靈魂雖然無法再次獲得重生，但是她依然在那個太陽之中，散發雙生之光到此層級，使得此層級能夠受到保護。

基地與前哨

感謝雙生之光，讓Level C-1347的實體們能夠形成一個社會系統。這些實體們建立起了一個文明，也在這個城鎮裏經營了許多的商店。

入口與出口

入口

為了和Ascellia一起達成願望，保護此層級，無法公布入口。

出口

離開此層級的邊界會到達Level 9。Level 9並沒有被太陽光照到，也沒有受到雙生之光的影響，因此仍然很危險，離開Level C-1347前請三思。

"感謝這個太陽的存在，讓我還能以接近人類的樣貌出現在這裡。如果我當時不是來到這個層級，而是去到了其他地方，我是不是會變得像Level 9的那些同種族夥伴們，對於那些人類們充滿敵意，而被人類們當成Level 9的主要危險呢?

還有這個層級的守護者，Ascellia。你一直在保護著我們，我們永遠不會忘記你的。"

雙生，星降，守望。我們會繼續以此目標前進的。

---

作者信息

作者: Nameless35722
圖源為Unsplash，經過些許處理: https://unsplash.com/photos/city-buildings-near-body-of-water-during-night-time-z2DXvTfhyBU