箱庭

+ 版式代码

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");
@import url('https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@800&display=swap');
:root {
    --logo-image: url("http://tartar0s.wikidot.com/local--files/theme:rhodes-island/%E8%9A%80%E6%B5%AA.png");
    --header-title: "REDEAVE BABEL";
    --header-subtitle: "逐光蚀浪，与天争壤";
   /* 字体 */
   --body-font: punctuation-marks,proxima-nova, sans-serif;
   --header-font: 'Noto Serif SC', sans-serif;
   --title-font: 'CKTKingKong', sans-serif;
   --mono-font: 'Fantasque Sans Mono', monospace;
    /* 标准色 */
    --white-monochrome: 255, 255, 255;
    /* 白色 */
    --very-light-gray-monochrome: 255, 255, 255;
    /* 次强调色（应用于杂项） */
    --light-gray-monochrome: 14,14,14;
    /* 次强调色（登录时） */
    --gray-monochrome: 14,14,14;
    /* 蓝灰色 */
    --black-monochrome: 0, 0, 0;
    /* 黑色 */
    --medium-accent: 14,14,14;
    /* 蓝色*/
    --dark-accent: 14,14,14;
    /* 蓝棕色 */
 
    /* 背景与网站标题色 */
    --background-gradient-color: var(--very-light-gray-monochrome);
    --header-gradient-color-bottom: var(--medium-accent);
    --header-gradient-color-middle: var(--black-monochrome);
    --header-gradient-color-top: var(--black-monochrome);
 
    /* 主要主题色 */
    --swatch-background: var(--light-gray-blacmonochrome);
    --swatch-primary: var(--white-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--dark-accent);
 
/* 评分模块颜色 */
   --swatch-topmenu-border-color: var(--link-color);
   --rating-module-button-plus-color: var(--medium-accent);
   --rating-module-button-negative-color: var(--medium-accent);
   --rating-module-button-cancel-color: var(--medium-accent);
   --rating-module-button-credit-color: var(--medium-accent);
 
    --link-color: 242,116,5;
    --visited-link-color: 121,137,143;
    --hover-link-color: 242,116,5;
    --newpage-color: 180,100,20;
 
    --gradient-header: repeating-linear-gradient(
      -0deg,
      rgba(238,238,238, 1),rgba(220,220,220, 1),rgba(199,199,199, 0.8),rgba(175,167,152, 0.8),rgba(166,152,141, 0.8),rgba(166,152,141, 0.8),rgba(166,152,141, 0.8) 100%
    );
   --swatch-topmenu-border-color: var(--medium-accent);
    --swatch-topmenu-bg-color: var(--medium-accent);
    --swatch-border-color: var(--bright-accent);
 
    --swatch-menubg-color: 255,255,255;
}
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
    background-color: rgb(var(--medium-accent));
    transition: background 0.2s linear;
   border-bottom: solid 2px #F27405;
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    background-color: rgb(225, 225, 225);
    color: black;
    transition: background 0.2s linear;
   border-bottom: solid 2px #F27405;
}
 
#top-bar div.top-bar > ul > li > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li > ul > li:hover > a {
    background-color: rgb(17, 17, 17);
    color: white;
    transition: background 0.2s linear;
   border-bottom: solid 2px #F27405;
}
 
#top-bar div.top-bar > ul > li > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > ul > li > a {
    background-color: rgb(225, 225, 225);
    color: black;
    transition: background 0.2s linear;
   border-bottom: solid 2px #F27405;
}
 
#toc-list a{
color:black;
}
 
.open-menu p{
   border-bottom: solid 2px #F27405;
}
 
::selection {
    background:rgba(var(--medium-accent),0.3);
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: -0.8rem;
   background-image: var(--logo-image);
   background-size: auto 10rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: none;
}
#header h2 span::before {
    text-shadow: .063rem 0.1rem 0.1rem #000000;
}
body::after {
    content: "";
    background: linear-gradient(to top,
      rgba(235,235,235) 0%,
      rgba(210,210,210, 0.90) 100%
   );
    background-size: 100% 100%;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
    z-index: -1;
}
#skrollr-body {
    background-image:
     var(--gradient-header),
     var(--gradient-topmenu),
     var(--gradient-background)!important;
    background-size:
     var(--header-background-image-size),
     100% var(--final-header-height-on-desktop),
     100% var(--background-gradient-distance);
}
 
