强力去屑诊所

看看CSS

@import url('https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
 
@import url("https://fonts.googleapis.com/css2?family=Lemon&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lobster&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Monoton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Grand+Hotel&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Atomic+Age&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poiret+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Life+Savers&display=swap");
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "Retro";
   --theme-name: "Retro Theme";
 
   --logo-image: url("");
   --header-title: "The Backrooms";
   --header-subtitle: "24/7 营业";
 
    --body-font: 'Urbanist', sans-serif;
    --header-font: 'Lemon', 'ZCOOL KuaiLe';
    --title-font: 'Lobster', 'ZCOOL KuaiLe';
    --mono-font: 'Life Savers', 'Noto Serif SC';
    --top-font: 'Grand Hotel', 'ShouShuti';
    --additional-font: 'Monoton', monospace;
    --diner-font: 'Fugaz One', CKTKingKong;
    --item-font: 'Atomic Age', 'ZCOOL KuaiLe';
    --price-font: 'Poiret One', sans-serif;
    --food-font: CKTKingKong, sans-serif;
 
   --white-monochrome:  230, 189, 171;
   --text-white-monochrome: 193,121,63;
   --pale-gray-monochrome: 76, 184, 180;
   --light-gray-monochrome: 220, 116, 86;
   --gray-monochrome: 234, 96, 37;
   --black-monochrome: 158, 81, 37;
   --bright-accent: 108, 33, 11;
   --medium-accent: 21, 109, 130;
   --dark-accent: 232, 131, 87;
   --pale-accent: 215,160,210;
   --alt-accent: 235, 129, 69;
   --vibrant-orange: 237,121,70;
   --retro-blue: 25,77,114;
   --muted-yellow: 253,172,59;
   --muted-orange: 229,120,30;
   --retro-white: 255,250,245;
 
   --swatch-topmenu-border-color: 159, 44, 9;
   --swatch-headerh1-color: 246, 164, 182;
   --swatch-headerh2-color: 246, 164, 182;
 
   --rating-module-button-plus-color: var(--retro-blue);
   --rating-module-button-negative-color: var(--retro-blue);
 
   --rating-module-text-color: var(--retro-blue);
   --rating-module-text-hover-color: var(--retro-blue);
 
   --link-color: 253, 109, 76;
   --hover-link-color: 240, 144, 122;
   --visited-link-color: 213,131,83;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 0%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("http://backrooms-wiki.wikidot.com/local--files/theme:retro/header");
    background-repeat: repeat-1;
    background-size:  inherit;
    background-blend-mode: soft-light;
    background-color: rgba(218, 88, 33, 0.5);
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--dark-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
#top-bar div.mobile-top-bar > ul > li > a,
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > ul > li > a,
#top-bar div.top-bar > ul > li > ul > li > a {
   color: white;
}
 
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;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 0.19em;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
   z-index: 0;
   font-size: 2em;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 1.65rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
   font-size: 1.25em;
}
 
.yui-navset .yui-nav a {
   color: rgb(var(--retro-blue)) !important;
}
 
.yui-navset .yui-nav .selected a {
   color: rgb(var(--retro-white)) !important;
}
 
.yui-navset .yui-content {
    color: rgb(var(--retro-blue));
    border-color: rgb(var(--retro-blue));
}
 
table.wiki-content-table th {
   background-color: rgb(var(--pale-gray-monochrome));
   color: rgb(var(--retro-blue));
}
 
#login-status {
   color: rgb(var(--bright-accent));
}
 
#login-status a {
   color: rgb(var(--bright-accent));
}
 
#search-top-box input.empty {
   color: rgb(var(--bright-accent));
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--alt-accent))
}
 
blockquote {
   background-color: rgb(var(--muted-yellow));
   border: 3px solid rgb(var(--muted-orange));
   box-shadow: rgb(var(--muted-orange)) 1px 1px 0px 0px, rgb(var(--muted-orange)) 2px 2px 0px 0px, rgb(var(--muted-orange)) 3px 3px 0px 0px, rgb(var(--muted-orange)) 4px 4px 0px 0px, rgb(var(--muted-orange)) 5px 5px 0px 0px;
}
 
