
:root { --lh-red: #c0392b; --lh-blue: #2980b9; --lh-green: #27ae60; --lh-dark-green: #16a085; --lh-purple: #8e44ad; --lh-orange: #e67e22; --lh-yellow: #f1c40f; --lh-paper-bg: 255, 251, 240; --lh-string-color: 192, 57, 43; --lh-book-color: var(--gray-monochrome); --lh-tape-color: 90,90,90,0.3; --lh-white-bg: 249,249,249; --lh-dark-bg: 50, 50, 50; --lh-highlighter: var(--bright-accent); --lh-border-color: var(--gray-monochrome); --lh-wiki-note-color: var(--bright-accent) } /** * 旧代码合集 * 为了向下兼容而保留 */ .grid-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.grid-container,.grid-container [class*=grid]{box-sizing:border-box}[class*=grid]{padding:5px}.grid{width:100%}.grid-large{width:75%}.grid-big{width:50%}.grid-medium{width:33.33%}.grid-small{width:25%}@media screen and (min-width:768px){.wd-grid-large{width:75%}.wd-grid,.wd-grid-big{width:50%}.wd-grid-medium{width:33.33%}.wd-grid-small{width:25%}}.text-hover-hide{opacity:0;transition:opacity .3s}.text-hover-hide:hover{opacity:1}.text-block-hide{background:rgb(var(--black-monochrome));color:rgb(var(--black-monochrome));transition:background .3s}.text-block-hide:hover{background:0 0}.text-blur-hide,.text-blur-hover-hide{filter:blur(.3rem);-webkit-filter:blur(.3rem) transition: blur .3s}.text-blur-hover-hide:hover{filter:blur(0);-webkit-filter:blur(0)}.lyric-box{text-align:center;font-size:1.05rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.lyric-box p{margin:1.5em auto}.lyric-box.with-bigger-line p{margin:3em auto} /** * 便签纸 * notepaper */ .notepaper { background: linear-gradient(rgb(var(--lh-paper-bg)) 95%, #ddd 0); line-height: 2em; background-size: 100% 2em; background-attachment: local; border: 2em solid rgb(var(--lh-paper-bg)); box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.2); padding: 0; margin: 1em auto; box-sizing: border-box; position: relative } .notepaper p { margin: 0; font-size: 1.05rem; letter-spacing: 0.1rem; line-height: inherit } .notepaper.narrow, .notepaper.wide { width: 90% } @media screen and (min-width:768px){ .notepaper.narrow { width: 50% } .notepaper.wide { width: 75% } } .notepaper.tight { border-width: 1rem; border-left-width: 1.2rem; border-right-width: 1.2rem; line-height: 1.8em; background-size: 100% 1.8em; font-size: 13px } .notepaper.with-string::before { content: ''; width: 0.5em; height: 6rem; background: rgb(var(--lh-string-color)); top: -2rem; right: -1rem; display: block; position: absolute; box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2); clip-path: polygon(-100% -100%,100% 0%,100% 100%,50% 98%,0% 100%); } .notepaper.with-tape::before { content: ''; border: 1px solid #ddd; background: rgba(var(--lh-tape-color)); width: 1.5em; height: 4em; transform: rotate(45deg); display: block; position: absolute; top: -3em; left: -1.8em } .notepaper.tight.with-string::before { top: -1rem; right: -0.25rem; } .notepaper.tight.with-tape::before { top: -2.5em; left: -1.3em } .notepaper.page { min-height: 36em; counter-increment: page; display: flex; flex-direction: column; justify-content: space-between } @media screen and (min-width:768px){ .notepaper.page { width: 70% } } .notepaper.page:after { content: counter(page); display: block; text-align: center } .notepaper-group { counter-reset: page; } .book-pattern { display: flex; flex-wrap: wrap; flex-direction: row } .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 100% } @media screen and (min-width: 768px) { .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 50% } } .book-wrapper { background: rgb(var(--lh-book-color)); padding: 0.5rem; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2); border-radius: 5px; margin: 1rem auto } @media screen and (min-width: 768px) { .book-wrapper .notepaper { margin: 0 } } /** * 文字修饰 */ .text-highlighted { position: relative } .text-highlighted::before { content: ""; position: absolute; height: 0.9em; bottom: 2px; left: -2px; width: 105%; z-index: -1; background-color: rgb(var(--lh-highlighter)); opacity: .6; transform: skew(-15deg); transition: opacity .2s ease; border-radius: 3px 8px 10px 6px; transition: 0.1s ease background-color; } .text-underlined { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-wavy { text-decoration: underline wavy; text-underline-offset: 4px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-circled, .text-squared { display: inline-block; border: 2px solid rgb(var(--lh-highlighter)); border-radius: 100%; box-sizing: border-box } .text-squared { border-radius: 0 } .text-shadow { text-shadow: 0.075em 0.075em 0 rgb(var(--lh-highlighter)) } .text-highlighted.td-red::before { background: var(--lh-red) } .text-circled.td-red, .text-squared.td-red { border-color: var(--lh-red) } .text-underlined.td-red, .text-wavy.td-red { text-decoration-color: var(--lh-red) } .text-highlighted.td-blue::before { background: var(--lh-blue) } .text-circled.td-blue, .text-squared.td-blue { border-color: var(--lh-blue) } .text-underlined.td-blue, .text-wavy.td-blue { text-decoration-color: var(--lh-blue) } .text-highlighted.td-green::before { background: var(--lh-green) } .text-circled.td-green, .text-squared.td-green { border-color: var(--lh-green) } .text-underlined.td-green, .text-wavy.td-green { text-decoration-color: var(--lh-green) } .text-highlighted.td-darkgreen::before { background: var(--lh-dark-green) } .text-circled.td-darkgreen, .text-squared.td-darkgreen { border-color: var(--lh-dark-green) } .text-underlined.td-darkgreen, .text-wavy.td-darkgreen { text-decoration-color: var(--lh-dark-green) } .text-highlighted.td-purple::before { background: var(--lh-purple) } .text-circled.td-purple, .text-squared.td-purple { border-color: var(--lh-purple) } .text-underlined.td-purple, .text-wavy.td-purple { text-decoration-color: var(--lh-purple) } .text-highlighted.td-yellow::before { background: var(--lh-yellow) } .text-circled.td-yellow, .text-squared.td-yellow { border-color: var(--lh-yellow) } .text-underlined.td-yellow, .text-wavy.td-yellow { text-decoration-color: var(--lh-yellow) } .text-highlighted.td-orange::before { background: var(--lh-orange) } .text-circled.td-orange, .text-squared.td-orange { border-color: var(--lh-orange) } .text-underlined.td-orange, .text-wavy.td-orange { text-decoration-color: var(--lh-orange) } /* 隐藏文字 */ .text-blank { color: rgba(0,0,0,0) } .text-block { background: rgb(var(--black-monochrome)); color: rgb(var(--black-monochrome)); } .text-blur { filter: blur(0.3em); -webkit-filter: blur(0.3em) } .text-hoverback, .text-selectback { transition-duration: 0.3s; transition-property: background, transform, color } .text-blank.text-hoverback:hover, .text-blank.text-selectback::selection, .text-blank.text-selectback *::selection { color: rgb(var(--black-monochrome)) } .text-block.text-hoverback:hover { background: transparent!important } .text-block.text-selectback::selection, .text-block.text-selectback *::selection { color: rgb(var(--white-monochrome, 255, 255, 255)) } .text-blur.text-hoverback:hover { filter: blur(0)!important; -webkit-filter: blur(0)!important } /** * 附加项 */ .with-border, .with-box-style { border: 1px solid rgb(var(--bright-accent)) } .with-border-dark { border: 1px solid rgb(var(--black-monochrome)) } .with-border-light { border: 1px solid rgb(var(--white-monochrome)) } .with-border-thick { border-width: 2px } .with-shadow-sm { box-shadow: 0 0 0.1em rgba(0,0,0,0.2) } .with-shadow { box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2) } .with-shadow-lg { box-shadow: 0 0.15em 0.3em rgba(0,0,0,0.2) } .with-shadow-xl { box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.2) } .with-shadow-xxl { box-shadow: 0 0.25em 0.8em rgba(0,0,0,0.2) } .with-padding, .with-box-style { padding: 0.25em 1em } .with-p-sm { padding: 0.125em 0.5em } .with-p-lg { padding: 0.5em 2em } .with-margin, .with-box-style { margin: 1em auto } .with-m-sm { margin: 0.5em auto } .with-m-lg { margin: 2em auto } .with-narrow-width { width: 90%!important; margin-left: auto; margin-right: auto } @media screen and (min-width: 768px) { .with-narrow-width { width: 75%!important } } [class*="with-bg-"], [class*="with-bg-"] h1 { color: #fff!important } .with-bg-red { background: var(--lh-red)!important } .with-bg-blue { background: var(--lh-blue)!important } .with-bg-green { background: var(--lh-green)!important } .with-bg-darkgreen { background: var(--lh-dark-green)!important } .with-bg-yellow { background: var(--lh-yellow)!important } .with-bg-orange { background: var(--lh-orange)!important } .with-bg-purple { background: var(--lh-purple)!important } /** * 删除类 */ .offwith-shadow { box-shadow: none!important } .offwith-border { border: none!important } .offwith-padding, .offwith-pam { padding: 0!important } .offwith-margin, .offwith-pam { margin: 0!important } .offwith-width-limit { width: auto!important; margin-left: auto!important; margin-right: auto!important } div[class*="grider"].offwith-grid-gap { grid-gap: 0!important } /** * 网格布局 */ /* Gridder 容器 */ div[class*="gridder"] { display: grid; box-sizing: border-box; grid-gap: 1rem; padding: 0 } div[class*="gridder"] * { box-sizing: border-box } .gridder, .gridder-col-2 { grid-template-columns: 1fr 1fr; } .gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .gridder-col-4 { grid-template-columns: repeat(4, 1fr); } @media screen and (min-width: 768px) { .pc-gridder, .pc-gridder-col-2 { grid-template-columns: 1fr 1fr; } .pc-gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .pc-gridder-col-4 { grid-template-columns: repeat(4, 1fr); } } .spanner, .spanner-2 { grid-column-start: span 2; } .spanner-3 { grid-column-start: span 3; } /** * 告示组件 */ .signblock, .signblock-dark, .signblock-warn { margin: 1rem auto; box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.4); background: rgb(var(--lh-white-bg)); font-size: 1.05rem; padding: 2rem } @media screen and (min-width: 768px) { .signblock, .signblock-dark, .signblock-warn { width: 75% } } .signblock-dark, .signblock-dark h1 { background: rgb(var(--lh-dark-bg)); color: #fff } .signblock-warn, .signblock-warn h1 { background: var(--lh-red); color: #fff } .signblock h1, .signblock-dark h1, .signblock-warn h1 { text-align: center; font-size: 2rem; margin: 0; font-weight: 700 } .signblock-img { display: flex; flex-direction: row; justify-content: center } .signblock-img img { width: 8em } .signblock-footer { font-size: 0.9em; text-align: center; margin: 0.5rem 0; font-weight: bolder; display: block } /** * 报告 */ .reportblock, .reportblock-dark { border: 2px solid rgb(var(--lh-border-color)); box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3); background: rgb(var(--white-monochrome)); padding: 0.8rem 1.5rem; padding-bottom: 0.4rem; margin: 1.5rem auto; margin-bottom: 1rem; position: relative } .reportblock hr, .reportblock-dark hr { background-color: rgb(var(--lh-border-color)); margin-left: -1.5rem; margin-right: -1.5rem } .reportblock h1:first-child, .reportblock-dark h1:first-child { position: absolute; top: -1rem; left: 1.5rem; font-size: 110%; font-weight: 600; background: rgb(var(--lh-border-color)); color: #fff; padding: 0.2rem 0.5rem; margin: 0; } .reportblock-dark, .reportblock-dark h1 { border-color: rgb(var(--lh-white-bg)); background: rgb(var(--lh-dark-bg)); color: #fff } .reportblock-dark hr { background-color: rgb(var(--lh-white-bg)); } /* 更好的折叠框 */ .bettercollap { margin: 1em 0; } .bettercollap .collapsible-block { width: auto; overflow: hidden; border: 1px solid rgb(var(--lh-border-color)) } .bettercollap .collapsible-block-content, .bettercollap .collapsible-block-link { background: rgb(var(--white-monochrome)); padding: 0.5em } .bettercollap .collapsible-block-content { padding-left: 1em; padding-right: 1em } .bettercollap .collapsible-block-link { color: rgb(var(--lh-border-color)); background: rgb(var(--white-monochrome)); transition: .3s; display: block; } .bettercollap .collapsible-block-link:hover, .bettercollap .collapsible-block-unfolded .collapsible-block-link, .styledcollap.bettercollap .collapsible-block-link { color: rgb(var(--white-monochrome)); background: rgb(var(--lh-border-color))!important; text-decoration: none } .bettercollap .collapsible-block-link:hover a { color: rgb(var(--white-monochrome)) } .bettercollap .collapsible-block-link::before { content: "\25BC"; display: inline-block; margin-right: 0.5em; transform: rotate(-90deg) scale(0.9) } .bettercollap .collapsible-block-unfolded .collapsible-block-link::before { transform: rotate(0) scale(0.9) } .bettercollap .collapsible-block + .collapsible-block { border-top: none } .styledcollap.bettercollap .collapsible-block { border-radius: 2px; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3) } .styledcollap.bettercollap .collapsible-block-content { background-color: rgb(var(--pale-gray-monochrome)); border-width: 3px } .styledcollap.bettercollap .collapsible-block-link:hover { background: rgba(var(--lh-border-color),0.95)!important; } /** * 提示框 */ .infoblock { color: #f1f1f1; font-weight: bold; background: #424242; padding: 5px 5px 5px 5px; border-radius: 4px; margin: -0.5rem 0 1rem 0; display: block; width: fit-content; padding-right: 25px; } .infoblock::before { content: "ⓘ " } /** * 单页迭代 */ .offset-page:not(:target), .offset-page:target ~ div#u-default-page { display: none } .offset-page:target { display: block }
:root { /* 常规颜色 */ --sns-base-text-color: 0, 0, 0; --sns-border-color: var(--sns-base-text-color); --sns-gui-color: 100, 100, 100; --sns-button-color: 60, 60, 60; --sns-pressed-button-a-color: 48, 157, 219; --sns-pressed-button-b-color: 0, 200, 0; --sns-pressed-button-c-color: 200, 0, 0; --sns-pressed-button-d-color: 48, 157, 219; --sns-pressed-button-e-color: 48, 157, 219; --sns-locate-link-color: 138, 137, 136; --sns-normal-link-color: 2, 117, 224; --sns-intro-background-color: 0, 0, 0; /* 账号颜色 */ --administrator-account-color: 186, 186, 32; --general-account-color: 119, 111, 227; /* 深色模式下的颜色 */ --dark-sns-base-text-color: 255, 255, 255; --dark-sns-border-color: 190, 190, 190; --dark-sns-pressed-button-a-color: 48, 157, 219; --dark-sns-pressed-button-b-color: 90, 197, 90; --dark-sns-pressed-button-c-color: 197, 90, 90; --dark-sns-pressed-button-d-color: 48, 157, 219; --dark-sns-pressed-button-e-color: 48, 157, 219; --dark-sns-gui-color: 126, 124, 120; --dark-sns-button-color: 180, 180, 180; --dark-sns-locate-link-color: 200, 199, 198; --dark-sns-normal-link-color: 36, 149, 255; --dark-administrator-account-color: 224, 224, 80; --dark-general-account-color: 176, 170, 255; /* 账号头像图片的尺寸 */ --post-account-image-size: clamp(2.125rem, 1.761rem + 1.82vw, 3.125rem); /* 按钮使用的 Fontawesome 字符 */ --sns-button-a-content: "\f0e5"; --sns-pressed-button-a-content: "\f075"; --sns-button-b-content: "\f087"; --sns-pressed-button-b-content: "\f164"; --sns-button-c-content: "\f088"; --sns-pressed-button-c-content: "\f165"; --sns-button-d-content: "\f097"; --sns-pressed-button-d-content: "\f02e"; --sns-button-e-content: "\f08e"; --sns-pressed-button-e-content: var(--sns-button-e-content); } /* 帖子整体 */ .post-wrap { position: relative; overflow: hidden; border-top: 1px solid rgb(var(--sns-border-color)); border-bottom: 1px solid rgb(var(--sns-border-color)); } .sns-intro + .sns-intro .post-wrap, .sns-intro + br + .sns-intro .post-wrap, .sns-intro + br + br + .sns-intro .post-wrap, .sns-intro + br + br + br + .sns-intro .post-wrap, .sns-intro + br + br + br + br + .sns-intro .post-wrap { border-top: none; } .post-wrap:not(.post-reply-false) { margin-left: 1.5rem; padding-left: 0.5rem; } /* 帖子版头 */ .post-header { display: grid; grid-template-areas: "sender-image sender-info sender-more" "sender-image sender-locate sender-locate"; grid-template-columns: calc(var(--post-account-image-size) + 6px) 1fr 24px; grid-template-rows: 1fr 1fr; padding-top: 1.2rem; width: 100%; } .sender-image { grid-area: sender-image; display: flex; justify-content: center; align-items: flex-start; } .account-image { height: var(--post-account-image-size); width: var(--post-account-image-size); overflow: clip; overflow-clip-margin: content-box; object-fit: cover; border: 1px solid rgb(var(--sns-gui-color)); border-radius:50%; position: relative; user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; } .sender-info { grid-area: sender-info; padding-left: 6px; vertical-align: middle; left: 55px; width: 100%; } .sender-info span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: larger; margin: 0; padding: 0; vertical-align: middle; } .sender-info .sender-account-name { --wght: 700; color: rgb(var(--sns-base-text-color)); font-weight: 700; padding-right: 0.5rem; } .sender-info .sender-account-id { --wght: 700; color: rgb(var(--sns-gui-color)); font-weight: 700; } .sender-info .sender-post-time { color: rgb(var(--sns-gui-color)); } .sender-post-time.time-false { display: none; } .sender-more { grid-area: sender-more; color: rgb(var(--sns-gui-color)); display: flex; align-items: center; justify-content: center; width: 100%; user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; } .sender-locate { grid-area: sender-locate; color: rgb(var(--sns-gui-color)); padding-left: 6px; vertical-align: middle; width: 100%; } .sender-locate.locate-false { display: none; } .sns-locate-link.locate-link-false { pointer-events: none; } .sns-locate-link:is(*, :hover, :active, :focus, :focus-within) { color:rgb(var(--sns-locate-link-color)); } /* 帖子正文 */ .post-body { padding-left: calc(var(--post-account-image-size) + 6px); position: relative; border: none; color: rgb(var(--sns-base-text-color)); padding-top: 2rem; font-size: clamp(0.97rem, 0.923rem + 0.24vw, 1.1rem); } .post-body :is(a, a.visited, a.newpage):is(*, :hover, :active, :focus, :focus-within) { color: rgb(var(--sns-normal-link-color)); } .post-header:not(:has(.hide-locate-false)) + .post-body { padding-top: 0; } .attached-image:not(.attached-image-false) { border: 1px solid rgb(var(--sns-gui-color)); border-radius: 16px; margin-top: 1em; user-drag: none; -webkit-user-drag: none; -moz-user-select: none; user-select: none; -webkit-user-select: none; width: calc(100% - 3px); } .attached-image-false { display: none; } /* 帖子末尾 */ .post-footer { padding: 1rem 0 1rem calc(var(--post-account-image-size) + 6px); color: rgb(var(--sns-gui-color)); user-select: none; -moz-user-select: none; -webkit-user-select: none; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .post-footer-button { font-size: clamp(0.625rem, 0.475rem + 0.75vw, 1.038rem); color: rgb(var(--sns-button-color)); cursor: pointer; display: inline-flex; align-items: center; line-height: .75rem; vertical-align: -15%; position: relative; } .post-footer-button .fa { font-size: 1.33333333em; text-rendering: auto; transform: translate(0, 0); transition: color .3s cubic-bezier(.4,0,.2,1); } .post-footer-button-number { position: absolute; padding-left: 1.5em; transition: color .3s cubic-bezier(.4,0,.2,1); } .post-footer-button-a:hover, .post-footer-button-a:not(.button-press-false) { color: rgb(var(--sns-pressed-button-a-color)); } .post-footer-button-a .fa::before { content: var(--sns-button-a-content); } .post-footer-button-a:not(.button-press-false) .fa::before { color: rgb(var(--sns-pressed-button-a-color)); content: var(--sns-pressed-button-a-content); } .post-footer-button-b:hover, .post-footer-button-b:not(.button-press-false) { color: rgb(var(--sns-pressed-button-b-color)); } .post-footer-button-b .fa::before { content: var(--sns-button-b-content); } .post-footer-button-b:not(.button-press-false) .fa::before { color: rgb(var(--sns-pressed-button-b-color)); content: var(--sns-pressed-button-b-content); } .post-footer-button-c:hover, .post-footer-button-c:not(.button-press-false) { color: rgb(var(--sns-pressed-button-c-color)); } .post-footer-button-c .fa::before { content: var(--sns-button-c-content); } .post-footer-button-c:not(.button-press-false) .fa::before { color: rgb(var(--sns-pressed-button-c-color)); content: var(--sns-pressed-button-c-content); } .post-footer-button-d:hover, .post-footer-button-d:not(.button-press-false) { color: rgb(var(--sns-pressed-button-d-color)); } .post-footer-button-d .fa::before { content: var(--sns-button-d-content); } .post-footer-button-d:not(.button-press-false) .fa::before { color: rgb(var(--sns-pressed-button-d-color)); content: var(--sns-pressed-button-d-content); } .post-footer-button-e:hover, .post-footer-button-e:not(.button-press-false) { color: rgb(var(--sns-pressed-button-e-color)); } .post-footer-button-e .fa::before { content: var(--sns-button-e-content); } .post-footer-button-e:not(.button-press-false) .fa::before { color: rgb(var(--sns-pressed-button-e-color)); content: var(--sns-pressed-button-e-content); } /* sns-intro */ .sns-intro:not(.intro-false) { margin: 2em -6em; padding: 6em 6em 27em 6em; background: linear-gradient(rgb(var(--sns-intro-background-color)), rgb(var(--sns-intro-background-color)), transparent); z-index: -2; border-top-left-radius: 16px; border-top-right-radius: 16px; --sns-base-text-color: var(--dark-sns-base-text-color); --sns-border-color: var(--dark-sns-border-color); --sns-pressed-button-a-color: var(--dark-sns-pressed-button-a-color); --sns-pressed-button-b-color: var(--dark-sns-pressed-button-b-color); --sns-pressed-button-c-color: var(--dark-sns-pressed-button-c-color); --sns-pressed-button-d-color: var(--dark-sns-pressed-button-d-color); --sns-pressed-button-e-color: var(--dark-sns-pressed-button-e-color); --sns-gui-color: var(--dark-sns-gui-color); --sns-button-color: var(--dark-sns-button-color); --sns-locate-link-color: var(--dark-sns-locate-link-color); --administrator-account-color: var(--dark-administrator-account-color); --general-account-color: var(--dark-general-account-color); } .sns-intro:not(.intro-false) .post-wrap { border: none; } @media only screen and (max-width: 1040px) { .sns-intro:not(.intro-false) { margin: 2em 0; padding: 6em 3em 27em 3em; } } @media only screen and (max-width: 540px) { .sns-intro:not(.intro-false) { padding: 6em 0 27em 0; } }
/* The Ourrooms - 深色主题 */ :root { --sns-base-text-color: var(--dark-sns-base-text-color); --sns-border-color: var(--dark-sns-border-color); --sns-pressed-button-a-color: var(--dark-sns-pressed-button-a-color); --sns-pressed-button-b-color: var(--dark-sns-pressed-button-b-color); --sns-pressed-button-c-color: var(--dark-sns-pressed-button-c-color); --sns-pressed-button-d-color: var(--dark-sns-pressed-button-d-color); --sns-pressed-button-e-color: var(--dark-sns-pressed-button-e-color); --sns-gui-color: var(--dark-sns-gui-color); --sns-button-color: var(--dark-sns-button-color); --sns-locate-link-color: var(--dark-sns-locate-link-color); --sns-normal-link-color: var(--dark-sns-normal-link-color); --administrator-account-color: var(--dark-administrator-account-color); --general-account-color: var(--dark-general-account-color); }
:root { --ani-speed: 1; } /*====所有的动画===*/ /*基础*/ @keyframes rightin0{ 0%{ transform:translateX(-1rem); opacity:0; } 100%{ transform:translateX(0); opacity:1; } } @keyframes upin0{ 0%{ transform:translateY(1rem); opacity:0; } 100%{ transform:translateY(0); opacity:1; } } @keyframes staggerUp { 0% { transform: translateY(1.2rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes opacity-1 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes letter-spacing-opacity { 0% { letter-spacing: 10px; opacity: 0; } 100% { letter-spacing: 0; opacity: 1; } } @keyframes fadeInScale { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes blur5 { 0% { filter: blur(5px); } 100% { filter: blur(0px); } } @keyframes fadeIn-sd { 0% {clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);} 100% {clip-path: polygon(0% 0%,110% 0%, 100% 100%,0% 100%);} } @keyframes rightin{ 0%{ transform:translateX(-1rem); opacity:0; } 80%{ transform:translateX(-1rem); opacity:0; } 100%{ transform:translateX(0); opacity:1; } } @keyframes rras-space{ from { transform:rotateX(90deg); } to{ transform:rotateX(0deg); } } @keyframes leftin{ 0%{ transform:translateX(1rem); opacity:0; } 80%{ transform:translateX(1rem); opacity:0; } 100%{ transform:translateX(0); opacity:1; } } @keyframes leftin0{ 0%{ transform:translateX(1rem); opacity:0; } 100%{ transform:translateX(0); 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 sd-diamond-pattern { 0% { opacity: 0; } 100% { opacity: 0.15; } } /* 这什么逆天写法 transform: translateX(-1rem); transform: rotate(30deg); */ @keyframes ic-right { 0% { transform: translateX(-1rem) rotate(30deg); opacity: 0; } 80% { transform: translateX(-1rem) rotate(30deg); opacity: 0; } 100% { transform: translateX(0) 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); } } @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; } } @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; } } @keyframes cecs-stripe { to { opacity: 1; transform: skew(45deg); } } @keyframes cecs-class-wrapper { to { background-color: rgb(var(--cecs-dark)); } } @keyframes cecs-class-clip { 0% { clip-path: polygon(0% 0%,0.5em 0%, 0.5em 0%,0% 0%); } 25% { clip-path: polygon(0% 0%,0.5em 0%, 0.5em 100%,0% 100%); } 100% { clip-path: polygon(0% 0%,100% 0%, 100% 100%,0% 100%); } } @keyframes cecs-border-top { 0% { border-top: rgb(var(--cecs-accent)) solid 0em; } 100% { border-top: rgb(var(--cecs-accent)) solid 0.2em; } } @keyframes fadeIn-cecs-wrapper { 0% { clip-path: polygon(0% 0%,100% 0%, 100% -10%,0% 0%); } 100% { clip-path: polygon(0% 0%,100% 0%, 100% 100%,0% 100%); } } @keyframes cocs-safety { to { height: 4.5em; } } @keyframes cocs-border-top { 0% { border-top: rgb(var(--cocs-accent)) solid 0em; } 100% { border-top: rgb(var(--cocs-accent)) solid 0.2em; } } @keyframes cocs-border-bottom { 0% { border-bottom: rgba(var(--cocs-accent),0) solid 0em; } 100% { border-bottom: rgba(var(--cocs-accent),1) solid 0.2em; } } @keyframes fadeIn-cecs-wrapper { 0% { clip-path: polygon(0% 0%,100% 0%, 100% -10%,0% 0%); } 100% { clip-path: polygon(0% 0%,100% 0%, 100% 100%,0% 100%); } } @keyframes paper-in{ from{transform: skew(10deg, 10deg) scale(0.8);opacity: 0;} to{ transform: skew(0deg, 0deg) scale(1);opacity: 1;} } @keyframes paper-in-object{ from{transform: skew(0);opacity: 0;} to{ transform: skew(45deg);opacity: 1;} } @keyframes ebcs-iets{ 0%{ box-shadow: inset var(--box-shadow, 0 0.05rem 0.15rem rgba(0, 0, 0, 0)); background-color: rgb(var(--blockquote-bg-color, 0, 10, 8, 0)); opacity: 0; } 1%{ opacity: 1; } 100%{ box-shadow: inset var(--box-shadow, 0 0.05rem 0.15rem rgba(0, 0, 0, 0.4)); background-color: rgb(var(--blockquote-bg-color, 0, 10, 8, 0.03)); opacity: 1; } } @keyframes dark-bd{ to{ border-bottom: solid 0.1em rgba(255,255,255,1); } } @keyframes standard-bd{ to{ border-bottom: solid 0.1em rgba(51,51,51,1); } } /*======最基本的SD=====*/ /*简写了下,另外我在思考为啥看起来一样的代码又出错了*/ /* */ .sd-container{animation-fill-mode: forwards;} .sd-container .top-box, .top-box-x,.top-box-e{ animation: fadeIn-sd calc(2s / var(--ani-speed) ); } .sd-container .top-text, .top-text-x,.top-text-e{ animation: rightin calc(2.25s / var(--ani-speed) ); } .sd-container .bottom-text, .bottom-text-x,.bottom-text-e{ animation: rightin calc(2.5s / var(--ani-speed) ); } .sd-container .diamondy, .diamondy-x,.diamondy-e{ animation: upin1 calc(3s / var(--ani-speed) ); } .sd-container .diamond-image, .diamond-image-x,.diamond-image-e { animation: upin2 calc(4s / var(--ani-speed) ); } .sd-container .bottom-box ul li { opacity: 0; animation: staggerUp calc(0.6s / var(--ani-speed)) ease-out forwards; } .sd-container .bottom-box ul li:nth-child(1) { animation-delay: calc(2.2s / var(--ani-speed)); } .sd-container .bottom-box ul li:nth-child(2) { animation-delay: calc(2.4s / var(--ani-speed)); } .sd-container .bottom-box ul li:nth-child(3) { animation-delay: calc(2.6s / var(--ani-speed)); } .sd-container .diamond-pattern { animation: sd-diamond-pattern calc(0.5s / var(--ani-speed)) forwards; animation-delay: calc(2.5s / var(--ani-speed)); } .sd-container .header-diamond .bg{ opacity: 0; animation: opacity-1 calc(0.5s / var(--ani-speed)) forwards; animation-delay: calc(2.5s / var(--ani-speed)); } /* */ /*RRAS,我寻思是*/ /* {$rras}/ .rras--level span{ opacity: 0; opacity: 0; animation: letter-spacing-opacity calc(1s / var(--ani-speed) ) forwards , rightin0 calc(1s / var(--ani-speed) ) forwards , blur5 calc(1s / var(--ani-speed) ) forwards ; } .rras--bg { clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%); animation: fadeIn-sd calc(1s / var(--ani-speed) ) forwards; } .rras--text{ opacity: 0; animation: fadeInScale calc(0.7s / var(--ani-speed) ) calc(1.7s / var(--ani-speed) ) forwards; } .rras--space{ transform:rotateX(90deg); animation: rras-space calc(0.7s / var(--ani-speed) ) calc(1s / var(--ani-speed) ) forwards; } .rras .rras--info{ opacity: 0; animation: fadeInScale calc(0.7s / var(--ani-speed) ) calc(1s / var(--ani-speed) ) forwards , blur5 calc(0.7s / var(--ani-speed) ) calc(1s / var(--ani-speed) ) forwards; } /{$rras} */ /*FDSD*/ /* {$fdsd}/ .title-bar{ animation: fadeIn-sd calc(1s / var(--ani-speed) ); } .sd-image{ animation: upin1 calc(2s / var(--ani-speed) ); } .list-item{ opacity:0; } .list-item:nth-child(1) { animation: rightin0 calc(0.5s / var(--ani-speed) ) calc(1.5s / var(--ani-speed)) forwards; } .list-item:nth-child(2) { animation: rightin0 calc(0.5s / var(--ani-speed) ) calc(1.7s / var(--ani-speed)) forwards; } .list-item:nth-child(3) { animation: rightin0 calc(0.5s / var(--ani-speed) ) calc(1.9s / var(--ani-speed)) forwards; } /{$fdsd} */ /*====================岛屿分级系统================*/ /* {$ic}/ .ic_wrap-box .ic_top-left-box { animation: right0 calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_top-left-box .ic_text { animation: right0 calc(1.1s / var(--ani-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_h-icon { animation: ic-right calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--ani-speed)); opacity: 0; } .ic_wrap-box .ic_r-icon { animation: ic-right calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.4s / var(--ani-speed)); opacity: 0; } .ic_wrap-box .ic_s-icon { animation: ic-right calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--ani-speed)); opacity: 0; } .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(--ani-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(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--ani-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(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--ani-speed)); } .ic_wrap-box .ic_sd-box .ic_text { animation: rightin2 calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_sd-box .ic_sd { animation: rightin2 calc(1.1s / var(--ani-speed) ); animation-fill-mode: forwards; } .ic_wrap-box .ic_infobox-1 .ic_text { animation: rightin calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--ani-speed)); } .ic_wrap-box .ic_infobox-1 .ic_info { animation: rightin calc(1.1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.1s / var(--ani-speed)); } .ic_wrap-box .ic_infobox-2 .ic_text { animation: rightin calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--ani-speed)); } .ic_wrap-box .ic_infobox-2 .ic_info { animation: rightin calc(1.1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.2s / var(--ani-speed)); } .ic_wrap-box .ic_infobox-3 .ic_text { animation: rightin calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--ani-speed)); } .ic_wrap-box .ic_infobox-3 .ic_info { animation: rightin calc(1.1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--ani-speed)); } .ic_wrap-box .ic_add-h { clip-path: polygon(50% 0%,50% 0%,50% 100%,50% 100%); animation: ic-add-h calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.3s / var(--ani-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(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.4s / var(--ani-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(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--ani-speed)); } .ic_wrap-box .ic_add-h .ic_text { animation: rightin2 calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--ani-speed)); } .ic_wrap-box .ic_add-h .ic_info { animation: rightin calc(1.1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.5s / var(--ani-speed)); } .ic_wrap-box .ic_add-r .ic_text { animation: rightin2 calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.6s / var(--ani-speed)); } .ic_wrap-box .ic_add-r .ic_info { animation: rightin calc(1.1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.6s / var(--ani-speed)); } .ic_wrap-box .ic_add-s .ic_text { animation: rightin2 calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--ani-speed)); } .ic_wrap-box .ic_add-s .ic_info { animation: rightin calc(1.1s / var(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--ani-speed)); } .ic_addbox .ic_text,.ic_addbox .ic_info{ opacity: 0; } .ic_top-box { animation: ic-border calc(1s / var(--ani-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(--ani-speed) ); animation-fill-mode: forwards; animation-delay: calc(0.7s / var(--ani-speed)); } /{$ic} */ /*====================新版层级================*/ /* {$nusd}/ .sdnumber p { opacity: 0; animation: right0 calc(2s / var(--ani-speed)); animation-fill-mode: forwards; } .sdnumber p { opacity: 0; animation: right0 calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } .sdnumber strong { opacity: 0; animation: right0 calc(1.2s / var(--ani-speed) ); animation-fill-mode: forwards; } .sdnumber .lines { opacity: 0; animation: fadeIn-nu-sd calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } .sd-container .exit { animation: fadeIn-nu-exit calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } .sd-container .environment { animation: fadeIn-nu-env calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } .sd-container .entity { animation: fadeIn-nu-enti calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } .sd-container .syntax .sd{ animation: rightin calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } .sd-container .syntax p strong { animation: rightin calc(1.05s / var(--ani-speed) ); animation-fill-mode: forwards; } .class.customclass strong::after{ animation: no-opacity calc(1.05s / var(--ani-speed) ); animation-fill-mode: forwards; } .sd-container .exit strong { animation: rightin2 calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } .sd-container .exit p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--ani-speed) ); animation-fill-mode: forwards; } .sd-container .environment strong { animation: rightin2 calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } .sd-container .environment p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--ani-speed) ); animation-fill-mode: forwards; } .sd-container .entity strong { animation: rightin2 calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } .sd-container .entity p span:nth-child(3) { animation: rightin2 calc(1.1s / var(--ani-speed) ); animation-fill-mode: forwards; } @media only screen and (min-width: 1071px) { .sd-container .border { animation: border-spin-pc calc(1s / var(--ani-speed) ); transform-origin: right; } .sdnumber p { animation-delay: calc((2s / var(--ani-speed))*0.6); } .sdnumber p { animation-delay: calc((1s / var(--ani-speed))*0.6); } .sdnumber strong { animation-delay: calc((1.2s / var(--ani-speed))*0.6); } .sdnumber .lines { animation-delay: calc((1s / var(--ani-speed))*0.6); } } @media only screen and (min-width: 620px) and (max-width: 1070px) { .sd-container .border { animation: border-spin-mo calc(1s / var(--ani-speed) ); animation-fill-mode: forwards; } } @media only screen and (max-width: 620px) { .sd-container .border { animation: border-spin-mo calc(1s / var(--ani-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(--ani-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(--ani-speed) ); animation-fill-mode: forwards; } } /{$nusd} */ /*===================标签式分级系统================*/ /* 难做的钥匙啊 */ /* {$bqsd}/ .block-right{ opacity: 0; transform: translateX(1rem); animation: leftin calc(1s / var(--ani-speed)) forwards; } .block-right .diamond-image{ clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%); animation: fadeIn-sd calc(1s / var(--ani-speed)) forwards; animation-delay: calc(1s / var(--ani-speed)); } .class-inner a{ animation: letter-spacing-opacity calc(1s / var(--ani-speed)) forwards,blur5 calc(1s / var(--ani-speed)) forwards; filter: blur(5px); letter-spacing: 10px; opacity: 0; } .level-wrapper:nth-of-type(3){ opacity: 0; animation: rightin calc(0.5s / var(--ani-speed)) ease-out forwards; animation-delay: calc(1s / var(--ani-speed)); } .level-wrapper:nth-of-type(4){ opacity: 0; animation: rightin calc(0.5s / var(--ani-speed)) ease-out forwards; animation-delay: calc(1.25s / var(--ani-speed))!important; } .level-wrapper:nth-of-type(5){ opacity: 0; animation: rightin calc(0.5s / var(--ani-speed)) ease-out forwards; animation-delay: calc(1.5s / var(--ani-speed))!important; } .properties{ transform: scale(0.8) translateY(1.2rem); opacity: 0; filter: blur(5px); animation: staggerUp calc(3s / var(--ani-speed)) forwards calc(2s / var(--ani-speed)),blur5 calc(2s / var(--ani-speed)) forwards calc(2s / var(--ani-speed)),fadeInScale calc(1s / var(--ani-speed)) forwards calc(2s / var(--ani-speed)); } /{$bqsd} */ /*PLS现象组件*/ /* {$pls}/ .pls .pls-title em { opacity: 0; } .pls .pls-title .pls-subtitle { clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%); animation: fadeIn-sd calc(1s / var(--ani-speed)) forwards; } .pls .pls-title em { opacity: 0; animation: letter-spacing-opacity calc(1s / var(--ani-speed)) forwards; animation-delay: calc(1s / var(--ani-speed)); } .pls .pls-list li { opacity: 0; animation: staggerUp calc(0.6s / var(--ani-speed)) ease-out forwards; } .pls .pls-list li:nth-child(1) { animation-delay: calc(1.2s / var(--ani-speed)); } .pls .pls-list li:nth-child(2) { animation-delay: calc(1.4s / var(--ani-speed)); } .pls .pls-list li:nth-child(3) { animation-delay: calc(1.6s / var(--ani-speed)); } .pls-icon { opacity: 0; animation: fadeInScale calc(0.8s / var(--ani-speed)) forwards; animation-delay: calc(1.8s / var(--ani-speed)); position: relative; } .pls-icon:before { animation: blur5 calc(0.8s / var(--ani-speed)) forwards; animation-delay: calc(1.8s / var(--ani-speed)); position: relative; } .pls-icon-title { opacity: 0; animation: staggerUp calc(0.6s / var(--ani-speed)) forwards; animation-delay: calc(2.2s / var(--ani-speed)); display: inline-block; } .pls-side p span { opacity: 0; display: inline-block; animation: staggerUp calc(0.5s / var(--ani-speed)) forwards; animation-delay: calc(2.3s / var(--ani-speed)); } @media screen and (max-width: 768px) { .pls .pls-title em { animation-delay: calc(0s / var(--ani-speed)); } .pls .pls-list li:nth-child(1) { animation-delay: calc(0.5s / var(--ani-speed)); } .pls .pls-list li:nth-child(2) { animation-delay: calc(0.7s / var(--ani-speed)); } .pls .pls-list li:nth-child(3) { animation-delay: calc(0.9s / var(--ani-speed)); } .pls-icon { animation-delay: calc(1.2s / var(--ani-speed)); } .pls-icon:before { animation-delay: calc(1.2s / var(--ani-speed)); } .pls-icon-title { animation-delay: calc(1.8s / var(--ani-speed)); } .pls-side p span { animation-delay: calc(1.9s / var(--ani-speed)); } } /{$pls} */ /*统合实体分类系统*/ /* {$cecs}/ .class-wrapper { clip-path: polygon(0% 0%,0.5em 0%, 0.5em 0%,0% 0%); background-color: rgb(var(--cecs-light)); animation: cecs-class-wrapper calc(1s / var(--ani-speed)) calc(4s / var(--ani-speed)) forwards , cecs-class-clip calc(1.1s / var(--ani-speed)) calc(2.9s / var(--ani-speed)) forwards; } .class-stripe { opacity: 0; transform: skew(0deg); animation: cecs-stripe calc(0.5s / var(--ani-speed)) calc(4s / var(--ani-speed)) forwards; } .class-label { z-index: 1; opacity: 0; animation: rightin0 calc(0.5s / var(--ani-speed)) calc(3.5s / var(--ani-speed)) forwards; } .class-inner { opacity: 0; animation: rightin0 calc(0.5s / var(--ani-speed)) calc(3.7s / var(--ani-speed)) forwards; } .properties-label { opacity: 0; animation: upin0 calc(0.5s / var(--ani-speed)) calc(4.2s / var(--ani-speed)) forwards; } .properties { animation: blur5 calc(0.5s / var(--ani-speed)) calc(4.2s / var(--ani-speed)) forwards , fadeInScale calc(0.5s / var(--ani-speed)) calc(4.2s / var(--ani-speed)) forwards; opacity: 0; } .wrapper .label-wrapper .hexa-outerline .hexa-midline { opacity: 0; animation: fadeInScale calc(0.5s / var(--ani-speed)) forwards; } .wrapper .label-wrapper .hexa-outerline .hexa-innerline { opacity: 0; animation: fadeInScale calc(0.5s / var(--ani-speed)) forwards; animation-delay: calc(0.2s / var(--ani-speed)); } .wrapper div .label-wrapper .label strong { opacity: 0; animation: rightin0 calc(1s / var(--ani-speed) ) forwards; animation-delay: calc(0.2s / var(--ani-speed)); } .cecs-wrapper { border-top: rgb(var(--cecs-accent)) solid 0em; animation: cecs-border-top calc(1s / var(--ani-speed) ) forwards; animation-delay: calc(0.2s / var(--ani-speed)); } .cecs-wrapper .base,.cecs-wrapper .base:after { opacity: 0; animation: opacity-1 calc(1s / var(--ani-speed) ) forwards; animation-delay: calc(1.2s / var(--ani-speed)); } .cecs-wrapper .last-stripe { opacity: 0; animation: rightin0 calc(1s / var(--ani-speed) ) forwards; animation-delay: calc(1.2s / var(--ani-speed)); } .cecs-wrapper .text-box { opacity: 0; animation: fadeInScale calc(0.8s / var(--ani-speed)) forwards; animation-delay: calc(1.8s / var(--ani-speed)); } .cecs-wrapper .iets:before { clip-path: polygon(0% 0%,100% 0%, 100% -10%,0% 0%); animation: fadeIn-cecs-wrapper calc(1s / var(--ani-speed) ) forwards; animation-delay: calc(1.8s / var(--ani-speed)); } .iets-wrapper strong { opacity: 0; animation: rightin0 calc(0.5s / var(--ani-speed) ) forwards; animation-delay: calc(2.8s / var(--ani-speed)); } .iets-wrapper .iets-val strong { opacity: 0; animation: rightin0 calc(0.5s / var(--ani-speed) ) forwards , blur5 calc(0.4s / var(--ani-speed) ) forwards; animation-delay: calc(2.9s / var(--ani-speed)); } /{$cecs} */ /*物品*/ /* 跟HW的实体那个略微改了一下 */ /* {$cocs}/ .cocs-wrapper + div { clip-path: polygon(0% 0%,0.5em 0%, 0.5em 0%,0% 0%); animation: cecs-class-clip calc(1.1s / var(--ani-speed)) calc(2.5s / var(--ani-speed)) forwards; } .wrapper .label-wrapper .hexa-outerline .hexa-midline { opacity: 0; animation: fadeInScale calc(0.5s / var(--ani-speed)) forwards; } .wrapper .label { animation: letter-spacing-opacity calc(0.5s / var(--ani-speed) ) forwards; animation-delay: calc(1s / var(--ani-speed)); opacity: 0; } .wrapper .label-wrapper .hexa-outerline .hexa-innerline { opacity: 0; animation: fadeInScale calc(0.5s / var(--ani-speed)) forwards; animation-delay: calc(0.2s / var(--ani-speed)); } div[class*=base2] { height: 0; animation: cocs-safety calc(0.5s / var(--ani-speed)) forwards; animation-delay: calc(2.2s / var(--ani-speed)); } div[class*=custom-color] { height: 0; animation: cocs-safety calc(0.5s / var(--ani-speed)) forwards; animation-delay: calc(2.2s / var(--ani-speed)); } .purpose-stripe { opacity: 0; z-index: 3; animation: paper-in-object calc(0.4s / var(--ani-speed)) calc(3.4s / var(--ani-speed)) forwards,blur5 calc(0.5s / var(--ani-speed)) calc(3.2s / var(--ani-speed)) forwards; } .purpose-label { z-index: 2; opacity: 0; animation: rightin0 calc(0.5s / var(--ani-speed)) calc(3.4s / var(--ani-speed)) forwards; } .cocs-purpose { opacity: 0; z-index: 1; animation: fadeInScale calc(0.5s / var(--ani-speed)) calc(3s / var(--ani-speed)) forwards,blur5 calc(0.5s / var(--ani-speed)) calc(3s / var(--ani-speed)) forwards; } .purpose-inner { opacity: 0; z-index: 2; animation: rightin0 calc(0.5s / var(--ani-speed)) calc(3.4s / var(--ani-speed)) forwards; } .cocs-wrapper { border-top: rgba(var(--cocs-accent),0) solid 0em; animation: cocs-border-top calc(1s / var(--ani-speed) ) forwards calc(0.2s / var(--ani-speed)), cocs-border-bottom calc(1s / var(--ani-speed)) backwards calc(2.3s / var(--ani-speed)); } .cocs-wrapper .base, .cocs-wrapper .base:after { opacity: 0; animation: opacity-1 calc(1s / var(--ani-speed) ) forwards; animation-delay: calc(1.2s / var(--ani-speed)); } .cocs-wrapper .last-stripe { opacity: 0; animation: rightin0 calc(1s / var(--ani-speed) ) forwards; animation-delay: calc(1.2s / var(--ani-speed)); } .cocs-wrapper .text-box { opacity: 0; animation: fadeInScale calc(0.8s / var(--ani-speed)) forwards; animation-delay: calc(1.8s / var(--ani-speed)); } .status { animation: blur5 calc(0.5s / var(--ani-speed)) calc(4.4s / var(--ani-speed)) forwards , fadeInScale calc(0.5s / var(--ani-speed)) calc(4.4s / var(--ani-speed)) forwards; opacity: 0; } .status-label { opacity: 0; animation: upin0 calc(0.5s / var(--ani-speed)) calc(4.2s / var(--ani-speed)) forwards; } /{$cocs} */ /*实体生物学分类系统*/ /* {$ebcs}/ .ebcs{ transform: skew(10deg, 10deg); opacity: 0; animation: paper-in calc(0.8s / var(--ani-speed)) calc(0s / var(--ani-speed)) forwards; } .ebcs-title h2{ transform:translateX(-1rem); opacity:0; animation: rightin0 calc(0.5s / var(--ani-speed)) calc(0.85s / var(--ani-speed)) forwards; } .ebcs-number p span{ opacity: 0; animation: leftin0 calc(0.5s / var(--ani-speed)) calc(0.87s / var(--ani-speed)) forwards; } .ebcs-number p strong{ letter-spacing: 10px; opacity: 0; animation: letter-spacing-opacity calc(0.5s / var(--ani-speed)) calc(0.9s / var(--ani-speed)) forwards; } .ebcs-iets{ animation: ebcs-iets calc(1.5s / var(--ani-speed)) calc(1s / var(--ani-speed)) forwards; box-shadow: inset var(--box-shadow, 0 0.05rem 0.15rem rgba(0, 0, 0, 0)); background-color: rgb(var(--blockquote-bg-color, 0, 10, 8, 0)); opacity: 0; } .ebcs-iets strong{ animation: blur5 calc(1.5s / var(--ani-speed)) calc(1s / var(--ani-speed)) forwards , opacity-1 calc(1.5s / var(--ani-speed)) calc(2s / var(--ani-speed)) forwards; opacity: 0; } .ebcs-meta span:nth-child(1){ opacity: 0; animation: rightin0 calc(0.5s / var(--ani-speed)) calc(2s / var(--ani-speed)) forwards; } .ebcs-meta span:nth-child(3){ opacity: 0; animation: rightin0 calc(0.5s / var(--ani-speed)) calc(2.25s / var(--ani-speed)) forwards; } .ebcs-meta span:nth-child(5){ opacity: 0; animation: rightin0 calc(0.5s / var(--ani-speed)) calc(2.5s / var(--ani-speed)) forwards; } .ebcs-des{ animation: fadeIn-sd calc(1s / var(--ani-speed)) calc(2.5s / var(--ani-speed)) forwards; clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%); } .ebcs-img{ opacity: 0; animation: blur5 calc(1s / var(--ani-speed)) calc(2.5s / var(--ani-speed)) forwards , fadeInScale calc(1s / var(--ani-speed)) calc(2.5s / var(--ani-speed)) forwards; } /{$ebcs} */ /* 人物 */ /* {$poi}/ .footerbox{ animation: fadeIn-sd calc(1s / var(--ani-speed)) forwards; } .footerbox > h4{ animation: fadeInScale calc(1s / var(--ani-speed)) forwards calc(1s / var(--ani-speed)); opacity: 0; } .footerbox > h4{ animation: fadeInScale calc(0.5s / var(--ani-speed)) forwards calc(1s / var(--ani-speed)); opacity: 0; } .footerbox img{ animation: blur5 calc(1s / var(--ani-speed)) forwards calc(1.5s / var(--ani-speed)), fadeInScale calc(1s / var(--ani-speed)) forwards calc(1.5s / var(--ani-speed)); opacity: 0; } .footerflavor{ animation: upin0 calc(0.5s / var(--ani-speed)) forwards calc(1s / var(--ani-speed)); opacity: 0; } .footerflavor > *:not(img,hr):nth-child(1){ animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(1.8s / var(--ani-speed)); opacity: 0; } .footerflavor > *:not(img,hr):nth-child(2){ animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(2.2s / var(--ani-speed)); opacity: 0; } .footerflavor > *:not(img,hr):nth-child(3){ animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(2.6s / var(--ani-speed)); opacity: 0; } .footerflavor > *:not(img):nth-child(4){ animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(3s / var(--ani-speed)); opacity: 0; } .footerflavor > *:not(img):nth-child(5){ animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(3.4s / var(--ani-speed)); opacity: 0; } .footerflavor > *:not(img):nth-child(6){ animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(3.8s / var(--ani-speed)); opacity: 0; } .footerflavor > *:not(img):nth-child(7){ animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(4.2s / var(--ani-speed)); opacity: 0; } .footerflavor > *:not(img):nth-child(8){ animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(4.6s / var(--ani-speed)); opacity: 0; } .footerflavor > *:not(img):nth-child(9){ animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(5s / var(--ani-speed)); opacity: 0; } .footerflavor > *:not(img):nth-child(10){ animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(5.4s / var(--ani-speed)); opacity: 0; } .footerflavor > *:not(img):nth-child(n + 11){ animation:staggerUp calc(1s / var(--ani-speed)) forwards calc(5.8s / var(--ani-speed)); opacity: 0; } /{$poi} */ /* upes */ /* {$upes}/ .phenomenon-content{ animation: fadeIn-sd calc(1s / var(--ani-speed)) forwards; } .colmod-link-top .foldable-list-container a{ animation: leftin calc(1.5s / var(--ani-speed)) forwards calc(-0.5s / var(--ani-speed)); opacity: 0; } div.colmod-content-anti, div.colmod-content{ animation: fadeInScale calc(1.5s / var(--ani-speed)) backwards, blur5 calc(1.3s / var(--ani-speed)) backwards!important; } .standard-border { border-bottom: solid 0.1em rgba(51, 51, 51, 0); } .dark-border { border-bottom: solid 0.1em rgba(255,255,255,0); } .dark-border:nth-of-type(1){ animation: dark-bd calc(0.5s / var(--ani-speed)) forwards calc(1.25s / var(--ani-speed)); } .standard-border:nth-of-type(1){ animation: standard-bd calc(0.5s / var(--ani-speed)) forwards calc(1.25s / var(--ani-speed)); } .phenomenon-content div[class*=level] > *{ opacity: 0; animation: letter-spacing-opacity calc(0.5s / var(--ani-speed)) forwards calc(1.5s / var(--ani-speed)); } .dark-border:nth-of-type(2){ animation: dark-bd calc(0.5s / var(--ani-speed)) forwards calc(1.75s / var(--ani-speed)); } .standard-border:nth-of-type(2){ animation: standard-bd calc(0.5s / var(--ani-speed)) forwards calc(1.75s / var(--ani-speed)); } /{$upes} */
生存难度:生存難度:
等级等級 2
- 安全但不稳定
- 高风险事件
- 暂未发现实体
翻译者须知:
从 2026 年 5 月 20 日起,后室英文维基开始使用层级等级(后室英文维基),全面替代此组件。最终的结果是,此组件从 component:level-class 变成了 component:old-level-class;而 component:level-class 则被替换成了上述的新组件。
这导致后室英文维基所有使用了生存难度分级组件的页面,都自动更新成另一版本。中文维基不会跟进这一改动,亦不会重命名此组件。译者可以自由选择在翻译过程中应用新版组件,使之与原文相同;也可以继续使用此组件,即不改动 [[include]] 代码。
除了外形有所变化,新组件还新增了 1E-5E 的环境危害分级,并稍微扩展了自定义维度;因此部分页面可能有必要更换为新组件,才能正常显示。请译者自行甄别。
如何使用:
[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]
class 处的可用参数包括以下内容,支持简繁体及英文输入。
| English | 简体中文 | 繁體中文 | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 0 | 1 | 2 | 3 | 4 | 5 | 0 | 1 | 2 | 3 | 4 | 5 | 0 | 1 | 2 | 3 | 4 | 5 |
| unknown | 未知 | 未知 | |||||||||||||||
| habitable | 宜居 | 宜居 | |||||||||||||||
| deadzone | 死区 | 死區 | |||||||||||||||
| pending | 等待分级 | 等待分級 | |||||||||||||||
| n/a | 不适用 | 不適用 | |||||||||||||||
| amended | 修正 | 修正 | |||||||||||||||
| omega | 终结 | 終結 | |||||||||||||||
该组件支持简繁切换,如下方代码所示:
[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]
在 lang 处选择语言,cn 表示简体中文,tr 表示繁体中文,不填默认选择简体中文。
自定义等级
[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000(带有井号的十六进制色号代码。)
|image=链接(至图片的链接。)
|one=在这
|two=随便
|three=放文字
]]
使用 CSS 进行自定义:
你可以使用 CSS 进行额外的自定义,将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中,不要把 [[module css]] 放在 [[include]] 里面,把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色,因为组件的 |color= 部分仅能控制背景:
[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;
/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */
/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */
/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */
/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]
旧版颜色:
如果你不喜欢新版的样式,想要用回旧版的红色边框色,只需要在你的页面中与组件一同引入下方的代码:
[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]
描述:
概况:
Level Deepseek-N81是后室deepseek负数层群的第81层。整个空间高10m。空间呈现出外圆内方的形式,墙壁均为灰白色,其材质类似大理石,但尚不明确。地面为深蓝色,下部疑似中空,但任何试图破开下部地面的行为都被不明原因阻止。内墙上有几扇门,它们分别通往4个隐藏空间。1外墙上唯一的门通常被认为会导致精神影响,具体表现为靠近后出现强烈晕眩状况,部分报告称其似乎看到了高维结构,但未被确认。该门无法打开。
东侧2:

