主页

+ 版式代码

@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
 
@font-face {
    font-family: 'ZihunBiantaoti';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ZihunBiantaoti.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'GlowSansSC-Normal';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Normal-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
:root {
 
   --logo-image: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/Refractifa_Logo.png);
   --header-title: "刻面折射";
   --header-subtitle: "绚丽的色彩是一个奇迹";
 
   --body-font: 'Sarabun', 'Noto Sans SC', sans-serif;
   --header-font: 'Fugaz One', 'ZihunBiantaoti', sans-serif, cursive;
   --title-font: 'Fugaz One', 'ZihunBiantaoti', sans-serif, cursive;
   --mono-font: 'Montserrat', 'GlowSansSC-Normal', sans-serif;
 
   --white-monochrome: 29, 26, 74;
   --pale-gray-monochrome: 116, 191, 214;
   --light-gray-monochrome: 116, 191, 214;
   --dark-gray-monochrome: 77, 144, 196;
   --gray-monochrome: 71, 83, 173;
   --black-monochrome: 255, 255, 255;
   --bright-accent: 48, 59, 255;
   --medium-accent: 64, 227, 213;
   --dark-accent: 201, 255, 223;
   --pale-accent: 140, 136, 126;
 
   --link-color: 0, 255, 204;
   --hover-link-color: 190, 59, 255;
   --swatch-topmenu-border-color: 201, 255, 223;
 
   --rating-module-button-plus-color: 0, 255, 195;
   --rating-module-button-negative-color: 3, 0, 161;
   --rating-module-button-cancel-color: 132, 0, 255;
 
/*SPECIAL THEME VARIABLES*/
 
   --chrys-l: 184, 255, 255;
   --chrys-d: 0, 255, 221;
   --amethyst-l: 119, 65, 176;
   --amethyst-d: 83, 0, 171;
   --ruby-l: 255, 25, 25;
   --ruby-d: 176, 9, 9;
   --onyx-l: 23, 16, 31;
   --onyx-d: 15, 0, 31;
   --topaz-l: 230, 127, 76;
   --topaz-d: 189, 63, 0;
   --citrine-l: 255, 225, 105;
   --citrine-d: 222, 177, 0;
   --jade-d: 30, 105, 9;
   --jade-l: 123, 232, 93;
   --sapphire-l: 82, 109, 247;
   --sapphire-d: 17, 43, 173;
   --tourm-l: 245, 81, 157;
   --tourm-d: 191, 17, 98;
   --dia-l: 255, 255, 255;
   --dia-d: 135, 135, 135;
 
  --rock-color: 200, 200, 200;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 80%;
   width: 80%;
   background-image: var(--logo-image);
   background-size: auto 7rem;
   background-position: left;
   background-repeat: no-repeat;
   opacity: 0.6;
   left: 8rem;
   top: 0rem;
}
 
#header h1 a::before {
   position: absolute;
   top: 1rem;
   left: 14rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
   z-index: 0;
}
 
#header h2 span::before {
   position: absolute;
   top: 1.3rem;
   left: 14rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
   z-index: 0;
}
 
#header h1 a::before, #header h2 span::before {
   color: #FFFFFF
}
 
/*Mobile Header Image Alignment*/
 
@media (max-width: 878px) {
 
#header::before {
 
   position: absolute;
 
   left: 0;
 
   top: 10px;
 
}
 
#header h1, #header h1 a::before {
 
   position: absolute;
 
   top: 1rem;
 
   left: 3rem;
 
   margin: 0;
 
   width: 100%;
 
   display: flex;
 
   justify-content: left;
 
   z-index: 0;
 
}
 
#header h2, #header h2 span, #header h2 span::before {
 
   position: absolute;
 
   top: 1.5rem;
 
   left: 2rem;
 
   margin: 0;
 
   width: 100%;
 
   display: flex;
 
   justify-content: left;
 
   z-index: 0;
 
}
 
.footnotes-footer {
 
   overflow-x: hidden;
 
}
 
}
 
#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/meghan-hessler-Uc6_kr4_Baw-unsplash.jpg");
    background-size: inherit;
}
 
#search-top-box-input {
   background: #d1fffd;
   color: #30c2bb;
   border-color: #30c2bb;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: #30c2bb;
    color: #15304d;
}
 
