Level Yh 1000

+ 版式代码

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

我们因劳累而死，却又因执念而存活，一遍又一遍走在回家的路上，直至到达那个地方。