#container {
    background-image: none;
}
#search-top-box {
        left: 3%;
        top: 0.5rem;
}
 
#search-top-box-form > #search-top-box-input {
        width: 7rem;
}
@media only screen and (max-width: 768px) {
:root{
    --swatch-menubg-color: 255,255,255;
}
 
#search-top-box {
        left: unset;
        top: unset;
}
 
#search-top-box-form > #search-top-box-input {
        width: 2rem;
}
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0.2rem;
   background-image: var(--logo-image);
   background-size: auto 10rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
}
#login-status a,#login-status span{
   color: white;
}
#login-status a#my-account {
   color:white;
   background-color: rgb(var(--medium-accent));
   padding: 0.3em 0.25em 0.2em 0.25em;
}
#side-bar:hover,
#side-bar:active,
#side-bar:focus-within {
   background-color: rgb(255,255,255);
}
 
#side-bar .menu-item a{
   color: rgb(var(--medium-accent))!important;
}
hr {
   background-color: rgb(var(--medium-accent));
}
.scp-image-block {
    border: none;
}
 
#page-title{
   text-align: center;
   color: rgb(var(--medium-accent));
   border-bottom: 5px solid rgb(var(--medium-accent));
}
 
.scp-image-block .scp-image-caption {
    color: white;
    background-color: rgb(17,17,17);
    border: none;
    margin-top: 0.3rem;
   border-bottom: solid 2px #F27405;
}
 
.owindow {
   border: 0.2rem solid rgba(var(--medium-accent));
}
 
.footnotes-footer a{
   color: black;
}
 
.page-tags span a{
   color: black;
}
 
.page-watch-options a{
   color: black;
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(255,255,255);
    color:rgb(var(--medium-accent));
}
 
.yui-navset .yui-content {
     background-color: rgba(255,255,255, 0.25);
     border-color: rgb(var(--medium-accent));
}
 
table.wiki-content-table th,
table.wiki-content-table td {
     border-color: rgb(var(--medium-accent));
}
 
.code {
   box-shadow: none;
    background-color:rgba(var(--light-gray-monochrome),.13);
   border: none;
   border-left: solid 2px rgb(var(--medium-accent));
}
 
blockquote {
   box-shadow: none;
color: white;
    background-color:rgba(var(--light-gray-monochrome),.6);
  background-image:
    radial-gradient(circle, rgb(70,70,70) 50%, transparent 0);
   border: solid 2px rgb(var(--medium-accent));
   background-size: 0.25em 0.25em;
}
 
#page-content .page-rate-widget-box a{
   background: white;
}
#page-content .page-rate-widget-box a:hover{
   background: rgb(17,17,17);
   border: none;
   box-shadow: none;
}
 
#action-area .page-rate-widget-box a{
   background: white;
}
#action-area .page-rate-widget-box a:hover{
   background: rgb(17,17,17);
   border: none;
   box-shadow: none;
}
 
.titleblock {
   background-color: rgb(255,255,255);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid rgb(var(--medium-accent)) 2px;
}
 
.titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--medium-accent));
  color: rgb(255,255,255);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.dark-titleblock {
   background-color: rgb(var(--medium-accent));
   color: rgb(255,255,255);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid rgb(255,255,255) 2px;
}
 
.dark-titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(255,255,255);
  color: rgb(0,0,0);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.styled-quote {
   background-color:rgb(255,255,255);
   border-left: 0.5rem solid rgba(var(--medium-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote-d {
   background-color:rgb(255,255,255);
   border-left: 0.5rem solid rgba(var(--medium-accent));
   border-right: 0.5rem solid rgba(var(--medium-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--medium-accent));
   border-left: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote-d {
   background-color:rgb(var(--medium-accent));
   border-left: 0.5rem solid rgba(255,255,255);
   border-right: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.lightblock {
   background-color:rgb(255,255,255);
   color:rgb(0,0,0);
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--medium-accent));
   color:rgb(var(--white-monochrome));
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(0,0,0);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color:white;
     border: none;
    }
 
.logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://tartar0s.wikidot.com/local--files/theme:rhodes-island/%E8%9A%80%E6%B5%AA.png) center/18% no-repeat;
   filter: brightness(0%) invert(0%);
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.border-logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
color: white;
    position: relative;
    background-color:rgba(var(--light-gray-monochrome),.6);
  background-image:
    radial-gradient(circle, rgb(70,70,70) 50%, transparent 0);
   border: solid 2px rgb(var(--medium-accent));
   background-size: 0.25em 0.25em;
    }
 
.border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://tartar0s.wikidot.com/local--files/theme:rhodes-island/%E8%9A%80%E6%B5%AA.png) center/18% no-repeat;
   filter: brightness(0%) invert(100%);
    opacity: 0.35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.bblock:hover{
color: rgb(121,137,143);
}
#page-info{
color: rgb(var(--medium-accent));
}
 
#license-area{
color: black;
}
 