#search-top-box-form input[type="submit"] {
    background: #264c9e;
    color: white;
}
 
#search-top-box-form input[type="submit"]:hover {
    background: #723da8;
    color: white;
}
 
#search-top-box input.empty {
     color: #30c2bb;
}
 
#side-bar .heading p, #side-bar .side-block>.collapsible-block .collapsible-block-link {
   color: white;
    --text-shadow: grey;
}
 
.scp-image-block .scp-image-caption {
   background-color: rgb(var(--rock-color));
   color: black;
}
 
#account-options {
   background-color: rgb(var(--sapphire-l));
}
 
#login-status ul a:hover {
   color: rgb(var(--chrys-d));
}
 
#login-status a {
    color: rgb(var(--rock-color));
}
 
/*STANDARD BLOCKS*/
 
blockquote {
    color: black;
    background-color: rgba(var(--rock-color), 0.5);
}
 
div.blockquote {
    color: black;
    background-color: rgba(var(--rock-color), 0.5);
}
 
.styled-quote {
   background-color:rgb(237, 255, 251);
   color: black;
   border-left: 0.5rem solid rgb(179, 255, 236);
}
 
.lightblock {
   background-color:rgba(200, 255, 245, 0.6);
   color: black;
   box-shadow: 0 0.2rem 0.6rem rgba(200, 255, 245, 1);
   border: 2px solid rgb(200, 255, 245);
}
 
.dark-styled-quote {
   color: white;
   border-left: 0.5rem solid rgb(26, 42, 150);
}
 
.darkblock {
   color: white;
   background-color:rgba(0, 6, 92, 0.3);
}
 
.code {
    border: 2px dashed rgb(var(--sapphire-d));
    background-color: rgb(var(--rock-color));
}
 
/*SPECIAL DIVS FOR THIS THEME*/
 
.chrys-lightblock {
   background-color:rgb(var(--chrys-l));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   color: black;
   position: relative;
}
 
.chrys-lightblock::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.chrys-quote {
   background-color:rgb(var(--chrys-l));
   border-left: 0.5rem solid rgba(var(--chrys-d));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   color: black;
   position: relative;
}
 
