@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)); }
:root { --lh-red: #c0392b; --lh-blue: #2980b9; --lh-green: #27ae60; --lh-dark-green: #16a085; --lh-purple: #8e44ad; --lh-orange: #e67e22; --lh-yellow: #f1c40f; --lh-paper-bg: 255, 251, 240; --lh-string-color: 192, 57, 43; --lh-book-color: var(--gray-monochrome); --lh-tape-color: 90,90,90,0.3; --lh-white-bg: 249,249,249; --lh-dark-bg: 50, 50, 50; --lh-highlighter: var(--bright-accent); --lh-border-color: var(--gray-monochrome); --lh-wiki-note-color: var(--bright-accent) } /** * 旧代码合集 * 为了向下兼容而保留 */ .grid-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.grid-container,.grid-container [class*=grid]{box-sizing:border-box}[class*=grid]{padding:5px}.grid{width:100%}.grid-large{width:75%}.grid-big{width:50%}.grid-medium{width:33.33%}.grid-small{width:25%}@media screen and (min-width:768px){.wd-grid-large{width:75%}.wd-grid,.wd-grid-big{width:50%}.wd-grid-medium{width:33.33%}.wd-grid-small{width:25%}}.text-hover-hide{opacity:0;transition:opacity .3s}.text-hover-hide:hover{opacity:1}.text-block-hide{background:rgb(var(--black-monochrome));color:rgb(var(--black-monochrome));transition:background .3s}.text-block-hide:hover{background:0 0}.text-blur-hide,.text-blur-hover-hide{filter:blur(.3rem);-webkit-filter:blur(.3rem) transition: blur .3s}.text-blur-hover-hide:hover{filter:blur(0);-webkit-filter:blur(0)}.lyric-box{text-align:center;font-size:1.05rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.lyric-box p{margin:1.5em auto}.lyric-box.with-bigger-line p{margin:3em auto} /** * 便签纸 * notepaper */ .notepaper { background: linear-gradient(rgb(var(--lh-paper-bg)) 95%, #ddd 0); line-height: 2em; background-size: 100% 2em; background-attachment: local; border: 2em solid rgb(var(--lh-paper-bg)); box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.2); padding: 0; margin: 1em auto; box-sizing: border-box; position: relative } .notepaper p { margin: 0; font-size: 1.05rem; letter-spacing: 0.1rem; line-height: inherit } .notepaper.narrow, .notepaper.wide { width: 90% } @media screen and (min-width:768px){ .notepaper.narrow { width: 50% } .notepaper.wide { width: 75% } } .notepaper.tight { border-width: 1rem; border-left-width: 1.2rem; border-right-width: 1.2rem; line-height: 1.8em; background-size: 100% 1.8em; font-size: 13px } .notepaper.with-string::before { content: ''; width: 0.5em; height: 6rem; background: rgb(var(--lh-string-color)); top: -2rem; right: -1rem; display: block; position: absolute; box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2); clip-path: polygon(-100% -100%,100% 0%,100% 100%,50% 98%,0% 100%); } .notepaper.with-tape::before { content: ''; border: 1px solid #ddd; background: rgba(var(--lh-tape-color)); width: 1.5em; height: 4em; transform: rotate(45deg); display: block; position: absolute; top: -3em; left: -1.8em } .notepaper.tight.with-string::before { top: -1rem; right: -0.25rem; } .notepaper.tight.with-tape::before { top: -2.5em; left: -1.3em } .notepaper.page { min-height: 36em; counter-increment: page; display: flex; flex-direction: column; justify-content: space-between } @media screen and (min-width:768px){ .notepaper.page { width: 70% } } .notepaper.page:after { content: counter(page); display: block; text-align: center } .notepaper-group { counter-reset: page; } .book-pattern { display: flex; flex-wrap: wrap; flex-direction: row } .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 100% } @media screen and (min-width: 768px) { .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 50% } } .book-wrapper { background: rgb(var(--lh-book-color)); padding: 0.5rem; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2); border-radius: 5px; margin: 1rem auto } @media screen and (min-width: 768px) { .book-wrapper .notepaper { margin: 0 } } /** * 文字修饰 */ .text-highlighted { position: relative } .text-highlighted::before { content: ""; position: absolute; height: 0.9em; bottom: 2px; left: -2px; width: 105%; z-index: -1; background-color: rgb(var(--lh-highlighter)); opacity: .6; transform: skew(-15deg); transition: opacity .2s ease; border-radius: 3px 8px 10px 6px; transition: 0.1s ease background-color; } .text-underlined { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-wavy { text-decoration: underline wavy; text-underline-offset: 4px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-circled, .text-squared { display: inline-block; border: 2px solid rgb(var(--lh-highlighter)); border-radius: 100%; box-sizing: border-box } .text-squared { border-radius: 0 } .text-shadow { text-shadow: 0.075em 0.075em 0 rgb(var(--lh-highlighter)) } .text-highlighted.td-red::before { background: var(--lh-red) } .text-circled.td-red, .text-squared.td-red { border-color: var(--lh-red) } .text-underlined.td-red, .text-wavy.td-red { text-decoration-color: var(--lh-red) } .text-highlighted.td-blue::before { background: var(--lh-blue) } .text-circled.td-blue, .text-squared.td-blue { border-color: var(--lh-blue) } .text-underlined.td-blue, .text-wavy.td-blue { text-decoration-color: var(--lh-blue) } .text-highlighted.td-green::before { background: var(--lh-green) } .text-circled.td-green, .text-squared.td-green { border-color: var(--lh-green) } .text-underlined.td-green, .text-wavy.td-green { text-decoration-color: var(--lh-green) } .text-highlighted.td-darkgreen::before { background: var(--lh-dark-green) } .text-circled.td-darkgreen, .text-squared.td-darkgreen { border-color: var(--lh-dark-green) } .text-underlined.td-darkgreen, .text-wavy.td-darkgreen { text-decoration-color: var(--lh-dark-green) } .text-highlighted.td-purple::before { background: var(--lh-purple) } .text-circled.td-purple, .text-squared.td-purple { border-color: var(--lh-purple) } .text-underlined.td-purple, .text-wavy.td-purple { text-decoration-color: var(--lh-purple) } .text-highlighted.td-yellow::before { background: var(--lh-yellow) } .text-circled.td-yellow, .text-squared.td-yellow { border-color: var(--lh-yellow) } .text-underlined.td-yellow, .text-wavy.td-yellow { text-decoration-color: var(--lh-yellow) } .text-highlighted.td-orange::before { background: var(--lh-orange) } .text-circled.td-orange, .text-squared.td-orange { border-color: var(--lh-orange) } .text-underlined.td-orange, .text-wavy.td-orange { text-decoration-color: var(--lh-orange) } /* 隐藏文字 */ .text-blank { color: rgba(0,0,0,0) } .text-block { background: rgb(var(--black-monochrome)); color: rgb(var(--black-monochrome)); } .text-blur { filter: blur(0.3em); -webkit-filter: blur(0.3em) } .text-hoverback, .text-selectback { transition-duration: 0.3s; transition-property: background, transform, color } .text-blank.text-hoverback:hover, .text-blank.text-selectback::selection, .text-blank.text-selectback *::selection { color: rgb(var(--black-monochrome)) } .text-block.text-hoverback:hover { background: transparent!important } .text-block.text-selectback::selection, .text-block.text-selectback *::selection { color: rgb(var(--white-monochrome, 255, 255, 255)) } .text-blur.text-hoverback:hover { filter: blur(0)!important; -webkit-filter: blur(0)!important } /** * 附加项 */ .with-border, .with-box-style { border: 1px solid rgb(var(--bright-accent)) } .with-border-dark { border: 1px solid rgb(var(--black-monochrome)) } .with-border-light { border: 1px solid rgb(var(--white-monochrome)) } .with-border-thick { border-width: 2px } .with-shadow-sm { box-shadow: 0 0 0.1em rgba(0,0,0,0.2) } .with-shadow { box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2) } .with-shadow-lg { box-shadow: 0 0.15em 0.3em rgba(0,0,0,0.2) } .with-shadow-xl { box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.2) } .with-shadow-xxl { box-shadow: 0 0.25em 0.8em rgba(0,0,0,0.2) } .with-padding, .with-box-style { padding: 0.25em 1em } .with-p-sm { padding: 0.125em 0.5em } .with-p-lg { padding: 0.5em 2em } .with-margin, .with-box-style { margin: 1em auto } .with-m-sm { margin: 0.5em auto } .with-m-lg { margin: 2em auto } .with-narrow-width { width: 90%!important; margin-left: auto; margin-right: auto } @media screen and (min-width: 768px) { .with-narrow-width { width: 75%!important } } [class*="with-bg-"], [class*="with-bg-"] h1 { color: #fff!important } .with-bg-red { background: var(--lh-red)!important } .with-bg-blue { background: var(--lh-blue)!important } .with-bg-green { background: var(--lh-green)!important } .with-bg-darkgreen { background: var(--lh-dark-green)!important } .with-bg-yellow { background: var(--lh-yellow)!important } .with-bg-orange { background: var(--lh-orange)!important } .with-bg-purple { background: var(--lh-purple)!important } /** * 删除类 */ .offwith-shadow { box-shadow: none!important } .offwith-border { border: none!important } .offwith-padding, .offwith-pam { padding: 0!important } .offwith-margin, .offwith-pam { margin: 0!important } .offwith-width-limit { width: auto!important; margin-left: auto!important; margin-right: auto!important } div[class*="grider"].offwith-grid-gap { grid-gap: 0!important } /** * 网格布局 */ /* Gridder 容器 */ div[class*="gridder"] { display: grid; box-sizing: border-box; grid-gap: 1rem; padding: 0 } div[class*="gridder"] * { box-sizing: border-box } .gridder, .gridder-col-2 { grid-template-columns: 1fr 1fr; } .gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .gridder-col-4 { grid-template-columns: repeat(4, 1fr); } @media screen and (min-width: 768px) { .pc-gridder, .pc-gridder-col-2 { grid-template-columns: 1fr 1fr; } .pc-gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .pc-gridder-col-4 { grid-template-columns: repeat(4, 1fr); } } .spanner, .spanner-2 { grid-column-start: span 2; } .spanner-3 { grid-column-start: span 3; } /** * 告示组件 */ .signblock, .signblock-dark, .signblock-warn { margin: 1rem auto; box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.4); background: rgb(var(--lh-white-bg)); font-size: 1.05rem; padding: 2rem } @media screen and (min-width: 768px) { .signblock, .signblock-dark, .signblock-warn { width: 75% } } .signblock-dark, .signblock-dark h1 { background: rgb(var(--lh-dark-bg)); color: #fff } .signblock-warn, .signblock-warn h1 { background: var(--lh-red); color: #fff } .signblock h1, .signblock-dark h1, .signblock-warn h1 { text-align: center; font-size: 2rem; margin: 0; font-weight: 700 } .signblock-img { display: flex; flex-direction: row; justify-content: center } .signblock-img img { width: 8em } .signblock-footer { font-size: 0.9em; text-align: center; margin: 0.5rem 0; font-weight: bolder; display: block } /** * 报告 */ .reportblock, .reportblock-dark { border: 2px solid rgb(var(--lh-border-color)); box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3); background: rgb(var(--white-monochrome)); padding: 0.8rem 1.5rem; padding-bottom: 0.4rem; margin: 1.5rem auto; margin-bottom: 1rem; position: relative } .reportblock hr, .reportblock-dark hr { background-color: rgb(var(--lh-border-color)); margin-left: -1.5rem; margin-right: -1.5rem } .reportblock h1:first-child, .reportblock-dark h1:first-child { position: absolute; top: -1rem; left: 1.5rem; font-size: 110%; font-weight: 600; background: rgb(var(--lh-border-color)); color: #fff; padding: 0.2rem 0.5rem; margin: 0; } .reportblock-dark, .reportblock-dark h1 { border-color: rgb(var(--lh-white-bg)); background: rgb(var(--lh-dark-bg)); color: #fff } .reportblock-dark hr { background-color: rgb(var(--lh-white-bg)); } /* 更好的折叠框 */ .bettercollap { margin: 1em 0; } .bettercollap .collapsible-block { width: auto; overflow: hidden; border: 1px solid rgb(var(--lh-border-color)) } .bettercollap .collapsible-block-content, .bettercollap .collapsible-block-link { background: rgb(var(--white-monochrome)); padding: 0.5em } .bettercollap .collapsible-block-content { padding-left: 1em; padding-right: 1em } .bettercollap .collapsible-block-link { color: rgb(var(--lh-border-color)); background: rgb(var(--white-monochrome)); transition: .3s; display: block; } .bettercollap .collapsible-block-link:hover, .bettercollap .collapsible-block-unfolded .collapsible-block-link, .styledcollap.bettercollap .collapsible-block-link { color: rgb(var(--white-monochrome)); background: rgb(var(--lh-border-color))!important; text-decoration: none } .bettercollap .collapsible-block-link:hover a { color: rgb(var(--white-monochrome)) } .bettercollap .collapsible-block-link::before { content: "\25BC"; display: inline-block; margin-right: 0.5em; transform: rotate(-90deg) scale(0.9) } .bettercollap .collapsible-block-unfolded .collapsible-block-link::before { transform: rotate(0) scale(0.9) } .bettercollap .collapsible-block + .collapsible-block { border-top: none } .styledcollap.bettercollap .collapsible-block { border-radius: 2px; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3) } .styledcollap.bettercollap .collapsible-block-content { background-color: rgb(var(--pale-gray-monochrome)); border-width: 3px } .styledcollap.bettercollap .collapsible-block-link:hover { background: rgba(var(--lh-border-color),0.95)!important; } /** * 提示框 */ .infoblock { color: #f1f1f1; font-weight: bold; background: #424242; padding: 5px 5px 5px 5px; border-radius: 4px; margin: -0.5rem 0 1rem 0; display: block; width: fit-content; padding-right: 25px; } .infoblock::before { content: "ⓘ " } /** * 单页迭代 */ .offset-page:not(:target), .offset-page:target ~ div#u-default-page { display: none } .offset-page:target { display: block }
:root { /* 常规颜色 */ --sns-base-text-color: 0, 0, 0; --sns-border-color: var(--sns-base-text-color); --sns-gui-color: 100, 100, 100; --sns-button-color: 60, 60, 60; --sns-pressed-button-a-color: 48, 157, 219; --sns-pressed-button-b-color: 0, 200, 0; --sns-pressed-button-c-color: 200, 0, 0; --sns-pressed-button-d-color: 48, 157, 219; --sns-pressed-button-e-color: 48, 157, 219; --sns-locate-link-color: 138, 137, 136; --sns-normal-link-color: 2, 117, 224; --sns-intro-background-color: 0, 0, 0; /* 账号颜色 */ --administrator-account-color: 186, 186, 32; --general-account-color: 119, 111, 227; /* 深色模式下的颜色 */ --dark-sns-base-text-color: 255, 255, 255; --dark-sns-border-color: 190, 190, 190; --dark-sns-pressed-button-a-color: 48, 157, 219; --dark-sns-pressed-button-b-color: 90, 197, 90; --dark-sns-pressed-button-c-color: 197, 90, 90; --dark-sns-pressed-button-d-color: 48, 157, 219; --dark-sns-pressed-button-e-color: 48, 157, 219; --dark-sns-gui-color: 126, 124, 120; --dark-sns-button-color: 180, 180, 180; --dark-sns-locate-link-color: 200, 199, 198; --dark-sns-normal-link-color: 36, 149, 255; --dark-administrator-account-color: 224, 224, 80; --dark-general-account-color: 176, 170, 255; /* 账号头像图片的尺寸 */ --post-account-image-size: clamp(2.125rem, 1.761rem + 1.82vw, 3.125rem); /* 按钮使用的 Fontawesome 字符 */ --sns-button-a-content: "\f0e5"; --sns-pressed-button-a-content: "\f075"; --sns-button-b-content: "\f087"; --sns-pressed-button-b-content: "\f164"; --sns-button-c-content: "\f088"; --sns-pressed-button-c-content: "\f165"; --sns-button-d-content: "\f097"; --sns-pressed-button-d-content: "\f02e"; --sns-button-e-content: "\f08e"; --sns-pressed-button-e-content: var(--sns-button-e-content); } /* 帖子整体 */ .post-wrap { position: relative; overflow: hidden; border-top: 1px solid rgb(var(--sns-border-color)); border-bottom: 1px solid rgb(var(--sns-border-color)); } .sns-intro + .sns-intro .post-wrap, .sns-intro + br + .sns-intro .post-wrap, .sns-intro + br + br + .sns-intro .post-wrap, .sns-intro + br + br + br + .sns-intro .post-wrap, .sns-intro + br + br + br + br + .sns-intro .post-wrap { border-top: none; } .post-wrap:not(.post-reply-false) { margin-left: 1.5rem; padding-left: 0.5rem; } /* 帖子版头 */ .post-header { display: grid; grid-template-areas: "sender-image sender-info sender-more" "sender-image sender-locate sender-locate"; grid-template-columns: calc(var(--post-account-image-size) + 6px) 1fr 24px; grid-template-rows: 1fr 1fr; padding-top: 1.2rem; width: 100%; } .sender-image { grid-area: sender-image; display: flex; justify-content: center; align-items: flex-start; } .account-image { height: var(--post-account-image-size); width: var(--post-account-image-size); overflow: clip; overflow-clip-margin: content-box; object-fit: cover; border: 1px solid rgb(var(--sns-gui-color)); border-radius:50%; position: relative; user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; } .sender-info { grid-area: sender-info; padding-left: 6px; vertical-align: middle; left: 55px; width: 100%; } .sender-info span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: larger; margin: 0; padding: 0; vertical-align: middle; } .sender-info .sender-account-name { --wght: 700; color: rgb(var(--sns-base-text-color)); font-weight: 700; padding-right: 0.5rem; } .sender-info .sender-account-id { --wght: 700; color: rgb(var(--sns-gui-color)); font-weight: 700; } .sender-info .sender-post-time { color: rgb(var(--sns-gui-color)); } .sender-post-time.time-false { display: none; } .sender-more { grid-area: sender-more; color: rgb(var(--sns-gui-color)); display: flex; align-items: center; justify-content: center; width: 100%; user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; } .sender-locate { grid-area: sender-locate; color: rgb(var(--sns-gui-color)); padding-left: 6px; vertical-align: middle; width: 100%; } .sender-locate.locate-false { display: none; } .sns-locate-link.locate-link-false { pointer-events: none; } .sns-locate-link:is(*, :hover, :active, :focus, :focus-within) { color:rgb(var(--sns-locate-link-color)); } /* 帖子正文 */ .post-body { padding-left: calc(var(--post-account-image-size) + 6px); position: relative; border: none; color: rgb(var(--sns-base-text-color)); padding-top: 2rem; font-size: clamp(0.97rem, 0.923rem + 0.24vw, 1.1rem); } .post-body :is(a, a.visited, a.newpage):is(*, :hover, :active, :focus, :focus-within) { color: rgb(var(--sns-normal-link-color)); } .post-header:not(:has(.hide-locate-false)) + .post-body { padding-top: 0; } .attached-image:not(.attached-image-false) { border: 1px solid rgb(var(--sns-gui-color)); border-radius: 16px; margin-top: 1em; user-drag: none; -webkit-user-drag: none; -moz-user-select: none; user-select: none; -webkit-user-select: none; width: calc(100% - 3px); } .attached-image-false { display: none; } /* 帖子末尾 */ .post-footer { padding: 1rem 0 1rem calc(var(--post-account-image-size) + 6px); color: rgb(var(--sns-gui-color)); user-select: none; -moz-user-select: none; -webkit-user-select: none; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .post-footer-button { font-size: clamp(0.625rem, 0.475rem + 0.75vw, 1.038rem); color: rgb(var(--sns-button-color)); cursor: pointer; display: inline-flex; align-items: center; line-height: .75rem; vertical-align: -15%; position: relative; } .post-footer-button .fa { font-size: 1.33333333em; text-rendering: auto; transform: translate(0, 0); transition: color .3s cubic-bezier(.4,0,.2,1); } .post-footer-button-number { position: absolute; padding-left: 1.5em; transition: color .3s cubic-bezier(.4,0,.2,1); } .post-footer-button-a:hover, .post-footer-button-a:not(.button-press-false) { color: rgb(var(--sns-pressed-button-a-color)); } .post-footer-button-a .fa::before { content: var(--sns-button-a-content); } .post-footer-button-a:not(.button-press-false) .fa::before { color: rgb(var(--sns-pressed-button-a-color)); content: var(--sns-pressed-button-a-content); } .post-footer-button-b:hover, .post-footer-button-b:not(.button-press-false) { color: rgb(var(--sns-pressed-button-b-color)); } .post-footer-button-b .fa::before { content: var(--sns-button-b-content); } .post-footer-button-b:not(.button-press-false) .fa::before { color: rgb(var(--sns-pressed-button-b-color)); content: var(--sns-pressed-button-b-content); } .post-footer-button-c:hover, .post-footer-button-c:not(.button-press-false) { color: rgb(var(--sns-pressed-button-c-color)); } .post-footer-button-c .fa::before { content: var(--sns-button-c-content); } .post-footer-button-c:not(.button-press-false) .fa::before { color: rgb(var(--sns-pressed-button-c-color)); content: var(--sns-pressed-button-c-content); } .post-footer-button-d:hover, .post-footer-button-d:not(.button-press-false) { color: rgb(var(--sns-pressed-button-d-color)); } .post-footer-button-d .fa::before { content: var(--sns-button-d-content); } .post-footer-button-d:not(.button-press-false) .fa::before { color: rgb(var(--sns-pressed-button-d-color)); content: var(--sns-pressed-button-d-content); } .post-footer-button-e:hover, .post-footer-button-e:not(.button-press-false) { color: rgb(var(--sns-pressed-button-e-color)); } .post-footer-button-e .fa::before { content: var(--sns-button-e-content); } .post-footer-button-e:not(.button-press-false) .fa::before { color: rgb(var(--sns-pressed-button-e-color)); content: var(--sns-pressed-button-e-content); } /* sns-intro */ .sns-intro:not(.intro-false) { margin: 2em -6em; padding: 6em 6em 27em 6em; background: linear-gradient(rgb(var(--sns-intro-background-color)), rgb(var(--sns-intro-background-color)), transparent); z-index: -2; border-top-left-radius: 16px; border-top-right-radius: 16px; --sns-base-text-color: var(--dark-sns-base-text-color); --sns-border-color: var(--dark-sns-border-color); --sns-pressed-button-a-color: var(--dark-sns-pressed-button-a-color); --sns-pressed-button-b-color: var(--dark-sns-pressed-button-b-color); --sns-pressed-button-c-color: var(--dark-sns-pressed-button-c-color); --sns-pressed-button-d-color: var(--dark-sns-pressed-button-d-color); --sns-pressed-button-e-color: var(--dark-sns-pressed-button-e-color); --sns-gui-color: var(--dark-sns-gui-color); --sns-button-color: var(--dark-sns-button-color); --sns-locate-link-color: var(--dark-sns-locate-link-color); --administrator-account-color: var(--dark-administrator-account-color); --general-account-color: var(--dark-general-account-color); } .sns-intro:not(.intro-false) .post-wrap { border: none; } @media only screen and (max-width: 1040px) { .sns-intro:not(.intro-false) { margin: 2em 0; padding: 6em 3em 27em 3em; } } @media only screen and (max-width: 540px) { .sns-intro:not(.intro-false) { padding: 6em 0 27em 0; } }
/* The Ourrooms - 深色主题 */ :root { --sns-base-text-color: var(--dark-sns-base-text-color); --sns-border-color: var(--dark-sns-border-color); --sns-pressed-button-a-color: var(--dark-sns-pressed-button-a-color); --sns-pressed-button-b-color: var(--dark-sns-pressed-button-b-color); --sns-pressed-button-c-color: var(--dark-sns-pressed-button-c-color); --sns-pressed-button-d-color: var(--dark-sns-pressed-button-d-color); --sns-pressed-button-e-color: var(--dark-sns-pressed-button-e-color); --sns-gui-color: var(--dark-sns-gui-color); --sns-button-color: var(--dark-sns-button-color); --sns-locate-link-color: var(--dark-sns-locate-link-color); --sns-normal-link-color: var(--dark-sns-normal-link-color); --administrator-account-color: var(--dark-administrator-account-color); --general-account-color: var(--dark-general-account-color); }
自这恒宇诞生之初,无数生命被囚禁于无尽的泡沫囚笼之中。
自单细胞生物至统领宇宙的高等文明,我们从未能触及这无尽时空的边界,甚至于如井底之蛙,未曾逃离这方寸之间。
还未来得及赶到无穷之始,便坠落、干涸。
似乎,一切与无穷的遐想,都成为了一种奢望。
一切的一切,都在这囚笼之中沉睡,
一切的一切,都在这囚笼之中苏醒。
一切的一切,都在这囚笼之中轮回。
一切的一切,都在这囚笼之中挣扎。
我不知道,究竟何时,我们才能跳出这不见天日的井底,跳出这过往云烟的凡尘。
从一切伊始的那一刻,我们就深陷无尽的泡沫囚笼之中。
.
.
.
.
.
— THE MAJOR EXPLORER GROUP TERMINAL —
[00:00:00] Loading…
[00:00:03] Applicating to the Database…
[00:00:06] Entering Password: WE ARE SURVIVING ARDENTLY…
[00:00:15] Current Progress: 24.97%…
[00:00:17] Setting Up Data Interfaces…
[00:00:22] Resisting Ghœliþication…
[00:00:28] Current Progress: 45.72%……
[00:00:33] Burning Up the Rooms Wide Web…
[00:00:37] Accumulating Energy…
[00:00:40] Filling the Artillery of Alkaid…
[00:00:43] Current Progress: 74.29%……
[00:00:47] Activating Data Stream…
The Major Explorer Group…
The Backrooms Nonaligned Trade Group…
The SpeedNoclippers…
…
29 More…
[00:01:04] Current Progress: 99.86%……
[00:01:05] Successfully Linked…
[00:01:20] All Emergency Procedures Activated…
[00:01:26] Everything is Ready. Start to Access.
作者:kanwende|作者页 &
luohaotian|作者页
灵感来源:洗澡的时候往玻璃门上抹泡沫不知道哪根筋抽了想出来的(
特别鸣谢(排名不分先后):
luohaotian — 提供关于迭代的代码帮助
Level C-1145 — 提供密码块
Level C-1001 — 提供开头的启动页面
DeepSeek — 评价文章与帮助文章部分地方润色
Qwen — 帮助生成图片
现世之城 — 提供补充资料块代码
图片链接: http://backrooms-wiki.wikidot.com/local--files/the-frontrooms/umbrella.jpg
来源网站: 后室中文维基/后室英文维基
遵循协议: CC0 1.0
图片名称: "Summer Rain (Explore)"
图片作者: sjpowermac
中文维基 logo 由Kcorena基于EstrellaYoshte的设计修改而来,适用知识共享-版权归属-相同方式共享 3.0 授权协议(CC-BY-SA)。
其余图片均由Qwen AI生成。
kanwende:嗯对来1k的登陆晚了点()新人的第十五篇文()请多指教(
luohaotian:嗯。
« Level Cloud-999 | Level Cloud-1000 | Level Cloud-1001 »


© The Cloudrooms云室维基 (2022-2026) - 本站不遵循CC协议。