: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; }
等到我再次醒来的时候,我正躺在楼内的竹席上,如母亲般的怀抱温暖着我,我睁开眼时才发现,一位姐姐拥抱着我。
“醒了?”
“嗯。”
“是您让我看到他们吗?”
“嗯,不要悲伤哦,他们都在看着你。”
“……”
“耶?别哭别哭啊,安啦安啦。”
“不如我陪你共弹一曲?”
(抽泣声)“好……”
这种平静过的很快,一曲终了。
“谢谢您。”
“不用谢,多好的孩子,不要再悲伤了哦。”
“嗯。”
“那……再见。”
“嗯……”
她送了我一片淡绿水晶的竹叶。
“记得有时来看看我,拿着这个就可以到达我这里来了。”
“嗯!”
“我会一直记得你的,风祈姑娘。”
“不必惊讶的,我都知道。”
“好……”
最后,她大声喊道:
“要离开了吗?朝前便是!”
释怀过去,迎来新生
图片由好说AI制作莫得图源(因为是APP)
TXZ Snow wolf
生存难度:生存難度:
等级等級 0
- 安全
- 稳定
- 清幽
Level R-106是后室R层群的第106层。
描述
level R-106表现为一片广阔的竹林,但此定义不准确,实际表明此层级内部空间多被高大、浓密,且不符合正常密度的竹子占据,由于level R-106内竹子无法破坏,此层级内部并无较大探索空间。
一段重复的古琴旋律,始终遍奏在此层级里。据流浪者报告,这能使他们平静。
道
流浪者报告声称到达一处宽度约一米的狭长过道中,过道两侧设有干草捆扎的栅栏,两侧均生长此层级无法破坏的高大竹子,由于此原因,流浪者仅能选择向前或向后两方向进行探索。
这里……我的文档里并没有出现过这个层级,或许是一个尚未发现的新层级?
连不上网……这里似乎没有网络,好在我带了纸和笔,回头的文档就让老家伙帮我补上吧。
本来要去总部找人去的,却不知道意外到达哪个层级,尽管这里并没有WIFI,但似乎我带的电子设备都还能运作。
切入地是一条行走的道路,两侧高大的竹子遮盖的严密,透过浓密的绿荫,我能看见天空中的太阳高高挂起,从遮盖处小孔中射下的光束因丁达尔效应显得神秘,两侧围栏采用的是干草捆扎的形式,这样摸起来挺舒服的。
温度适宜,时不时有小风刮来,都能闻到一股竹子的清香味,不过这里似乎没有其他生物,至少我没有听到什么鸟类鸣叫。
触摸竹子的纹路,墨绿中似乎传达着自然的韵味,我已经走了一段路了,这种感觉很放松,使我平静。
我想,我应该能用我手中的相机拍几张留念。
幽静的小路
level R-106内部为非欧几里德空间,这使得流浪者在层级内无法通过定位仪器,确认位置,且可能出现“回到原本的地方”的现象。
在level R-106中流浪者将到达三个不同区域,并最终离开此层级,这种离开行为是流浪者非主观的。如果流浪者加快探索此层级那么此离开行为也将因流浪者加快进度而加快。
由于level R-106所具有的特殊临界时间效应,使得流浪者想停留在某一区域内的行为是不可行的。
临界时间效应:
临界时间效应表现为在时间上的一种效应,当流浪者在level R-106某一区域内停留时间过长1那么将会到达临界时间,在临界时间状态下,流浪者的任何一项行为都有可能导致其进入下一个区域,如:“转身”或“眨了一次眼”之类的行为。这种现象表现为突然但不突兀2的转换,流浪者会处于两区域间的交界处,但任何想离开当前区域回到原区域的行为都以失败告终。
继续向前,看来是新的地方了,从这里开始,黄土路就变成了由竹子铺设的道路,地面长有深绿色的青苔,这里空气有些潮湿,似乎是刚下过一场雨。
……
等等,好像有细小的雨声,就是那种落在竹叶上,拨弄叶片产生的声音。
下雨了…空气似乎变得有些闷热,微凉的雨点滴在了我的脸颊上。啊,我突然想起来曾经我在前厅那会,总喜欢在夏日的雨天里站在外面,尽管这会让我湿透。
那边有个亭子,看样子我能在那边避避雨了。
亭子很好,四面是封闭的,能够防止雨进入,但我能透过玻璃来看到外面的景象,这里很干净,干净的没有一丝灰尘,就像是有人经常打扫一样。
亭子内部仅有四个圆石凳,还有一个圆的石桌,桌上有着…
桌上竟有着一杯热茶和几块糕点,这是为我所留的?
茶水茶香四溢,留有回味,几块糕点咬上去,竟有种淡淡的竹叶清香,入口微苦后转为甘甜。
我喜欢这个糕点。
亭
亭子
level R-106无昼夜更替现象,且保持晴朗天气,但当流浪者进入此区域时,四周将变得潮湿,天空将转阴并降下小雨。能够有效判断进入该区域的行为是观察地面是否转变为由竹板铺设的道路。
在此区域不远处将出现一处高约两米的矮亭,亭较为简陋,顶上铺设干草,主要材质为红木。由于未知原因,内部保持干燥,内部的石桌上摆放有温度适中的茶水与少量糕点,这些饮品与食物对人体无任何危害,3且据流浪者报告表明,茶水与糕点分别具备杏仁水和皇家口粮的效果。
楼
外部的楼
楼是流浪者在level R-106的终点,楼由竹木构建,从外部观测其坐落于平静溪流中央,采用干栏式建筑。流浪者报告称,在楼内传来清幽悦耳的古琴声,且在远处看见楼内人影,这很可能是level R-106琴声来源。
流浪者在到达此区域后,困意会不断上升,最终于睡梦中离开此层级,任何试图进入楼内部的行为会使流浪者昏迷,并离开此层级。
基地、前哨与社区
由于此层级入口不明,且该层级具有的孤立效应,使得此层级的任何探索都无法进行。
出入口
尚不知晓流浪者如何进入level R-106,此层级似乎并无稳定入口,多数流浪者报告称在进入一扇门或在室外层级转移视线后来到此处。
值得一提的是,绝大数进入此地的流浪者多患有轻度及以上抑郁或内心痛苦迷茫,从该层级离开后多数流浪者表现出对生活的积极状态。
少数报告表明:当流浪者陷入悲尸循环时可能来到此处,在最终离开后悲尸循环得到有效缓解。
当流浪者完成三段行程之后流浪者将会陷入睡梦并最终在任意具有大型基地的层级4或在自然的宜居层级醒来5。
雨停了,我走出小亭,空间变换,我来到了一处溪流的中央,清澈而凉爽的溪流浸没我的小腿,在我正前方出现了一座小楼,楼的前方还有一个台子。
我走了过去,面前的是…
一张古琴……
我轻抚琴弦,熟悉的感觉……
这样的吗?
我很早就练琴了
还记得曾经,母亲教我古琴
从基础,一步步……
母亲希望我以后能有一技之长,到时候也不吃亏
母亲擅长古琴,她将期望给予我,而我也有很好的古琴天赋
可练成不是易事,繁琐的练习,漫长的时间,以及手指的疼痛,无时无刻的给我带来无趣与厌烦
急躁的我,无法再进一步
后来家里有了二胎,也是个小女孩,可父母的关注却集中在她的身上,我一人默默练琴
我想更进一步,我想将父母的目光夺回来,可越是这样,我却越无法精进
不知为何的,我讨厌它
我恨它
后来学业繁忙,我也没什么时间去练习了
我一人常常学习至深夜,最后又拖着疲惫的身躯沉入梦中
好在,我考上了心仪的大学,一切都有回报
父母要带小妹出去自驾游,唉,学业未结,看来只能下次一起旅游了
说是七日游,这几天里,总会给我拍一些游玩的景点照片
……
这个时间啦,他们也该回去了吧?
我没能在朋友圈里看到他们回来的消息
但我收到了一封…
意外死亡
通知书…
死于返程那天,死于车祸……
安葬的事做完,我继续沉浸在学业之中
麻痹自己
而现在,三年后,我又回到了曾经的家…
不,也许该说是过去的房子了
屋内积蓄灰尘,我默默的打扫
从客厅,至厨房,再到卧室
我发现那被我尘封的古琴
可我该用什么来表达我的感情?
我将它搬到客厅,用我已不熟练的琴技弹奏
奏完一曲又一曲
可回首望去
无人赏
家在梦中,何日到?
自坠入后室来,这是我第一次再见到古琴
我轻弹一曲,悲自心来,只得长叹一声
可当我抬起头,却发现…
他们都在身边……
“妈!爸!小妹!”
“……”
