Lights Out

版式 CSS 代码

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter&display=swap');
 
/* 全局 */
:root {
    --theme-base: "black-highlighter";
    --theme-id: "blank";
    --theme-name: "Blank Theme";
 
    --logo-image: none;
    --header-title: "The Backrooms";
    --header-subtitle: "你曾经来过这里";
 
    --bb-black: 65, 65, 65;
    --bb-white: 253, 253, 253;
    --bb-accent-color: 63, 66, 50;
    --bb-accent-background: 215, 219, 204;
 
    --body-font: Inter, Noto Sans SC, Noto Sans TC, Arimo, Verdana, Geneva, sans-serif;
    --header-font: var(--body-font);
    --title-font: var(--body-font);
    --mono-font: Bitter, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace;
 
    --temp-font-1: Inter, Noto Sans SC, Noto Sans TC, Arimo, Verdana, Geneva, sans-serif;
    --temp-font-2: Bitter, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace;
 
    --white-monochrome: var(--bb-white);
    --pale-gray-monochrome: var(--bb-white);
    --light-gray-monochrome: var(--bb-white);
    --gray-monochrome: var(--bb-white);
    --black-monochrome: var(--bb-black);
    --bright-accent: var(--bb-black);
    --medium-accent: var(--bb-white);
    --dark-accent: var(--bb-black);
    --pale-accent: var(--bb-black);
 
    --swatch-topmenu-border-color: var(--bb-white);
    --swatch-menubg-dark-color: var(--bb-black);
 
    --rating-module-button-plus-color: var(--bb-black);
    --rating-module-button-negative-color: var(--bb-black);
    --rating-module-button-cancel-color: var(--bb-black);
    --rating-module-button-credit-color: var(--bb-black);
 
    --link-color: var(--bb-black);
    --hover-link-color: var(--bb-black);
    --visited-link-color: var(--bb-black);
 
    --background-gradient-distance: 0rem;
 
    --gradient-header: linear-gradient(to top,
        rgba(var(--medium-accent)) 0%,
        rgba(var(--medium-accent), 0.90) 100%);
    --diagonal-stripes: linear-gradient(transparent 0);
}
 
* {
    scrollbar-color: rgb(var(--bb-black)) transparent !important;
}
 
#page-content {
    font-size: 110%;
}
 
@media only screen and (max-width: 768px) {
    #page-content {
        font-size: 90%;
    }
}
 
::selection {
    background: rgb(var(--black-monochrome));
    color: rgb(var(--white-monochrome));
}
 
::-moz-selection {
    background: rgb(var(--black-monochrome));
    color: rgb(var(--white-monochrome));
}
 
#skrollr-body {
    background-image: none;
}
 
#container {
    background-image: none;
}
/*
body::-webkit-scrollbar-thumb {
    background-color: rgb(var(--bb-black));
}
 
body::-webkit-scrollbar-track {
    background-color: rgb(var(--bb-white));
}
*/
#main-content {
    padding-bottom: 3em;
}
 
/* 版头 */
#login-status,
#login-status a {
    color: rgb(var(--bb-black));
    opacity: 0;
    transition: opacity 300ms;
}
 
#login-status span.printuser {
    opacity: 0;
    transition: opacity 300ms;
}
 
#header:hover #login-status span.printuser,
#header:focus-within #login-status span.printuser {
    opacity: 1;
}
 
#header:hover #login-status,
#header:hover #login-status a,
#header:focus-within #login-status,
#header:focus-within #login-status a {
    opacity: 1;
}
 
#account-topbutton {
    border: none;
}
 
#account-options {
    background-color: rgb(var(--bb-white));
    border: 0.15rem solid rgb(var(--bb-black));
}
 
#login-status ul a {
    text-decoration: none;
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
    transition: background-color 300ms;
}
 
#login-status ul a:hover,
#login-status ul a:focus {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white)) !important;
}
 
@media only screen and (max-width: 768px) {
    #search-top-box-form {
        display: none;
    }
}
 
#search-top-box-input {
    display: none;
}
 
#search-top-box-form>input.button.btn {
    opacity: 0;
    transition: opacity 300ms, color 300ms, background-color 300ms;
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    border: 0.15rem solid rgb(var(--bb-black));
}
 
#search-top-box-form>input.button.btn:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
#search-top-box-form input[type=submit]:focus,
#search-top-box-form input[type=submit]:hover {
    text-shadow: none;
}
 
#header:hover #search-top-box-form>input.button.btn,
#header:focus-within #search-top-box-form>input.button.btn {
    opacity: 1;
}
 
