主页
“假如你不小心在错误的地方从现实中切出，你最终将坠入后室，这里只有腐臭的潮湿地毯，令人发狂的单调黄色，荧光灯全力运作发出的永无止境的嗡鸣，还有令人深陷其中的大约六亿平方英里随机分割的空荡房间。倘若你听见有什么东西在附近徘徊，愿上帝保佑你吧，因为它一定也听见了你的声音……”
Discord
常见问题
加入网站
欢迎来到 The Backrooms 中文维基！
官方QQ群解散通知
各位网站成员，你们好。由于长期以来，官方QQ群内部的交流氛围难以得到有效控制，存在许多群员未能在群内获得良好的交流体验而退群的情况，甚至在站务团队一直以来的长期管控和一再收紧的政策要求下，截至解散前，其内部仍处于鱼龙混杂的状态。经过各方面的评判，我们认为官方QQ群已失去其应有职能，决定解散群聊，并暂时不再承认任何“后室QQ群”的官方性质，若大家需要推荐文章或交流后室相关话题，请移步官方Discord或网站讨论区，希望大家理解！
关于作者页URL的变更提示。后室中文维基各成员的作者页变更为author:分类页面。使用了Listpages的作者页在变更后可能会受到影响，导致统计功能无效。关于这一问题的解决方法和进一步信息请参见通告：中文维基作者页分类变更。
shengcunbenneng
{$img2}
{$img3}
{$img4}
{$img5}
{$img6}
2023 劳动节 『生存本能』 原创强化活动
{$text2}
{$text3}
{$text4}
{$text5}
{$text6}
/* 
    Carousel Component CSS Version
    Made by hoah2333
    Inspired form Carousel Component by Croquembouche
*/
 
:root {
    --base-roll-time: 0.5s;
    --base-wait-time: 5s;
    --img-2-time: calc(2 * (var(--base-roll-time) + var(--base-wait-time)));
    --img-3-time: calc(3 * (var(--base-roll-time) + var(--base-wait-time)));
    --img-4-time: calc(4 * (var(--base-roll-time) + var(--base-wait-time)));
    --img-5-time: calc(5 * (var(--base-roll-time) + var(--base-wait-time)));
    --img-6-time: calc(6 * (var(--base-roll-time) + var(--base-wait-time)));
    --navigator-mask: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzIzMTgxNTt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjAiIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeT0iOCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHk9IjE2IiB3aWR0aD0iMjAiIGhlaWdodD0iNCIvPjwvc3ZnPg==);
}
 
.carousel-container {
    position: relative;
    overflow: hidden;
}
 
