The Backrooms E

@importurl('https://fontlibrary.org/face/fantasque-sans-mono');
@importurl("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/normalize-archived.css");
@importurl("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/bhl-archived.css");
@importurl("http://backrooms-wiki.wikidot.com/local--files/component:theme/sidebar.css");
@importurl('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700');
@importurl('https://fastly.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/modules/colstyle.min.css');
 
:root{
 --theme-base: "black-highlighter";
 --theme-id: "red-liminal";
 --theme-name: "YEE Red Liminal Theme";
 
 --logo-image: url("https://pic.imgdb.cn/item/6392e342b1fccdcd36909395.png");
 --header-title: "The Backrooms E";
 --header-subtitle: "你何曾来过这里";
 
 --body-font: proxima-nova, sans-serif;
 --header-font: 'IBM Plex Mono', '等线', sans-serif;
 --title-font: 'Fantasque Sans Mono', monospace;
 --mono-font: 'Fantasque Sans Mono', monospace;
 
 --white-monochrome:219, 215, 215;
 --pale-gray-monochrome:224, 224, 224;
 --light-pale-gray-monochrome: var(--pale-gray-monochrome);
 --very-light-gray-monochrome:161, 159, 159;
 --light-gray-monochrome: var(--pale-gray-monochrome);
 --lost-green-monochrome:118, 165, 175;
 --purple-monochrome:119,68,520;
 --gray-monochrome: var(--dark-accent);
 --dark-gray-monochrome: var(--bright-accent);
 --black-monochrome: var(--dark-accent);
 --pale-accent:209, 23, 70;
 --bright-accent:79, 7, 29;
 --medium-accent:56, 4, 20;
 --dark-accent:115, 16, 41;
 
 /*LiminalVariables*/
 --header-text-shadow:0px2px3px rgba(0,0,0,0.8);
 --header-text-shadow-hover:0px5px3px rgba(0,0,0,0.3);
 --quote-shadow:02px4px rgba(var(--black-monochrome),0.25);
 --footer-message: var(--header-subtitle);
 
 /*MOSTTHEMESSHOULDN'TCHANGETHIS: makes editing consistent across themes, adds programming ligatures */
 
 --editor-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace;
 
 /*Swatches*/
 --swatch-secondary-color: var(--white-monochrome);
 --swatch-menubg-color: var(--white-monochrome);
 --rating-module-bg-color: var(--swatch-menubg-color);
 --swatch-sidebar-collapsible-tab-bg: var(--swatch-primary-darkest);
 --toc-body-bg-color: var(--white-monochrome);
 --swatch-topmenu-bg-color: var(--gray-monochrome);
 --swatch-topmenu-border-color: var(--swatch-topmenu-bg-color);
 --gradient-header: linear-gradient( to bottom, rgb(var(--bright-accent)) 0%, rgb(var(--dark-accent)) 100%);
 --gradient-background: linear-gradient( to bottom, rgb(var(--swatch-background)), rgb(var(--swatch-background)));
 --diagonal-stripes:transparent;
 --background-gradient-distance:40rem; /*willnotgofurtherthan 100vh*/
 --background-gradient-color: var(--gray-monochrome); /*Thiswilldisplayatlowopacity*/
 
 /*Measurements*/
 --scrollbar-width:0.7rem;
 --swatch-background: var(--pale-gray-monochrome);
 --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
 --body-width-on-desktop:45.75rem;
 --header-height-on-desktop:9rem;
 --header-height-on-mobile:9rem;
 
 /*WallpaperMask*/
 --wallpaper-mask: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22windows-1252%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22106.667%22%20height%3D%22154.667%22%3E%3Cpath%20d%3D%22M72.547%201158.57H5.074V-6.465h67.473V1158.57M119.027%20710.25v-58.977l126.95%20154.438L363.43%20654.77v61.476L246.477%20865.688%20119.027%20710.25%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M119.027%20951.652V790.715l125.45%20153.441L363.43%20792.715v166.933L247.477%201108.09l-128.45-156.438M763.27%201158.57h-63.473l63.473-80.97ZM472.387%201158.57h-67.473V-6.465h67.473V1158.57M518.867%20995.133v-58.977L645.816%201090.6%20763.27%20939.656v61.474l-116.954%20149.44-127.449-155.437M763.27%20657.27%20647.316%20805.711%20518.867%20649.273V488.336l125.449%20153.441L763.27%20490.336V657.27M518.867%201158.57v-82.97l67.973%2082.97z%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M763.27%20413.867%20646.316%20563.309%20518.867%20407.867v-58.972l126.949%20154.437L763.27%20352.391v61.476M363.43%20128.98%20246.477%20278.422l-127.45-155.438V64.008l126.95%20154.437L363.43%2067.504v61.476%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M363.43%20205.449v166.934L247.477%20520.824l-128.45-156.437V203.449l125.45%20153.442L363.43%20205.449M518.867%2071.504V-6.465h67.973l57.476%2070.473%2055.481-70.473h63.473V79.5L647.316%20227.941%20518.867%2071.504%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3C%2Fsvg%3E);
 --wallpaper-mask-size:2.3rem;
}
 
