: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 }
/* 目录 1.字体调整&避免乱码 2.版头图像 3.页面淡入动画 4.属性值 5.评分模块 6.图像块 7.版头设置 8.特殊选择器 9.顶侧栏 10.页面背景圆形渐变 11.底部按钮 12.自定义div 13.代码块 14.主要工具 15.tabview标签样式化 16.表格样式化 17.圆点动画 18.生存难度模块 19.底部选项功能区 20.排版工具组适配代码 */ /* 1.字体调整&避免乱码 */ @charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300&display=swap'); /* 2.版头图像 */ #skrollr-body { background-image: radial-gradient(circle, rgb(var(--worst-black)) 50%, transparent 0); background-repeat: repeat; background-size: 0.25em 0.25em; width: 100%; height: 7.5rem; } #header { background-image: none; } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: var(--logo-image); background-size: auto 16rem; background-position: center; background-repeat: no-repeat; opacity: 0.4; } /* 3.页面淡入动画 */ @media screen and (prefers-reduced-motion: no-preference) { #page-title, #breadcrumbs, #page-content > * { animation: fadeIn var(--fade-in-duration) 1 ease-out backwards; } #page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); } #page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); } #page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); } #page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); } #page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); } #page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); } #page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); } #page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); } #page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); } #page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); } #page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); } #page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); } #page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); } #page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); } #page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); } #page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); } } @keyframes fadeIn { from { opacity: 0; transform: translate(0,30px); } to { opacity: 1; transform: translate(0,0); } } /* 4.属性值 */ :root { /* 4.1.版式专属变量 */ --worst-black: 5, 5, 5; --worst-red: 215, 0, 0; --worst-better-red: 255, 0, 0; --worst-white: 255, 255, 255; --worst-light-red: 136, 8, 8; /* 4.2.默认版式变量修改 */ --fade-in-delay: 0.35s; --body-font: 'Chakra Petch', '仓耳与墨W02' , TsangerYuMo-W03, sans-serif; --header-font: var(--body-font); --title-font: var(--body-font); --mono-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace; --theme-base: "Prepare for the worst"; --theme-id: "prepare-for-the-worst"; --theme-name: "Prepare For The Worst"; --logo-image: url(""); --header-title: "The Backrooms"; --header-subtitle: ""; --very-white-monochrome: var(--worst-white); --white-monochrome: var(--worst-red); --red-monochrome: var(--worst-better-red); --pale-gray-monochrome: var(--worst-black); --light-gray-monochrome: var(--worst-red); --light-pale-gray-monochrome: var(--worst-red); --gray-monochrome: var(--worst-red); --very-black-monochrome: var(--worst-black); --black-monochrome: var(--worst-black); --bright-accent: var(--worst-red); --medium-accent: var(--worst-red); --custom-text: var(--worst-red); --dark-accent: var(--worst-red); --pale-accent: var(--worst-red); --very-light-gray-monochrome: var(--worst-red); --pale-grey-monochrome: var(--worst-red); --dark-gray-monochrome: var(--worst-red); --rating-module-button-plus-color: var(--worst-light-red); --rating-module-button-negative-color: var(--worst-light-red); --rating-module-button-cancel-color: var(--worst-light-red); --thread-accent-color: var(--worst-black); --alt-accent: var(--worst-red); --anim-position: fixed; --fade-in-duration: 10.50s; --anim-color: var(--worst-light-red); --placeholder_color: var(--worst-light-red); /* 4.3.版式颜色 */ --swatch-background: var(--worst-black); --swatch-primary: var(--worst-red); --swatch-primary-darker: var(--worst-red); --swatch-primary-darkest: var(--worst-black); /* 4.4.文本颜色 */ --swatch-text-dark: var(--worst-red); --swatch-text-light: var(--worst-red); --swatch-important-text: var(--worst-red); --barColour: var(--worst-black); --linkColour: var(--worst-red); /* 4.5.菜单颜色 */ --swatch-menubg-color: var(--worst-black); --swatch-menubg-light-color: var(--worst-black); --swatch-menubg-medium-color: var(--worst-red); --swatch-menubg-medium-dark-color: var(--worst-red); --swatch-menubg-dark-color: var(--worst-black); --swatch-menubg-black-color: var(--worst-black); --swatch-menubg-hover-color: var(--worst-black); --swatch-menutxt-dark-color: var(--worst-red); --swatch-menutxt-light-color: var(--worst-red); --swatch-border-color: var(--worst-red); /* 4.6.版头颜色 */ --swatch-headerh1-color: var(--worst-red); --swatch-headerh2-color: var(--worst-red); --swatch-topmenu-border-color: var(--worst-red); --swatch-topmenu-bg-color: var(--worst-black); /* 4.7.链接颜色 */ --link-color: var(--worst-better-red); --visited-link-color: var(--worst-better-red); --hover-link-color: var(--worst-red); --sidebar-links-text: var(--worst-red); --link-color-bright: var(--worst-better-red); /* 4.8.评分模块颜色 */ --rating-module-button-color: var(--worst-red); --rating-module-text-color: var(--worst-red); /* 4.9.版头渐变 */ --gradient-header: none; --diagonal-stripes: none; } /* 5.评分模块 */ .page-rate-widget-box { box-shadow: 0px 0px 5px 1px rgb(var(--worst-light-red)); } /* 6.图像块 */ .scp-image-caption, .scp-image-block.block-right, .scp-image-block.block-left { box-shadow: 0px 0px 5px 3px rgb(var(--worst-light-red)); } /* 7.版头设置 */ #header, #top-bar { background-attachment: scroll; } #header h1, #header h1 a { position: absolute; top: 1rem; margin: 0; width: 100%; display: flex; justify-content: center; z-index: 0; } #header h2 span:after { text-shadow: 1.5; content: "做好最坏的打算"; color: rgb(var(--worst-red)); position: absolute; top: 2rem; margin: 0; width: 100%; display: flex; justify-content: center; animation: glitch2 5s step-end infinite; } #header h2 span:before { animation: glitch1 5s step-end infinite; } @keyframes glitch2 { 0% {left:0; top:2rem;} 1% {right:0.1rem; top:2rem;} 2% {left:0.1rem; top:2rem;} 3% {right:0.1rem; top:2rem;} 4% {left:-0.1; top:2rem;} 5% {right:-0.1; top:2rem;} 6% {left:0; top:2.1rem;} 7% {left:0; top:1.9rem;} 8% {left:0; top:1.9rem;} 9% {left:0; top:2.1rem;} 10% {top: -10rem;} 50% {left:0; top:2rem;} 51% {right:0.1rem; top:2rem;} 52% {left:0.1rem; top:2rem;} 53% {right:0.1rem; top:2rem;} 54% {left:-0.1; top:2rem;} 55% {right:-0.1; top:2rem;} 56% {left:0; top:2.1rem;} 57% {left:0; top:1.9rem;} 58% {left:0; top:1.9rem;} 59% {left:0; top:2.1rem;} 60% {left:0px; top:2rem;} } @keyframes glitch1 { 0% {right:0; top:2rem;} 1% {left:0.1rem; top:2rem;} 2% {right:0.1rem; top:2rem;} 3% {left:0.1rem; top:2rem;} 4% {right:-0.1; top:2rem;} 5% {left:-0.1; top:2rem;} 6% {right:0; top:1.9rem;} 7% {right:0; top:2.1rem;} 8% {right:0; top:2.1rem;} 9% {right:0; top:1.9rem;} 10% {right:0px; top:2rem;} 50% {right:0; top:2rem;} 51% {left:0.1rem; top:2rem;} 52% {right:0.1rem; top:2rem;} 53% {left:0.1rem; top:2rem;} 54% {right:-0.1; top:2rem;} 55% {left:-0.1; top:2rem;} 56% {right:0; top:1.9rem;} 57% {right:0; top:2.1rem;} 58% {right:0; top:2.1rem;} 59% {right:0; top:1.9rem;} 60% {top: -10rem;} } /* 8.特殊选择器 */ .redglow{ text-shadow: 0 0 1px rgb(var(--worst-light-red)), 0 0 3px rgb(var(--worst-light-red)), 0 0 5px rgb(var(--worst-light-red)); } .start-grad, end-grad { -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; } .start-grad { background: linear-gradient(to right, rgba(var(--worst-light-red), 0.75), rgba(var(--worst-light-red),1)); } .end-grad { background: linear-gradient(to right, rgba(var(--worst-light-red),1), rgba(var(--worst-light-red), 0.75)); } .hovertip .f-heading { background-color: rgb(var(--worst-red)); color: rgb(var(--worst-black)); } a.newpage { background: transparent; color: rgb(var(--worst-light-red)); text-decoration: none; } /* 9.顶侧栏 */ #side-bar .side-block div a img { filter: grayscale(100%); } #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:hover { background: rgb(var(--worst-black)); color: rgb(var(--worst-better-red)); } #search-top-box input.empty { color: rgb(var(--worst-better-red)); } #search-top-box-input { border-color: rgb(var(--worst-better-red)); } #side-bar div.collapsible-block div.collapsible-block-folded:is(:hover,:active,:focus,:focus-within)>a.collapsible-block-link, #side-bar div.collapsible-block div.collapsible-block-folded>a.collapsible-block-link:is(:hover,:active,:focus,:focus-within) { background: rgb(var(--worst-black))!important; color: rgb(var(--worst-better-red))!important; } #side-bar div.collapsible-block div.collapsible-block-unfolded-link>a.collapsible-block-link { background: rgb(var(--worst-black))!important; color: rgb(var(--worst-better-red))!important; } #side-bar div.collapsible-block div.collapsible-block-unfolded-link:is(:hover,:active,:focus,:focus-within)>a.collapsible-block-link, #side-bar div.collapsible-block div.collapsible-block-unfolded-link>a.collapsible-block-link:is(:hover,:active,:focus,:focus-within), #top-bar > div.top-bar > ul > li > ul > li > a:is(:hover,:active,:focus,:focus-within) { background: rgb(var(--worst-red))!important; color: rgb(var(--worst-black))!important; } #interwiki, #side-bar { --sidebar-collapsible-link-hover-bg: var(--worst-red); --sidebar-links-hover-bg-color: var(--worst-red); --sidebar-links-hover-text-color: var(--worst-black); } #top-bar { --dropdown-links-hover-bg-color: var(--worst-black); } #header > div#login-status > div#account-options { background-color: rgb(var(--worst-black)); border-color: rgb(var(--worst-red)); } #header > div#login-status > div#account-options > ul > li > a { color: rgb(var(--worst-better-red)); } /* 10.页面背景圆形渐变 */ #container { background-image: radial-gradient(circle, rgba(var(--worst-red), 0.05) 50%, transparent 0); background-size: 0.25em 0.25em; background-repeat: repeat; background-attachment: fixed; } #extrac-div-1 { position: fixed; width: 100vw; height: 100vh; pointer-events: none; background: repeating-linear-gradient(180deg,rgba(var(--worst-black),0),rgba(var(--worst-black),.15) 50%,rgba(var(--worst-black),0)); background-size: auto 8px; opacity: 0.7; } #extrac-div-2 { position: fixed; width: 100vw; height : 1rem; top: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(var(--worst-white),0.45) 0%,rgba(var(--worst-white),0.45) 50%,rgba(var(--worst-white),0.45) 45%,rgba(var(--worst-white),0.4) 100%); opacity : .1; animation: scanm 6s linear infinite; } @keyframes scanm { 0% { top: -1rem; opacity : .01;} 25% { top: 50%; opacity: .01;} 37.5% { top: 75%; opacity: 0.01;} 50% { top: 100%; opacity: .01;} 100% { top: 100%; opacity: .01;} } #extrac-div-3 { position: fixed; width: 100vw; height: 100vh; pointer-events: none; background-image: radial-gradient(circle, rgba(var(--worst-black),0.1) 0%, rgba(var(--worst-white),0.45) 60%, rgba(var(--worst-better-red),0.45) 100%); opacity: 0.25; mix-blend-mode: color-dodge; background-repeat: no-repeat; background-size: cover; z-index: 30; } /* 11.底部按钮 */ div#page-options-bottom-2 > a, div#page-options-bottom > a { border-radius: 0; border: none; } div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover { border: none; } div#page-options-bottom-2>a, div#page-options-bottom>a, div[id*=page-options-bottom]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn { background-color: rgb(var(--worst-black))!important; } div.page-watch-options a:is(:hover,:active,:focus,:focus-within) { color: rgb(var(--worst-red)); } /* 12.自定义div */ .styled-quote, .styled_quote, .styledQuote { /* 对于不喜欢连字符的用户 */ background-color:rgb(var(--worst-black)); border: 0.235rem solid rgba(var(--worst-red)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.20rem 0.6rem 0.8rem rgba(var(--worst-light-red),.25); } .light-styled-quote, .light_styled_quote, .lightStyledQuote { background-color:rgb(var(--worst-red)); color: rgb(var(--worst-black)); border-left: 0.5rem solid rgba(var(--worst-black)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--worst-black),.25); } .dark-styled-quote, .dark_styled_quote, .darkStyledQuote { background-color:rgb(var(--worst-black)); border-left: 0.5rem solid rgba(var(--worst-red)); color:rgb(var(--worst-red)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--worst-black),.25); } .dark-styled-quote a, .styled-logoblock a, .darkblock a, .dark_styled_quote a, .darkStyledQuote a, .styled_logoblock a, .styledLogoblock a { color: rgb(var(--worst-red)); } .lightblock { background-color:rgb(var(--worst-red)); color: rgb(var(--worst-black)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(var(--worst-black),.25); } .darkblock { background-color:rgb(var(--worst-black)); color:rgb(var(--worst-red)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(var(--worst-black),.25); } .border-logoblock, .border_logoblock, .borderLogoblock{ padding: 0.01rem 1rem; box-shadow: 0 0.2rem 0.3rem rgba(var(--worst-black),.25); color:rgb(var(--worst-black)); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color: rgb(var(--worst-red)); border: solid 0.3rem rgb(var(--worst-black)); } .logoblock { padding: 0.01rem 1rem; color:rgb(var(--worst-black)); box-shadow: 0 0.2rem 0.3rem rgba(var(--worst-black),.25); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color: rgb(var(--worst-red)); } .logoblock::after, .styled-logoblock::after, .dark-logoblock::after, .border-logoblock::after, .lightstyled-logoblock::after, .styled_logoblock::after, .dark_logoblock::after, .border_logoblock::after, .lightstyled_logoblock::after, .styledLogoblock::after, .darkLogoblock::after, .borderLogoblock::after, .lightstyledLogoblock::after { content: ""; float: center; background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .lightstyled-logoblock, .lightstyled_logoblock, .lightstyledLogoblock { padding: 0.01rem 1rem; color:rgb(var(--worst-black)); box-shadow: 0 0.2rem 0.3rem rgba(var(--worst-black),.25); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color: rgb(var(--worst-red)); border-left: 0.5rem solid rgba(var(--worst-black)); } .dark-logoblock, .dark_logoblock, .darkLogoblock { padding: 0.01rem 1rem; color:rgb(var(--worst-red)); box-shadow: 0 0.2rem 0.3rem rgba(var(--worst-black),.25); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color: rgb(var(--worst-black)); border: 1px solid rgba(var(--worst-red)); } .styled-logoblock, .styled_logoblock, .styledLogoblock { padding: 0.01rem 1rem; color:rgb(var(--worst-red)); box-shadow: 0 0.2rem 0.3rem rgba(var(--worst-black),.25); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color: rgb(var(--worst-black)); border-left: 0.5rem solid rgba(var(--worst-red)); } .dark-borderblock, .dark_borderblock, .darkBorderblock { background-color:rgb(var(--worst-black)); color:rgb(var(--worst-red)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(var(--worst-black),.25); border: solid 0.3rem rgb(var(--worst-red)); } .light-borderblock, .light_borderblock, .lightBorderblock { background-color:rgb(var(--worst-red)); color:rgb(var(--worst-black)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(var(--worst-black),.25); border: solid 0.3rem rgb(var(--worst-black)); } .dark-titleblock, .dark_titleblock, .darkTitleblock { background-color: rgb(var(--worst-black)); color:rgb(var(--worst-red)); padding: 0.5rem 1rem 0.10rem; margin: 1.5rem 0rem 0.5rem 0rem; box-shadow: 0 0.2rem 0.3rem rgba(var(--worst-black),.5); border: solid rgb(var(--worst-red)) 2px; } .dark-titlebox,.dark_titlebox,.darkTitlebox{ color: rgb(var(--worst-red)); position: relative; top: -1.6rem; background-color: rgb(var(--worst-black)); padding: 0.25rem 1rem; line-height: 0.1rem; border: solid rgb(var(--worst-red)) 2px; } .light-titleblock,.light_titleblock,.lightTitleblock { background-color: rgb(var(--worst-red)); color:rgb(var(--worst-black)); padding: 0.5rem 1rem 0.10rem; margin: 1.5rem 0rem 0.5rem 0rem; box-shadow: 0 0.2rem 0.3rem rgba(var(--worst-black),.5); border: solid rgb(var(--worst-black)) 2px; } .light-titlebox,.light_titlebox,.lightTitlebox{ color: rgb(var(--worst-black)); position: relative; top: -1.6rem; background-color: rgb(var(--worst-red)); padding: 0.25rem 1rem; line-height: 0.1rem; border: solid rgb(var(--worst-black)) 2px; } /* 13.代码块 */ div.code { border-color: rgb(var(--worst-red)); } div.code div.hl-main pre span.hl-code, div.code div.hl-main pre span.hl-identifier, div.code div.hl-main pre span.hl-brackets { color: rgb(var(--worst-red)); } /* 14.主要工具 */ #main-content { --tabs-selected-bg: var(--worst-red); --tabs-hover-bg: var(--worst-red); --tabs-bg: var(--worst-black); --tabs-txt: var(--worst-red); --tabs-hover-txt: var(--worst-black); --tabs-selected-txt: var(--worst-black); --tabs-selected-outline: var(--worst-red); --tabs-bottom-border-color: var(--worst-red); --footnotes-footer-num-color: var(--worst-red); --footnotes-footer-num-hover-color: var(--worst-red); --footnotes-footer-bg-color: var(--worst-black); --footnotes-footer-colorbar-color: var(--worst-black); --footnotes-footer-title-bg-color: var(--worst-black); --footnotes-footer-title-text-color: var(--worst-red); --footnotes-footer-text-color: var(--worst-red); --hoverblock-footer-bg: var(--worst-black); --hoverblock-footer-txt: var(--worst-red); --footer-message: var(--worst-black); --pagetags-title-bg: var(--worst-black); --pagetags-title-text: var(--worst-red); --pagetags-text-color: var(--worst-red); --pagetags-text-hover-color: var(--worst-black); --pagetags-text-hover-bg-color: var(--worst-red); --ui-button-bg: var(--worst-black); --ui-button-txt: var(--worst-red); --ui-button-hover-bg: var(--worst-black); --ui-button-hover-txt: var(--worst-red); --ui-button-hover-outline: var(--worst-red); --ui-icon-color: var(--worst-red); --ui-icon-bg: var(--worst-black); --ui-icon-hover-color: var(--worst-black); --ui-icon-hover-bg: var(--worst-red); --editor-icon-color: var(--worst-red); --editor-icon-bg: var(--worst-black); --editor-icon-hover-color: var(--worst-black); --editor-icon-hover-bg: var(--worst-red); --editor-icon-submenu-bg: var(--worst-black); --cecs-black: var(--worst-black); --cecs-accent: var(--worst-red); --cecs-dark: var(--worst-black); --cecs-light: var(--worst-light-red); --cocs-accent: var(--worst-red); --cocs-dark: var(--worst-black); --cocs-light: var(--worst-light-red); --plas-accent: var(--worst-red); --plas-dark: var(--worst-black); --plas-light: var(--worst-light-red); --level-accent: var(--worst-red); --level-dark: var(--worst-black); --level-light: var(--worst-light-red); --test: var(--worst-black); --hazard-tag: var(--worst-black); --popup-bg: var(--worst-black); --popup-text: var(--worst-red); --lh-paper-bg: var(--worst-white); --lh-string-color: var(--worst-better-red); --lh-tape-color: var(--worst-light-red), 0.25; --ic_border-color: var(--worst-red); --ic_bg-color: var(--worst-black), 1; --ic_font-color: var(--worst-red); --ic_sd-color-unknown: var(--worst-red); --ic_env-color-default: var(--worst-red); --ic_ent-color-default: var(--worst-red); --ic_tra-color-default: var(--worst-red); --ic_add-default-color: var(--worst-black); } ::placeholder { color: rgb(var(--placeholder_color)); } ::-webkit-input-placeholder { color: rgb(var(--placeholder_color)); } ::-moz-placeholder { color: rgb(var(--placeholder_color)); } ::-ms-input-placeholder { color: rgb(var(--placeholder_color)); } .page-tags span { border-top: 1px solid rgb(var(--worst-red)); } span.target a { border-color: rgb(var(--worst-red))!important; } span.current { background: rgb(var(--worst-red))!important; color: rgb(var(--worst-black))!important; border-color: rgb(var(--worst-black))!important; } #page-title { text-align: center; } .popup-content { border: 0.2rem solid rgb(var(--worst-red))!important; } .popup::after { background-color: rgb(var(--worst-red))!important; color: rgb(var(--worst-black))!important; } #toc { background-color: rgb(var(--worst-black))!important; border-color: rgb(var(--worst-red))!important; } #toc > div#toc-action-bar a, #toc > div#toc-list > div > a { color: rgb(var(--worst-better-red))!important; } #toc div.title { color: rgb(var(--worst-red))!important; } #main-content::before { border-right: 2px solid rgb(var(--worst-red)); } hr { border-top: .063rem solid rgb(var(--worst-light-red)); box-shadow: 0 0 5px 1px rgb(var(--worst-light-red)); background-color: rgb(var(--worst-light-red)); } div.credit { color: rgb(var(--worst-red))!important; } .creditButton p a { color: rgb(var(--worst-red))!important; border-left-color: rgb(var(--worst-light-red))!important; } .creditButton p a:hover { color: rgb(var(--worst-better-red))!important; } .creditButtonStandalone p a { color: rgb(var(--worst-red))!important; background: rgb(var(--worst-black))!important; box-shadow: 0 0 3px rgb(var(--worst-red))!important; } .creditButtonStandalone p a:hover { color: rgb(var(--worst-black))!important; background: rgb(var(--worst-red))!important; box-shadow: 0 0 3px rgb(var(--worst-black))!important; } .modalbox { background-color: rgb(var(--worst-red))!important; color: rgb(var(--worst-black))!important; background: linear-gradient(rgb(var(--worst-red)) 51px,rgb(var(--worst-better-red)) 51px,rgb(var(--worst-better-red)))!important; border: rgb(var(--worst-black)) solid 1px!important; } /* 15.tabview标签样式化 */ div.yui-navset ul.yui-nav li.selected a em { background-color: rgb(var(--worst-red)); color: rgb(var(--worst-black)); width: 100%; text-align: center; } div.yui-navset .yui-content { border-color: rgb(var(--swatch-black-monochrome)); box-shadow: 0px 0px 5px 1px rgb(var(--worst-light-red)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { box-shadow: 0px 0px 5px 1px rgb(var(--worst-light-red)); } .yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover { background-color: rgb(var(--worst-light-red)); } /* 16.表格样式化 */ table.wiki-content-table th { background: rgb(var(--worst-black)); border: rgb(var(--worst-red)) solid 2px !important; color: rgb(var(--worst-red)); font-weight: bold; text-align: center; } table.wiki-content-table td { border: rgb(var(--worst-red)) solid 2px !important; background: rgb(var(--worst-black)); color: rgb(var(--worst-red)); } /* 17.圆点动画 */ @media (prefers-reduced-motion: no-preference) { #container-wrap-wrap:before, #container-wrap-wrap:after { animation: animStar 25s linear infinite; background: transparent; box-shadow: 805px 413px rgb(var(--anim-color)), 724px 1326px rgb(var(--anim-color)), 1175px 606px rgb(var(--anim-color)), 661px 1274px rgb(var(--anim-color)), 1206px 1967px rgb(var(--anim-color)), 1278px 1086px rgb(var(--anim-color)), 551px 1817px rgb(var(--anim-color)), 1861px 1653px rgb(var(--anim-color)), 5px 1525px rgb(var(--anim-color)), 1414px 255px rgb(var(--anim-color)), 1892px 739px rgb(var(--anim-color)), 894px 1633px rgb(var(--anim-color)), 1615px 521px rgb(var(--anim-color)), 1374px 651px rgb(var(--anim-color)), 250px 1473px rgb(var(--anim-color)), 1984px 1096px rgb(var(--anim-color)), 202px 5px rgb(var(--anim-color)), 1694px 1095px rgb(var(--anim-color)), 1656px 433px rgb(var(--anim-color)), 1274px 413px rgb(var(--anim-color)), 1568px 1581px rgb(var(--anim-color)), 184px 1296px rgb(var(--anim-color)), 1820px 532px rgb(var(--anim-color)), 1791px 956px rgb(var(--anim-color)), 1522px 1638px rgb(var(--anim-color)), 1056px 1907px rgb(var(--anim-color)), 745px 493px rgb(var(--anim-color)), 576px 1246px rgb(var(--anim-color)), 849px 1625px rgb(var(--anim-color)), 1484px 91px rgb(var(--anim-color)), 1818px 1294px rgb(var(--anim-color)), 1073px 1048px rgb(var(--anim-color)), 24px 818px rgb(var(--anim-color)), 1605px 1164px rgb(var(--anim-color)), 903px 1546px rgb(var(--anim-color)), 7px 1147px rgb(var(--anim-color)), 48px 485px rgb(var(--anim-color)), 130px 1026px rgb(var(--anim-color)), 306px 735px rgb(var(--anim-color)), 1280px 1057px rgb(var(--anim-color)), 1944px 481px rgb(var(--anim-color)), 142px 238px rgb(var(--anim-color)), 1195px 732px rgb(var(--anim-color)), 535px 1985px rgb(var(--anim-color)), 851px 962px rgb(var(--anim-color)), 1406px 1056px rgb(var(--anim-color)), 1869px 1171px rgb(var(--anim-color)), 968px 1272px rgb(var(--anim-color)), 278px 461px rgb(var(--anim-color)), 1655px 1910px rgb(var(--anim-color)), 1650px 940px rgb(var(--anim-color)), 186px 1554px rgb(var(--anim-color)), 1401px 1811px rgb(var(--anim-color)), 805px 450px rgb(var(--anim-color)), 749px 831px rgb(var(--anim-color)), 270px 1913px rgb(var(--anim-color)), 1254px 1571px rgb(var(--anim-color)), 1655px 733px rgb(var(--anim-color)), 1159px 340px rgb(var(--anim-color)), 40px 941px rgb(var(--anim-color)), 911px 846px rgb(var(--anim-color)), 568px 347px rgb(var(--anim-color)), 849px 1892px rgb(var(--anim-color)), 768px 1503px rgb(var(--anim-color)), 1501px 40px rgb(var(--anim-color)), 480px 384px rgb(var(--anim-color)), 1930px 1940px rgb(var(--anim-color)), 1952px 201px rgb(var(--anim-color)), 1665px 494px rgb(var(--anim-color)), 1264px 1252px rgb(var(--anim-color)), 1046px 835px rgb(var(--anim-color)), 320px 1600px rgb(var(--anim-color)), 1802px 1465px rgb(var(--anim-color)), 1659px 1176px rgb(var(--anim-color)), 647px 1928px rgb(var(--anim-color)), 1969px 403px rgb(var(--anim-color)), 246px 1490px rgb(var(--anim-color)), 1823px 1326px rgb(var(--anim-color)), 120px 1420px rgb(var(--anim-color)), 1974px 396px rgb(var(--anim-color)), 307px 231px rgb(var(--anim-color)), 338px 43px rgb(var(--anim-color)), 1129px 343px rgb(var(--anim-color)), 1261px 1927px rgb(var(--anim-color)), 1830px 728px rgb(var(--anim-color)), 249px 701px rgb(var(--anim-color)), 710px 714px rgb(var(--anim-color)), 1453px 1998px rgb(var(--anim-color)), 889px 879px rgb(var(--anim-color)), 218px 275px rgb(var(--anim-color)), 128px 314px rgb(var(--anim-color)), 1906px 1191px rgb(var(--anim-color)), 1686px 791px rgb(var(--anim-color)), 903px 1248px rgb(var(--anim-color)), 1157px 1869px rgb(var(--anim-color)), 732px 94px rgb(var(--anim-color)), 150px 1387px rgb(var(--anim-color)), 428px 1485px rgb(var(--anim-color)), 1605px 192px rgb(var(--anim-color)), 963px 67px rgb(var(--anim-color)), 545px 495px rgb(var(--anim-color)), 1458px 1548px rgb(var(--anim-color)), 1478px 803px rgb(var(--anim-color)), 1319px 1843px rgb(var(--anim-color)), 367px 1029px rgb(var(--anim-color)), 1976px 716px rgb(var(--anim-color)), 1099px 1624px rgb(var(--anim-color)), 1308px 1228px rgb(var(--anim-color)), 459px 1640px rgb(var(--anim-color)), 652px 1290px rgb(var(--anim-color)), 1660px 772px rgb(var(--anim-color)), 658px 1342px rgb(var(--anim-color)), 534px 180px rgb(var(--anim-color)), 196px 238px rgb(var(--anim-color)), 1052px 1552px rgb(var(--anim-color)), 1192px 49px rgb(var(--anim-color)), 546px 1743px rgb(var(--anim-color)), 677px 420px rgb(var(--anim-color)), 495px 1695px rgb(var(--anim-color)), 692px 1161px rgb(var(--anim-color)), 1306px 1817px rgb(var(--anim-color)), 1323px 666px rgb(var(--anim-color)), 1904px 1838px rgb(var(--anim-color)), 1117px 275px rgb(var(--anim-color)), 644px 520px rgb(var(--anim-color)), 1138px 1681px rgb(var(--anim-color)), 1326px 74px rgb(var(--anim-color)), 907px 1946px rgb(var(--anim-color)), 666px 1159px rgb(var(--anim-color)), 822px 894px rgb(var(--anim-color)), 1505px 1208px rgb(var(--anim-color)), 1809px 987px rgb(var(--anim-color)), 954px 373px rgb(var(--anim-color)), 1328px 391px rgb(var(--anim-color)), 535px 350px rgb(var(--anim-color)), 1047px 784px rgb(var(--anim-color)), 1252px 1380px rgb(var(--anim-color)), 618px 270px rgb(var(--anim-color)), 531px 1723px rgb(var(--anim-color)), 1588px 845px rgb(var(--anim-color)), 1170px 1020px rgb(var(--anim-color)), 973px 1587px rgb(var(--anim-color)), 593px 692px rgb(var(--anim-color)), 283px 1482px rgb(var(--anim-color)), 959px 1392px rgb(var(--anim-color)), 39px 1335px rgb(var(--anim-color)), 1457px 815px rgb(var(--anim-color)), 21px 1727px rgb(var(--anim-color)), 1998px 1064px rgb(var(--anim-color)), 1380px 1216px rgb(var(--anim-color)), 827px 1538px rgb(var(--anim-color)), 108px 1390px rgb(var(--anim-color)), 1612px 1389px rgb(var(--anim-color)), 1516px 1392px rgb(var(--anim-color)), 1584px 1044px rgb(var(--anim-color)), 1261px 1859px rgb(var(--anim-color)), 1841px 646px rgb(var(--anim-color)), 1652px 988px rgb(var(--anim-color)), 1848px 1407px rgb(var(--anim-color)), 661px 344px rgb(var(--anim-color)), 1805px 1758px rgb(var(--anim-color)), 1784px 247px rgb(var(--anim-color)), 780px 123px rgb(var(--anim-color)), 117px 332px rgb(var(--anim-color)), 430px 354px rgb(var(--anim-color)), 522px 826px rgb(var(--anim-color)), 1311px 1343px rgb(var(--anim-color)), 1590px 1863px rgb(var(--anim-color)), 1155px 1803px rgb(var(--anim-color)), 368px 168px rgb(var(--anim-color)), 1965px 140px rgb(var(--anim-color)), 210px 830px rgb(var(--anim-color)), 1954px 772px rgb(var(--anim-color)), 1316px 1990px rgb(var(--anim-color)), 1783px 692px rgb(var(--anim-color)), 669px 1323px rgb(var(--anim-color)), 1188px 949px rgb(var(--anim-color)), 833px 1030px rgb(var(--anim-color)), 1467px 988px rgb(var(--anim-color)), 633px 1926px rgb(var(--anim-color)), 1490px 320px rgb(var(--anim-color)), 1619px 1516px rgb(var(--anim-color)), 1370px 85px rgb(var(--anim-color)), 678px 1409px rgb(var(--anim-color)), 152px 650px rgb(var(--anim-color)), 321px 1771px rgb(var(--anim-color)), 1443px 1821px rgb(var(--anim-color)), 1440px 391px rgb(var(--anim-color)), 1501px 1296px rgb(var(--anim-color)), 979px 133px rgb(var(--anim-color)), 1911px 598px rgb(var(--anim-color)), 1719px 97px rgb(var(--anim-color)), 893px 735px rgb(var(--anim-color)), 310px 473px rgb(var(--anim-color)), 1595px 1047px rgb(var(--anim-color)), 437px 293px rgb(var(--anim-color)), 145px 343px rgb(var(--anim-color)), 1246px 416px rgb(var(--anim-color)), 1011px 1235px rgb(var(--anim-color)), 1462px 987px rgb(var(--anim-color)), 167px 1525px rgb(var(--anim-color)), 1688px 1415px rgb(var(--anim-color)), 574px 1801px rgb(var(--anim-color)), 347px 1741px rgb(var(--anim-color)), 880px 1109px rgb(var(--anim-color)), 93px 1692px rgb(var(--anim-color)), 94px 1987px rgb(var(--anim-color)), 1695px 951px rgb(var(--anim-color)), 153px 601px rgb(var(--anim-color)), 1013px 969px rgb(var(--anim-color)), 356px 434px rgb(var(--anim-color)), 1228px 1942px rgb(var(--anim-color)), 1083px 1445px rgb(var(--anim-color)), 1317px 438px rgb(var(--anim-color)), 439px 1242px rgb(var(--anim-color)), 1031px 356px rgb(var(--anim-color)), 615px 666px rgb(var(--anim-color)), 1019px 1826px rgb(var(--anim-color)), 1526px 1025px rgb(var(--anim-color)), 538px 210px rgb(var(--anim-color)), 78px 1954px rgb(var(--anim-color)), 1344px 965px rgb(var(--anim-color)), 1280px 143px rgb(var(--anim-color)), 211px 430px rgb(var(--anim-color)), 282px 1279px rgb(var(--anim-color)), 1355px 1639px rgb(var(--anim-color)), 1142px 1512px rgb(var(--anim-color)), 141px 822px rgb(var(--anim-color)), 60px 1923px rgb(var(--anim-color)), 1322px 1117px rgb(var(--anim-color)), 523px 1165px rgb(var(--anim-color)), 1289px 1438px rgb(var(--anim-color)), 974px 1937px rgb(var(--anim-color)), 1915px 1955px rgb(var(--anim-color)), 1793px 308px rgb(var(--anim-color)), 1712px 1273px rgb(var(--anim-color)), 201px 1179px rgb(var(--anim-color)), 1186px 12px rgb(var(--anim-color)), 1635px 877px rgb(var(--anim-color)), 361px 256px rgb(var(--anim-color)), 795px 1283px rgb(var(--anim-color)), 305px 1072px rgb(var(--anim-color)), 1099px 1995px rgb(var(--anim-color)), 1643px 906px rgb(var(--anim-color)), 835px 1411px rgb(var(--anim-color)), 142px 1950px rgb(var(--anim-color)), 1161px 1635px rgb(var(--anim-color)), 5px 819px rgb(var(--anim-color)), 977px 1049px rgb(var(--anim-color)), 86px 417px rgb(var(--anim-color)), 731px 1015px rgb(var(--anim-color)), 1746px 1059px rgb(var(--anim-color)), 1904px 484px rgb(var(--anim-color)), 1367px 434px rgb(var(--anim-color)), 982px 1646px rgb(var(--anim-color)), 685px 1582px rgb(var(--anim-color)), 1754px 496px rgb(var(--anim-color)), 1706px 292px rgb(var(--anim-color)), 1962px 1932px rgb(var(--anim-color)), 987px 806px rgb(var(--anim-color)), 76px 1275px rgb(var(--anim-color)), 746px 430px rgb(var(--anim-color)), 1337px 122px rgb(var(--anim-color)), 653px 942px rgb(var(--anim-color)), 487px 1433px rgb(var(--anim-color)), 1270px 1287px rgb(var(--anim-color)), 1418px 574px rgb(var(--anim-color)), 1640px 1046px rgb(var(--anim-color)), 950px 1608px rgb(var(--anim-color)), 1660px 432px rgb(var(--anim-color)), 1134px 153px rgb(var(--anim-color)), 1567px 1087px rgb(var(--anim-color)), 1582px 1957px rgb(var(--anim-color)), 474px 238px rgb(var(--anim-color)), 1514px 525px rgb(var(--anim-color)), 1421px 1984px rgb(var(--anim-color)), 16px 1994px rgb(var(--anim-color)), 1935px 1508px rgb(var(--anim-color)), 438px 775px rgb(var(--anim-color)), 1612px 630px rgb(var(--anim-color)), 203px 879px rgb(var(--anim-color)), 496px 1057px rgb(var(--anim-color)), 1607px 1518px rgb(var(--anim-color)), 1588px 574px rgb(var(--anim-color)), 1451px 1062px rgb(var(--anim-color)), 1590px 1593px rgb(var(--anim-color)), 592px 351px rgb(var(--anim-color)), 361px 437px rgb(var(--anim-color)), 456px 1221px rgb(var(--anim-color)), 411px 1628px rgb(var(--anim-color)), 1103px 44px rgb(var(--anim-color)), 1890px 749px rgb(var(--anim-color)), 1368px 1990px rgb(var(--anim-color)), 872px 18px rgb(var(--anim-color)), 1528px 907px rgb(var(--anim-color)), 1199px 235px rgb(var(--anim-color)), 395px 570px rgb(var(--anim-color)), 1120px 127px rgb(var(--anim-color)), 125px 711px rgb(var(--anim-color)), 1825px 1327px rgb(var(--anim-color)), 64px 1870px rgb(var(--anim-color)), 838px 1810px rgb(var(--anim-color)), 663px 1427px rgb(var(--anim-color)), 1819px 736px rgb(var(--anim-color)), 566px 1851px rgb(var(--anim-color)), 1080px 656px rgb(var(--anim-color)), 1134px 1861px rgb(var(--anim-color)), 568px 64px rgb(var(--anim-color)), 1530px 1096px rgb(var(--anim-color)), 981px 1711px rgb(var(--anim-color)), 1783px 999px rgb(var(--anim-color)), 135px 1975px rgb(var(--anim-color)), 1772px 1553px rgb(var(--anim-color)), 1967px 1442px rgb(var(--anim-color)), 542px 372px rgb(var(--anim-color)), 1684px 1445px rgb(var(--anim-color)), 1041px 1106px rgb(var(--anim-color)), 60px 1460px rgb(var(--anim-color)), 1083px 1677px rgb(var(--anim-color)), 143px 204px rgb(var(--anim-color)), 912px 350px rgb(var(--anim-color)), 1000px 1586px rgb(var(--anim-color)), 1068px 908px rgb(var(--anim-color)), 241px 794px rgb(var(--anim-color)), 426px 409px rgb(var(--anim-color)), 961px 1141px rgb(var(--anim-color)), 1551px 327px rgb(var(--anim-color)), 1575px 1532px rgb(var(--anim-color)), 929px 1507px rgb(var(--anim-color)), 242px 364px rgb(var(--anim-color)), 1271px 731px rgb(var(--anim-color)), 1660px 468px rgb(var(--anim-color)), 1494px 589px rgb(var(--anim-color)), 988px 1371px rgb(var(--anim-color)), 431px 539px rgb(var(--anim-color)), 1974px 239px rgb(var(--anim-color)), 68px 645px rgb(var(--anim-color)), 781px 1716px rgb(var(--anim-color)), 1238px 65px rgb(var(--anim-color)), 26px 1158px rgb(var(--anim-color)), 525px 899px rgb(var(--anim-color)), 1494px 1043px rgb(var(--anim-color)), 176px 1932px rgb(var(--anim-color)), 372px 1933px rgb(var(--anim-color)), 196px 883px rgb(var(--anim-color)), 615px 614px rgb(var(--anim-color)), 1298px 288px rgb(var(--anim-color)), 1690px 1284px rgb(var(--anim-color)), 414px 5px rgb(var(--anim-color)), 1050px 453px rgb(var(--anim-color)), 271px 1805px rgb(var(--anim-color)), 1024px 1996px rgb(var(--anim-color)), 458px 1817px rgb(var(--anim-color)), 831px 1155px rgb(var(--anim-color)), 229px 1406px rgb(var(--anim-color)), 1140px 1918px rgb(var(--anim-color)), 390px 1353px rgb(var(--anim-color)), 1509px 1025px rgb(var(--anim-color)), 893px 574px rgb(var(--anim-color)), 461px 499px rgb(var(--anim-color)), 568px 1725px rgb(var(--anim-color)), 791px 1565px rgb(var(--anim-color)), 1494px 365px rgb(var(--anim-color)), 1423px 1289px rgb(var(--anim-color)), 1239px 1356px rgb(var(--anim-color)), 1367px 776px rgb(var(--anim-color)), 1596px 965px rgb(var(--anim-color)), 1162px 798px rgb(var(--anim-color)), 452px 1158px rgb(var(--anim-color)), 191px 1111px rgb(var(--anim-color)), 1194px 1708px rgb(var(--anim-color)), 694px 804px rgb(var(--anim-color)), 999px 1711px rgb(var(--anim-color)), 114px 1175px rgb(var(--anim-color)), 1950px 809px rgb(var(--anim-color)), 1991px 889px rgb(var(--anim-color)), 1948px 1999px rgb(var(--anim-color)), 1367px 1389px rgb(var(--anim-color)), 1809px 1878px rgb(var(--anim-color)), 1613px 607px rgb(var(--anim-color)), 1143px 842px rgb(var(--anim-color)), 1746px 324px rgb(var(--anim-color)), 102px 355px rgb(var(--anim-color)), 852px 1729px rgb(var(--anim-color)), 633px 755px rgb(var(--anim-color)), 723px 1465px rgb(var(--anim-color)), 1081px 301px rgb(var(--anim-color)), 1231px 699px rgb(var(--anim-color)), 1751px 616px rgb(var(--anim-color)), 1387px 999px rgb(var(--anim-color)), 500px 940px rgb(var(--anim-color)), 545px 1387px rgb(var(--anim-color)), 1777px 223px rgb(var(--anim-color)), 1058px 1381px rgb(var(--anim-color)), 1014px 867px rgb(var(--anim-color)), 403px 712px rgb(var(--anim-color)), 673px 958px rgb(var(--anim-color)), 89px 652px rgb(var(--anim-color)), 234px 1894px rgb(var(--anim-color)), 603px 1674px rgb(var(--anim-color)), 111px 1930px rgb(var(--anim-color)), 28px 1161px rgb(var(--anim-color)), 1052px 962px rgb(var(--anim-color)), 134px 1007px rgb(var(--anim-color)), 290px 1721px rgb(var(--anim-color)), 1713px 439px rgb(var(--anim-color)), 443px 1291px rgb(var(--anim-color)), 1443px 528px rgb(var(--anim-color)), 465px 1761px rgb(var(--anim-color)), 491px 82px rgb(var(--anim-color)), 592px 938px rgb(var(--anim-color)), 1409px 1274px rgb(var(--anim-color)), 633px 1201px rgb(var(--anim-color)), 740px 33px rgb(var(--anim-color)), 1214px 777px rgb(var(--anim-color)), 1589px 1106px rgb(var(--anim-color)), 748px 371px rgb(var(--anim-color)), 1422px 1726px rgb(var(--anim-color)), 1607px 225px rgb(var(--anim-color)), 1520px 280px rgb(var(--anim-color)), 873px 547px rgb(var(--anim-color)), 765px 1174px rgb(var(--anim-color)), 165px 97px rgb(var(--anim-color)), 126px 422px rgb(var(--anim-color)), 301px 1356px rgb(var(--anim-color)), 702px 1837px rgb(var(--anim-color)), 866px 256px rgb(var(--anim-color)), 1974px 849px rgb(var(--anim-color)), 805px 852px rgb(var(--anim-color)), 1659px 1966px rgb(var(--anim-color)), 1529px 265px rgb(var(--anim-color)), 1007px 956px rgb(var(--anim-color)), 1245px 359px rgb(var(--anim-color)), 1505px 752px rgb(var(--anim-color)), 902px 201px rgb(var(--anim-color)), 219px 1594px rgb(var(--anim-color)), 1134px 816px rgb(var(--anim-color)), 1269px 1624px rgb(var(--anim-color)), 33px 1155px rgb(var(--anim-color)), 1374px 768px rgb(var(--anim-color)), 567px 1240px rgb(var(--anim-color)), 1774px 187px rgb(var(--anim-color)), 1445px 254px rgb(var(--anim-color)), 1544px 399px rgb(var(--anim-color)), 228px 1003px rgb(var(--anim-color)), 1132px 632px rgb(var(--anim-color)), 1242px 10px rgb(var(--anim-color)), 894px 1826px rgb(var(--anim-color)), 1325px 706px rgb(var(--anim-color)), 1260px 471px rgb(var(--anim-color)), 1769px 1115px rgb(var(--anim-color)), 370px 482px rgb(var(--anim-color)), 774px 889px rgb(var(--anim-color)), 1688px 777px rgb(var(--anim-color)), 124px 1812px rgb(var(--anim-color)), 364px 1573px rgb(var(--anim-color)), 1257px 722px rgb(var(--anim-color)), 1219px 1214px rgb(var(--anim-color)), 866px 1202px rgb(var(--anim-color)), 683px 976px rgb(var(--anim-color)), 245px 562px rgb(var(--anim-color)), 1958px 1456px rgb(var(--anim-color)), 940px 331px rgb(var(--anim-color)), 604px 1006px rgb(var(--anim-color)), 1871px 56px rgb(var(--anim-color)), 1671px 1668px rgb(var(--anim-color)), 114px 1835px rgb(var(--anim-color)), 1284px 1144px rgb(var(--anim-color)), 1183px 223px rgb(var(--anim-color)), 290px 969px rgb(var(--anim-color)), 55px 92px rgb(var(--anim-color)), 3px 1067px rgb(var(--anim-color)), 653px 599px rgb(var(--anim-color)), 341px 1106px rgb(var(--anim-color)), 351px 617px rgb(var(--anim-color)), 1245px 210px rgb(var(--anim-color)), 1007px 1354px rgb(var(--anim-color)), 1785px 1298px rgb(var(--anim-color)), 624px 1677px rgb(var(--anim-color)), 1382px 1089px rgb(var(--anim-color)), 204px 244px rgb(var(--anim-color)), 1572px 1534px rgb(var(--anim-color)), 211px 1723px rgb(var(--anim-color)), 1873px 558px rgb(var(--anim-color)), 1870px 415px rgb(var(--anim-color)), 1267px 772px rgb(var(--anim-color)), 2000px 1057px rgb(var(--anim-color)), 608px 1723px rgb(var(--anim-color)), 722px 1493px rgb(var(--anim-color)), 856px 207px rgb(var(--anim-color)), 21px 434px rgb(var(--anim-color)), 451px 1696px rgb(var(--anim-color)), 1712px 1156px rgb(var(--anim-color)), 1316px 740px rgb(var(--anim-color)), 606px 772px rgb(var(--anim-color)), 176px 1359px rgb(var(--anim-color)), 487px 1748px rgb(var(--anim-color)), 1240px 118px rgb(var(--anim-color)), 231px 876px rgb(var(--anim-color)), 1149px 468px rgb(var(--anim-color)), 591px 315px rgb(var(--anim-color)), 739px 843px rgb(var(--anim-color)), 1932px 464px rgb(var(--anim-color)), 61px 1995px rgb(var(--anim-color)), 1884px 756px rgb(var(--anim-color)), 1714px 547px rgb(var(--anim-color)), 1764px 1477px rgb(var(--anim-color)), 1524px 258px rgb(var(--anim-color)), 831px 1423px rgb(var(--anim-color)), 858px 1524px rgb(var(--anim-color)), 1759px 475px rgb(var(--anim-color)), 1140px 1721px rgb(var(--anim-color)), 474px 1016px rgb(var(--anim-color)), 1312px 1967px rgb(var(--anim-color)), 503px 1878px rgb(var(--anim-color)), 53px 423px rgb(var(--anim-color)), 281px 1378px rgb(var(--anim-color)), 817px 152px rgb(var(--anim-color)), 1724px 1605px rgb(var(--anim-color)), 356px 1030px rgb(var(--anim-color)), 372px 1122px rgb(var(--anim-color)), 1477px 125px rgb(var(--anim-color)), 195px 1014px rgb(var(--anim-color)), 1155px 1432px rgb(var(--anim-color)), 633px 1810px rgb(var(--anim-color)), 444px 477px rgb(var(--anim-color)), 1311px 1863px rgb(var(--anim-color)), 1081px 865px rgb(var(--anim-color)), 185px 1222px rgb(var(--anim-color)), 1290px 1438px rgb(var(--anim-color)), 630px 1709px rgb(var(--anim-color)), 372px 117px rgb(var(--anim-color)), 1987px 1797px rgb(var(--anim-color)), 801px 109px rgb(var(--anim-color)), 1230px 1903px rgb(var(--anim-color)), 1502px 1630px rgb(var(--anim-color)), 680px 1190px rgb(var(--anim-color)), 1756px 908px rgb(var(--anim-color)), 930px 1899px rgb(var(--anim-color)), 1505px 1734px rgb(var(--anim-color)), 653px 1026px rgb(var(--anim-color)), 1486px 1566px rgb(var(--anim-color)), 46px 109px rgb(var(--anim-color)), 1526px 1040px rgb(var(--anim-color)), 840px 519px rgb(var(--anim-color)), 1912px 1341px rgb(var(--anim-color)), 1382px 471px rgb(var(--anim-color)), 638px 1021px rgb(var(--anim-color)), 38px 347px rgb(var(--anim-color)), 1290px 781px rgb(var(--anim-color)), 1485px 847px rgb(var(--anim-color)), 1496px 1245px rgb(var(--anim-color)), 1267px 1307px rgb(var(--anim-color)), 449px 741px rgb(var(--anim-color)), 636px 1550px rgb(var(--anim-color)), 1524px 884px rgb(var(--anim-color)), 137px 604px rgb(var(--anim-color)), 1864px 180px rgb(var(--anim-color)), 1373px 323px rgb(var(--anim-color)), 307px 985px rgb(var(--anim-color)), 1603px 1012px rgb(var(--anim-color)), 642px 1490px rgb(var(--anim-color)), 1889px 1992px rgb(var(--anim-color)), 1405px 762px rgb(var(--anim-color)), 7px 582px rgb(var(--anim-color)), 1586px 236px rgb(var(--anim-color)), 538px 501px rgb(var(--anim-color)), 322px 917px rgb(var(--anim-color)), 176px 430px rgb(var(--anim-color)), 350px 785px rgb(var(--anim-color)), 562px 1838px rgb(var(--anim-color)), 699px 1647px rgb(var(--anim-color)), 67px 1144px rgb(var(--anim-color)), 1656px 523px rgb(var(--anim-color)), 64px 1469px rgb(var(--anim-color)), 770px 268px rgb(var(--anim-color)), 1752px 501px rgb(var(--anim-color)), 641px 179px rgb(var(--anim-color)), 685px 220px rgb(var(--anim-color)), 1214px 380px rgb(var(--anim-color)), 1579px 1438px rgb(var(--anim-color)), 310px 1300px rgb(var(--anim-color)), 514px 1492px rgb(var(--anim-color)), 625px 557px rgb(var(--anim-color)), 634px 1043px rgb(var(--anim-color)), 707px 1262px rgb(var(--anim-color)), 979px 304px rgb(var(--anim-color)), 283px 29px rgb(var(--anim-color)), 1541px 1335px rgb(var(--anim-color)), 1255px 705px rgb(var(--anim-color)), 1118px 325px rgb(var(--anim-color)), 1121px 723px rgb(var(--anim-color)), 1510px 465px rgb(var(--anim-color)), 1609px 1975px rgb(var(--anim-color)), 584px 1678px rgb(var(--anim-color)), 1617px 1270px rgb(var(--anim-color)), 372px 1033px rgb(var(--anim-color)), 976px 1024px rgb(var(--anim-color)), 362px 715px rgb(var(--anim-color)), 146px 1240px rgb(var(--anim-color)), 1458px 1770px rgb(var(--anim-color)), 748px 1118px rgb(var(--anim-color)), 139px 760px rgb(var(--anim-color)), 1846px 839px rgb(var(--anim-color)), 1763px 716px rgb(var(--anim-color)), 274px 1841px rgb(var(--anim-color)), 1085px 74px rgb(var(--anim-color)), 415px 1714px rgb(var(--anim-color)), 692px 374px rgb(var(--anim-color)), 1005px 1084px rgb(var(--anim-color)), 312px 562px rgb(var(--anim-color)), 1476px 1325px rgb(var(--anim-color)), 1335px 458px rgb(var(--anim-color)), 755px 584px rgb(var(--anim-color)), 329px 1882px rgb(var(--anim-color)), 73px 1102px rgb(var(--anim-color)), 1077px 272px rgb(var(--anim-color)), 1790px 555px rgb(var(--anim-color)), 936px 1429px rgb(var(--anim-color)), 1280px 1939px rgb(var(--anim-color)), 243px 1187px rgb(var(--anim-color)), 1323px 1294px rgb(var(--anim-color)), 1921px 281px rgb(var(--anim-color)), 1163px 1764px rgb(var(--anim-color)), 598px 100px rgb(var(--anim-color)), 802px 745px rgb(var(--anim-color)), 1814px 1371px rgb(var(--anim-color)), 1532px 1805px rgb(var(--anim-color)), 1391px 1704px rgb(var(--anim-color)), 945px 321px rgb(var(--anim-color)), 361px 1787px rgb(var(--anim-color)), 985px 1903px rgb(var(--anim-color)), 652px 1376px rgb(var(--anim-color)), 425px 1538px rgb(var(--anim-color)), 1936px 1043px rgb(var(--anim-color)), 158px 325px rgb(var(--anim-color)), 89px 1559px rgb(var(--anim-color)), 1477px 1535px rgb(var(--anim-color)), 595px 727px rgb(var(--anim-color)), 956px 683px rgb(var(--anim-color)), 1765px 1840px rgb(var(--anim-color)), 696px 1546px rgb(var(--anim-color)), 1165px 112px rgb(var(--anim-color)), 1777px 796px rgb(var(--anim-color)), 894px 1331px rgb(var(--anim-color)), 531px 1025px rgb(var(--anim-color)), 296px 1867px rgb(var(--anim-color)), 1265px 693px rgb(var(--anim-color)), 29px 1036px rgb(var(--anim-color)), 1204px 364px rgb(var(--anim-color)), 605px 1px rgb(var(--anim-color)), 687px 1940px rgb(var(--anim-color)), 371px 68px rgb(var(--anim-color)), 602px 796px rgb(var(--anim-color)), 1340px 470px rgb(var(--anim-color)), 1460px 1570px rgb(var(--anim-color)), 247px 1579px rgb(var(--anim-color)), 1118px 829px rgb(var(--anim-color)), 1698px 386px rgb(var(--anim-color)), 684px 1245px rgb(var(--anim-color)), 463px 1516px rgb(var(--anim-color)), 1266px 1461px rgb(var(--anim-color)), 898px 1751px rgb(var(--anim-color)), 6px 1281px rgb(var(--anim-color)), 1957px 166px rgb(var(--anim-color)), 999px 426px rgb(var(--anim-color)), 1821px 245px rgb(var(--anim-color)), 830px 1367px rgb(var(--anim-color)), 1237px 1106px rgb(var(--anim-color)), 1412px 645px rgb(var(--anim-color)), 7px 93px rgb(var(--anim-color)), 550px 1194px rgb(var(--anim-color)), 1950px 1403px rgb(var(--anim-color)), 639px 1787px rgb(var(--anim-color)), 1293px 1807px rgb(var(--anim-color)), 462px 1713px rgb(var(--anim-color)), 378px 1189px rgb(var(--anim-color)), 1177px 1376px rgb(var(--anim-color)), 308px 1471px rgb(var(--anim-color)), 976px 221px rgb(var(--anim-color)), 1766px 200px rgb(var(--anim-color)), 1577px 356px rgb(var(--anim-color)), 1542px 890px rgb(var(--anim-color)), 567px 1998px rgb(var(--anim-color)), 96px 1389px rgb(var(--anim-color)), 1334px 698px rgb(var(--anim-color)), 1752px 1068px rgb(var(--anim-color)), 269px 257px rgb(var(--anim-color)), 950px 1864px rgb(var(--anim-color)), 1640px 817px rgb(var(--anim-color)), 1340px 1064px rgb(var(--anim-color)), 1507px 389px rgb(var(--anim-color)), 30px 1855px rgb(var(--anim-color)), 766px 1645px rgb(var(--anim-color)), 1280px 1975px rgb(var(--anim-color)), 967px 1469px rgb(var(--anim-color)), 1560px 1499px rgb(var(--anim-color)), 52px 664px rgb(var(--anim-color)), 1319px 995px rgb(var(--anim-color)), 483px 1952px rgb(var(--anim-color)); content: " "; display: circle; height: 1px; position: var(--anim-position); width: 1px; z-index: 1; transparent: 0; } #container-wrap:before, #container-wrap:after { animation: animStar 37.5s linear infinite; background: transparent; box-shadow: 97px 253px rgb(var(--anim-color)), 76px 278px rgb(var(--anim-color)), 1958px 1952px rgb(var(--anim-color)), 117px 481px rgb(var(--anim-color)), 1326px 1250px rgb(var(--anim-color)), 835px 149px rgb(var(--anim-color)), 61px 182px rgb(var(--anim-color)), 788px 1960px rgb(var(--anim-color)), 1256px 652px rgb(var(--anim-color)), 1233px 1544px rgb(var(--anim-color)), 970px 1685px rgb(var(--anim-color)), 1697px 1583px rgb(var(--anim-color)), 680px 1847px rgb(var(--anim-color)), 1282px 749px rgb(var(--anim-color)), 220px 724px rgb(var(--anim-color)), 673px 44px rgb(var(--anim-color)), 1919px 1555px rgb(var(--anim-color)), 737px 1319px rgb(var(--anim-color)), 491px 195px rgb(var(--anim-color)), 1507px 171px rgb(var(--anim-color)), 771px 1497px rgb(var(--anim-color)), 602px 419px rgb(var(--anim-color)), 1908px 621px rgb(var(--anim-color)), 1993px 1864px rgb(var(--anim-color)), 345px 1915px rgb(var(--anim-color)), 1216px 387px rgb(var(--anim-color)), 1663px 887px rgb(var(--anim-color)), 1036px 746px rgb(var(--anim-color)), 831px 12px rgb(var(--anim-color)), 1675px 1029px rgb(var(--anim-color)), 1734px 1133px rgb(var(--anim-color)), 888px 1255px rgb(var(--anim-color)), 195px 1336px rgb(var(--anim-color)), 760px 1484px rgb(var(--anim-color)), 88px 1319px rgb(var(--anim-color)), 577px 1665px rgb(var(--anim-color)), 500px 889px rgb(var(--anim-color)), 337px 1736px rgb(var(--anim-color)), 1593px 1935px rgb(var(--anim-color)), 1444px 803px rgb(var(--anim-color)), 1477px 703px rgb(var(--anim-color)), 1380px 1137px rgb(var(--anim-color)), 694px 1375px rgb(var(--anim-color)), 412px 1132px rgb(var(--anim-color)), 223px 61px rgb(var(--anim-color)), 1310px 225px rgb(var(--anim-color)), 1640px 1415px rgb(var(--anim-color)), 1222px 955px rgb(var(--anim-color)), 913px 791px rgb(var(--anim-color)), 1987px 709px rgb(var(--anim-color)), 162px 336px rgb(var(--anim-color)), 855px 1655px rgb(var(--anim-color)), 738px 726px rgb(var(--anim-color)), 1981px 1519px rgb(var(--anim-color)), 1798px 1921px rgb(var(--anim-color)), 1723px 1314px rgb(var(--anim-color)), 1313px 1711px rgb(var(--anim-color)), 1926px 1218px rgb(var(--anim-color)), 1052px 1868px rgb(var(--anim-color)), 1622px 912px rgb(var(--anim-color)), 1974px 901px rgb(var(--anim-color)), 1195px 82px rgb(var(--anim-color)), 1446px 757px rgb(var(--anim-color)), 355px 1425px rgb(var(--anim-color)), 749px 1479px rgb(var(--anim-color)), 1779px 963px rgb(var(--anim-color)), 243px 656px rgb(var(--anim-color)), 671px 1835px rgb(var(--anim-color)), 205px 780px rgb(var(--anim-color)), 811px 1186px rgb(var(--anim-color)), 14px 1319px rgb(var(--anim-color)), 436px 64px rgb(var(--anim-color)), 686px 509px rgb(var(--anim-color)), 129px 884px rgb(var(--anim-color)), 683px 80px rgb(var(--anim-color)), 1931px 1965px rgb(var(--anim-color)), 867px 373px rgb(var(--anim-color)), 1215px 244px rgb(var(--anim-color)), 814px 1658px rgb(var(--anim-color)), 1600px 841px rgb(var(--anim-color)), 418px 443px rgb(var(--anim-color)), 59px 516px rgb(var(--anim-color)), 988px 1390px rgb(var(--anim-color)), 164px 1317px rgb(var(--anim-color)), 1490px 1276px rgb(var(--anim-color)), 940px 404px rgb(var(--anim-color)), 721px 1457px rgb(var(--anim-color)), 1678px 286px rgb(var(--anim-color)), 640px 385px rgb(var(--anim-color)), 152px 1160px rgb(var(--anim-color)), 1235px 1839px rgb(var(--anim-color)), 1038px 444px rgb(var(--anim-color)), 1439px 300px rgb(var(--anim-color)), 1025px 27px rgb(var(--anim-color)), 1968px 577px rgb(var(--anim-color)), 835px 1533px rgb(var(--anim-color)), 1445px 364px rgb(var(--anim-color)), 1102px 1879px rgb(var(--anim-color)), 1114px 1631px rgb(var(--anim-color)), 636px 15px rgb(var(--anim-color)), 745px 200px rgb(var(--anim-color)), 1489px 1114px rgb(var(--anim-color)), 146px 1566px rgb(var(--anim-color)), 613px 146px rgb(var(--anim-color)), 190px 1672px rgb(var(--anim-color)), 1967px 578px rgb(var(--anim-color)), 1414px 179px rgb(var(--anim-color)), 1750px 1833px rgb(var(--anim-color)), 37px 922px rgb(var(--anim-color)), 1833px 708px rgb(var(--anim-color)), 413px 1989px rgb(var(--anim-color)), 1269px 1291px rgb(var(--anim-color)), 971px 580px rgb(var(--anim-color)), 503px 533px rgb(var(--anim-color)), 641px 175px rgb(var(--anim-color)), 863px 1831px rgb(var(--anim-color)), 1174px 1250px rgb(var(--anim-color)), 1612px 1022px rgb(var(--anim-color)), 1136px 1170px rgb(var(--anim-color)), 706px 1101px rgb(var(--anim-color)), 887px 1795px rgb(var(--anim-color)), 849px 444px rgb(var(--anim-color)), 1015px 1058px rgb(var(--anim-color)), 322px 90px rgb(var(--anim-color)), 1577px 266px rgb(var(--anim-color)), 176px 878px rgb(var(--anim-color)), 710px 474px rgb(var(--anim-color)), 769px 523px rgb(var(--anim-color)), 418px 1298px rgb(var(--anim-color)), 654px 1049px rgb(var(--anim-color)), 327px 743px rgb(var(--anim-color)), 343px 192px rgb(var(--anim-color)), 930px 125px rgb(var(--anim-color)), 835px 1193px rgb(var(--anim-color)), 473px 1709px rgb(var(--anim-color)), 1857px 319px rgb(var(--anim-color)), 675px 278px rgb(var(--anim-color)), 1546px 613px rgb(var(--anim-color)), 811px 764px rgb(var(--anim-color)), 303px 1360px rgb(var(--anim-color)), 447px 930px rgb(var(--anim-color)), 1475px 1935px rgb(var(--anim-color)), 1101px 738px rgb(var(--anim-color)), 1577px 1373px rgb(var(--anim-color)), 1634px 628px rgb(var(--anim-color)), 1231px 663px rgb(var(--anim-color)), 275px 1076px rgb(var(--anim-color)), 1746px 668px rgb(var(--anim-color)), 1714px 1167px rgb(var(--anim-color)), 847px 34px rgb(var(--anim-color)), 1413px 450px rgb(var(--anim-color)), 1037px 1738px rgb(var(--anim-color)), 794px 634px rgb(var(--anim-color)), 1800px 1946px rgb(var(--anim-color)), 1346px 1826px rgb(var(--anim-color)), 718px 1732px rgb(var(--anim-color)), 151px 1276px rgb(var(--anim-color)), 428px 976px rgb(var(--anim-color)), 485px 938px rgb(var(--anim-color)), 98px 344px rgb(var(--anim-color)), 1936px 1462px rgb(var(--anim-color)), 142px 349px rgb(var(--anim-color)), 1659px 324px rgb(var(--anim-color)), 1074px 1878px rgb(var(--anim-color)), 345px 75px rgb(var(--anim-color)), 508px 1532px rgb(var(--anim-color)), 1117px 611px rgb(var(--anim-color)), 33px 350px rgb(var(--anim-color)), 1002px 565px rgb(var(--anim-color)), 986px 885px rgb(var(--anim-color)), 1086px 1066px rgb(var(--anim-color)), 1102px 211px rgb(var(--anim-color)), 590px 1021px rgb(var(--anim-color)), 719px 145px rgb(var(--anim-color)), 964px 980px rgb(var(--anim-color)), 259px 1554px rgb(var(--anim-color)), 1942px 748px rgb(var(--anim-color)), 1569px 601px rgb(var(--anim-color)), 417px 609px rgb(var(--anim-color)), 1143px 1210px rgb(var(--anim-color)), 1182px 552px rgb(var(--anim-color)), 1224px 1804px rgb(var(--anim-color)), 898px 1516px rgb(var(--anim-color)), 736px 624px rgb(var(--anim-color)), 213px 754px rgb(var(--anim-color)), 408px 496px rgb(var(--anim-color)), 1820px 1548px rgb(var(--anim-color)), 1807px 1514px rgb(var(--anim-color)), 739px 189px rgb(var(--anim-color)), 1304px 1249px rgb(var(--anim-color)), 1437px 122px rgb(var(--anim-color)), 1702px 821px rgb(var(--anim-color)), 370px 1554px rgb(var(--anim-color)), 10px 1505px rgb(var(--anim-color)), 501px 593px rgb(var(--anim-color)), 1482px 23px rgb(var(--anim-color)), 1774px 1032px rgb(var(--anim-color)), 828px 262px rgb(var(--anim-color)), 1530px 1354px rgb(var(--anim-color)), 1698px 886px rgb(var(--anim-color)), 1452px 842px rgb(var(--anim-color)), 1078px 467px rgb(var(--anim-color)), 364px 845px rgb(var(--anim-color)), 1243px 258px rgb(var(--anim-color)), 527px 1145px rgb(var(--anim-color)), 546px 258px rgb(var(--anim-color)), 520px 1314px rgb(var(--anim-color)), 473px 945px rgb(var(--anim-color)), 994px 599px rgb(var(--anim-color)), 325px 1724px rgb(var(--anim-color)), 241px 1045px rgb(var(--anim-color)), 1029px 1124px rgb(var(--anim-color)), 924px 971px rgb(var(--anim-color)), 1462px 1724px rgb(var(--anim-color)); content: " "; display: circle; height: 2px; position: var(--anim-position); width: 2px; z-index: 1; transparent: 0; } #container:before, #container:after { animation: animStar 50s linear infinite; background: transparent; box-shadow: 46px 995px rgb(var(--anim-color)), 1287px 1821px rgb(var(--anim-color)), 1954px 1267px rgb(var(--anim-color)), 1880px 1659px rgb(var(--anim-color)), 381px 829px rgb(var(--anim-color)), 314px 1471px rgb(var(--anim-color)), 1631px 1262px rgb(var(--anim-color)), 889px 506px rgb(var(--anim-color)), 1836px 1779px rgb(var(--anim-color)), 823px 42px rgb(var(--anim-color)), 343px 943px rgb(var(--anim-color)), 1334px 1179px rgb(var(--anim-color)), 285px 287px rgb(var(--anim-color)), 1820px 1967px rgb(var(--anim-color)), 872px 663px rgb(var(--anim-color)), 541px 1759px rgb(var(--anim-color)), 253px 1099px rgb(var(--anim-color)), 1383px 794px rgb(var(--anim-color)), 433px 716px rgb(var(--anim-color)), 69px 1603px rgb(var(--anim-color)), 1738px 1239px rgb(var(--anim-color)), 1540px 1633px rgb(var(--anim-color)), 1829px 288px rgb(var(--anim-color)), 1778px 1640px rgb(var(--anim-color)), 1336px 1188px rgb(var(--anim-color)), 1001px 1419px rgb(var(--anim-color)), 198px 334px rgb(var(--anim-color)), 953px 840px rgb(var(--anim-color)), 1115px 773px rgb(var(--anim-color)), 85px 844px rgb(var(--anim-color)), 1974px 644px rgb(var(--anim-color)), 1720px 429px rgb(var(--anim-color)), 1088px 831px rgb(var(--anim-color)), 919px 390px rgb(var(--anim-color)), 866px 346px rgb(var(--anim-color)), 617px 5px rgb(var(--anim-color)), 665px 1023px rgb(var(--anim-color)), 231px 118px rgb(var(--anim-color)), 1715px 78px rgb(var(--anim-color)), 901px 1788px rgb(var(--anim-color)), 1516px 1203px rgb(var(--anim-color)), 541px 1364px rgb(var(--anim-color)), 404px 562px rgb(var(--anim-color)), 244px 155px rgb(var(--anim-color)), 278px 72px rgb(var(--anim-color)), 1156px 889px rgb(var(--anim-color)), 204px 1622px rgb(var(--anim-color)), 313px 484px rgb(var(--anim-color)), 760px 1478px rgb(var(--anim-color)), 1416px 1365px rgb(var(--anim-color)), 257px 190px rgb(var(--anim-color)), 632px 769px rgb(var(--anim-color)), 1334px 1685px rgb(var(--anim-color)), 1769px 555px rgb(var(--anim-color)), 643px 514px rgb(var(--anim-color)), 1948px 376px rgb(var(--anim-color)), 572px 579px rgb(var(--anim-color)), 643px 1787px rgb(var(--anim-color)), 1194px 137px rgb(var(--anim-color)), 1099px 1136px rgb(var(--anim-color)), 987px 35px rgb(var(--anim-color)), 207px 1617px rgb(var(--anim-color)), 756px 174px rgb(var(--anim-color)), 346px 1054px rgb(var(--anim-color)), 1338px 1897px rgb(var(--anim-color)), 1024px 1995px rgb(var(--anim-color)), 1747px 382px rgb(var(--anim-color)), 45px 7px rgb(var(--anim-color)), 1764px 1556px rgb(var(--anim-color)), 944px 251px rgb(var(--anim-color)), 1121px 113px rgb(var(--anim-color)), 1660px 1388px rgb(var(--anim-color)), 762px 1022px rgb(var(--anim-color)), 515px 287px rgb(var(--anim-color)), 1115px 1817px rgb(var(--anim-color)), 1306px 1942px rgb(var(--anim-color)), 1572px 1410px rgb(var(--anim-color)), 1675px 48px rgb(var(--anim-color)), 48px 1845px rgb(var(--anim-color)), 1393px 174px rgb(var(--anim-color)), 1927px 1094px rgb(var(--anim-color)), 114px 412px rgb(var(--anim-color)), 1897px 1349px rgb(var(--anim-color)), 151px 1800px rgb(var(--anim-color)), 3px 433px rgb(var(--anim-color)), 1837px 173px rgb(var(--anim-color)), 1844px 1357px rgb(var(--anim-color)), 957px 743px rgb(var(--anim-color)), 672px 719px rgb(var(--anim-color)), 433px 1476px rgb(var(--anim-color)), 18314px 690px rgb(var(--anim-color)), 1764px 1888px rgb(var(--anim-color)), 1287px 868px rgb(var(--anim-color)), 1282px 1989px rgb(var(--anim-color)), 1258px 94px rgb(var(--anim-color)), 1335px 1311px rgb(var(--anim-color)), 957px 1204px rgb(var(--anim-color)), 208px 1065px rgb(var(--anim-color)), 688px 678px rgb(var(--anim-color)), 1835px 1130px rgb(var(--anim-color)); content: " "; display: circle; height: 3px; position: var(--anim-position); width: 3px; z-index: 1; transparent: 0; } @keyframes animStar { from { transform: translateY(0px); } to { transform: translateY(-2000px); } } } /* 18.生存难度模块 */ .sd-container { --sd-font:Poppins; --sd-border:var(--worst-red); --sd-bullets:var(--sd-border) !important; --sd-text:var(--worst-white); --sd-border-secondary: var(--worst-red); --sd-border-deadzone: var(--worst-red); --sd-symbol: var(--sd-border) !important; --sd-symbol-secondary: var(--worst-red); --class-0:var(--worst-black); --class-1:var(--worst-black); --class-2:var(--worst-black); --class-3:var(--worst-black); --class-4:var(--worst-black); --class-5:var(--worst-black); --class-unknown:var(--worst-black); --class-habitable:var(--worst-black); --class-deadzone:var(--worst-black); --class-pending:var(--worst-black); --class-n-a:var(--worst-black); --class-amended:var(--worst-black); --class-omega:var(--worst-black); } .top-box.class-unknown .header-diamond { filter: none !important; } .top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; } .header-diamond .diamond-color.class-unknown { background: rgb(var(--worst-black)) !important; } /* 19.底部选项功能区 */ #action-area:has(form[onsubmit=setParent],#who-rated-page- area,form[onsubmit=PageTagsModule],table.page-files,#edit-meta-addbutton,ul[style="list-style: none"],#page-block-checkbox,#rename-option-rename,#rename-option-delete) p:not(:has(a[id=backlinks],a[onclick=showWho],a.btn)):not(:only-of-type):not(:last-of-type) { background-color: rgb(var(--worst-black)); color: rgb(var(--worst-better-red)); } table.page-history tr:nth-of-type(2) td:nth-of-type(1)::before, table.page-history tr:nth-of-type(2) td:nth-of-type(2)::before, table.page-history tr:nth-of-type(2) td:nth-of-type(3)::before, table.page-history tr:nth-of-type(2) td:nth-of-type(4)::before, table.page-history tr:nth-of-type(2) td:nth-of-type(5)::before, table.page-history tr:nth-of-type(2) td:nth-of-type(6)::before { color: rgb(var(--worst-black)); } table.page-history tr td.optionstd a { color: rgb(var(--worst-better-red)); } #action-area a.action-area-close:is(:hover,:active,:focus,:focus-within), #action-area a[onclick*=PageRateModule]:is(:hover,:active,:focus,:focus-within), table.page-history tr td.optionstd a:is(:hover,:active,:focus,:focus-within) { color: rgb(var(--worst-better-red)) !important; } #action-area:has(form[onsubmit=setParent],#who-rated-page-area,form[onsubmit=PageTagsModule],table.page-files,#edit-meta-addbutton,ul[style="list-style: none"],#page-block-checkbox,#rename-option-rename,#rename-option-delete) p:not(:has(a[id=backlinks],a[onclick=showWho],a.btn)):not(:only-of-type):not(:last-of-type) { background-color: rgb(var(--worst-black)); color: rgb(var(--worst-better-red)); } #action-area form[onsubmit*=RenamePage] table tbody tr:first-of-type td:first-of-type, #action-area>a+h1+p+table.form tr td:first-of-type { background-color: rgb(var(--worst-black)); color: rgb(var(--worst-red)); } #action-area table.table-striped.table-hover.page-files tbody tr.highlight { background-color: rgb(var(--worst-black)); } :not(.page-rate-widget-box):not(#search-top-box-form)>.btn, :not(.page-rate-widget-box):not(#search-top-box-form)>.button, :not(.page-rate-widget-box):not(#search-top-box-form)>.owindow .button-bar a, :not(.page-rate-widget-box):not(#search-top-box-form)>button, :not(.page-rate-widget-box):not(#search-top-box-form)>div.buttons input, :not(.page-rate-widget-box):not(#search-top-box-form)>input.button { background-color: rgb(var(--worst-black)) !important; color: rgb(var(--worst-red)) !important; } :not(.page-rate-widget-box):not(#search-top-box-form)>.btn:is(:hover,:active,:focus,:focus-within), :not(.page-rate-widget-box):not(#search-top-box-form)>.button:is(:hover,:active,:focus,:focus-within), :not(.page-rate-widget-box):not(#search-top-box-form)>.owindow .button-bar a:is(:hover,:active,:focus,:focus-within), :not(.page-rate-widget-box):not(#search-top-box-form)>button:is(:hover,:active,:focus,:focus-within), :not(.page-rate-widget-box):not(#search-top-box-form)>div.buttonsinput:is(:hover,:active,:focus,:focus-within), :not(.page-rate-widget-box):not(#search-top-box-form)>input.button:is(:hover,:active,:focus,:focus-within) { background-color: rgb(var(--worst-black)) !important; color: rgb(var(--worst-red)) !important; } textarea:focus, input[type="text"]:focus, input[type="button"]:focus { outline: 1px solid rgb(var(--worst-red))!important; } #odialog-container div.owindow, .page-source, form#history-form-1 div#revision-list table.page-history tr[id*=revision] td.optionstd a, table.page-compare th, table.page-compare td, .wanted-pages-module table th, .wanted-pages-module table td, .preview-message { background: rgb(var(--worst-black)); border-color: rgb(var(--worst-red))!important; } .page-source ins { background-color: rgb(var(--worst-black)); color: rgb(var(--worst-red)); border: 2px solid rgb(var(--worst-red)); } .page-source del { background-color: rgb(var(--worst-red)); color: rgb(var(--worst-black)); border: 2px solid rgb(var(--worst-black)); } #odialog-container div.owindow div.title, .change-textarea-size a { background: rgb(var(--worst-black))!important; } #rename-option-rename::before, #rename-option-delete::before { color: rgb(var(--worst-better-red))!important; font-weight: bold; font-style: italic; } .sub { color: rgb(var(--worst-light-red))!important; } #license-area { color: rgb(var(--worst-red)); } /* 20.排版工具组适配代码 */ .bettercollap .collapsible-block, .bettercollap .colmod-block { border: 1px solid rgb(var(--worst-red)); } .bettercollap .collapsible-block-content, .bettercollap .collapsible-block-link { background: rgb(var(--worst-black)); color:rgb(var(--worst-red)); } .bettercollap .collapsible-block-link { color: rgb(var(--worst-red)); background: rgb(var(--worst-black)); } .bettercollap .collapsible-block-link:hover, .bettercollap .collapsible-block-unfolded .collapsible-block-link, .styledcollap.bettercollap .collapsible-block-link { color: rgb(var(--worst-black)); background: rgb(var(--worst-red))!important; } .bettercollap .collapsible-block .collapsible-block-content + .collapsible-block-unfolded-link a.collapsible-block-link::before { transform: rotate(180deg) scale(0.9) } .bettercollap .collapsible-block-link:hover a { color: rgb(var(--worst-red)) } .styledcollap.bettercollap .collapsible-block-content { background-color: rgb(var(--worst-red)); color: rgb(var(--worst-black)); border-top: 1px solid rgb(var(--worst-black)); border-bottom: 1px solid rgb(var(--worst-black)); } .styledcollap.bettercollap .collapsible-block { border-radius: 2px; box-shadow: 0 0.1rem 0.2rem rgba(var(--worst-black),0.3) } .styledcollap.bettercollap .collapsible-block-link:hover { background: rgba(var(--worst-red),0.95)!important; } /* 20.1. 兼容多重折叠模块 */ .bettercollap .colmod-block { width: auto; overflow: hidden; border: 1px solid rgb(var(--worst-red)) } .bettercollap .colmod-block .colmod-content, .bettercollap .colmod-block a { background: rgb(var(--worst-black)); color: rgb(var(--worst-red)); padding: 0.5em } .bettercollap .colmod-block .colmod-content { padding-left: 1em; padding-right: 1em } .bettercollap .colmod-block a { color: rgb(var(--worst-red)); background: rgb(var(--worst-black)); transition: .3s; display: block; } .bettercollap .colmod-block a:hover, .bettercollap .colmod-block .colmod-link-top a:nth-child(2), .bettercollap .colmod-block .colmod-link-end a, .styledcollap.bettercollap .colmod-block a { color: rgb(var(--worst-black)); background: rgb(var(--worst-red))!important; text-decoration: none } .bettercollap .colmod-block a:hover { color: rgb(var(--worst-black)) } .bettercollap .colmod-block a::before { content: "\25BC"; display: inline-block; margin-right: 0.5em; transform: rotate(-90deg) scale(0.9) } .bettercollap .colmod-link-top a:nth-child(2)::before { transform: rotate(0) scale(0.9) } .bettercollap .colmod-link-end a::before { transform: rotate(180deg) scale(0.9) } .bettercollap .colmod-block + .colmod-block { border-top: none } .styledcollap.bettercollap .colmod-block { border-radius: 2px; box-shadow: 0 0.1rem 0.2rem rgba(var(--worst-black),0.3) } .styledcollap.bettercollap .colmod-block .colmod-content { background-color: rgb(var(--worst-red)); color: rgb(var(--worst-black)); border-width: 3px; border-top: 1px solid rgb(var(--worst-black)); border-bottom: 1px solid rgb(var(--worst-black)); } .styledcollap.bettercollap .colmod-block a:hover { background: rgba(var(--worst-red),0.95)!important; color: rgba(var(--worst-black), 0.95)!important; } .reportblock, .reportblock-dark { background: rgb(var(--worst-red)); color: rgb(var(--worst-black)); } .reportblock hr, .reportblock-dark hr { background-color: rgb(var(--worst-red)); } .reportblock h1:first-child { background: rgb(var(--worst-red)); color: rgb(var(--worst-black));; } .reportblock-dark h1:first-child { background: rgb(var(--worst-black)); color: rgb(var(--worst-red)); } .reportblock, .reportblock h1 { border-color: rgb(var(--worst-black)); background: rgb(var(--worst-red)); color: rgb(var(--worst-black)); } .reportblock hr { border-top: .063rem solid rgb(var(--worst-black)); box-shadow: 0px 0px 5px 1px rgb(var(--worst-black)); background-color: rgb(var(--worst-black)); } .reportblock-dark, .reportblock-dark h1 { border-color: rgb(var(--worst-red)); background: rgb(var(--worst-black)); color: rgb(var(--worst-red)); } .reportblock-dark hr { background-color: rgb(var(--worst-black)); } .signblock, .signblock h1 { background-color: rgb(var(--very-white-monochrome)); color: rgb(var(--worst-red))!important; } .signblock .signblock-footer { filter: invert(0%)!important; } .signblock-dark, .signblock-dark h1 { background-color: rgb(var(--worst-black)); color: rgb(var(--worst-red)); } .signblock-warn, .signblock-warn h1 { background-color: rgb(var(--worst-red)); color: rgb(var(--worst-black)); } .infoblock { color: rgb(var(--worst-red)); background: rgb(var(--worst-black)); } .infoblock-warn { color: rgb(var(--worst-black)); font-weight: bold; background: rgb(var(--worst-red)); padding: 5px 5px 5px 5px; border-radius: 4px; margin: -0.5rem 0 1rem 0; display: block; width: fit-content; padding-right: 25px; } .infoblock-warn::before { content: "ⓘ " } .text-block { color: rgba(var(--worst-black), 0); } .text-blank.text-hoverback:hover, .text-blank.text-selectback::selection, .text-blank.text-selectback *::selection { background: transparent!important; color: rgb(var(--worst-red))!important; } .text-blank.text-selectback::-moz-selection, .text-blank.text-selectback *::-moz-selection { background: transparent!important; color: rgb(var(--worst-red))!important; } .text-block.text-hoverback:hover, .text-block.text-selectback::selection, .text-block.text-selectback *::selection { background: transparent!important; color: rgb(var(--worst-red))!important; } .text-block.text-selectback::-moz-selection, .text-block.text-selectback *::-moz-selection { background: transparent!important; color: rgb(var(--worst-red))!important; } .with-border-light { border: 1px solid rgb(var(--worst-white)) } div.wiki-note::before { color: rgb(var(--worst-black)); }
生存难度:生存難度:
等级等級 1
- 安全
- 稳定
- 极少量实体
如何使用:
[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]
class 处的可用参数包括以下内容,支持简繁体及英文输入。
| English | 简体中文 | 繁體中文 | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 0 | 1 | 2 | 3 | 4 | 5 | 0 | 1 | 2 | 3 | 4 | 5 | 0 | 1 | 2 | 3 | 4 | 5 |
| unknown | 未知 | 未知 | |||||||||||||||
| habitable | 宜居 | 宜居 | |||||||||||||||
| deadzone | 死区 | 死區 | |||||||||||||||
| pending | 等待分级 | 等待分級 | |||||||||||||||
| n/a | 不适用 | 不適用 | |||||||||||||||
| amended | 修正 | 修正 | |||||||||||||||
| omega | 终结 | 終結 | |||||||||||||||
该组件支持简繁切换,如下方代码所示:
[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]
在 lang 处选择语言,cn 表示简体中文,tr 表示繁体中文,不填默认选择简体中文。
自定义等级
[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000(带有井号的十六进制色号代码。)
|image=链接(至图片的链接。)
|one=在这
|two=随便
|three=放文字
]]
使用 CSS 进行自定义:
你可以使用 CSS 进行额外的自定义,将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中,不要把 [[module css]] 放在 [[include]] 里面,把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色,因为组件的 |color= 部分仅能控制背景:
[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;
/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */
/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */
/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */
/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]
旧版颜色:
如果你不喜欢新版的样式,想要用回旧版的红色边框色,只需要在你的页面中与组件一同引入下方的代码:
[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]
Level RH-32是后室RH层群的第32层。
一张Level RH-32的图片
描述
Level RH-32是后室RH层群一个封闭性建筑层级,主要表现为一座图书馆,其内部有窗无门,同时拥有着孤立效应。该层级的书柜较多,同时摆放的无规律,导致其该层级与迷宫的性质别无二致,若想寻找一段较为笔直的道路,是被认定为概率极小或几乎不可能的,目前为止,该层级共被观测到了8段笔直道路。其每段路线的天花板处均安置有不少于1个的白炽灯。
该层级的地面由与现实一致的白灰色瓷砖构成。同时,层级内部的书柜均由木质材料和木质纤维构成,尽管经过研究,木质材料和木质纤维均不属于前厅已知的树种任意一种。
一张Level RH-32内一处休息处的图片
探索该层级时,有概率发现一处与其他地区完全不一致的区域,且放置有桌椅,从上方观测,接近于椭圆形,极大概率是休息处,休息处的桌椅均由铜铁合金材料制成,其中间放置有一座木桌,少数休息处桌上放置有花瓶等盆景设施。目前,经过计算,该层级偶遇休息处的概率为1/5,因此并不罕见,若流浪者携带足够物资,完全能够偶遇至休息处。
该层级书柜内的书籍被认为是与现实完全不符的,书籍外部表面由纸构成,其内部均是由钛合金等高端材料构成的书页,同时并未观测到文字。书页安置有特殊芯片,经一众后室组织研究,芯片存放有流浪者自身的记忆,因此,每个流浪者肉眼观测到的层级大体无变化,但其书籍均由流浪者自身的记忆为主体。若流浪者拥有新的记忆,则层级会自动刷新书柜,存放书籍记忆,因此,该层级的面积理论上为无限大的。记忆书籍不会自主消失,若流浪者损坏任意书籍,则任意书籍记载的记忆将会从流浪者自身大脑中抹除,尽管流浪者自身并未察觉,但其对应记忆已进行删除且不可逆。若重要记忆被删除,流浪者的记忆损伤是极大的。因此,在该层级探索时需万分小心。
该层级的窗户外通常被流浪者观测到白光,因此,尚未得知层级是否有正常的昼夜交替。
实体
该层级的实体相对较少,目前,只观测到少量窃皮者、极少量尸鼠和死亡飞蛾。因此,在该层级偶遇实体的概率是相对较小的;若流浪者确信遇到实体,也是相对危险的,因为该层级的道路类似迷宫,导致流浪者很难反应。
基地、前哨与社区
该层级拥有孤立效应,无法在该层级建立基地、前哨与社区。
入口与出口
入口
- 在Level RH-57成功制造出芯片,有概率切出至本层级。
- 在任意层级观看书籍至入迷状态,均有极小概率切出至本层级。
- 在Level RH-16逃出迷宫后,大概率切出至本层级。
出口
- 切出书柜侧面,有概率切出至Level RH-89。
- 观看记忆书籍超过10分钟,大概率切出至Level RH-17。
文档作者:xiongren
图像名:0.png
图像作者:百度游览器内图片
授权协议:CC-BY-SA-3.0
来源链接:http://backrooms-rh.wikidot.com/local--files/level-rh-32/0.png
图像名:g7kciA7FMt2WEyprczAHVwMJbU_VQFOx7VQB5FkxRXgAKbWlwf.jpg
图像作者:百度游览器内图片
授权协议:CC-BY-SA-3.0
来源链接:http://backrooms-rh.wikidot.com/local--files/level-rh-32/g7kciA7FMt2WEyprczAHVwMJbU_VQFOx7VQB5FkxRXgAKbWlwf.jpg
« Level RH-31 | Level RH-32 | Level RH-33 »