.border-block {
   background-color: rgb(250, 250, 234);
   color: #e5554c;
   border: 0.35rem solid #e5554c;
   border-radius: 10px;
   padding: 0.01rem 1rem;
}
 
code,
.code {
   background-color: rgb(var(--muted-yellow));
}
 
:root{
  --base-color: rgb(var(--muted-yellow));
  --hover-color: rgb(240,177,87);
  --click-color: rgb(214,140,38);
}
 
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 15px 15px 0px 0px;
    border: 2px solid rgb(var(--muted-orange));
    box-shadow: rgb(var(--muted-orange)) 0px 0px 3px 0px;
    transition: background 0.1s linear;
    background: var(--base-color);
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
 
#page-content .collapsible-block-link {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
 
#page-content .collapsible-block-link:hover {
    text-decoration: none
}
 
#page-content .collapsible-block-content {
    transition: border-top-color 0.2s linear, border-bottom-color 0.2s linear;
    border-top: solid rgb(var(--muted-orange)) 5px;
    border-top-right-radius: 15px;
    border-bottom: solid rgb(var(--muted-orange)) 3px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
 
#page-content .collapsible-block-folded {
    max-width: 100%;
}
#page-content .collapsible-block-unfolded-link{
    width: min-content;
}
 
#page-content .collapsible-block-folded .collapsible-block-link::before {
    content: "▷";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
    content: "▽";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
 
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
    background: var(--hover-color);
    max-width: 100%;
}
 
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{
    border-top-color: var(--hover-color);
    border-bottom-color: var(--hover-color);
}
 
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
    background: var(--hover-color);
}
 
#page-content .collapsible-block-folded:active, #page-content .collapsible-block-unfolded-link:active, #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content::after {
    transition: background 0s, max-width 0s;
    background: var(--click-color);
    max-width: 100%;
}
 
#page-content .collapsible-block-unfolded-link:active + .collapsible-block-content {
    transition: border-top-color 0s, border-bottom-color 0s;
    border-top-color: var(--click-color);
    border-bottom-color: var(--click-color);
}
 
#page-content .unfolded-collapse {
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px;
    background: var(--base-color);
    color: white;
    font-weight: bold;
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
 
#page-content .unfolded-collapse::before {
    content: "▽";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
 
#page-content .unfolded-collapse-border {
    display: block;
    width: 700px;
    border-top: solid var(--base-color) 5px;
}
 
#page-content .center-collapse .collapsible-block-folded, #page-content .center-collapse .collapsible-block-unfolded-link, #page-content .center-collapse .unfolded-collapse{
    margin:auto;
    margin-top: 10px;
}
 
#page-content .addendumfooter{
    display: block;
    border-bottom: solid 3px var(--base-color);
    margin: auto;
    text-align: center;
}
 
#page-content .info-container .collapsible-block {
    counter-increment: none;
}
 
#page-title{
    font-family: var(--top-font);
    border-bottom: 2px double rgb(var(--vibrant-orange));
    text-align: center;
    font-size: 45px;
    text-shadow: .063rem 0.1rem 0.1rem #612f05;
    color: rgb(var(--vibrant-orange));
}
 
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link  {
    transition: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-shadow: none;
    background: var(--barColour);
}
 
#page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before  {
    content: "";
    display: none;
}
 
#page-content .info-container .collapsible-block-content {
    border-bottom: none;
    transition: none;
    border-top: none;
}
 
#page-content .info-container .collapsible-block-content::after {
    display: none;
}
 
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{
    line-height: 1.4;
}
 
#page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before {
    font-size: 130%;
    margin-left: -0.4em
}
 
.menu-top {
    font-family: var(--diner-font);
    text-align: center;
    font-size: 2.5em;
    transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    text-shadow: 1px 2px 0px #c62927;
}
 
.border-block hr{
    border-color: #e5554c;
}
 
