Level YJ-47 - “星穹无境”

+ 版式代码

/*fonts*/
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700');
@font-face {
    font-family: 'ChillGSans';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ChillGSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
:root {
    --theme-base: "black-highlighter";
    --theme-id: "stardust";
    --theme-name: "Stardust Theme";
 
    /* Header */
    --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
    --header-title: "The Backrooms";
    --header-subtitle: "触及群星";
 
    /* Typefaces */
   --body-font: proxima-nova, 'Noto Sans SC', sans-serif;
   --header-font: 'Fantasque Sans Mono', 'ChillGSans', sans-serif;
   --title-font: 'Fantasque Sans Mono', 'ChillGSans', sans-serif;
   --mono-font: 'Fantasque Sans Mono', 'Noto Serif SC', serif;
 
    /* Standard Colors */
    --white-monochrome: 250, 250, 250;
     /* white*/
    --black-monochrome: 0, 0, 0;
    /* black */
    --bright-accent: 71, 213, 240;
    /* the bright blue */
    --medium-accent: 167, 27, 59;
     /* the bright blue animated */
    --dark-accent: 24, 36, 56;
    /* dark blue for background*/
 
    /* Primary Theme Colors */
    --swatch-background: var(--black-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--black-monochrome);
 
    /* Primary Text Colors */
    --swatch-text-dark: var(--white-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-important-text: var(--bright-accent);
    --barColour: var(--very-light-gray-monochrome);
    --linkColour: var(--pale-accent);
 
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--black-monochrome);
    --swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--black-monochrome);
    --swatch-menutxt-dark-color: var(--white-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-border-color: var(--bright-accent);
 
    /* Primary Header Colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --swatch-topmenu-border-color: var(--bright-accent);
    --swatch-topmenu-bg-color: var(--black-monochrome);
 
    /* Link Colors */
    --link-color: var(--bright-accent);
    --visited-link-color: var(--medium-accent);
    --hover-link-color: var(--bright-accent);
    --sidebar-links-text: var(--swatch-menutxt-dark-color);
    --link-color-bright: var(--medium-accent);
 
/* Rating Module Colors */
    --rating-module-button-color: var(--black-monochrome);
    --rating-module-text-color: var(--swatch-menutxt-dark-color);
    --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
 
/* Header Gradients */
--gradient-header: none;
--diagonal-stripes: none;
 
}
 
/*weird stuff*/
 
#login-status {
    color: rgb(var(--bright-accent));
}
 
hr {
  background-color: rgb(var(--bright-accent));
  border-color: rgb(var(--bright-accent));
}
 
#page-title {
    border-color: rgb(var(--bright-accent));
    color: rgb(var(--bright-accent))!important;
}
 
#skrollr-body {
   background-image: none;
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 100%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 37rem 37rem;
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
/* Header Colours */
h1, h2, h3, h4, h5, h6 {
    color: rgb(var(--bright-accent));
}
 
/*image block*/
.scp-image-block .scp-image-caption {
    color: rgb(var(--bright-accent));
    background-color: rgba(var(--bright-accent), .25);
    border-color: rgba(var(--bright-accent), .25);
}
 
/*rate module*/
.page-rate-widget-box {
    background: rgba(var(--bright-accent), .5);
    border-color: rgba(var(--black-monochrome));
    border-width: 0px;
}
 
/*table*/
table.wiki-content-table th {
border: 1px solid rgb(var(--medium-accent)) !important;
background-color: rgba(var(--medium-accent), .25);
color: rgb(var(--medium-accent));
}
 
table.wiki-content-table td {
border: 1px solid rgb(var(--medium-accent)) !important;
}
 
/*search box*/
#search-top-box-input {
    background-color: rgba(var(--bright-accent), .25);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgba(var(--medium-accent), .25);
}
 
/*buttons*/
div#page-options-bottom > a:hover,
div#page-options-bottom > a:active,
div#page-options-bottom-2 > a:hover,
div#page-options-bottom-2 > a:active {
    background-color: rgba(var(--bright-accent), .25);
}
 
/*top bar*/
#top-bar div.top-bar > ul > li > ul,
#top-bar div.mobile-top-bar > ul > li > ul {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > a:hover {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
 
.yui-navset .yui-content {
   background-color:rgba(var(--medium-accent), .25);
     border-color: rgba(var(--medium-accent), 1);
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
     background-color: rgba(var(--medium-accent), .25);
    color:rgb(var(--white-monochrome));
}
 
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--bright-accent), .25);
}
 
/*selected tab bg*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
     background-color: rgba(var(--medium-accent), 1);
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
     background-color: rgba(var(--medium-accent), 1);
}
 
/*backer background*/
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--black-monochrome));
}
 
/*mobile stuff*/
@media only screen and (max-width:768px){
 
:root{
   --header-height-on-mobile: 7.5rem;
}
 
#main-content {
max-width: 90vw;
padding: 0;
margin: 9.2em auto 0;
}
 
