Duskkkk的作者耶

版式 CSS 代码

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
:root {
    /* Basic Colors */
    --background-color: 248, 248, 248;
    --text-color: 30, 30, 30;
 
    /* Deco Colors */
    --light-color-1: var(--background-color);
    --light-color-2: 235, 235, 235;
    --dark-color-1: 180, 180, 180;
    --dark-color-2: 90, 90, 90;
    --dark-color-3: var(--text-color);
    --dark-color-4: var(--text-color);
 
    /* Special Colors */
    --warning-color: 193, 44, 50;
    --accept-color: 20, 169, 32;
    --neutral-color: 193, 147, 44;
    --warning-text-color: var(--light-color-2);
    --accept-text-color: var(--warning-text-color);
    --neutral-text-color: var(--warning-text-color);
 
    /* Link Colors */
    --link-color: 68, 123, 230;
    --hover-link-color: 24, 80, 187;
    --visited-link-color: 23, 24, 120;
    --newpage-color: 68, 23, 230;
 
    /* Select Colors */
    --selected-background-color: 67, 98, 197;
    --selected-text-color: 253, 253, 253;
 
    /* Scrollbar Colors */
    --scrollbar-color: var(--dark-color-1), 0.75;
    --scrollbar-background-color: var(--dark-color-1), 0.15;
 
    /* Note Colors */
    --note-background-color: var(--light-color-1);
 
    /* General Buttons */
    --general-button-background-color: var(--general-dark-background-color);
    --general-hover-button-background-color: var(--general-medium-background-color);
 
    /* Header Colors */
    --header-background-bottom: var(--background-color), 0;
    --header-background-top: var(--dark-color-1), 0.3;
    --header-extra-background-image: none;
    --header-text-color: var(--general-dark-text-color);
 
    /* Topbar Colors */
    --topbar-background-color: var(--dark-color-4);
    --topbar-hover-background-color: var(--dark-color-2);
    --topbar-drop-text-color: var(--text-color);
    --topbar-drop-background-color: var(--background-color), 0.75;
    --topbar-drop-hover-background-color: var(--general-dark-background-color);
 
    /* User Account Colors */
    --header-username-color: var(--general-dark-text-color);
    --account-button-text-color: var(--general-dark-text-color);
    --account-button-hover-text-color: var(--general-medium-text-color);
    --account-button-background-color: var(--general-dark-background-color);
    --account-button-hover-background-color: var(--general-medium-background-color);
 
    /* Page Title Colors */
    --page-title-text-color: var(--general-dark-text-color);
 
    /* Page Tag Colors */
    --page-tag-border-color: var(--general-dark-background-color);
 
    /* Footer Colors */
    --footer-background-color: var(--general-dark-background-color);
 
    /* Sidebar Colors */
    --sidebar-background-color: var(--light-color-1);
    --sidebar-media-background-color: var(--background-color);
    --sidebar-title-background-color: var(--general-dark-background-color);
    --sidebar-hover-text-color: var(--general-dark-text-color);
    --sidebar-hover-background-color: var(--general-medium-background-color);
 
    /* Action Colors */
    --action-area-info-background-color: var(--general-dark-background-color);
 
    /* Edit Area Colors */
    --edit-area-textarea-background-color: var(--background-color);
 
    /* Rating Module Colors */
    --rating-rateup-color: var(--dark-color-3);
    --rating-ratedown-color: var(--dark-color-3);
    --rating-cancel-color: var(--dark-color-3);
 
    /* Popups Colors */
    --popup-background-color: var(--background-color);
 
    /* The 4 */
    --dark-styled-quote-border-color: var(--dark-color-2);
 
    /* Header Vs */
    --main-header-height: 12rem;
    --main-header-height-on-mobile: 12rem;
    --header-title: "THE BACKROOMS";
    --header-title-font-size: 2.65rem;
    --header-title-font-size-on-mobile: 2rem;
    --header-subtitle: "真理隐于几何之间";
    --header-subtitle-font-size: 1rem;
    --header-subtitle-font-size-on-mobile: 1rem;
 
    /* Topbar Vs */
    --topbar-height: 2.5rem;
    --topbar-height-on-mobile: 2.5rem;
    --topbar-font-size-on-mobile: 0.8rem;
 
    /* Font Set */
    --body-font: "Montserrat", sans-serif;
    --header-font: "Raleway", sans-serif;
    --title-font: var(--header-font);
    --mono-font: "PT Mono", monospace;
}
 
