★主页 Home
#content-wrap { padding-top: 0; } #main-content #page-title { display: none; } #main-content #page-content { margin-top: 0; } #page-content img { max-width: 100%; } /* —————— C位封面 —————— */ .hero-container { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 0.5rem; position: relative; box-sizing: border-box; width: 100%; height: calc(100vh - var(--header-height) * 2.5); padding: 0 40% 2rem 0; } .hero-texts { display: flex; flex-direction: column; justify-content: start; align-items: start; position: relative; width: 100%; height: max-content; } .hero-texts h1 { margin: unset !important; padding: unset !important; border-left: unset !important; font-size: 5rem !important; line-height: calc(5rem * 1.2) !important; } .hero-texts p { margin: 0; font-size: 1.5rem; line-height: calc(1.5rem * 1.5); } .hero-button-container { display: flex; justify-content: start; align-items: center; position: relative; width: 100%; } .hero-button-container > p { display: contents; } .hero-button-container br { display: none; } .hero-button-container a.button-link { margin: 0.5rem 2rem 0.5rem 0; padding: 0.5rem 2rem; background-image: unset !important; background-color: rgb(var(--lemoncat-yellow)); border: 2px solid rgb(var(--lemoncat-dark)); border-radius: 0.5rem; transition: background-color 0.25s var(--fast-transition-1); } .hero-button-container a.button-link:is(:active, :hover, :focus, :focus-within, :focus-visible) { background-color: rgb(var(--lemoncat-cyan)); } #extrac-div-1 { display: block; position: absolute; top: var(--header-height); left: 0; width: 100%; height: calc(100vh - var(--header-height) * 2.5); background-color: rgb(var(--lemoncat-light)); background-image: url("https://citrus.wikidot.com/local--files/home/francesco-cantinelli-6xsotTecOj4-unsplash%20%281%29.jpg"); background-size: cover; background-position: center; filter: brightness(0.9); pointer-events: none; z-index: -1; } /* —————— 共享 —————— */ :root { --container-gap: 5rem; } a.button-jump { margin: 0.25rem 0; padding: 0.25rem 0.75rem; width: max-content; background-image: unset !important; background-color: rgb(var(--lemoncat-yellow)); border: 1px solid rgb(var(--lemoncat-dark)); border-radius: 0.4rem; transition: background-color 0.25s var(--fast-transition-1); } a.button-jump:is(:active, :hover, :focus, :focus-within, :focus-visible) { background-color: rgb(var(--lemoncat-cyan)); } /* —————— 精选作品 —————— */ .featured-container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 30rem; justify-content: center; align-items: center; position: relative; width: 100%; margin: var(--container-gap) 0; } .featured-image-container { display: flex; justify-content: center; align-items: center; position: relative; box-sizing: border-box; width: 100%; max-width: 100%; height: 100%; max-height: 100%; padding: 1rem; } .featured-image-container img.image { max-width: 100%; max-height: 20rem; } .featured-texts { display: flex; flex-direction: column; justify-content: center; align-items: start; position: relative; box-sizing: border-box; width: 100%; height: 100%; padding: 1rem; } .featured-texts > p { display: contents; } span.featured-description { position: relative; width: 100%; margin: 1rem 0; } span.featured-description > br:nth-child(1) { display: none; } .featured-texts > p > br { display: none; } /* —————— 最新页面 —————— */ .recent-page-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 4rem 1fr; justify-content: center; align-items: center; row-gap: 2rem; column-gap: 4rem; position: relative; box-sizing: border-box; width: calc(100% + var(--content-padding-side) * 2); margin: 0 0 0 calc(var(--content-padding-side) * -1); padding: var(--container-gap) calc(var(--content-padding-side) + 2rem); background-color: rgb(var(--lemoncat-pale)); } .recent-page-container > h1 { grid-column: 1 / 4; grid-row: 1 / 2; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; margin: unset !important; padding: unset !important; border-left: unset !important; font-size: 2.4rem !important; line-height: calc(2.4rem * 1.2) !important; } :is(.recent-originals, .recent-codings, .recent-others) { display: grid; grid-template-columns: 100%; grid-template-rows: auto 1fr auto; justify-content: center; align-items: center; position: relative; width: 100%; min-height: 100%; } :is(.recent-originals, .recent-codings, .recent-others) :is(h1, h2, h3, h4, h5, h6) { display: flex; justify-content: start; align-items: center; position: relative; box-sizing: border-box; width: 100%; margin: unset !important; padding: 0 0.5rem !important; border: unset !important; } :is(.recent-originals, .recent-codings, .recent-others) .list-pages-box { position: relative; box-sizing: border-box; width: 100%; height: 100%; padding: 0.25rem 0.5rem; font-size: 1rem; line-height: 1.5rem; } :is(.recent-originals, .recent-codings, .recent-others) .list-pages-box p { margin: unset; } :is(.recent-originals, .recent-codings, .recent-others) .recent-details { display: flex; justify-content: center; align-items: center; position: relative; box-sizing: border-box; width: 100%; height: 100%; } :is(.recent-originals, .recent-codings, .recent-others) .recent-details p { display: inline-flex; justify-content: flex-end; align-items: center; position: relative; box-sizing: border-box; width: 100%; height: 100%; margin: unset; padding: 0.25rem; font-size: var(--small-text); line-height: var(--small-line-height); } :is(.recent-originals, .recent-codings, .recent-others) .recent-details p a { background-image: linear-gradient(rgb(var(--lemoncat-cyan), 0.8), rgba(var(--lemoncat-cyan), 0.9)) !important; } /* —————— 半屏图文 —————— */ #u-halfscreen-container { grid-template-columns: 1fr 1fr; grid-template-rows: 35rem; display: grid; justify-content: center; align-items: center; position: relative; box-sizing: border-box; width: calc(100% + var(--content-padding-side) * 2); margin: 0 0 0 calc(var(--content-padding-side) * -1); background: rgb(var(--lemoncat-dark)); color: rgb(var(--lemoncat-white)); } .halfscreen-image-container { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; } .halfscreen-image-container img.image { position: relative; width: 100%; max-width: 100%; height: 100%; max-height: 100%; } .halfscreen-texts { display: flex; flex-direction: column; justify-content: center; align-items: start; position: relative; box-sizing: border-box; width: 100%; height: 100%; padding: 0 var(--content-padding-side) 1rem 2rem; } .halfscreen-texts h1 { display: flex; justify-content: start; align-items: center; width: 100%; height: calc(var(--heading-1) * 1.2); margin: unset !important;; padding: unset !important;; color: rgb(var(--lemoncat-white)) !important;; border: unset !important;; line-height: calc(var(--heading-1) * 1.2) !important;; } .halfscreen-texts p { display: inline-flex; flex-direction: column; justify-content: center; align-items: start; margin: unset; } span.halfscreen-description { margin: 1rem 0; padding: 0.25rem 0; } span.halfscreen-description > br:nth-child(1) { display: none; } .halfscreen-texts a.button-jump { color: rgb(var(--lemoncat-dark)); border-color: rgb(var(--lemoncat-dark)); } /* 站外跳转块 01 */ #u-halfscreen-container.halfscreen-container-1 .halfscreen-image-container img.image { position: relative; box-sizing: border-box; width: 100%; max-width: 100%; height: 100%; max-height: 100%; } #u-halfscreen-container.halfscreen-container-1 .halfscreen-texts h1::before { content: ""; display: flex; justify-content: center; align-items: center; position: relative; margin-right: 0.5rem; width: 4rem; height: 100%; background-image: url(" https://github.backroomswiki.cn/New_BHL/image/logo.svg"); background-repeat: no-repeat; background-size: 4rem auto; background-position: center center; } /* 站外跳转块 02 */ #u-halfscreen-container.halfscreen-container-2 .halfscreen-texts { padding: 0 2rem 1rem var(--content-padding-side); }

精选作品
一些介绍文本
查看详情

后室 The Backrooms
“假如你不小心在错误的地方从现实中切出,你最终将坠入后室,这里只有腐臭的潮湿地毯,令人发狂的单调黄色,荧光灯全力运作发出的永无止境的嗡鸣,还有令人深陷其中的大约六亿平方英里随机分割的空荡房间。倘若你听见有什么东西在附近徘徊,愿上帝保佑你吧,因为它一定也听见了你的声音……”
我在后室 wikidot 中文分站也写过很多作品,来看看我的作者页吧!
点击跳转