.filetabs .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
   display: inline-block;
}
 
.filetabs .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
   display: block;
}
 
.filetabs .yui-navset .yui-content {
   border-top-width: 15px;
}
 
.filetabs .yui-navset .yui-nav a,
.filetabs .yui-navset .yui-navset-top .yui-nav a,
.filetabs .yui-navset .yui-nav .selected a,
.filetabs .yui-navset .yui-nav a:focus,
.filetabs .yui-navset .yui-navset-top .yui-nav a:focus,
.filetabs .yui-navset .yui-nav a:hover,
.filetabs .yui-navset .yui-navset-top .yui-nav a:hover {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' preserveAspectRatio='none' viewBox='0 0 150 45' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 4.6.0%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 1 74.95 22.39)' id='bC-LIzxo7Tu37zCdkDrqS' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(17,17,17); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -74.94856 22.50703 L -60.0064 -12.520110000000003 C -60.0064 -12.520110000000003 -55.89385 -21.849030000000003 -47.235839999999996 -22.281930000000003 C -38.57782999999999 -22.714830000000003 46.87608 -22.39016 46.87608 -22.39016 C 46.87608 -22.39016 56.05659 -23.219710000000003 61.40639 -12.520120000000002 C 66.75618 -1.8205300000000015 74.94856 22.506959999999996 74.94856 22.506959999999996 z' stroke-linecap='round' /%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 75.18 17.97)' id='E8ePkHu_UUyvFWDAIzFyP' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -46.15385 12.0108 L -46.15385 -12.01079 L 46.153839999999995 -12.01079 L 46.153839999999995 12.0108 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 2.7rem;
    background-repeat: no-repeat;
    border-width: 0px;
    border-top: none;
    background-position: top;
}
 
.filetabs .yui-navset .yui-nav a,
.filetabs .yui-navset .yui-navset-top .yui-nav a {
   padding: 4px 20px 0px 20px;
}
 
.filetabs .yui-navset .yui-nav .selected a,
.filetabs .yui-navset .yui-nav a:focus,
.filetabs .yui-navset .yui-navset-top .yui-nav a:focus,
.filetabs .yui-navset .yui-nav .selected a:hover,
.filetabs .yui-navset .yui-navset-top .yui-nav .selected a:hover {
    padding: 8px 20px 0px 20px;
}
 
.filetabs .yui-navset .yui-nav a:hover,
.filetabs .yui-navset .yui-navset-top .yui-nav a:hover {
   padding: 6px 20px 0px 20px;
}
 
.filetabs .yui-navset .yui-nav,
.filetabs .yui-navset .yui-navset-top .yui-nav {
    border-color: transparent;
}
 
.filetabs .yui-navset .yui-nav .selected,
.filetabs .yui-navset .yui-navset-top .yui-nav .selected,
.filetabs .yui-navset .yui-nav .selected a:active,
.filetabs .yui-navset .yui-nav .selected a:focus,
.filetabs .yui-navset .yui-nav li,
.filetabs .yui-navset .yui-navset-top .yui-nav li {
   background-color: transparent;
}
 
.filetabs .yui-navset .yui-nav li,
.filetabs .yui-navset .yui-navset-top .yui-nav li {
   box-shadow: none;
}
 
.filetabs .yui-navset .yui-nav li {
   margin-right: 36px;
}
 
.filetabs .yui-navset .yui-nav .selected a {
   color: rgb(var(--swatch-text-general)) !important;
}
 
.filetabs .yui-navset .yui-nav a:focus,
.filetabs .yui-navset .yui-nav a:hover {
   color: rgb(var(--swatch-text-general));
}
 
