:root { --nusd-speed: 1; } /*岛*/ .ic_wrap-box { } /*上*/ .ic_wrap-box .ic_top-left-box { animation: right0 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_top-left-box .ic_text { animation: right0 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_h-icon { animation: ic-right calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); opacity: 0; } .ic_wrap-box .ic_r-icon { animation: ic-right calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.4s / var(--nusd-speed)); opacity: 0; } .ic_wrap-box .ic_s-icon { animation: ic-right calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); opacity: 0; } /*sd*/ .ic_wrap-box .ic_sd-box { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_infobox-1,.ic_wrap-box .ic_infobox-2 { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation: fadeIn-nu-env calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-3 { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--nusd-speed)); } /*字*/ .ic_wrap-box .ic_sd-box .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_sd-box .ic_sd { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_infobox-1 .ic_text { animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-1 .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-2 .ic_text { animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-2 .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-3 .ic_text { animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); } .ic_wrap-box .ic_infobox-3 .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); } /*info*/ .ic_wrap-box .ic_add-h { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); animation: ic-add-h calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--nusd-speed)); } .ic_wrap-box .ic_add-r { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); animation: ic-add-r calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.4s / var(--nusd-speed)); } .ic_wrap-box .ic_add-s { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); animation: ic-add-s calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); } /*字*/ .ic_wrap-box .ic_add-h .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); } .ic_wrap-box .ic_add-h .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--nusd-speed)); } .ic_wrap-box .ic_add-r .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.6s / var(--nusd-speed)); } .ic_wrap-box .ic_add-r .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.6s / var(--nusd-speed)); } .ic_wrap-box .ic_add-s .ic_text { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--nusd-speed)); } .ic_wrap-box .ic_add-s .ic_info { animation: rightin calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--nusd-speed)); } .ic_addbox .ic_text,.ic_addbox .ic_info{ opacity: 0; } /*bubor*/ .ic_top-box { animation: ic-border calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .ic_wrap-box { border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace); animation: ic-border calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--nusd-speed)); } @keyframes ic-right { 0% { transform: translateX(-1rem); transform: rotate(30deg); opacity: 0; } 80% { transform: translateX(-1rem); transform: rotate(30deg); opacity: 0; } 100% { transform: translateX(0); transform: rotate(0deg); opacity: 1; } } @keyframes ic-border { 0% { border-bottom: rgba(var(--ic_border-color), 0) solid var(--ic_interspace); } 100% { border-bottom: rgba(var(--ic_border-color), 1) solid var(--ic_interspace); } } @keyframes ic-add-h { 0% { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); background-color: rgba(var(--ic_border-color), 1); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); background-color: rgba(var(--ic_add-habitability-bg-color), 1); } } @keyframes ic-add-r { 0% { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); background-color: rgba(var(--ic_border-color), 1); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); background-color: rgba(var(--ic_add-resource-bg-color), 1); } } @keyframes ic-add-s { 0% { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); background-color: rgba(var(--ic_border-color), 1); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); background-color: rgba(var(--ic_add-signal-bg-color), 1); } } /*nusd*/ /*左*/ .sdnumber p { opacity: 0; animation: right0 calc(2s / var(--nusd-speed)); animation-fill-mode: forwards; } .sdnumber p { opacity: 0; animation: right0 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sdnumber strong { opacity: 0; animation: right0 calc(1.2s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sdnumber .lines { opacity: 0; animation: fadeIn-nu-sd calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*右*/ .sd-container .exit { animation: fadeIn-nu-exit calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .environment { animation: fadeIn-nu-env calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .entity { animation: fadeIn-nu-enti calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .syntax .sd{ animation: rightin calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .syntax p strong { animation: rightin calc(1.05s / var(--nusd-speed) ); animation-fill-mode: forwards; } .class.customclass strong::after{ animation: no-opacity calc(1.05s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*字*/ /*ex*/ .sd-container .exit strong { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .exit p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*ev*/ .sd-container .environment strong { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .environment p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*en*/ .sd-container .entity strong { animation: rightin2 calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .entity p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--nusd-speed) ); animation-fill-mode: forwards; } /*动画*/ @keyframes clip0 { 0% { clip-path: inset(0 0 100% 0); } 100% { clip-path: inset(0 0 0 0); } } @media only screen and (min-width: 1071px) { .sd-container .border { animation: border-spin-pc calc(1s / var(--nusd-speed) ); transform-origin: right; } @keyframes border-spin-pc { 0%{ clip-path: polygon(0% 0%,0% 0.4rem,0% 0.4rem,0% 0%); transform: scaleX(5000%); } 30% { clip-path: polygon(0% 0%,0% 0.4rem,100% 0.4rem,100% 0%); transform: scaleX(5000%); opacity: 1; } 60% { clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%); transform: scaleX(5000%); opacity: 1; } 100% { transform: scaleX(100%); opacity: 1; } } .sdnumber p { animation-delay: calc((2s / var(--nusd-speed))*0.6); } .sdnumber p { animation-delay: calc((1s / var(--nusd-speed))*0.6); } .sdnumber strong { animation-delay: calc((1.2s / var(--nusd-speed))*0.6); } .sdnumber .lines { animation-delay: calc((1s / var(--nusd-speed))*0.6); } } @media only screen and (min-width: 620px) and (max-width: 1070px) { .sd-container .border { animation: border-spin-mo calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } } @media only screen and (max-width: 620px) { .sd-container .border { animation: border-spin-mo calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .exit { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation-delay: 0; animation-fill-mode: forwards; } .sd-container .environment { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation-delay: calc(0.5s / var(--nusd-speed) ); animation-fill-mode: forwards; } .sd-container .entity { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); animation-delay: calc(1s / var(--nusd-speed) ); animation-fill-mode: forwards; } } @keyframes border-spin-mo { 0% { clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%); } 70% { clip-path: polygon(50% 0%,50% 100%,50% 100%,50% 0%); opacity: 1; } 100% { clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%); opacity: 1; } } @keyframes rightin { 0% { transform: translateX(-1rem); opacity: 0; } 80% { transform: translateX(-1rem); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes rightin2 { 0% { transform: translateY(1rem); opacity: 0; } 80% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes upin0 { 0% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes right0 { 0% { transform: translateX(-1rem); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fadeIn-nu-sd { 0% { clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%); transform: rotateY(180deg); } 100% { clip-path: polygon(0% 0%,200% 0%, 100% 100%,0% 100%); transform: rotateX(0deg); opacity: 1; } } @keyframes upin1 { 0% { transform: translateY(1rem); opacity: 0; } 50% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes upin2 { 0% { transform: translateY(1rem); opacity: 0; } 50% { transform: translateY(1rem); opacity: 0; } 75% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeIn-nu-exit { 0% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); } 25% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); } } @keyframes fadeIn-nu-env { 0% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); } 25% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); } } @keyframes fadeIn-nu-enti { 0% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 0%,0% 0%); } 25% { clip-path: polygon(0% 0%,0.4rem 0%,0.4rem 100%,0% 100%); } 100% { clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); } } @keyframes no-opacity { 0% { opacity: 0; } 25% { opacity: 0; } 100% { opacity: 1; } }
这里就是后室C层群的1444层,其天气多变、一日二十四时、昼夜平分、气候凉爽,初由组织启明星所发现,被誉为『秋分树洞』。
描述
秋分树洞并非洞穴,而是一个由众多近圆形房间所构成的巨型木质建筑。它的结构并不稳定,或者说,是由于长年累月的切入造就了过多的通道1,致使原本稳定的层级结构正逐步分崩瓦解。

注意保暖,切莫贪凉
这些房间形似树洞,它们大小不一,壁面多呈浅棕色,触感粗糙。若破坏壁面,缝隙将会流出些许琥珀色蜜液。偶尔,墙角处也会自然生成蜜液,形成刚刚漫过脚踝的水洼。巨型抱枕、毛绒玩具和沙发等物件将房间内塞得满满当当。暖黄色的壁灯映衬着柔软的枯叶地毯和毛茸茸的墙纸,造就了温馨的环境。引得诸多流浪者直接将它们作为卧室使用,可惜碍于层级特性2,卧室很有可能在某一时刻突然崩塌,或是掉下个陌生人。
若流浪者破开一面厚重的木墙,或许会发现墙内藏有一间密室。此类房间的布局与陈设和其他房间类似,却表现得异常破旧。枯叶在昏暗的空间里堆积如山,蜜液浅浅覆盖地面,而层层的枯叶堆后隐约显现着一个幽深的洞窟,将室内的杂物缓缓吞入。偶有流浪者开辟门径,深入其中,发现洞窟实为一条阴冷而破败的干燥通道。洞窟吞入的死物已悉数腐朽,并逐渐与其融为一体,填补洞壁的斑驳,而洞窟的最深处已经形成焕然一新的坚实木质。似乎该层级正在修缮自身内部环境,但收效甚微。

温馨•舒适
层级中的房间皆被通道、滑梯、索道桥,以及巨型吊床,或是白色麻绳所支起的网格类的结构所贯通。这些结构体有时可能会以意想不到的方式互相在承接中融合,一般来说,这些贯通结构足够稳固,即可以安全的承接流浪者的日常行动。值得注意的是,当流浪者将自身的重量毫无保留的支撑于其上时,将有概率触发孤立事件。此时,短时间内感知的紊乱将彻底吞噬沉迷于其中的流浪者,直至一场“雨”的降临。
Level C-1444的雨季较为寻常,具体呈现为在那层级所有的光线突然暗淡的一瞬间,枯叶骤起汇于空际化为云,并散落颗颗麦穗伴蜜雨。顿时,麦香四溢,于孤立事件中苦苦挣扎的流浪者将被解放,迎接他们的是从密室中不断涌出的雨落蝶和闪闪发光的微光向导们。一般来说,这些蜜雨并不遵守物理规律,常于空中以螺旋状的弧线,绕开那些毛茸茸的抱枕或是沙发,顺流而向墙角等偏僻处,慢慢化为类似琥珀的结晶。
这些坚固的结晶在长年累月的积攒下,可能会堵塞通道、密室,作为饰品装饰桥廊,又或是形成台阶、滑梯,沾染在白色麻绳网格上形成更为稳固的平面。一定程度上或许可以稳固层级结构,这些推论并非空乏其谈。可以确定的是,这些结晶确实是明显不遵守物理规律的存在,它们有时甚至会以怪异的方式拼接、融合、塑形,又或是浮空、旋转、分解。但这也使该结晶成为了本层级少有的危险源。
值得注意的是,Level C-1444虽为封闭性层级,但仍能直观的判断昼夜。白昼时,流浪者切入层级时创造的通道口,将承担起太阳发光和释放暖意的职责。夜间层级昏暗,仅有少量暗淡壁灯作为光源,经结晶颗粒的折射,正如晨星一般耀眼。
『秋分树洞』中存在着大量零散的现象、特点或规律,久居于此的启明星成员进行了收集工作,以下将全部一一列出:
- 层级中不见任何植物,却总是落叶缤纷。这些充斥于Level C-1444的落叶总是随环境而改变自己的形态。飘于空中则将会略微折叠,并将叶柄一端呈向逆风的方向——像纸飞机而赴向远方。
- 落于水洼则将叶片两端轻轻翘起,叶面似乎加以坚固,迸发出“呼呼呼”的声音——大家都喜欢选择一片心仪的落叶,比赛航行的远或是漂浮的久。
- 少数情况下,当流浪者靠着巨型的毛绒玩具抑息冥想,待其经一阵常被描述为“孤寂而遥远的恍惚”后,发现手中多了一串棉花糖,发丝间穿过了一束暖暖的,只有自己能看见的光。

捧花被集中了起来,准备建设花廊。
- 层级里没有驯鹿,但可能存在圣诞老人,多名流浪者一觉睡醒都发现床头有无端而生的礼物——夹着漫画的诗集、生了锈的吉他,还有一束捧花,洁净无瑕。
- 『秋分树洞』的气温似乎在逐渐转凉?近年来,平均气温都在逐渐下降——感谢秋分气象台提供的消息。
- 每日清晨,东方总是有一颗闪亮的星星短暂出现,它比“太阳”还准时。
基地、前哨与社区
启明星事务所
- 最早定居于此,自诩侦探的组织,他们似乎总是在探索些什么。
- 欢迎流浪者加入,但需要交入会费。愿意帮助流浪者,但是要报酬。
- 成功在Level C-1444解决了一起盗窃事件而在本层级小有名气,但因该组织曾将该层级的灵异事件判断为层级中存在圣诞老人,这使诸多流浪者对他们的专业性产生了怀疑。
秋分社区
- 定居于该层级的流浪者彼此常常联系,已经形成稳定的社区。
- 层级内曾分布有该社区发起建设的基础设施,但大多已被封入密室,只有极少数处于居民聚居地带的设施得以幸免。
装修师
- 漫游于该层级的人们3,致力于引导新进入的流浪者。
- 大量采集蜜液与麦穗,与其他流浪者交易,换取材料修复建筑结构。
秋日随想面包坊
- 由店主池暝和他的学徒们所组成,拥有独家面包配方,深受流浪者们的喜爱。

刚出炉的落秋酥,香哇。
- 坐落于本层级最东侧,周一到周四,下午三点至五点准时开门,独家产品落秋酥和蜜酪面包每日每人仅限购两份,售空即止。
- 愿意为落难的流浪者提供免费食物。
- 将本店分享至流浪圈集齐20赞后,可获得店主亲手制作的秋落酥一份。
秋分气象局
- 他们似乎找到了本层级的天气变化规律,每日早上7点30分准时在秋日随想面包坊附近向所有流浪者们预报天气。
- Level C-1444的名字『秋分树洞』便源于他们所命名。
入口与出口
入:
- 已于文首提及,因过于冗长,且暂未发现稳定入口,不在此过多赘述。
出:
- 在打扫落叶时找到一张破旧的车票,上面写着通往云的故乡,带着它向墙壁撞去,你会登上云国列车。
- 倘若恣意破坏此层级环境将有极大概率误入北极山之中。
- 切入堵塞通道的结晶,这通往废弃通道。
- 拾一片秋叶藏于枕下,安心的放下一切负担睡着,你会于美梦中回归原层级。
« Level C-1443 | Level C-1444 | Level C-1445 »
@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 }