#header {
position: absolute;
top: 0rem;
height: var(--header-height-on-mobile);
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 220%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 20rem 20rem;
   background-attachment: scroll;
}
}
 
@media only screen and (max-width:1366px){
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 25rem 25rem;
   background-attachment: scroll;
}
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 160%;
}
}
 
/*funny blocks*/
blockquote, .blockquote, div.blockquote, [class*="blockquote"] {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   background-color:rgba(var(--bright-accent), .25);
   border-color: rgb(var(--bright-accent));
}
 
.styled-quote {
   background-color:rgba(var(--bright-accent), .25);
   border-left: 0.5rem solid rgb(var(--bright-accent));
   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);
}
 
.dark-styled-quote {
   background-color:rgba(var(--medium-accent), .25);
   border-left: 0.5rem solid rgb(var(--medium-accent));
   color:rgb(var(--white-monochrome));
   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);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgba(var(--bright-accent), .25);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgba(var(--medium-accent), .25);
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
#header h1 a::before,
#header h2 span::before {
    --text-shadow: 0px 2px 3px rgba(0,0,0,0.8);
}
 
.modalbox {
    color: rgb(0,0,0);
}

天边的第一笔墨色——

来自于向往广袤无垠宇宙的星辰。

在天黑的时刻，地平线出现第一缕星光，它伴随着最纯粹的感情，宛如河流流入脑中，安宁与惬意在身体中散开，你下意识的想接近，你心中的你告诉自己，顺着这些星光去追逐宇宙，探寻它的本质，你被它创造，你与它的联系是紧紧相连、连连相扣的，同时你与它的距离又是如此遥远。

在你们之间，有一个无法被接触的屏障，它间隔在中间，使你们分开，宇宙与你之间便只存在一种微妙的潜在关系。


你遥望星空，群星成片，思绪如大海般流动，翻江倒海，而你正在这大海中央的一个岛屿，你是孤独的。而唯一能陪伴你的只有那片星空，你仰身一跃，扑通一声，便跳入海中。渐渐沉寂，你在这片思绪之海中翻找。

「你在找什么？」

一个问题悄然而生，你所寻找的是宇宙，但它从未被具象化过，你属于宇宙，所以你是它的一部分，但它所指的范围？你的意识渐渐不清，周遭的事物变得模糊，仿佛有一滴黑墨打乱了画，原本的事物在扭动，你肉眼可见的疲惫，沉入海的最深处，渐渐闭上了眼睛……

「醒醒，醒醒！」

似惊鸿般惊醒了你沉睡的心灵，你睁开眼去，你已不在那深海之中，该如何描述这地方？它没有具体的食物，似乎仅仅是你所想，这也许是你心中的小世界。你在平时沉默寡言，你从不招惹任何事，但你也从未拥有过一个朋友。

你想试一试，但却不敢。你逐渐被周围的人所遗忘，你在这遗忘之中大声哭泣，想寻得一丝安慰，但世界本身似乎是在告诉你它本就是那么的残酷，在你的心灵即将破碎之际，你找到了它，那漫天的星辰仿佛给予你一个巨大的拥抱，告诉你它，并不是那么的残酷。

「在每个平静的夜晚，你抬起望远镜。」


「你想看看那些星星的真正样貌，是如此的庞大。」


「但你也知道，它们都属于它。」


「而你也属于它，不过对于它们十分渺小，罢了。」



我想你已经找到了答案——

或许你并不需要将它具象化，因为你本就属于它的一部分，只是之间一层星穹隔断了你们的直接联系而已，但实际上就连星穹也为它所创，你不用再惧怕。你想起曾经的每一个夜晚，你放声歌唱，对山野发自内心的大笑，记忆不再模糊，反而逐渐清晰，你隐隐感觉到你与它之间的星穹出现了裂缝。

你恍然清醒，从海中醒来。

今天的夜色是如此美妙，你的灵魂逐渐脱离你那厚重的躯壳，接近星辰。越来越近，光芒万丈，你终于见到了星穹，由万千繁星所组成的屏障，你知道。

「你或许从来都都是一颗真正的星。」


这星穹或许从来都不是屏障，只是在你以前天真的结果，它或许是宇宙本身，你本就融入了它，这次的距离不过更近罢了。

前路不可估量，可能还有万千星穹。


但终有一天，你会与真正的它相遇。

你对它的定义可能不是正常人们想的那样，


但无论每个人想的是什么样，最终追寻的本质其实就是真正的自己。

光束占据了你的视野，那一瞬间光芒万丈，在遥远的另一边，另一边的人看见了这番宇宙奇观，你的思绪被埋没在彻底粉碎的星穹之中。



在遥远的未来，愿我们仍能在星光中重逢。

---

作者信息

作者：YueMo54329
在YJ分站的第二篇文，质量不算太好，如有建议请指出。