主页

:root {
    --accent-color: 40, 110, 255;
 
    --header-title: "OUR Backrooms";
    --header-subtitle: "我们在一片天空下";
    --background-image: url("https://s41.ax1x.com/2026/04/26/pehbehV.jpg");
 
    --background-color: 245, 247, 252;
    --text-color: 28, 32, 40;
 
    --light-color-1: 255, 255, 255;
    --light-color-2: 248, 250, 255;
 
    --dark-color-1: 40, 110, 255;
    --dark-color-2: 30, 80, 200;
    --dark-color-3: 20, 60, 160;
    --dark-color-4: 10, 40, 120;
 
    --link-color: 40, 110, 255;
    --hover-link-color: 40, 110, 255, 0.7;
    --visited-link-color: 90, 120, 200;
 
    --selected-background-color: 40, 110, 255, 0.15;
 
    --topbar-background-color: 255, 255, 255, 0.85;
    --topbar-hover-background-color: 40, 110, 255, 0.08;
 
    --general-button-background-color: 240, 244, 255;
    --general-hover-button-text-color: 40, 110, 255;
 
    --table-background-color: 255, 255, 255;
    --table-text-color: 30, 35, 45;
 
    --note-background-color: 220, 235, 255;
 
    --sidebar-title-background-color: 235, 240, 255;
}
 
#side-bar .heading {
    position: relative;
    overflow: hidden;
}
 
#side-bar .heading::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(40,110,255,0.2),
        transparent
    );
    opacity: 0;
    transition: opacity 0.4s ease;
}
 
#side-bar .heading:hover::after {
    opacity: 1;
}
 
#side-bar .menu-item a {
    position: relative;
    display: block;
    padding: 0.45rem 0.8rem;
    border-radius: 0.8rem;
    transition: all 0.3s ease;
}
 
#side-bar .menu-item a:hover {
    background: rgba(40,110,255,0.08);
    transform: translateX(6px);
    box-shadow: 0 0.3rem 0.8rem rgba(40,110,255,0.15);
}
 
#side-bar .menu-item a::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 20%;
    width: 3px;
    height: 60%;
    border-radius: 2px;
    background: rgb(var(--accent-color));
    opacity: 0;
    transform: scaleY(0);
    transition: all 0.3s ease;
}
 
#side-bar .menu-item a:hover::before {
    opacity: 1;
    transform: scaleY(1);
}
 
#top-bar div[class*=top-bar] > ul > li > a {
    transition: transform 0.25s cubic-bezier(.2,.8,.2,1),
                color 0.2s ease;
}
 
#top-bar div[class*=top-bar] > ul > li > a:hover {
    transform: translateY(-2px) scale(1.06);
    color: rgb(var(--accent-color));
}
 
#top-bar div[class*=top-bar] > ul > li > a:active {
    transform: translateY(0) scale(0.98);
}
 
#top-bar div[class*=top-bar] > ul > li > ul {
    opacity: 0;
    transform: translateY(6px);
    transition: all 0.25s ease;
}
 
#top-bar div[class*=top-bar] > ul > li:hover > ul {
    opacity: 1;
    transform: translateY(0);
}
 
#top-bar div[class*=top-bar] > ul > li > ul {
    opacity: 0;
    transform: translateY(6px);
    transition: all 0.25s ease;
}
 
#top-bar div[class*=top-bar] > ul > li:hover > ul {
    opacity: 1;
    transform: translateY(0);
}
 
#top-bar div[class*=top-bar] > ul > li > ul > li > a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
 
    transition: transform 0.22s cubic-bezier(.2,.8,.2,1),
                color 0.2s ease;
}
 
#top-bar div[class*=top-bar] > ul > li > ul > li > a:hover {
    transform: translateX(4px) scale(1.05);
    color: rgb(var(--accent-color));
}
 
#top-bar div[class*=top-bar] > ul > li > ul > li > a:active {
    transform: translateX(0) scale(0.97);
}
 