#header h1 a::before,
#header h2 span::before {
    text-shadow: none;
    color: rgb(var(--bb-white));
    transition: color 300ms, bottom 300ms;
}
 
#header:hover h1 a::before,
#header:hover h2 span::before,
#header:focus-within h1 a::before,
#header:focus-within h2 span::before {
    color: rgb(var(--bb-black));
}
 
#header h1 a:before {
    position: relative;
    font-weight: 900 !important;
    bottom: 0;
}
 
#header:hover h1 a:before,
#header:focus-within h1 a:before {
    bottom: 3px;
}
 
#header h2,
#header h2 span,
#header h2 span::before {
    position: absolute;
    top: 2rem;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
 
/* 顶栏 */
#top-bar div.mobile-top-bar>ul>li>a,
#top-bar div.top-bar>ul>li>a,
#header:hover #top-bar div.mobile-top-bar>div.open-menu>p>a,
#header:focus-within #top-bar div.mobile-top-bar>div.open-menu>p>a {
    color: rgb(var(--bb-white));
    transition: opacity 300ms;
}
 
#header:hover #top-bar div.mobile-top-bar>ul>li>a,
#header:hover #top-bar div.top-bar>ul>li>a,
#header:focus-within #top-bar div.mobile-top-bar>ul>li>a,
#header:focus-within #top-bar div.top-bar>ul>li>a {
    color: rgb(var(--bb-black));
}
 
#header:hover #top-bar div.mobile-top-bar>div.open-menu>p>a,
#header:focus-within #top-bar div.mobile-top-bar>div.open-menu>p>a {
    color: rgb(var(--bb-black)) !important;
}
 
#top-bar div.top-bar>ul>.sfhover>a {
    color: rgb(var(--bb-white)) !important;
}
 
#top-bar div.mobile-top-bar>ul>li:hover>a,
#top-bar div.mobile-top-bar>ul>li:focus-within>a {
    color: rgb(var(--bb-white)) !important;
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li,
#top-bar div.top-bar>ul>li>ul>li {
    transition: background 300ms;
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li:hover,
#top-bar div.top-bar>ul>li>ul>li:hover,
#top-bar div.mobile-top-bar>ul>li>ul>li:focus,
#top-bar div.top-bar>ul>li>ul>li:focus {
    background: rgb(var(--bb-white));
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li:hover a,
#top-bar div.top-bar>ul>li>ul>li:hover a,
#top-bar div.mobile-top-bar>ul>li>ul>li:focus-within a,
#top-bar div.top-bar>ul>li>ul>li:focus-within a {
    color: rgb(var(--bb-black));
}
 
/* 侧栏 */
#side-bar::-webkit-scrollbar {
    display: none !important;
}
 
#main-content::after {
    visibility: hidden;
}
 
#main-content::before {
    background-color: rgb(var(--bb-white)) !important;
}
 
#side-bar div.side-block {
    border-right: none;
}
 
#side-bar .heading {
    border-top: 0.125rem solid rgb(var(--bb-black));
    border-bottom: 0.125rem solid rgb(var(--bb-black));
}
 
#side-bar .heading p {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
    text-shadow: none;
}
 
#side-bar .menu-item,
#side-bar .menu-item p {
    border-bottom: 0.15rem solid rgb(var(--bb-white)) !important;
}
 
#side-bar div.menu-item a:not(a:first-child) {
    border-left: 0.15rem rgb(var(--bb-white)) !important;
}
 
#side-bar .side-block>.collapsible-block .collapsible-block-link {
    color: rgb(var(--bb-black));
    text-shadow: none;
}
 
#side-bar .side-block>.collapsible-block .collapsible-block-link:hover {
    color: rgb(var(--bb-white));
}
 
#side-bar div.menu-item a {
    transition: background-color 300ms;
}
 
#side-bar div.menu-item a:hover {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
}
 
#side-bar .side-block>.collapsible-block a.collapsible-block-link:after,
#side-bar div.menu-item a.collapsible-block-link:after,
#side-bar div.menu-item a::before {
    display: none;
}
 
#side-bar {
    position: fixed;
    border-right: 0.15rem solid transparent;
}
 
#content-wrap {
    margin-left: 0;
}
 
#side-bar:hover {
    border-right: 0.15rem solid rgb(var(--bb-black));
}
 
@media only screen and (max-width: 768px) {
    #side-bar {
        border: none !important;
    }
}
 
