The SecondFloor - "二楼"

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
/* root variables */
:root {
    max-width: 100vw; overflow-x: hidden;
    /* ===S-CSjavascript:;S-P INTEGRATION=== */
    --theme-base: "black-highlighter";
    --theme-id: "isolate-canon";
    --theme-name: "Isolate Canon";
 
    /* ===HEADER ELEMENTS=== */
    --logo-image: url("http://backrooms-wiki-cnn.wikidot.com/local--files/theme:watch-your-back/isolate%20canon.png");
    --header-title: "后室";
    --header-subtitle: "留意身后……";
 
    /* ===TYPEFACES=== */
    --body-font: Ubuntu Mono, Consolas, Noto Sans SC, Noto Sans TC, monospace;
    --UI-font: var(--body-font);
    --header-font: var(--body-font);
    --title-font: var(--body-font);
    --mono-font: var(--body-font);
 
    /* ===HEADER TITLES=== */
    --header-h1-font-size: 4rem;
    --header-h2-font-size: 2rem;
    --swatch-headerh2-color: var(--light-gray-monochrome);
 
/* ===STANDARD THEME COLORS=== */
    --white-monochrome: 255, 255, 255;
    --pale-gray-monochrome: 255, 255, 255, 0.8;
    --light-pale-gray-monochrome: 255, 255, 255, 0.5;
    --very-light-gray-monochrome: 255, 255, 255, 0.4;
    --light-gray-monochrome: 255, 255, 255, 0.5;
    --gray-monochrome: 0, 0, 0, 0.3;
    --dark-gray-monochrome: 0, 0, 0, 0.7;
    --black-monochrome: 0, 0, 0, 0.8;
 
    --pale-accent: 112,126,125; /* background */
    --bright-accent: 255, 170, 0; /* link */
    --medium-accent: 143, 150, 160;
    --dark-accent: 87, 91, 96;
    --alt-accent: 255, 125, 125; /* newpage link */
 
    --link-color: var(--bright-accent);
    --visited-link-color: 215, 193, 246;
    --newpage-link-color: var(--alt-accent);
 
    --swatch-background: var(--pale-accent);
    --article-image: url("http://backrooms-split-library.wikidot.com/local--files/secondfloor/j18");
 
    /* ===GENERAL TEXT COLORS=== */
    --swatch-text-dark: var(--black-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-text-general: var(--swatch-text-light);
    --swatch-important-text: var(--bright-accent);
 
    /* ===MENU COLORS=== */
    /* ===MENU BACKGROUND COLORS=== */
    --swatch-menubg-color: var(--white-monochrome);
    --swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--dark-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--black-monochrome);
 
    /* ===MENU TEXT COLORS=== */
    --swatch-menutxt-dark-color: var(--black-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
 
    /* ===SECONDARY & TERTIARY COLORS=== */
    /* Editing these will edit a vast majority of theme elements. Useful for making dark themes */
 
    /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--swatch-menubg-light-color);
    --swatch-alternate-color: var(--medium-accent);
 
    /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
    --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
    --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
 
    /* ===STRUCTURAL MEASUREMENTS=== */
    --header-height-on-desktop: 12rem;
    --header-height-on-mobile: 12rem;
    --header-width-on-desktop: 40rem;
    --body-width-on-desktop: 45rem;
    --topbar-height-on-desktop: 1.9rem;
 
    /* ===SIDEBAR BUTTON=== */
    --toggle-button-bg: rgb(var(--gray-monochrome));
    --toggle-border-color: transparent;
    --toggle-border-width: 0;
    --toggle-icon-color: rgb(var(--white-monochrome));
    --toggle-roundness: 25%;
}
 
/* background */
 
#skrollr-body {
    background-color: rgb(var(--swatch-background));
}
 
#skrollr-body::before {
    content: "";
    position: fixed;
    background-image: linear-gradient(to bottom, transparent, rgb(var(--swatch-background))), var(--article-image);
    background-size: 100% 100%, cover;
    width: 100vw; height: 100vh;
}
 