该侧顶部和南侧联通,由玻璃组成,外部空间呈现为白色,没有任何可辨识的景象或结构。该侧内墙上有2扇门,它们分别通往隐藏空间Ⅰ和Ⅱ,其中隐藏空间Ⅱ的门和周围墙体材质完全相同,且没有明显缝隙,较难发现。该侧最明显的特征为一条斜坡,该斜坡通往位于北侧和西侧的廊道。斜坡上方的突出结构也是该侧的特征之一。该结构末端分叉,中间部分有微光,其内部是另一条走廊,但进入该走廊的流浪者都于3秒后失联,最后影像显示其通往一片黑暗空间,内部有巨大的错综管道。
北侧:
该侧顶部是与墙壁同一材质的天花板,空间总高8m,1层和2层廊道各占4m。由于没有玻璃,取而代之的照明设备是一些吸顶灯,但它们只存在于1楼。东侧与该侧相接处的墙壁有凹陷,这部分的墙壁温度较高,恒定于40℃左右。能听到微弱的轰鸣声。上方的廊道有侧边的一些灯光照明,但亮度很微弱。廊道两侧有一些类似于展览柜的东西,玻璃无法被打碎,它们内部有各类来自其他层级的物品,体积从1cm2到3m2不等。每次切入层级后展物均不同,但有几件似乎一直存在。
展开已发现的一直存在的4件展物:收起:
- 一件形状永远在改变的小型曲柄摇杆机构;
- 一片合金碎片,已验证其材质与Level Deepseek-19的建筑材料相同;
- 几块来自Level Deepseek-134的晶体;
- 几块白色瓷砖,表面被各种藻类覆盖,均刻有“核·140”字样。
西侧:
该侧廊道与北侧廊道相连,但宽度明显更为狭窄,且通道在视觉上显得比实际更长。墙面依旧为灰白色石质结构,但在靠近地面约1米的位置,可以看到一条连续的深色带状区域,似乎是后期覆盖上去的材质,与原始墙体存在明显色差。光线由上方均匀洒下,但无法找到明确的光源位置。该侧中段存在一处下沉平台,面积9m^2,其边缘以低矮护栏围起,平台中央有一个直径约2米的圆形突出区域,表面与周围地面材质一致,但敲击时会发出空洞回声。多次尝试破坏该区域均失败,且在强行敲击后,流浪者报告称脚下会短暂传来类似“震动”的触感。部分流浪者声称,在该平台附近停留时间过长时,能隐约听见来自下方的连续低频噪声。最末端的内墙上有一条狭窄的通道,其尽头嵌有一扇门,其通往隐藏空间Ⅲ。
南侧:
南侧地面面积比其他侧要略大一些,实际测量长度约为20米,但多名流浪者报告称,在快速行走时,似乎需要更长时间才能抵达另一端。南侧顶部同样为玻璃结构,与东侧相连。该侧墙面间隔分布着数条垂直细缝,每条宽约2厘米,从地面延伸至约3米高度。缝隙内部完全黑暗,光线无法照入,使用手电筒也无法将其照亮。曾有流浪者尝试向缝隙中投入细小物体,但未听到落地声,也未见其返回。南侧靠近西侧的转角处,墙面温度略高于其他区域,约为30℃左右。该区域偶尔能听见极其微弱的节律性震动声,与北侧墙体附近记录到的轰鸣声在频率上存在一定相似性。在该侧内墙上有一扇门,通往隐藏空间Ⅳ。
隐藏空间:
内墙上的门共通向4个隐藏空间,隐藏空间Ⅰ、Ⅲ和Ⅳ的门体结构完全一致:灰白色表面,无门把手,仅在靠近时自动开启。(隐藏空间Ⅱ的门体结构见上文)。门后均为狭长通道,长度约为3至8米,尽头有大小不一的房间。目前已记录到四个的隐藏空间:
隐藏空间Ⅰ:
通道尽头为一处低矮房间,面积约15平方米,内部空无一物。墙面与主空间材质相同,颜色为纯白色,但表面更加光滑。在该空间中停留超过10分钟后,多名流浪者报告称能隐约听见来自墙体内部的规律性敲击声,但无法确定方向。
隐藏空间Ⅱ:
该空间地面略微倾斜,中央存在一块呈长方体状的突起结构,高约1.5米。其表面覆盖类似玻璃的透明层,但内部结构模糊不清,仿佛有大量细小部件在其中缓慢移动。曾有流浪者试图破坏该结构,但所有外力均被某种未知机制削弱,无法造成有效损伤。
隐藏空间Ⅲ:
该空间层高明显较高,约有6米。墙体向上收拢,形成类似漏斗的结构。在空间中央上方约4米处,悬浮着一块不规则的灰白色结构体,其边缘呈现断裂状。当流浪者绕其移动时,会发现该结构的形状似乎不断发生变化,部分角度甚至会消失在视野中。部分记录指出,在注视该结构超过30秒后,会产生强烈的空间错位感,仿佛该物体并不完全存在于当前空间之中。
隐藏空间Ⅳ:
第四个隐藏空间的入口已被确认,但门后通道在进入约3米后即会发生视觉扭曲,所有进入者均立刻失联。其最后影像记录与东侧突出结构内部的黑暗空间高度相似。
“杂糅”事件
流浪者刚进入该层级时会有1个小时的时间,在此时间段内层级不会发生任何变化。流浪者应当在此时间段内尽快切出该层级,因为在接下来的“杂糅事件”中不能主动切出。
前期
层级会出现一些轻微空间异常,包括但不限于墙壁材质发生变化、层级形状或大小发生轻微改变、天花板倾角发生细微偏移等现象。部分区域会短暂出现结构错位,例如墙体边缘与地面产生不自然的重叠,或原本平直的通道出现弧形偏折。
在此过程中流浪者一般不会受到直接伤害,但此时已经无法切出该层级。部分探索者报告称,在该阶段能听到来自墙体或地面下方的持续低频震动声,与北侧墙体处记录到的轰鸣声在频率上接近。
该阶段大约持续10到20分钟。
中期
该阶段一般持续1小时到90分钟,在此阶段,许多来自于其他层级的事物会陆续从墙壁中“穿入”,其会在层级内穿越,并从另外一面墙“穿出”。这些事物的出现往往毫无预兆,穿入位置也无固定规律,既可能出现在墙面、地面,也可能直接出现在空中。
有以下值得注意的三点:
- 这些事物的出现对该事物本来所处的层级没有任何影响,类似于将该事物“复制”一份到 Level Deepseek-N81。
- 事物在移动过程中似乎不受重力影响,能够保持漂浮状态,液体也能保持球状。
- 在前文中提到的两处温度较高的区域里通常物体出现密度较高,目前尚不清楚原因。
随着中期推进,出现的事物种类与体积会逐渐增加。除常见物品、生活用品或者一些看不出原物的碎片外,也曾记录到完整的门框、部分墙体结构、尚在运转的机械装置,甚至短暂出现过疑似实体的轮廓,但均在穿出墙体后消失,也没有表现出对应实体应有的特征,且未留下持续影响。
在中期后半段,部分流浪者报告称空间内会出现短暂的“停滞现象”:某些物体会在空中静止数秒,随后才继续移动,其新路径与原路径不同。
末期
在事件进入末期后,穿入的物体数量会迅速减少,但空间本身开始出现更明显的结构性变化。墙体之间的夹角可能突然改变,部分通道会短暂延长或缩短。原本笔直的边界会出现类似“折叠”的现象。
这一阶段持续时间较短,通常不超过15分钟。在此期间,层级整体温度会略微上升,平均上升幅度约为3℃至5℃。同时,来自墙体与地面下方的低频轰鸣声会明显增强,部分流浪者描述其声音“更接近于某种运转中的装置”,但未发现具体来源。
末期的最后阶段,空间中会出现一次明显的震动。震动强度不大,但整个层级内所有悬浮物体会在同一时间消失。震动结束后,所有异常现象会迅速减弱。
后期
在“杂糅”事件结束约3—5分钟后,层级结构会重新稳定。此时流浪者恢复切出该层级的能力。空间整体布局与事件前大体一致,但在多数记录中,仍可发现细微差异,例如:
- 部分墙体表面纹理发生改变;
- 某些内墙位置出现数厘米的偏移;
- 原本不存在的细小缝隙或接缝出现在地面或墙角;
- 个别展柜中的物品排列顺序发生变化。
此外,在事件结束后的一段时间内,层级中仍可听见极其微弱的低频震动声,持续时间从数分钟到半小时不等,随后逐渐消失。
注:目前尚不清楚该事件是否会出现第二次,我们目前已知在第一次事件结束后至少96小时内均不会出现第二次。
团体、基地和前哨站:
该层级内没有已知的团体、基地和前哨站。曾有有一名流浪者在在离开Level Deepseek-N81后称自己加入了H.O.R.O.,但该团体未被证实。
入口与出口:
入口:
- 在Level Deepseek-N999中到达走廊尽头前1m处有几率来到该层级。
- 在Level Deepseek-78坠落有概率来到该层级。3
出口:
- 事件开始前切入外墙会进入Level Deepseek-81或Level Deepseek-123;若在事件结束后再切入外墙则会来到[[Level Deepseek-22]]]或Level Deepseek-199。
- 切入两处热墙或东侧的走廊墙壁会去往Level Deepseek-99。
- 在杂糅事件中若出现水球,则有概率被强制传送至Level Deepseek-140。这是唯一在杂糅事件过程中切出该层级的方法。
- 若不慎坠入东侧突出结构内部的黑暗空间,则会进入Level Deepseek-164。
记录类型:随身录音设备自动转写
记录人:两名匿名流浪者
[00:00:02]A:……有声音了。好,设备在录。呃,我刚刚完成了一次切入,但这里不像我之前待过的任何层级。
[00:00:11]B:你也被扔进来了?我还以为就我一个人。
[00:00:14]A:等等,有人?别动!
[00:00:17]B:冷静点,我没武器。我是从一条走廊切进来的,一脚踩空就到这了。
[00:00:24]A:……行。暂时结伴。先确认环境。这里空间高度大概十米,上面是——啧,这顶上有点怪,玻璃外面全是白的,看不到明确光源。
[00:00:34]B:地面是空的吗?我踩着老觉得下面是空心的。
[00:00:38]A:我也有这感觉。别乱砸,后室里这种结构通常都砸不开。这大概是新层级,和数据库里好像没有重合的。我得开始记录了。嗯,就把这个刚进来的地方叫0°方向吧。
[00:02:10]A:目前观察:外圆内方结构,四周灰白墙,像大理石但不太对劲。内墙上有门,一共四扇。外墙那边还有一扇,但我一靠近就有点晕。
[00:02:21]B:我去试一下。
[00:02:23]A:你还是别去了——
[00:02:25]B:……操,真有点恶心。眼前刚才好像闪了一下……像有什么东西在墙后面动。
[00:02:32]A:你看清了吗?
[00:02:34]B:没有,就一瞬间,em……算了,描述不出来,反正很不舒服。那门以后不碰为妙。
[00:05:48]A:我们现在在0°这边。这里上面是玻璃顶,外面他妈的白乎乎一片,什么都看不到。
[00:05:54]B:这斜坡挺长的,要不往上走?
[00:05:57]A:走吧。保持录音。
[00:06:41]B:你看,上面那个凸出部分有个分叉结构。
[00:06:44]A:看见了,中间有光。我进去看看……是条嵌进去的走廊。
[00:06:49]B:我丢个东西进去试试。
(金属物滚动声)
[00:06:58]A:叮咚了几下就没声了。可能掉下去了。
[00:07:01]B:要不进去看看?我带个录制设备。
[00:07:15]A:那前面是全黑?
[00:07:20]B:等等,还有一堆……管子?但是好像放大了几十倍,还很密。
[00:07:24]A:记下来。“内部疑似存在大规模管道结构。”那地方暂时还搞不清楚。我感觉这层级好像没那么简单。
[00:12:27]A:现在到90°方向的这一边了。这里有两层,下边这里灯比较亮,上面那层——就是斜坡通往的那个地方——几乎看不清。
[00:12:34]B:你摸摸这墙。
[00:12:36]A:嘶——有点烫。
[00:12:38]B:我测一下……四十度左右,挺稳定的。
[00:12:42]A:而且你听。
(极低频嗡鸣)
[00:12:47]B:……你也听见了?
[00:12:49]A:嗯。像是墙里面有东西在运转。我记一下吧。
[00:15:10]A:这些展柜里的东西你别碰。
[00:15:13]B:我就看看——我去,这不是 Level Deepseek-3 的那种椅子吗?
[00:15:18]A:还有别的层级的东西……大小差得挺多,从小碎片到完整物件都有。
[00:15:24]B:像被谁收集起来摆这儿似的。
[00:15:27]A:……别说“谁”。后室里提到这词,大多不是善茬。
[00:21:02]B:180°方向这边越走越窄了。
[00:21:05]A:前面有个平台,小心点。
(敲击声)
[00:21:11]B:空的。下面绝对是空的。
(极轻微震动)
[00:21:23]B:……你感觉到了吗?
[00:21:25]A:嗯。像是……回应?
[00:21:29]B:这破地方不会是活的吧。
[00:21:32]A:别自己吓自己。先继续探。
[00:29:44]A:270°这边空间比我想的大。
[00:29:47]B:你盯着玻璃外面久一点试试。
[00:29:50]A:……不对。
[00:29:52]B:怎么?
[00:29:54]A:我有种错觉,好像外面那层白不是一整块,是叠着的。
[00:30:01]B:我也有这感觉。
[00:30:04]A:操,头有点晕。不看了。
[00:39:12]B:0°这边有条内墙门,要开吗?
[00:39:15]A:开。录音继续。
(门开启声)
[00:39:24]A:通道很窄,尽头是个空房间。
[00:39:31]B:等等,你听没听见?
(极轻敲击声)
[00:39:35]A:……听见了。像墙里面传出来的。
[00:39:38]B:我现在有点不喜欢这个地方。
[00:52:09]A:第二个隐藏空间,这空间的门居然是隐形门。中间这玩意儿像被封在玻璃里。
[00:52:14]B:里面是不是在动?
[00:52:16]A:……我不确定。别靠太近。
【事件开始,进入前期】
[01:02:13]A:等一下,这里的墙是不是变了?
[01:02:18]B:……哪里变了?
[01:02:20]A:刚才还是那种偏光滑的灰白,现在……更像石质了,而且纹路在动。
[01:02:27]B:……操,我看见了。不是错觉。
[01:02:31]A:先记一下时间。进入层级大概一小时出头,空间开始出现轻微变化。我们出去看看。
[01:02:46]B:地面也有点……起伏?就像下面是空的一样。
[01:02:52]A:嗯,但踩上去还是硬的。这感觉很怪,就好像在地板上冲浪。
(约3分钟环境杂音)
[01:08:00]B:等等,那个角是不是刚才更窄一点?
[01:08:04]A:……我不敢百分百确定,但空间尺寸可能在轻微波动。
[01:08:11]B:我有种很不好的预感。
【状态:事件进入中期】
(低频“嗡”声,渐强)
[01:17:34]A:听到了吗?
[01:17:36]B:听到了。90°那个热墙方向传来的。
[01:17:40]A:不止——墙面有东西。
[01:17:43]B:……我操。
[01:17:46]A:记录:东偏北墙面出现凸起,像是……有什么东西要从里面出来。
(沉默)
[01:17:56]B:出来了!
【中期】
[01:18:01]A:有物体从墙里凸出来……不太对,是……“穿”过来的。
[01:18:06]B:是一把木椅子。悬着的。
[01:18:09]A:确实,完全没落地,好像失重了一样。
[01:18:15]B:等等——它在动。
[01:18:18]A:它在漂移,好像要以直线横穿层级。
[01:18:23]B:这不对劲,完全没受重力影响。
[01:18:27]A:记重点:漂浮稳定,没有旋转。
[01:29:54]B:又来了!
[01:29:56]A:这次是水?
[01:29:59]B:是一团水球,我他妈第一次见液体这么老实。
[01:30:04]A:大小大约篮球尺寸。完全保持球形。
[01:30:25]B:它从那面墙出来,又从对面出去了。
[01:30:28]A:就像这层级只是个通道。
(背景轰鸣略增强)
[01:42:42]B:你注意到没有?
[01:42:44]A:什么?
[01:42:46]B:热墙那一带东西更多。
[01:42:51]A:……对。记录:高温区域物体穿入密度较高。
[01:42:56]B:而且有些东西,感觉有点不对劲。
[01:43:01]A:哪个?
[01:43:02]B:那个黑色结构,你看见没?边缘在抖。
[01:43:06]A:(停顿)看见了。形状有点,呃,不太稳定。
[01:43:10]B:感觉像出Bug一样。
[01:43:17]A:等一下,刚刚那一瞬间——
[01:43:20]B:我也看见了。
[01:43:23]A:那个东西后面,好像还有一层轮廓。
[01:43:27]B:就好像它的形状是几层叠加出来的。
[01:43:06]A:我有点怀疑它不像三维结构——只是怀疑。存在高维结构的层级并不算多。
(长时间环境低频震动)
[01:54:11]B:物体数量在增加。我们得往中间靠,这边太密了。
[01:54:15]A:要不要切出?
[01:54:17]B:我试试……妈的,不行。
[01:54:28]A:大概只有等这破事件结束了才能出去。
[01:54:32]B:我们到二楼躲躲。
(脚步声)
[01:54:57]A:记录:部分物体在穿越过程中出现轻微形变,但整体保持完整。
[01:55:01]B:那个柜子里的东西在共振!
[01:55:04]A:对,展柜在轻微震动。
(几次撞击声)
[01:55:27]B:玻璃还是打不碎。妈的。
(背景轰鸣明显增强)
[01:55:56]A:声音变大了。
[01:55:59]B:像什么机器全功率运转一样。
[01:56:03]A:……但这里根本没机器。
[01:56:05]B:……或者说。
[01:54:07]A:看来咱俩想到一块儿了。
[01:54:11]B:有东西在外面,我们看不见。
[02:02:29]A:等一下,我觉得有必要把目前看到的所有穿入物做个汇总。
[02:02:34]B:……行,你说,我帮你看着周围。
[02:02:37]A:记录:截至目前,“穿入”现象涉及的物体类型大致可分为以下几类——
[02:02:43]A:第一类,家具类。包括但不限于木椅、金属置物架、半截书桌,还有一次看到床板结构。体积中等,运动轨迹都很稳定。
[02:02:55]B:对,而且这些东西都很完整,不是残骸。
[02:03:00]A:第二类,生活杂物类。出现频率最高。包括纸张、塑料瓶、餐具、布料碎片等,几乎都是小体积的零碎物件,多数保持匀速漂浮。
[02:03:13]B:有些纸是有字的,但看不清,像是被模糊处理过。其中一张我很有印象,好像和Level Ag-207的字条有点像。这个层级就好像是个博物馆——收集没用东西的博物馆。
[02:03:36]A:第三类,呃……流体类。目前只确认到水,但不排除其他液体曾短暂出现未被记录。所有液体,应该是所有水,均维持近似完美球形,无散落、无蒸发迹象。
[02:03:51]B:那团水到现在我都觉得离谱。
[02:03:55]A:第四类,结构碎片类。多为来源不明的金属或复合材料块体,边缘偶尔出现轻微形变或抖动。
[02:04:06]B:就是那种看着有点不在同一个空间里的感觉。
[02:04:06]A:第五类,大件类。这些东西都蛮大的,有门、一大块混凝土、一块窗户——目前记录到的最大穿入物是一面13m2的墙体。
[02:04:19]B:那面墙出来的时候我刚好在它前面!快要吓死了。
[02:04:25]A:第六类,也是最不确定的一类——疑似未完全穿入物。
[02:04:30]B:我就知道你会说这个。
[02:04:34]A:这类目标数量极少,但特征明显。轮廓存在间歇性重影,部分边界呈现断续,偶尔伴随背景轻微畸变。
[02:04:46]B:说人话,就是看着不太像三维东西。
[02:04:56]A:……我暂时不下结论。记录保留。
[02:05:00]B:好消息是,到目前为止,这些东西都没主动攻击我们。
[02:05:06]A:那坏消息?
[02:05:08]B:我们,也完全不知道它们为什么在这。
(轰鸣短暂增强后回落)
[02:05:32]A:汇总记录完毕。建议后续观察重点关注高温区域的穿入密度变化。
【事件进入末期】
(明显的空间畸变杂音)
[02:19:41]A:不对了,不对了——墙面在起伏!
[02:19:45]B:稳定性下降了!我们离墙远点!
(重物高速穿越声)
[02:19:51]A:物体速度在变快!
[02:19:53]B:有些开始模糊了!
[02:19:56]A:那是太快导致的!都出现残影了!
[02:24:22]B:热墙温度上升了!
[02:24:25]A:多少?
[02:24:29]B:我测不到,但绝对不止40℃了。
[02:24:33]A:这热墙开始震了,幅度还不小。
(轰鸣达到峰值)
【事件结束】
(轰鸣迅速衰减)
[02:32:44]A:B:……停了?
[02:32:47]A:A:好像……停了。
(环境恢复相对安静)
[02:32:56]B:新物体不再出现了。
[02:32:59]A:记录:穿越现象消失。
[02:33:02]A:墙面恢复原状。
[02:33:04]B:空间尺寸稳定。
[02:33:06]A:温度……也回落了。
[02:33:09]B:就像什么都没发生过。
[02:33:33]B:但那些展柜。
[02:33:35]A:嗯。
[02:33:37]B:好像和刚才的东西不一样。
(记录在此处出现短暂信号噪声,随后结束)
……
……读数稳定下来了。
延迟呢?↲
比上一次短。大概少了十二秒。
样本数量有没有异常增长?↲
有一点,但还在容许范围内。大部分路径都按我们预期运行。
“杂糅”阶段的重叠情况?↲
仍然存在轻微干涉,看起来还是有点破绽,不过没有出现结构性崩溃。
那就好。上面最担心这个。↲
那个Bug处理了吗?↲
还是去不掉,在Liquid-1出现时偶尔会把样本弄出去。但是不太影响结果。
那就行。你跟他们说一下还是尽早处理了好。↲
好的。
不过有个小问题。
说。↲
观测窗口附近,有几次被注意到了。
是“里面”的那些?↲
嗯。有个个体停留时间过长。
它似乎在看墙后。
它看到了什么?↲
不确定。
从行为模式来看,它没有形成有效认知。
那就不用处理。↲
明白。
下一轮什么时候开始?↲
等温区重新稳定。
大概还需要6天。
好。这一次把通量再往上提一点。↲
直接提升?
在安全阈值以内。↲
……明白。
如果哪天它们真的意识到这里在发生什么——
不会的。↲
就算意识到,也已经太晚了。↲
作者:Duvet3245
图像来源:由小金鱼_goldfish_提供图片
« Level deepseek-N82 | Level deepseek-81 | Level deepseek-80 »