@keyframes smooth-fade {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
 
#main-content,
#side-bar,
#top-bar {
    animation: smooth-fade 0.6s cubic-bezier(.2,.8,.2,1);
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]),
#page-content .avatarhover,
.hovertip a,
.classic-collap a.collapsible-block-link {
    padding: 0.15em;
    margin: -0.15em;
    color: rgb(var(--text-color));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: inset 0 -0.12rem 0 0 rgba(var(--accent-color), 0.8);
    transition:
        box-shadow 260ms cubic-bezier(.2,.8,.2,1),
        color 220ms ease;
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]):hover,
#page-content .avatarhover:hover,
.hovertip a:hover,
.classic-collap a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.4em 0 0 rgba(var(--accent-color), 0.18);
    color: rgb(var(--accent-color));
    text-decoration: none;
}
 
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) {
    padding-right: 0.4em;
    color: rgb(var(--text-color));
    transition: color 0.25s ease, background-color 0.25s ease;
}
 
.collapsible-block {
    margin: 1em 0; 
}
 
#toc-action-bar > a {
    width: 100%;
    color: rgb(var(--text-color));
    transition: color 0.25s ease, background-color 0.25s ease;
}
 
#toc-action-bar > a:hover,
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover {
    color: rgb(var(--accent-color));
    background-color: rgba(var(--accent-color), 0.12);
    text-decoration: none;
}
 
#toc-action-bar > a:nth-child(1)::before,
#toc-action-bar > a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
 
    margin: 0 0.2em 0 0.4em;
    content: "▼";
 
    color: rgba(var(--accent-color), 0.85);
 
    background-color: transparent;
    display: inline-block;
 
    transition: transform 0.3s cubic-bezier(.2,.8,.2,1),
                color 0.25s ease;
}
 
#toc-action-bar > a:hover::before,
.collapsible-block-link:hover::before {
    color: rgb(var(--accent-color));
}
 
#toc-action-bar > a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation: collapsible-arrow-spin 0.3s cubic-bezier(.25,.8,.25,1) forwards;
}
 
#toc-action-bar > a:nth-child(1)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation: collapsible-arrow-spin-back 0.3s cubic-bezier(.25,.8,.25,1) forwards;
}
 
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) {
    padding-right: 0.4em;
    color: rgb(var(--text-color));
    transition: color 0.25s ease, background-color 0.25s ease;
}
 
.collapsible-block {
    margin: 1em 0; 
}
 
#toc-action-bar > a {
    width: 100%;
    color: rgb(var(--text-color));
    transition: color 0.25s ease, background-color 0.25s ease;
}
 
#toc-action-bar > a:hover,
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover {
    color: rgb(var(--accent-color));
    background-color: rgba(var(--accent-color), 0.12);
    text-decoration: none;
}
 
#toc-action-bar > a:nth-child(1)::before,
#toc-action-bar > a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
 
    margin: 0 0.2em 0 0.4em;
    content: "▼";
 
    color: rgba(var(--accent-color), 0.85);
 
    background-color: transparent;
    display: inline-block;
 
    transition: transform 0.3s cubic-bezier(.2,.8,.2,1),
                color 0.25s ease;
}
 
#toc-action-bar > a:hover::before,
.collapsible-block-link:hover::before {
    color: rgb(var(--accent-color));
}
 
#toc-action-bar > a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation: collapsible-arrow-spin 0.3s cubic-bezier(.25,.8,.25,1) forwards;
}
 
#toc-action-bar > a:nth-child(1)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation: collapsible-arrow-spin-back 0.3s cubic-bezier(.25,.8,.25,1) forwards;
}
 
@keyframes collapsible-arrow-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(-90deg); }
}
 
@keyframes collapsible-arrow-spin-back {
    from { transform: rotate(-90deg); }
    to   { transform: rotate(0deg); }
}
 
#header h1 a span {
    background: radial-gradient(
        ellipse at center,
        #A0B8FF 0%,
        #80D0FF 35%,
        #8A80FF 70%,
        #C0A0FF 100%
    );
    background-size: 200% 200%;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    -webkit-text-stroke: 2px rgba(40, 40, 60, 0.2);
    text-shadow:
        0 0 2px rgba(120,160,255,0.9),
        0 0 6px rgba(120,160,255,0.7),
        0 0 12px rgba(120,160,255,0.5),
        0 0 20px rgba(120,160,255,0.35);
 
    transition: all 0.35s ease;
    animation: radial-breath 4.5s ease-in-out infinite;
}
 
#header h1 a span:hover {
    text-shadow:
        0 0 8px rgba(130,170,255,0.9),
        0 0 20px rgba(130,170,255,0.7),
        0 0 36px rgba(130,170,255,0.5);
    transform: scale(1.03);
}
 
