后室邮箱 @bem.com

+ 版式代码

Logo SVG

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
 "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
 width="600.000000pt" height="384.000000pt" viewBox="0 0 600.000000 384.000000"
 preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,384.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2750 3739 c-700 -77 -1253 -296 -1780 -705 -142 -110 -417 -383
-532 -527 -154 -193 -358 -518 -358 -569 0 -13 25 -67 55 -120 470 -836 1282
-1430 2215 -1622 428 -88 788 -92 1200 -15 897 170 1664 678 2164 1434 124
187 189 308 181 336 -12 37 -125 231 -199 339 -242 357 -541 654 -901 895
-465 311 -942 482 -1535 550 -143 16 -384 18 -510 4z m0 -122 c0 -1 -42 -45
-93 -97 -158 -160 -272 -329 -417 -615 -134 -266 -205 -502 -232 -777 l-12
-128 -403 0 -403 0 0 48 c0 117 49 330 111 487 85 213 208 396 384 570 264
262 594 431 970 499 93 17 95 17 95 13z m311 -39 c137 -92 295 -267 424 -473
85 -135 226 -425 267 -550 46 -137 85 -329 94 -457 l7 -98 -85 0 -85 0 -7 51
c-18 135 -109 305 -216 401 -221 200 -520 242 -790 111 -80 -38 -108 -59 -180
-132 -119 -120 -164 -208 -205 -403 -5 -28 -6 -28 -85 -28 l-80 0 0 45 c0 75
30 262 60 382 40 152 85 265 182 456 120 235 238 408 373 543 102 102 220 194
250 194 7 0 41 -19 76 -42z m313 16 c468 -92 914 -397 1169 -802 132 -210 217
-464 242 -724 l7 -68 -410 0 -409 0 -7 94 c-19 279 -102 557 -250 841 -141
272 -254 435 -407 588 l-98 99 42 -7 c23 -3 77 -13 121 -21z m-1539 -202 c-6
-4 -32 -26 -60 -47 -296 -230 -508 -529 -620 -870 -44 -133 -85 -339 -85 -426
l0 -49 -416 0 -416 0 28 48 c232 402 596 786 994 1048 156 102 300 182 449
250 112 51 146 63 126 46z m2530 -97 c535 -263 965 -650 1289 -1159 42 -65 76
-123 76 -127 0 -5 -184 -9 -409 -9 l-410 0 -6 58 c-36 350 -137 629 -323 892
-76 108 -283 322 -387 400 -92 69 -62 59 170 -55z m-1319 -1160 c86 -25 144
-105 144 -198 0 -148 -145 -246 -285 -192 -85 32 -148 142 -130 227 16 78 77
145 153 168 41 12 63 11 118 -5z m-1973 -345 c28 -323 148 -636 343 -897 77
-102 237 -268 336 -345 43 -34 76 -63 74 -65 -6 -6 -167 66 -281 126 -459 240
-856 591 -1148 1014 -63 91 -157 242 -157 252 0 3 186 4 413 3 l412 -3 8 -85z
m683 83 l240 -6 12 -124 c24 -250 92 -486 207 -721 135 -276 277 -482 456
-660 101 -101 102 -102 70 -102 -57 0 -232 40 -356 81 -357 119 -655 333 -880
634 -171 228 -292 546 -312 815 l-6 90 165 0 c91 0 273 -3 404 -7z m2094 -45
c-1 -131 -48 -367 -110 -543 -92 -262 -277 -571 -473 -789 -69 -77 -258 -236
-280 -236 -22 0 -151 104 -244 197 -158 159 -303 372 -424 618 -104 213 -179
484 -195 703 l-7 93 84 -3 84 -3 7 -53 c20 -134 114 -302 225 -401 67 -60 209
-134 303 -157 150 -38 347 -13 493 63 99 52 240 192 289 288 38 74 78 200 78
247 l0 28 85 0 85 0 0 -52z m935 42 c4 -6 1 -54 -5 -108 -66 -573 -427 -1069
-971 -1331 -184 -89 -380 -149 -561 -170 l-57 -7 97 96 c200 197 371 449 502
740 99 222 180 552 180 741 l0 49 404 0 c262 0 407 -4 411 -10z m945 -6 c0
-10 -124 -203 -184 -287 -152 -212 -400 -473 -601 -633 -154 -122 -358 -253
-532 -342 -142 -72 -283 -136 -283 -128 0 2 35 30 77 61 331 250 587 656 667
1060 13 64 36 234 36 267 0 3 8 8 17 10 27 5 803 -2 803 -8z"/>
</g>
</svg>