html {
    background: unset;
}
 
body {
    background: linear-gradient(to bottom, rgba(var(--dark-color-1), .4), rgba(var(--background-color)) 40rem);
}
 
#extra-div-1 {
    position: absolute;
    width: 100%;
    height: 10rem;
    top: 1rem;
    left: 0;
    background: linear-gradient(-5deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 150%);
    clip-path: polygon(0 0, 100% 8rem, 100% 100%, 0 2rem);
    z-index: -1;
}
 
#extra-div-2 {
    position: absolute;
    width: 100%;
    height: 6rem;
    top: -3rem;
    left: 0;
    background: linear-gradient(120deg, rgb(var(--dark-color-3)) 20%, rgba(var(--dark-color-1)) 200%);
    clip-path: polygon(100% 0, 0 calc(100% - 2rem), 0 100%, 100% 2rem);
    z-index: -4;
}
 
#extra-div-3 {
    position: absolute;
    width: 100%;
    height: 25rem;
    top: -16rem;
    left: 0;
    background: linear-gradient(-85deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 80%);
    clip-path: polygon(0 calc(100% - 2rem), 100% 0, 100% 2rem, 0 100%);
    z-index: -3;
}
 
#extra-div-4 {
    --gap: 17vh;
 
    position: absolute;
    background-image: repeating-linear-gradient(-15deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1)) var(--gap), rgba(var(--dark-color-1)) calc(var(--gap) + 3px));
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -4;
    opacity: 0.4;
    mask: linear-gradient(175deg, black 0, transparent 25rem, transparent calc(100% - 60rem), black calc(100% - 0rem));
}
 
#extra-div-5 {
    --gap: 10vh;
 
    position: absolute;
    background-image: repeating-linear-gradient(16deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-2), 1) var(--gap), rgba(var(--dark-color-2), 1) calc(var(--gap) + 1rem));
    mask: linear-gradient(175deg, black 0, transparent 80%);
    width: 100%;
    height: 32rem;
    top: 0;
    z-index: -5;
    opacity: 0.6;
}
 
#extra-div-6 {
    --gap: 25vh;
 
    position: absolute;
    background-image: repeating-linear-gradient(10deg, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1)) var(--gap), rgba(var(--dark-color-1)) calc(var(--gap) + 1px));
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -4;
    opacity: 0.4;
    mask: linear-gradient(175deg, transparent 40rem, black 100rem, black calc(100% - 120rem), transparent calc(100% - 50rem));
}
 
#header-extra-div-1 {
    position: absolute;
    width: 100%;
    height: 6.4rem;
    top: 9rem;
    left: 0;
    background: linear-gradient(175deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-1)) 150%);
    clip-path: polygon(0 0, 100% calc(100% - 2rem), 100% 100%, 0 2rem);
}
 
#header-extra-div-2 {
    position: absolute;
    width: 100%;
    height: 11rem;
    top: -2rem;
    left: 0;
    background: linear-gradient(60deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 250%);
    clip-path: polygon(0 calc(100% - 2rem), 100% 0rem, 100% 2rem, 0 100%);
}
 
#header-extra-div-3 {
    position: absolute;
    width: 100%;
    height: 8rem;
    top: 6rem;
    left: 0;
    background: linear-gradient(50deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-1)) 250%);
    clip-path: polygon(0 calc(100% - 2rem), 100% 0rem, 100% 2rem, 0 100%);
}
 
#header {
    position: sticky;
    top: -12rem;
}
 
#header h1 a span {
    font-weight: 300;
    text-shadow: 0 0 0.3rem rgb(var(--dark-color-3)), 0 0 0.5rem rgb(var(--dark-color-3));
}
 
#header h1 a span::after {
    font-weight: 400;
}
 
#header h2 span::before {
    filter: drop-shadow(0 0 0.4rem rgb(var(--dark-color-1)));
    opacity: 0.8;
    background-position: center 0.5rem;
    background-size: auto 85%;
    position: relative;
    top: 0.8rem;
}
 
#login-status {
    text-shadow: 0 0 0.5rem rgb(var(--dark-color-3));
}
 
#account-options {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    text-shadow: none;
}
 