#container-wrap-wrap::before {
    content: "";
    position: fixed;
    width: 100vw; height: 100vh;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
}
 
@media only screen and (min-width: 56.25rem) {
 
/* main content */
#main-content {
    padding: 0.5rem 1rem;
    margin: 3.5rem auto 1.5rem auto;
    background: rgba(var(--gray-monochrome));
    --swatch-background: 0,0,0,0;
    grid-template-areas: "action-area-top action-area-top action-area-top action-area-top action-area-top action-area-top""page-tags page-tags page-tags page-tags page-tags page-tags""page-title page-title page-title page-title page-title page-title""breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs""page-content page-content page-content page-content page-content page-content""page-info-break page-info-break page-info-break page-info-break page-info-break page-info-break"". . pwatch pwatch pwatch pwatch"". . pinfo pinfo pinfo pinfo""options-1 options-1 options-1 options-1 options-1 options-1""options-2 options-2 options-2 options-2 options-2 options-2""pbottom pbottom pbottom pbottom pbottom pbottom""action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm";
}
 
/* topmenu */
#header div[class*="top-bar"] > ul {
    background: rgba(var(--gray-monochrome));
    border-radius: 0.75rem;
    padding: 0 1rem;
    box-sizing: border-box;
}
 
#header div[class*="top-bar"] > ul > li > a {
    border-left: 1px dotted rgb(var(--white-monochrome));
}
 
#header div[class*="top-bar"] > ul > li:first-of-type > a{
    border: none;
}
 
/* make the login info go to the actual screen edge */
#header {
     position: static;
}
 
/* border under topmenu */
#header::after {
    content: "";
    position: absolute;
    height: 1px;
    background: rgba(var(--pale-gray-monochrome));
    width: 60rem;
    left: calc(calc(100vw - 60rem) / 2);
}
 
/* header logo */
#header {
   background-image: none;
}
 
#header::before {
    content: ""; width: 100%; height: var(--header-height-on-desktop);
    position: absolute; top: 0; left: 0;
    background: var(--logo-image); opacity: 0.25; background-position: center bottom;
    background-size: auto calc(var(--header-height-on-desktop) - 2rem);
    background-repeat: no-repeat;
}
 
#header div#top-bar {
    font-size: 1rem;
}
 
}
 
/* tags */
#main-content .page-tags {
    box-shadow: none;
    padding: 0;
    margin: 0;
    font-size: 1rem;
}
 
#main-content .page-tags::before {
    display: none;
}
 
#main-content .page-tags span {
    display: inline-flex;
    padding-top: -1px;
    font-size: inherit;
}
 
#main-content .page-tags span::before {
    color: rgb(var(--swatch-text-general));
    content: "标签："
    font-weight: bold;
}
 
@media only screen and (min-width: 56.25rem) {
 
/* title */
#page-title, .meta-title {
    margin: 0;
    margin-top: 0.5rem;
    font-size: 2.5em;
}
 
#page-title, .meta-title {
    font-size: 3em;
}
 
/* center header */
 
#header :is(h1, h2) {
    width: 100%;
    max-width: var(--header-width-on-desktop);
    display: flex;
}
 
#header h1 a {
    margin: 4rem auto;
}
 
#header h2 span {
    margin-left: unset;
    font-size: 0;
    margin-top: 7.5rem;
    align-content: center;
    width: 100%;
    text-align: center;
}
 
#header h2 span::before {
    font-size: var(--header-h2-font-size);
}
 
}
 
/* buttons */
div[id*=page-options-bottom]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn {
    padding: 3px;
    box-shadow: none;
    flex-basis: 7rem;
}
 
div[id*=page-options-bottom]>a:after {
    content: none;
}
 
/* removing --swatch-background in places */
 
