Level C-1619

+ 展开样式代码

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

哦，嘿，你好啊伙计！欢迎来到——

后室厨师联盟-极寒刺身俱乐部！

我是垃圾厨子！B.C.A.的首席……呃，刀工师傅！他们都说我做什么都会烧糊，是的，你没听错，包括凉菜。不知道为什么，只要是我亲手碰过的食材，总会莫名其妙地冒出一股焦味。但没关系！因为真正的好刺身，根本不需要火。

极寒刺身俱乐部，这是我们B.C.A.最新的、最冷、也最酷的俱乐部！我是这儿的刀工师傅兼代言人。我们开在一个……嗯，怎么说呢，一个冷到能让你的鼻涕冻成冰柱的地方！

生存难度：生存難度：

等级等級 1

• 轻微环境危害
• 稳定
• 无有害实体

---

如何使用：

[[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 C-1619是后室C层群的第1619层，也是我们俱乐部的所在地！

冻死人了，对吧？但这就是我们要的效果！

Level C-1619是一片被冰封的巨大湖面，冰层厚度嘛，大概有15cm那么厚。这个地儿的温度大概在-10℃左右，水里还要更冷，小心可别掉下去了，我们可救不了你。冰湖东边有一座大山，估计有450m高。我们有人曾经尝试过登上山顶想找点食材，上面除了雪还是雪，什么也没有，不过景色还是挺美的。层级内还有一种类似 Level 11 的现象，大部分实体的敌意在这里会减弱。你在这儿很安全。至少比你在其他地方安全。

冰层底下游着一种会发光的鱼，我们管它叫“冰晶鱼”。这种鱼肉质紧实，自带清甜，不需要任何调料，入口的瞬间，是冰块碎裂的声音，然后是鱼肉化开的鲜味。这种鱼不大，巴掌长，半个身子是透明的。它的光是从脊椎里发出来的，是那种淡淡的蓝白色，跟月光照在雪地上的颜色差不多。有时候一大群从冰洞底下游过去，整个冰面都被照亮了，像踩着星星走路。冰晶鱼游起来没有声音。别的鱼摆尾都有水声，它没有。它在冰水里游就像是某种念头在脑子里划过去，等你意识到的时候，它已经不见了。

我们在这冰面上搭了几个冰屋。别看是冰做的，里面暖和着呢！我们有烤炉——虽然我从来不用，那是给其他主厨准备的。我的工作台在冰屋外面，正对着冰面上的巨大冰洞。渔夫们从洞里把冰晶鱼捞上来，接下来就是我的活了。

别的俱乐部追求“新鲜”，我们追求的是“鲜活”。这里的每一条鱼，都是在被切开的瞬间还保持着游动的姿势。为什么？因为冷。寒冷把鲜味锁在了鱼肉里，而我的刀，就是打开这把锁的钥匙¹。

我们还有一些“特选食材”，就是来自各个冰封层级的珍稀水产。有些鱼甚至不是鱼，是什么我也不知道。但只要它能吃，我就敢切给你看。

菜单，以及做法

鲜切刺身类

tips：此类菜品长期提供，欢迎品尝！

重生刺身拼盘

“我做什么都会烧糊。但这盘不会。因为它没被加热过。”

当日捕捞的冰晶鱼，由垃圾厨子亲自主刀。每片厚度不超过3毫米，薄到能透光。入口先是极寒的冰晶碎裂，然后是鱼肉化开的清甜。

虽然图片质量不行，但你会爱上它的。

食用建议： 上桌后等待十秒，待鱼片微微颤动时入口。

副作用： 食用后十分钟内，呼出的气体会凝结成细小的冰晶。别对着人吹。

价格： 一份真诚的评价。

记忆刺身

“极寒能保鲜，也能保情绪。这条鱼记得自己是怎么死的。”

选用上岸后被瞬间冻结的深海鱼，鱼体细胞保留了生前的完整记忆。食用时，你会短暂地体验到这条鱼最后的感受。

食用建议： 建议在情绪稳定时食用。不建议在暴风雪天点这道菜。

副作用： 食用后一小时内，会偶尔看到不属于自己的记忆片段。如果看到海，别怕。如果看到海底有什么在看你，闭眼。

价格： 一份勇气。或者两瓶杏仁水。

冰原盲盒

“渔夫钓上来什么，我切什么。有时候不是鱼。”

渔夫每天从冰洞里捞出来的东西不一定是冰晶鱼。有时候是某种发光的软体动物，有时候是长着冰晶外壳的甲壳类，有时候——嗯，我也不知道那是什么。但我的刀认识它们。

食用建议： 不要问是什么。不要闻。直接吃。

副作用： 不可预测。有食客说食用后短暂获得了在冰面上行走不打滑的能力。另有人称食用后头发变成了冰蓝色。持续三天。

价格： 250ml杏仁水。

炙烤类

tips：这些菜品仅在火候师傅在本俱乐部时开放点餐！

深海炙烧

“垃圾厨子不会碰烤炉。所以这道菜是火候师傅做的。谢天谢地。”

选用冰舌渔场深水区的肥美鱼腹，搭配消食莴苣在火盐烤架²上以极高温瞬间炙烧。得益于火盐的矿物风味，鱼皮在接触烤架的瞬间会形成一层焦脆的外壳，而内部的鱼肉依然保持着刺身级的冰凉与鲜嫩。

食用建议： 趁热吃。在极寒刺身俱乐部，热度是稀缺品。这道菜上桌后三分钟内不吃，就会被冻回原样。

副作用： 食用时可能会闻到淡淡的硫磺味，那是火盐的痕迹。它提醒你，这份热量来自于大地的血液。

价格： 一份从别的层级带来的食材。什么都可以。火候师傅喜欢收集。

冰火两重天

“火候师傅烤了外面，我切了里面。我们唯一的合作。”

这道菜只有一半。外侧被火候师傅用他的炉子炙烧到焦脆，内侧被垃圾厨子用冰刀切成生鱼片。从外到内，一口咬下去，先是滚烫的焦香，然后是冰凉的鲜甜。

食用建议： 一口吃完。别分两口。

副作用： 你的舌头会在三秒内分别体验到烫和冰两种感觉。然后它会暂时分不清哪个是哪个。接下来的十分钟里，你喝任何东西都会感觉它既是热的又是冷的。

价格： 在俱乐部待满一整天。这是常客限定。

炭烤边角料

“这条鱼最好的部分已经做成刺身了。但这些边角料——别浪费。”

用刺身切剩的鱼骨与鱼头放在“火盐烤架”上，以精准的低温慢熏数小时。烟熏风味彻底渗入食材，连鱼骨都变得酥脆可口。

食用建议： 用手拿着啃。这是俱乐部里唯一需要用到牙齿全力的菜。

副作用： 可能会被鱼刺扎到。但那根刺会在你的手指上变成一个微小的冰晶纹身。³

价格： 免费。但必须吃完，别浪费食物。

饮品与甜品

tips：此类菜品长期提供，欢迎品尝！

冰晶冻

“这也不是我做的。是寒刃做的。所以它不会糊。”

由俱乐部内副主厨“寒刃”制作的冰品。原料是冰舌渔场深层的冰泉水，混入了冰晶鱼的鱼胶，以及少许糖⁴。质地介于果冻和冰淇淋之间，入口即化，留下持久的清甜。

食用建议： 小口抿。大口吃会让你的上颚被冻住，说话变音。

副作用： 你的舌头会变成淡蓝色。持续到下次吃饭。

价格： 一瓶杏仁水。或者讲一个笑话⁵。

沉默的雪

“这不是我们做的雪。这是从俱乐部开张那天就一直在下的雪。”

寒刃在暴风雪天里，用一个深盘子接了一整夜的雪。然后他把盘子放在冰屋外冻了三天。端上来的时候，盘子里只有一片洁白的、蓬松的、没有任何味道的东西。你舀一勺放进嘴里，雪化了，是水的味道。然后是很久很久的安静。

食用建议： 一个人吃。别说话。如果你说话，雪的味道会变苦。

副作用： 吃完后一小时，你说话的声音会小到像在下雪。

价格： 沉默三分钟，寒刃在旁边帮你计时。他也没说话，但他在计时，他只是不喜欢说话。

更多菜品？

其他菜品正在开发中！我们接受食客投稿，此区域开放编辑。

添加新菜谱的格式

[[tab 菜品名]]
[[div class= 此处填写div]]
某角色说的话（可选）
[[/div]]
描述

**食用建议：** 

**副作用：** 

**价格：** 
[[/tab]]

基地、前哨与社区

B.C.A.“极寒刺身俱乐部”

这篇文章已经告诉你了。不过我还可以告诉你我们这个俱乐部有哪些成员！

厨师们

主厨：垃圾厨子。
没错，就是我。我在这篇文档的最上层写了我的自我介绍⁶，你可以回去看看。总之，我是一个做什么都会烧糊但刀工很好的人，这也就是我为什么在这个俱乐部当主厨兼代言人的原因。我也不知道我这个毛病是从哪来的。我试过用冰水泡手，试过戴三层手套，试过在切菜之前对着刀念一段从某个层级捡来的冷却咒语，都没用。只要我碰过的食材，最终都会冒出一股焦味。火候师傅说我身上有某种“热异常”，他说这话的时候语气很严肃，好像我正在污染他的厨房。也许他说得对。但我后来发现，我可以只切不做，所以我就搬来了这儿。

副主厨：寒刃。

他是我们俱乐部最棒的冰品师！他并不爱说话，是个……冷酷的人。他总是穿着一件蓝色的厚外套，灰白色的身体正好和我的颜色是相反的，这也许就是我和他性格相反的原因……吧。他的手指常年结着一层薄霜。不是冻伤，是那种很细很均匀的霜，像冰柜里结的那种。玛布说他出生在一个冰封层级，那里的温度比我们这儿还要低。我没问过他是真的假的。对寒刃来说，所有关于他的传闻，他既不承认也不否认，他只是继续做他的冰品。

客座主厨：火候师傅。
火候师傅不常驻在这里，他说太冷了，对他的炉子不好。但每次他一来，整个俱乐部的温度都能上升五度。他是炙烤类菜品的负责人，也是整个B.C.A.里唯一一个敢让我“离烤架远点儿”的人⁷。他说这句话的时候语气很温和，但我不信。我觉得他其实很凶。

渔夫们

老杰克

老杰克是我们这资历最老的渔夫。他声称自己能听懂冰晶鱼说话。每次钓上鱼，他都会对着鱼嘀咕半天，然后把鱼交给我，一脸严肃地说：“这条鱼说它今天心情不好，切的时候小心点。” 他平时就支着板凳在冰面上钓鱼，你可以通过他那布满冰碴的胡子来辨认他。

玛布

玛布是我们这唯一一位女渔娘，她的名字听起来很像“抹布”⁸。她几乎不说话，冰钓的时候能在冰洞旁边坐一整天，像个冰雕。有人问她怎么能坐那么久，她头也不回：“鱼不喜欢话多的。” 上面已经提到过了，她沉默的性格和冰雕似的坐姿也能让你很好的辨认她。

公告、规章与记录

作为B.C.A.认证的俱乐部，我们也有一些很正经的规章和记录。

《冰屋住宿须知》
我们的冰屋也开放居住服务。别把冰屋舔化了！这是我们对每位住客的唯一要求⁹。好吧，还有几条：

• 别在床上吃刺身。 尤其是重生刺身拼盘。上次有客人在被窝里打翻了拼盘，鱼肉在棉被里保持鲜活状态长达一小时，他说那一晚他整张床都在轻微地搏动。
• 如果看见墙上的冰在说话，那是寒刃在检查隔温层，别理他。 如果你理他了，他会跟你解释隔温层的原理。据说我们这只有玛布听完了全程，因为她本身就是冰雕。
• 半夜别在冰面上跳舞。 渔夫们第二天抱怨鱼线全被打结了，老杰克钓上来三条系成蝴蝶结的鱼¹⁰。
• 不要把火盐带进冰屋。 你不想半夜醒来发现自己躺在一个水坑里。上一个这么干的客人，我们现在管他叫“免费拖地员”。
• 不要带着你的实体宠物进冰屋。不管是你驯服的猎犬，你养的猫还是没长脚的鸟，都别带进来。上个月有食客带了一只猎犬进来。猎犬舔了冰墙，舌头粘住了。然后它开始嚎叫，嚎叫声在冰屋里产生了共振，震碎了三面墙。我们花了整整一天重新砌墙，期间那只猎犬一直被粘在唯一一面没碎的墙上，委屈地看着我们，最后是玛布用敲冰锥从墙内侧把那一块墙整个切了下来。狗带着嘴里的那块冰回去了。
• 别在冰屋里偷偷养冰晶鱼当宠物。 它不是宠物，它是食材。小的时候很可爱我们都知道，但养大了你舍得让我切吗？舍不得。到时候你还得给它养老送终呢。
• 别试图用冰屋的墙壁冰镇饮料。 去年夏天有人把一杯茶贴墙上想喝冰茶¹¹。半小时后，茶杯被冻成了冰坨子，现在那杯茶还是冰坨子，老杰克正用它压钓鱼竿。

以上。违反任何一条都不会被赶出去，但我们会在俱乐部公告栏上永远贴着你的事迹。你不会想成为名人的。

留言区

★★★★☆
刺身很好吃。但我吃完重生刺身拼盘之后对着我朋友呼了一口气，他的眉毛结冰了。他现在不怎么理我了。

——匿名食客
2026 May 1

---

主厨 3天前：
副作用写得很清楚：“别对着人吹”。你不看，不能怪鱼。

★★★★★
冰原盲盒开出了一只发蓝光的虾。虾很新鲜。吃完之后我能在冰面上跑。渔夫们追不上我。

——u/suqiewanjia123
2026 May 2

★☆☆☆☆
厨师长得太黑了。

——a_little_noob
15分钟前

---

主厨 14分钟前：
？ 恶评

★☆☆☆☆
老杰克钓冰晶鱼的手法好凶残，小鱼这么可爱居然伤害它……

——Aprilguiltyincubus
23分钟前

---

主厨 23分钟前：
@老杰克
老杰克 23分钟前：
它在骂我……

★★★★★
非常棒的餐厅，有机会一定要带Level C-1043镇上的居民们品尝。

——Andantono
2026 May 6

---

MireZon 12分钟前：
必须支持

★★★★★
好吃爱吃，以及真的没有人把那个住宿须知当任务清单弄吗？
拜托出名这也太酷了

—— flymouse_awa
2026 May 6

---

主厨 2026 May 6：
你已经被我们挂在公告栏上快一个月了，还不知足吗？

欢迎更多食客评论！添加新留言的格式：

展开

★☆星级评分开头，打不出来可以选择复制粘贴
一段留言，写什么都行
[[>]]
——[[*user 你的wikidot用户名]]
留言时间，可自己编
[[/>]]
----（分割线，有回复再加）
他人回复（可选，格式见下）
用户名 回复时间
留言正文

入口与出口

入口

• 我们有些帮厨会把宣传单带到各个层级去发。你拿到了就照着上面的地图走，虽然那个地图画得跟鬼一样¹²，但你只要盯着它看超过十秒，它就会变成对的。大概吧。
• 在任何气温低于零下15°C的层级里，如果你闻到一阵鱼肉清香，顺着它走。气味会越来越浓。当你脚下开始打滑，别怕，那是冰面。再往前走，你就能看见我们的冰屋了。

出口

想离开？可以。但我们不太建议，因为我们提供的食物太好吃了。不过，如果你真的要走，你可以：

• 从来时的那片冰面上往回走。走大概二十分钟，你会发现自己站在来时的层级里。但是，路上不能回头。回头一次，你会回到俱乐部；回头两次，你的刺身会变得很咸。别问为什么，这是渔夫告诉我的。
• 重生刺身拼盘里，偶尔会有一颗蓝色的……东西。我姑且叫它芝麻¹³。吃下去。下一秒你会出现在某个温暖的层级，但你此后每次看到蓝色的东西，舌头都会短暂地尝到一股冰晶鱼的清甜¹⁴。
• 冰湖东边的山上有几个山洞，我们把它小小改造了一下，进去就能到我们的其他俱乐部。要是你不想走的话，注意别勿入。

“来尝尝这盘肉吗？我保证你会爱上它！”

极寒刺身俱乐部，我们的口号是：“温度，是锁住鲜味的关键。”

来吧伙计！穿上你最厚的衣服，带上你最空的胃，来这里找我。我在这里，每天切鱼。暴风雪天也切，大晴天也切。

哦对了，如果你来的时候看见一个黑漆漆的身影，站在冰屋外面，手里拿着刀，对着一条还在跳的鱼发呆——那就是我。别怕。过来坐下。我切一片给你尝尝。

如果你尝完之后，觉得这是我唯一没搞砸的东西，那就再切一片。

——你们的垃圾厨子，B.C.A.极寒刺身俱乐部首席……刀工师傅！

---

对了，这是我们的一个帮厨！

就是他！
a_little_noob
图像来源：千问ai生成，经过后期处理

以下为菜品贡献名单：
在此处填写你的[[*user 你的wikidot用户名]]！

以下为留言名单：
同上，在此处填写你的[[*user 你的wikidot用户名]]！
Aprilguiltyincubus
Andantono
flymouse_awa

Footnotes

1. 哦，我这句话真是太艺术了。

2. B.C.A.特制的烤架，只需投入少量火盐碎片，它便能稳定释放热量长达数小时。垃圾厨子禁止靠近此设备。

3. 永久性的，但挺好看的。

4. 如果你想要，果酱也是可以加入的。

5. 寒刃不笑没关系，他说他不笑是因为脸被冻住了，我觉得他在骗我。

6. 我不知道这算不算自我介绍，但我懒得再写一遍了。

7. 有一次我趁他不注意偷偷靠近烤架，想试试能不能烤一条鱼而不烧糊。他头都没回，背对着我说：“垃圾厨子，退后三步。”我退了。他还穿着他那死沉死厚的防热服呢，他怎么知道的？他后脑勺长眼睛了吗？

8. 这并不好笑。——玛布

9. 真的有流浪者舔过冰屋墙壁。他的舌头粘在上面整整半小时。我们花了三瓶温水才把他弄下来。他现在是所有新研发菜品的终身免费试吃员，因为我们觉得他太惨了。

10. 老杰克说其中一条鱼骂了句脏话。我们选择相信他。

11. 是的老杰克，就是你。

12. 但好消息是，它适用于任何层级。

13. 反正它看起来像芝麻，吃起来也像芝麻，但它是蓝色的。

14. 这是副作用，但我个人觉得挺好的。