/*Wallpaper*/
/*HeaderWallpaper*/
 #skrollr-body::before{background-color: rgba(var(--swatch-topmenu-bg-color),0.2);
 background-repeat:repeat;
 background-size:0.25em0.25em;
 width:100%;
 height:9rem;
 position:absolute;
 top:0;
 left:0;
 content: "";
 -webkit-mask-image: var(--wallpaper-mask);
 mask-image: var(--wallpaper-mask);
 -webkit-mask-repeat:repeat;
 mask-repeat:repeat;
 -webkit-mask-size: var(--wallpaper-mask-size);
 mask-size: var(--wallpaper-mask-size);
 -webkit-mask-position:center;
 mask-position:center;
}#skrollr-body::before{background-color: rgba(var(--swatch-topmenu-bg-color),0.2);
 background-repeat:repeat;
 background-size:0.25em0.25em;
 width:100%;
 height: var(--header-height-on-desktop);
 position:absolute;
 top:0;
 left:0;
 content: "";
 -webkit-mask-image: var(--wallpaper-mask);
 mask-image: var(--wallpaper-mask);
 -webkit-mask-repeat:repeat;
 mask-repeat:repeat;
 -webkit-mask-size: var(--wallpaper-mask-size);
 mask-size: var(--wallpaper-mask-size);
 -webkit-mask-position:center;
 mask-position:center;
}#skrollr-body{height: var(--header-height-on-desktop);
 width:100vw;
}
 
/*HeaderWallpaper*/
 #content-wrap::before, #content-wrap::after{content: "";
 width:100%;
 height: var(--background-gradient-distance);
 top: var(--final-header-height-on-desktop);
 left:0;
 position:absolute;
 z-index: -1;
 display:block;
 max-height:100vh;
 background-image: linear-gradient( to top, rgba(var(--background-gradient-color), 0) 0%, rgba(var(--background-gradient-color), 0.013) 8.1%, rgba(var(--background-gradient-color), 0.049) 15.5%, rgba(var(--background-gradient-color), 0.104) 22.5%, rgba(var(--background-gradient-color), 0.175) 29%, rgba(var(--background-gradient-color), 0.259) 35.3%, rgba(var(--background-gradient-color), 0.352) 41.2%, rgba(var(--background-gradient-color), 0.45) 47.1%, rgba(var(--background-gradient-color), 0.55) 52.9%, rgba(var(--background-gradient-color), 0.648) 58.8%, rgba(var(--background-gradient-color), 0.741) 64.7%, rgba(var(--background-gradient-color), 0.825) 71%, rgba(var(--background-gradient-color), 0.896) 77.5%, rgba(var(--background-gradient-color), 0.951) 84.5%, rgba(var(--background-gradient-color), 0.987) 91.9%, rgb(var(--background-gradient-color)) 100%);
}#content-wrap::before{opacity:0.04;
 -webkit-mask-image: var(--wallpaper-mask);
 mask-image: var(--wallpaper-mask);
 -webkit-mask-repeat:repeat;
 mask-repeat:repeat;
 -webkit-mask-size: var(--wallpaper-mask-size);
 mask-size: var(--wallpaper-mask-size);
 -webkit-mask-position:center;
 mask-position:center;
}#content-wrap::after{opacity:0.1;
}#container-wrap-wrap::before{background: linear-gradient(
 to bottom,
 rgba(var(--swatch-topmenu-bg-color), 0) 0%,
 rgba(var(--swatch-topmenu-bg-color), 0.013) 5%,
 rgba(var(--swatch-topmenu-bg-color), 0.049) 10.1%,
 rgba(var(--swatch-topmenu-bg-color), 0.104) 15.2%,
 rgba(var(--swatch-topmenu-bg-color), 0.175) 20.5%,
 rgba(var(--swatch-topmenu-bg-color), 0.259) 25.9%,
 rgba(var(--swatch-topmenu-bg-color), 0.352) 31.6%,
 rgba(var(--swatch-topmenu-bg-color), 0.45) 37.5%,
 rgba(var(--swatch-topmenu-bg-color), 0.55) 43.8%,
 rgba(var(--swatch-topmenu-bg-color), 0.648) 50.4%,
 rgba(var(--swatch-topmenu-bg-color), 0.741) 57.4%,
 rgba(var(--swatch-topmenu-bg-color), 0.825) 64.9%,
 rgba(var(--swatch-topmenu-bg-color), 0.896) 72.8%,
 rgba(var(--swatch-topmenu-bg-color), 0.951) 81.3%,
 rgba(var(--swatch-topmenu-bg-color), 0.987) 90.3%,
 rgb(var(--swatch-topmenu-bg-color)) 100%
 );
 z-index: -1;
 content: "";
 top:0;
 left:0; 
 position:absolute; 
 width:100%; 
 height: var(--header-height-on-desktop);
}
 