/* 评分 */
.page-rate-widget-box,
.rate-box-with-credit-button {
    background-color: rgb(var(--bb-white)) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
 
/* 页面元素 */
.radius-div>* {
    border-radius: 10px;
}
 
.error-inline {
    color: rgb(var(--bb-black));
    border: 1px solid rgb(var(--bb-black));
}
 
hr,
.dashed-hr {
    margin: 1em 0;
    padding: 0;
    display: block;
    border: none;
    height: 2px;
    background-image: linear-gradient(90deg, rgb(var(--bb-black)) 0%, rgb(var(--bb-black)) 55%, rgb(var(--bb-white)) 55%, rgb(var(--bb-white)) 100%);
    background-size: 1em 2px;
    background-repeat: x-repeat
}
 
.solid-hr {
    margin: 1em 0;
    padding: 0;
    display: block;
    height: 2px;
    background-color: rgb(var(--bb-black));
}
 
.styled-hr {
    margin: 1em 0;
    padding: 0;
    display: block;
    position: relative;
    height: 0.15em;
    overflow: hidden;
    border: initial;
    background-color: rgb(var(--bb-black));
    -webkit-clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
    clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
}
 
.avatar-hover {
    display: none !important;
}
 
.avatarhover a {
    text-decoration: none;
    color: rgb(var(--bb-black));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition:
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
.avatarhover:hover a {
    text-decoration: none;
    color: rgb(var(--bb-white));
}
 
#action-area .avatarhover:hover a {
    background-color:rgb(var(--bb-black));
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]),
#page-content .avatarhover,
.hovertip a,
.classic-collap a.collapsible-block-link {
    padding: 0.15em;
    margin: -0.15em;
    color: rgb(var(--bb-black));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: inset 0 -0.125rem 0 0rem rgb(var(--bb-black));
    transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="#u-credit-view"]):hover,
#page-content .avatarhover:hover,
.hovertip a:hover,
.classic-collap a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgb(var(--bb-black));
    text-decoration: none;
    color: rgb(var(--bb-white));
}
 
#page-title,
.meta-title {
    margin: 0 auto 0.6em;
    text-align: center;
    font-size: 30px !important;
}
 
/* 目录 & 折叠 */
#toc {
    background-color: rgb(var(--bb-white));
    border: solid 0.15rem rgb(var(--bb-black));
    color: rgb(var(--bb-black));
    padding: 0;
}
 
#toc-action-bar {
    padding: 0 !important;
}
 
#toc-list {
    margin: 0.5em;
}
 
#toc-action-bar>a,
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) {
    display: inline-block;
    transition: background-color 300ms;
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    text-decoration: none !important;
}
 
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *) {
    padding-right: 0.4em;
}
 
.collapsible-block {
    margin: 1em 0; 
}
 
#toc-action-bar>a {
    width: 100%;
}
 
#toc-action-bar>a:hover,
a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
#toc-action-bar>a:nth-child(1)::before,
#toc-action-bar>a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    margin: 0 0.2em 0 0.4em;
    content: "▼";
    color: rgb(var(--bb-black));
    background-color: transparent;
    visibility: visible;
    display: inline-block;
}
 
#toc-action-bar>a:nth-child(1):hover::before,
#toc-action-bar>a:nth-child(2):hover::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *):hover::before {
    color: rgb(var(--bb-white));
}
 
#toc-action-bar>a:nth-child(2)::before,
.collapsible-block-folded a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation-name: collapsible-arrow-spin;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32, .38, .39, .94);
    animation-fill-mode: forwards;
}
 
#toc-action-bar>a:nth-child(1)::before,
.collapsible-block-unfolded-link a.collapsible-block-link:not(.classic-collap *):not(.styled-collap *)::before {
    animation-name: collapsible-arrow-spin-back;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32, .38, .39, .94);
    animation-fill-mode: forwards;
}
 
@keyframes collapsible-arrow-spin {
    from {
        transform: rotate(0deg);
    }
 
    to {
        transform: rotate(-90deg);
    }
}
 
@keyframes collapsible-arrow-spin-back {
    from {
        transform: rotate(-90deg);
    }
 
    to {
        transform: rotate(0deg);
    }
}
 
/* 分页 */
.yui-navset .yui-nav {
    border: solid 3px rgb(var(--bb-black));
    box-shadow: none;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    transition: background-color 300ms;
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
}
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white)) !important;
}
 
.yui-navset .yui-nav .selected a {
    color: rgb(var(--bb-white)) !important;
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    box-shadow: 0 0 0 .0625rem rgb(var(--bb-white));
    background-color: rgb(var(--bb-white));
}
 