版式CSS

务必强制加载以下内容！

/*
   thème « anamnêse »
   pour la série « anamnêsis »
   série par alba et doc
   thème par scutoïde
 
   basé sur code par ambersight
   son thème Super Liminal et
   son thème de l'année 2025
 
   un super thème sous une super license
   CC-BY-SA 3.0  
*/
 
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url("https://fontsapi.zeoseven.com/73/main/result.css"); /*一点明体，IPA*/
 
/* ROOT (couleurs et tout ça) */
 
:root {
   --header-title: "记忆回溯";
   --body-width: 65rem;
 
   /* Font Set */
   --body-font: 'Courier Prime', "Noto Serif SC", "Noto Serif TC" , monospace;
   --header-font: 'Courier Prime', "I.Ming" , monospace;
   --title-font: var(--header-font);
 
   /* Basic Colors (couleurs de base) */
   --background-color: 8, 7, 14;
   --text-color: 189, 198, 198;
 
   /* Deco Colors (couleurs décoratives) */
   --light-color-1: 42, 42, 55;
   --light-color-2: 20, 21, 26;
   --light-color-3: 85, 86, 94;
   --dark-color-1: 189, 198, 198;
   --dark-color-2: 173, 171, 151;
   --dark-color-3: 183, 187, 177;
   --dark-color-4: 152, 156, 146;
 
   /* Link Colors (couleurs des liens) */
   --link-color: 162, 97, 236;
   --hover-link-color: 85, 18, 161;
   --visited-link-color: 124, 125, 136;
   --newpage-color: 221, 102, 17;
 
   /* Select Colors (couleurs de sélection) */
   --selected-background-color: 67, 98, 197;
   --selected-text-color: 253, 253, 253;
 
   /* Scrollbar Colors (couleurs de la barre de défilement) */
   --scrollbar-color: var(--dark-color-1), 0.75;
   --scrollbar-background-color: var(--dark-color-1), 0.15;
 
   /* Note Colors (couleurs des notes) */
   --note-background-color: var(--dark-color-2);
   --note-text-color: 24, 27, 27;
 
    /* Sidebar Vs */
    --sidebar-title-shadow-color: none;
    --dark-gray-monochrome: var(--general-dark-background-color), 0.5;
    --sidebar-title-background-color: var(--general-dark-background-color), 0.8;
    --bright-accent: var(--dark-color-2);
 
    /* Topbar Vs */
    --topbar-border-color: 131, 130, 138;
    --topbar-height: 3rem;
    --topbar-height-on-mobile: 3.2rem;
    --topbar-font-size: 0.8rem;
    --topbar-font-size-on-mobile: 1rem;
 
    --topbar-hover-text-color: var(--dark-color-2);
    --topbar-hover-background-color: var(--light-color-1);
 
    --topbar-hover-border-color: 0,0,0,0;
 
    --topbar-drop-text-color: var(--dark-color-1);
    --topbar-drop-hover-text-color: var(--light-color1);
    --topbar-drop-background-color: var(--light-color-2);
    --topbar-drop-hover-background-color: var(--dark-color-2);
 
    --topbar-drop-border-color: 0,0,0,0;
    --topbar-drop-shadow-color: 0,0,0,0;
 
   /* Code block */
   --code-block-text-color: var(--light-color-1);
 
    /* Image block */
    --image-block-bg-color: var(--dark-color-2);
    --mono-contrast: 10;
}
 
/* Header */
#header {
    position: sticky;
    top: -5rem;
    height: 8rem;
    grid-template-areas:
        "h1 search user"
        "topbar topbar topbar";
    grid-template-rows: 5rem 3rem;
    grid-template-columns: 1fr 5rem 5rem;
    box-shadow:
        0 0.15rem 0 rgba(var(--2025-black), 0.95),
        0 0.6rem 1rem rgba(var(--2025-black), 0.3);
    text-transform: uppercase;
}
 
#header::before {
    display: none;
}
 
#header h1 {
    flex-direction: row;
    padding: 0;
    align-items: left;
}
 
#header h1 a {
    padding: 0;
    width: min-content;
}
 
#header h1 a span {
    padding-top: 0;
    flex-direction: row;
    gap: 0.4rem;
    align-items: center;
    justify-content: left;
    transition: color 0.2s;
}
 