table.menu td.category {
    width: 100%;
    font-family: var(--item-font);
    font-size: 1.75em;
    font-weight: bold;
    padding: 0.3em 1em 0em 1em;
    border-bottom: 0.25rem solid #e5554c;
}
 
table.menu td.food {
    font-family: var(--food-font);
    padding: 0.1em 0 0.1em 0.4em;
}
 
table.menu td.price {
    font-family: var(--price-font);
    font-weight: bold;
    padding: 0.1em 0 0.1em 0;
}
 
h1, h2, h3, h4, h5, h6 {
    font-family: var(--title-font);
color: #f6869e;
}
 
h1, #header h1 a::before {
text-shadow: -1px 1px #7e0303, 1px -1px #7e0303,
    -1px -1px #7e0303, 1px 1px #7e0303, 2px 2px #7e0303,
    3px 3px #7e0303, 4px 4px #7e0303, 5px 5px #7e0303;
}
 
h2, #header h2 span::before {
text-shadow: -1px 1px #7e0303, 1px -1px #7e0303,
    -1px -1px #7e0303, 1px 1px #7e0303, 2px 2px #7e0303,
    3px 3px #7e0303, 4px 4px #7e0303;
}
 
h3, h4 {
text-shadow: -1px 1px #7e0303, 1px -1px #7e0303,
    -1px -1px #7e0303, 1px 1px #7e0303, 2px 2px #7e0303,
    3px 3px #7e0303;
}
 
h5, h6 {
text-shadow: -1px 1px #7e0303, 1px -1px #7e0303,
    -1px -1px #7e0303, 1px 1px #7e0303, 2px 2px #7e0303;
}
 
hr{
    border-top: 4px double rgb(var(--medium-accent));
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
}
.retro-hr hr:after {
        font-family: var(--additional-font);
    content: '—*O*—';
    display: inline-block;
    position: relative;
    top: -19.5px;
    padding: 0 10px;
    font-size: 24px;
    background: #e6bcaa;
    color: rgb(var(--medium-accent));
}
 
.scp-image-block.block-right {
   border: 2px solid #33929b;
   box-shadow: rgb(var(--medium-accent)) 1px 1px 0px 0px, rgb(var(--medium-accent)) 2px 2px 0px 0px, rgb(var(--medium-accent)) 3px 3px 0px 0px, rgb(var(--medium-accent)) 4px 4px 0px 0px, rgb(var(--medium-accent)) 5px 5px 0px 0px;
}
 
.scp-image-caption {
   color: rgb(var(--retro-blue));
}
 
.page-rate-widget-box {
    background: rgb(var(--pale-gray-monochrome));
    border: 2px solid rgb(var(--medium-accent));
    box-shadow: rgb(var(--medium-accent)) 1px 1px 0px 0px, rgb(var(--medium-accent)) 2px 2px 0px 0px, rgb(var(--medium-accent)) 3px 3px 0px 0px, rgb(var(--medium-accent)) 4px 4px 0px 0px, rgb(var(--medium-accent)) 5px 5px 0px 0px;
}
 
.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
    color: rgb(var(--retro-blue));
}
 
.yquote, .pquote, .bquote {
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
}
 
.yblock, .pblock, .bblock {
   padding: 0.01rem 1rem;
}
 
.yblock, .yquote {
   background-color: rgb(var(--muted-yellow));
   border: 3px solid rgb(var(--muted-orange));
   box-shadow: rgb(var(--muted-orange)) 1px 1px 0px 0px, rgb(var(--muted-orange)) 2px 2px 0px 0px, rgb(var(--muted-orange)) 3px 3px 0px 0px, rgb(var(--muted-orange)) 4px 4px 0px 0px, rgb(var(--muted-orange)) 5px 5px 0px 0px;
}
 
.pblock, .pquote {
   background-color: rgb(var(--swatch-headerh1-color));
   border: 3px solid #f6869e;
   box-shadow: #f6869e 1px 1px 0px 0px, #f6869e 2px 2px 0px 0px, #f6869e 3px 3px 0px 0px, #f6869e 4px 4px 0px 0px, #f6869e 5px 5px 0px 0px;
   color: #7e0303;
}
 