/*containerwrapbug*/
 #container, #container-wrap, #container-wrap-wrap{width:100vw;
}
 
/*HeaderImage*/
 #header{background-image:none;
 z-index:30;
}#header::before{content: "";
 position:absolute;
 height:100%;
 width:100%;
 left:0;
 top:0;
 background-image: var(--logo-image);
 background-size:auto16rem;
 background-position:center calc(50% - 0.15rem);
 background-repeat:no-repeat;
 opacity:0.4;
}
 
/*HeaderText*/
 #headerh1{width:100%;
}#headerh1a, #headerh1a:before{width: fit-content;
 transition:0.2s;
 position:relative;
 bottom:0;
 color: rgb(var(--swatch-headerh1-color));
}#headerh1a:hover:before{text-shadow: var(--header-text-shadow-hover);
 bottom:3px;
}#headerh1, #headerh1a{position:absolute;
 top:1.4rem;
 margin:0;
 display: flex;
 justify-content:center;
 z-index:0;
 height:1.5rem;
}#headerh2, #headerh2span, #headerh2span::before{position:absolute;
 top:2.05rem;
 margin:0;
 width:100%;
 display: flex;
 justify-content:center;
 font-weight:bold;
}#headerh2span::before{color: rgb(var(--swatch-headerh2-color));
}#headerh1a::before, #headerh2span::before{text-shadow: var(--header-text-shadow);
}
 
/*TopBar*/
 #headerdiv[class*="top-bar"] > ul > li > a::before{display:none;
}
 
/*Headings*/
 h1, h2, h3, h4, h5, h6{margin-top:0.5em;
 margin-left:0;
}
 
/*TableofContents*/
 #page-content#toc{
 --toc-header-bg-color: var(--gray-monochrome);
 --toc-body-bg-color: var(--pale-gray-monochrome);
}
 
/*Table*/
 .wiki-content-table{box-shadow: var(--quote-shadow);
}
 
/*Max-WidthFix*/
 img, embed, video, object, iframe, table, dark#page-contentdiv, #page-contentdivtable{max-width:100%;
}div#footer:after{content: var(--footer-message);
 border-left:solid1px;
 padding-left:0.5em;
 height:1.4em;
 display: inline-flex;
 align-items:center;
 margin-left:0.3em;
}
 
/*HorizontalRuleFix*/
 hr{clear:none;
 display: flex;
}.bibitems.bibitem:after, .footnotes-footera[href*=javascript]:before{right: -20%;
 width:140%;
}
 
/*TabGap*/
 .yui-navset.yui-nav{background: rgb(var(--tabs-bottom-border-color));
 column-gap:4px;
}.yui-navset{margin-top:1rem;
}
 
/*PageTitle*/
 .meta-titlep{margin:0;
}
 
/*printuser*/
 span.printuserimg.small{transition:0.5s;
 transition-timing-function: cubic-bezier (0,1,1,0);
}span.printuserimg.small:hover{transform: scale(2);
 transition-delay:0.5s;
}#avatar-hover-container{display:none;
}
 
/*Stoptheunorderedlistsbeinginlinewiththetext, thisbreaksSDbanners! */
 ul{padding-inline-start:2.5rem;
}
 
/*Templateoptionstextfix*/
 form#edit-page-form#page-templatesoption, form#edit-post-form#page-templatesoption, form#new-post-form#page-templatesoption, form#new-thread-form#page-templatesoption{color: rgb(var(--swatch-menutxt-dark-color));
}
 