#header h1 a span:is(:hover, :active, :focus, :focus-within) {
    opacity: 0.8;
    transition: opacity 0.1s;
}
 
#header h1 a span::before {
    font-weight: 900;
    border-right: solid 2px rgb(var(--topbar-border-color));
    height: 5rem;
    padding: 0.3rem 1rem 0 7rem;
    display: flex;
    align-items: center;
    background-image: url("https://img.imagebed.pro/img/vlaf7e.png");
    background-size: 5rem;
    background-repeat: no-repeat;
    background-position: 1rem center;
    white-space: nowrap;
}
 
@media only screen and (max-width: 450px) {
    #header h1 a span::before {
        font-size: 1.5rem;
    }
}
 
@media only screen and (max-width: 400px) {
    #header h1 a span::before {
        font-size: 0.8rem;
    }
}
 
#header h1 a span::after {
    display: none;
}
 
#header h2 {
    display: none;
}
 
/* Top Bar */
#top-bar {
    padding: 0;
    border-top: solid 2px rgb(var(--topbar-border-color));
}
 
#top-bar div[class*=top-bar] > ul {
    justify-content: stretch;
}
 
#top-bar div[class*=top-bar] > ul > li {
    flex: 1;
    border-right: solid 2px rgb(var(--topbar-border-color));
 
}
 
#top-bar div[class*="top-bar"] > ul > li > ul > li, #top-bar div[class*="top-bar"] > ul > li > ul > li > ul > li {
    height: 3rem;
    box-shadow: none !important;
}
 
#top-bar div[class*="top-bar"] > ul > li > a, #top-bar div[class*="top-bar"] > ul > li > ul > li a, #top-bar div[class*="top-bar"] > ul > li > ul > li > ul > li a {
    font-size: 0.95rem;
}
 
#top-bar div[class*=top-bar] > ul > li:last-of-type {
    border-right: 0;
}
 
/* Search */
#search-top-box {
    grid-area: search;
    position: relative;
    right: 0;
    top: 0;
    width: 5rem;
    height: 5rem;
    background: transparent;
    transition: background 0.2s;
}
 
#search-top-box:is(:hover, :active, :focus, :focus-within) {
    background: rgba(var(--light-color-1));
}
 
#search-top-box-form {
    display: contents;
}
 
#search-top-box-form .button {
    font-size: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-image: var(--search-icon-mask);
    mask-image: var(--search-icon-mask);
    -webkit-mask-size: 40%;
    mask-size: 40%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
 
/* User */
#login-status {
    grid-area: user;
    position: relative;
    top: 0;
    right: 0;
    width: 5rem;
    height: 5rem;
    font-size: 0;
    transition: background 0.2s;
}
 
#login-status:is(:hover, :focus-within) {
    background: rgb(var(--light-color-1))
}
 
#header #login-status .printuser a {
    pointer-events: none;
}
 
#login-status > a[href*='account/messages'] {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    width: 0.8rem;
    height: 0.8rem;
    font-size: 0;
    z-index: 2;
    border-radius: 50%;
    background-color: rgb(var(--link-color));
    pointer-events: none; /* too small a target anyway */
}
 
#login-status > a[href*='account/activity'] {
    display: none;
}
 
#login-status .printuser {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.5rem;
    box-sizing: border-box;
}
 
#login-status .printuser > a:first-child {
    width: 100%;
    height: 100%;
}
 
#login-status .printuser > a:first-child img {
    background-image: none !important;
    padding: 0;
    width: 4rem;
    height: 4rem;
    object-fit: cover;
    object-position: center;
}
 
#login-status:is(:hover, :focus-within) .printuser > a:first-child img {
    opacity: 0.7;
}
 
a#account-topbutton {
    display: none;
}
 
#account-options {
    border: none;
    width: 9rem;
    font-size: 0.9rem;
    transition: opacity 0.2s;
    pointer-events: none;
    opacity: 0;
    box-sizing: border-box;
}
 
#account-options::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    width: calc(100% - 0.6rem);
    height: calc(100% - 0.6rem);
    z-index: -1;
    box-sizing: border-box;
}
 
#login-status:is(:hover, :active, :focus, :focus-within) #account-options {
    opacity: 1;
    transition: clip-path 0.2s;
    pointer-events: auto;
}
 
#account-options li a {
    padding: 0.5rem 0;
}
 
