: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 { --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 }
/* Ethereality Theme [2023 Wikidot Theme] By Eltrac */ :root { /* 基本信息 */ --header-title: "Gardenrooms"; --header-subtitle: "卧于自然怀抱中的宁静与平和"; --logo-img: url(''); /* 设置狐步舞/sigma-9 */ --accent: 108, 125, 70; --header-txt-color: rgb(var(--accent)); --link-txt-color: rgb(var(--accent)); --page-font-size: 0.832rem; /* 排版工具组 */ --lh-white-bg: 245,245,245; --lh-dark-bg: var(--accent); --lh-highlighter: var(--accent); --lh-border-color: var(--accent); --lh-wiki-note-color: var(--accent); /* 适配部分黑标属性 */ --white-monochrome: 250,250,250; --dark-gray-monochrome: var(--accent); --black-monochrome: 60,60,60; /* 飘渺愿景自定义属性 */ --header-bg-img: url('http://koalarooms.wdfiles.com/local--files/theme%3Aethereality/369hallway_%E5%89%AF%E6%9C%AC.jpg'); --header-height: 320px; --body-bg-color: var(--white-monochrome); } @media screen and (min-width: 768px) { :root { --page-font-size: 1rem; } } /* 修改版头 */ body { background-image: none; background-color: rgb(var(--body-bg-color)) } div#header { height: var(--header-height); } #extra-div-6 { /* 版头图片 */ position: absolute; top: 0; left: 0; right: 0; background-image: var(--header-bg-img); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; height: calc(var(--header-height)/10*9) } #extra-div-6::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background-image: linear-gradient(to bottom, transparent 20%, rgb(var(--body-bg-color))) } /* 版头文字 */ #header h2, #header h2::before { text-shadow: 0.05em 0.05em 0.01em #666; color: #eee } #header h1 a, #header h1 a::before { text-shadow: 0.05em 0.05em 0.01em rgba(var(--accent), 0.25) } #header h1 { padding-top: calc(var(--header-height)/9); padding-bottom: 1rem } /* 顶栏 */ #header #top-bar { position: absolute; top: height: calc(var(--header-height)/10*9); height: height: calc(var(--header-height)/10); display: block; left: 0 } @media not all and (max-width: 767px) { #header #top-bar { max-width: 708px } } #header #top-bar .top-bar > ul, #header #top-bar .mobile-top-bar > ul { width: 100%; display: flex; justify-content: space-between } @media screen and (max-width: 767px) { #header #top-bar .top-bar > ul, #header #top-bar .mobile-top-bar > ul { justify-content: center } } #header #top-bar ul { background: none; border-radius: 0 } #header #top-bar a { color: rgb(var(--accent)); background: transparent; font-size: 120% } #header #top-bar a:not(ul li ul li a) { padding-bottom: 1rem } #header #top-bar ul li ul { box-shadow: none; border: 1px solid #ddd; background-color: rgba(245,245,245,0.75); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } #header #top-bar ul li ul li a { line-height: 200%; transition: background 0.3s } #header #top-bar ul li ul li a:hover { color: #eee !important; line-height: 200%; text-indent: 0; background-color: rgba(var(--accent), 0.75) } #top-bar ul li.sfhover a, #top-bar ul li:hover a, #top-bar ul li a, #top-bar ul li { border: none } #header #top-bar .open-menu a { font-size: 30px!important; padding: 0.25rem; border-radius: 100%; background: rgba(var(--accent), 0.65); box-shadow: 0 0 0.1rem rgba(0,0,0,0.2); color: #eee } #header #top-bar .open-menu a:hover { box-shadow: none } #header #top-bar .mobile-top-bar { position: static; display: flex!important; justify-content: center } /* 分割线 */ #page-content hr { border-bottom: 3px dashed rgb(var(--accent)); margin: 1em 0; background: none; border-radius: 5px; height: 0 } /* 图片框 */ .scp-image-block .scp-image-caption, .scp-image-block img { margin: 0; border: none; background-color: transparent } .scp-image-block { border: 2px solid #c6c6c6; } .scp-image-block.block-right { margin-right: 0 } /* 页面标题 */ #page-title { border: none; position: relative; font-size: 220% } #page-title::after { content: ''; position: absolute; bottom: -0.5rem; left: calc(50% - 4rem); height: 5px; width: 8rem; background-color: rgba(var(--accent), 0.8); } /* DIV 元素 */ .jotting { padding: 0 1em; margin: 1em 2em } #page-content .colored-div { border-color: rgb(var(--accent)); background-color: rgba(var(--accent), 0.3) } .lightblock, .darkblock, .styled-quote, .dark-styled-quote, .candyblock, .borderblock { padding: 0 1em; margin: 0.5em 0.1em; border-radius: 5px; border: 1px solid transparent } .lightblock, .styled-quote { background-color: rgba(var(--accent), 0.1) } .darkblock, .dark-styled-quote { background-color: rgba(var(--accent), 0.75); color: #eee } .styled-quote, .dark-styled-quote { border-left: .5rem solid rgb(var(--accent)) } .candyblock { background: linear-gradient(45deg,rgba(var(--accent), 0.1) 25%,rgba(var(--accent), 0.3) 0,rgba(var(--accent), 0.3) 50%, rgba(var(--accent), 0.1) 0,rgba(var(--accent), 0.1) 75%,rgba(var(--accent), 0.3) 0); background-size: 2em 2em; } .borderblock { border: 1px solid #c6c6c6 } /* 排版工具组 */ div.wiki-note::before { color: #eee } .reportblock h1:first-child, .reportblock-dark h1:first-child { top: -1rem; left: 0 } .reportblock, .reportblock-dark { padding: 0.4rem 1.5rem; padding-top: 0 } .bettercollap .collapsible-block { border-radius: 3px } #page-content .bettercollap .collapsible-block-link:hover, #page-content .bettercollap .collapsible-block-link:hover a, #page-content .bettercollap .collapsible-block-link a:hover, #page-content .bettercollap .collapsible-block-link:hover a:hover { color: #eee; text-decoration: none } /* 插入图片 */ .styled-img img { display: block; margin: 0.5rem auto; max-width: 75%; border-radius: 5px } /* 页内标题(Headings) */ #page-content h1 { position: relative; width: fit-content } #page-content h1:not(.reportblock h1)::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 0.5em; width: 100%; background-color: rgba(var(--accent), 0.5) } /* 其他页面元素 */ a.newpage { color: rgb(229,194,38) } a.newpage:hover{ background-color: rgb(229,194,38) } /* 页面选项 */ #page-options-bottom { border-top: solid 1px rgba(213, 213, 213, 0.5); margin-top: 0; } #page-options-bottom a { margin-top: 0 } /* 页脚 */ #license-area { background-image: linear-gradient(to bottom, rgb(var(--body-bg-color)), rgb(236, 238, 232)); border-top: 0; margin-top: -1rem; padding: 1rem 0 } /* 脚注 */ .hovertip { background: rgba(236,238,232, 0.75)!important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); min-width: 8rem } .hovertip .footnote .f-footer { display: none } .hovertip .footnote .f-heading { font-size: 80% } .hovertip .footnote .f-content { font-size: 110% } div.footnotes-footer { border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; padding: 0.5rem 1rem; padding-bottom: 1rem; margin: 1rem 0 } /* 侧边栏 */ #side-bar { background: rgba(236,238,232, 0.9) } #side-bar:target { box-shadow: 0 0 4rem rgba(0,0,0,0.15) } #side-bar .side-block { border: none; background: transparent } @media screen and (max-width: 767px) { #side-bar:target .close-menu { background: unset; } } /* 分页 */ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav, .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: rgb(var(--accent)); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { color: rgb(var(--accent)); } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus, .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active { background-color: rgb(var(--accent)); } /* 生存难度组件 */ #page-content .sd-container { --sd-border: 80,80,80; --sd-bullets: 80,80,80; --sd-image: 80,80,80; --sd-symbol: 60,60,60; --sd-text: 240,240,240 } /* PLS */ #page-content .pls { --dark-gray-monochrome: var(--accent); --pale-gray-monochrome: 246,246,246; font-size: 0.85rem } #page-content .pls-title, #page-content .pls-list { margin: 0!important } #page-content .pls-title { font-size: 1.5rem } #page-content .pls-list { font-size: 1.1rem } /* COCS / CECS */ .wrapper { --cocs-dark: var(--accent); --cocs-light: 240,240,240; --cecs-dark: var(--accent); --cecs-light: 240,240,240; } /* IETS */ .box { margin: 0; border: none; padding: 0 0.5rem; } /* 评分模块 */ #main-content div.page-rate-widget-box, #page-content .rate-box-with-credit-button { border: none; box-shadow: none; background: transparent; padding: 0 } #main-content span.rate-points, #main-content span.btn { background: transparent!important; } #main-content .creditButtonStandalone p a { background-color: rgb(var(--accent)); font-size: 1rem; padding: 0.25rem; } /* 其他 */ #account-topbutton { border: none } #login-status { background: rgba(var(--body-bg-color),.4); padding: 0.35rem 0.5rem; border-radius: 2px; } #search-top-box-form { margin-top: 0.25rem; }
本文带有可能令某些人士感到不适的内容,请谨慎阅读。
现象编号:C-54
影响地点:见下文
描述:
对最早切入后室的那批先驱者来说,怎样在充满未知的新环境中清洁他们的身体是一个非常棘手的问题,为了解决它,有时甚至需要付出生命作为代价。早期的流浪者们最初习惯于像在前厅时那样直接前往开放层级中的水体或是Level 37这样类似大泳池的地方洗浴,往往导致事故发生:1696年3月13日,15名流浪者在探索中进入了Level C-45,据记载,当大汗淋漓的人们看见毗邻岩石群和树林的水体时,他们“像富有经验的猎户注意到一头肥美的鹿近在眼前似的向前扑去,在清澈透底的水面上制造出巨大的白色水花”,结果遭到该层级内水豚的袭击,5名流浪者中有1人当场死亡,其余4人均受重伤,在逃出该层级后因伤口感染在3天内死亡;1715年9月2日,以西蒙·诺瓦科夫斯基Szymon Nowakowski为首的30余名流浪者组成的“第二新大陆探索团Expeditio Secundae Novae Terrae”正在Level 178内泡温泉,中途有7人因为在温泉内游泳意外切入了Level 178.1,最终被转化成悲尸。19世纪前编著完成的多部后室编年史均指出,自第一个人进入后室到1800年期间,有超过300人因洗澡遇险。通过翻阅保存至今的古代日记、病历及其他记述性材料,可以发现这些可怕的教训给数代流浪者造成了巨大的心理阴影,他们普遍惧怕洗澡,一些人甚至一生中都没洗过一次澡。