/*MessageonDelete/Rename/Move*/
 #rename-option-rename::before, #rename-option-delete::before{content: "Reminder: Backrooms Wiki users can rename/move pages they own, but use this responsibly (preferably only if there is an error with the name). Only staff are allowed to delete pages, even your own pages: ask Backrooms Wiki staff and we will help you!";
 color:red;
 display:block;
 margin-top:1rem;
}
 
/*FixImages*/
 .scp-image-caption{width:inherit !important;
}:is(.image-caption, .scp-image-caption) {width: unset !important;
}:is(div.image-block,div.scp-image-block) {align-items: stretch;
}:is(div.image-block,div.scp-image-block) img.image{width:100% !important;
 border:0;
}.image-container.floatright{float:right;
 margin-left:0.7em;
}
 
/*FixModals*/
 #odialog-container.content > h1 ~ table, #odialog-container.modal-body > h1 ~ table{grid-auto-rows:auto;
}
 
/*EditorFont*/
 #edit-page-textarea{font-family: var(--editor-font);
}
 
/*Makesomevariableseditableat:rootlevel*/
 #side-bar{
 --sideblock-heading-text-color:inherit;
 z-index:55 !important;
}
 
/*Inlinemathsactuallyinline*/
 #MathJax_Message, .math-inline{display:inline;
}
 
/*LicenseBox*/
 #page-content.licensebox.collapsible-block-link{margin-left:.25em;
 padding:.25em;
 font-weight:700;
 opacity:.5;
 color: rgb(var(--gray-monochrome));
 -webkit-transition: opacity .5s ease-in-out;
 -moz-transition: opacity .5s ease-in-out;
 transition: opacity .5s ease-in-out;
}#page-content.licensebox.collapsible-block-link:hover{color: rgb(var(--dark-gray-monochrome));
}
 
/*UnorderedLists*/
 #page-contentul:not(.yui-nav) {padding-left:1rem;
 list-style:disc;
 margin:1rem 0;
}
 
/*Footnote*/
 a.bibcite:before, a.footnoteref:before{content: "[";
}a.bibcite:after, a.footnoteref:after{content: "]";
}
 
/*LittlePatches*/
 html{scroll-behavior: smooth;
}body{max-width:100vw;
 overflow-x:hidden;
}#page-content{max-width: var(--body-width-on-desktop);
}
 
/*MoberPhone*/
 @mediaonlyscreenand (max-width: 56.25rem) {#side-bar{z-index:55 !important;
 }
 :root{
 --header-height-on-desktop: var(--header-height-on-mobile);
 --final-header-height-on-desktop: var(--final-header-height-on-mobile);
 }
 
 /*MOBILEHeader*/
 #header::before{background-position:center calc(50% + 0.55rem);
 }}

/*BHLStyleSearchTopBoxAndUserAccount*/
/*ByMercuresphere*/
/*BasedonBHLTheme*/
 
: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");
}
 
