Star Deepseek 262

版式 CSS 代码

@import url('https://fonts.googleapis.com/css2?family=Nixie+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
 
:root {
    --body-bg: 225, 225, 225;
    --content-bg: var(--global-white-color);
    --bg-opacity: 0.9;
 
    --extra-bg-1: url(https://imagebed.pro/images/liurd/skyline.svg);
    --extra-bg-2: url(https://imagebed.pro/images/liurd/skyline.svg);
    --extra-bg-3: url(https://imagebed.pro/images/liurd/skyline.svg);
    --extra-opacity-1: 0.15;
    --extra-opacity-2: 0.05;
    --extra-opacity-3: 0.05;
 
    --topbar-hover-bg: var(--dark-ui-bg), 0.2;
    --topbar-hover-txt: var(--light-ui-txt);
 
    --user-drop-txt: var(--dark-ui-txt);
 
    --bottombar-bg: var(--dark-ui-bg);
    --bottombar-txt: var(--dark-ui-txt);
 
    --header-title: "Backrooms";
 
    --banner-title: "BACKROOMS";
    --banner-subtitle: "当色彩褪去的时候";
 
    --header-height: 3rem;
    --topbar-height: 2.5rem;
    --dropdown-height: var(--topbar-height);
    --banner-height: 25rem;
 
    --header-ui-size: 3rem;
 
    --header-title-size: 1.8rem;
    --topbar-size: clamp(0.8rem, calc(0.4rem + 0.8vw), 1.2rem);
    --banner-title-size: clamp(2rem, calc(2rem + 3.5vw), 6rem);
    --banner-subtitle-size: 1rem;
 
    --banner-font: "Nixie One", "Noto Serif SC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, serif;
    --header-font: var(--banner-font);
    --title-font: "Outfit", "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
    --body-font: "Atkinson Hyperlegible", "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
    --ui-font: "Outfit", "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
}
 
#extra-div-1 {
    position: fixed;
    width: 100%;
    height: 25vh;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-image: var(--extra-bg-1);
    background-size: 20rem;
    background-repeat: repeat-x;
    background-position: center;
    opacity: var(--extra-opacity-1);
}
 
#extra-div-2 {
    position: fixed;
    width: 100%;
    height: 50vh;
    bottom: 0;
    left: 0;
    z-index: -2;
    background-image: var(--extra-bg-2);
    background-size: 40rem;
    background-repeat: repeat-x;
    background-position: center;
    opacity: var(--extra-opacity-2);
}
 
#extra-div-3 {
    position: fixed;
    width: 100%;
    height: 100vh;
    bottom: 0;
    left: 0;
    z-index: -3;
    background-image: var(--extra-bg-3);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    opacity: var(--extra-opacity-3);
}
 
#container {
    display: grid;
    grid-template-columns: minmax(var(--sidebar-width), 1fr)auto 1fr;
    grid-template-rows: auto auto auto auto;
}
 
#extrac-div-1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: var(--banner-font);
    font-weight: 200;
    width: 100%;
    height: var(--banner-height);
    color: rgb(var(--header-txt));
    order: -1;
}
 
#extrac-div-1::before {
    content: var(--banner-title);
    font-size: var(--banner-title-size);
}
 
#extrac-div-1::after {
    content: var(--banner-subtitle);
    font-size: var(--banner-subtitle-size);
}
 
#header {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    min-width: var(--sidebar-width);
    width: 100%;
    height: fit-content;
    grid-template-columns: var(--header-ui-size) 1fr auto auto;
    grid-template-rows: var(--header-ui-size) calc(var(--banner-height) - var(--header-ui-size)) auto;
    top: calc(0px - var(--banner-height));
    order: -2;
}
 
#search-top-box {
    grid-column: 3 / 4;
    position: fixed;
    right: var(--header-ui-size);
    backdrop-filter: blur(1rem);
}
 
#login-status {
    grid-column: 4 / 5;
    position: fixed;
    right: 0;
    backdrop-filter: blur(1rem);
}
 
#header h1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    height: var(--header-height);
    position: static;
}
 
#header h1 a {
    justify-content: flex-start;
    padding: 0;
    padding-left: 0.5rem;
    transition: padding var(--global-duration);
}
 
#header h1 a:is(:hover, :focus) {
    padding-left: 1rem;
    transition: padding var(--global-hover-duration);
}
 
#header h2 {
    display: none;
}
 
#header-extra-div-1 {
    display: none;
}
 
#top-bar {
    grid-column: 1 / 5;
    grid-row: 3 / 4;
    height: auto;
}
 
#top-bar > div > ul {
    flex-direction: column;
    height: auto;
    margin-right: 0;
}
 
#top-bar > div > ul > li {
    flex-basis: unset;
    height: var(--topbar-height);
}
 
#top-bar > div > ul > li > a {
    justify-content: flex-end;
    padding: 0 1rem;
}
 