#top-bar {
    background: linear-gradient(90deg, rgb(var(--dark-color-3)), rgba(var(--dark-color-2)) 150%);
    box-shadow: 0 0 0.5rem rgb(var(--dark-color-1), .2);
}
 
#top-bar::before {
    content:"";
    display: block;
    background: inherit;
    width: 100%;
    height: 1rem;
    position: absolute;
    bottom: 100%;
    left: 0;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    z-index: -1;
}
 
#top-bar::after {
    content:"";
    display: block;
    background: inherit;
    width: 100%;
    height: 1rem;
    position: absolute;
    top: 100%;
    left: 0;
    clip-path: polygon(0 100%, 100% 0, 0 0);
    z-index: -1;
}
 
#content-wrap {
    overflow-x: hidden;
}
 
#main-content {
    margin: 0 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
 
#main-content > div:not(#page-title) {
    width: min(var(--body-width), calc(100% - 2rem));
}
 
#page-title, .meta-title {
    padding: 2.5rem 0;
    text-align: center;
    border-bottom: unset;
    background: linear-gradient(-141deg, rgb(var(--dark-color-3)) 50%, rgba(var(--dark-color-2)) 120%);
    clip-path: polygon(0 2.5rem, 100% 0, 100% calc(100% - 2.5rem), 0 100%);
}
 
#page-title {
    width: 100%;
    padding: 2.5rem var(--body-margin);
    box-sizing: border-box;
}
 
#page-content a:not(div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .licensebox a, .pager a), .page-watch-options a {
    text-shadow: 0 0 0.2rem rgb(var(--dark-color-1));
    transition: color 0.15s, text-shadow 0.15s cubic-bezier(0.4, 0.0, 1, 1);
}
 
#page-content a:not(div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .licensebox a, .pager a):hover, .page-watch-options a:hover {
    text-shadow: 0 0 0.5rem rgb(var(--dark-color-1));
    text-decoration: none;
}
 
.overflow-wrapper-wrapper {
    width: 0;
    margin: auto;
}
 
.overflow-wrapper {
    margin-left: -51vw; margin-right: -51vw;
}
 
.classic {
    width: min(var(--body-width), calc(100% - 2rem));
    margin-left: auto; margin-right: auto;
}
 
.l {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    clip-path: polygon(0 1rem, 100% 0, 100% calc(100% - 1rem), 0 100%);
}
 
.r {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    clip-path: polygon(100% 1rem, 0 0, 0 calc(100% - 1rem), 100% 100%);
}
 
.borderblock {
    margin: 1rem 0;
    padding: 1rem 1.5rem;
    border-top: 0.3rem solid rgb(var(--general-dark-border-color));
    border-bottom: 0.3rem solid rgb(var(--general-dark-border-color));
}
 
.footnotes-footer, .bibitems {
    height: fit-content;
}
 
.page-tags span a {
    border-radius: 0;
}
 
.owindow.owait {
    --gap: 3%;
 
    background-image: repeating-linear-gradient(to bottom right, rgba(var(--light-color-1), 0) 0, rgba(var(--light-color-1), 0) var(--gap), rgba(var(--dark-color-1), .4) var(--gap), rgba(var(--dark-color-1), .4) calc(var(--gap) + 3px));
    background-size: 1000% 1000%;
    animation: saving-page-animation infinite ease-in-out 3s alternate;
    justify-content: center;
}
 
.owindow.owait .content{
    display: none;
}
 
@keyframes saving-page-animation {
    0% {
        background-position: 0 0;
    }
 
    100% {
        background-position: 10% 10%;
    }
}

关于本人

男的，19岁，可以叫我dk/黄昏/dusk什么都可以👀，目前是大学生（入站的时候还是高中生，曾在高三前的暑假里一个月内连着投了五篇文¹，然后一直消失到临近大学开学才复活²³），本人性格社恐，长得还算凑活但是矮，存在感不高，爱好啥的也不多（打游戏⁴画画⁵有时打打球⁶）。

本人在刚成为中学生时期就开始对恐怖类作品特别感兴趣，尤其喜欢怪谈一类的，b站相关up也基本关注了个遍⁷。本人先是初中开始看scp，但实际上了解的并不多⁸，后来随着scp在b站被ban就再没怎么看过了，再到高二接触到了Backrooms，一开始也是只在b站，后来越看越想自己写，于是这个账号建立了⁹。