/* Sign in buttons for logged out users */
.login-status-create-account, .login-status-sign-in  {
  display: flex;
  width: 5rem;
  height: 2.5rem;
  position:relative;
  z-index: 10;
  font-size: 0.8rem;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-left: solid 2px rgb(var(--topbar-border-color));;
  box-sizing: border-box;
  background: rgb(var(--dark-color-3))
}
 
#header .login-status-create-account:is(:hover, :focus),
#header .login-status-sign-in:is(:hover, :focus) {
  background: rgb(var(--light-color-1));
  color: rgb(var(--dark-color-2));
  text-decoration: none;
}
 
.login-status-sign-in {
  border-top: solid 2px rgb(var(--topbar-border-color));
  font-weight: normal;
}
 
/* Main content */
 
#main-content { margin-top: 3rem;}
 
/* The divs */
 
.dark-styled-quote, .darkblock {
    background-color: rgb(var(--dark-color-2));
    border-color: rgb(var(--light-color-1));
}
 
.styled-quote {
    border-color: rgb(var(--dark-color-2));
}
 
:is(.styled-quote, .dark-styled-quote, .lightblock, .darkblock):after {
    content: "";
    height: 1.5rem;
    display: block;
    background-image: url("https://img.imagebed.pro/img/vlaf7e.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 0.5rem;
    filter: brightness(140%)
}
 
:is(.darkblock, .dark-styled-quote):after {
    opacity: 0.5;
    filter: none;
}
 
.scp-image-block {
    border-color: rgb(var(--image-block-bg-color));
    border-width: 0.6rem;
}
 
.scp-image-block .scp-image-caption {
    background-color: rgb(var(--image-block-bg-color));
    color: rgb(var(--background-color));
    padding-top: 0.6rem;
}
 
.film-reel {
    --h1-color: var(--darkblock-text-color);
    --h2-color: var(--darkblock-text-color);
    --h3-color: var(--darkblock-text-color);
    --h4-color: var(--darkblock-text-color);
    --h5-color: var(--darkblock-text-color);
    --h6-color: var(--darkblock-text-color);
    background: linear-gradient(rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem, rgb(var(--light-color-3)) 1rem, rgb(var(--light-color-3)) 1.3rem, rgb(var(--dark-color-1)) 1.3rem,
            rgb(var(--dark-color-1)) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1rem), transparent calc(100% - 1rem),
            transparent calc(100% - 0.3rem), rgb(var(--light-color-3)) calc(100% - 0.3rem)), repeating-linear-gradient(to right, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem);
    color: rgba(var(--darkblock-text-color));
    background-position-x: 0, 0.3rem;
    margin: 1rem 0;
    padding: 1.7rem 1rem;
}
 
.logoblock {
    --h1-color: var(--darkblock-text-color);
    --h2-color: var(--darkblock-text-color);
    --h3-color: var(--darkblock-text-color);
    --h4-color: var(--darkblock-text-color);
    --h5-color: var(--darkblock-text-color);
    --h6-color: var(--darkblock-text-color);
    background: rgba(var(--dark-color-2));
    color: rgba(var(--darkblock-text-color));
    margin: 1rem 0;
    padding: 0.7rem 1.2rem;
    position: relative;
    filter: blur(0px); /* create a stacking context */
}
 
.logoblock::before {
    display: block;
    content: "";
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    bottom: 0.3rem;
    right: 0.3rem;
    border: solid rgb(var(--light-color-1)) 3px;
    box-shadow: inset 0 0 0 3px rgb(var(--dark-color-2));
    background-image: url("https://img.imagebed.pro/img/vlaf7e.png");
    background-size: 15rem;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1; /* this is why i need the stacking context,
                    so logo goes behind text */
    opacity: 0.1;
}
 
/* Code Block */
/* Super Liminal is supposed to support dark themes,
   but actually code blocks break in them because
   the text within them isn't styled by Super
   Liminal's colours. On a light theme, the default
   Wikidot colours work fine, but of course they
   break on a black background. */
/* It's complex and not really my problem to fix
   so for now here's an aesthetically pretty stopgap
   solution! */
 
.code {
    /* Give it a light bg */
    background: #EEE;
    /* Invert it so no flashbang */
    filter: invert(100);
}
 
/* Monochrome image divs */
 
:is(.monochrome-img, .monochrome-img-block .scp-image-block) img {
  filter: contrast(var(--mono-contrast)) grayscale(1);
}
 
:is(.monochrome-img, .monochrome-img-block .scp-image-block) {
  position: relative;
}
 