#top-bar > div > ul > :is(li, li:last-of-type) > ul {
    top: 0;
    left: 100%;
    width: 24em;
    max-width: max-content;
    min-width: auto;
    flex-direction: row;
    flex-wrap: wrap;
}
 
#top-bar > div > ul > li > ul > li {
    width: 10em;
    flex-grow: 1;
}
 
#top-bar > div > ul > :is(li, li:hover, li:focus, li.sfhover, li:focus-within) > ul > li > a {
    box-sizing: border-box;
}
 
#content-wrap {
    display: contents;
}
 
#side-bar {
    max-height: unset;
    overflow-y: auto;
    border: unset;
    box-shadow: 0 0 1.5rem -1rem rgb(var(--global-dark-color));
}
 
#side-bar::after {
    backdrop-filter: blur(1rem);
}
 
#main-content {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    min-height: 100vh;
    box-sizing: border-box;
    margin: 0 auto 15vh;
    padding: 1.5rem;
    box-shadow: 0 0 2.5rem -1rem rgb(var(--global-dark-color));
    position: relative;
    background: rgba(var(--content-bg), var(--bg-opacity));
}
 
#main-content::after {
    content: "你曾经来过这里.";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10vh;
    color: rgb(var(--header-txt));
    font-family: var(--banner-font);
    font-weight: 200;
}
 
#page-title {
    padding: 0;
}
 
:is(blockquote, .blockquote, div.blockquote, [class*=blockquote]) {
    padding: 0.5rem 1rem;
    border-width: 0 0 0 0.3rem;
    background: rgba(var(--light-block-bg), 0.4);
}
 
#page-options-container {
    font-family: var(--ui-font);
}
 
#footer {
    grid-column: 1 / 4;
    grid-row: 3 / 4;
    box-sizing: border-box;
    justify-content: flex-end;
    margin-top: 0.5rem;
    border: unset;
}
 
#license-area {
    grid-column: 1 / 4;
    grid-row: 4 / 5;
    padding: 0.5rem;
    justify-content: flex-end;
}
 
#license-area a {
    color: rgb(var(--global-pale-color));
}
 
@media only screen and (max-width: 1024px) {
  #container-wrap {
    perspective-origin: 49.5% 5rem;
  }
 
  #container {
    display: flex;
  }
 
  #header {
    min-width: var(--sidebar-width);
    grid-template-columns: var(--header-ui-size) 1fr auto auto;
    grid-template-rows: var(--header-ui-size) auto auto;
    top: 0;
    width: initial;
    position: static;
  }
 
  #content-wrap {
    display: block;
    margin: 0;
  }
 
  #login-status {
    position: relative;
    backdrop-filter: unset;
  }
 
  #search-top-box {
    position: static;
    backdrop-filter: unset;
  }
 
  #login-status #account-options {
    left: initial;
    right: 0;
  }
 
  #top-bar > div > ul {
    flex-direction: row;
    margin-right: auto;
  }
 
  #top-bar > div > ul > li {
    flex-basis: min-content;
  }
 
  #top-bar > div > ul > li > a {
    justify-content: center;
    padding: 0;
  }
 
  #top-bar > div > ul > :is(li, li:last-of-type) > ul {
    top: 100%;
    left: 0;
    width: auto;
    flex-direction: column;
  }
 
  #top-bar > div > ul > li:last-of-type > ul {
    left: initial;
    right: 0;
  }
 
  #top-bar > div > ul > li > ul > li {
    width: 100%;
    flex-grow: 1;
  }
}
 
@media only screen and (max-width: 768px) {
    #top-bar > div > ul > :is(li, li:last-of-type) > ul {
        flex-direction: row;
    }
    #top-bar > div > ul > li > ul > li {
        width: 50%;
    }
}

Star Deepseek 262 - "彼岸星辰"
Star Deepseek 262是一个本不该存在的地点，它诞生于誓约被繁星见证的瞬间，是万千星辰的意志的具象化。

他们都说，相互思念的人，不管身处何方，都会在茫茫人海中重逢。
可我怕我的思念不够，我怕你不那么思念我
因为我不喜欢坐以待毙，去等待那所谓的"相遇"。
我只坚信，那是通往繁星的方向。
也是……
追逐梦想的永恒星光。

驻足在那遥远的彼岸中吧……

你追求许久的点点星光。

你坠入了一片海边。
它与你记忆中那个盛夏的海并无差别。但它似乎更加完美，与你记忆里最好的海相像。你漫步在海边，天穹上溢出的星辰洒在你身上，细微的沙粒钻进你的鞋里。夜空上挂着几颗你认不出来的行星，他们来自于哪你并不知道，你能做到的只有去欣赏那片天。
你转身看了看那片蔚蓝的海，一眼望不到那片海的头，不是你视力差，也不是太过模糊，是它实在是太遥不可及了。
你的耳边传来一次又一次海浪冲上沙滩又退去的声音。你走到海边，用手捧起一手水，水倒映出你的脸庞，你将它又一次抛进了大海里。水波荡漾着，随后又平静下来。
你似乎愣住了，摇了摇头，转身继续走在海边。