.bblock, .bquote {
   background-color: rgb(var(--pale-gray-monochrome));
   border: 3px solid rgb(var(--medium-accent));
   box-shadow: rgb(var(--medium-accent)) 1px 1px 0px 0px, rgb(var(--medium-accent)) 2px 2px 0px 0px, rgb(var(--medium-accent)) 3px 3px 0px 0px, rgb(var(--medium-accent)) 4px 4px 0px 0px, rgb(var(--medium-accent)) 5px 5px 0px 0px;
   color: rgb(var(--retro-blue));
}
 
.yquote {
   border-left: 0.85rem solid rgb(var(--muted-orange));
}
 
.pquote {
   border-left: 0.85rem solid #f6869e;
}
 
.bquote {
   border-left: 0.85rem solid rgb(var(--medium-accent));
}
 
.footnotes-footer {
    border: 3px solid #db3920;
    border-left: 0.85rem solid #db3920;
    box-shadow: #db3920 1px 1px 0px 0px, #db3920 2px 2px 0px 0px, #db3920 3px 3px 0px 0px, #db3920 4px 4px 0px 0px, #db3920 5px 5px 0px 0px;
}
 
#account-options{
    background-color: rgb(var(--pale-gray-monochrome));
    border: 3px solid rgb(var(--medium-accent));
    box-shadow: rgb(var(--medium-accent)) 1px 1px 0px 0px, rgb(var(--medium-accent)) 2px 2px 0px 0px, rgb(var(--medium-accent)) 3px 3px 0px 0px;
}
 
#account-options a {
    color: rgb(var(--retro-blue));
}

+ 展开样式代码

:root {
    --nusd-speed: 1;
}
 
/*岛*/
.ic_wrap-box {
}
/*上*/
.ic_wrap-box .ic_top-left-box {
    animation: right0  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_top-left-box .ic_text {
    animation: right0  calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_h-icon {
    animation: ic-right  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
    opacity: 0;
}
 
.ic_wrap-box .ic_r-icon {
    animation: ic-right  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.4s / var(--nusd-speed));
    opacity: 0;
}
 
.ic_wrap-box .ic_s-icon {
    animation: ic-right  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
    opacity: 0;
}
 
/*sd*/
.ic_wrap-box .ic_sd-box {
    clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_infobox-1,.ic_wrap-box .ic_infobox-2 {
    clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    animation: fadeIn-nu-env calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-3 {
    clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--nusd-speed));
}
/*字*/
.ic_wrap-box .ic_sd-box .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_sd-box .ic_sd {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box .ic_infobox-1 .ic_text {
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-1 .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.1s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-2 .ic_text {
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-2 .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.2s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-3 .ic_text {
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_infobox-3 .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
}
/*info*/
.ic_wrap-box .ic_add-h {
    clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    animation: ic-add-h  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.3s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-r {
    clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    animation: ic-add-r  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.4s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-s {
    clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
    animation: ic-add-s  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
}
/*字*/
.ic_wrap-box .ic_add-h .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-h .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.5s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-r .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.6s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-r .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.6s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-s .ic_text {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--nusd-speed));
}
 
.ic_wrap-box .ic_add-s .ic_info {
    animation: rightin calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--nusd-speed));
}
 
.ic_addbox .ic_text,.ic_addbox .ic_info{
        opacity: 0;
}
/*bubor*/
 
.ic_top-box {
    animation: ic-border  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.ic_wrap-box {
    border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace);
    animation: ic-border  calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
    animation-delay: calc(0.7s / var(--nusd-speed));
}
 
@keyframes ic-right {
    0% {
        transform: translateX(-1rem);
        transform: rotate(30deg);
        opacity: 0;
    }
 
    80% {
        transform: translateX(-1rem);
        transform: rotate(30deg);
        opacity: 0;
    }
 
    100% {
        transform: translateX(0);
        transform: rotate(0deg);
        opacity: 1;
    }
}
 
@keyframes ic-border {
    0% {
        border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace);
    }
 
    100% {
        border-bottom: rgba(var(--ic_border-color), 1) solid var(--ic_interspace);
    }
}
 
@keyframes ic-add-h {
    0% {
        clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        background-color: rgba(var(--ic_border-color), 1);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        background-color: rgba(var(--ic_add-habitability-bg-color), 1);
    }
}
 
@keyframes ic-add-r {
    0% {
        clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        background-color: rgba(var(--ic_border-color), 1);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        background-color: rgba(var(--ic_add-resource-bg-color), 1);
    }
}
 
@keyframes ic-add-s {
    0% {
        clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%);
        background-color: rgba(var(--ic_border-color), 1);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        background-color: rgba(var(--ic_add-signal-bg-color), 1);
    }
}
 