.yui-navset .yui-content {
    background-color: rgb(var(--bb-white));
    border: none;
    margin: 0;
    padding: 0.25em 0;
}
 
/* 图像框 */
.scp-image-block {
    border: none;
    box-shadow: none;
}
 
.scp-image-block .scp-image-caption {
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
    border: none !important;
}
 
.reversed-image .scp-image-block .scp-image-caption {
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
.bordered-image .scp-image-block {
    border: 0.15rem solid rgb(var(--bb-black));
}
 
/* 表格 */
table.wiki-content-table tr,
table.wiki-content-table th,
table.wiki-content-table td {
    border: .2rem solid rgb(var(--bb-black)) !important;
}
 
table.wiki-content-table th {
    background-color: rgb(var(--bb-black)) !important;
    color: rgb(var(--bb-white));
}
 
/* DIVs */
.code {
    border: dashed 0.15rem rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
.code::-webkit-scrollbar-thumb {
    background-color: rgb(var(--bb-black));
}
 
.code::-webkit-scrollbar-track {
    background-color: rgb(var(--bb-white));
}
 
.blockquote,
blockquote {
    border: solid 0.15rem rgb(var(--bb-black)) !important;
    box-shadow: none !important;
    background-color: rgb(var(--bb-white)) !important;
    color: rgb(var(--bb-black)) !important;
}
 
.lightblock {
    margin-left: 0;
    border: solid 0.15rem rgb(var(--bb-black)) !important;
    box-shadow: none !important;
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
.darkblock {
    --bb-black: var(--white-monochrome);
    --bb-white: var(--black-monochrome);
    margin-left: 0;
    border: none !important;
    box-shadow: none !important;
    background: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
.darkblock * {
    --bb-black: var(--white-monochrome);
    --bb-white: var(--black-monochrome);
}
 
.styled-quote {
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
    margin-left: 0;
    border-left: solid 0.4rem rgb(var(--bb-black)) !important;
    box-shadow: none !important;
    padding-top: 0;
    padding-bottom: 0;
}
 
.dotted-quote {
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    border: dashed 0.15rem rgb(var(--bb-black));
}
 
.dotted-quote hr {
    background-image: none;
    background-color: rgb(var(--bb-white));
    height: 0px;
    border-top: dashed 0.15rem rgb(var(--bb-black));
}
 
.accent-block {
    --bb-black: var(--bb-accent-color);
    --bb-white: var(--bb-accent-background);
    background-color: rgb(var(--bb-white));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    color: rgb(var(--bb-black));
}
 
.accent-block * {
    --bb-black: var(--bb-accent-color);
    --bb-white: var(--bb-accent-background);
}
 
.accent-block .darkblock {
    --bb-black: var(--bb-accent-background) !important;
    --bb-white: var(--bb-accent-color) !important;
}
 
/* 脚注 */
a.footnoteref {
    color: rgb(var(--bb-black));
    background-color: transparent;
    transition: background-color 300ms;
    text-decoration: none !important;
    padding: 0 0.2em;
}
 
a.footnoteref:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
.hovertip {
    border: 0.15rem solid rgb(var(--bb-black)) !important;
}
 
.hovertip .f-footer {
    display: none;
}
 
#page-content>div.footnotes-footer {
    border-left: solid 0.4rem rgb(var(--bb-black));
    margin-top: 1rem;
}
 
.footnotes-footer .footnote-footer a:nth-child(1) {
    text-decoration: none;
    color: rgb(var(--bb-black));
}
 
/* 标签 */
.page-tags {
    margin: 0 auto;
    text-align: center !important;
}
 
.page-tags a {
    line-height: inherit;
    font-weight: 600;
}
 
.page-tags span {
    border-top: none;
    border-bottom: 0.15rem solid rgb(var(--bb-black));
}
 
.page-tags span a {
    color: rgb(var(--bb-black));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
.page-tags span a:hover {
    box-shadow: inset 0 -1.5em 0 0 rgb(var(--bb-black));
    text-decoration: none;
    color: rgb(var(--bb-white));
}
 
/* 按钮 */
div#page-options-bottom-2>a,
div#page-options-bottom>a {
    background-color: rgb(var(--bb-white));
    font-weight: 600 !important;
    color: rgb(var(--bb-black));
    border-radius: 0em;
    -moz-border-radius: 0em;
    border: 0.15rem solid transparent;
    text-decoration: none !important;
    transition:
        border 300ms,
        background-color 300ms;
}
 
#prw54355 {
    font-weight: 600 !important;
}
 
div#page-options-bottom-2>a:active,
div#page-options-bottom-2>a:hover,
div#page-options-bottom>a:active,
div#page-options-bottom>a:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
    border: 0.15rem solid rgb(var(--bb-black));
    text-decoration: none !important;
}
 
/* 信息 */
#page-info {
    color: rgb(var(--bb-white));
}
 