.filetabs .yui-navset .yui-nav .selected a em,
.filetabs .yui-navset .yui-nav .selected a:hover em {
   position: relative;
   top: -4px;
}
 
.filetabs .yui-navset .yui-nav a:hover em {
   position: relative;
   top: -2px;
}
 
.filetabs .yui-navset .yui-nav li,
.filetabs .yui-navset .yui-navset-top .yui-nav li {
   border-bottom: solid 1px rgb(var(--white-monochrome));
}
 
.filetabs .yui-navset .yui-nav li.selected,
.filetabs .yui-navset .yui-navset-top .yui-nav li.selected {
   border-bottom: none;
   z-index: 1;
}
 
@media only screen and (max-width: 510px) {
.logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://tartar0s.wikidot.com/local--files/theme:rhodes-island/%E8%9A%80%E6%B5%AA.png) center/30% no-repeat;
   filter: brightness(0%) invert(0%);
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://tartar0s.wikidot.com/local--files/theme:rhodes-island/%E8%9A%80%E6%B5%AA.png) center/30% no-repeat;
   filter: brightness(0%) invert(100%);
    opacity: 0.35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
}
 
#footer{
   color: white;
}
 
@keyframes tab-disappear {
  0% { max-height: 9999rem; }
  1% { max-height: 100vh; }
  100% { max-height: 0; }
}
@keyframes tab-appear {
  0% { max-height: 0; }
  99% { max-height: 100vh; }
  100% { max-height: 9999rem; }
}
 
/*未选择的tab*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
     transform-origin: 0 0;
}
 
.yui-navset .yui-content > div {
  display: block;
  top: 0;
  overflow: hidden;
  transform-origin: 0 0;
}
 
#page-content .yui-navset .yui-content > div > * {
  transform-origin: 0 0;
}
 
#page-content .yui-navset .yui-content > div[style*="none"] {
  display: block !important;
  flex: 0;
  max-height: 0;
  transition: padding 0s linear 0.5s,
        border-width 0s linear 0.5s,
        flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s;
  animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
 
#page-content .yui-navset .yui-content > div[style*="block"] {
  display: block !important;
  flex: 1;
  max-height: 9999rem;
  transition: padding 0s linear 0.5s,
        border-width 0s linear 0.5s,
        flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s;
  animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
 
div#extrac-div-1 {
       content: "";
   position: absolute;
    top:var(--final-header-height-on-desktop);
    width:100%;
    height:calc(100% - var(--final-header-height-on-desktop));
    background-color: rgb(238,238,238);
    background-size: 5%;
    background-repeat: repeat;
    opacity: 1;
    z-index: -3;
}
@media (max-width: 767px) {
 div#extrac-div-1 {
       content: "";
   position: absolute;
    top:var(--final-header-height-on-desktop);
    width:100%;
    height:calc(100% - var(--final-header-height-on-desktop));
    background-color: rgb(238,238,238);
    background-size: 25%;
    background-repeat: repeat;
    opacity: 1;
    z-index: -3;
 }
 
}
 
blockquote a,.dark-titleblock a,.dark-styled-quote a,.dark-styled-quote-d a,.darkblock a,.border-logoblock a{
color:silver !important;
}
blockquote a:hover,.dark-titleblock a:hover,.dark-styled-quote a:hover,.dark-styled-quote-d a:hover,.darkblock a:hover,.border-logoblock a:hover{
color:silver !important;
}
blockquote a:visited,.dark-titleblock a:visited,.dark-styled-quote a:visited,.dark-styled-quote-d a:visited,.darkblock a:visited,.border-logoblock a:visited{
color:silver !important;
}
 
:root{
  --base-color: rgb(17,17,17);
  --hover-color: rgb(50,50,50);
  --click-color: rgb(50,50,50);
}
 
/* #page-content is shoved everywhere to make sure it's the most specific thingy */
/* Styling! */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px;
    /* Animated things */
    transition: background 0.2s linear;
    background: var(--base-color);
    /* Technical bits */
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
/* The Clicky Text */
#page-content .collapsible-block-link {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
/* Gets rid of the underline when hovering over the collapsible */
#page-content .collapsible-block-link:hover {
    text-decoration: none
}
/* Collapsible content */
#page-content .collapsible-block-content {
    /* Animated things */
    transition: border-top-color 0.2s linear, border-bottom-color 0.2s linear;
    border-top: solid var(--base-color) 5px;
    border-bottom: solid var(--base-color) 3px;
}
 