传奇的托马斯·麦格努森(1823-1901)的画像。他曾被称为“后室中最脏的人”,于Level 48出生后从未洗过一次澡。
直到20世纪,随着后室人口持续增加和像M.E.G.这样的秩序性组织的建立,流浪者们的洗澡难问题才开始得到解决。1922年,人们成功地利用Level 1中的水源建立了后室的第一座人造洗浴间,自此这种设施开始在后室中遍地开花。1922年到1992年间,有大约1600个浴室陆续建立于有人居住的层级,它们的使用者加起来超过十亿人次;在这一千多个浴室中,95%属于新建,剩下的5%依托建筑层级中的房间改造而成;超过1000个浴室是在1984至1987年建成的。
通过大量兴建人造洗浴设施,流浪者的洗澡问题得到了有效解决,改善了流浪者社区的卫生环境,但也带来了新的麻烦,即名为Phenomenon C-54的异常现象,流浪者一般称之“浴切”或“浴室切出”。Phenomenon C-54会使正在人造洗浴间内洗澡的人类有几率切入到随机的层级,少数人藉此能够进入相对安全甚至宜居的层级,相比之下另外一部分人就很倒霉,自1988年至今,已有超过200起人口失踪案被怀疑与Phenomenon C-54有关,相关受害者被怀疑在洗澡时切入了死区或者其他更加神秘的地方。
第一则关于Phenomenon C-54的报告是由位于Level C-337的M.E.G.天文观测小组提供的。1988年9月27日,一名赤身裸体的成年男性访问了该小组所在的天文台。经了解,男子为Level 11的居民,数分钟前正在住宅内的人造洗浴间洗浴,在洗浴完成打开浴室门后即发现自己已切入另一层级。此后,类似的事件开始大量地被观测到,仅在1988年剩下的几个月里就发生了124例“浴室切出”事件,其中29例下落不明,52例确认死亡。下面的表格记录了1989年至1992年有关事件的发生情况:
年份 | 事件发生数 | 下落不明数 | 确认死亡数 | 附注 |
---|---|---|---|---|
1989 | 412 | 127 | 138 | / |
1990 | 102 | 27 | 49 | 本年正式确认“浴室切出”现象存在并命名为Phenomenon C-54 |
1991 | 30 | 6 | 11 | / |
1992 | 6 | 2 | 1 | / |
由于反复收到相关报告,M.E.G.于1988年12月开始了对“浴室切出”事件的调查工作,并于1990年确认这些事件由同一现象所致,将该现象初步命名为Phenomenon C-54。1991年至1992年,M.E.G.通过实施一系列实验,基本确认了Phenomenon C-54的触发条件和影响机制(见下文),但对其为何会于20世纪80年代突然产生尚无法理解。有人曾怀疑后室装修公司在Phenomenon C-54的产生中发挥了关键作用,理由是后者长期积极参与人造洗浴间的修建工作并供应大量建筑材料,但目前还没有证据证明这种猜测为真,后室装修公司亦对此保持沉默。
自1990年开始,已运用紧急措施预防Phenomenon C-54的发生。经过努力,自1993年开始,Phenomenon C-54每年的发生次数再未超过5次,可以说该现象已经得到了控制。
特征:
目前,Phenomenon C-54已知的特征信息均由M.E.G.于1991-1992年的实验得出,这些实验帮助我们确认了Phenomenon C-54的触发条件和影响机制。
触发条件
若要使Phenomenon C-54发生,必须满足以下全部条件。
- Phenomenon C-54只会在面积小于9平方米且具备洗浴功能的人造带门房间关门时发生。1经实验,当房间不具备洗浴功能时,无论其面积几何,触发Phenomenon C-54的概率为0%;当房间具备洗浴功能,不带门或开门时,无论其面积几何,触发Phenomenon C-54的概率为0%;当房间具备洗浴功能,房门关闭,面积大于或等于9平方米时,触发Phenomenon C-54的概率为0%。
- 只有当特定对象位于满足第1条要求的房间中时才有可能触发Phenomenon C-54并受其影响。这里所说的“特定对象”不止包括人,经实验,杏仁水、来自Level 81的肉牛、窃皮者2、绒麦等实体和物品也能触发Phenomenon C-54。其他实体和物品能否触发则有待进一步证实。
- Phenomenon C-54在房间的洗浴系统开始工作后才有可能发生。经实验,当合乎第1、2条的洗浴间不放水时,无论其面积多小,触发Phenomenon C-54的概率为0%。
当某个房间满足了以上全部要求时,Phenomenon C-54发生的概率与房间的面积呈负相关,在8平方米时约7.42%,6平方米时约18.99%,4平方米时约40.61%,2平方米时约92.47%,2平方米以下无限接近100%。

