:root { --theme-base: "black-highlighter"; --theme-id: "dark-liminal"; --theme-name: "Dark Liminal Theme"; --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg"); --header-title: "The Backrooms"; --header-subtitle: "你曾经来过这里"; --body-font: Inter, Noto Sans SC, Arimo, Verdana, Geneva, sans-serif; --header-font: Inter, Noto Sans SC, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif; --title-font: var(--header-font); --mono-font: Recursive, 幼圆, Noto Serif SC, Consolas, monaco, monospace; --white-monochrome: 18, 22, 32; --pale-gray-monochrome: 0, 4, 15; --light-gray-monochrome: 95, 95, 95; --gray-monochrome: 183, 186, 195; --black-monochrome: 230, 235, 239; --bright-accent: 115, 119, 129; --medium-accent: 183, 186, 195; --dark-accent: 115, 119, 129; --pale-accent: 115, 119, 129; --dark-gray-monochrome: 207, 207, 203; --light-pale-gray-monochrome: 11, 11, 11; --very-light-gray-monochrome: 40, 40, 40; --gradient-header: linear-gradient(to top, rgba(var(--pale-gray-monochrome)) 0%, rgba(var(--pale-gray-monochrome), 0.20) 100% ); --swatch-headerh1-color: var(--black-monochrome); --swatch-headerh2-color: var(--black-monochrome); --swatch-topmenu-border-color: var(--pale-gray-monochrome); --swatch-topmenu-bg-color: var(--pale-gray-monochrome); --link-color: 230, 23, 68; --hover-link-color: 230, 23, 68; --background-gradient-distance: 0rem; --diagonal-stripes: linear-gradient(transparent 0); } #skrollr-body { background-image: radial-gradient(circle, rgb(var(--pale-gray-monochrome)) 50%, transparent 0); background-repeat: repeat; background-size: 0.25em 0.25em; width: 100%; height: 7.5rem; } #side-bar .side-block div a img { filter: grayscale(100%); } #container { background-image: radial-gradient(circle, rgb(var(--pale-gray-monochrome), 0.40) 50%, transparent 0); background-size: 0.25em 0.25em; background-repeat: repeat; background-attachment: fixed; } div#page-options-bottom-2 > a, div#page-options-bottom > a { border-radius: 0em; -moz-border-radius: 0em; border: none; } 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 { border: none; } #header, #top-bar { background-attachment: scroll; } #header { background-image: none; } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: var(--logo-image); background-size: auto 16rem; background-position: center; background-repeat: no-repeat; opacity: 0.4; } #header h1, #header h1 a { position: absolute; top: 1rem; margin: 0; width: 100%; display: flex; justify-content: center; z-index: 0; } #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 2rem; margin: 0; width: 100%; display: flex; justify-content: center; } #header h1 a::before, #header h2 span::before { text-shadow: .063rem 0.1rem 0.1rem #0c0c0c; } #footer{ color: rgb(var(--pale-gray-monochrome)); } a.newpage { background: transparent; text-decoration: none } a.newpage { color: rgb(var(--newpage-color)) } #search-top-box-input:hover, #search-top-box-input:focus { background: rgba(var(--medium-accent), .25); } #top-bar div.top-bar > ul > li > a, #top-bar div.mobile-top-bar > ul > li > a { color: rgb(var(--black-monochrome)); } #top-bar div.top-bar > ul > li > a:hover, #top-bar div.mobile-top-bar > ul > li > a:hover { color: rgb(--pale-gray-monochrome)); } #top-bar div.top-bar > ul > li:hover > a, #top-bar div.mobile-top-bar > ul > li:hover > a { color: rgb(var(--pale-gray-monochrome)); } #login-status { color: rgb(var(--black-monochrome)); } #login-status a { color: rgb(var(--black-monochrome)); } #login-status ul a { color: rgb(var(--pale-gray-monochrome)); } #account-topbutton { color: rgb(var(--black-monochrome)); } table.wiki-content-table th { background-color: rgb(var(--pale-gray-monochrome)) !important; color: rgb(var(--black-monochrome)); border-color: rgb(var(--black-monochrome)); } .scp-image-block { box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } blockquote, div.blockquote { box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .styled-quote { background-color:rgb(var(--pale-gray-monochrome)); border-left: 0.5rem solid rgba(var(--gray-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote { background-color:rgb(var(--gray-monochrome)); border-left: 0.5rem solid rgba(var(--pale-gray-monochrome)); color:rgb(var(--white-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote a{ color: rgb(var(--swatch-menubg-medium-color)); } .darkblock { background-color:rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); color: rgb(var(--black-monochrome)); } .lightblock { background-color:rgb(var(--gray-monochrome)); color:rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .darkerblock { background-color:rgb(var(--pale-gray-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); color: rgb(var(--black-monochrome)); } .darkblock a { color: rgb(var(--swatch-menubg-medium-color)); } /* sd banner colours */ .sd-container { --sd-border:var(--white-monochrome); --sd-text:222,222,222; --sd-symbol:var(--sd-text); --sd-bullets:var(--sd-text); --sd-symbol: var(--sd-border) !important; --sd-symbol-secondary: 255, 255, 255; } #side-bar .side-block div a img { filter: invert(calc(230/255)); }
生存难度:生存難度:
等级等級 0
- {$one}
- {$two}
- {$three}
Level F-65是后室F层群的第66层。
描述
Level F-65内的一角
Level F-65主体部分由大量钢筋混凝土筑成的现代化建筑所构成,其间有多条公路穿过。公路纵横交错,有一条公路沿纵向将整座城市平均分为东、西两城区;在西城区。又有一东西走向公路将其分为南北两部。城内公路最终于城市外围汇集,形成一环城公路。层级内的公路上将有概率出现些许业已废弃的车辆,在极罕见的情况下,此类废弃车辆中将存在有伪装的车兽。
层级内部不存在有昼夜更替,时间大致固定在凌晨1:00~2:00间。层级内温度定格在19摄氏度左右,少有空气流动,不存在降水。天空中并不存在任何可发出持续光源的发光体,但仍有少许来自天空方向的的微弱光源存在于层级。在层级中,一切发出的声音均会因未知原因缩小数倍,这使得层级内部几乎寂静无声。
该层级中的建筑物均以相似的方式被建造于道路的两侧,建筑的外部皆被粉刷上了亮白色的漆,且毫无脱落痕迹。建筑的外表面装有大量窗户,排列整齐,若自外看向窗户的内部,均只可观测至一晦暗无光的场景。层级内大部分建筑的整体高度介于11米~23米,层数于3~6层间;极少部分的建筑高度在30米以上,请避免进入此类建筑,因为其内部的现实结构十分混乱,且往往表现出非欧性质,这使得进入其内的风险大大上升。层级内的建筑无法以任何手段破坏。部分的建筑可供探索,或许能在各楼层内的过道上发现少许杏仁水、罐装龙肉类的补给品;部分建筑则完全封闭,无进入的可能。
层级内的几条主要公路分别为西华路、月华路、成华路以及光华路。成华路,自南向北从中部贯穿了整座城市,是层级内的交通主干道,其上停留的废弃车辆数目最多;西华路,自西南至东北沟通了城市的东城区及西城区,其上存在有少量游荡的无面灵,通常对流浪者无恶意,位于此道路上的废弃车辆数量仅次于成华路;月华路为东城区内交通要道,自北向南穿过东城区,并于东城区南部接入环城公路;光华路,及城外的环城公路,与月华路、成华路直接相连。除上述主要道路外,层级内还分布有些许较小的道路,此文档不在此赘述。
除成华、光华路外,其余道路两旁皆可发现如:燃放后的烟花残留物、爆竹等的纸屑,据此可推测层级内应处于中国农历新年期间。于街道两旁的商铺可发现有年画类的装饰物,但略显陈旧。同时,在城市各处亦可发现其余残留的春节活动物品。
在Level F-65中,东城区与西城区的景象截然不同。东城区内部整体基础设施建设相较于西城区更为完善,结合对层级内的实际探索与资料收集,推测东城区曾作为城市内的经济重心存在。在东城区内,时间与空间的稳定性相对较高。西城区则为老城区,内部设施破旧,部分建筑墙体出现错位情况,些许地区时间流速稍快或稍慢;在这其中,又以西城区北部最为混乱。在西城区行走时,应注意避开天空被建筑物遮蔽的区域,因为此区域墙体老化,时有物体从高处坠落;但应注意,若天空中掉落下的物体呈人形轮廓,或道路旁出现了人形尸体,应尽量绕道而行,避免直视它们的面部。在西城区的南部,敌意实体的数量较多,由于Level F-65中的声音皆被缩小,若有实体从身后靠近,流浪者将很难察觉。因此,在此区域探索时,应不时查看四周,以及时发现危险。应尽量避免与此区域内的无面灵发生直接接触。
层级内最危险而最不稳定的区域,即郊外、西城区北部、成华路,将在此处分段详细描述。
郊外
郊外,是指Level F-65内除城市外的一切区域1。郊外往往被浓厚的大雾所笼罩,从外界观测只可视至乳白色的一片。雾内往往视线受阻严重,流浪者通常只可看见自己面前3米的物体,更远处便只能大致看清物体轮廓。在雾中,无线电通讯将受到干扰,互联网亦无法使用,因此,雾内与外界的通讯被完全阻断。一切可用于指明方向的工具,如指南针等,均已被证实无法在雾中使用,因此,在雾中失联是极有可能,且概率极高的。目前已有超70例于雾中失联的的人员的报告。另外,据部分报告称,雾内的时间流速异常紊乱,曾有流浪者目视其一同伴误入雾中,数秒后又从中走出,但此时其已精神失常,且头发变得花白,衣物等似多年未有洗换。于雾中,流浪者将有概率发现少数低矮的平房,此类建筑应竭力避免进入,因其内部建筑结构脆弱且稳定性极低。西城区南部有一小门可通往郊区,亦可通过城市内各道路驶往环城公路以进入郊区,但目前通往郊区的道路均已被 M.E.G. 封锁,请勿贸然闯入。
西城区北部2
只占层级内城市面积的约1/4,其与西城区南部仅有一道路之隔,道路宽约10米。若从高处俯瞰北区,则只可视至完全漆黑的一片,外界的光线似乎没有进入其内的可能。此异常性质在北区内部也得以体现,即便是功率在高的照明设备,也仅可照亮前方2米以内的区域。在黑暗之中,若没有照明工具,则极可能受到精神影响,产生幻觉。常见的幻觉如以下几种:
- 听见耳边有人窃窃私语;
- 感觉到有物体从身边掠过;
- 视野内突然明亮,而后发现自己身旁围满了亲人;
- 听见焰火爆炸声。
从外界观测,北区所占面积似乎并不很大,但由于其内部的非欧几里得性质,北区的实际面积至今仍无法准确勘测。在北区探索时,常易遇见潜匿于暗处的无面灵,行进时应注意避开。
成华路
城市的主干道,其主要危险来自于其内的异常物——废弃车辆及行为古怪的无面灵。
2002年1月21日
终于坐上回老家的车啦,
不出意外的话应该明天就能到了。
已经两年没回去了,
真是激动啊。
2002年1月22日
现在是晚上,
回来的人好多啊,
路上真堵,
不过已经差不多到了,
被堵在城市的主干道上了。
2002年1月24日
怎么回事?
已经堵了好久了,
为什么还不能走,
幸好回来时多买了几桶泡面,
不至于饿着,
这下可以多吃些泡面啦。
2002年1月28?日
为什么?
为什么会这样?
这里不是家乡。
有些人尝试走出城市,
他们再也没有回来。
吃的不多了,
有许多人已经死在了路边。
2002年1月31日
城市外有好大的雾。
我们已经驶离了主干道,
到了西城区小路上,
路旁有些“人”的的面孔很脸熟,
他们不是死了吗?
2002年1月32日
我明白了,
回不去了。
???
眼前是一片昏黄。
基地、前哨和社区
M.E.G.“缄默”前哨
- 约十人
- 不开放贸易
- 主要任务为避免流浪者误入郊区并帮助流浪者
入口和出口
入口
- 在Level E-365中尝试切出将来到这里。
出口
作者:corn-maize
图一:https://pixabay.com/zh/photos/building-skyscraper-9340309/
新人烂文 能活就行 下周没时间写了 所以草草结了尾 有些地方讲的不太清楚 不足之处还请指出
« Level F-64 | Level F-65 | Level F-66 »
: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 }