form#edit-page-form table.form:first-of-type tr:focus-within td:first-of-type, form#edit-post-form table.form:first-of-type tr:focus-within td:first-of-type, form#new-post-form table.form:first-of-type tr:focus-within td:first-of-type, form#new-thread-form table.form:first-of-type tr:focus-within td:first-of-type {
    color: rgb(var(--pale-gray-monochrome));
}
 
form#edit-page-form .edit-page-bottomtable tr > td:nth-of-type(1) > div:nth-of-type(1):focus-within::before, form#edit-post-form .edit-page-bottomtable tr > td:nth-of-type(1) > div:nth-of-type(1):focus-within::before, form#new-post-form .edit-page-bottomtable tr > td:nth-of-type(1) > div:nth-of-type(1):focus-within::before, form#new-thread-form .edit-page-bottomtable tr > td:nth-of-type(1) > div:nth-of-type(1):focus-within::before {
    color: rgb(var(--pale-gray-monochrome));
}
 
/* mobile */
 
@media only screen and (max-width: 56.25rem) {
 
:root {
    --header-h1-font-size: 6vw;
    --header-h2-font-size: 3vw;
}
 
#main-content > *, #main-content > * ~ * {
    max-width: var(--body-width-on-mobile);
}
 
#header :is(h1, h2), #top-bar {
    max-width: unset;
}
 
#header div#top-bar {
    max-width: unset;
}
 
#header div[class*="top-bar"] > ul {
    max-width: unset;
}
 
#content-wrap {
    background: rgba(var(--gray-monochrome));
}
 
#main-content {
    --swatch-background: 0,0,0,0;
    grid-template-areas: "action-area-top action-area-top action-area-top action-area-top action-area-top action-area-top""page-tags page-tags page-tags page-tags page-tags page-tags""page-title page-title page-title page-title page-title page-title""breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs""page-content page-content page-content page-content page-content page-content""page-info-break page-info-break page-info-break page-info-break page-info-break page-info-break"". . pwatch pwatch pwatch pwatch"". . pinfo pinfo pinfo pinfo""options-1 options-1 options-1 options-1 options-1 options-1""options-2 options-2 options-2 options-2 options-2 options-2""pbottom pbottom pbottom pbottom pbottom pbottom""action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm";
}
 
#top-bar {
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
}
 
}
 
/* blockquote */
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
    background-color: rgb(var(--gray-monochrome));
}
 
/* footnotes */
.hovertip {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
 
.footnotes-footer a[href*="javascript"]::before {
    display: none;
}
 
.footnotes-footer a[href*="javascript"], .footnotes-footer a[href*="javascript"]:visited {
    color: rgb(var(--link-color));
    min-width: unset; width: 1ch;
}
 
/* owindow */
#odialog-container div.owindow {
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
}
 
/* tags */
#main-content {
    --pagetags-text-color: var(--pale-gray-monochrome);
    --pagetags-text-hover-color: var(--dark-gray-monochrome);
}
.page-tags span::before {
    content: "标签：";
    font-size: 90%;
    display: inline-flex;
    align-items: center;
}
#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]), #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]) {
    margin: 0;
    font-size: 90%;
}

- 收起

二楼

二楼是室中最为古老的存在，被猜测诞生于后室之前，二楼具体何时发源无从考证，但可确定诸多层级乃至室的形成过程中二楼不可或缺，二楼中的核向外抛射自身的元素，形成了核层，稳定的核层形成了层级，最终层级被送至二楼的外部，层级互相接近形成堆垛样的集合体而统一为室。为了探索这一过程及其子过程，流浪者从「窗外」进入「阁楼」，而到目前我们对起重要作用的「核」却只了解皮毛，而「阁楼」深处的「伪核」更是知之甚少，「阁楼」内变化极速的环境使探险止步于「阁楼」的边缘，稳定的「窗外」成为了大部分流浪者的定居之所。二楼与其他室的关系不同于其他室彼此间的疏离，「窗外」的组成层级与其他室的层级并非能明确划分，而是呈现渐变的关系。时至今日，二楼整体的划分仍处于介于多者间、模糊的状态。