.monochrome-img-block .scp-image-caption {
  background: white;
}
 
:is(.monochrome-img, .monochrome-img-block .scp-image-block)::after,
:is(.monochrome-img, .monochrome-img-block .scp-image-block)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgb(var(--image-block-bg-color));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
 
:is(.monochrome-img, .monochrome-img-block .scp-image-block)::before {
  mix-blend-mode: multiply;
  z-index: 1;
}
 
:is(.monochrome-img, .monochrome-img-block .scp-image-block)::after {
  opacity: 0.2;
  z-index: 2;
}
 
/* Film splay */
 
.film-splay {
  display: flex;
  flex-direction: row-reverse;
  margin: 1rem 0;
}
 
.film-splay .amazing-film-document {
  flex: 2;
}
 
.film-splay .amazing-film-document > div {
  margin: 1rem auto; max-width: 40rem;
}
 
.film-splay :is(.yui-navset, .yui-content, .yui-navset, yui-navset-top, .yui-nav) {
  all: unset;
}
 
.film-splay :is(.yui-navset) {
  filter: drop-shadow(0 2px 3px rgb(var(--background-color), 0.7));
}
 
.film-splay :is(.yui-nav) {
  position: sticky;
  top: 3.5rem;
  z-index: 1;
  display: block;
  transition: 0.5s;
}
 
.film-splay :is(.yui-nav):has(li:last-of-type.selected) {
  margin-left: -8rem;
}
 
.film-splay :is(.yui-content, .yui-content > div) {
  height: 100%;
  display: block;
  overflow-x: hidden;
}
 
.film-splay :is(.yui-content, .yui-content > div:first-of-type) {
  display: block !important;
}
 
.film-splay :is(.yui-content > div:nth-of-type(2)) {
  display: none !important;
}
 
.film-splay :is(.yui-nav li.selected) {
  display: none;
}
 
.film-splay :is(.yui-navset) .amazing-film {
  width: 20rem;
  background:
    url(https://img.imagebed.pro/img/19maud.png),
    linear-gradient(to right, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem, rgb(var(--light-color-3)) 1rem, rgb(var(--light-color-3)) 1.3rem, rgb(var(--light-color-1), 0.7) 1.3rem,
        rgb(var(--light-color-1), 0.7) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1rem), transparent calc(100% - 1rem),
        transparent calc(100% - 0.3rem), rgb(var(--light-color-3)) calc(100% - 0.3rem)),
    repeating-linear-gradient(to bottom, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem),
    repeating-linear-gradient(to bottom, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem);
  color: rgba(var(--text-color));
  background-position-y: 0,        0,      0.3rem, 0.3rem;
  background-position-x: center,   center, left,   right;
  background-size:        calc(100% - 2.6rem) auto, 100% 100%, 1rem 1rem, 1rem 1rem;
  background-repeat:      repeat-y, no-repeat, repeat-y, repeat-y;
  height: calc(100% + 4rem);
  padding: 4rem 1.3rem;
  box-sizing: border-box;
  margin-top: -4rem;
  mask-image: linear-gradient(
    to bottom,
    transparent          0,
    rgba(0,0,0,0.07)    1.167rem,
    rgba(0,0,0,0.25)    2.333rem,
    rgba(0,0,0,0.5)     3.5rem,
    rgba(0,0,0,0.75)    4.667rem,
    rgba(0,0,0,0.93)    5.833rem,
    black                7rem,
    black                calc(100% - 7rem),
    rgba(0,0,0,0.93)    calc(100% - 5.833rem),
    rgba(0,0,0,0.75)    calc(100% - 4.667rem),
    rgba(0,0,0,0.5)     calc(100% - 3.5rem),
    rgba(0,0,0,0.25)    calc(100% - 2.333rem),
    rgba(0,0,0,0.07)    calc(100% - 1.167rem),
    transparent          100%
  );
}
 
.film-splay :is(.yui-navset) .amazing-film-inner {
  padding: 0.5rem 1rem;
  border-bottom: solid 3px rgb(var(--light-color-3));
}
 
.film-splay :is(.yui-navset):has(li:first-of-type) {
  transition: 0.5s;
  width: 0;
  margin-left: 0;
  position: relative;
}
 
.film-splay :is(.yui-navset):has(li:first-of-type.selected) {
  width: 20rem;
  margin-left: -8%;
  margin-right: 1rem;
}
 