由于社恐，所以本人圈子混的是比较淡的¹⁰，加的好友和群也是少之又少¹¹。但如果想的话，依然可以在wd私信和qq找到我。另外，个人对文章的口味不算很挑，看到比较有意思，叙述顺畅的文章大概率都会u一个。

所以就这些吧🥸？

对，还有还有，在这里感谢曾帮我看过稿、提出意见的各位！🙏

本人作品

原创层级/房间

Level C-595 永恒冰葬
学会迭代之后写的，有点悲剧在里面的¹²。
Level C-715 压缩
第一篇文，没找人看稿，懵懵懂懂就发了，但还是活下来了（好耶！）。
Level C-1045 徊时长廊
我两个小时前在干什么来着？
Level C-1150 破碎矿井（已毁灭）
活动卡点发的文💦
Level C-1245 障目¹³¹⁴
我去我眼镜呢
眠之星
做个好梦……
腐败彼端¹⁵
妈妈，天上有好多星星！
干涉处档案#93 “轨道残墟”
托马斯小火车创烂前厅

会有更多的！

原创物品

Object C-135 厚实幸运之旅
super抽奖机！
Object C-160 世界伞
一把传送伞。
Object C-245 钢琴
谁在弹钢琴？

还会有更多的！

原创实体

REDE-25 流明
谁关的灯？
Entity C-215 春灵
抓住它！
Entity C-260 别回头
是谁在我背后？

也会有更多的！

原创故事

循徊之夜¹⁶
看完恐怖游轮写的（真好看我去）
十八年前的谋杀案
「现在我的叙述结束了，这就是案件的全部。」
「尽管从未有人怀疑过我。」¹⁷
月下
抬头看看月亮吧。
四篇短的
四个零散的点子。

当然会有更多的！

待发布的作品

暂无

我的成就

---

第一份简历

---

西行归乡者

---

临时焦点

---

最好的祝福

---

月度人气选手

---

野心家

---

娱乐玩家

---

下叙名人

---

妙笔生花

---

藏匿的细节

---

谁把它放出来的

---

极简主义

---

多元主义

---

逻辑毁灭使者

---

弗兰肯斯坦

---

泰坦尼克号

---

海底两万里

---

基督山伯爵

---

威尼斯商人

---

官方同人作家

---

中立流浪者

---

拥抱虚无

---

深海探索者

---

微型冒险家

---

梦游之人

---

理科博士生

---

监督者之友

---

我们的特色

---

空中楼阁基建师

---

外交官

---

老练的外交官

---

简明扼要

---

奥德赛式翻译

---

天外来客

---

头号粉丝

---

档案记录员

---

创作百夫长

---

C1发掘者

---

打点计时器

---

征服外域

---

变废为宝

---

五脏俱全

---

史诗级讲师

---

“卧底”的生涯

---

什么是平行宇宙

---

是金子总会发光

---

失语的艺术

---

文字生物圈

---

参与奖

---

独行者

---

百人之上

---

千人之上

---

冠军的荣耀

---

你的标签去哪了

---

小电视军团

---

后室巨匠

凑个数

想让分页看上去多一点，但不知道写什么
所以可以加qq:1278514231
还有steam好友码:1065487218
以及b站UID:398230771

欢迎dv！

Footnotes

1. 居然活了四篇，并且评分都还凑活，好耶！😇

2. 高考完的那个暑假直接打两个多月游戏，完全忘了自己还有个wiki账号☠️。

3. 然而因为学业原因，说是复活其实也还是时死时活QAQ

4. 打的菜（二游只玩粥，除此之外泰拉瑞亚tmod怪物猎人荒野世界XX星露谷物语绝地潜兵2恐鬼症星露谷守望先锋等等都玩的很多，另外我的世界更是从小玩到大）。

5. 画很烂。

6. 更烂。

7. 顺带推荐我最喜欢的怪谈up主小黑屋的貘，这位姐姐配音超级有味道超级专业！故事也选的很好！

8. 仅仅止步于在b站上看

9. 其实本来要去fd的，来wd的原因是fd的网页排版不好看广告还多XP

10. 现在更是因为学业原因完全随缘写文了。

11. 说白了还是喜欢窝在舒适圈☠️。

12. 早期作品，虽然分数还行，但质量自己不是很满意☠️。

13. 与 Destitute 合著！

14. 本站精品！

15. 还是与 Destitute 合著的！

16. 本站精品！

17. 偷引用自镜手在s站的评论（）。