喜剧演员的最后一场表演

版式 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%;
    }
}

又一场大雨倾盆而下。

人群匆忙躲避，其中有位头发凌乱的青年男子。


这是位喜剧演员，一位曾在前厅拿下重重名号的普通人。

“重新做回主角吧。”

大门、楼梯、钥匙、沙发。他不知第多少次重蹈。


雨扔在猛烈地倾落着，随着一声惊雷，楼房的全部电灯同时爆闪了一瞬，随后便因电力的瘫痪而熄灭。


天黑了。


拉上窗帘，沉沉入睡。


喜剧演员的梦只有一种；那便是前厅的日子——它们轻盈得像飘渺的雾，在梦中尝试抓住，可是那些雾恍然一空。


前厅嘛，他出生在那儿的一个小镇，过着还算凑合的普通生活，直到一次暴雨致使的泥石流冲垮了他的家乡——头一晚，他在雨里游荡着，却恰好躲过了一劫，那年他刚刚到了步入社会的年龄。


他的一生本该就那样了，但他偶然被发现了天赋——从此，单口喜剧演员的生涯就此拉开帷幕。


四五年，他或许也未料到自己有一日能站上城里最大剧院的舞台。


他恐惧且享受着台下数千观众的惊呼与如雷的掌声，一切似乎在往最好的方向发展，但或许是因为曾经那场暴雨带给他的后遗症，他好像开始恐惧舞台与台下的观众。


一次演出中，当剧情来到了最高潮时，他突然丢下手中的话筒，迅速逃下舞台、跑出剧院、跑入建筑外的暴雨中，尽情享受着淋漓的爆发。在同一场雨中，高楼顶端出现了一抹坠下的影。



他本该就那样死了的，但当他再一次睁开眼，目及之处却是一个墙纸暗黄、地毯潮湿、日光灯嗡嗡作响的储藏室。


到了世外之地，他认为自己已经丢下了所有家伙事，或许还能在某个哨站寻到一丝庇护，但他仍旧热爱游荡，而这片奇异的领域像是他意识的投照。





又过了数年。





他仍能开出令众人捧腹大笑的笑话，但他选择离开人群。逐渐地，他爱上了自言自语，静静看向窗外或是在暗夜中手舞足蹈。


自那无形的风暴降临已经许久，但世界仍旧运行着。


是他自己毁了全部，他想。


然而，后室的一切也越发混乱，无人能挽救。

在虚无的空洞之间，他自梦中醒来，灯仍旧未恢复光亮，一切仍旧那样糟糕。



他心中有一念头。



打开所有自备的手电筒，调到最大功率，安置到合适的位置，将房间照射得犹如白昼。


微微闭上眼，那种熟悉的感觉就像是置身舞台。

“来吧。”

他站上舞台。


一切都准备好了，喜剧演员好像再次听到了台下激烈的掌声，而这次，他不再恐惧。那掌声仍在持续，而且愈发热烈，他曾经所见的一切都在为他欢呼。

“朋友们，”

“抱歉，久等了。”

“由衷向你们致谢，感激之情我难以言表。”

台下的呼声将他撑上了天花板，这使他能清晰瞰见，自己已经身处那所熟悉的剧院。

“人们都说一切都他妈完了，那为何不在死前畅快一把，将一切悲伤抖出你的肉体？”

雨声好像变了，或者说，观众的鼓掌盖过了雨声。

“是的，来吧。对这个操蛋的世界告别吧！我们都再也见不到它了。”

孤独的歌唱声回响，其源头来自舞台。


喜剧演员沉浸在其中。


沉浸在人群的激烈欢呼与掌声中。


沉浸在末世般的倾盆大雨下。




当然，他看到了结局，也早已策划好，他要再最后来一场暴烈的下场。




一曲终，他投下那瓶准备了数年、蕴含极大威力的雷，耗尽全力一砸，随着震耳欲聋的轰鸣与近乎纯白的光球扩散开来，喜剧演员虚弱的身躯顷刻间灰飞烟灭。随后舞台消失了，观众席消失了——乃至大雨、楼房及被腐朽的一切不复存在。


对吧？


这是一场喜剧，对吧？


——是的，这就是他最渴求的结局，或许人们将一笑而过，尽了生命的黑色幽默也将成为故事。

---

幽默的缔造者

Sharp comment up
图片全部为自摄，有后期微调

灵感来自Bo Burnham的《All Eyes On Me》

打@打得累死我了，要不是为了渲染气氛我这辈子不会再每句空两行。

---

首投于TODV 但是一直没人看给我整红温了 只好试试来这边投
😡。

— 2025/05/11 —