/* On mobile it mostly just covers the document and you
   flip it open and closed to view the content vs the document */
@media only screen and (max-width: 750px) {
    .film-splay :is(.yui-navset):has(li:first-of-type.selected) {
      margin-left: -21rem;
    }
}
 
/* for scutoidbox.wikidot.com */
.accessibility-helper { display: none !important; }

警告

我们无法获取该此条邮件的发送源，这极可能涉及跨层级网络攻击，因此我们将其屏蔽。

我们对一切执意查看行为造成的后果概不负责。

帐号

27a6dde97cc1be6398853fe09cffc14b_1791323208

密码

16f6509a6e115e0af2d328ca604ec9fc_1791323208

认证

From KnownEmail：

收件人：#####

无标题

您们好，我们是 B.T.O. ，下面这段文章，是我们五年研究成果的总结，当然，这只是一些根据现有证据的合理推断，是否具有参考价值就看您们了：

我们知道，在蓝色空间中，孕育着许多的层级，它们构成了我们所熟知的后室空间，也孕育了各种各样的物品和实体。而绝大多数层级在长时间内均具有一个大体上固定的位置，在Level 0~Level 1的方向上不断延伸 ，由此构成了一条人为规定方向的不规则的线，层群中层级的编号以最初发现的一层为0层或1层，与0或1层联通的层级即为1或2层，以此类推；反方向即负数层¹，在后室中有多条这样相隔甚远的线，即“层群”，Level 0所在即为所谓“主层群”；那些没有固定位置，在蓝色空间中随缘漂流的层级，亦或是位置固定但不属于任何一个层群的层级，它们没有编号，即隐秘层级。但层级的位置必然会发生微小变化，有时这些变化积少成多，在幸运的情况下，它们会移动到其他的位置，从而顶替原有编号所在的层级，如实属不幸，这种移动会导致层级触碰到了蓝色空间的边缘，从而成为废墟的一部分，从此被人遗忘。

然而，它们有一部分碎片留在了蓝色空间，这些碎片无序增殖，顶替了他们的母体，除此之外，蓝色空间内不断地出现新的层级，这些层级可能在碎片重组之前就鸠占鹊巢，导致碎片组成的新层级只能成为隐秘层级。因此一个层级成为废墟后总是会有新诞生的层级将其位置替代，以保证层群的连贯，如同星轨一般，但新层级所产生的偏移又会改变原层级的出入口，所以出入口才大不相同。

理论上来说，有些层级表现为多层级的组合状（有些是存在的层级本身就有的，有些是已经消失的层级），但其又在层群内的原因是部分消失层级的残骸并不会全部通往忘海，也不会被湮灭，在忘海达到特定时期的饱和期时，忘海会进行自我扩张，此时残骸不会流入忘海，这些幸存部分和现存层级因为某些原因剥离的部分就被蓝色空间当作原材料制作成了新的层级。这些通过各种方式建成的新层级或与曾经的基本样貌无异，或是发生了翻天覆地的变化。 这些新层级改变记忆乃至事实的能力十分强悍，甚至能够改变人类的历史，比如现今的Level 11。

忘海是一片特殊的区域，它位于后室与破碎之地两个维度的交界处，其位置始终处于匀速移动状态，但其交界性质不变。这也是某些出口传言的依据，因为我们确实在忘海观测到了蓝色空间的能量残留。

由此还有一个大胆的推测：蓝色空间在（相对层群延伸方向）水平方向上无限延伸，但在垂直方向上是有限的，推测模型中，相对后室的垂直两端分别是破碎之地和前厅 ；根据以上理论，确实有关乎后室干扰前厅的可能，如某些所谓“超自然现象”与后室的某些特征相符，但目前未能得到证据。但这能够解释Level 0的入口和Level 301 的出口：最大的可能是它们是目前发现极少数位于前厅与后室边缘的层级之一。

后室始终在完善自己，我们眼中后室的毫无规律实则就是后室维护自己被称作“毫无规律”的规律，无论出于何种目的，它始终保持稳态，直到永远……

---

打开脚注

Footnotes

1. 但目前没有观测到主层群和C层群等多个层群的负数层

作者信息

这篇层级的发起者为：RSJlmk及LYH0818
其中RSJlmk为文章的主要作者
LYH0818对文章进行了修改和指导，并增加了版式
……
这足以解释你的疑惑吗？

蓝色空间

忘海

废墟

+ 展开样式代码

/* 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;
}