: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 }
@import url("https://cdn.scpwiki.com/theme/en/black-highlighter/css/min/black-highlighter.min.css"); :root:lang(cn) { --theme-base: "黑色标记笔"; --theme-id: "neo-year"; --theme-name: "新年"; --logo-image: url("http://backrooms-oversight-cn.wikidot.com/local--files/posts/CN-logo-alt-white.png"); --header-title: "The Backrooms"; --header-subtitle: "新年新气象"; --lotus-gray: 168,166,185;/*莲灰*/ --ultramarine: 8,68,149;/*群青*/ --pine-green: 132,192,190;/*松绿*/ --dark-green: 78,95,69;/*苍绿*/ --chinapink-purple: 99,7,28;/*石竹紫*/ --locust-yellow: 239,228,82;/*槐黄*/ --white-monochrome: 231, 229, 208;/*蜡白*/ --pale-gray-monochrome: 244,215,180;/*真丝绸色*/ --light-pale-gray-monochrome: 193,120,134;/*肉红*/ --very-light-gray-monochrome: 218,149,131;/*蛤粉*/ --light-gray-monochrome: 197,105,120;/*银红*/ --gray-monochrome: 164,65,79;/*殷红*/ --dark-gray-monochrome: 147,84,88;/*曙红*/ --black-monochrome: 36,29,0;/*将校呢*/ --pale-accent: 196,71,61;/*番茄红*/ --bright-accent: 213, 75, 68;/*榴花红*/ --medium-accent: 174,80,107;/*苏木色*/ --dark-accent: 121,61,86;/*玫瑰灰*/ --alt-accent: var(--ultramarine); --swatch-topmenu-border-color: var(--gray-monochrome); --gradient-header: linear-gradient(to bottom, rgba(var(--bright-accent)) 0%, rgba(var(--gray-monochrome), 1) 100%); --gradient-topmenu-mobile: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'),linear-gradient(to bottom, rgba(var(--swatch-topmenu-border-color), 1) 0, rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem, rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem), rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem), rgba(var(--swatch-topmenu-border-color), 1) var(--topbar-height-on-mobile)); --diagonal-stripes: linear-gradient(transparent 0); } #container { background:url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'); } #header { background-size: 6rem; background-position: 0.5rem 2.5rem; } #top-bar { --dropdown-border-color: var(--bright-accent), 0.5; } #top-bar div.top-bar>ul>li>ul, #top-bar div.mobile-top-bar>ul>li>ul { background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'); } #side-bar, #side-bar:hover { background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'); } #page-content table.wiki-content-table tr, #page-content table.wiki-content-table td, #page-content table.wiki-content-table th { border: 0.15rem solid rgb(var(--gray-monochrome))!important; } #page-content table.wiki-content-table th { background-color: rgb(var(--gray-monochrome)); background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'); } #page-content .bluetable table.wiki-content-table tr, #page-content .bluetable table.wiki-content-table td, #page-content .bluetable table.wiki-content-table th { border: 0.15rem solid rgb(var(--ultramarine))!important; } #page-content .bluetable table.wiki-content-table th { background-color: rgb(var(--ultramarine)); } #page-content .greentable table.wiki-content-table tr, #page-content .greentable table.wiki-content-table td, #page-content .greentable table.wiki-content-table th { border: 0.15rem solid rgb(var(--dark-green))!important; } #page-content .greentable table.wiki-content-table th { background-color: rgb(var(--dark-green)); } .yui-navset .yui-nav a::before { --clip-path: polygon(0 0, -0.25rem 0, -1rem 100%, 0 100%); } .yui-navset .yui-nav li:hover a::before, .yui-navset .yui-nav li:active a::before, .yui-navset .yui-nav li:focus a::before { --clip-path: polygon(0 0, calc(100% + 1rem) 0, calc(100% + 0.75rem) 100%, 0 100%); } .yui-navset .yui-nav .selected{ transform:translateY(0rem); box-shadow:0 0 0 0rem rgb(var(--tabs-selected-outline)); } .styled-quote { background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'),rgb(var(--pale-gray-monochrome)); border-left: 0.5rem solid rgba(var(--gray-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0, 0, 0, .25); } .dark-styled-quote { background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'),rgb(var(--gray-monochrome)); border-left: 0.5rem solid rgba(var(--pale-gray-monochrome)); color: rgb(var(--white-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0, 0, 0, .25); } .dark-styled-quote a { color: rgb(var(--pine-green)); } .lightblock { background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'),rgb(var(--pale-gray-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25); } .darkblock a, .welcome a { color: rgb(var(--pine-green)); } .darkblock { background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'),rgb(var(--gray-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25); color: rgb(var(--white-monochrome)); } .pineblock { background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'),rgb(var(--pine-green)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25); } .purpleblock { background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'),rgb(var(--chinapink-purple)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25); color: rgb(var(--white-monochrome)); } .purpleblock a { color: rgb(var(--lotus-gray)); } .darkgreenblock { background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'),rgb(var(--dark-green)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25); color: rgb(var(--white-monochrome)); } .ultramarineblock { background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'),rgb(var(--ultramarine)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25); color: rgb(var(--white-monochrome)); } .lotusblock { background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'),rgb(var(--lotus-gray)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25); } .ultramarineblock a.newpage { color: rgb(var(--dark-gray-monochrome)); } .locustblock { background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ach-scp-theme/subtle_white_mini_waves.png'),rgb(var(--locust-yellow)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25); } .styled { border-left: 0.5rem solid rgba(var(--gray-monochrome)); } .styled-r { border-right: 0.5rem solid rgba(var(--gray-monochrome)); } .styled-d { border-right: 0.5rem solid rgba(var(--gray-monochrome)); border-left: 0.5rem solid rgba(var(--gray-monochrome)); } .dark-styled { border-left: 0.5rem solid rgba(var(--pale-gray-monochrome)); } .dark-styled-r { border-right: 0.5rem solid rgba(var(--pale-gray-monochrome)); } .dark-styled-d { border-right: 0.5rem solid rgba(var(--pale-gray-monochrome)); border-left: 0.5rem solid rgba(var(--pale-gray-monochrome)); }
:root { --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15)); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 56.25rem) { #content-wrap { display: flex; position: initial; flex-direction: row; flex-grow: 2; width: calc(100vw - (100vw - 100%)); max-width: inherit; height: auto; min-height: calc(100vh - var(--final-header-height-on-desktop, 10.125rem)); margin: 0 var(--sidebar-width-on-desktop, 13.6rem) 0 calc(var(--sidebar-width-on-desktop, 13.6rem) * -1 / 2); } #main-content { position: initial; width: var(--body-width-on-desktop, 45.75rem); max-width: var(--body-width-on-desktop, 45.75rem); max-height: 100%; margin: 0 auto; padding: 2rem 1rem; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } #side-bar { position: -webkit-sticky; position: sticky; top: 0; left: 0; grid-area: side-bar; width: var(--sidebar-width-on-desktop, 13.6rem) !important; min-width: var(--sidebar-width-on-desktop, 13.6rem) !important; max-height: 100vh; padding-right: 2.5rem; padding-left: 0.5rem; overflow-y: scroll; transition: translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear; border: none; border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4); background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0); translate: calc(var(--sidebar-width-on-desktop, 13.5rem) * -1 - 1rem); direction: rtl; scrollbar-width: thin; -ms-scroll-chaining: none; overscroll-behavior: contain; scrollbar-color: rgba(var(--swatch-primary-darker), 0.1) /* Thumb */ rgba(var(--swatch-tertiary-color), 0.05); /* Track */ } #side-bar::-webkit-scrollbar-track { background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8); } #side-bar::-webkit-scrollbar, #side-bar::-webkit-scrollbar-thumb, #side-bar::-webkit-scrollbar-corner { width: 0.5rem; border-right-width: calc(100vw + 100vh); border-right-style: inset; border-color: inherit; background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0); } #side-bar:is(:hover, :active, :focus-within) { margin-right: 2.25rem; padding-right: 0.25rem; overflow-x: hidden; overflow-y: auto; border-color: rgba(var(--swatch-primary-darker), 1); background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1); translate: calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0)); scrollbar-color: rgba(170, 170, 170, 1) /* Thumb */ rgba(252, 252, 252, 1); /* Track */ scrollbar-color: rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */ rgb(var(--swatch-menubg-color, 252, 252, 252), 1); /* Track */ } #main-content::after { content: " "; display: flex; position: fixed; top: 0; left: 1rem; align-items: center; justify-content: center; width: 1rem; height: 100%; max-height: 100%; transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg"); background-attachment: fixed; background-repeat: no-repeat; background-position: center left 1rem; background-size: 1rem 12.875rem; pointer-events: none; } #side-bar:is(:hover, :active, :focus-within) + #main-content::after { left: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1); width: 0rem; transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); opacity: 0; background-position: center left calc(var(--sidebar-width-on-desktop, 14.5rem) * -1); font-size: 0em; } #main-content::before { content: " "; position: absolute; z-index: 9; top: var(--final-header-height-on-desktop, 0); left: 0; width: var(--sidebar-width-on-desktop, 14.5rem); height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem); margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem); transition: translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); opacity: 0.5; background-color: rgb(var(--swatch-alternate-color, 0, 0, 0)); pointer-events: none; translate: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1 + 1rem); } #side-bar:is(:hover, :active, :focus-within) + #main-content::before { translate: 0; opacity: 0; } #side-bar .side-block { margin-top: 1em; padding-left: 0.25em; border-right-width: 0rem; border-left-width: 0rem; border-radius: 0; background-color: rgb(0, 0, 0, 0); direction: ltr; } #side-bar .scpnet-interwiki-wrapper { direction: ltr; } /* Print Friendly Formatting by Estrella */ body.print-body { --sidebar-width-on-desktop: 0; } body.print-body #main-content::before, body.print-body #main-content::after { display: none; } }
预祝各位新年快乐!
新年、新歌、新竞赛!
重返音乐的黄金年代!
音乐是人类最主要的几种艺术形式之一,它抽象地通过乐音传达着作曲家的感受,却总能被最直接的在听众耳畔被解读为细腻的情感。它一直伴随着我们站点的发展历程,无论何时,总会出现好几篇取材自具体曲目的作品,从最早的Level UX-40.1里歌者盛大的摇滚演出,到Level UX-234将反乌托邦的幻想化作风雨之轻声,再到Level UX-299宇宙尽头的金唱片,音乐从浮动的旋律化作了具体的符号,加深到我们的文字作品中,而情感隽永恒长不变。
远山泡影系列开了个好头,将“片尾曲”这一要素放到文里,极大的加深了作品的电影感,借以已存在的歌声,呼唤失落的感觉,后来也被大家所陆陆续续地采用,形成了新的风尚,可以说,这也是UX-PI引领整百风尚的直接表现。
这次,就让我们看看,我们还能怎么样在这一至高的艺术身上挖掘更多美好的素材吧!
决赛圈公示
评定文章——共7篇
投票入口
竞赛已经结束!
恭喜【故事】晴天夺得本次竞赛的冠军,在最终投票中结果激烈角逐,获得冠军,恭喜SonaSonaSona拿下Level UX-300的位置,并且她的作品也是第一个得到比赛冠军的非层级文档!Phenomenon UX-9和Level UX-245.3分别位列亚军和季军,恭喜。但是,Level UX-245.3因为作者和冠军系同一人,奖金顺延到Level UX-235之上!
Level UX-245.3赛后将被移动至Level UX-300.3,和它的母层级一起。
又称周杰伦获得格莱美
以下是票数统计:| 晴天 | 30有效票 |
| Phenomenon UX-9 | 23有效票 |
| Level UX-245.3 | 21有效票 |
| Level UX-235 | 14有效票 |
| Level UX-280 | 10有效票 |
| E.T.C.战略投资会议纪要 | 10有效票 |
| Level UX-261 | 7有效票 |
投票采用首选票制度,每个人从最终收入的7篇决赛圈文档中选择3篇最令自己喜爱的文档。其中,你有一张首选票,它记作2分,你还有两张次选票,它们记作1分;与之相对的,站务组的投票每张票都要再加上1分。投票完全匿名,结束后你可以查看目前的排名,你不能修改自己的投票,不能刷票。直到3月9日早上0点,投票结束。
Level UX-235 - 「残灯花火」
是的,我们会忘记,我们会消散,我们会在未来的某个夜晚成为彼此记忆里一朵模糊的花火。但那都是未来的事了;至少此刻,我们还在看着同一片星空。
Phenomenon UX-9 - 告白气球
“你哭什么啊!我都答应你了,你还要怎么样?我从一开始就答应你了,我们永远不会分开,永远都在一起,不是吗?”
Level UX-245.3 - 听妈妈的话
by SonaSonaSona
别哭了,你已经是个成年人了,或者说,你已经离开我很久了,为什么你还是这么悲伤?坚强一点,听妈妈的话,像我的期待一样去做吧,然后接下来的选择,你自己做。妈妈不能一直陪在你的身边。对不起。
Level UX-280 - 最美好的前途
即使是宏大如新列宁格勒般的建筑群,在这样不见尽头的无聊世界中央也只得成为一粒可有可无的细沙。整座新列宁格勒成了废墟与碎瓦的世界,只剩下一座列宁像仍然伫立,完整。
推荐人:IonH2O、SonaSonaSona
晴天
by SonaSonaSona
我回了海虹乡的家,看到他们在用新芽嫁接旧枝;我见到了雨海文学社的成员,看到他们正在对着必将陨落的旧雨写出新诗;我撑着船游到了解离客的水域,他们告诉我应该放下名为记忆的包裹。也许他们说的都对,但我想要的,唯有最初的那一首,那是我梦中都在歌唱的,遥远的歌。
E.T.C.战略投资会议纪要:我们如何销售音乐
我今天对与座的各位谈论音乐与怀旧,校园和吉他,并不是因为我们变感性了,这只是一场纯粹的商业行为,只是提出了一个战略投资方向的可能性,将音乐作为我们涉足娱乐产业的第一个支点而已。
推荐人:SonaSonaSona、IonH2O
比赛时间
- 准备时间为2025/12/20~2026/1/20。
- 在这一阶段,你可以好好构思你的作品,为你的音乐写入具体的翅膀。你在此阶段投稿的作品将不被认为是参赛作品。
- 比赛时间为2026/1/21~2026/3/7。2
- 在这一阶段,你可以投稿你的参赛作品,Rank机制将被暂停,你所贴到网站上的,声明参加比赛的作品都将作为比赛的一部分,好好在这里努力拿个奖吧!
- 投票时间为2026/3/8。
- 这一阶段,站务组会选定7篇优秀作品,然后我们将会发布投票链接,同时贴到网站和群聊内,以供各位进行投票。其中最高分作品将成为本次竞赛的冠军。
- 颁奖时间为2026/3/9~2026/3/10。
- 这一阶段就是分发奖金,宣布颁奖词,竞赛总结,以及分配编号的时间了。
评审方式
- 本次竞赛依然为公开投票,投票时间在2026年3月8日。各位如果放假提前结束,可以提前告知我所希望投票的名列,以此在决赛圈前计票。
- 站务组
SonaSonaSona、
LittleSweetAika、
IonH2O可以参与公开投票,他们的任务是从所有的参赛稿选出7篇最好的作为决赛圈,然后,交给大家进行投票。不过,赛后的依次评Rank依然是月度评委制度。
- 投票并不依赖于站内的评分系统,而是在站外进行收集统计。3
- 每个人从最终收入的7篇4中选择3篇最令自己喜爱的文档,每次选择记作1分,其中你有一张首选票,它记作2分;与之相对的,站务组的投票每张票都要再加上1分。
- 投票完成后,按顺序排列这些文章,前三名获得基础奖金,然后其他的作为精品。额外奖金会在投票结束后发放。
- 这一次你依然可以不符合题目要求进行创作,但是如果你这样做了,你的作品即使得票数再高,也不能进入前三名之内。
奖金
竞赛前三名将会获奖,奖金如下所示:
- 第一名:100元人民币。
- 第二名:50元人民币。
- 第三名:20元人民币。
- 第四至七名:均获得10元人民币奖励。
若至3月14日仍未领奖,将会被视为放弃。领取方式可以选择微信或支付宝,或者其他方便的手段,比如换成等价的Steam游戏、cdkey,甚至网易我的世界模组之类的,只要你喜欢而且方便我颁奖,那就可以。
另外,和之前宣布的一样,最终获得第一名的参赛者可以当即决定Level UX-300归属于自己的一篇特定的Rank 4级以上层级文档作品!当然啦,如果第一名是层级文档的话,你会选本次竞赛获胜的这篇,对吧?
关于参赛主题
音乐是一个很具象化的概念,类似之前的“游戏”竞赛,你的文章必须出现音乐元素,包括重要的细节、主题、重点元素、片尾曲形式等,都是有效的。也就是内容不足片尾曲凑
如何投稿
很简单,你只需要把你的作品上传到网站上,然后在下面的tag区域增加上“二月“音乐”竞赛”的标签,如此一来,你的作品会显示在本页面的下方!这就说明你参加成功了。如果你在其他地方参加,可以委托某人搬运到站点上,也是有效的!
如果你想投稿层级文档,你可以在除了Level UX-300以外的任何一个在Level UX-0到Level UX-349之间的空编号内选择你心仪的编号,是的,你可以提前选择大于300的编号,但比赛结束后,并不会直接开放新的系列编号,而且将所有现有作品从小到大列出。
其它的规则?
- 可以参赛的项目包括适用于以下tag的文章:层级、实体、现象、物品、故事、搞笑文档、团体、crossover。但是你创造的新团体仍然需要对此进行设定和故事支撑!
- 如果你在站外参加此次竞赛,你需要以任何文本格式发送你的文章给站务组成员,包括沙盒链接、文本文档和带文字图片。
- 站点不会因为此次竞赛对加入站点进行额外的豁免,你依然需要且只能在游玩服务器的目的下入站5,或通过友谊站点等方式获得邀请。但你可以使用沙盒或其它方式进行站外投稿。
- 每个人的投稿次数不限,这意味着你可以无限制地进行投稿,不过能否获选最终仍然取决于你的文章水准。你多次投稿的文档也可以获得不同的名次并且累加奖金总额,自然是这样。
- 如有必要,你可以在发表之后修改你的文章。
- 以及必须是新页面或参加竞赛前没有评分的页面。
- 如果你希望多站投稿,必须在3月8日之后进行搬运,否则直接取消评选资格,由下一名次进行补位。你不可以使用在其它非各大官方性语言分支站点使用的设定作为你的文章基础,这会使你的文章立刻被撤销评选资格。
- 尝试为你自己攫取有失公正的好处将遭致资格的剥夺。什么会被算作在内会由平行与相交站点的职员团队以就事论事的原则进行决定。
- 自up可以,因为反正评分没什么用。
特别提示
不要太在意输赢得失,还有排名位置,你的每一次进步我们都看在眼里。爱好是没有必要用水平高低来衡量的,请记住,Rank是且只是起到阅读推荐顺序的作用,只有你才是决断你作品好坏的唯一界定人。
提交作品列表:
参赛作品
| 参赛作品 | 发布时间 |
|---|---|
| Level UX-282 “演唱会” | 07 Mar 2026 14:09 |
| Phenomenon UX-9 “告白气球” | 06 Mar 2026 13:53 |
| 红楼 | 05 Mar 2026 10:49 |
| Level UX-295 “雨海广播电视塔” | 04 Mar 2026 12:53 |
| 谎言舞者 | 03 Mar 2026 05:23 |
| Level UX-236「圆形监狱」 | 27 Feb 2026 20:28 |
| Level UX-300.3 “听妈妈的话” | 26 Feb 2026 15:46 |
| Level UX-264 “解离集团” | 25 Feb 2026 03:28 |
| Level UX-179.1 “可乐零元购” | 24 Feb 2026 15:33 |
| Level UX-235「残灯花火」 | 22 Feb 2026 03:40 |
| E.T.C.战略投资会议纪要:我们为什么要进军音乐分销产业,及其在下一步娱乐产业布局中的重要性 | 21 Feb 2026 07:30 |
| 让我们回到那个没有耄耋的过去 | 17 Feb 2026 04:09 |
| Level UX-254 “花雨庭” | 06 Feb 2026 10:54 |
| Level UX-253 “钟表店” | 06 Feb 2026 10:53 |
| Level UX-261 “一个没有椰子狗的世界” | 03 Feb 2026 13:17 |
| 存活千年 | 03 Feb 2026 10:22 |
| Level UX-214 “琴房” | 02 Feb 2026 03:19 |
| Level UX-223 “水墨画” | 01 Feb 2026 13:04 |
| Entity UX-37 “我身后的声音” | 30 Jan 2026 19:32 |
| Level UX-213 “书斋” | 30 Jan 2026 11:59 |
| Level UX-252 “枯树下” | 27 Jan 2026 14:38 |
| 晴天 | 26 Jan 2026 18:50 |
| Level UX-262 “琴室” | 23 Jan 2026 16:42 |
| Level UX-300 “花、太阳、雨” | 22 Jan 2026 16:28 |
| Level UX-280 “最美好的前途” | 21 Jan 2026 11:52 |
| Phenomenon UX-25 “色欲…” | 20 Jan 2026 16:24 |
如果你看了相关页面,就应该知道入站需要先入群。我们的群聊审核单有专门的入站签,所以你的入群目的也可以是仅入站。可能有点混乱,没关系,正常操作就好。

