/* ================================================================== */ /* 1. 基础设置与外部资源导入 */ /* ================================================================== */ /* 声明字符编码为 UTF-8 */ @charset "UTF-8"; /* 引入第三方 CSS 文件 */ @import url("https://backrooms-to-dv.wikidot.com/local--files/theme:fixed-test/CSS.css"); /* 基础样式文件 */ @import url("https://fastly.jsdelivr.net/gh/Etinjat/CSS@Backrooms/003v_THEME-liminal_new-BHL.css"); /* Backrooms 主题扩展样式 */ /* 引入 Google 字体(多语言支持) */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap'); /* 主字体:Inter */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap'); /* 简体中文无衬线体 */ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@100;300;400;500;700;900&display=swap'); /* 简体中文衬线体 */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap'); /* 繁体中文无衬线体 */ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@100;300;400;500;700;900&display=swap'); /* 繁体中文衬线体 */ /* ================================================================== */ /* 2. 全局 CSS 变量定义(主题核心配置) */ /* ================================================================== */ :root { /* ----- 主题标识 ----- */ --theme-base: "black-highlighter"; /* 基础主题名称 */ --theme-id: "mt"; /* 主题唯一标识符 */ --theme-name: "MT"; /* 主题显示名称 */ /* ----- 头部品牌元素 ----- */ --logo-image: url("https://mt-backrooms.wikidot.com/local--files/start/new-mt-logo"); /* 网站 Logo 图片地址 */ --header-title: "The Backrooms MT"; /* 主标题文字 */ --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; /* 等宽字体(代码、终端风格) */ /* ----- 基础颜色变量(RGB 格式,便于配合 rgba() 使用)----- */ --white-monochrome: 20, 20, 20; /* 背景 */ --pale-gray-monochrome: 55, 55, 55; /* 编辑页面底部按钮、分页上方、div块深色部分 */ --light-gray-monochrome: 222, 222, 222; /* 分割线上部 */ --gray-monochrome: 210, 210, 230; /* div块浅色部分、分页 */ --black-monochrome: 255, 255, 255; /* 文本 */ --bright-accent: 115, 119, 120; /* 选中分页、按钮悬停、已读链接 */ --medium-accent: 183, 186, 190; /* 分页底部、搜索框、脚注块最左侧部分 */ --dark-accent: 115, 119, 120; /* 脚注块中间部分、标签及其文本、页面底部第二色块+按钮前端 */ --pale-accent: 115, 119, 130; /* 实际未使用) */ --dark-gray-monochrome: 207, 207, 203; /* 页面最底部、顶栏悬停及展开 */ --light-pale-gray-monochrome: 255, 255, 255; /* 深色div块浅色文本 */ --very-light-gray-monochrome: 0, 0, 0; /* 浅色div块深色文本 */ /* ----- 渐变效果(头部区域)----- */ --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: 0, 190, 255; /* 普通链接颜色:亮蓝色 */ --hover-link-color: 0, 255, 190; /* 悬停链接颜色:青绿色 */ /* ----- 背景特效配置 ----- */ --background-gradient-distance: 0rem; /* 无渐变距离(取消渐变偏移) */ --diagonal-stripes: linear-gradient(transparent 0); /* 斜条纹效果(当前未使用,保留占位) */ } /* -------------------------------------------- 3. 全局背景与布局 说明: 页面整体背景样式、容器布局设置 -------------------------------------------- */ /* 主体背景 - 移除点阵,使用纯色背景 */ #skrollr-body { background-image: none; /* 移除径向渐变点阵 */ background-color: rgb(var(--pale-gray-monochrome)); /* 使用浅灰色纯色背景 */ width: 100%; height: 7.5rem; } /* 主容器背景 - 移除半透明点阵,使用纯色背景 */ #container { background-image: none; /* 移除径向渐变点阵 */ background-color: rgba(var(--pale-gray-monochrome), 0.4); /* 使用半透明浅灰色背景 */ background-attachment: fixed; } /* 头部和顶栏背景滚动方式 */ #header, #top-bar { background-attachment: scroll; } /* ================================================================== */ /* 4. 头部区域样式(Logo、标题) */ /* ================================================================== */ /* 头部和顶部栏背景滚动方式:随页面滚动(不固定) */ #header, #top-bar { background-attachment: scroll; } /* 移除头部的默认背景图片,以便使用自定义伪元素 */ #header { background-image: none; } /* 头部伪元素:显示半透明 Logo 水印 */ #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: var(--logo-image); /* 使用自定义 Logo 变量 */ background-size: auto 16rem; /* 背景高度 16rem,宽度自动 */ background-position: center; background-repeat: no-repeat; opacity: 0.4; /* 40% 透明度,作为背景装饰 */ } /* 主标题 h1 及其链接:绝对定位,居中显示 */ #header h1, #header h1 a { position: absolute; top: 1rem; /* 距离顶部 1rem */ margin: 0; width: 100%; display: flex; justify-content: center; z-index: 0; /* 位于 Logo 水印之上 */ } /* 副标题 h2 及其内部元素:绝对定位,居中显示 */ #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 2rem; /* 距离顶部 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; /* 轻微黑色阴影 */ } /* ================================================================== */ /* 5. 页面底部按钮样式(扁平风格) */ /* ================================================================== */ /* 底部选项按钮:无圆角、无边框 */ div#page-options-bottom-2 > a, div#page-options-bottom > a { border-radius: 0em; -moz-border-radius: 0em; /* Firefox 兼容 */ 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; } /* ================================================================== */ /* 6. 侧边栏样式 */ /* ================================================================== */ /* 侧边栏内所有图片:100% 灰度滤镜,统一为黑白风格 */ #side-bar .side-block div a img { filter: grayscale(100%); } /* 侧边栏图片反转效果(覆盖上一个规则,实现约 90% 反转) */ #side-bar .side-block div a img { filter: invert(calc(230/255)); /* 图片颜色反转,程度约 90% */ } /* 侧边栏链接悬停效果:10% 透明度青绿色背景 */ #side-bar a:not(.newpage):hover { background-color: rgba(0, 255, 190, 0.1) !important; } /* ================================================================== */ /* 7. 链接样式(存在页面 / 新建页面) */ /* ================================================================== */ /* 存在页面的链接悬停效果 */ a:not(.newpage):hover { background-color: rgba(0, 255, 190, 0.1) !important; /* 10% 透明度的青绿色背景 */ transition: background-color 0.2s ease; /* 平滑过渡 */ } /* 新建页面链接颜色:红色(高亮提醒) */ a.newpage { color: rgb(255, 0, 0) !important; /* 红色文字,使用 !important 确保覆盖 */ } /* 新建页面链接悬停状态 */ a.newpage:hover { color: rgb(255, 0, 0) !important; /* 保持红色文字 */ background-color: rgba(255, 0, 0, 0.1); /* 淡红色背景,提高可识别性 */ } /* ================================================================== */ /* 8. 顶部导航菜单样式 */ /* ================================================================== */ /* 顶部导航菜单链接默认状态 */ #top-bar div.top-bar > ul > li > a, #top-bar div.mobile-top-bar > ul > li > a { color: rgb(255, 255, 255) !important; /* 白色文字,与深色背景形成对比 */ transition: color 0.2s ease; /* 颜色过渡效果 */ } /* 顶部导航菜单链接悬停状态 */ #top-bar div.top-bar > ul > li > a:hover, #top-bar div.mobile-top-bar > ul > li > a:hover { color: rgb(var(--pale-gray-monochrome)) !important; /* 悬停时变为浅灰色(55,55,55) */ background-color: rgba(0, 255, 190, 0.1) !important; /* 10% 透明度的青绿色背景 */ } /* 顶部菜单链接悬停效果(通用) */ #top-bar a:hover, #top-bar div.mobile-top-bar a:hover { background-color: rgba(0, 255, 190, 0.1) !important; } /* 父级悬停时子链接样式(保持一致性) */ #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)) !important; /* 浅灰色文字 */ } /* ================================================================== */ /* 9. 登录状态与账户按钮 */ /* ================================================================== */ /* 登录状态文字样式 */ #login-status { color: rgb(var(--black-monochrome)); /* 白色文字(--black-monochrome 实际为白色) */ } #login-status a { color: rgb(var(--black-monochrome)); /* 白色链接 */ } #login-status ul a { color: rgb(var(--pale-gray-monochrome)); /* 浅灰色链接(55,55,55) */ } /* 账户按钮样式 */ #account-topbutton { color: rgb(var(--black-monochrome)); /* 白色文字 */ } /* ================================================================== */ /* 10. 搜索框交互 */ /* ================================================================== */ /* 搜索框悬停/聚焦状态:半透明背景 */ #search-top-box-input:hover, #search-top-box-input:focus { background: rgba(var(--medium-accent), .25); /* 浅灰蓝色半透明背景 */ } /* ================================================================== */ /* 11. 表格样式 */ /* ================================================================== */ /* 维基内容表格表头样式 */ table.wiki-content-table th { background-color: rgb(210, 210, 230) !important; /* 亮色背景 */ color: rgb(var(--black-monochrome)); /* 白色文字(--black-monochrome 实际为白色) */ border-color: rgb(var(--black-monochrome)); /* 白色边框 */ } /* ================================================================== */ /* 12. 图片块与引用块 */ /* ================================================================== */ /* SCP 图片块样式:添加阴影效果 */ .scp-image-block { box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } /* 通用引用块样式:20% 透明度的青绿色背景 */ blockquote, div.blockquote { background-color: rgba(0, 255, 190, 0.2); /* 20% 透明度的青绿色背景 */ color: inherit; /* 继承文字颜色 */ padding: 1rem; margin: 1rem 0; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border-color: rgb(0, 255, 190) !important; /* 青绿色边框 */ } /* 风格化引用块:左侧边框为蓝色 */ .styled-quote { background-color: rgb(var(--gray-monochrome)); /* 亮蓝色背景 */ border-left: 0.5rem solid rgb(var(--pale-gray-monochrome)); /* 深灰色左边框 */ color: rgb(var(--very-light-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(--pale-gray-monochrome)); /* 深灰色背景(55,55,55) */ border-left: 0.5rem solid rgb(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); } /* ================================================================== */ /* 13. 内容块样式(Light / Dark / Border 系列) */ /* ================================================================== */ /* 亮色内容块:蓝色背景,黑色文字 */ .lightblock { background-color: rgb(var(--gray-monochrome)); /* 亮蓝色背景 */ color: rgb(var(--very-light-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); } /* 暗色内容块:深灰色背景,白色文字 */ .darkblock { 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(--light-pale-gray-monochrome)); /* 白色文字 */ } /* 更深色内容块:浅灰色背景,白色文字 */ .darkerblock { background-color: rgb(var(--pale-gray-monochrome)); /* 深灰色背景(55,55,55) */ 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(--light-pale-gray-monochrome)); /* 白色文字 */ } /* 深色边框块:深灰色背景 + 亮蓝色粗边框 */ .dark-borderblock { background-color: rgb(var(--pale-gray-monochrome)); /* 深灰色背景 */ color: rgb(255, 255, 255); /* 白色文字 */ padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid 0.3rem rgb(var(--gray-monochrome)); /* 亮蓝色粗边框 */ } /* 亮色边框块:亮蓝色背景 + 深灰色粗边框 */ .light-borderblock { background-color: rgb(var(--gray-monochrome)); /* 亮蓝色背景 */ color: rgb(var(--very-light-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); border: solid 0.3rem rgb(var(--pale-gray-monochrome)); /* 深灰色粗边框 */ } /* 基础边框块:深灰色背景 + 亮蓝色粗边框 */ .borderblock { background-color: rgb(var(--pale-gray-monochrome)); /* 深灰色背景 */ color: rgb(var(--light-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); border: solid 0.3rem rgb(var(--gray-monochrome)); /* 亮蓝色粗边框 */ } /* ================================================================== */ /* 14. 标题块样式(章节标题) */ /* ================================================================== */ /* 标题块样式:用于章节标题区域 */ .titleblock { background-color: rgb(var(--pale-gray-monochrome)); /* 深灰色背景 */ color: rgb(var(--light-pale-gray-monochrome)); /* 白色文字 */ padding: 0.5rem 1rem 0.10rem; /* 上内边距较大,下内边距较小 */ margin: 1.5rem 0rem 0.5rem 0rem; /* 较大的上外边距,与正文分离 */ box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5); /* 较深的阴影 */ border: solid rgb(var(--gray-monochrome)) 2px; /* 亮蓝色细边框 */ } /* 标题框样式:配合 titleblock 使用,形成重叠标签效果 */ .titlebox { color: rgb(var(--very-light-gray-monochrome)); /* 黑色文字 */ position: relative; top: -1.6rem; /* 向上偏移,与 titleblock 重叠 */ background-color: rgb(var(--gray-monochrome)); /* 亮蓝色背景 */ padding: 0.25rem 1rem; line-height: 0.1rem; /* 极小行高,使文字紧凑 */ } /* ================================================================== */ /* 15. 分页组件样式(TabView) */ /* ================================================================== */ /* 分页顶部选中状态:蓝色背景 */ .yui-navset .yui-nav .selected { background-color: rgb(var(--gray-monochrome)) !important; /* 选中分页亮蓝色背景 */ border-color: rgb(var(--gray-monochrome)) !important; /* 蓝色边框 */ } /* 选中分页的文字颜色:白色 */ .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { color: rgb(255, 255, 255) !important; /* 白色文字 */ background-color: transparent !important; /* 透明背景 */ } /* 分页内容区域:淡蓝色背景 */ .yui-navset .yui-content { background-color: rgba(0var(--gray-monochrome), 0.1) !important; /* 10% 透明度的亮蓝色背景 */ border-color: rgb(var(--gray-monochrome)) !important; /* 蓝色边框 */ } /* 未选中分页悬停效果:淡蓝色背景 */ .yui-navset .yui-nav a:hover { background-color: rgba(var(--gray-monochrome), 0.2) !important; /* 20% 透明度的亮蓝色背景 */ } /* ================================================================== */ /* 16. 安全/危险等级容器样式(SD 组件) */ /* ================================================================== */ .sd-container { --sd-border: var(--white-monochrome); /* 边框颜色:深灰色(20,20,20) */ --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; /* 次要符号颜色:纯白 */ } /* ================================================================== */ /* 17. 页脚样式 */ /* ================================================================== */ #footer { color: rgb(var(--pale-gray-monochrome)); /* 浅灰色文字(55,55,55) */ } /* ================================================================== */ /* 18. 脚注区域修复(解决链接重叠问题) */ /* ================================================================== */ /* 脚注引用链接(正文中的上标数字) */ sup a.footnote-id { margin: 0 0.15rem; /* 为每个脚注链接左右添加微小间距,防止紧贴 */ display: inline-block; /* 确保margin生效,同时不影响行内布局 */ white-space: nowrap; /* 防止数字换行 */ } /* 脚注列表区域(页面底部的脚注块) */ .footnotes { margin-top: 2rem; /* 与正文保持足够距离 */ padding-top: 1rem; border-top: 1px solid rgba(var(--gray-monochrome), 0.5); /* 添加浅色分割线,增强视觉区分 */ clear: both; /* 清除可能的浮动影响 */ } /* 脚注列表中的每一项 */ .footnotes .footnote { margin: 0.5rem 0; /* 为每个脚注项添加上下间距 */ line-height: 1.4; /* 适当行高,避免文字重叠 */ } /* 脚注内的链接(返回正文的箭头) */ .footnotes a.reversefootnote { margin-left: 0.5rem; /* 为返回链接添加左边距,避免与脚注文字紧贴 */ }
: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 }
流浪者,你来了?休息一下吧?
欢迎来到锚点公会的基地!
生存难度:生存難度:
等级等級 0
- 安全且稳定
- 友好的团体
- 开放交易
文件属性:Crest
Level MT-27是后室MT层群的第28层。
描述
该层级表现为一座小型城市,拥有数十栋建筑风格不一的楼房,大多数在20层左右。这些建筑中,大量的房间被废弃且无人居住。房间内可能空无一物窗明几净,也可能堆满杂物而遍布灰尘。除去特别地可能有完好且能正常使用的家具1外,常见的补给物资也会不定时刷新在这些房间里。锚点公会会定期在无人活动的房间里搜寻多余的可用物资,这也是他们补货的方式之一。
该层级的空间是循环的,固定的空间为东西长约5千米、南北长约7千米的矩形,而该空间的南北边界与东西边界是分别循环连接的。也就是说,当流浪者向一个方向行进足够远,就能从反方向回到原地。这意味着流浪者在该层级内很好辨认自身的位置,没有迷路的风险。该层级内拥有和前厅几乎相同的昼夜循环,因此默认采用24小时制。
几乎每栋楼房的1层都有一家便利店,其中有大部分为锚点公会所有。进入便利店后,你可以任意选购任何已标价的商品,包括但不限于前厅中的常见商品、杏仁水、幸运豆奶、罐装龙肉等后室常见补给,以及滋水枪等实用装备。这些商品的价格一般取决于店铺的规模2。
在该层级最繁华的街区中心,有一座6层高的大型建筑。其一部分外观呈橘红色,面向大型街区开放,上方设有明显的锚点公会广告牌;另一部分外观呈灰色,大部分隐藏于树林中,并不对外开放。
通过常规切行的方式进入该层级后,流浪者大概率会出现在中央街区的『无名广场』中。该广场每3天会举办一次『流浪者集会』,时间一般为晚上8时至次日凌晨4时左右,流浪者在集会中可以聚集在一起并自由交易。『流浪者集会』由M.E.G.组织管理。
基地、前哨和社区
锚点公会
欢迎你,流浪者!你终于来了!
锚点公会是一个活跃于各个层群的团体,时常会进入不同的层群与层级。
咳咳,切入正题。我们的总基地就设立在该层级。记得那个一半橙一半灰的建筑吗?那里就是!
该建筑对外开放的部分为一座6层大型储藏式商场,流浪者可以在其中挑选任何商品购买,同时也可以向身着统一制服的工会志愿者寻求帮助。商场的每一层都有至少一个前台,用来为流浪者结算费用或提供详细的咨询服务。
不对外开放的部分是锚点公会的封闭区域,通常不允许外人进出。据工会高层透露,封闭区域内包含公会的办公区、实验场所、互联网基站。这里含有我们最重要的内部数据库,是所有Ω级机密文件保存地。
所有关于该区域的详细资料属于A级及以上属性文件。
其余分散在层级各处的、带有锚点公会图标的店铺可以分类为公会授权建立的前哨。这些前哨一般只负责销售商品,而没有和公会内部直接联系的权限。这些前哨基本上由加入工会的会员建立,受公会基地的管理,同时也会享受着公会给予的补贴。流浪者在其他较为稳定的层级亦可找到类似的前哨,它们的性质与在该层级所建立的类似。
锚点公会基地总前台联系电话:██-██-███。你也可以进入锚点公会官方网站 https://███████-anchor-point.com 来获取更多信息。
关于我们的常见问题与解答
锚点公会是个怎样的团体?
我们认为这个问题应当去问其他流浪者——至少他们给出的答案更客观。但既然你提了,那我就说道说道。
- 我们的公会建立之初,是希望通过售卖有用的东西来帮助更多流浪者,而这之后我们帮助的方式就变得更多了,安全质量也能得到更大保障;
- 目前,经商依旧是我们面向大众的主要业务,我们的几乎所有(或者可能的确所有)基地和前哨都有卖东西的地方。除此之外,我们也开展围绕流浪者的救援活动、商业活动、娱乐活动,以及探索后室、解密后室;
- 具体来讲,我们会通过流浪者的眼睛去发现后室中的新鲜事,能开展专业的实验探寻事物本质,能创造合适的卫生条件供流浪者生存,而这一切都与流浪者们共发展、并服务于流浪者!
- 这听起来感觉很多团体都这么干?那只要你记住我们会卖东西就可以了!
- 记得认清我们,我们不是万能的。我们不擅长在后室中穿行,这意味着我们可能无法冒险随时进入不同的层级去营救流浪者;我们的商品可以保证安全性,但成本也就因不停的实验而不停上涨了,而且你要随时做好面对商战的准备——我们不想丢了本职工作!
- 我们愿意和任何一个团体保持友好的关系。我们永远抵触袭击与被袭击。
- 我很诚实地告诉了你我们目前的处境,而你愿意相信我们吗?期待你的加入!
我们的口号/宗旨是什么?
互助,共进。
Go together, go forward.
我该怎么购买你们的商品?
我们随时欢迎大家的惠顾!如果你想要从我们这里购物,请务必记得:
- 确保用来交易的杏仁水是充足的;
- 前往拥有公会授予的经营证书的店铺,它们绝对是正版授权的;或者您也可以直接来我们的基地;
- 不偷不抢、轻拿轻放,不打扰其他流浪者,不随意进出闲人止步的区域;
- 找到工作人员或志愿者来寻求帮助;
- 想要快速来到基地,你可以从店内悬挂的海报切出,这样你会直接来到我们位于该层级的基地!
我想要加入公会,请问渠道在哪?
这简单极了!你只需要加入我们的网站,创建您的账户并选择加入会员,您就成为了我们的一员!这时,您是一名普通会员,您有专属的账户、二维码和编号,也可以参与我们的论坛和活动!我们的普通会员拥有以下福利与权限:
- 在公会的便利店购物时享受优惠价;
- 加入会员讨论区,可以参与各项讨论或活动,也可以为公会的发展建言献策。
如果你想成为航标会员,这就需要你前往任意一个锚点公会的基地,到前台花费杏仁水来完成升级。航标会员在此基础上的额外所得有:
- 航标纪念挂件2个(丢失了的话只能凭会员身份再买了);
- 更大的优惠力度;
- 锚点公会基地住宅区房间购买资格;
- 锚点公会相关文章撰写授权,这意味着你可以以我们的名义发表文章(有偿)。
高层会员资格一般不授予外部人员。该等级的会员一般是工会里的主要部门负责人或特别的干将。当然,如果你有出众的才能,或者做出了显著的贡献,并且获得了我们的认可,那么你也有机会成为高层会员(只是流程可能会复杂一些)!高层会员在公会中一般都:
- 参与公会内部事务管理;
- 联系内部数据库所连接的各个层级与基地;
- 主持公会的活动、任务与实验;
- 开展公会全体会议,其余参会人由所有航标会员投票、由高层会员审核而来;
- 发布获得授权的文章、创建新的特别论坛;
- 与其他团体交流共进。
我该如何建立一个新的公会前哨?
不错的想法,希望你能够帮助到更多的流浪者!一旦你决定这么做,请记住:
- 你至少要先成为一名普通会员,这个门槛可真低,不是吗;
- 在开店之前,先前往任意一个公会基地获取授权。如果你的登记有效,并且被授予了一张经营证书以及两张海报,这就说明你已经获得了授权;
- 妥善保管你的经营证书和海报,它们很重要;
- 海报是你与我们的基地直接连通的快捷通道,利用它可以直接切入到我们的基地。因此,记得把其中一张张贴或悬挂起来,流浪者还指望用它当直达班车呢;
- 一些货物需要你自行补充,但我们会定期为你的店铺进货。但是如果你的海报没有张贴好,那我们可就过不去了;
- 你的收入中会有一小部分需要作为税款上缴。你大可放心,因为它们真的很少,而且我们会私信通知的;
- 如果你经营得很好,我们可能会邀请你来基地工作,选择权在你。
在公会里需要遵守什么规定?违反规定需要接受怎样的惩罚?
最最重要的就是保证平等互利,就像我们的口号:“互助,共进。”我们这里没有什么固定死的条款公约,评判标准就是你有没有影响到其他流浪者的正常生活,或是有没有危害到公会本身。当然,高层人员也囊括在其中,大家都需要互相监督。
违反以上标准的会员会被处以警告处分,并从账户里扣除相应的信誉分,一旦信誉分被扣光,就会被取消会员资格。这不代表你不能在与公会接触,但直到你的信誉分回到及格水平之前,你都不再会是公会的一份子。(信誉分满分120分,及格线100分。)
论坛是什么?
论坛是我们锚点公会为了征集广大会员的意见而在网站内创立的讨论模块。这个模块现今已经十分地开放,以至于你可以建立一个自己的论坛、讨论串或帖子,来和其他会员谈论任何事情!当然,由普通会员和航标会员创建的条目将被归类为C级及以下,更高级别的条目只有高层会员有权限建立。
论坛亦分两种:
- 开放论坛:这种论坛一般没有特殊的标记和管理模式,大家可以畅所欲言。它们的属性一般是C级及以下;
- 特别论坛:这种论坛由高层会员创建或授权归类,标有【特别论坛】标记,一般是关系到特别的信息或活动。不同的特别论坛会面对不同级别的会员开放,参与讨论的会员应当遵守讨论规则、发表高质量发言。它们的属性因具体内容而异,覆盖面很广,下至D级、上至黑玛瑙。
我能看看你们的实验室吗?
不行。这涉及内部秘密。但我们授权公开的实验信息会在网页上发布。
你们与其他团体都是什么关系?
我们依靠外交与其他组织保持良好关系。
█ M.E.G:友好/合作关系
█ B.N.T.G.:友好/贸易关系
█ 卡拉格灵协会:友好/合作关系
█ 后室娱乐:中立/交流关系
█ E.P.B.:友好/合作关系
█ 速切玩家:友好/合作关系
█ U.E.C.:暂无/避免接触
我没法加入网站。这是怎么回事?急急急。
- 确保您待在信号稳定的地方;
- 确认网址是否正确;
- 确保已经登陆且完成实名认证。
- 另外,上报的问题反馈应当精简,尽量不要带有主观情绪语句,谢谢理解。
实名认证会不会泄露个人信息?
我认为没有这种可能,我们把会员个人信息的文件级别设为了黑玛瑙文件。
我的信誉分被扣了之后能加回来吗?
可以的。只要你长期内没有再次违反规定,我们就会考虑把你的信誉分加回来。你也可以通过以下方式回升信誉:
- 加入志愿者工作;
- 为公会的建设出资出力,并受到认可;
- 举报其他违规会员。
这里有什么不成文规定吗?
善待其他流浪者就好。最基本的规矩你可以请教阿尔戈斯之眼。
摘自锚点公会官方网站《常见问题与解答 (FAQ) 》
M.E.G.锚点前哨
- 由约50名主要成员组成。
- 负责与锚点公会展开密切交流,并管理该层级的社区。
- 并不对流浪者开放,但会参与锚点公会对外开展的活动等。
入口和出口
入口
- 找到一张锚点工会的切行海报,切入后即可来到Level NO-5。这些海报在任何锚点公会的基地和前哨都可以被轻松找到。然而,损坏的海报不具有这种功能。
- 从Level 11的一座地下车库可以来到该层级。
出口
- 通过上述的海报切出,可以来到与该海报上所标注的编号对应的层级,流浪者将会置身于该层级的公会基地或前哨中(若有),或是其中相对安全的某处。
- 该层级拥有更多已知出口,但绝大多数稳定性低或目的地过于危险,因此不做展示。这些出口暂时已被围挡封锁。
作者:Mimura Foxium
鸣谢:
pium /
chen114_ /
jz62 /
SagoEl_Salvador /
Justin ret
屏幕之外,文中图片由作者在前厅拍摄。
文中的部分超链接指向后室维基其他站点。
« Level MT-26 | Level MT-27 | Level MT-28 »