div.page-watch-options {
    visibility: hidden;
}
 
@media only screen and (max-width: 768px) {
    #page-info {
        display: none;
    }
}
 
/* 页脚 */
#license-area {
    display: none;
}
 
#footer {
    display: none !important;
}
 
/* 操作 */
#owindow-1 {
    border-color: rgb(var(--bb-black));
}
 
#who-rated-page-area>div>span {
    color: rgb(var(--bb-black)) !important;
}
 
#who-rated-page-area .avatarhover:hover a {
    transition: background-color 300ms;
}
 
#who-rated-page-area .avatarhover:hover a {
    background-color: rgb(var(--bb-black));
}
 
#action-area input.text::-webkit-scrollbar-thumb,
#action-area textarea::-webkit-scrollbar-thumb {
    background-color: rgb(var(--bb-black));
}
 
#action-area input.text::-webkit-scrollbar-track,
#action-area textarea::-webkit-scrollbar-track {
    background-color: rgb(var(--bb-white));
    border-left: rgb(var(--bb-black)) 0.15rem solid;
}
 
#action-area input.text::-webkit-resizer,
#action-area textarea::-webkit-resizer {
    border-top: rgb(var(--bb-black)) 0.15rem solid;
    border-left: rgb(var(--bb-black)) 0.15rem solid;
    background-color: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
}
 
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
    border: 0.15rem solid rgb(var(--bb-black)) !important;
}
 
table.form td div.sub,
form div.sub {
    color: rgb(var(--bb-black));
}
 
.pager a {
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    border: 0.15rem solid rgb(var(--bb-black));
    text-decoration: none !important;
    transition: background-color 300ms;
}
 
.pager .current {
    border: 0.15rem solid rgb(var(--bb-black));
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
.pager a:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
.change-textarea-size a {
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
    border: 0.15rem solid rgb(var(--bb-black));
    transition: background-color 300ms;
    text-decoration: none;
}
 
.change-textarea-size a:hover,
.change-textarea-size a:active {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
.owindow .button-bar a,
a.button,
button,
div.buttons input,
file,
input.button {
    background: rgb(var(--bb-white));
    color: rgb(var(--bb-black));
    border-radius: 0em !important;
    -moz-border-radius: 0em !important;
    border: 0.15rem solid rgb(var(--bb-black));
    transition:
        border 300ms,
        background-color 300ms;
}
 
.page-source {
    border: 0.15rem solid rgb(var(--bb-black));
    font-family: var(--mono-font);
}
 
.owindow .button-bar a:active,
.owindow .button-bar a:hover,
a.button:active,
a.button:hover,
button:active,
button:hover,
div.buttons input:active,
div.buttons input:hover,
file:active,
file:hover,
input.button:active,
input.button:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
    border: 0.15rem solid rgb(var(--bb-black));
}
 
.preview-message {
    border: 0.15rem dotted rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
}
 
a.action-area-close:hover {
    background-color: rgb(var(--bb-white));
}
 
table.page-history td.optionstd a {
    color: rgb(var(--bb-black));
    border: none;
    text-decoration: none;
    background-color: transparent;
    transition: background-color 300ms;
}
 
table.page-history td.optionstd a:hover {
    color: rgb(var(--bb-white));
    background-color: rgb(var(--bb-black));
}
 
select {
    font-family: var(--body-font);
    border: 0.1rem solid rgb(var(--bb-black));
    color: rgb(var(--bb-black));
    background-color: rgb(var(--bb-white));
}
 
/* 特殊折叠 */
.styled-collap .collapsible-block {
    margin: 0.5rem 0;
}
 
.styled-collap a.collapsible-block-link {
    text-decoration: none;
    display: block;
    padding: 0.3rem 0.5rem;
    background-color: rgb(var(--bb-black));
    color: rgb(var(--bb-white));
}
 
.styled-collap .collapsible-block-content {
    padding: 0.01rem 1rem;
    background-color: rgb(var(--bb-white));
    border: 0.125rem solid rgb(var(--bb-black));
    border-top: none;
}
 
.styled-collap .collapsible-block-folded a.collapsible-block-link::before {
    margin: 0 0.2em 0 0.4em;
    content: "▶";
    color: rgb(var(--bb-white));
    background-color: transparent;
    display: inline-block;
}
 
.styled-collap .collapsible-block-unfolded a.collapsible-block-link::before {
    margin: 0 0.2em 0 0.4em;
    content: "▼";
    color: rgb(var(--bb-white));
    background-color: transparent;
    visibility: visible;
    display: inline-block;
}
 
/* 更多标题 */
.classic-title {
    text-align: left;
    border-bottom: 3px rgb(var(--bb-black)) solid;
    padding: 0;
    margin-top: 0.6em !important;
    margin-bottom: 0.6em !important;
}
 
.classic-title p {
    margin-bottom: 0.2em;
}
 
.new-title {
    display: flex;
    margin-top: 0.6em !important;
    margin-bottom: 0.6em !important;
}
 
.new-title p {
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
}
 
.new-title::after {
    content: "";
    flex-grow: 1;
    height: 3px;
    margin: auto auto auto 1.2rem;
    background: rgb(var(--bb-black));
}
 
/* SD 适配 */
.sd-container {
    --sd-border: var(--bb-black);
    --sd-bullets: var(--bb-black) !important;
}
 
/* 授权栏适配 */
#page-content .licensebox .collapsible-block-link {
    color: rgb(var(--bb-black));
}
 