/* Folded blocks are animated, unfolded ones are not */
#page-content .collapsible-block-folded {
    max-width: 100%;
}
#page-content .collapsible-block-unfolded-link{
    width: min-content;
}
/* Addendum counter */
 
/* Addendum prefixes */
#page-content .collapsible-block-folded .collapsible-block-link::before {
    content: "▷";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
    content: "▽";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
}
/* Hovering effects */
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
    background: var(--hover-color);
    max-width: 100%;
}
/* Collapsible borders - because it looks prettier this way */
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{
    border-top-color: var(--hover-color);
    border-bottom-color: var(--hover-color);
}
/* When hovering over link, change addendum tag to hover-color */
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
    background: var(--hover-color);
}
/* Click flash when clicking, also forces the collapsible to expand */
#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%;
}
/* On click, change borders to click-color */
#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);
}
/* Done with normal collapsibles, now we do all the variations */
/* Unfolded collapsible */
#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);
    /* Text */
    color: white;
    font-weight: bold;
    /* Technical bits */
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
/* Addendum prefix */
#page-content .unfolded-collapse::before {
    content: "▽";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
/* Bottom border */
#page-content .unfolded-collapse-border {
    display: block;
    width: 700px;
    border-top: solid var(--base-color) 5px;
}
/* Centering, very simple */
#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;
}
 
/* Fittingly, we finish with the footer object */
/* The footer is actually the giant bottom border object because larger -> smaller works better */
#page-content .addendumfooter{
    display: block;
    border-bottom: solid 3px var(--base-color);
    margin: auto;
    text-align: center;
}
 
/* Ayer's info-bar patch */
#page-content .info-container .collapsible-block {
    counter-increment: none;
}
#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
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   color: white;
   border-bottom: solid 2px #F27405;
   background-color: rgb(17,17,17);
}
 
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 {
    background-color: rgb(225, 225, 225);
    color: black;
   border-bottom: solid 2px #F27405;
}
 