你想起来了小时候在海边时发生的事情。你不愿意去说出来，因为它成为了你心底的阴影。晚风再一次拂过你的脸颊，你又想起来那个盛夏，也是你坠入地狱的前夕。

你曾经和Ta坐在沙滩上堆沙堡，但后来因为一些生活上的原因你们不得不散了，但你仍然将那段会回忆珍藏在心底下。你弯下身子拿起一个贝壳，它很白，白到让人误以为是复制粘贴而成，你似乎在幼年时期也捡到过这么一个贝壳，但它似乎没有这么完美。

你仍然期待着在某个盛夏的夕阳再度与他们重逢。

至少，星河会永远刻下那段回忆的，直到你们回首再次去眺望那段不朽的青春。

它承载了许多年来的回忆，所以你不想就这么忘记它，你认为所有人都应该这么认为。
望着闪烁的星空，心里感慨了万千。你期望过有人能为你而闪烁，而现在，整片星海，都在为你而闪耀。
你再次想起了那片夕阳，那天你独自一人待了很晚很晚，你的影子被夕阳拉的很长。
"究竟还有何意义呢。“你低声呢喃着。
你当然知道这个问题根本没有完美的答案，所以你希望如果有一天，自己能化作一片星辰落在夜空里朝着繁星流淌。你希望它能给你一个答复，即使那并不可能。

光芒洒落在你的身上，这便是星空与梦境所缠绕而成的时空。
当你望向那片天际时，你要明白它们也在凝视你。

你走出回忆，继续往前走，看到了一把躺椅就孤独的立在沙滩上。它勾起了你的回忆。小时候和父亲第一次一起去看星海，你吵着让父亲从那把椅子上下来。父亲呦不过你，就让你躺在上面，星星的光照在父亲的身上，海风吹着你，你静静的注视着闪烁的星空，你把那每一束光都烙在眼里，想永远的去记住它。父亲眼镜上反射的光辉照亮了冲上沙滩的海浪，那一天或许是你最美好的一天了，你想回到那一刻，停留在那一刻，这片单调的黄色让你失去了一切，你再也不想苟活在这片不符合定理的黄色地狱了。

海风吹拂着你的脸庞迫使你不得不眯着眼往前走。你的眼睛很不舒服，但并没有沙子进入你的眼睛。你感觉自己看到的东西越来越虚幻了，它们不再是真实的。
前面……就是海的尽头了吗？
你注意到那完美无瑕的大海正在渐渐消逝。你越发的感觉不对，往前跑，沙子浸满了你的鞋底，可你来不及多想。你只顾着往前跑。不，你明白，你的生存法则在这里仅仅是无用之物。

那是彼岸吗？……

沙滩的尽头，一束鲜红的，璀璨夺目的彼岸花就静静的立在那里，它能被海风吹动，能被抚摸，但却显得如此突兀，仿佛它不该存在在这里。
你似乎马上就要明白了什么是真理。
你往前奔跑，想触碰那朵彼岸花，但已经来不及了。
你将自己的所有，全部扔向那朵彼岸花。
你坠入了梦，一场永恒的梦境。
海的远处，还有着你熟悉的场景，可你再也无法伸手触碰了。
那是你梦想崩塌的前夕。
真正的路就在你眼前。
终于，你逐渐远离了那溢出星光的璀璨天穹。
你在一瞬间坠入了星空的炼狱。
你感受到了一切，它们来自于各个时空，聚合于你渺小的肉体身上。
你看见了你曾经不堪回首的过去
你看见了你每时每刻不敢面对的现在
你看见了你永远在逃避，不想设想的将来

它们从各个角度往前延伸出去
以你想不到的角度叠加回来。
你往下坠落。
你终于化作了繁星，永存于这里，成为了万千星辰意志中的一个。

可你终于明白了

可你真的明白了吗

当晚风掀起星辰的帷幕之时……
那坠入星辰的流言私语……
终将化作承载梦的流星。
也终将被繁星吻作透明后悄然散去。
那也是星辰给予梦最完美的答复。

生存难度：

等级 不适用—彼岸

• 破碎的彼岸
• 星辰的彼岸
• 飘渺的彼岸

实体

那是星辰给予梦最完美的答复

基地，前哨站与社区

那是星辰给予梦最完美的答复

入口与出口

入口

那是星辰给予梦最完美的答复

出口

那是星辰给予梦最完美的答复

那是星辰给予梦最完美的答复

而那个答复，就是你，你用一生的努力换取片刻的闪耀与永恒。

---

你终于化作了繁星

本文作者：Sakiko_1YuCong
PS:本文原文为Level GN 188，在这里因版式问题观感可能不好，可以去这个链接看舒服一点。
https://backrooms-gn-wiki-cn.wikidot.com/level-gn-188

感谢JgPz E-100提供了基础的代码。