#page-content .licensebox .collapsible-block-link:hover {
    color: rgb(var(--bb-white));
}

……

路面越发地暗下来，远方的天际线逐渐与天空、山峰混为同色，不再清晰可见。你打开了车灯，一切曾经的痕迹如此清晰，副驾座椅上的西装外套，放于杯座中咖啡杯残余的咖啡渍。自从夏祭的第二次结束，你马上去车尝试寻找一个新的歇脚地。而长时间的驾驶早已令你疲惫不堪。此时，茫雨骤降，路牌也告诉了你：“到茫雨城了。”街道旁有一所餐厅孤立，柿红的，于黑暗中无比亮眼。

……

将车泊好，打开车门，同时撑起雨伞，以免淋湿了衣服，你动身前往餐厅。这是一家叫做“熄灯”的餐厅，内部的装饰十分养眼，淡雅且不失格调。“熄灯”由一排环状的小灯照明，略显昏暗的室内下，有一位身着黑色夹克的男人坐在窗边的位置上侧过脸去，只望向窗外的一片黑蒙。他桌上的黑咖啡深水区冒着热气，似是在升腾着。你挑了一个较量的位置坐下，接过服务员递来的菜单，想着正好整点东西吃。毕竟连着开好几个小时不停歇的车，只有苦涩的冷咖啡可充不了什么饥。熄灯虽然体积小，可菜品出奇的丰富：涵盖早中晚，横跨八大洋，你难以做决定。

正抉择时，服务员出声：

“打搅一下，我看您是其他层级来的吧，估计是在此地休整一下，补充体力，对吧？”

“哦……”“你猜对了”“我想请你推荐一点那种能够充饥，而且不是很贵的食物。”

“呣…这个的话，我个人首推的是标准美式早餐，售价只需15美元……我们这跟前厅的货币是通用的。”

你下意识地将一张10美元与一张5美元的钞票从钱包里拿了出来。

“呃…不好意思。我用银行卡付吧。”

“没事没事！我们店也收现金。”

（“对啊，这是后室啊……”）

“那就麻烦你了。对了，顺便帮我加一杯热牛奶。”

“您不喝咖啡吗？”

“不太想喝了……之前开车喝过了，那味道再喝可能会吐吧。（笑）”

“哦…这样啊，那我去准备了，您稍等，我们这里是有Wi-Fi的，可以用。”

（“Wi-Fi吗？连着看看吧。”）

你连上了Wi-Fi，一切网络上的事物如2010年4月的事情一般。你知道再过几个月，就会有一首你此生最喜欢的歌发行，只是一时竟完全想不起来，

不过这似乎很矛盾。（“难道时间线停留在了10年4月份，可是这所有的一切都是2025年的啊……”）

（“没办法，毕竟还不知道茫雨城的详细，这大概又是什么特异性质吧。”）

不久，服务员将食物端了上来。

“请慢用，如果牛奶不够喝的话可以叫我帮您续杯。”

“谢谢。”

早已积饿了许久的你开始狼吞虎咽起来，高热量、糖分的食物使你非常满足。不出10分钟，那盘美食早餐已被清理干净。还剩下一杯高糖的牛奶没喝，你一饮而尽，甜的似乎有点过头了。不过这确实有助于保持大脑兴奋，你又向服务员要了一杯续上。