.chrys-quote::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.amethyst-lightblock {
   background-color:rgb(var(--amethyst-l));
   color: white;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.amethyst-lightblock::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.amethyst-quote {
   background-color:rgb(var(--amethyst-l));
   color: white;
   border-left: 0.5rem solid rgba(var(--amethyst-d));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.amethyst-quote::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.ruby-lightblock {
   background-color:rgb(var(--ruby-l));
   color: black;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.ruby-lightblock::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.ruby-quote {
   background-color:rgb(var(--ruby-l));
   color: black;
   border-left: 0.5rem solid rgba(var(--ruby-d));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.ruby-quote::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.onyx-lightblock {
   background-color:rgb(var(--onyx-l));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.onyx-lightblock::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.onyx-quote {
   background-color:rgb(var(--onyx-l));
   border-left: 0.5rem solid rgba(var(--onyx-d));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.onyx-quote::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.topaz-lightblock {
   background-color:rgb(var(--topaz-l));
   color: black;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.topaz-lightblock::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.topaz-quote {
   background-color:rgb(var(--topaz-l));
   color: black;
   border-left: 0.5rem solid rgba(var(--topaz-d));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.topaz-quote::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.citrine-lightblock {
   background-color:rgb(var(--citrine-l));
   color: black;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.citrine-lightblock::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.citrine-quote {
   background-color:rgb(var(--citrine-l));
   color: black;
   border-left: 0.5rem solid rgba(var(--citrine-d));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.citrine-quote::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.jade-lightblock {
   background-color:rgb(var(--jade-l));
   color: black;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.jade-lightblock::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.jade-quote {
   background-color:rgb(var(--jade-l));
   color: black;
   border-left: 0.5rem solid rgba(var(--jade-d));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.jade-quote::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.sapphire-lightblock {
   background-color:rgb(var(--sapphire-l));
   color: black;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.sapphire-lightblock::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.sapphire-quote {
   background-color:rgb(var(--sapphire-l));
   color: black;
   border-left: 0.5rem solid rgba(var(--sapphire-d));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.sapphire-quote::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.tourm-lightblock {
   background-color:rgb(var(--tourm-l));
   color: black;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.tourm-lightblock::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.tourm-quote {
   background-color:rgb(var(--tourm-l));
   color: black;
   border-left: 0.5rem solid rgba(var(--tourm-d));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.tourm-quote::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.dia-lightblock {
   background-color:rgb(var(--dia-l));
   color: black;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.dia-lightblock::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.dia-quote {
   background-color:rgb(var(--dia-l));
   color: black;
   border-left: 0.5rem solid rgba(var(--dia-d));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   position: relative;
}
 
.dia-quote::after{
   content: "";
   float: center;
   background: url(http://backrooms-wiki.wikidot.com/local--files/theme:refractifa/gem-bg.png)center/100% repeat;
   opacity: 0.3;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 0;
}
 
.lightblock h1,
.lightblock h2,
.lightblock h3,
.lightblock h4,
.lightblock h5,
.lightblock h6,
.chrys-lightblock h1,
.chrys-lightblock h2,
.chrys-lightblock h3,
.chrys-lightblock h4,
.chrys-lightblock h5,
.chrys-lightblock h6,
.chrys-quote h1,
.chrys-quote h2,
.chrys-quote h3,
.chrys-quote h4,
.chrys-quote h5,
.chrys-quote h6,
.dia-lightblock h1,
.dia-lightblock h2,
.dia-lightblock h3,
.dia-lightblock h4,
.dia-lightblock h5,
.dia-lightblock h6,
.dia-quote h1,
.dia-quote h2,
.dia-quote h3,
.dia-quote h4,
.dia-quote h5,
.dia-quote h6,
.styled-quote h1,
.styled-quote h2,
.styled-quote h3,
.styled-quote h4,
.styled-quote h5,
.styled-quote h6 {
   color: black;
}

“如果您是一位儿童，请放心，这里对您来说非常安全！如果您是一位家长，请小心这里的一切！如果您是一位经常虐待儿童的家长，这里就是对您所实施的惩罚室！”

Ziyou rooms层级研究所QQ

自由室的概念理论

成为自由者以加入自由室的探索

---

欢迎来到 自由室

一些新闻，比如站点建交和竞赛

这是另一个

想要发布新作品？

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

---

最近新增的所有页面

F45 【无标签页面】
F44-“古堡” 【无标签页面】
F43>>Ziyourooms_System>>HERE 【无标签页面】
F42:速切永无止境！难度“非常安全” 【无标签页面】
永世折磨·铝雨洪流 【无标签页面】
F40XIONGCHUMOWORLD 【无标签页面】
F39 【无标签页面】
F38 【无标签页面】

F45
F44-“古堡”
F43>>Ziyourooms_System>>HERE
F42:速切永无止境！难度“非常安全”
永世折磨·铝雨洪流
F40XIONGCHUMOWORLD
F39
F38

所有页面

最近新增的原创页面

F26
F14 “玩具室”
F13
原创设定列表
原创团体列表
原创现象列表
原创物品列表
原创隐秘系列

最近新增的所有页面一览

精品层级

页面标题

by user

节选节选节选节选节选节选

往期精品归档

精品层级

页面标题

by user

节选节选节选节选节选节选

往期精品归档

精品别的东西

页面标题

by user

节选节选节选节选节选节选

往期精品归档

精品别的东西

页面标题

by user

节选节选节选节选节选节选

往期精品归档

---

公告

2024年X月X日
一些过时的新闻

旧新闻归档

---

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

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

---

建交站点

后室沙盒 Mini

https://brsandbox-mini.wikidot.com/

后室 IF 分站

https://if-backrooms.wikidot.com/

The Backrooms DN

https://backrooms-dn.wikidot.com/

The Backrooms U

https://u-backrooms.wikidot.com/

The Unique

https://uie-re.wikidot.com/

其他

后室建站器

http://backrooms-creater.wikidot.com/

后室建站器 Mini

https://brcreater-mini.wikidot.com/

后室建站器 Omega

http://backrooms-site-clone.wikidot.com/

后室建站器 Pro Logo 由 lanbaoshi1145 基于 H_W 的设计修改而来，适用知识共享-版权归属-相同方式共享 3.0 授权协议（CC-BY-SA）