外面是我的家吗?
影响机制
- 由于Phenomenon C-54的触发概率永远无法完全达到100%,该现象的发生存在测不准性质。换句话说,即使洗浴间已经满足触发Phenomenon C-54的全部3个条件,在浴室门被打开之前,无论在浴室外还是浴室内都无法确认Phenomenon C-54是否已经发生。
- Phenomenon C-54的影响存在随机性。也就是说,Phenomenon C-54会使浴室内的人或其他特定对象切入到任意层级,没有规律可遵循。这也是Phenomenon C-54具备危险性的原因所在。
应对方式:
对于个人
- 想要免于受到Phenomenon C-54影响非常容易,只要避免进入同时满足3条触发条件的区域即可。
- 考虑到Phenomenon C-54可能把人带往任何地方,切勿将它作为通往目的地的捷径。
对于团体
- 阻止成员前往可能发生Phenomenon C-54的地方。
- 不要参与任何洗浴间的建设工作,除非经过M.E.G.许可。
- 如果曾经建设可能导致Phenomenon C-54发生的人造洗浴间,立即拆毁或封锁它。
M.E.G.已采取的行动
- 实施紧急防范措施。为了防止流浪者在意外中受到Phenomenon C-54的影响,M.E.G.自1990年开始已采取一系列措施,并取得良好成效。这些措施包括但不限于:
- 阻止新建人造洗浴间;
- 拆除前期修建的人造洗浴间;
- 对无法拆除的人造洗浴间实施封闭和监管;
- 劝导流浪者停止使用人造洗浴间,并对恶意分子实施制裁;
- 引导流浪者前往安全的开放水域。
- 实施“大澡堂计划”。该计划由M.E.G.主导,B.N.T.G.提供经济支持,红星建筑队具体操作,旨在于有人居住的层级修建一批15平米以上的独立浴室和一批公共大澡堂,以消灭Phenomenon C-54的发生基础。该计划已于2003年开始实施。
有些人就是喜欢抬杠,说我设计的大淋浴间是在浪费土地。不是,后室那么大一个地方,我弄个50平米的浴室怎么了,可去你的罢!50平米还算小了,老子以后要建1000平的!1000平的!1000平的!
——陈先生(红星建筑队所属工程师)
啊,大澡堂么,听起来针不戳真不错,以后都去这里团建吧。
——M.E.G.某小型部门官员
大澡堂就是后室社会的终极命运。
——某backtube博主
“大澡堂计划”的诞生过程充分说明了一点,那就是人的思维和行为方式要与所处的环境相适应……当先驱者们用前厅的经验开始后室生活时,他们付出了代价,而我们学会了改变……如今我们能够在环境刚刚发生变化时就做出改变,这是一种进步……后室是与地球截然不同的地方,我猜测未来一定会发生什么使我们与故乡的同胞之间产生……本质的差别。
——朱莉·罗德里格斯(社会学者)
« Phenomenon C-53 | Phenomenon C-54 | Phenomenon C-55 »
请按如下方式引用此页:
“Phenomenon C-54 - “浴切””,作者 penguin_954,来自后室中文维基。原文链接:http://backrooms-wiki-cn.wikidot.com/phenomenon-c-54。遵循 CC BY-SA 3.0 协议。
第1张图像名:Skull Cap胡子老头
图像作者:Ferdinand Bol
授权协议:CC0
来源链接:https://colorhub.me/photos/qRErr
第2张图像是我自己拍的。
更多授权相关信息,请查阅授权指导。