一杯热气腾腾的高糖牛奶又端了上来。刚出炉，连杯子好似都要烫裂开来。你决定先等它凉会再喝，于是你再次打开了手机。明明是2025年的新手机，却可以兼容2010年的软件与内容，所幸那些下载的歌还都在，于是你掏出蓝牙耳机，开始听起歌来。

“……环绕手心，风吹动黎明……”

（“这是Atsuko的《海边城》，用了洛天依来做Vocal，我很喜欢这首歌的歌词、旋律与人声调教。”）

（“‘她’讲述了一个关于告别过去、拥抱未来的故事。”）

……

“……山风吹耳过，这条路多曲折……”

（“这是《终会与你同行》，熊出没之过年的片尾曲。每一次听到这歌，我都会回忆起那第一次看完这部电影的感动。”）

（“它象征着主角三人友谊的开始，挚诚而热烈。”）

……

“On the empty streets of this nowhere town,”

“The melting shadows fade……”

（“嗯，这是Rick叔的《Lights Out》。虽然鲜为人知，但它是我的最爱之一。”）

（“它也是Rick倒数第二首的抒情曲，这个时期的Rick正在探索风格的转型，从原本的偶像歌手逐渐变成了独立音乐人，歌曲也变得更加有意义了。”）

（“等等……Lights Out是什么时候的歌？我好像记得是10年的吧。这不正好对上了吗！我说怎么记得马上有一首歌就要发行来着……”）

你在思考的时候，因为耳机的隔音功能，不慎大声地喊了出来，给他人听到了。

大家转头望向你。

“呃……那个对不起哈，我歌的声音调的有点大了。所以就没法感觉到自己说话有多大声……）

大家只是疑惑地看了你一眼，就转头了干自己的事去了。

（“呼……还好这里人不多，也不用太担心社死了。”）

那些人中，你似乎看到了一位熟人。

（“等等，那位身着黑夹克的……”）

你将他的脸记下，随即打开了手机，欲想要搜索。

突然，一副图片引入你的眼帘：正在播放的《Lights Out》的封面上的人，与他好像啊。

那真是、正是Rick Astley，也是你最喜欢、敬仰的男歌手。

你难以掩盖这顷刻间的欣喜，立刻决定上前，尝试与其交流交流，也算是粉丝见面了。

你端起牛奶，快步地走向Rick的位置。

来到他的位置，Rick转头注视着你。他的眼神略显疲惫，不过面对陌生人，仍硬挤出一丝精气神来。

“请问你是……”

“我是您的粉丝！有幸能在这个地方见到您真是太走运了！您的歌我全都听过了无数遍……每一首都无比的精彩绝伦！尤其是《Li—》不，是《Together Forever》与《Never Gonna Give You Up》，实在算是旷世巨作！”

“那、那个，我想问一些关于您的歌曲……”

“哦，这样啊……请坐吧，我想跟你聊会关于我歌曲的那些事。”

（“什-什么？！他居然就这么答应了么…？稳住，我得冷静下来……这会是一次深入了解他的机会。”）

“好的。”

你拉开了坐椅，坐椅拖在地上的响声十分刺耳，像什么撕裂了一样。

“年轻人，你应该知道我之前隐退过一段时间吧。”

“嗯。”

“我现在来告诉你为什么。”

“84年，我加入了FBI灵魂乐队，在那里做鼓手，后面成了主唱。在次年，彼得·沃特曼先生邀请我进入了他的PWL录音室，开始指导我做流行音乐的技巧。”

“不过，即便87年的专辑《Whenever You Need Somebody》与其主打歌《Never Gonna Give You Up》取得了史无前例的巨大成功，我确实没有实际的参与到创作之中。所谓“我的歌”并不是‘我的歌’。SAW严格限制着音乐各种各样的方面，我没有什么自由可言，几乎只能算是一颗金钱树而已。”

“怪不得我觉得那张专辑里重复度很高呢。”

“我非常不满意这种‘合作方式’，于是我尽力地提出各种要求，来夺回一部分本应属于我自己的创作权。在第二张专辑里，我参与进了部分歌曲结构的讨论；在《Free》里的《Cry For Help》，我提出了加入福音和声的要求；同年，我创作了个人向的《Move Right Out》，可惜未被收录。”

“后来呢，您夺回了创作的自主权吗？”

“是这样的，可是接下来93年的《Body & Soul》遭遇了滑铁卢，使得我与SAW的合作从此开始破裂，并且SAW也在逐渐解体，摇滚复兴浪潮兴起、我个人对于新风格的追求尝试、女儿艾米莉的诞生，都直接或间接地促使了我93年的隐退。”

