Level Yh 1001 “通往家乡的路”

+ 版式代码

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

“我们因为执念深而死，却又因执念深而活，那条小路，不知多久道还要走多久……”

生存难度：生存難度：

等级等級 未定待级

• 安全性未知
• 稳定性未知
• 实体数量未知

---

如何使用：

[[include component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
    /* 字体 */
    --sd-font: Poppins, Noto Sans SC, Noto Serif SC;

    /* 边框 */
    --sd-border: var(--gray-monochrome); /* 大多数等级 */
    --sd-border-secondary: 0, 0, 0; /* 不适用 */
    --sd-border-deadzone: 20, 0, 0; /* 死区 */

    /* 标志 */
    --sd-symbol: var(--sd-border) !important; /* 大多数标志 */

    /* 文本 */
    --sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
    --sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

    /* 等级颜色 */
    --class-0: 247, 227, 117;
    --class-1: 247, 227, 117;
    --class-1: 255, 201, 14;
    --class-2: 245, 156, 0;
    --class-3: 249, 90, 0;
    --class-4: 254, 23, 1;
    --class-5: 175, 6, 6;
    --class-unknown: 38, 38, 38;
    --class-habitable: 26, 128, 111;
    --class-deadzone: 44, 13, 12;
    --class-pending: 182, 182, 182;
    --class-n-a: 38, 38, 38;
    --class-amended: 185, 135, 212;
    --class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
   --sd-border: 90, 29, 27;
   --sd-image: 90, 29, 27;
   --sd-symbol: 90, 29, 27;
}
[[/module]]

Level YH-1001是后室YH层群的第1001层。

自我介绍

额……你们好啊，我的名字叫博文。
我目前只能先用设备介绍这个层级了，因为在我刚切入进这个层级的时候，身体就像被控制了一样，一直在往前走。鉴于我无法控制住我的身体，所以目前只能靠设备讲话了。

---

那条路还要走多久……

作者：kenny114514
想家了就回去陪陪他们吧……