/*nusd*/
 
/*左*/
 
.sdnumber p {
    opacity: 0;
    animation: right0 calc(2s / var(--nusd-speed));
    animation-fill-mode: forwards;
}
 
.sdnumber p {
    opacity: 0;
    animation: right0 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sdnumber strong {
    opacity: 0;
    animation: right0 calc(1.2s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sdnumber .lines {
    opacity: 0;
    animation: fadeIn-nu-sd calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*右*/
 
.sd-container .exit {
    animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .environment {
    animation: fadeIn-nu-env calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .entity {
    animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .syntax .sd{
    animation: rightin calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .syntax p strong {
    animation: rightin calc(1.05s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.class.customclass strong::after{
    animation: no-opacity calc(1.05s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*字*/
/*ex*/
.sd-container .exit strong {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .exit p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*ev*/
.sd-container .environment strong {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .environment p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*en*/
.sd-container .entity strong {
    animation: rightin2 calc(1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
.sd-container .entity p span:nth-child(3) {
    animation: rightin2 calc(1.1s / var(--nusd-speed) );
    animation-fill-mode: forwards;
}
 
/*动画*/
 
@keyframes clip0 {
    0% {
        clip-path: inset(0 0 100% 0);
    }
 
    100% {
        clip-path: inset(0 0 0 0);
    }
}
 
@media only screen and (min-width: 1071px) {
 
    .sd-container .border {
        animation: border-spin-pc calc(1s / var(--nusd-speed) );
        transform-origin: right;
    }
 
@keyframes border-spin-pc {
        0%{
    clip-path: polygon(0% 0%,0% 0.4rem,0% 0.4rem,0% 0%);
        transform: scaleX(5000%);
    }
 
    30% {
        clip-path: polygon(0% 0%,0% 0.4rem,100% 0.4rem,100% 0%);
        transform: scaleX(5000%);
        opacity: 1;
    }
 
    60% {
        clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%);
        transform: scaleX(5000%);
        opacity: 1;
    }
 
    100% {
        transform: scaleX(100%);
        opacity: 1;
    }
}
 
.sdnumber p {
    animation-delay: calc((2s / var(--nusd-speed))*0.6);
}
 
.sdnumber p {
    animation-delay: calc((1s / var(--nusd-speed))*0.6);
}
 
.sdnumber strong {
    animation-delay: calc((1.2s / var(--nusd-speed))*0.6);
}
 
.sdnumber .lines {
    animation-delay: calc((1s / var(--nusd-speed))*0.6);
}
 
}
 
@media only screen and (min-width: 620px) and (max-width: 1070px) {
    .sd-container .border {
        animation: border-spin-mo calc(1s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
}
 
@media only screen and (max-width: 620px) {
 
    .sd-container .border {
        animation: border-spin-mo calc(1s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
 
    .sd-container .exit {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
        animation-delay: 0;
        animation-fill-mode: forwards;
    }
 
    .sd-container .environment {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
        animation-delay: calc(0.5s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
 
    .sd-container .entity {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
        animation-delay: calc(1s / var(--nusd-speed) );
        animation-fill-mode: forwards;
    }
}
 
@keyframes border-spin-mo {
    0% {
        clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%);
    }
 
    70% {
        clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%);
        opacity: 1;
    }
 
    100% {
        clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%);
        opacity: 1;
    }
}
 
@keyframes rightin {
    0% {
        transform: translateX(-1rem);
        opacity: 0;
    }
 
    80% {
        transform: translateX(-1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
 
@keyframes rightin2 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    80% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes upin0 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes right0 {
    0% {
        transform: translateX(-1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
 
@keyframes fadeIn-nu-sd {
    0% {
        clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);
        transform: rotateY(180deg);
    }
 
    100% {
        clip-path: polygon(0% 0%,200% 0%, 100% 100%,0% 100%);
        transform: rotateX(0deg);
        opacity: 1;
    }
}
 
@keyframes upin1 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    50% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes upin2 {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    50% {
        transform: translateY(1rem);
        opacity: 0;
    }
 
    75% {
        transform: translateY(0);
        opacity: 1;
    }
 
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 
@keyframes fadeIn-nu-exit {
    0% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    }
 
    25% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    }
}
 
@keyframes fadeIn-nu-env {
    0% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    }
 
    25% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    }
}
 
@keyframes fadeIn-nu-enti {
    0% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%);
    }
 
    25% {
        clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%);
    }
 
    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    }
}
 
@keyframes no-opacity {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

强力去屑诊所是后室中的一个房间。

LEVEL
???

生存等级生存等級
3 级級

逃离逃離：3/5
难以逃离難以逃離

环境環境：3/5
高环境风险高環境風險

实体實體：2/5
少量敌意存在少量敵意存在

---

描述

强力去屑诊所的外观与一般的小型诊所没有太大的区别，可以以独立式建筑或某一建筑中的一部分这两种形式出现。当强力去屑诊所作为独立式建筑出现时，为一长方体的独立式平房，外墙的颜色为白色；当它作为某一建筑中的一部分出现时，一般出现在较低的楼层。在强力去屑诊所所在的建筑顶端设置有明显的红色十字标志，这使它极其容易与医院混淆。

强力去屑诊所的入口为一平常保持关闭的无窗对开门。入口的旁边设置有流浪者能够理解的文字所书写的指示牌，其内容如下：

🏥强力去屑诊所
安全可靠疗法，彻底清洁头皮，迅速解除痛苦

👨‍⚕️后室顶尖皮肤医学团队

🩺高效疗法，有效治疗顽固头皮屑、脂溢性皮炎和花斑癣

💰先收费后服务，不满意可退款

门诊入口👉

强力去屑诊所的内部类似一个皮肤科诊所，环境良好，墙面、天花板及地板均保持干净。强力去屑诊所的内部包括诊室和走廊两大板块，其中诊室一共7间，分布在走廊的同一侧。诊室间使用玻璃幕墙隔开，诊室与走廊之间则安装了可拉动的窗帘。在诊室中有病床、凳子和部分医疗器械，在走廊上也摆放有一些医疗器械。这些物品均摆放整齐，表面干净，极易让流浪者产生自己进入了正规医疗机构的错觉。

强力去屑诊所的内部。

特性

从流浪者发现强力去屑诊所开始，该房间即对流浪者产生影响。经确认，强力去屑诊所首先会通过未知效应诱引发现它的流浪者，使流浪者尽可能地在房间周边获取腰果水，然后主动进入强力去屑诊所，这一效应的实际效果取决于流浪者本身的意志力强弱。值得注意的是，那些长期患有头皮屑、脂溢性皮炎等头部皮肤疾病的人士在面对强力去屑诊所时似乎更加脆弱，更易受到其引诱携带大量腰果水进入强力去屑诊所。

根据已经掌握的信息，强力去屑诊所接纳的流浪者不会超过其诊室能够容纳的人数¹，当已容纳的流浪者达到诊室容纳的上限后，强力去屑诊所的入口即被内部反锁，新的流浪者将无法进入。在特殊效应的作用下，这些流浪者将被引诱在入口处徘徊，直到入口重新开放。

一旦进入强力去屑诊所，流浪者将遭遇自称为“马拉塞医师团队”的窃皮者团体。这些窃皮者的特殊之处在于它们在任何情况下都不会主动攻击人类，而且可以流畅使用人类的语言。当流浪者进入强力去屑诊所后，“马拉塞医师团队”会要求流浪者缴付其携带的腰果水以支付医疗费，随后便指导其前往一个诊室“就诊”。在“就诊”过程中，“马拉塞医师团队”的“医生”会持续地同流浪者交流。与此同时，诊所内部的特殊效应将开始导致流浪者难以自谈话中脱身，他们的皮肤将开始不断地以鳞屑的形式大量脱落。在刚开始的时候，由于只有表皮受到损害，流浪者可能不会感受到任何不适，或者仅感受到轻微的瘙痒；当真皮开始脱落后，流浪者将感受到巨大的痛苦，但为时已晚。皮肤全部脱落后，流浪者就会死亡。

当强力去屑诊所内的流浪者全部死亡后，房间的入口将重新开放，而那些受害流浪者的遗体、掉落的皮肤碎屑、污渍和他们带来的腰果水在新一批流浪者进入之前就消失无踪。

进入强力去屑诊所的流浪者由于房间的特殊效应不太可能安全离开，但在极少数情况下，流浪者可以凭借求生欲望、意志力等精神力量主动离开诊室并循原路走出强力去屑诊所。以这种方法离开强力去屑诊所不会受到“马拉塞医师团队”的阻拦，受到的特殊效应影响亦将在远离诊所的过程中逐渐减弱直至消失，但流浪者已经支付的腰果水无法退回，身体已经遭受的损伤不会消失，他们必须尽快接受治疗，否则同样有生命危险。

实体

“马拉塞医师团队”

名为“马拉塞医师团队Dr. Malasse's team”的窃皮者团体是强力去屑诊所中唯一的实体存在。该团体以其头目“马拉塞医师”的名字命名，共有9只窃皮者。

与一般的窃皮者不同，“马拉塞医师团队”的成员由于某些原因丧失了攻击性，获得了人类的语言能力。为了生存，这些窃皮者组成了假冒医师团体驻扎于强力去屑诊所，借刀杀人，利用该房间的特殊效应，在不必主动攻击流浪者的前提下获取食物。

经调查，“马拉塞医师团队”内部分工明确。其中，1名窃皮者驻守在强力去屑诊所的入口，负责接待流浪者并索取腰果水；包括“马拉塞医师”在内的7名口才较好的窃皮者驻守在诊室内，其主要工作是在特殊效应的辅助下和流浪者持续进行谈话；另有1名窃皮者，专门负责打扫卫生和处理尸体。

基地，前哨和社区

目前，强力去屑诊所内没有任何基地，前哨和社区。M.E.G.正研究在合适时机袭击强力去屑诊所并逮捕“马拉塞医师团队”的可能性。

入口和出口

入口

• 在Level C-114中有时可以看到指向“皮肤科”的指示牌，沿着这些指示牌提示的路线可以到达强力去屑诊所；
• 在与城镇有关的层级中有概率遭遇强力去屑诊所。如果流浪者患有头皮屑、脂溢性皮炎等头部皮肤疾病并怀有强烈的治愈愿望，那么他/她遭遇强力去屑诊所的概率将极大增加。

出口

• 目前已知唯一离开强力去屑诊所的方法就是动用一切精神力量坚定地从原路返回，在此之后流浪者将回到原先所在的层级。

作者信息

来自penguin_954

Footnotes

1. 每个诊室只能容纳1人。

‡ 授权 / 引用

请按如下方式引用此页：

“强力去屑诊所”，作者 penguin_954，来自后室中文维基。原文链接：http://backrooms-wiki-cn.wikidot.com/the-dermatology-clinic。遵循 CC BY-SA 3.0 协议。

---

图像名：皮肤、皮肤科、医院图片
图像作者：vitalworks
授权协议：Pixabay
来源链接：https://pixabay.com/zh/photos/skin-dermatology-hospital-2404163/

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