“这让我陷入了自我怀疑：‘难道我真的自己写不好歌吗？’”

“……我很想知道您隐退期间发生了什么事。”

“主要是陪家人去了，同时也在思考我自己以后的音乐路该怎么办。这期间，我专注于音乐制作技术的学习，为了以后的复出做准备。”

“之后的事便是00年之后了。02年，《Keep It Turned On》推出，……前几年RickRoll在网上突然火了起来，人们称之为“骗局”。我知道他们这是对这种整蛊手法开的玩笑，所以我近期决定再写一首单曲叫《Lights Out》来趁热打铁。有一天，”

“我做了一个梦，梦到了我独自一人坐在一间老旧公寓内，枕边人早已不知所踪。”

“房间灯光昏暗，只有摇摇欲坠的吊灯闪烁着微弱的光芒，将室内物体的影子拉得更长，仿佛正在逐渐消逝一般。”

“我起身，望向空旷的街道，失去了灯光的庇佑，黑暗与寂静的重量第一次切实地压在了我的身上，令我喘不过气来。”

“我想要关上那扇灯，来掩盖这一切的虚无，‘可是为什么又要假装这一切都未发生过呢？’我的内心深处发问。”

“惊起，却只是虚惊一场。妻女在床上睡得安稳，身体仍有规律地起伏着，尚且还在。打开灯后，并没有什么异常，我寻思，那只是做了一个噩梦而已，把灯关上，就继续睡了。”¹

“第二天早上，我将这件事告诉了丽娜²。她说不必担心，去散个步放松一下。我们来到了一座悬崖边上的秋千，丽娜说：‘这是你当年对我许下承诺的地方，你可记得哟！你说过了要娶我的！’”

“我顿感有些羞愧…毕竟这么多年了也没实现。唉，年轻时所作下的承诺，实在难以实现……”

“‘别老是那么悲观嘛！就只是一个梦而已啦，你看我不是还在你身边吗？还活着呢。’”

“她做出了一个天真的笑容，就像是梦中无法关上的灯。灯提醒着我不要忘记，但也不要悲观，不要陷入黑暗。原来，即使人不在了，也会化作希望指引着前行的道路。”

“这使我想到了那些永远沉睡在无底的黑暗、时间里的人们。回到家里，床边放着的闹钟坏掉了，时间定格在00:00……”

“我才恍然大悟，一时的失利并不是永远的挫败，反而是转折。逃避永远不是解决方案，勇敢面对才是。只有接受失去，才可以迎接新的未来。”

“……”Rick说完一大段话后，如释重负。而你还仍未反应过来。他一口将已经冷掉的咖啡给喝了干净，“人生如同这杯咖啡，愈浓愈苦涩，也愈精彩。现在我与过去的自己做了诀别。”

你也将牛奶也一饮而尽。

“非常感谢您，Rick先生！我从未想过一首歌的背后还有这么深的含义。”

“不过时间也快到了，我该走了。”

“年轻人啊，希望你能够好好品味这杯‘咖啡’……”

你回到了车上，继续向前行。你知道茫雨城一直下着雨，不适合久留。所以，前方的路还尚漫长。

你打开了车载音乐，合成器与钢琴的声音依次响起。

是《Lights Out》。

只不过这一次，歌词不再是那么难懂。

Rick的声音回荡在整个车身内，响彻云霄。

而仅有的十一条评论，往下一翻就能看到十年前的。

“没事的，至少我们来过。”

这是你第一次直面歌曲背后深层的故事。

之前的困惑，全然烟消云散。

在再次出发前，你将那杯咖啡给扔掉。

远方的天边，乌云被撕开了一条裂缝，是“灯光”来了。

天际线重现于蓝天与青山，光明而璀璨。

---

两年前这里还没有版权

（999w指的是Take Me Hand。）

Bugchongzi著。
本篇的灵感来源于Rick的歌曲《Lights Out》，所谓“骗局”指的不仅是2007-2008年左右兴起，至今都能偶遇的Rickrolling，在本文也有对于Rick复出后销量远不及以前的戏谑。我建议先听了《Lights Out》再来看本文，会有更深的感受！

Footnotes

1. 注：Rick复出后的专辑未能取得重大反响，销量今非昔比。但是经过妻子的鼓励，他发觉这是源自他内心对于世界上现实问题的担忧以及自己年轻已逝的无法释怀，于是将自己所有的情感，浓缩于LO之中。

2. Rick的妻子。