/* ===用户和搜索栏=== */
@mediaonlyscreenand (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:centercenter;
 -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:centercenter;
 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-boxform[id=search-top-box-form] {visibility: unset;
 height: unset;
 }#search-top-boxform[id=search-top-box-form]:focus-within{visibility: unset;
 }#search-top-boxform[id=search-top-box-form] input{
 -webkit-appearance: unset;
 -moz-appearance: unset;
 position: unset;
 top: unset;
 transform: unset;
 appearance: unset;
 height: unset;
 }#search-top-boxform[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-boxform[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-boxform[id=search-top-box-form]:not(:focus-within) input[type=text]:hover{background-color: unset;
 }#search-top-boxform[id=search-top-box-form] input[type=submit] {background:none;
 transition: unset;
 }#search-top-boxform[id=search-top-box-form]:not(:focus-within) input[type=submit] {opacity: unset;
 margin: unset;
 padding: unset;
 width: unset;
 }#headerh1a{z-index: unset;
 }}@mediaonlyscreenand (max-width: 56.25rem) {#search-top-boxform[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-forminput[type=submit], #search-top-box-forminput[type=submit]:focus, #search-top-box-forminput[type=submit]:hover{color:transparent;
}#search-top-box-forminput[type=submit]:focus, #search-top-box-forminput[type=submit]:hover{border:none;
 text-shadow:none;
}#search-top-box-forminput[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:centercenter;
 -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:centercenter;
 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(00, 100%0, 100%100%, 0100%);
 -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-boxform[id=search-top-box-form]{display: flex;
 visibility:visible;
 position:relative;
 right:0;
 max-width:100%;
 height: calc(0.9375rem * 1.8);
}#search-top-boxform[id=search-top-box-form]:not(:focus-within) {max-width: calc(0.9375rem * 15);
}#search-top-boxform[id=search-top-box-form]input{
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 position:relative;
 top:0;
}#search-top-boxform[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) 01em;
 outline:0solid rgb(var(--merc-light-color));
 background-color: rgb(var(--merc-dark-color), .7);
 box-shadow:000.125rem rgb(var(--merc-light-color));
 color: rgba(var(--merc-light-color));
}#search-top-boxform[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:0000 rgb(var(--merc-light-color));
 color: rgba(0, 0, 0, 0);
 cursor:pointer;
}#search-top-boxform[id=search-top-box-form]:not(:focus-within) input[type=text]:hover{background-color: rgba(var(--merc-dark-color), 1);
}#search-top-boxform[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:0solid rgb(var(--merc-light-color));
 background-color:transparent;
 box-shadow:000.125rem rgb(var(--merc-light-color));
 color: t;
 font-size: calc(0.9375rem * .86667);
 cursor:pointer;
 pointer-events:all;
}#search-top-boxform[id=search-top-box-form]:not(:focus-within) input[type=submit]{box-shadow:0000 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:000.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-statusspan.printusera: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:01em;
 background-color: rgb(var(--pale-gray-monochrome));
 color: rgb(var(--merc-dark-color));
 padding:0.1em1em;
 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-statusspan.printuser{
 --wght: var(--ui-wght);
 margin-right:.5em;
 color: rgb(var(--merc-light-color));
 font-weight: var(--wght);
}#login-statusa#my-account, #login-statusa[href*="account/messages"]{color: rgb(var(--merc-light-color));
}#login-statusa#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:inset0000 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-statusa#my-account:active, #login-statusa#my-account:hover{
 --wght: var(--ui-hvr-wght);
 -webkit-text-decoration:underline rgb(var(--merc-dark-color)) 0;
 box-shadow:inset0 -2em00 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-statusa#my-account:focus-within{
 --wght: var(--ui-hvr-wght);
 -webkit-text-decoration:underline rgb(var(--merc-dark-color)) 0;
 box-shadow:inset0 -2em00 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:.25em00;
 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-optionsul{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-optionsulli{position:relative;
}#login-status#account-optionsulli, #login-status#account-optionsullia{display: flex;
 align-items:center;
 justify-content:center;
 width:100%;
 height:100%;
}#login-status#account-optionsa{
 --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:inset000.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-optionsli > a, #login-status#account-optionsli > a:visited{color: rgb(var(--merc-light-color));
}#login-status#account-optionsli > a:active, #login-status#account-optionsli > a:hover{
 --wght: var(--ui-hvr-wght);
 color: rgb(var(--merc-dark-color));
 font-weight: var(--wght);
 text-decoration:none;
}#login-status#account-optionsli > a:focus-within{
 --wght: var(--ui-hvr-wght);
 color: rgb(var(--merc-dark-color));
 font-weight: var(--wght);
 text-decoration:none;
}#login-status#account-optionsli > a[href*="/messages"]{position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 min-height:100%;
 font-size:0;
}#login-status#account-optionsli > a[href*="/messages"]:after{position:absolute;
 left:50%;
 transform: translateX(-50%);
 content: "信息";
 font-size: calc(0.9375rem * .765);
 pointer-events:none;
}#login-status#account-optionsli > a:before{
 --clip-path: polygon(00, 00, 0100%, 0100%);
 -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-optionsli > a:active:before, #login-status#account-optionsli > a:hover:before{
 --clip-path: polygon(-15%0, 115%0, 100%100%, 0100%);
}#login-status#account-optionsli > a:focus-within:before{
 --clip-path: polygon(-15%0, 115%0, 100%100%, 0100%);
}
 
/* ===默认收起用户信息栏和搜索栏=== */
#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;
}@mediaonlyscreenand (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(00, 100%0, 100%100%, 0100%);
 -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(00, 100%0, 100%100%, 0100%);
 -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:centerright;
 -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:centerright;
 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(00, 100%0, 100%100%, 0100%);
 -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-statusa[href*="account/messages"]{color: rgb(var(--merc-light-color));
 pointer-events:all;
}#account-topbutton{border:none;
}#account-options{border:none;
}

层级

实体

物品

现象