.carousel-container .rolling {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.carousel-container .rolling br {
    display: none;
}
.carousel-container .rolling a:nth-of-type(1) {
    width: 100%;
    position: relative;
}
.carousel-container .rolling a:nth-of-type(2),
.carousel-container .rolling a:nth-of-type(3),
.carousel-container .rolling a:nth-of-type(4),
.carousel-container .rolling a:nth-of-type(5),
.carousel-container .rolling a:nth-of-type(6) {
    position: absolute;
    left: 100%;
    width: 100%;
}
 
.carousel-container .progress {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    backdrop-filter: blur(2px);
    height: 5px;
    left: 0;
}
 
/* ============== */
/* 图片切换动画部分 */
/* ============== */
.carousel-container .rolling.img-2 a:nth-of-type(1) {
    animation: rolling2-1 var(--img-2-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-2 a:nth-of-type(2) {
    animation: rolling2-2 var(--img-2-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes rolling2-1 {
    0% {left: 0;}           /* 0s */
    4.54% {left: -100%;}    /* 0.5s */
    49.99% {left: -100%;}
    50% {left: 100%;}       /* 5.5s */
    54.54% {left: 0;}       /* 6s */
    100% {left: 0;}         /* 11s */
}
@keyframes rolling2-2 {
    0% {left: 100%;}        /* 0s */
    4.54% {left: 0;}        /* 0.5s */
    50% {left: 0;}          /* 5.5s */
    54.54% {left: -100%;}   /* 6s */
    99.99% {left: -100%;}
    100% {left: 100%;}      /* 11s */
}
 
.carousel-container .rolling.img-3 a:nth-of-type(1) {
    animation: rolling3-1 var(--img-3-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-3 a:nth-of-type(2) {
    animation: rolling3-2 var(--img-3-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-3 a:nth-of-type(3) {
    animation: rolling3-3 var(--img-3-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes rolling3-1 {
    0% {left: 0;}           /* 0s */
    3.03% {left: -100%;}    /* 0.5s */
    66.65% {left: -100%;}   
    66.66% {left: 100%;}    /* 11s */
    69.69% {left: 0;}       /* 11.5s */
    100% {left: 0;}         /* 16.5s */
}
@keyframes rolling3-2 {
    0% {left: 100%;}        /* 0s */
    3.03% {left: 0;}        /* 0.5s */
    33.33% {left: 0;}       /* 5.5s */
    36.36% {left: -100%;}   /* 6s */
    99.99% {left: -100%;}
    100% {left: 100%;}      /* 16.5s */
}
@keyframes rolling3-3 {
    0% {left: 100%;}        /* 0s */
    33.33% {left: 100%;}    /* 5.5s */
    36.36% {left: 0;}       /* 6s */
    66.66% {left: 0;}       /* 11s */
    69.69% {left: -100%;}   /* 11.5s */
    99.99% {left: -100%}
    100% {left: 100%;}      /* 16.5s */
}
 
.carousel-container .rolling.img-4 a:nth-of-type(1) {
    animation: rolling4-1 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-4 a:nth-of-type(2) {
    animation: rolling4-2 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-4 a:nth-of-type(3) {
    animation: rolling4-3 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-4 a:nth-of-type(4) {
    animation: rolling4-4 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes rolling4-1 {
    0% {left: 0;}           /* 0s */
    2.27% {left: -100%;}    /* 0.5s */
    74.99% {left: -100%;}   
    75% {left: 100%;}       /* 16.5s */
    77.27% {left: 0;}       /* 17s */
    100% {left: 0;}         /* 22s */
}
@keyframes rolling4-2 {
    0% {left: 100%;}        /* 0s */
    2.27% {left: 0;}        /* 0.5s */
    25% {left: 0;}          /* 5.5s */
    27.27% {left: -100%;}   /* 6s */
    99.99% {left: -100%;}
    100% {left: 100%;}      /* 22s */
}
@keyframes rolling4-3 {
    0% {left: 100%;}        /* 0s */
    25% {left: 100%;}       /* 5.5s */
    27.27% {left: 0;}       /* 6s */
    50% {left: 0;}          /* 11s */
    52.27% {left: -100%;}   /* 11.5s */
    99.99% {left: -100%}
    100% {left: 100%;}      /* 22s */
}
@keyframes rolling4-4 {
    0% {left: 100%;}        /* 0s */
    50% {left: 100%;}       /* 11s */
    52.27% {left: 0;}       /* 11.5s */
    75% {left: 0;}          /* 16.5s */
    77.27% {left: -100%;}   /* 17s */
    99.99% {left: -100%}
    100% {left: 100%;}      /* 22s */
}
 
.carousel-container .rolling.img-5 a:nth-of-type(1) {
    animation: rolling5-1 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-5 a:nth-of-type(2) {
    animation: rolling5-2 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-5 a:nth-of-type(3) {
    animation: rolling5-3 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-5 a:nth-of-type(4) {
    animation: rolling5-4 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-5 a:nth-of-type(5) {
    animation: rolling5-5 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes rolling5-1 {
    0% {left: 0;}           /* 0s */
    1.82% {left: -100%;}    /* 0.5s */
    79.99% {left: -100%;}   
    80% {left: 100%;}       /* 22s */
    81.82% {left: 0;}       /* 22.5s */
    100% {left: 0;}         /* 27.5s */
}
@keyframes rolling5-2 {
    0% {left: 100%;}        /* 0s */
    1.82% {left: 0;}        /* 0.5s */
    20% {left: 0;}          /* 5.5s */
    21.82% {left: -100%;}   /* 6s */
    99.99% {left: -100%;}
    100% {left: 100%;}      /* 27.5s */
}
@keyframes rolling5-3 {
    0% {left: 100%;}        /* 0s */
    20% {left: 100%;}       /* 5.5s */
    21.82% {left: 0;}       /* 6s */
    40% {left: 0;}          /* 11s */
    41.82% {left: -100%;}   /* 11.5s */
    99.99% {left: -100%}
    100% {left: 100%;}      /* 27.5s */
}
@keyframes rolling5-4 {
    0% {left: 100%;}        /* 0s */
    40% {left: 100%;}       /* 11s */
    41.82% {left: 0;}       /* 11.5s */
    60% {left: 0;}          /* 16.5s */
    61.82% {left: -100%;}   /* 17s */
    99.99% {left: -100%}
    100% {left: 100%;}      /* 27.5s */
}
@keyframes rolling5-5 {
    0% {left: 100%;}        /* 0s */
    60% {left: 100%;}       /* 16.5s */
    61.82% {left: 0;}       /* 17s */
    80% {left: 0;}          /* 22s */
    81.82% {left: -100%;}   /* 22.5s */
    99.99% {left: -100%}
    100% {left: 100%;}      /* 27.5s */
}
 
.carousel-container .rolling.img-6 a:nth-of-type(1) {
    animation: rolling6-1 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-6 a:nth-of-type(2) {
    animation: rolling6-2 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-6 a:nth-of-type(3) {
    animation: rolling6-3 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-6 a:nth-of-type(4) {
    animation: rolling6-4 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-6 a:nth-of-type(5) {
    animation: rolling6-5 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .rolling.img-6 a:nth-of-type(5) {
    animation: rolling6-6 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes rolling6-1 {
    0% {left: 0;}           /* 0s */
    1.51% {left: -100%;}    /* 0.5s */
    79.99% {left: -100%;}   
    83.33% {left: 100%;}    /* 27.5s */
    84.85% {left: 0;}       /* 28s */
    100% {left: 0;}         /* 33s */
}
@keyframes rolling6-2 {
    0% {left: 100%;}        /* 0s */
    1.51% {left: 0;}        /* 0.5s */
    16.67% {left: 0;}       /* 5.5s */
    18.82% {left: -100%;}   /* 6s */
    99.99% {left: -100%;}
    100% {left: 100%;}      /* 33s */
}
@keyframes rolling6-3 {
    0% {left: 100%;}        /* 0s */
    16.67% {left: 100%;}    /* 5.5s */
    18.82% {left: 0;}       /* 6s */
    33.33% {left: 0;}       /* 11s */
    34.85% {left: -100%;}   /* 11.5s */
    99.99% {left: -100%}
    100% {left: 100%;}      /* 33s */
}
@keyframes rolling6-4 {
    0% {left: 100%;}        /* 0s */
    33.33% {left: 100%;}    /* 11s */
    34.85% {left: 0;}       /* 11.5s */
    50% {left: 0;}          /* 16.5s */
    51.51% {left: -100%;}   /* 17s */
    99.99% {left: -100%}
    100% {left: 100%;}      /* 33s */
}
@keyframes rolling6-5 {
    0% {left: 100%;}        /* 0s */
    50% {left: 100%;}       /* 16.5s */
    51.51% {left: 0;}       /* 17s */
    66.67% {left: 0;}       /* 22s */
    68.18% {left: -100%;}   /* 22.5s */
    99.99% {left: -100%}
    100% {left: 100%;}      /* 33s */
}
@keyframes rolling6-6 {
    0% {left: 100%;}        /* 0s */
    66.67% {left: 100%;}    /* 22s */
    68.18% {left: 0;}       /* 22.5s */
    83.33% {left: 0;}       /* 27.5s */
    84.85% {left: -100%;}   /* 28s */
    99.99% {left: -100%}
    100% {left: 100%;}      /* 33s */
}
 
/* ============ */
/* 进度条动画部分 */
/* ============ */
.carousel-container .progress.width-2,
.carousel-container .progress.fake-2 {
    width: calc(100% / 2);
}
.carousel-container .progress.width-2 {
    animation: progress-2 var(--img-2-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .progress.fake-2 {
    animation: fake-2 var(--img-2-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes progress-2 {
    0% {left: 0;}                   /* 0s */
    4.54% {left: calc(100% / 2);}   /* 0.5s */
    50% {left: calc(100% / 2);}     /* 5.5s */
    54.54% {left: 100%;}            /* 6s */
    99.99% {left: 100%;}
    100% {left: 0;}                 /* 11s */
}
@keyframes fake-2 {
    0% {left: 0;}                   /* 0s */
    0.01% {left: calc(100% / -2);}
    50% {left: calc(100% / -2);}    /* 5.5s */
    54.54% {left: 0;}               /* 6s */
    100% {left: 0;}              /* 11s */
}
 
.carousel-container .progress.width-3,
.carousel-container .progress.fake-3 {
    width: calc(100% / 3);
}
.carousel-container .progress.width-3 {
    animation: progress-3 var(--img-3-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .progress.fake-3 {
    animation: fake-3 var(--img-3-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes progress-3 {
    0% {left: 0;}                       /* 0s */
    3.03% {left: calc(100% / 3);}       /* 0.5s */
    33% {left: calc(100% / 3);}         /* 5.5s */
    36.36% {left: calc(100% / 3 * 2);}  /* 6s */
    66.66% {left: calc(100% / 3 * 2);}  /* 11s */
    69.69% {left: 100%;}                /* 11.5s */
    99.99% {left: 100%;}
    100% {left: 0;}                     /* 16.5s */
}
@keyframes fake-3 {
    0% {left: 0;}                       /* 0s */
    0.01% {left: calc(100% / -3);}
    66.66% {left: calc(100% / -3);}     /* 11s */
    69.69% {left: 0;}                   /* 11.5s */
    100% {left: 0;}                     /* 16.5s */
}
 
.carousel-container .progress.width-4,
.carousel-container .progress.fake-4 {
    width: calc(100% / 4);
}
.carousel-container .progress.width-4 {
    animation: progress-4 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .progress.fake-4 {
    animation: fake-4 var(--img-4-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes progress-4 {
    0% {left: 0;}                       /* 0s */
    2.27% {left: calc(100% / 4);}       /* 0.5s */
    25% {left: calc(100% / 4);}         /* 5.5s */
    27.27% {left: calc(100% / 4 * 2);}  /* 6s */
    50% {left: calc(100% / 4 * 2);}     /* 11s */
    52.27% {left: calc(100% / 4 * 3);}  /* 11.5s */
    75% {left: calc(100% / 4 * 3)}      /* 16.5s */
    77.27% {left: 100%;}                /* 17s */
    99.99% {left: 100%;}
    100% {left: 0;}                     /* 22s */
}
@keyframes fake-4 {
    0% {left: 0;}                       /* 0s */
    0.01% {left: calc(100% / -4);}
    75% {left: calc(100% / -4);}        /* 16.5s */
    77.27% {left: 0;}                   /* 17s */
    100% {left: 0;}                     /* 22s */
}
 
.carousel-container .progress.width-5,
.carousel-container .progress.fake-5 {
    width: calc(100% / 5);
}
.carousel-container .progress.width-5 {
    animation: progress-5 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .progress.fake-5 {
    animation: fake-5 var(--img-5-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes progress-5 {
    0% {left: 0;}                       /* 0s */
    1.82% {left: calc(100% / 5);}       /* 0.5s */
    20% {left: calc(100% / 5);}         /* 5.5s */
    21.82% {left: calc(100% / 5 * 2);}  /* 6s */
    40% {left: calc(100% / 5 * 2);}     /* 11s */
    41.82% {left: calc(100% / 5 * 3);}  /* 11.5s */
    60% {left: calc(100% / 5 * 3)}      /* 16.5s */
    61.82% {left: calc(100% / 5 * 4);}  /* 17s */
    80% {left: calc(100% / 5 * 4);}     /* 22s */
    81.82% {left: 100%;}                /* 22.5s */
    99.99% {left: 100%;}
    100% {left: 0;}                     /* 27.5s */
}
@keyframes fake-5 {
    0% {left: 0;}                       /* 0s */
    0.01% {left: calc(100% / -5);}
    80% {left: calc(100% / -5);}        /* 22s */
    81.82% {left: 0;}                   /* 22.5s */
    100% {left: 0;}                     /* 27.5s */
}
 
.carousel-container .progress.width-6,
.carousel-container .progress.fake-6 {
    width: calc(100% / 6);
}
.carousel-container .progress.width-6 {
    animation: progress-6 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.carousel-container .progress.fake-6 {
    animation: fake-6 var(--img-6-time) var(--base-wait-time) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes progress-6 {
    0% {left: 0;}                       /* 0s */
    1.51% {left: calc(100% / 6);}       /* 0.5s */
    16.67% {left: calc(100% / 6);}      /* 5.5s */
    18.82% {left: calc(100% / 6 * 2);}  /* 6s */
    33.33% {left: calc(100% / 6 * 2);}  /* 11s */
    34.85% {left: calc(100% / 6 * 3);}  /* 11.5s */
    50% {left: calc(100% / 6 * 3)}      /* 16.5s */
    51.51% {left: calc(100% / 6 * 4);}  /* 17s */
    66.67% {left: calc(100% / 6 * 4);}  /* 22s */
    68.18% {left: calc(100% / 6 * 5);}  /* 22.5s */
    83.33% {left: calc(100% / 6 * 5);}  /* 27.5s */
    84.85% {left: 100%;}                /* 28s */
    99.99% {left: 100%;}
    100% {left: 0;}                     /* 33s */
}
@keyframes fake-6 {
    0% {left: 0;}                       /* 0s */
    0.01% {left: calc(100% / -6);}
    83.33% {left: calc(100% / -6);}     /* 27.5s */
    84.85% {left: 0;}                   /* 28s */
    100% {left: 0;}                     /* 33s */
}
 
/* ========== */
/* 导航菜单部分 */
/* ========== */
.carousel-container .navigator {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0);
    transition: 
        background-color 0.25s 0.25s cubic-bezier(0.4, 0, 0.2, 1),
        width 0.25s 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        height 0.25s 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.carousel-container .navigator.none {
    display: none;
}
.carousel-container .navigator::before {
    content: "";
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-mask-size: 40%;
    mask-size: 40%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: var(--navigator-mask);
    mask-image: var(--navigator-mask);
    left: 0;
    transition: left 0.75s 0s linear;
}
.carousel-container .navigator:hover {
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    transition-delay: 0s;
}
.carousel-container .navigator:hover::before {
    left: -999vw;
}
.carousel-container .navigator .navigator-links {
    display: grid;
    position: absolute;
    left: -999vw;
    width: 100%;
    height: 100%;
    transition: left 0s 0.25s linear;
}
.carousel-container .navigator br {
    display: none;
}
.carousel-container .navigator:hover .navigator-links {
    left: 0;
    transition-delay: 0s;
}
.carousel-container .navigator .navigator-links.links-2 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
}
.carousel-container .navigator .navigator-links.links-3 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
}
.carousel-container .navigator .navigator-links.links-4 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
}
.carousel-container .navigator .navigator-links.links-5 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 1fr);
}
.carousel-container .navigator .navigator-links.links-6 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 1fr);
}
.carousel-container .navigator .navigator-links a {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: left;
    box-sizing: border-box;
    border-left: 5px solid rgba(0, 0, 0, 0.4);
    padding-left: 10px;
    color: #3A3A3A;
    font-size: 1.15rem;
    text-decoration: none;
    clip-path: inset(0 0 100% 0);
    transition: clip-path 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1);
}
.carousel-container .navigator:hover .navigator-links a {
    clip-path: inset(0);
    transition-delay: 0.25s;
}
/* 一个 a:not(a:last-of-type) 就能解决的事 */
.carousel-container .navigator .navigator-links a:nth-of-type(1),
.carousel-container .navigator .navigator-links.links-3 a:nth-of-type(2),
.carousel-container .navigator .navigator-links.links-4 a:nth-of-type(2),
.carousel-container .navigator .navigator-links.links-4 a:nth-of-type(3),
.carousel-container .navigator .navigator-links.links-5 a:nth-of-type(2),
.carousel-container .navigator .navigator-links.links-5 a:nth-of-type(3),
.carousel-container .navigator .navigator-links.links-5 a:nth-of-type(4),
.carousel-container .navigator .navigator-links.links-6 a:nth-of-type(2),
.carousel-container .navigator .navigator-links.links-6 a:nth-of-type(3),
.carousel-container .navigator .navigator-links.links-6 a:nth-of-type(4),
.carousel-container .navigator .navigator-links.links-6 a:nth-of-type(5) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.carousel-container .navigator .navigator-links a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.carousel-container .navigator .navigator-links a:hover::after {
    left: 0;
}
 
/* ======== */
/* 移动端优化 */
/* ======== */
@media (max-width: 1024px) {
    .carousel-container .navigator .navigator-links a {
        font-size: 1rem;
    }
}
@media (max-width: 980px) {
    .carousel-container .navigator .navigator-links a {
        font-size: 0.75rem;
    }
}
@media (max-width: 526px) {
    .carousel-container .navigator .navigator-links.links-4 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(2, 1fr);
    }
    .carousel-container .navigator .navigator-links.links-5,
    .carousel-container .navigator .navigator-links.links-6 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(3, 1fr);
    }
    .carousel-container .navigator .navigator-links.links-5 a:nth-of-type(5) {
        grid-column: 1 / 3;
    }
}
 
/* ======== */
/* 防呆不防傻 */
/* ======== */
.carousel-container [class*="$number"],
.carousel-container .rolling a[href*="$link"],
.carousel-container .navigator .navigator-links a[style*="$link"] {
    display: none;
}
想要发布新作品？
最近新增的翻译页面

全成就主义
Phenomenon 6 - “尼比鲁大灾难”
新阈限 版式
Level 225
新版层级等级组件
Level 208
宇宙之心
Level 210

最近新增的翻译页面一览
最近新增的原创页面

无人后室 - 新手上路
Entity C-281 - “升降梯”
鱼回家的日子
Level C-966
Solar C-577
待宵
Phenomenon C-120 - “断层”
尼克，儿童节快乐！

最近新增的原创页面一览
精品原创层级

花陌山头火

by Etinjat

沿着逆向路一直走，在起风的时候，自己的眼睛要一直看着山脚，看着花海变红，看着枝干解离并向上腾起碎片，看着破裂花瓣的形状扭曲拉伸，宛如一丝丝欻起熛飞的火苗，宛如一张张织起的火网，从遥远的山脚下扑向流浪者。流浪者可以从缝隙中，依稀瞥见扭曲的热光背后，是一片堆叠诸多阴影的墙壁。

往期精品归档
精品原创实体

<Talitha_Cumi>

by rx00000xn

不对，她满意的不只是自己的脸。她澄澈明亮得如同红宝石般的美丽双眼直直的望向屏幕外的他，那缺失瞳孔的血红色双瞳散发出妖异的粉红色光芒，颜色就如她手中的辉光一样。那光芒把整个水面都染成了粉红色，同时还映照出了水中渐渐溶解的粉红色微粒。

往期精品归档
精品原创房间

夕月岛

by rukatyan

时至今日，仍有人能在忘川看到诸如幽灵、鬼魂的幻相，但随着思乡症逐渐淡出公众的视野，君自故乡来、忘川这些词语逐渐被遗忘，那曾折磨无数人的恐怖病症也逐渐变成了书卷档案中一例再平凡不过的事件记录，再也不会被世人铭记，它们将在不见天日的数据档案中静静死去。

往期精品归档
精品翻译层级

Level 370 - “池房”

Be the worthy 译

我明天就要收拾行李离开了，但与离开德-阿西德镇之前那时不同的是，我现在会对开始另一段旅程感到兴奋了。我现在总算了解了一条路线——这些人懂的比我知道的多得多，而我已经准备好迎接任何其他的挑战了。为新的人生观干杯吧。

往期精品归档
奖励精品

Level C-418 - “千禧年，回忆”

作者： chengbing & gaplouelpew & 推荐者： gaplouelpew

“正如你所说的那样，所引起的回忆十分短暂，但那心中的回忆永存。”

往期精品归档
公告
2023年4月17日
The Backrooms中文维基第四次版主选举已结束，恭喜EltracEltrac， AmbersightAmbersight和FWMangoFWMango因获得了大多数成员的支持而将担任本站版主职务！此外由于本站站务TaRtaR0STaRtaR0S因个人原因卸任站点内管理员职务，故SaintafoxSaintafox将接任其为新任管理员，具体票选结果及职务变动细节见此通告。
2023年4月2日
The Backrooms中文维基第四次管理选举已结束，恭喜Dr DayyDr Dayy，Romand0Romand0和rukatyanrukatyan能够获得大部分成员的支持而担任新一届管理员！
昨天的公告被证明为Wikidot方管理养的猫趁他休息乱踩键盘所导致。犯罪嫌疑猫已经畏罪潜逃，管理团队正在加急抓捕中。
2023年4月1日
我们刚刚与 Fandom 后室中文维基签订了一项合约，此后 Wikidot 后室中文维基将无条件永久归属 Fandom 后室中文维基管辖，望各成员周知。
2023年2月5日/2月8日
网站维护协理职员团队Maintenance and Ancillary Staff Team, MAST招募现已结束，恭喜NitryNitry、NPCenterNPCenter、rukatyanrukatyan和yhxoboeyhxoboe上任，具体信息见此；恭喜vallerbackvallerback自版主晋升为管理员，Romand0Romand0和az18121063499az18121063499自MAST职员晋升为版主，更进一步信息请见此通告。
旧新闻归档
folder_open.png
指导中心
指导中心能为你提供创作一篇你自己的“后室”文章的全部工具！
sandbox-bucket.png
CN沙盒站
你可以在CN沙盒站尽情调试你的文章和代码，当你创作完毕后，你可以在正式发布前将你文章的沙盒链接发布到草稿评判区供其他成员进行批评和建议。
国际站点
int-logo.png

国际翻译中心

http://backrooms-int.wikidot.com/
ru-logo

俄文维基

http://ru-backrooms-wiki.wikidot.com/
fr-logo

法文维基

http://fr-backrooms-wiki.wikidot.com/
pt-br-logo

葡萄牙文维基

http://pt-br-backrooms-wiki.wikidot.com/
vn-logo

越南文维基

http://backrooms-vn.wikidot.com/
es_logo.png

西班牙文维基

http://es-backrooms-wiki.wikidot.com/
backrooms-pl-bgtr.png

波兰文维基

http://pl-backrooms-wiki.wikidot.com/
TBID_Logo%20.png

印尼文维基

http://id-backrooms-wiki.wikidot.com/
%E6%84%8F%E5%A4%A7%E5%88%A9logo

意大利文维基

http://it-backrooms-wiki.wikidot.com/
UN-C.png

多语言孵化器

http://backrooms-uli.wikidot.com/
cn_logo.svg

中文维基 logo 由 KcorenaKcorena 基于 EstrellaYoshteEstrellaYoshte 的设计修改而来，适用知识共享-版权归属-相同方式共享 3.0 授权协议（CC-BY-SA）。

原创总览管理
页面版本: 359, 最后编辑于: 01 Jun 2023 15:00
编辑 评分 (+353) 标签 讨论 (342) 历史记录 附件 打印 网站工具 + 选项
除非特别注明，本页内容采用以下授权方式： Creative Commons Attribution-ShareAlike 3.0 License