@keyframes radial-breath {
    0%, 100% {
        background-size: 180% 180%;
        text-shadow: 
            0 0 2px rgba(120,160,255,0.9),
            0 0 6px rgba(120,160,255,0.7),
            0 0 12px rgba(120,160,255,0.5),
            0 0 20px rgba(120,160,255,0.35);
    }
    50% {
        background-size: 220% 220%;
        text-shadow:
            0 0 4px rgba(120,160,255,0.9),
            0 0 10px rgba(120,160,255,0.7),
            0 0 18px rgba(120,160,255,0.5),
            0 0 28px rgba(120,160,255,0.35);
    }
}
 
/* 修正 */
#side-bar .heading, #side-bar .collapsible-block-unfolded-link a, #side-bar .collapsible-block-folded a {
    background: rgb(20 60 160);
}

“假如你不小心在错误的地方从现实中切出，你最终将坠入后室，这里只有腐臭的潮湿地毯，令人发狂的单调黄色，荧光灯全力运作发出的永无止境的嗡鸣，还有令人深陷其中的大约六亿平方英里随机分割的空荡房间。倘若你听见有什么东西在附近徘徊，愿保佑你吧，因为它一定也听见了你的声音……”

加入Q群

加入Q群

点此查看详情

世界观设定

加入网站

加入网站

---

欢迎来到 OUR Backrooms ！

2026年5月16日
第0.1届OUR站站务选举火热进行中。
前往查看详情>>>

---

2026年5月3日
本站站娘初稿征集完毕，恭喜JiangJie000、yalingge的作品入选，查看详情点这里。

---

2026年4月30日
我们的(OUR站)版主选拔已经结束，恭喜TRS成为本站版主！
点击这里前往了解详情。

想要发布新作品？

在此栏中输入的页面名称中文虽然会在URL中忽视，但是还是会成为标题的。
你可以用这一栏来创建通用页面：

---

最近新增的沙盒页面

Test

Our-Level √1024
负0层 - “拖入腥澜狱渊”
1Level 256也就是耄耋的神秘抽象诡异逆天有两万多字符的作者页，看完之后需要赔偿精神损失费
2026/0.1届站务选举
🪨大理石的作者页🪨
TRS
音乐-致我们往日深处的征途
洛夕的小窝(OUR 分窝)

最近新增的所有页面一览

最近新增的原创与搬运页面

Our-Level √1024
负0层 - “拖入腥澜狱渊”
1Level 256也就是耄耋的神秘抽象诡异逆天有两万多字符的作者页，看完之后需要赔偿精神损失费
2026/0.1届站务选举
🪨大理石的作者页🪨
TRS
音乐-致我们往日深处的征途
游灵、实验、衰老中的层级

最近新增的所有页面一览

精品层级

死于梦中

by wowotou

一切彻底结束了，你死了。

死在这场生命最后的梦中。

最终，你再次走出这里。

往期精品归档

精品层级

阴雨之日

by miaowu_yyy

我笑着，带着那副名为微笑的面具，他从高台的边缘走了下来，而我面具下的，是一张与他相同的疲惫面孔。

往期精品归档

精品故事

公路：我们

by waterclouds

她赞颂那位给自己三十天的神明，是祂，给了她生命的真谛。

寂静的世界里，如何死去，都没关系了。

往期精品归档

精品故事

CM之死

by DX_com4

当最后一个记着CM的人死去时，仿佛CM也一并死了。

往期精品归档

---

公告

2026年4月26日
我们的站务选拔已经结束！
点击这里前往查看详情。

---

2026年4月24日
本站正式建立！

旧新闻归档

---

指导中心
指导中心中罗列了本站的所有规则与政策，也能为你提供创作一篇自己的“后室”文章的全部工具！不论是想了解站点，还是打算提笔写作，这里都是你最好的起点。

后室沙盒Mini
你可以在后室沙盒Mini尽情调试你的文章和代码，创作完毕后，你可以在正式发布前将你文章的沙盒链接发布到草稿评判区供其他成员进行批评和建议，也可以选择直接发布，这取决于你自己。

---

联谊站点

暂无

---

主页累计访问人数（自2026年5月9日 23:10算起）

---

OUR Backrooms Wiki Logo 由wowotou制作，虽不遵循CC协议，但允许署名使用。