.opr-text {
color:black;
background: linear-gradient(to top, #CCCCCC, #CCCCCC 85%, rgba(0,0,0,0) 100%);z-index: 5;padding: 2rem 0 0 0;
}
 
.opr-title {
background:#616161;
}
 
.opr-title h1 {
color: white !important;
}

生存难度：生存難度：

等级等級 C

• {$one}
• {$two}
• {$three}

该层级是R层群的第137个层级

描述

Level R-137分为三层结构，第一层是一间实验室，第二层被称作“箱庭”，第三层被称为“海”。

实验室中存在大量不透明白色与紫黑色方块，以及一系列用于观察方块内部的仪器。

每个方块中都存在一座微缩城市模型，可以被划分为九个区域，分别是中央庭、东方古街、高校学园、中央城区、海上研究所、海湾侧城、旧城区、港湾区、海上漩涡。

进入“箱庭”的流浪者可以通过海上漩涡回到实验室，这是目前唯一已知离开箱庭的常规方法。

“海”为实验室的运作与箱庭的产生提供能量，曾经有流浪者与“海”建立了某种联系，这些流浪者可以随意调用其中的能量，但是会对身体造成不可逆转的伤害。

打开地图

中央庭

由最初一批的七名神器使作为最高领导者，掌管所有关于对抗活骸的军事力量及科学资料。中央庭负责管理箱庭内任何与活骸有关的事务，同时负责清理被活骸占领的区域。

东方古街

这里，只有异类。
遵循古老传统的原住民在现代都市中已是“异类”，来自世界各地的旅人亦是“异类”。
由于规划的缺失，交错的小巷对外来人士并不友好，游客经常会迷失在密如蛛网的道路中。不过，曲径尽头，也可能隐藏着平日难得一见的店铺。
下棋饮茶的雯庭棋馆、拥有奇妙古董的万葬亭和神秘的占卜店都是值得一探的好去处。但更值得推荐的还是东方古街上无处不在的餐厅和小吃店。每当夜幕低垂，华灯初上，街道就会被食肆中传出的香味占据，食客从四面八方涌入古街，只为了体验舌尖上的刺激。

高校学院

著名的高等学府、下设若干教学质量一 流的附属中学、小学。在市政厅的支持下，这片原本荒芜的江边之地，变成了都市内最青春活泼的地方——高校学园。
穿着整齐划一的校服的学生，每天如候鸟般往返在学校和公寓之间，形成了一道亮丽的风景线。有他们在的地方，呼吸的空气仿佛都年轻了几分。
高素质的居民带来了良好的治安环境，高水平的人才充实了医疗机构。高校学园因此成为了都市中房价最高的地段，让很多望房兴叹的人发出 “居大不易”的感慨。

中央城区

都市的行政和经济中心，亦是连接整个城市的交通枢纽。
鳞次栉比的高楼大厦布满每一寸土地，银白色的列车在楼宇间的悬浮轨道上来回穿梭。高端商场与豪华酒店是街边常见的风景，各大企业和组织的总部就在这里。
在这里能看到壮硕的保镖在打着阳伞的大小姐身后亦步亦趋，也能看到性感的女秘书对不起眼的暖男颐指气使。当然，数量最多的还是穿着西装，皮鞋锃亮的白领们。每天一脸疲惫地奔波在数字和文件的夹缝里。
这条街晚上灯火辉煌，可惜绝大多数人并不属于这里——从工作中解放出来的人们抄起钱包和信用卡，冲进不夜的商场里，在买买买中获得慰藉。卖艺的少女也会在街头出现，用甜美的笑容和清冽的歌声安抚着路人无处安放的内心。

海上研究所

研究所位于海湾中的小岛上，只能通过船只或是直升机与陆地联系。
这里曾汇聚了一批优秀的科学家。对外号称是在进行造福整个人类的研究，实际上，小岛的一切都在政府的主导之下。参与项目的科学家极少踏出岛外，有人说他们沉迷于实验脱不开身，也有都市传说表示科学家们早就被限制了自由。
之后，出于某些无法披露的原因，研究所被政府废弃，其中的科学家大多不知所踪，仪器和实验数据也多有损失。直到希罗接手后才有好转，都市的居民看到海面上的小岛重新点起了灯火，还颇感欣慰。
但关于小岛的都市传说却愈演愈烈，有渔民说夜晚经过小岛时曾听到少女的哭声，也有好事者信誓旦旦说在小岛上看过怪物。研究所的情况究竟如何，恐怕只有希罗本人才清楚了。

海湾侧城

来到交界都市的游客无一例外会选择海湾侧城作为自己的第一站。这里有可以俯瞰整个城市的观光塔和华丽的地下赛车场。建设在海面上的贝壳音乐厅与总计三层的水下游乐园也是必去不可的地点。游乐园的巨大摩天轮在活骸入侵中倒塌后，也已经提上了重建的日程。
当然，海湾侧城最吸引人的地方还是无处不在的酒吧、会所，以及各类赌场。这些经营场所在海湾侧城全都是合法的。换言之，在这里有钱真的是可以为所欲为的，只有顾客想不到的，没有钞票换不到的。除了某些不应该触碰的禁忌——
永远不要与少女，或是看似少女的存在赌钱。

旧城区

尽管与海湾侧城只有一街之隔，旧城区的气氛却截然不同。拆迁工程进行到一半被活骸入侵打断，大部分场所成了不折不扣的废墟。主要建筑只有一座与城市同龄的巨大图书馆，虽然藏书广泛，还有特定的一块区域专门用于保存城市的记忆，但在长久的城市发展中已经渐渐被人们所遗忘。
旧城区的问题格外多。旧屋拆迁、地下组织、黑客集团、地下黑市等等……这里的人们游走在黑白之间的灰色地带，官方对此处的管理已经流于形式，与东方古街一样都是由代表人物掌权的地区。
对于外人来说，最好在太阳落山之前离开旧城区。

港湾区

交界都市的最东侧，大河的入海口伫立着工业重地。
这里是交界都市经济圈最大的综合性港口和重要的工业区域。
因为交通上的便利，海湾区本身也是交界都市经济圈最重要的工业基地。有多家实力雄厚的企业，钢铁、石油化工、海洋化工和精细化工方面都享有盛誉。后因为活骸入侵一度陷入停摆，造成了巨大损失。
市政厅调用了一批军队入驻此处维持海湾区的正常运转。但在活骸的侵袭下收效甚微，仅有少部分核心设施得到了保护，形势仍非常严峻，希望能够得到更加强力的战力帮助。

海上旋涡

站在港湾区码头的最末端便可眺望到这个位于海中央的血盆大口，只是看上一眼就能让人不寒而栗。
希罗曾经带人乘坐潜水艇下潜探查过，可惜并未研究出如此之大的漩涡的成因。
或许它并不是自然形成的。

附录一:来自行者的部分录音报告

W:箱庭……豁，心理创伤治疗啊？
E:这是实验
W:喔
E:……
W:……
E:你想进去吗？
W:不想
W:好奇心害死猫
E:替我进去找个人
W:活的还是死的？
E:活的
W:要加钱

箱庭内实体种类

神器使:拥有将神话中的武器在现世具现化的力量。

指挥使:为神器使提供特殊战斗补给的人形实体，同时也可召唤神器使。目前箱庭内只存在两位指挥使，其中之一名为希罗。

活骸:活骸外表苍白，行动僵硬，声音沙哑，皮肤硬化且有紫色晶体析出。大部分活骸没有思考能力，只会攻击周围的一切生物。
小心希罗

管理使:任性的箱庭创造者，能够轻易更改箱庭的进程和发展。目前已知两名管理使塞拉菲姆和埃索琳。

附录二：一份被活骸袭击的录像

路人C:你说，我们跑旧城区里面，真的没问题吗？
路人D:怕什么？这边还有神器使驻守呢，出现什么意外找他们就……
路人C:（指着某个路口）他们？真打起来谁会管你啊
路人D:（仔细观察）这个……不像是吧……
活骸:你……好……
路人C&D:跑啊！
活骸:来陪我玩……
路人D:我的腿啊啊啊啊啊啊啊啊啊啊啊啊——
（路人C躲进了一片拆迁废墟中）
活骸:小家伙……快出来玩啊……
（路人D的惨叫声响彻整片废墟）
路人C:（发抖）我……我……
活骸:在这！啊哈哈哈！出来一起玩啊！
路人C:你不要过来啊！
（路人D的左腿被一根紫晶柱扎穿，腹部被捅出血）
路人D:我不想死啊啊啊啊啊啊啊——
（路人D的身上开始出现紫色晶体）
活骸D:（摇摇晃晃）呃……
（路人C的一条腿被扯下来扔给了活骸D）
路人C:啊啊啊啊啊啊啊啊啊啊啊啊
活骸:真好玩啊，咦嘻嘻嘻~

基地、前哨站与社区

暂无组织在此建立基地

附录三:来自埃索琳的信件

至C.E.S的领袖

行者现在躺在我这边的医疗舱内，他体内的活骸正在修复他的身体，但是伤太重了，我没法计算出他具体醒来的时间。
后续他应该会失去部分战斗能力，当然也有可能活不下来，毕竟活骸不是万能的。这种情况下我希望他最后能来我这里，我希望他能活下来，当然他无论是死是活对我都有好处。
此外，那个女生现在也在我这边，我把她送进箱庭里面了，有"修正力量"在保护她，暂时不用担心。
有关这次收集到的数据
非常感谢您会同意这次合作，我收获了很理想的实验数据，尽管我不确定是否有用。
和海嗣有关的数据正在分析，稍后我会派遣人偶将数据表格送往蚀浪巴别。

埃索琳

2022年1月25日

入口与出口:

入口

• 在Level R-39中找到并且触摸一块被砌进墙体的紫色不透明方块

• 在Level 197的第二区域中活动有极小概率进入此层级

• 在Level 181中挖到一块白色不透明立方体，触摸其可进入此层级

• 在Level R-81的纸箱中发现并且打开一台移动终端

出口

• 利用潜水艇进入海上旋涡，走完那条路，你终将走出箱庭
• 告诉埃索琳你要离开，她会将你送回原层级的某处安全地带

来自埃索琳的警告

• 不要试图在箱庭内作弊
• 遇到一些不存在的人时一定要上报
• 箱庭内生死自负

更多出入口有待探索

作者信息

作者：nian jiuyan does not match any existing user name
七都我的七都啊啊啊啊啊啊，为什么你偏偏碰上了冈易啊啊啊啊啊啊啊啊
永远的七日之都wiki：https://f7d.huijiwiki.com/wiki/%E9%A6%96%E9%A1%B5