: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 }
/* BHL Style Search Top Box And User Account */ /* By Mercuresphere */ /* Based on BHL Theme */ :root, :root:lang(cn) { --merc-light-color: var(--swatch-menutxt-light-color); --merc-dark-color: var(--swatch-menubg-dark-color); --user-account-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/user-circle.svg"); --search-top-box-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/search-top-box-mask.svg"); } /* ===用户和搜索栏=== */ @media only screen and (max-width: 768px) { #login-status { right: unset; font-size: unset; } #navi-bar, #navi-bar-shadow, #search-top-box-input { display: unset; } #search-top-box-input { min-width: unset; } #search-top-box { top: unset; right: unset; height: unset; } #search-top-box:focus-within { box-shadow: unset; background: unset; padding: unset; } #search-top-box:not(:focus-within):before { -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--search-top-box-mask); ; z-index: 14; background-color: rgb(var(--merc-light-color)); color: rgb(var(--merc-dark-color)); text-align: center; cursor: pointer; mask-image: var(--search-top-box-mask); ; mask-position: center center; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); pointer-events: none; position: absolute; top: 0; right: 0; width: calc(0.9375rem * 1.8); height: 100%; content: " "; } #search-top-box form[id=search-top-box-form] { visibility: unset; height: unset; } #search-top-box form[id=search-top-box-form]:focus-within { visibility: unset; } #search-top-box form[id=search-top-box-form] input { -webkit-appearance: unset; -moz-appearance: unset; position: unset; top: unset; transform: unset; appearance: unset; height: unset; } #search-top-box form[id=search-top-box-form] input[type=text] { visibility: unset; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1); } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] { position: unset; right: unset; transform: unset; cursor: unset; border-width: unset; width: unset; height: unset; color: unset; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover { background-color: unset; } #search-top-box form[id=search-top-box-form] input[type=submit] { background: none; transition: unset; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] { opacity: unset; margin: unset; padding: unset; width: unset; } #header h1 a { z-index: unset; } } @media only screen and (max-width: 56.25rem) { #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { background-color: rgba(0, 0, 0, 0); } } @media (min-width: 36rem) { #login-status { flex-grow: unset; left: unset; right: unset; } #login-status:not(:hover):not(:focus-within) { visibility: hidden; } #login-status::before { visibility: visible; } } #search-top-box-input { min-width: unset; display: inline-block; } #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { color: transparent; } #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { border: none; text-shadow: none; } #search-top-box-form input[type=submit], #search-top-box-input:focus, #search-top-box-input:hover { border: none; } #search-top-box { display: flex; z-index: 12; position: absolute; top: 1.5em; right: calc(3% - .25em); align-items: center; justify-content: center; width: auto; height: calc(0.9375rem * 1.8); transform: translateY(-50%); font-size: calc(0.9375rem * .86667); } #search-top-box, #search-top-box * { box-sizing: border-box; margin: 0; padding: 0; border: none; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1); will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width; } #search-top-box:focus-within, #search-top-box:focus-within *, #search-top-box:focus-within :after, #search-top-box:focus-within :before { margin: 0; padding: 0; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .3s cubic-bezier(.4, 0, .2, 1), padding .3s cubic-bezier(.4, 0, .2, 1), max-width .3s cubic-bezier(.4, 0, .2, 1); will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width; } #search-top-box:focus-within { background: rgba(var(--merc-dark-color), .7); box-shadow: calc(calc(0.9375rem * 1.8) / 2 * -1) 0 calc(calc(0.9375rem * 1.8) / 2) rgba(var(--merc-dark-color)); } #search-top-box:after, #search-top-box:before { position: absolute; top: 0; right: 0; width: calc(0.9375rem * 1.8); height: 100%; content: " "; } #search-top-box:before { -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--search-top-box-mask); ; z-index: 14; background-color: rgb(var(--merc-light-color)); color: rgb(var(--merc-dark-color)); text-align: center; cursor: pointer; mask-image: var(--search-top-box-mask); ; mask-position: center center; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); pointer-events: none; } #search-top-box:not(:focus-within):hover:before { background-color: rgb(var(--merc-light-color)); } #search-top-box:after { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); z-index: 13; clip-path: var(--clip-path); pointer-events: none; background-color: transparent; } #search-top-box:not(:focus-within):after { --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); background-color: rgb(var(--merc-light-color), 0); } #search-top-box form[id=search-top-box-form] { display: flex; visibility: visible; position: relative; right: 0; max-width: 100%; height: calc(0.9375rem * 1.8); } #search-top-box form[id=search-top-box-form]:not(:focus-within) { max-width: calc(0.9375rem * 15); } #search-top-box form[id=search-top-box-form] input { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: 0; } #search-top-box form[id=search-top-box-form] input[type=text] { z-index: 13; position: absolute; right: 0; width: calc(0.9375rem * 15); max-width: calc(0.9375rem * 15); height: 100%; padding: 0 calc(0.9375rem * 1.8) 0 1em; outline: 0 solid rgb(var(--merc-light-color)); background-color: rgb(var(--merc-dark-color), .7); box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color)); color: rgba(var(--merc-light-color)); } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] { max-width: calc(0.9375rem * 1.8); padding: 0; outline-width: 0; background-color: rgba(var(--merc-dark-color), 0); box-shadow: 0 0 0 0 rgb(var(--merc-light-color)); color: rgba(0, 0, 0, 0); cursor: pointer; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover { background-color: rgba(var(--merc-dark-color), 1); } #search-top-box form[id=search-top-box-form] input[type=submit] { visibility: visible; z-index: 14; position: absolute; right: 0; width: calc(0.9375rem * 1.8); height: calc(0.9375rem * 1.8); outline: 0 solid rgb(var(--merc-light-color)); background-color: transparent; box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color)); color: t; font-size: calc(0.9375rem * .86667); cursor: pointer; pointer-events: all; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] { box-shadow: 0 0 0 0 rgb(var(--merc-light-color)); pointer-events: none; } #login-status { --wght: var(--ui-wght); display: flex; z-index: 11; position: absolute; top: 1.5em; right: calc(3% + calc(0.9375rem * 1.8) - .25em); align-items: center; justify-content: center; height: 2em; margin: 0 0 0 .5em; transform: translateY(-50%); color: rgb(var(--merc-light-color)); font-weight: var(--wght); font-size: 1em; font-family: var(--UI-font); white-space: nowrap; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); } #search-top-box:focus-within ~ #login-status { opacity: 0; } #login-status span.printuser a:first-of-type { width: 1.75em; } #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in { margin: 0 1em; background-color: rgb(var(--pale-gray-monochrome)); color: rgb(var(--merc-dark-color)); padding: 0.1em 1em; text-decoration: none; } #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:focus-within, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:focus-within { background-color: rgba(var(--merc-light-color), 1); color: rgb(var(--merc-dark-color)); text-decoration: none; } #login-status span.printuser { --wght: var(--ui-wght); margin-right: .5em; color: rgb(var(--merc-light-color)); font-weight: var(--wght); } #login-status a#my-account, #login-status a[href*="account/messages"] { color: rgb(var(--merc-light-color)); } #login-status a#my-account { --wght: var(--ui-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) .125em; display: flex; align-items: center; padding: 0 .5em; background-color: initial; box-shadow: inset 0 0 0 0 rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) .125em; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1); } #login-status a#my-account:active, #login-status a#my-account:hover { --wght: var(--ui-hvr-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0; box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color)); color: rgb(var(--merc-light-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) 0; } #login-status a#my-account:focus-within { --wght: var(--ui-hvr-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0; box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color)); color: rgb(var(--merc-light-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) 0; } #login-status #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); position: relative; width: var(--account-height); height: var(--account-height); margin: 0; padding: 0; background-color: rgb(var(--merc-light-color)); color: transparent; clip-path: var(--clip-path); transition: -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1); transition: clip-path .1s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options { display: block !important; z-index: 12; position: absolute; top: 1.5rem; right: 0; width: 10em; margin: .25em 0 0; padding: 0; overflow: hidden; background-image: var(--gradient-header); background-color: rgb(var(--merc-dark-color)); opacity: 0; pointer-events: none; transition: opacity .15s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options:focus-within, #login-status #account-topbutton:active + #account-options, #login-status #account-topbutton:focus + #account-options { opacity: 1; pointer-events: all; } @media (pointer: coarse) { #login-status #account-options:hover, #login-status #account-topbutton:hover + #account-options { opacity: 1; pointer-events: all; } } #login-status #account-options * { margin: 0; padding: 0; } #login-status #account-options ul { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 2em; flex-grow: 1; align-items: center; justify-content: center; font-size: .85em; } #login-status #account-options ul li { position: relative; } #login-status #account-options ul li, #login-status #account-options ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } #login-status #account-options a { --box-shadow: rgba(var(--merc-dark-color)); --wght: var(--ui-wght); position: relative; flex-grow: 1; height: 100%; max-height: 2em; padding: 0 .25em; box-shadow: inset 0 0 0 .0625rem var(--merc-dark-color); font-weight: var(--wght); transition: color .15s cubic-bezier(.4, 0, .2, 1), font-weight .15s cubic-bezier(.4, 0, .2, 1), font-variation-settings .15s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options li > a, #login-status #account-options li > a:visited { color: rgb(var(--merc-light-color)); } #login-status #account-options li > a:active, #login-status #account-options li > a:hover { --wght: var(--ui-hvr-wght); color: rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: none; } #login-status #account-options li > a:focus-within { --wght: var(--ui-hvr-wght); color: rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: none; } #login-status #account-options li > a[href*="/messages"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; font-size: 0; } #login-status #account-options li > a[href*="/messages"]:after { position: absolute; left: 50%; transform: translateX(-50%); content: "信息"; font-size: calc(0.9375rem * .765); pointer-events: none; } #login-status #account-options li > a:before { --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-clip-path: var(--clip-path); z-index: -1; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgb(var(--merc-light-color)); content: " "; clip-path: var(--clip-path); pointer-events: none; transition: -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); transition: clip-path .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options li > a:active:before, #login-status #account-options li > a:hover:before { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%); } #login-status #account-options li > a:focus-within:before { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%); } /* ===默认收起用户信息栏和搜索栏=== */ #search-top-box { top: 23px; right: calc(3%); } #login-status { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; top: 24px; right: calc(3% + calc(0.9375rem * 1.8) + .25em); color: transparent; pointer-events: none; transition: color .2s cubic-bezier(.4, 0, .2, 1); user-select: none; } @media only screen and (min-width: 980px) { #search-top-box { right: calc(3% + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2); } #login-status { right: calc(3% + calc(0.9375rem * 1.8) + .25em + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2); } } #login-status:active, #login-status:hover { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; color: rgb(var(--merc-light-color)); pointer-events: all; user-select: auto; } #login-status:focus-within { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; color: rgb(var(--merc-light-color)); pointer-events: all; user-select: auto; } #login-status:active #account-options, #login-status:hover #account-options { pointer-events: all; } #login-status:focus-within #account-options { pointer-events: all; } #login-status > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 0; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), clip-path .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); } #login-status:active > :not(#account-topbutton):not([href*="account/messages"]), #login-status:hover > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 1; } #login-status:focus-within > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 1; } #login-status #account-topbutton { margin-left: 0; background-color: initial; pointer-events: all; transition: clip-path .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .15s cubic-bezier(.4, 0, .2, 1); } #login-status:hover #account-topbutton { background-color: rgb(var(--merc-light-color)); } #login-status:before { -webkit-mask-image: var(--user-account-mask); -webkit-mask-size: calc(calc(0.9375rem * 1.8) - .5em); -webkit-mask-position: center right; -webkit-mask-repeat: no-repeat; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--merc-light-color), 1); content: ""; cursor: pointer; mask-image: var(--user-account-mask); mask-position: center right; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) - .5em); pointer-events: all; transition: background-color .15s cubic-bezier(.4, 0, .2, 1); } #login-status:hover:before { background-color: rgba(var(--search-icon-hover-color), 1); } #login-status:active:after, #login-status:active:before, #login-status:hover:after, #login-status:hover:before { background-color: rgba(var(--search-icon-hover-bg-color), 0); cursor: auto; pointer-events: none; } #login-status:focus-within:after, #login-status:focus-within:before { background-color: rgba(var(--search-icon-hover-bg-color), 0); cursor: auto; pointer-events: none; } #login-status #account-topbutton { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); background-color: rgba(var(--merc-light-color), 0); clip-path: var(--clip-path); } #login-status:active #account-topbutton, #login-status:hover #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); background-color: rgb(var(--merc-light-color)); clip-path: var(--clip-path); } #login-status:focus-within #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); background-color: rgb(var(--merc-light-color)); clip-path: var(--clip-path); } #login-status #account-options { margin: 0; } #login-status a[href*="account/messages"] { color: rgb(var(--merc-light-color)); pointer-events: all; } #account-topbutton { border: none; } #account-options { border: none; }
2023 年 3 月 17 日,Level 11 发生过大雨事件,而那次的事件所带来的,不仅仅是一场复原 Level 11 的自然现象。
舟明是名居住于 Level 11 的居民,虽然仅有 14 岁,但已经到达这里 4 年有余。10 岁那年,他不知为何,到达了后室,与自己的父母分离。离开了自己熟悉的家,到达了如此可怕的地方,他很恐慌。好在,在好的运气下,找到了通往 Level 1 的路,后来在 M.E.G. 某位探员的帮助下,定居于 Level 11 。
那时的他,对于周围的一切有着好奇,他好奇那些和家中的狗相似的猎犬,以及和他不一样的人,在 第 11 层效应的影响下,它们都很安全,安全到已经成为茶余饭后的话题,或身边的同伴。
以下是某位 M.E.G. 探员的记录。
2019 年 8 月 15 日
虽然他只有 10 岁,但确实在写作上有很大的天赋,已经可以写出极美的语言来。例 “在那漂浮的城市之上,蓝天充斥着无尽的记忆”。他很想念自己的家,但你一直陪伴于他身边,不断使他接受了这一残酷的现实。
他的故乡和你的故乡一样,都是多雨的,云南的那些天气但也总是和浙江的不一样,风俗也不一样。听他说,那里有两个季节:雨季与旱季。他喜欢雨季,山林的雨总是静悄悄的,也早已熟悉的地方添加了几分神秘。每天,漫步于微小雨中,似温柔的寒冷。雨所给予他的,比我所幻想的还更多。
2019 年 9 月 5 日
他想去 Level 48 了,你去了那里度假,于是他变得空落落的了,他无心于学习,每天都吵闹的想找你,虽然你告诉我,照顾他很容易,但确实,你不在时,他难管。
他总是对我,似长者对儿童的模样,说我总是分不清 “得,的,地”,那也是,我确实分不清,因此我只会用的,动词也用的,程度也用的。我确实无可奈何。你 7 日就会回来,但估计很快,你的任务就会被下下来。估计是去 C-740 探索,但是,先前的报告已经指出,C-740 是个危险的地方,我都很担心你。
111 又开始下雨了,他说,他希望也可以和之前一样,痛快的淋于雨中,然后在雨中疯似的玩。他不知道 48 与 C-740 是个如何的地方,你在哪里,他自然也会跟在哪里。无论读书,还是玩手机,他都坚持不住数小时,兴致一过,自然又开始哭闹了。我想发封信,给组长,派几个人和你一起去,起码有个照应,不会过于危险。
2019 年 9 月 22 日
你还是去了,一个人,我还记得,临走时,告诉我帮他找个小学去读书,还有如果回不来了好好照顾他,不要让他出事情等等。你走后,我问了一些学校,从私办到公办,最后有 2 个学校答应了,都是公办的,都说正好有的班缺人。我不知道为什么很多学校不愿意他来上学,但在这里,Level 11 ,很多学校主要看资本,我没多少,M.E.G. 平时的薪水少得可怜,所以我之前平常都住在基地里。但我还是狠下心来租了一个靠近学校的房子。
初期,他在学校过的不好,他说,很多知识他不会,例如如何去写 SD 生存难度,或者临床调。课上的随笔收上来,批改后,他也是被批评的最多的。对于危险层级、出入口、实体、植物的认知也是马马虎虎的,起码 80 分可以得个 52 分。
他已经 10 岁了,我不知道把他安排在 1 年级,会不会受到欺负,但好在并没有。没过 1 天,他就找到了几个小伙子,想必你回来看见会很高兴的。
2019 年 10 月 1 日
今天是祖国 70 大寿,虽然我和你和他不在那片土地上,但是 Level 11 的很多地方都在庆祝。但是,我不知道为什么,你仍然没有回来,C-740 需要那么多时间吗?我不知道,我觉得,你可能已经牺牲了,死于那层级的恐怖的效应,或者实体。可能以后无法和你自言自语的写信了。
他放了假,没有多少作业,7 小时使飞似的写完了。然后听窗外的雨声,他真的,没有你在身边,就算周围有 1000 个人围着他转,也提不起兴致了。他很孤独,虽然学业一直在进步,跳级到了三年级,但是他的朋友也不来找他了。小孩子嘛,看不起对自己不好的,认为他不复合群了。就算想找他,他也不想和朋友一起了。他觉得太幼稚了,他不喜玩沙孑,反而一个劲的写。老师找过我,说他数学课上打瞌睡,有时还不知道爬桌上干什么。然后才知道原来沉迷在自己写的小说里了。
你也知道,这不是一件好事,会有人欺负他的,只是时间长短而已。
2019 年 10 月 12 日
好吧,我知道你为什么不回来了,你永静于那里了。今天早上,M.E.G. 送信回来,告诉我,你出了意外,十有八九死了。我当时真的很震惊,明明是个很亲切,温柔的人,温柔到他再也没有办法离开你。他知道后,一个人跑进自己房间,然后一个人哭。他说:“你永远不知道他对我有多重要,是他帮助我从那该死的 Level 2 与 Level 3 脱离,是他帮助我了解杏仁水,是他帮助我寻到 Level 5 、Level 6 、Level 7 的出口…”2。我当时真的不知道如何去安慰,我只能对他说,这只是可能,不一定真的死了,你要抱有希望…
2019 年 11 月 5 日
你还是没回来。并且我很快就要去 Level TO-2.1 探索了。我不知道是否危险,但是幸运的是,我会和一个探险队一起去观测,和寻找出囗。 M.E.G. 只知道,从 Level TO-2 可以切入。其他对于 TO-2.1 的描述随着切入人员的失踪不得而知了。他对于我的离开感到害怕,害怕我与你一样,默默无闻的死亡,连补偿都没有…
我也很害怕,有时候,我其实很想违背我们的誓言,加入 B.N.T.G. ,但我还是忍住了。Level 11 的雨,仿佛确实在为我的离去而哭诉,绝望的哭诉。我虽然对他说很快就会回来,但是他仍然在哭,满脸混着雨,和泪。我用手轻擦他的泪水,反而,他紧紧抱住我,说着什么。3
2019 年 11 月 25 日
我成功的从 TO-2.1 回到了 Level 11 了,我在精神与某些奇怪的视野异常下,较为顺利地完成了报告,也在一次意外中切出后到达了Level C-2中4。在 22 日,我回到了 Level 11 。他重新看到我,泪水流淌,然后紧抱着我,和当时离开时一样。然后告诉我,他已经跳到四年级了,学业也跟得上,但写文仍然问题频出。我相信,你看到后也会感到十分高兴的。我将出口编入于 TO-2.1 中,M.E.G. 也提供了大量的资源,我们似乎不用担心日常生活的种种问题了。
2022 年 9 月 1 日
时间一晃,已经过了 3 年了,他 13 岁了,开始上初一的课程了。他进了新的学校,公办的。3 年来,我们一直相安无事,但是 Level 11 出现了大量的小帮派,最近好像盯上了我们。因为学业,所以我们只能重租一个房子,最好不要被第 5 个人5知道。否则肯定会带来问题。
他说,初中比小学难了不少,并且开始抓体育、理化、艺术了,他体育不好,400 米需要 2 分钟,而且实心球只能扔 5 米左右。但我们相信,在接下来日子里,一定会不断进步的。
他想追上你。6
2022 年 11 月 19日
他从 22 年 11 月就不告诉我在学校的情况了,而且回来的越来越晚。他每天的早饭都是自己弄的,每天早上两个荷包蛋。7
但是,11 月 17 日,我还是被叫到学校里,老师说他欺负别人,在午饭时将自己的饭浇别人衣服上,而且打别人,还压8别人。我难以相信他为什么会干出这种事来。他反驳道:“不是我先动手的,班级不是每人有个柜子吗,我平常会放些书,因为我的柜子坏了,不需要钥匙就可以打开,所以他就在柜子里扔垃圾,还把我的书拿走。而且,我就坐在位置上,他就用粉笔头扔我,或者抢我的东西…”
我似乎终于明白为什么他早出晚归了,他在学校里天天受委屈,并且还要被别人反咬一口。他只是不想让我担心。但我仍然不理解,为什么这种事情会发生于后室之中。而那位老“先生”呢,则不紧不慢的说道:“我不管先前发生了什么,反正你这样做也是不对的,你有什么问题就找我,打他干什么。”
在当时,我确实很想反驳几句,但是,如果转学也会影响学习,而且这个学校似乎是 Level 11 唯一一个公办的学校。我虽然很想帮助他,但是也没有办法,他也说没问题,于是我只能站在一边。我相信,如果是你,应该会生气,然后将老师给大骂一顿,但是我做不到,我甚至都觉察不到他的异常。我只能不断努力,然后将他赎回来。
2023 年 3 月 17 日
最近数个月,Level 11 似乎入了雨季,一直在下雨,而且都挺大的,但是他仍然要去上学。他最近告诉我,说最近那个人很少来烦他了,老师也批评过好几回了。因为 M.E.G. 最近有很多问题,因此,我只能每天去基地工作,估计最近 10 天没有人看管他了。
他文笔提升的很快,出版了不少精品短文,并且被表扬了许多次。我当时相信,他如果成不了一名探员,立于后方写书当作家也是不错的。但是,我不知道,其实最近,他受欺负的频次越来越高,并且没有向老师报告。他害怕。
随着我的离去,窗外的雨越来越大,雾气弥漫,雨 在不断的扩大。
他放学后,就这样撑着伞,行走于那雨幕之中,雨越来越大,大到消抹了路上一切的声音,和那天空应有的肆音。最后仅剩下将伞扔开的轻声。他就这样,痛快地淋于雨中,唱着先前学的诗句,轻快地行走于雨幕之下。他挣开他的身体,不断舒展,扩大,让雨肆意腐蚀他的一切。他回望那痛苦的过往,确面露笑意,走在那熟悉的街道上。他的骨头虽露,但仍阻止不了他的轻松的歌声,也阻止不了他前行的脚步。他随着雨,倒于那不被侵蚀的沥青路上,任那雨幕染红整个街道,任那雨将他的身躯隐藏。
Langsam und schimmernd fiel ein Regen,
缓缓地落下闪烁的雨点In den die Abendsonne schien;
于黄昏夕阳散发的光辉中Der Wanderer schritt auf engen Wegen,
旅人踯躅在小路上Mit düstrer Seele drunter hin.
心情阴沉Er sah die großen Tropfen blinken
旅人望见,豆大的雨滴落下,闪烁Im Fallen durch den goldnen Strahl;
穿梭在金色的光芒之中Er fühlt' es kühl aufs Haupt ihm sinken
旅人感到,冰凉的雨滴打在额前Und sprach mit schauernd süßer Qual:
于是带着甘甜的苦涩,颤抖着说‘Nun weiß ich, daß ein Regenbogen
‘现在我明白了,那道彩虹Sich hoch um meine Stirne zieht,
在我头上高高架起的桥梁Den auf dem Pfad, den ich gezogen,
在我走过的这条小路上Die heitre Ferne spielen sieht.
能在远处微笑着看它嬉戏Und die mir hier am nächsten stehen,
而与我至亲至近的人Und wer mich scharf zu kennen meint,
而自诩对我所知甚深的人Sie können selber doch nicht sehen,
却无法看到Wie er versöhnend ob mir scheint.
我得蒙救赎的那道虹So wird, wenn andre Tage kommen,
而当另一天到来之际Die sonnig auf dies Heute sehn,
回望今日的灿烂之际Ob meinem fernen, bleichen Name,
在我遥远,褪色的名字之上Der Ehre Regenbogen stehn.’
定会屹立着荣光之虹’
2023 年 4 月 25 日
他死了。之后,他的牺牲,换来了 Level 11 的大部分重塑,几乎所有的有学校的层级基本联合发表了 《关于校园的十大问题改良方案》 ,并且将于 5 月运行。但我仍然在想,想为什么我没有救他,想为什么他要这样做。
我对不起,你,还有他。
来源于目前仍然岔不开的问题:校园霸凌。
原稿先投于云分,其实也差不了多少时间。
诗歌为 Abendregen ( 夜雨 ) ,中文翻译来自于https://zhuanlan.zhihu.com/p/486306347,侵权删除。
CloudsWind
« 向前渡步 | Yesterday | 活于雨中 »