「二楼墙」

「二楼墙」是二楼特有的结构框架，与常室-临界室框架不同，「二楼墙」并不具备完整的层级型结构，仅仅是用于维系二楼维度的「空心」框架，虽然也有不确信的报告称「二楼墙」内的结构与中室类似，由无数广阔且不可理解的复杂区域组成,长度无穷的彭罗斯阶梯贯穿于内，也存在时空弯曲的平面和故障化的区域，更有时间流速均存在差异的腐败现实，流浪者无法理解在「二楼墙」中行进的过程。

「二楼墙」向维度内¹形成了「墙场」,「墙场」将「核」稳定的束缚在阁楼的最中心,「核」与「核」不间歇的发生干涉，在趋近于零的时间段约有无限个「核」被创生，也有与创生数量相当的「核」受「墙场」的作用而完全湮灭，「墙场」判定为合理的「核」在「阁楼」中央被永久保留。无论「核」是否被保留，「核」都会在自身存在的时刻向外抛射「核」类特征元素，元素碰撞到「二楼墙」后立刻发生沉积，形成初始的层级即为核层。
「二楼墙」的结构无时无刻发生着改变，在「二楼墙」内行进的流浪者也可察觉，元素碰撞「二楼墙」产生的波动无时无刻重塑着「二楼墙」内的环境
「二楼墙」的复杂结构被推测有多种作用
- 缓冲「核」抛射物,复杂的结构紧密相接使「二楼墙」不会因抛射物冲击而溃散。
- 促使具有「核」特征的抛射物内空间以「二楼墙」内部结构为蓝本进一步完善。
- 在核层完成向层级的转变后，将核层从「阁楼」内送至「窗外」

「核」

「核」为具有某类特征的元素，这些特征彼此间有程度不一的差异。「核」的元素特征可「宽泛」，亦可「狭窄」。
「核」上传中心
如下是已充分探知的「核」

熔核(DarkErrorcore)

被迷茫、孤独和绝望包围,仿佛被一种无形的力量所缠绕和扭曲,尝试摆脱却依然无法从情绪漩涡中逃脱
熔核是一种以感受失落与腐败为主题的"核",它会强调自我精神的混乱。在视觉上为闪烁或静态的显示画面，展示一种抽象的腐化。红色的密闭空间常用于表现混乱崩塌的心境。窗户外的红色眼睛或是强光则意味着那些要侵入内心的不可名状之物,各种划痕与杂乱无章的线条则是代表混乱的行动,营造一种想要逃脱但无能为力的状态,扭曲的人影与诡异的符号则在体现潜意识中的自我,它们通常显得变态，暗示你不再是以前那样，也无法回到以前那样……
熔核所重点体现的似乎是在人受到某种刺激或是产生某种严重的心理问题时的心境投影,它大多展现了一种诡异混乱的情感。熔核并非简单的外在,更涉及心理和情感上的层面,它让我们思考我们是否真正了解自己,是否真正控制自己,是否真正爱自己……

在"熔核"所摄的图片

街机核(Arcadecore)

你还记得你第一次去游戏厅玩游戏的时候吗？你是否曾经被那些闪烁的霓虹灯,各式各样的街机柜,让你觉得新奇和兴奋的游戏所吸引?你是否曾经和朋友们一起喝着可乐,兑换着奖券,收集着代币，在街机厅里度过一个愉快的周末？
街机核是一种凭前室中国地区1970~2000年的街机厅作为主题的"核",在视觉上包括廉价的塑料玩具,霓虹灯牌,披萨可乐,各种怀旧的街机游戏及地毯上的霓虹图案等元素。是营造一种少年时期怀旧与趣味兼并氛围的"核"。

对街机核格外狂热的流浪者，拥有属于他们自己的独特服饰，以下是这些狂热者为使新成员契合街机核环境的服装指导
街机核的时尚风格可以很低调,也可以极为鲜艳夺目,与环境相适的服装配饰有以下几种:

印有复古视频游戏和怀旧元素的T恤/卫衣/帽子
瘦腿牛仔裤/短裤/裙子
在票务亭换到的廉价塑料首饰
荧光棒首饰
运动鞋(最好是发光的那种)
反射紫外线的衣服和染发
渔网袜
条纹臂章

街机核类风格的起源可以追溯至20世纪50年代,随着技术的发展,街机游戏越来越复杂化和多样化,吸引了无数的玩家和爱好者,在前室1970~1980年代是街机游戏的黄金时代,出现了许多经典的游戏,这不仅影响了前室在那之后的电子游戏产业,也影响了当时的流行文化和艺术,直到后来霓虹的梦开始伴随岁月消退……
街机核像是二楼对这些街机游戏和街机厅的回忆和致敬,它试图重现那些曾经令人兴奋和快乐的时光,在某种程度上街机核也能同阈限空间般，令人有着熟悉又不安的感觉,这是因二者都是一种对现实世界的扭曲和重塑,都试图创造一种超越繁琐日常的体验,均包含了很多具有象征意义和隐喻意义的元素:街机游戏，霓虹灯等,以表达一种深层次的主题，令人挥之不去的情感:童年,游戏,梦境,孤独等，二者都具有矛盾性,对人们既吸引又排斥,既舒适又不安,既熟悉又陌生……

"街机核"的图像资料

乱核

乱核是一种与极简主义相反的"核"，它以家居设计风格为主要视觉载体，强调创造一个个性化的充满信息的空间，在行动上把自己⁴喜欢的东西都堆积在一起，形成一种有序的混乱。乱核的风格不像前室极简主义那样依赖于用相同主题来统一空间，而是以唤起个人的随心所欲的快乐为主要驱动力。乱核的最直接的视觉表现是在卧室里堆放展示自己的收藏，比如艺术品、照片、旅行纪念品、书籍、唱片和各种小物件,以此来更好的展现并享受自我的个性与兴趣,让房间显得更加温馨,激发创造力和想象力,让人在自己最喜爱的事物中沉浸并放松。乱核图片的视觉效果通常是色彩鲜艳的、图案繁复、层次丰富和充满视觉冲击感的。乱核的起源尚不明确,有人认为这是二楼对前室"宅文化"的一种特异化表现,与宅文化一样倾向于收集兴趣相关的物品,堆叠在一起。

乱核所传达的精神内核:

对个性化和自我表达的渴望,乱核依据人的意识选择，摆放其所喜欢的物品来展示因人而异的喜好,价值观和个性,而不是遵循一种统一或普遍的审美标准。
对安全感的寻求,乱核让人们可以在自己熟悉和喜爱的物品中感受到温暖与亲切。
对童年和过去的怀念,乱核可以让人们保留并重温自己童年或过去时光中珍贵的回忆,比如玩具、卡通、明信片。这些物品可以让人们重新感受到曾经的纯真与欢乐。

喜欢二楼中乱核的人通常反对极简主义,认为那仅仅是一种束缚,人应该按照自己的喜好来购买使用物品,而不是为了追求效率或节约而牺牲自己的情感需求,但乱核的批评者认为,乱核所表现的就是,一种不健康、不成熟的生活方式，它只会导致空间的拥挤、杂乱与肮脏,从而影响人们的身心健康,还有人认为乱核是一种浪费的典例，只会促进过度消费和不必要的购买,让家里的垃圾只增不少。
如果你想来到乱核世界，再简单不过了，从你已拥有的东西开始，挑选出你最喜欢的物品，根据你的直觉与感性来选择他们在房间的摆放位置，将收藏品摆放在任何地方，不要害怕空间看起来拥挤或杂乱，而是享受你所创造出来的个人天地，乱核必将响应你，随后你就会来到丰富多彩的乱核世界

在"乱核"所摄的图片