: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 css('https://fontlibrary.org//face/fira-sans-condensed'); @import css('https://fontlibrary.org//face/rursus-compact-mono'); @import css('https://fontlibrary.org//face/brush-lettering-one'); @font-face { font-family: 'GlowSansSC-Extended'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'GlowSansSC-Extended'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @media screen and (prefers-reduced-motion: no-preference) { #page-title, #breadcrumbs, #page-content > * { animation-name: fadeIn; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } } #page-title { animation-delay: 0s; } @keyframes fadeIn { from { opacity: 0; transform: translate(0,30px); } to { opacity: 1; transform: translate(0,0); } } #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)); } :root { --fade-in-delay: 0.1s; --theme-base: "black-highlighter"; --theme-id: "ember"; --theme-name: "Dying Embers"; --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg"); --header-title: "地狱守卫"; --header-subtitle: "穿过火与焰,我们将继续服务"; --body-font: 'Fira Sans Condensed', 'GlowSansSC-Extended', sans-serif; --header-font: 'Rursus Compact Mono', 'GlowSansSC-Extended', sans-serif; --title-font: 'Rursus Compact Mono', 'GlowSansSC-Extended', sans-serif; --mono-font: 'Brush Lettering One', 'Noto Serif SC', serif; --white-monochrome: 89, 42, 42; --pale-gray-monochrome: 46, 22, 22; --light-gray-monochrome: 150, 84, 42; --gray-monochrome: 184, 88, 4; --dark-gray-monochrome: 150, 58, 15; --black-monochrome: 230, 154, 108; --bright-accent: 211, 135, 67; --medium-accent: 163, 75, 34; --dark-accent: 184, 88, 4; --pale-accent: 184, 88, 4; --header-gradient: 235, 173, 51; --light-block-text: 178, 190, 181; --visited-link-color: 184, 88, 4; --rating-module-button-plus-color: 184, 88, 4; --rating-module-button-negative-color: 184, 88, 4; --rating-module-button-cancel-color: 184, 88, 4; --link-color: 201, 35, 20; --hover-link-color: 201, 35, 20; --anim-position: fixed; --swatch-topmenu-border-color: var(--medium-accent); --link-color: 230, 23, 68; --hover-link-color: 230, 23, 68; --background-gradient-distance: 0rem; --gradient-header: linear-gradient(to top, rgba(var(--header-gradient)) 0%, rgba(var(--medium-accent), 0.90) 100% ); --diagonal-stripes: linear-gradient(transparent 0); } #skrollr-body { background-image: radial-gradient(circle, rgb(var(--black-monochrome)) 0.5%, transparent 0); background-repeat: repeat; background-size: 0.25em 0.25em; width: 100%; height: 7.5rem; } #side-bar .side-block div a img { filter: grayscale(100%); } /* sd banner colours */ .sd-container { --sd-text:var(--white-monochrome); --sd-border:255,165,0; --sd-bullets:255,165,0; --sd-symbol:var(--white-monochrome); } #login-status { color: rgb(var(--swatch-text-light)); } #search-top-box input.empty { color: rgb(var(--swatch-text-light)); } #container { background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0); background-size: 0.25em 0.25em; background-repeat: repeat; background-attachment: fixed; } div#page-options-bottom-2 > a, div#page-options-bottom > a { border-radius: 0em; -moz-border-radius: 0em; 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; } #header, #top-bar { background-attachment: scroll; } #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; } #header h1, #header h1 a { position: absolute; top: 1rem; margin: 0; width: 100%; display: flex; justify-content: center; z-index: 0; } #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 2rem; margin: 0; width: 100%; display: flex; justify-content: center; } #header h1 a::before, #header h2 span::before { text-shadow: 0rem 0rem 0rem #592a2a; } a.newpage { background: transparent; text-decoration: none } a.newpage { color: rgb(var(--newpage-color)) } blockquote { box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote { background-color:rgb(var(--pale-gray-monochrome)); border-left: 0.5rem solid rgba(var(--gray-monochrome)); color:rgb(var(--black-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); } .styled-quote { background-color:rgb(var(--gray-monochrome)); border-left: 0.5rem solid rgba(var(--pale-gray-monochrome)); color:rgb(var(--light-block-text)); 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); } .lightblock { background-color:rgb(var(--gray-monochrome)); color:rgb(var(--light-block-text)); 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 { background-color:rgb(var(--pale-gray-monochrome)); color:rgb(var(--black-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); } .lightblock a, .styled-quote a { color: rgb(128, 41, 41); } hr { background-color: rgb(var(--swatch-menubg-medium-dark-color)); } @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 #FFA500, 724px 1326px #FFA500, 1175px 606px #FFA500, 661px 1274px #FFA500, 1206px 1967px #FFA500, 1278px 1086px #FFA500, 551px 1817px #FFA500, 1861px 1653px #FFA500, 5px 1525px #FFA500, 1414px 255px #FFA500, 1892px 739px #FFA500, 894px 1633px #FFA500, 1615px 521px #FFA500, 1374px 651px #FFA500, 250px 1473px #FFA500, 1984px 1096px #FFA500, 202px 5px #FFA500, 1694px 1095px #FFA500, 1656px 433px #FFA500, 1274px 413px #FFA500, 1568px 1581px #FFA500, 184px 1296px #FFA500, 1820px 532px #FFA500, 1791px 956px #FFA500, 1522px 1638px #FFA500, 1056px 1907px #FFA500, 745px 493px #FFA500, 576px 1246px #FFA500, 849px 1625px #FFA500, 1484px 91px #FFA500, 1818px 1294px #FFA500, 1073px 1048px #FFA500, 24px 818px #FFA500, 1605px 1164px #FFA500, 903px 1546px #FFA500, 7px 1147px #FFA500, 48px 485px #FFA500, 130px 1026px #FFA500, 306px 735px #FFA500, 1280px 1057px #FFA500, 1944px 481px #FFA500, 142px 238px #FFA500, 1195px 732px #FFA500, 535px 1985px #FFA500, 851px 962px #FFA500, 1406px 1056px #FFA500, 1869px 1171px #FFA500, 968px 1272px #FFA500, 278px 461px #FFA500, 1655px 1910px #FFA500, 1650px 940px #FFA500, 186px 1554px #FFA500, 1401px 1811px #FFA500, 805px 450px #FFA500, 749px 831px #FFA500, 270px 1913px #FFA500, 1254px 1571px #FFA500, 1655px 733px #FFA500, 1159px 340px #FFA500, 40px 941px #FFA500, 911px 846px #FFA500, 568px 347px #FFA500, 849px 1892px #FFA500, 768px 1503px #FFA500, 1501px 40px #FFA500, 480px 384px #FFA500, 1930px 1940px #FFA500, 1952px 201px #FFA500, 1665px 494px #FFA500, 1264px 1252px #FFA500, 1046px 835px #FFA500, 320px 1600px #FFA500, 1802px 1465px #FFA500, 1659px 1176px #FFA500, 647px 1928px #FFA500, 1969px 403px #FFA500, 246px 1490px #FFA500, 1823px 1326px #FFA500, 120px 1420px #FFA500, 1974px 396px #FFA500, 307px 231px #FFA500, 338px 43px #FFA500, 1129px 343px #FFA500, 1261px 1927px #FFA500, 1830px 728px #FFA500, 249px 701px #FFA500, 710px 714px #FFA500, 1453px 1998px #FFA500, 889px 879px #FFA500, 218px 275px #FFA500, 128px 314px #FFA500, 1906px 1191px #FFA500, 1686px 791px #FFA500, 903px 1248px #FFA500, 1157px 1869px #FFA500, 732px 94px #FFA500, 150px 1387px #FFA500, 428px 1485px #FFA500, 1605px 192px #FFA500, 963px 67px #FFA500, 545px 495px #FFA500, 1458px 1548px #FFA500, 1478px 803px #FFA500, 1319px 1843px #FFA500, 367px 1029px #FFA500, 1976px 716px #FFA500, 1099px 1624px #FFA500, 1308px 1228px #FFA500, 459px 1640px #FFA500, 652px 1290px #FFA500, 1660px 772px #FFA500, 658px 1342px #FFA500, 534px 180px #FFA500, 196px 238px #FFA500, 1052px 1552px #FFA500, 1192px 49px #FFA500, 546px 1743px #FFA500, 677px 420px #FFA500, 495px 1695px #FFA500, 692px 1161px #FFA500, 1306px 1817px #FFA500, 1323px 666px #FFA500, 1904px 1838px #FFA500, 1117px 275px #FFA500, 644px 520px #FFA500, 1138px 1681px #FFA500, 1326px 74px #FFA500, 907px 1946px #FFA500, 666px 1159px #FFA500, 822px 894px #FFA500, 1505px 1208px #FFA500, 1809px 987px #FFA500, 954px 373px #FFA500, 1328px 391px #FFA500, 535px 350px #FFA500, 1047px 784px #FFA500, 1252px 1380px #FFA500, 618px 270px #FFA500, 531px 1723px #FFA500, 1588px 845px #FFA500, 1170px 1020px #FFA500, 973px 1587px #FFA500, 593px 692px #FFA500, 283px 1482px #FFA500, 959px 1392px #FFA500, 39px 1335px #FFA500, 1457px 815px #FFA500, 21px 1727px #FFA500, 1998px 1064px #FFA500, 1380px 1216px #FFA500, 827px 1538px #FFA500, 108px 1390px #FFA500, 1612px 1389px #FFA500, 1516px 1392px #FFA500, 1584px 1044px #FFA500, 1261px 1859px #FFA500, 1841px 646px #FFA500, 1652px 988px #FFA500, 1848px 1407px #FFA500, 661px 344px #FFA500, 1805px 1758px #FFA500, 1784px 247px #FFA500, 780px 123px #FFA500, 117px 332px #FFA500, 430px 354px #FFA500, 522px 826px #FFA500, 1311px 1343px #FFA500, 1590px 1863px #FFA500, 1155px 1803px #FFA500, 368px 168px #FFA500, 1965px 140px #FFA500, 210px 830px #FFA500, 1954px 772px #FFA500, 1316px 1990px #FFA500, 1783px 692px #FFA500, 669px 1323px #FFA500, 1188px 949px #FFA500, 833px 1030px #FFA500, 1467px 988px #FFA500, 633px 1926px #FFA500, 1490px 320px #FFA500, 1619px 1516px #FFA500, 1370px 85px #FFA500, 678px 1409px #FFA500, 152px 650px #FFA500, 321px 1771px #FFA500, 1443px 1821px #FFA500, 1440px 391px #FFA500, 1501px 1296px #FFA500, 979px 133px #FFA500, 1911px 598px #FFA500, 1719px 97px #FFA500, 893px 735px #FFA500, 310px 473px #FFA500, 1595px 1047px #FFA500, 437px 293px #FFA500, 145px 343px #FFA500, 1246px 416px #FFA500, 1011px 1235px #FFA500, 1462px 987px #FFA500, 167px 1525px #FFA500, 1688px 1415px #FFA500, 574px 1801px #FFA500, 347px 1741px #FFA500, 880px 1109px #FFA500, 93px 1692px #FFA500, 94px 1987px #FFA500, 1695px 951px #FFA500, 153px 601px #FFA500, 1013px 969px #FFA500, 356px 434px #FFA500, 1228px 1942px #FFA500, 1083px 1445px #FFA500, 1317px 438px #FFA500, 439px 1242px #FFA500, 1031px 356px #FFA500, 615px 666px #FFA500, 1019px 1826px #FFA500, 1526px 1025px #FFA500, 538px 210px #FFA500, 78px 1954px #FFA500, 1344px 965px #FFA500, 1280px 143px #FFA500, 211px 430px #FFA500, 282px 1279px #FFA500, 1355px 1639px #FFA500, 1142px 1512px #FFA500, 141px 822px #FFA500, 60px 1923px #FFA500, 1322px 1117px #FFA500, 523px 1165px #FFA500, 1289px 1438px #FFA500, 974px 1937px #FFA500, 1915px 1955px #FFA500, 1793px 308px #FFA500, 1712px 1273px #FFA500, 201px 1179px #FFA500, 1186px 12px #FFA500, 1635px 877px #FFA500, 361px 256px #FFA500, 795px 1283px #FFA500, 305px 1072px #FFA500, 1099px 1995px #FFA500, 1643px 906px #FFA500, 835px 1411px #FFA500, 142px 1950px #FFA500, 1161px 1635px #FFA500, 5px 819px #FFA500, 977px 1049px #FFA500, 86px 417px #FFA500, 731px 1015px #FFA500, 1746px 1059px #FFA500, 1904px 484px #FFA500, 1367px 434px #FFA500, 982px 1646px #FFA500, 685px 1582px #FFA500, 1754px 496px #FFA500, 1706px 292px #FFA500, 1962px 1932px #FFA500, 987px 806px #FFA500, 76px 1275px #FFA500, 746px 430px #FFA500, 1337px 122px #FFA500, 653px 942px #FFA500, 487px 1433px #FFA500, 1270px 1287px #FFA500, 1418px 574px #FFA500, 1640px 1046px #FFA500, 950px 1608px #FFA500, 1660px 432px #FFA500, 1134px 153px #FFA500, 1567px 1087px #FFA500, 1582px 1957px #FFA500, 474px 238px #FFA500, 1514px 525px #FFA500, 1421px 1984px #FFA500, 16px 1994px #FFA500, 1935px 1508px #FFA500, 438px 775px #FFA500, 1612px 630px #FFA500, 203px 879px #FFA500, 496px 1057px #FFA500, 1607px 1518px #FFA500, 1588px 574px #FFA500, 1451px 1062px #FFA500, 1590px 1593px #FFA500, 592px 351px #FFA500, 361px 437px #FFA500, 456px 1221px #FFA500, 411px 1628px #FFA500, 1103px 44px #FFA500, 1890px 749px #FFA500, 1368px 1990px #FFA500, 872px 18px #FFA500, 1528px 907px #FFA500, 1199px 235px #FFA500, 395px 570px #FFA500, 1120px 127px #FFA500, 125px 711px #FFA500, 1825px 1327px #FFA500, 64px 1870px #FFA500, 838px 1810px #FFA500, 663px 1427px #FFA500, 1819px 736px #FFA500, 566px 1851px #FFA500, 1080px 656px #FFA500, 1134px 1861px #FFA500, 568px 64px #FFA500, 1530px 1096px #FFA500, 981px 1711px #FFA500, 1783px 999px #FFA500, 135px 1975px #FFA500, 1772px 1553px #FFA500, 1967px 1442px #FFA500, 542px 372px #FFA500, 1684px 1445px #FFA500, 1041px 1106px #FFA500, 60px 1460px #FFA500, 1083px 1677px #FFA500, 143px 204px #FFA500, 912px 350px #FFA500, 1000px 1586px #FFA500, 1068px 908px #FFA500, 241px 794px #FFA500, 426px 409px #FFA500, 961px 1141px #FFA500, 1551px 327px #FFA500, 1575px 1532px #FFA500, 929px 1507px #FFA500, 242px 364px #FFA500, 1271px 731px #FFA500, 1660px 468px #FFA500, 1494px 589px #FFA500, 988px 1371px #FFA500, 431px 539px #FFA500, 1974px 239px #FFA500, 68px 645px #FFA500, 781px 1716px #FFA500, 1238px 65px #FFA500, 26px 1158px #FFA500, 525px 899px #FFA500, 1494px 1043px #FFA500, 176px 1932px #FFA500, 372px 1933px #FFA500, 196px 883px #FFA500, 615px 614px #FFA500, 1298px 288px #FFA500, 1690px 1284px #FFA500, 414px 5px #FFA500, 1050px 453px #FFA500, 271px 1805px #FFA500, 1024px 1996px #FFA500, 458px 1817px #FFA500, 831px 1155px #FFA500, 229px 1406px #FFA500, 1140px 1918px #FFA500, 390px 1353px #FFA500, 1509px 1025px #FFA500, 893px 574px #FFA500, 461px 499px #FFA500, 568px 1725px #FFA500, 791px 1565px #FFA500, 1494px 365px #FFA500, 1423px 1289px #FFA500, 1239px 1356px #FFA500, 1367px 776px #FFA500, 1596px 965px #FFA500, 1162px 798px #FFA500, 452px 1158px #FFA500, 191px 1111px #FFA500, 1194px 1708px #FFA500, 694px 804px #FFA500, 999px 1711px #FFA500, 114px 1175px #FFA500, 1950px 809px #FFA500, 1991px 889px #FFA500, 1948px 1999px #FFA500, 1367px 1389px #FFA500, 1809px 1878px #FFA500, 1613px 607px #FFA500, 1143px 842px #FFA500, 1746px 324px #FFA500, 102px 355px #FFA500, 852px 1729px #FFA500, 633px 755px #FFA500, 723px 1465px #FFA500, 1081px 301px #FFA500, 1231px 699px #FFA500, 1751px 616px #FFA500, 1387px 999px #FFA500, 500px 940px #FFA500, 545px 1387px #FFA500, 1777px 223px #FFA500, 1058px 1381px #FFA500, 1014px 867px #FFA500, 403px 712px #FFA500, 673px 958px #FFA500, 89px 652px #FFA500, 234px 1894px #FFA500, 603px 1674px #FFA500, 111px 1930px #FFA500, 28px 1161px #FFA500, 1052px 962px #FFA500, 134px 1007px #FFA500, 290px 1721px #FFA500, 1713px 439px #FFA500, 443px 1291px #FFA500, 1443px 528px #FFA500, 465px 1761px #FFA500, 491px 82px #FFA500, 592px 938px #FFA500, 1409px 1274px #FFA500, 633px 1201px #FFA500, 740px 33px #FFA500, 1214px 777px #FFA500, 1589px 1106px #FFA500, 748px 371px #FFA500, 1422px 1726px #FFA500, 1607px 225px #FFA500, 1520px 280px #FFA500, 873px 547px #FFA500, 765px 1174px #FFA500, 165px 97px #FFA500, 126px 422px #FFA500, 301px 1356px #FFA500, 702px 1837px #FFA500, 866px 256px #FFA500, 1974px 849px #FFA500, 805px 852px #FFA500, 1659px 1966px #FFA500, 1529px 265px #FFA500, 1007px 956px #FFA500, 1245px 359px #FFA500, 1505px 752px #FFA500, 902px 201px #FFA500, 219px 1594px #FFA500, 1134px 816px #FFA500, 1269px 1624px #FFA500, 33px 1155px #FFA500, 1374px 768px #FFA500, 567px 1240px #FFA500, 1774px 187px #FFA500, 1445px 254px #FFA500, 1544px 399px #FFA500, 228px 1003px #FFA500, 1132px 632px #FFA500, 1242px 10px #FFA500, 894px 1826px #FFA500, 1325px 706px #FFA500, 1260px 471px #FFA500, 1769px 1115px #FFA500, 370px 482px #FFA500, 774px 889px #FFA500, 1688px 777px #FFA500, 124px 1812px #FFA500, 364px 1573px #FFA500, 1257px 722px #FFA500, 1219px 1214px #FFA500, 866px 1202px #FFA500, 683px 976px #FFA500, 245px 562px #FFA500, 1958px 1456px #FFA500, 940px 331px #FFA500, 604px 1006px #FFA500, 1871px 56px #FFA500, 1671px 1668px #FFA500, 114px 1835px #FFA500, 1284px 1144px #FFA500, 1183px 223px #FFA500, 290px 969px #FFA500, 55px 92px #FFA500, 3px 1067px #FFA500, 653px 599px #FFA500, 341px 1106px #FFA500, 351px 617px #FFA500, 1245px 210px #FFA500, 1007px 1354px #FFA500, 1785px 1298px #FFA500, 624px 1677px #FFA500, 1382px 1089px #FFA500, 204px 244px #FFA500, 1572px 1534px #FFA500, 211px 1723px #FFA500, 1873px 558px #FFA500, 1870px 415px #FFA500, 1267px 772px #FFA500, 2000px 1057px #FFA500, 608px 1723px #FFA500, 722px 1493px #FFA500, 856px 207px #FFA500, 21px 434px #FFA500, 451px 1696px #FFA500, 1712px 1156px #FFA500, 1316px 740px #FFA500, 606px 772px #FFA500, 176px 1359px #FFA500, 487px 1748px #FFA500, 1240px 118px #FFA500, 231px 876px #FFA500, 1149px 468px #FFA500, 591px 315px #FFA500, 739px 843px #FFA500, 1932px 464px #FFA500, 61px 1995px #FFA500, 1884px 756px #FFA500, 1714px 547px #FFA500, 1764px 1477px #FFA500, 1524px 258px #FFA500, 831px 1423px #FFA500, 858px 1524px #FFA500, 1759px 475px #FFA500, 1140px 1721px #FFA500, 474px 1016px #FFA500, 1312px 1967px #FFA500, 503px 1878px #FFA500, 53px 423px #FFA500, 281px 1378px #FFA500, 817px 152px #FFA500, 1724px 1605px #FFA500, 356px 1030px #FFA500, 372px 1122px #FFA500, 1477px 125px #FFA500, 195px 1014px #FFA500, 1155px 1432px #FFA500, 633px 1810px #FFA500, 444px 477px #FFA500, 1311px 1863px #FFA500, 1081px 865px #FFA500, 185px 1222px #FFA500, 1290px 1438px #FFA500, 630px 1709px #FFA500, 372px 117px #FFA500, 1987px 1797px #FFA500, 801px 109px #FFA500, 1230px 1903px #FFA500, 1502px 1630px #FFA500, 680px 1190px #FFA500, 1756px 908px #FFA500, 930px 1899px #FFA500, 1505px 1734px #FFA500, 653px 1026px #FFA500, 1486px 1566px #FFA500, 46px 109px #FFA500, 1526px 1040px #FFA500, 840px 519px #FFA500, 1912px 1341px #FFA500, 1382px 471px #FFA500, 638px 1021px #FFA500, 38px 347px #FFA500, 1290px 781px #FFA500, 1485px 847px #FFA500, 1496px 1245px #FFA500, 1267px 1307px #FFA500, 449px 741px #FFA500, 636px 1550px #FFA500, 1524px 884px #FFA500, 137px 604px #FFA500, 1864px 180px #FFA500, 1373px 323px #FFA500, 307px 985px #FFA500, 1603px 1012px #FFA500, 642px 1490px #FFA500, 1889px 1992px #FFA500, 1405px 762px #FFA500, 7px 582px #FFA500, 1586px 236px #FFA500, 538px 501px #FFA500, 322px 917px #FFA500, 176px 430px #FFA500, 350px 785px #FFA500, 562px 1838px #FFA500, 699px 1647px #FFA500, 67px 1144px #FFA500, 1656px 523px #FFA500, 64px 1469px #FFA500, 770px 268px #FFA500, 1752px 501px #FFA500, 641px 179px #FFA500, 685px 220px #FFA500, 1214px 380px #FFA500, 1579px 1438px #FFA500, 310px 1300px #FFA500, 514px 1492px #FFA500, 625px 557px #FFA500, 634px 1043px #FFA500, 707px 1262px #FFA500, 979px 304px #FFA500, 283px 29px #FFA500, 1541px 1335px #FFA500, 1255px 705px #FFA500, 1118px 325px #FFA500, 1121px 723px #FFA500, 1510px 465px #FFA500, 1609px 1975px #FFA500, 584px 1678px #FFA500, 1617px 1270px #FFA500, 372px 1033px #FFA500, 976px 1024px #FFA500, 362px 715px #FFA500, 146px 1240px #FFA500, 1458px 1770px #FFA500, 748px 1118px #FFA500, 139px 760px #FFA500, 1846px 839px #FFA500, 1763px 716px #FFA500, 274px 1841px #FFA500, 1085px 74px #FFA500, 415px 1714px #FFA500, 692px 374px #FFA500, 1005px 1084px #FFA500, 312px 562px #FFA500, 1476px 1325px #FFA500, 1335px 458px #FFA500, 755px 584px #FFA500, 329px 1882px #FFA500, 73px 1102px #FFA500, 1077px 272px #FFA500, 1790px 555px #FFA500, 936px 1429px #FFA500, 1280px 1939px #FFA500, 243px 1187px #FFA500, 1323px 1294px #FFA500, 1921px 281px #FFA500, 1163px 1764px #FFA500, 598px 100px #FFA500, 802px 745px #FFA500, 1814px 1371px #FFA500, 1532px 1805px #FFA500, 1391px 1704px #FFA500, 945px 321px #FFA500, 361px 1787px #FFA500, 985px 1903px #FFA500, 652px 1376px #FFA500, 425px 1538px #FFA500, 1936px 1043px #FFA500, 158px 325px #FFA500, 89px 1559px #FFA500, 1477px 1535px #FFA500, 595px 727px #FFA500, 956px 683px #FFA500, 1765px 1840px #FFA500, 696px 1546px #FFA500, 1165px 112px #FFA500, 1777px 796px #FFA500, 894px 1331px #FFA500, 531px 1025px #FFA500, 296px 1867px #FFA500, 1265px 693px #FFA500, 29px 1036px #FFA500, 1204px 364px #FFA500, 605px 1px #FFA500, 687px 1940px #FFA500, 371px 68px #FFA500, 602px 796px #FFA500, 1340px 470px #FFA500, 1460px 1570px #FFA500, 247px 1579px #FFA500, 1118px 829px #FFA500, 1698px 386px #FFA500, 684px 1245px #FFA500, 463px 1516px #FFA500, 1266px 1461px #FFA500, 898px 1751px #FFA500, 6px 1281px #FFA500, 1957px 166px #FFA500, 999px 426px #FFA500, 1821px 245px #FFA500, 830px 1367px #FFA500, 1237px 1106px #FFA500, 1412px 645px #FFA500, 7px 93px #FFA500, 550px 1194px #FFA500, 1950px 1403px #FFA500, 639px 1787px #FFA500, 1293px 1807px #FFA500, 462px 1713px #FFA500, 378px 1189px #FFA500, 1177px 1376px #FFA500, 308px 1471px #FFA500, 976px 221px #FFA500, 1766px 200px #FFA500, 1577px 356px #FFA500, 1542px 890px #FFA500, 567px 1998px #FFA500, 96px 1389px #FFA500, 1334px 698px #FFA500, 1752px 1068px #FFA500, 269px 257px #FFA500, 950px 1864px #FFA500, 1640px 817px #FFA500, 1340px 1064px #FFA500, 1507px 389px #FFA500, 30px 1855px #FFA500, 766px 1645px #FFA500, 1280px 1975px #FFA500, 967px 1469px #FFA500, 1560px 1499px #FFA500, 52px 664px #FFA500, 1319px 995px #FFA500, 483px 1952px #FFA500; 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 #FFA500, 76px 278px #FFA500, 1958px 1952px #FFA500, 117px 481px #FFA500, 1326px 1250px #FFA500, 835px 149px #FFA500, 61px 182px #FFA500, 788px 1960px #FFA500, 1256px 652px #FFA500, 1233px 1544px #FFA500, 970px 1685px #FFA500, 1697px 1583px #FFA500, 680px 1847px #FFA500, 1282px 749px #FFA500, 220px 724px #FFA500, 673px 44px #FFA500, 1919px 1555px #FFA500, 737px 1319px #FFA500, 491px 195px #FFA500, 1507px 171px #FFA500, 771px 1497px #FFA500, 602px 419px #FFA500, 1908px 621px #FFA500, 1993px 1864px #FFA500, 345px 1915px #FFA500, 1216px 387px #FFA500, 1663px 887px #FFA500, 1036px 746px #FFA500, 831px 12px #FFA500, 1675px 1029px #FFA500, 1734px 1133px #FFA500, 888px 1255px #FFA500, 195px 1336px #FFA500, 760px 1484px #FFA500, 88px 1319px #FFA500, 577px 1665px #FFA500, 500px 889px #FFA500, 337px 1736px #FFA500, 1593px 1935px #FFA500, 1444px 803px #FFA500, 1477px 703px #FFA500, 1380px 1137px #FFA500, 694px 1375px #FFA500, 412px 1132px #FFA500, 223px 61px #FFA500, 1310px 225px #FFA500, 1640px 1415px #FFA500, 1222px 955px #FFA500, 913px 791px #FFA500, 1987px 709px #FFA500, 162px 336px #FFA500, 855px 1655px #FFA500, 738px 726px #FFA500, 1981px 1519px #FFA500, 1798px 1921px #FFA500, 1723px 1314px #FFA500, 1313px 1711px #FFA500, 1926px 1218px #FFA500, 1052px 1868px #FFA500, 1622px 912px #FFA500, 1974px 901px #FFA500, 1195px 82px #FFA500, 1446px 757px #FFA500, 355px 1425px #FFA500, 749px 1479px #FFA500, 1779px 963px #FFA500, 243px 656px #FFA500, 671px 1835px #FFA500, 205px 780px #FFA500, 811px 1186px #FFA500, 14px 1319px #FFA500, 436px 64px #FFA500, 686px 509px #FFA500, 129px 884px #FFA500, 683px 80px #FFA500, 1931px 1965px #FFA500, 867px 373px #FFA500, 1215px 244px #FFA500, 814px 1658px #FFA500, 1600px 841px #FFA500, 418px 443px #FFA500, 59px 516px #FFA500, 988px 1390px #FFA500, 164px 1317px #FFA500, 1490px 1276px #FFA500, 940px 404px #FFA500, 721px 1457px #FFA500, 1678px 286px #FFA500, 640px 385px #FFA500, 152px 1160px #FFA500, 1235px 1839px #FFA500, 1038px 444px #FFA500, 1439px 300px #FFA500, 1025px 27px #FFA500, 1968px 577px #FFA500, 835px 1533px #FFA500, 1445px 364px #FFA500, 1102px 1879px #FFA500, 1114px 1631px #FFA500, 636px 15px #FFA500, 745px 200px #FFA500, 1489px 1114px #FFA500, 146px 1566px #FFA500, 613px 146px #FFA500, 190px 1672px #FFA500, 1967px 578px #FFA500, 1414px 179px #FFA500, 1750px 1833px #FFA500, 37px 922px #FFA500, 1833px 708px #FFA500, 413px 1989px #FFA500, 1269px 1291px #FFA500, 971px 580px #FFA500, 503px 533px #FFA500, 641px 175px #FFA500, 863px 1831px #FFA500, 1174px 1250px #FFA500, 1612px 1022px #FFA500, 1136px 1170px #FFA500, 706px 1101px #FFA500, 887px 1795px #FFA500, 849px 444px #FFA500, 1015px 1058px #FFA500, 322px 90px #FFA500, 1577px 266px #FFA500, 176px 878px #FFA500, 710px 474px #FFA500, 769px 523px #FFA500, 418px 1298px #FFA500, 654px 1049px #FFA500, 327px 743px #FFA500, 343px 192px #FFA500, 930px 125px #FFA500, 835px 1193px #FFA500, 473px 1709px #FFA500, 1857px 319px #FFA500, 675px 278px #FFA500, 1546px 613px #FFA500, 811px 764px #FFA500, 303px 1360px #FFA500, 447px 930px #FFA500, 1475px 1935px #FFA500, 1101px 738px #FFA500, 1577px 1373px #FFA500, 1634px 628px #FFA500, 1231px 663px #FFA500, 275px 1076px #FFA500, 1746px 668px #FFA500, 1714px 1167px #FFA500, 847px 34px #FFA500, 1413px 450px #FFA500, 1037px 1738px #FFA500, 794px 634px #FFA500, 1800px 1946px #FFA500, 1346px 1826px #FFA500, 718px 1732px #FFA500, 151px 1276px #FFA500, 428px 976px #FFA500, 485px 938px #FFA500, 98px 344px #FFA500, 1936px 1462px #FFA500, 142px 349px #FFA500, 1659px 324px #FFA500, 1074px 1878px #FFA500, 345px 75px #FFA500, 508px 1532px #FFA500, 1117px 611px #FFA500, 33px 350px #FFA500, 1002px 565px #FFA500, 986px 885px #FFA500, 1086px 1066px #FFA500, 1102px 211px #FFA500, 590px 1021px #FFA500, 719px 145px #FFA500, 964px 980px #FFA500, 259px 1554px #FFA500, 1942px 748px #FFA500, 1569px 601px #FFA500, 417px 609px #FFA500, 1143px 1210px #FFA500, 1182px 552px #FFA500, 1224px 1804px #FFA500, 898px 1516px #FFA500, 736px 624px #FFA500, 213px 754px #FFA500, 408px 496px #FFA500, 1820px 1548px #FFA500, 1807px 1514px #FFA500, 739px 189px #FFA500, 1304px 1249px #FFA500, 1437px 122px #FFA500, 1702px 821px #FFA500, 370px 1554px #FFA500, 10px 1505px #FFA500, 501px 593px #FFA500, 1482px 23px #FFA500, 1774px 1032px #FFA500, 828px 262px #FFA500, 1530px 1354px #FFA500, 1698px 886px #FFA500; 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 #FFA500, 1287px 1821px #FFA500, 1954px 1267px #FFA500, 1880px 1659px #FFA500, 381px 829px #FFA500, 314px 1471px #FFA500, 1631px 1262px #FFA500, 889px 506px #FFA500, 1836px 1779px #FFA500, 823px 42px #FFA500, 343px 943px #FFA500, 1334px 1179px #FFA500, 285px 287px #FFA500, 1820px 1967px #FFA500, 872px 663px #FFA500, 541px 1759px #FFA500, 253px 1099px #FFA500, 1383px 794px #FFA500, 433px 716px #FFA500, 69px 1603px #FFA500, 1738px 1239px #FFA500, 1540px 1633px #FFA500, 1829px 288px #FFA500, 1778px 1640px #FFA500, 1336px 1188px #FFA500, 1001px 1419px #FFA500, 198px 334px #FFA500, 953px 840px #FFA500, 1115px 773px #FFA500, 85px 844px #FFA500, 1974px 644px #FFA500, 1720px 429px #FFA500, 1088px 831px #FFA500, 919px 390px #FFA500, 866px 346px #FFA500, 617px 5px #FFA500, 665px 1023px #FFA500, 231px 118px #FFA500, 1715px 78px #FFA500, 901px 1788px #FFA500, 1516px 1203px #FFA500, 541px 1364px #FFA500, 404px 562px #FFA500, 244px 155px #FFA500, 278px 72px #FFA500, 1156px 889px #FFA500, 204px 1622px #FFA500, 313px 484px #FFA500, 760px 1478px #FFA500, 1416px 1365px #FFA500, 257px 190px #FFA500, 632px 769px #FFA500, 1334px 1685px #FFA500, 1769px 555px #FFA500, 643px 514px #FFA500, 1948px 376px #FFA500, 572px 579px #FFA500, 643px 1787px #FFA500, 1194px 137px #FFA500, 1099px 1136px #FFA500, 987px 35px #FFA500, 207px 1617px #FFA500, 756px 174px #FFA500, 346px 1054px #FFA500, 1338px 1897px #FFA500, 1024px 1995px #FFA500, 1747px 382px #FFA500, 45px 7px #FFA500, 1764px 1556px #FFA500, 944px 251px #FFA500, 1121px 113px #FFA500, 1660px 1388px #FFA500, 762px 1022px #FFA500, 515px 287px #FFA500, 1115px 1817px #FFA500, 1306px 1942px #FFA500, 1572px 1410px #FFA500, 1675px 48px #FFA500, 48px 1845px #FFA500, 1393px 174px #FFA500, 1927px 1094px #FFA500, 114px 412px #FFA500, 1897px 1349px #FFA500, 151px 1800px #FFA500, 3px 433px #FFA500, 1837px 173px #FFA500, 1844px 1357px #FFA500, 957px 743px #FFA500, 672px 719px #FFA500, 433px 1476px #FFA500, 1314px 690px #FFA500, 1764px 1888px #FFA500, 1287px 868px #FFA500, 1282px 1989px #FFA500, 1258px 94px #FFA500, 1335px 1311px #FFA500, 957px 1204px #FFA500, 208px 1065px #FFA500, 688px 678px #FFA500, 1835px 1130px #FFA500; 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); } } } .bottom-box ul li { color: #FFA500 !important; } .top-box { background: #FFA500; } .bottom-box ui li:before { background: #FFA500 !important; } .header-diamond .diamond-color { background: #FFA500; }
实体编号:Zd-4
栖息地:黄昏剧院以及多数明亮安全的层级
描述
“双相”为一种类人型实体,全称为“昼夜两面者”已确认该实体有着人类高中生水平智商。身高通常在175cm左右,不排除有特例的可能。
该实体力气出奇的大,面部佩戴着面具,已确认该实体面部是一片不透光虚无黑雾,但有流浪者目击到该实体可以扭曲黑雾,并模拟出一张人类的“脸”,需谨慎辨别。
长时间直视该实体无遮挡的面部将会持续的造成精神危害,而特殊的个体会通过此效应诱导流浪者,使其认为自身是其的亲近朋友,在其远离群体孤立后杀害。该实体比较擅长肉搏,但部分实体选择用工具战斗。
其被怀疑是有着特殊磁场,对电子产品可能有认知错误,无法记住机器的操作步骤,会在简单的步骤使机器产生错误1。而这类实体总能捡到被遗落的手机、通讯器等。2
相关研究
据观察和自身叙述,“双相”无需进食,但他们依旧喜欢去吃一些零食和糖果。
实验人员曾在实验中确认,孩童的哭声和流浪者痛苦的哀嚎会小几率在一些光线充足的区域引来“双相”,前者比后者几率要大。
值得注意的是,已经确认“双相”多为严重情感缺乏,不会有同情心,亲情等表现,他们善于伪装表演出缺乏的感情欺骗流浪者。
据上所述 请不要过度相信该实体
行为
该类实体有两种状态,分为“朝暮”3和“落幕”4。不同状态下,可以通过“双相”的面具、手腕和圆环进行区别。
匿名流浪者所绘制
处于“朝暮”状态
朝暮状态下的“双相”是中立友善的,给予他一些物品(例如手作物,玩具甚至几枚涂上颜色的螺丝钉)会帮流浪者攻击、防卫、躲避其他有害实体、搬运物资和引路,其在必要时会背起流浪者快速切出。
此状态下对同类极度友好,曾经有流浪者目击一些光线充足区域能看见2-4只“朝暮”状态下“双相”聚集在一起玩闹。但这不代表该状态的“双相”是无害的。
据记录,流浪者在初次发现该实体并将其激怒,“双相”遇光切换为“朝暮”状态仍对该流浪者表现出极大敌意和攻击性。
处于“落幕”状态
落暮状态下的“双相”是敌对混乱的,该状态下警戒心大大提升,会无目的性游荡直至到达光亮区域,期间不要去靠近或者招惹“双相”,极其记仇且脾气暴躁。5
值得注意的是,无论哪种状态吓的“双相”,其都有着照顾未成年的心理,哪怕在“落幕”情况下也会下意识保护,但为了流浪者人身安全,请不要去相信他们所说的:自己是友善实体。
“双相”在接触到光源后会立即切换“朝暮”状态,在“落幕”状态下发生的一切都清晰记得,如有误杀流浪者,多数表现无所谓态度,少数会进行短时间的表面哭泣表示哀悼但无愧疚感。
该实体对其他实体和流浪者称呼有别,据记录他们会称呼流浪者为“朋友”,而对其他实体称为“伙伴”。
“双相”会在自己住所领地画上特有标志,偶尔一些“双相”也会在墙面涂鸦,请流浪者注意辨别并远离。
生物学特征
其穿着亮色兜帽卫衣,颜色有红、橙、黄、紫、白色。其面部佩戴着面具,“朝暮”状态下为金色太阳面具,“落幕”状态下为暗蓝色月亮面具。
部分“双相”会在面具上进行涂鸦用于区别特殊性或者会在裤腿绣上星星、月亮、太阳图案。其脖颈,手腕,脚腕,有着一个似玉石状圆环,“朝暮”状态为深蓝,“落幕”状态为荧光绿。
发现
初次勘测该实体为一处明亮安全区域,为单独“朝暮”个体,与发现流浪者交谈发现该个体在躲避着什么,后于流浪者该区域探索发现该个体死亡燃烧后留下灰烬。
采访记录:
从█████找到的一名较为冷静理智的“双相”进行采访,因“双相”特殊磁场影响录音有些失真。
记录员█████简称:T
被采访者“双相”Cassie简称:C
[记录开始]
(地点位于一处密闭的空间,头顶白炽灯正嗡嗡作响)
T 你好,感谢您配合我们采访,可否说明一下你们大量移居数据删除的事情吗,中间发生了什么?
C (局促不安)嗯..嗯,是的,发生了一些事,一场事故 …一场灾难。
T:灾难?
C 这件事起因我不是了解很多,我只知道当时有很多笑魇突然出现和袭击了我们藏匿幼儿的地方…这造成了很多孩子死亡。
T 天哪,听起来真是不幸的事,我们有记录到当时逃到[数据删除]的“双相”残疾,是因为这个吗?
C 我不知道,朋友,如你所见,我并未和他们一起前往[数据删除]…
T (将记录板翻页)好的,我可以知道一下关于你们为什么关灯和开灯面具不同和行为不同吗?
C 你是指,早安,和晚安吗?朋友。
T 什么?
C 我们通常称这种状态为早安,或者晚安,但这只是我们内部称呼,更准确点叫“朝暮”和“落幕”,大概为….呃…抱歉,这不能说,我的朋友。
T 哈..真是含糊的答案,根据记录你们好像不需要进食?
C 是的,我的朋友,就算不摄入食物也并无大碍,有些家伙只是嘴馋去吃而已。
T 那么,最后一个问题,你们为什么戴着面具,有什么特殊含义吗,非得是月亮或者太阳面具?
C 我想,这应该和█████
(砰)
(房间灯泡被子弹打碎陷入一片黑暗)
C:不不不!祂们又来了,为什么不肯放过我们!
(黑暗里传出了“双相”哀悼的哭声和记录员的尖叫)
(安保人员赶到现场时打开手电筒看见的是记录员支离破碎的尸体和沾染墨蓝色血液碎了一地的月亮面具,被访者“双相”不知所踪。)[记录结束]
后记:
后前去████的流浪者发现该层级“双相”全部失踪,甚至有些角落可以看见被暴力撕扯下的残肢和被砸裂的太阳面具以及灰烬。
行为准则
应当:
- 尽量避免接触,如必要接触时应确保“双相”是处于“朝暮”状态并远离黑暗区域。
- 接触时随身携带照明工具,如手电筒。
- 如果流浪者因为各种原因引来“双相”,如非紧急情况请立即拒绝他们的帮助并远离。
- 请在接触过程中一定要记住你不是他们的“伙伴”,你只是“朋友”,不要过度相信“双相”。
不应:
- 尝试激怒他们。
- 摘掉他们的面具。
- 将其引领到黑暗区域。
- 尝试投喂酸性食物。
- 频繁闪光照射“双相”。
作者:naweiwei
代发,一些优化:triangle sandwich
图片:https://www.wikudot.icu/i/0/r5oxol.png
« Entity Zd-3 | Entity Zd-4| Entity Zd-5 »
/* BHL Style Search Top Box And User Account */ /* By Mercuresphere */ /* Based on BHL Theme */ :root, :root:lang(cn) { --merc-light-color: var(--swatch-menutxt-light-color); --merc-dark-color: var(--swatch-menubg-dark-color); --user-account-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/user-circle.svg"); --search-top-box-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/search-top-box-mask.svg"); } /* ===用户和搜索栏=== */ @media only screen and (max-width: 768px) { #login-status { right: unset; font-size: unset; } #navi-bar, #navi-bar-shadow, #search-top-box-input { display: unset; } #search-top-box-input { min-width: unset; } #search-top-box { top: unset; right: unset; height: unset; } #search-top-box:focus-within { box-shadow: unset; background: unset; padding: unset; } #search-top-box:not(:focus-within):before { -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--search-top-box-mask); z-index: 14; background-color: rgb(var(--merc-light-color)); color: rgb(var(--merc-dark-color)); text-align: center; cursor: pointer; mask-image: var(--search-top-box-mask); mask-position: center center; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); pointer-events: none; position: absolute; top: 0; right: 0; width: calc(0.9375rem * 1.8); height: 100%; content: " "; } #search-top-box form[id=search-top-box-form] { visibility: unset; height: unset; } #search-top-box form[id=search-top-box-form]:focus-within { visibility: unset; } #search-top-box form[id=search-top-box-form] input { -webkit-appearance: unset; -moz-appearance: unset; position: unset; top: unset; transform: unset; appearance: unset; height: unset; } #search-top-box form[id=search-top-box-form] input[type=text] { visibility: unset; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1); } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] { position: unset; right: unset; transform: unset; cursor: unset; border-width: unset; width: unset; height: unset; color: unset; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover { background-color: unset; } #search-top-box form[id=search-top-box-form] input[type=submit] { background: none; transition: unset; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] { opacity: unset; margin: unset; padding: unset; width: unset; } #header h1 a { z-index: unset; } } @media only screen and (max-width: 56.25rem) { #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { background-color: rgba(0, 0, 0, 0); } } @media (min-width: 36rem) { #login-status { flex-grow: unset; left: unset; right: unset; } #login-status:not(:hover):not(:focus-within) { visibility: hidden; } #login-status::before { visibility: visible; } } #search-top-box-input { min-width: unset; display: inline-block; } #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { color: transparent; } #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { border: none; text-shadow: none; } #search-top-box-form input[type=submit], #search-top-box-input:focus, #search-top-box-input:hover { border: none; } #search-top-box { display: flex; z-index: 12; position: absolute; top: 1.5em; right: calc(3% - .25em); align-items: center; justify-content: center; width: auto; height: calc(0.9375rem * 1.8); transform: translateY(-50%); font-size: calc(0.9375rem * .86667); } #search-top-box, #search-top-box * { box-sizing: border-box; margin: 0; padding: 0; border: none; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1); will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width; } #search-top-box:focus-within, #search-top-box:focus-within *, #search-top-box:focus-within :after, #search-top-box:focus-within :before { margin: 0; padding: 0; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .3s cubic-bezier(.4, 0, .2, 1), padding .3s cubic-bezier(.4, 0, .2, 1), max-width .3s cubic-bezier(.4, 0, .2, 1); will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width; } #search-top-box:focus-within { background: rgba(var(--merc-dark-color), .7); box-shadow: calc(calc(0.9375rem * 1.8) / 2 * -1) 0 calc(calc(0.9375rem * 1.8) / 2) rgba(var(--merc-dark-color)); } #search-top-box:after, #search-top-box:before { position: absolute; top: 0; right: 0; width: calc(0.9375rem * 1.8); height: 100%; content: " "; } #search-top-box:before { -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--search-top-box-mask); z-index: 14; background-color: rgb(var(--merc-light-color)); color: rgb(var(--merc-dark-color)); text-align: center; cursor: pointer; mask-image: var(--search-top-box-mask); mask-position: center center; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); pointer-events: none; } #search-top-box:not(:focus-within):hover:before { background-color: rgb(var(--merc-light-color)); } #search-top-box:after { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); z-index: 13; clip-path: var(--clip-path); pointer-events: none; background-color: transparent; } #search-top-box:not(:focus-within):after { --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); background-color: rgb(var(--merc-light-color), 0); } #search-top-box form[id=search-top-box-form] { display: flex; visibility: visible; position: relative; right: 0; max-width: 100%; height: calc(0.9375rem * 1.8); } #search-top-box form[id=search-top-box-form]:not(:focus-within) { max-width: calc(0.9375rem * 15); } #search-top-box form[id=search-top-box-form] input { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: 0; } #search-top-box form[id=search-top-box-form] input[type=text] { z-index: 13; position: absolute; right: 0; width: calc(0.9375rem * 15); max-width: calc(0.9375rem * 15); height: 100%; padding: 0 calc(0.9375rem * 1.8) 0 1em; outline: 0 solid rgb(var(--merc-light-color)); background-color: rgb(var(--merc-dark-color), .7); box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color)); color: rgba(var(--merc-light-color)); } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] { max-width: calc(0.9375rem * 1.8); padding: 0; outline-width: 0; background-color: rgba(var(--merc-dark-color), 0); box-shadow: 0 0 0 0 rgb(var(--merc-light-color)); color: rgba(0, 0, 0, 0); cursor: pointer; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover { background-color: rgba(var(--merc-dark-color), 1); } #search-top-box form[id=search-top-box-form] input[type=submit] { visibility: visible; z-index: 14; position: absolute; right: 0; width: calc(0.9375rem * 1.8); height: calc(0.9375rem * 1.8); outline: 0 solid rgb(var(--merc-light-color)); background-color: transparent; box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color)); color: t; font-size: calc(0.9375rem * .86667); cursor: pointer; pointer-events: all; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] { box-shadow: 0 0 0 0 rgb(var(--merc-light-color)); pointer-events: none; } #login-status { --wght: var(--ui-wght); display: flex; z-index: 11; position: absolute; top: 1.5em; right: calc(3% + calc(0.9375rem * 1.8) - .25em); align-items: center; justify-content: center; height: 2em; margin: 0 0 0 .5em; transform: translateY(-50%); color: rgb(var(--merc-light-color)); font-weight: var(--wght); font-size: 1em; font-family: var(--UI-font); white-space: nowrap; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); } #search-top-box:focus-within ~ #login-status { opacity: 0; } #login-status span.printuser a:first-of-type { width: 1.75em; } #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in { margin: 0 1em; background-color: rgb(var(--pale-gray-monochrome)); color: rgb(var(--merc-dark-color)); padding: 0.1em 1em; text-decoration: none; } #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:focus-within, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:focus-within { background-color: rgba(var(--merc-light-color), 1); color: rgb(var(--merc-dark-color)); text-decoration: none; } #login-status span.printuser { --wght: var(--ui-wght); margin-right: .5em; color: rgb(var(--merc-light-color)); font-weight: var(--wght); } #login-status a#my-account, #login-status a[href*="account/messages"] { color: rgb(var(--merc-light-color)); } #login-status a#my-account { --wght: var(--ui-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) .125em; display: flex; align-items: center; padding: 0 .5em; background-color: initial; box-shadow: inset 0 0 0 0 rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) .125em; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1); } #login-status a#my-account:active, #login-status a#my-account:hover { --wght: var(--ui-hvr-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0; box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color)); color: rgb(var(--merc-light-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) 0; } #login-status a#my-account:focus-within { --wght: var(--ui-hvr-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0; box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color)); color: rgb(var(--merc-light-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) 0; } #login-status #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); position: relative; width: var(--account-height); height: var(--account-height); margin: 0; padding: 0; background-color: rgb(var(--merc-light-color)); color: transparent; clip-path: var(--clip-path); transition: -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1); transition: clip-path .1s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options { display: block !important; z-index: 12; position: absolute; top: 1.5rem; right: 0; width: 10em; margin: .25em 0 0; padding: 0; overflow: hidden; background-image: var(--gradient-header); background-color: rgb(var(--merc-dark-color)); opacity: 0; pointer-events: none; transition: opacity .15s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options:focus-within, #login-status #account-topbutton:active + #account-options, #login-status #account-topbutton:focus + #account-options { opacity: 1; pointer-events: all; } @media (pointer: coarse) { #login-status #account-options:hover, #login-status #account-topbutton:hover + #account-options { opacity: 1; pointer-events: all; } } #login-status #account-options * { margin: 0; padding: 0; } #login-status #account-options ul { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 2em; flex-grow: 1; align-items: center; justify-content: center; font-size: .85em; } #login-status #account-options ul li { position: relative; } #login-status #account-options ul li, #login-status #account-options ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } #login-status #account-options a { --box-shadow: rgba(var(--merc-dark-color)); --wght: var(--ui-wght); position: relative; flex-grow: 1; height: 100%; max-height: 2em; padding: 0 .25em; box-shadow: inset 0 0 0 .0625rem var(--merc-dark-color); font-weight: var(--wght); transition: color .15s cubic-bezier(.4, 0, .2, 1), font-weight .15s cubic-bezier(.4, 0, .2, 1), font-variation-settings .15s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options li > a, #login-status #account-options li > a:visited { color: rgb(var(--merc-light-color)); } #login-status #account-options li > a:active, #login-status #account-options li > a:hover { --wght: var(--ui-hvr-wght); color: rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: none; } #login-status #account-options li > a:focus-within { --wght: var(--ui-hvr-wght); color: rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: none; } #login-status #account-options li > a[href*="/messages"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; font-size: 0; } #login-status #account-options li > a[href*="/messages"]:after { position: absolute; left: 50%; transform: translateX(-50%); content: "信息"; font-size: calc(0.9375rem * .765); pointer-events: none; } #login-status #account-options li > a:before { --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-clip-path: var(--clip-path); z-index: -1; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgb(var(--merc-light-color)); content: " "; clip-path: var(--clip-path); pointer-events: none; transition: -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); transition: clip-path .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options li > a:active:before, #login-status #account-options li > a:hover:before { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%); } #login-status #account-options li > a:focus-within:before { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%); } /* ===默认收起用户信息栏和搜索栏=== */ #search-top-box { top: 23px; right: calc(3%); } #login-status { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; top: 24px; right: calc(3% + calc(0.9375rem * 1.8) + .25em); color: transparent; pointer-events: none; transition: color .2s cubic-bezier(.4, 0, .2, 1); user-select: none; } @media only screen and (min-width: 980px) { #search-top-box { right: calc(3% + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2); } #login-status { right: calc(3% + calc(0.9375rem * 1.8) + .25em + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2); } } #login-status:active, #login-status:hover { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; color: rgb(var(--merc-light-color)); pointer-events: all; user-select: auto; } #login-status:focus-within { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; color: rgb(var(--merc-light-color)); pointer-events: all; user-select: auto; } #login-status:active #account-options, #login-status:hover #account-options { pointer-events: all; } #login-status:focus-within #account-options { pointer-events: all; } #login-status > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 0; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), clip-path .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); } #login-status:active > :not(#account-topbutton):not([href*="account/messages"]), #login-status:hover > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 1; } #login-status:focus-within > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 1; } #login-status #account-topbutton { margin-left: 0; background-color: initial; pointer-events: all; transition: clip-path .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .15s cubic-bezier(.4, 0, .2, 1); } #login-status:hover #account-topbutton { background-color: rgb(var(--merc-light-color)); } #login-status:before { -webkit-mask-image: var(--user-account-mask); -webkit-mask-size: calc(calc(0.9375rem * 1.8) - .5em); -webkit-mask-position: center right; -webkit-mask-repeat: no-repeat; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--merc-light-color), 1); content: ""; cursor: pointer; mask-image: var(--user-account-mask); mask-position: center right; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) - .5em); pointer-events: all; transition: background-color .15s cubic-bezier(.4, 0, .2, 1); } #login-status:hover:before { background-color: rgba(var(--search-icon-hover-color), 1); } #login-status:active:after, #login-status:active:before, #login-status:hover:after, #login-status:hover:before { background-color: rgba(var(--search-icon-hover-bg-color), 0); cursor: auto; pointer-events: none; } #login-status:focus-within:after, #login-status:focus-within:before { background-color: rgba(var(--search-icon-hover-bg-color), 0); cursor: auto; pointer-events: none; } #login-status #account-topbutton { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); background-color: rgba(var(--merc-light-color), 0); clip-path: var(--clip-path); } #login-status:active #account-topbutton, #login-status:hover #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); background-color: rgb(var(--merc-light-color)); clip-path: var(--clip-path); } #login-status:focus-within #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); background-color: rgb(var(--merc-light-color)); clip-path: var(--clip-path); } #login-status #account-options { margin: 0; } #login-status a[href*="account/messages"] { color: rgb(var(--merc-light-color)); pointer-events: all; } #account-topbutton { border: none; } #account-options { border: none; }

