2026

  • close

    著作信息

    X

    这是上一个同样很显眼的弹窗



评分: +2+–x
  • 评分: +2+–x

    close

    著作信息

    X

    这是一个著作信息很显眼的弹窗

    评分: +2+–x


我的主题没有做完12


看起来没有些的内容




标题 1 标题 2 标题 3
第一内容 第二 第三
更多的 很多内容
之前 你应该知道什么了吧



版式之前的代码，每天可能会更新：

[[module css]]
 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Droid+Sans+Mono:wght@400&display=swap');
 
:root {
    --New-year-classic-Red: rgb(190, 64, 64);
    --New-year-classic-dark: rgb(30, 25, 25);
 
    --texture-image: url(https://image2url.com/r2/bucket2/images/1767844387303-3a466f69-2469-4bb9-9a7f-11e31227ef5b.png);
    --info-icon: url(https://image2url.com/r2/bucket2/images/1767930053006-3aafd75c-c06f-4af0-9670-071f034fc8dc.png);
    --time-icon: url(https://image2url.com/r2/bucket1/images/1768039004676-f70fdb27-5361-478b-bc47-5938092f9a28.png);
    --header-imagelayer-texture: url(https://image2url.com/r2/bucket2/images/1768088980256-9829e35d-a6b6-43cf-aac4-fd2510ecd5f6.png);
    --waits-icon: url(https://image2url.com/r2/default/images/1768220578483-525ac3c8-0bdc-421c-ba27-45ca70ab8914.png);
 
    --others-color-match-1: rgb(253, 64, 64);
    --others-color-match-2: rgb(20, 15, 15);
    --others-color-match-3-link: rgb(253, 48, 48);
    --others-color-match-4-button: rgb(253, 3, 3);
    --others-color-match-5-sidebar-top: rgb(253, 80, 80);
    --others-color-match-6-rowblock-border: rgb(253, 220, 53);
    --others-color-match-7-topbar-bg: rgb(255, 255, 210);
    --others-color-match-8-window-bg: rgb(253, 250, 250);
    --others-color-match-9-topbar-menu-item-bg: 250, 250, 217;
 
    --user-selecty-color-match: rgb(250, 217, 59);
 
    --sidebar-titlesblock-color: rgb(35, 19, 19);
 
    --gradient-header: linear-gradient(
            to top,
            var(--New-year-classic-Red) 0%,
            var(--New-year-classic-Red) 90%,
            var(--New-year-classic-Red) 100%
        );
 
    --header-Heightalign: 13.75rem;
 
color-scheme: light only;
}
@media only screen and (max-width: 768px) {
:root {
    --header-adatp-up: calc(-1 * 13.75rem);
    --sidebar-color: rgba(253, 243, 230, 0.99);
    --page-options-bottom-plusmargin: 1rem;
 
    --hide-1: transparent;
    --hide-2: none;
  }
}
 
::selection {
    background-color: var(--user-selecty-color-match);
    color: rgb(243, 240, 228);
}
 
* {
    cursor: default;
    caret-color: var(--user-selecty-color-match);
}
a {
    color: var(--others-color-match-3-link);
}
a:visited:not(:hover, :focus) {
    color: tomato;
}
 
::-webkit-scrollbar-thumb {
    background-color: white;
}
 
body {
    background-color: var(--New-year-classic-dark);
    background-size: 100px var(--header-Heightalign);
}
#skrollr-body {
    background-image: none;
    background-color: var(--New-year-classic-Red);
    height: var(--header-Heightalign);
}
 
#container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#content-wrap {
    margin-left: -1%;
}
 
@media only screen and (min-width: 768px) {
#header {
    width: 100vw;
    max-width: 100vw;
  }
}
#header::before {
    opacity: 1;
}
#header h1 a::before,
#header h2 span::before {
    text-shadow: none;    
}
#header h1 a {
    top: calc(16px + 90%);
}
#header h2 span {
    top: calc(5.56rem + 32px);
    font-size: clamp(19px, 2vw, 23px);
}
#header h1 a::before { content: '2026'; font-family: 'Poppins', sans-serif; }
#header h2 span::before { content: 'New year on.'; font-family: 'Poppins', sans-serif;  }
#header {
    height: var(--header-Heightalign);
    top: var(--header-adatp-up);
    display: flex;
    justify-content: center;
}
#header::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: var(--header-imagelayer-texture);
     background-color: red;
     background-position: center;
     background-size: contain;
     mix-blend-mode: multiply;
     height: 100%;
     width: 100%;
     z-index: -1;
    image-rendering: pixelated;
}
 
#top-bar {
    margin-top: var(--header-Heightalign);
    width: 100%;
    max-width: 100%;
    justify-content: center;
    background-color: var(--others-color-match-7-topbar-bg);
}
#top-bar :is(div.mobile-top-bar, div.top-bar) >ul>li>a {
    color: rgb(255, 253, 245);
    font-weight: 300;
}
#top-bar > div.mobile-top-bar > div.open-menu >p>a {
    color: rgb(255, 253, 245) !important;
    font-weight: 300;
    font-size: 2.39em;
}
#top-bar div.mobile-top-bar > ul > li > a::before,
#top-bar div.mobile-top-bar > ul > li > a::after,
    #top-bar div.top-bar > ul > li > a::before,
    #top-bar div.top-bar > ul > li > a::after {
    background-color: rgb(254, 53, 53);
    height: 0.1489rem;
}
#top-bar :is(.top-bar, .mobile-top-bar) > ul li:hover,
#top-bar :is(.top-bar, .mobile-top-bar) > ul li:focus-within {
    background-color: rgb(222, 65, 65) !important;
}
#top-bar :is(.mobile-top-bar) {
    background-image: none !important;
    background-color: var(--New-year-classic-dark) !important;
    border-bottom: 0.8px solid rgb(254, 64, 64);
}
#top-bar :is(.mobile-top-bar, .top-bar) >ul li ul {
    border: none !important;
    box-shadow: none !important;
}
#top-bar :is(.mobile-top-bar, .top-bar) >ul li ul li {
    border: 0.8px solid white !important;
}
#top-bar :is(.mobile-top-bar, .top-bar) >ul li ul li>a {
    color: white !important;
}
#top-bar :is(.mobile-top-bar, .top-bar) >ul li ul li:last-of-type:nth-of-type(odd) {
    display: grid;
    grid-column: 1 / -1;
    justify-self: center;
    justify-items: center;
    width: 100%;
    max-width: 100%;
}
#top-bar :is(.mobile-top-bar, .top-bar) >ul li ul {
    background-color: rgba(var(--others-color-match-9-topbar-menu-item-bg), 0.5) !important;
}
 
#top-bar >.top-bar >ul li a {
    color: black !important;
}
 
@media only screen and (max-width: 768px) {
#search-top-box {
    top: -3.3rem;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) {
#search-top-box {
    top: 3rem;
  }
}
#search-top-box form[id=search-top-box-form] input[type=submit] {
    background-color: black;
    color: white;
    background-image: none;
    transition: opacity 0.6s ease;
}
#search-top-box:focus-within {
    background: none;
    box-shadow: none;
}
#search-top-box input[id*=search-top-box-input]:not(:focus) {
    color: white;
    font-weight: 500;
}
#search-top-box-input {
    display: inline-block;
    opacity: 0;
    transition: width 0.6s ease, right 0.6s ease, opacity 0.5s ease-out 0.1s, clip-path 0.5s ease-out 0.1s !important;
    background-color: var(--hide-1);
    border: var(--hide-2);
    clip-path: inset(0 0 0 50%);
}
#search-top-box-input:is(:hover, :focus) {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    outline: ;
    background-color: rgba(193, 3, 3, 0.5);
}
#search-top-box:focus-within ~ #login-status {
    opacity: 0;
}
#search-top-box:focus-within ~ #login-status >.printuser,
#search-top-box:focus-within ~ #login-status >#my-account,
#search-top-box:focus-within ~ #login-status >a[href*="/messages"] {
    clip-path: inset(0 100% 0 0);
}
#search-top-box ~ #login-status {
    transition: opacity 0.3s ease-out;
}
#search-top-box ~ #login-status >.printuser,
#search-top-box ~ #login-status >#my-account,
#search-top-box ~ #login-status >a[href*="/messages"] {
    transition: opacity 0.3s ease-out, clip-path 0.3s ease-out;
    clip-path: inset(0 0 0 0);
}
#login-status #account-options {
    opacity: 0;
    transition: opacity .19s cubic-bezier(.54,-0.04,.83,1.02);
}
#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;
}
#login-status #account-options {
    border: none;
    background-color: var(--others-color-match-1);
    width: 150px;
}
#login-status #account-topbutton {
    border-color: var(--others-color-match-1);
}
#login-status:has(a[class*=login-status]) {
    background-color: black;
    top: 1.6rem;
}
#login-status:has(a[class*=login-status])::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -1.375rem;
    left: calc(5 * 1rem);
    background-image: url(https://img.lenyiin.com/app/hide.php?key=TlgwNGo0ZDAyOFpZQUE5SlVvdjVQTlc0QlNGdmpoaXZTNDJDSHRZPQ==
);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: center;
}
#login-status #account-options >ul {
    display: grid !important;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
}
#login-status #account-options >ul li a {
    color: white;
    text-underline-offset: 3px;
}
#login-status #account-options > ul li {
    position: relative;
}
#login-status #account-options > ul li::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgb(253, 240, 205);
    z-index: -1;
    pointer-events: none;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 0.15s cubic-bezier(0.00, 0.00, 0.05, 1.00);
}
#login-status #account-options > ul li:hover::before {
    clip-path: inset(0 0 0 0);
}
#login-status #account-options > ul li a:hover {
    color: black;
}
#login-status #account-options::before {
    content: '';
    display: block;
    position: absolute;
    top: -1.2rem;
    left: 8.14rem;
    width: 20px;
    height: 20px;
    background-color: var(--others-color-match-1);
    z-index: -1;
    clip-path: polygon(100% 50%, 60% 100%, 100% 100%);
    pointer-events: none;
}
 
#main-content {
    margin-top: 31.5px;
    color: white;
}
#main-content::before {
    display: none;
}
#main-content::after {
    z-index: 52;
}
#page-content >*:not(:has(div[class^="bottom-box"] >ul li) ) li,
#action-area:not(:has(#edit-page-form >div div >ul li) ) li {
    list-style-type: disc;
}
 
#page-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    padding-bottom: 0;
    color: white;
    border-bottom: 0.8px solid rgb(253, 120, 62);
    font-size: clamp(18px, 2vw, 15px);
}
 
#page-options-container .page-options-bottom > * {
    background-color: var(--others-color-match-4-button);
    color: white;
    text-decoration: none;
}
#page-options-container .page-options-bottom > *,
#page-options-container .page-options-bottom > *:is(:hover, :focus) {
     background-image: var(--texture-image);
}
#page-options-container #page-options-bottom-2 {
    margin-bottom: var(--page-options-bottom-plusmargin);
}
 
#footer {
    background-color: var(--others-color-match-1);
}
#footer .options {
    border-right: none;
}
 
#side-bar {
    z-index: 51;
    margin: 0;
    outline: none;
    position: fixed;
    top: 0;
    height: 100vh;
    max-height: 100vh;
    direction: rtl;
}
@media only screen and (min-width: 768px) {
#side-bar {
    transition: transform 0.3s ease 0.08s, background-color 0.3s ease, padding 0.3s ease 0.08s, margin 0.3s ease 0.08s;
  }
}
#side-bar::-webkit-scrollbar-track:vertical {
    background-color: black;
}
#side-bar::-webkit-scrollbar-thumb:vertical {
    background-color: gold;
}
#side-bar:is(:hover, :focus-within) {
    background-color: rgba(253, 243, 230, 0.99);
}
#side-bar .side-block {
    background-color: rgb(253, 243, 225);
    border-right: none !important;
}
#side-bar .side-block >div.menu-item >p * {
    border-left: none !important;
}
#side-bar .side-block >div.heading >p {
    background-color: var(--sidebar-titlesblock-color);
    background-image: none;
    color: white;
    text-shadow: none;
}
#side-bar .side-block.media {
    background-color: var(--others-color-match-5-sidebar-top) !important;
}
#side-bar .side-block.media >* img {
    filter: invert(1);
}
#side-bar .side-block >* .collapsible-block-link {
    background-color: var(--sidebar-titlesblock-color);
}
 
body:has(#odialog-shader) >* {
    touch-action: pan-y;
}
#odialog-shader {
    background-color: rgba(255, 255, 255, 0.1833) !important;
    z-index: 99;
}
 
.owindow {
    background-color: var(--others-color-match-8-window-bg);
    border-color: black;
}
.owindow >.title {
    background-color: var(--others-color-match-1);
    color: white;
}
.owindow >div h1,
.owindow >div p {
    color: rgb(10, 20, 35);
}
.owindow >div[class*=button-bar] >* {
    background-color:  rgb(253, 246, 245);
    border-color: rgb(253, 246, 245);
}
.owindow >div[class*=button-bar] >*:is(:hover, :focus-within) {
    background-color: rgb(187, 188, 178);
    border-color: rgb(185, 188, 180);
}
.owindow >div[class*=button-bar] >*,
.owindow >div[class*=button-bar] >*:is(:hover, :focus) {
    color: black;
}
.owindow.owait >.content {
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     padding: 0 0 calc(20px * 2.50);
}
.owindow.owait >.content::before {
     content: '';
     display: block;
     position: absolute;
     top: 45%;
     mask-image: var(--waits-icon);
     mask-size: 30px;
     mask-position: center;
     width: 30px;
     height: 30px;
     background-color: rgb(0, 0, 0, 0.99);
     z-index: 2;
     animation: waits-icon-rotate 1.5s linear infinite;
}
.owindow.owait >.content::after {
     content: 'under wary';
     display: block;
     position: absolute;
     bottom: 0;
     background-color: var(--others-color-match-8-window-bg);
     width: 100%;
     height: 100%;
     z-index: 1;
     text-align: center;
     line-height: 100%;
     animation: dynamic-dotsign 1.5s linear 0.05s infinite;
}
.footnote >div:first-child {
    background-color: var(--others-color-match-1);
    color: white;
    width: fit-content;
    position: absolute;
    top: -1rem;
    padding: 0 5px;
}
.footnote >div:last-child {
    background-color: white;
}
.hovertip {
    background-color: white !important;
    border: 1px solid var(--others-color-match-1) !important;
}
 
#edit-page-form >div div >ul li >a {
    mix-blend-mode: hard-light;
}
#edit-page-form >div:first-of-type {
    height: 100px;
    flex-flow: column-reverse;
    margin-bottom: 40px;
}
#edit-page-form >div:first-of-type div:first-of-type >ul  {
    margin-top: calc(24px + 1vmax - 3vmin);
}
#edit-page-form >div:first-of-type div:nth-of-type(2) >ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#edit-page-form {
    border-radius: 0 !important;
    background-color: rgb(92, 10, 10) !important;
    border: 0.5px solid white;
}
#edit-page-form >div textarea,
#edit-page-form >table >tbody >tr td >div textarea {
    background-color: rgb(173, 56, 56);
    color: rgb(238, 205, 205);
    outline-color: rgb(220, 38, 38);
}
#edit-page-form >div textarea {
     margin-left: clamp(4px, 3vw - 10px, 20px);
}
#edit-page-form >table >tbody >tr td input {
    background-color: white;
    color: rgb(34, 30, 10);
    border-color: black;
    outline-color: white;
}
#edit-page-form >table.form >tbody >tr td:first-of-type {
    display: flex;
    background-color: var(--others-color-match-1);
    padding: 0 10px;
    position: relative;
    top: -1rem;
    width: fit-content;
    height: fit-content;
    text-shadow: 0 0 13px black;
}
#edit-page-form >.edit-help-34,
#edit-page-form >.change-textarea-size {
    margin-top: 0;
    padding-top: 0;
}
#edit-page-form >.change-textarea-size a {
    text-decoration: none;
    background-color: rgb(238, 10, 10);
    color: white;
    border: 0.8px solid white;
}
#edit-page-form >div[class*=buttons] {
     justify-content: center;
     row-gap: 3px;
}
#edit-page-form >div[class*=buttons] input {
    flex: 0;
}
#edit-page-form >table >tbody >tr td >div strong >#lock-timer::before {
    content: '';
    display: inline-block;
    position: relative;
    inset: auto auto -2px auto;
    mask-image: var(--time-icon);
    mask-size: contain;
    mask-position: center;
    background-color: gray;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}
 
a.action-area-close {
    background-color: var(--others-color-match-1);
    position: relative;
}
a.action-area-close:is(:hover, :focus) {
    background-color: rgb(209, 42, 42);
}
a.action-area-close,
a.action-area-close:is(:hover, :focus) {
    color: white;
    text-decoration: none;
}
a.action-area-close::before {
    content: '×';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: fit-content;
    height: 20px;
    padding: 0 18px;
    margin-left: 5px;
    background-color: inherit;
    font-size: 1.5em;
}
#action-area h1::before {
    content: '';
    display: block;
    position: relative;
    width: calc(90% - 3vmax + 3vmin * 5 - 1.5vmin);
    height: 30px;
    background-color: transparent;
    border-top: 0.8px solid red;
    z-index: -1;
}
.page-source {
    background-color: rgb(42, 30, 25);
    border: 0.5px solid rgb(230, 0, 0);
    font-family: 'Droid Sans Mono', monospace;
}
 
.code {
    background-color: var(--others-color-match-2);
}
.code::-webkit-scrollbar:horizontal {
    height: 3px;
}
.hl-code, .hl-brackets {
    color: white;
}
.hl-identifier {
    color: var(--others-color-match-1);
}
sup[class=footnoteref] a {
    color: rgb(254, 75, 75);
}
.footnotes-footer {
    background-color: rgb(253, 238, 238);
    border-left-color: rgb(254, 75, 75);
    color: black;
}
.page-rate-widget-box {
    background-color: var(--others-color-match-1) !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1.5px 0 0 rgb(253, 60, 60) !important;
}
.page-rate-widget-box > span {
    color: white !important;
}
.page-rate-widget-box >.btn-default >a {
    height: 15px !important;
    width: 20px !important;
    margin-top: calc(30% - 4px);
}
.page-rate-widget-box > span.cancel >a::after {
    background-color: rgb(56, 59, 55);
}
.wiki-content-table >tbody >tr th {
    background-color: var(--others-color-match-1);
    color: white;
}
.yui-navset-top >ul.yui-nav li >a {
    background-color: var(--others-color-match-1);
}
.yui-navset-top >ul.yui-nav li >a em {
    color: white;
}
.yui-navset-top >ul.yui-nav {
    box-shadow: 0 1px 0 0 var(--others-color-match-1);
}
.yui-navset-top >ul.yui-nav li {
    box-shadow: 0 0 0 1px rgb(253, 59, 59);
}
.yui-navset-top >.yui-content {
    background-color: var(--New-year-classic-dark);
}
.yui-navset-top >.yui-content,
.wiki-content-table >tbody >tr td {
    border-color: var(--others-color-match-6-rowblock-border);
}
.yui-navset-top >ul.yui-nav li.selected,
.yui-navset-top >ul.yui-nav li.selected >a:is(:hover, :focus) {
    background-color: rgb(40, 24, 23);
}
.rate-box-with-credit-button,
div[class*="creditButtonStandalone"] {
    background-color: rgb(253, 40, 40) !important;
    box-shadow: none !important;
}
.rate-box-with-credit-button >div >p a::before,
div[class*="creditButtonStandalone"] >p a::before {
    background-color: white !important;
    mask-image: var(--info-icon) !important;
    mask-size: auto 150% !important;
}
.rate-box-with-credit-button >div >p a::after,
div[class*="creditButtonStandalone"] >p a::after {
     background-color: rgb(90, 135, 247) !important;
}
#u-credit-view >div div >hr {
    visibility: hidden;
}
#u-credit-view >.fader {
    background-color: rgba(255, 255, 255, 0.1833);
    backdrop-filter: blur(1.8px);
}
#u-credit-view >div div div >a {
     color: white;
     text-decoration: none;
     transform: translateY(-3.5px);
}
 
#toc {
    padding: 0;
    position: relative;
    width: 164px;
    background-color: transparent;
    border: none;
    counter-reset: toc-section;
}
#toc >.title {
    visibility: hidden;
    height: 0;
    font-size: 0;
}
#toc >#toc-action-bar {
    display: flex;
    flex-grow: 1;
    padding: 0;
    background-color: var(--others-color-match-1);
}
#toc >#toc-action-bar :is(a, a:is(:hover, :focus) ) {
    text-decoration: none;
    color: white;
}
#toc >#toc-action-bar a::before {
     content: '▾';
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     font-size: 2em;
     line-height: 0.85;
     color: white;
     margin-right: 5px;
     box-sizing: border-box;
}
#toc >#toc-action-bar a + a::before {
     content: '▴';
}
#toc >#toc-action-bar a + a:is(:active, :focus) {
    color: black;
}
#toc >#toc-list div a::before {
    counter-increment: toc-section;
    content: counter(toc-section) '.';
    margin-right: 3px;
    font-weight: 700;
}
 
.page-tags {
    position: relative;
    margin-top: 20px !important;
}
.page-tags >span {
    display: inline-flex !important;
    align-items: end;
    width: 100%;
    height: 23px;
    margin-top: 3.5px;
    border-top: 1.2px solid var(--others-color-match-1);
}
.page-tags >span::before {
    content: 'tags';
    display: block;
    position: absolute;
    top: -1rem;
    left: 0;
    background-color: var(--others-color-match-1);
    font-weight: 700;
}
.page-tags >span a:not(:is(:hover, :focus) ) { color: black; }
.page-tags >span a {
    background-color: rgb(228, 208, 190);
    padding: 0 3px;
    border-radius: 3px;
}
#page-info {
    display: flex;
    justify-content: start;
    text-align: left;
    flex-direction: column;
}
.page-watch-options {
    display: flex;
    align-items: start;
    justify-content: end;
    flex-wrap: wrap;
    font-size: 0.84em;
    text-align: right;
    padding: 0 !important;
}
@media (orientation: landscape),
screen and (min-width: 600px) and (orientation: portrait) {
.page-watch-options {
    position: relative;
    top: -1.5rem;
  }
}
 
/* 再次确保无意外 */
 
#action-area input[class*=btn],
#view-diff-div >p a {
    background-color: rgb(255, 64, 0);
    color: white;
    border: none;
    text-decoration: none;
}
#action-area input[class*=btn]:is(:hover, :focus),
#view-diff-div >p a:is(:hover, :focus) {
    background-color: rgb(50, 30, 0);
}
 
form#history-form-1 .form tr {
    display: flex;
    flex-direction: column;
}
form#history-form-1 .form tr:first-of-type td:last-of-type {
    display: grid;
    grid-template-columns: repeat(auto-fill, 1rem minmax(8rem, 1fr));
    align-items: center;
}
#history-form-1 .form >tbody >tr:first-of-type td:first-of-type {
    display: flex;
    position: relative;
    top: calc(-40px - 1vmin);
    justify-content: end;
}
#history-form-1 .form >tbody >tr:last-of-type {
    flex-direction: row;
    margin-top: 12px;
}
#history-form-1 .form >tbody >tr:first-of-type {
    height: 100px;
}
#history-form-1 >div table >tbody >tr:nth-of-type(n+2) td:last-of-type {
}
[type="checkbox"] {
    width: 0.85rem;
    height: 0.85rem;
    vertical-align: middle;
    accent-color: rgb(73, 50, 50);
}
input#page-tags-input {
    width: 100%;
}
input::file-selector-button {
    background-color: var(--others-color-match-1);
    color: white;
    border: 1px dashed red;
    border-radius: 3px;
}
#action-area:not(:has(#edit-page-form input) ) :is(input:not([class*=btn]), textarea) {
    background-color: white;
    color: rgb(48, 14, 6);
    border-color: var(--others-color-match-1);
}
 
.creditRate {
    float: left !important;
}
 
@keyframes waits-icon-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes dynamic-dotsign {
  0% {
    content: 'under way';
  }
  30% {
    content: 'under way.';
  }
  60% {
    content: 'under way..';
  }
  100% {
    content: 'under way...';
  }
}
 
/* begin coloring Components */
 
.sd-container >div div div[class*=diamond-image] {
     background-color: rgb(255, 238, 230) !important;
}
.sd-container >:not(:is(.class-unknown, .class-n\/a) ) {
     border-color: rgb(255, 238, 230);
}
.sd-container >div div :is(.top-text, .bottom-text) >:is(p span, p),
.sd-container >div div .bottom-text::after {
     color: black;
}
.sd-container >.bottom-box >ul li >span,
.sd-container >.bottom-box >ul li::before {
     color: white !important;
}
.sd-container >.bottom-box >ul li::before {
     background-color: white !important;
}
.sd-container >:not(:is(.class-unknown, .class-n\/a) ) div .bg {
     background-color: rgb(253, 230, 220);
}
.sd-container >div .gradient-box {
     background-image: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(235, 186, 13, 0) 36%);
}
.lang-cn:has(:is(.class-宜居-前厅, .class-宜居-前廳, .class-HA) ) >.top-box-x {
     border-color: rgb(238, 58, 58);
}
.lang-cn:has(:is(.class-宜居-前厅, .class-宜居-前廳, .class-HA) ) >div .gradient-box-x {
     background-image: linear-gradient(90deg, rgb(255, 50, 50) 0%, rgba(235, 186, 13, 0) 36%);
}
.lang-cn:has(:is(.class-宜居-前厅, .class-宜居-前廳, .class-HA) ) >div >ul li span {
     color: rgb(134, 50, 50);
}
.lang-cn:has(:is(.class-宜居-前厅, .class-宜居-前廳, .class-HA) ) >div >ul li::before {
     background-color: rgb(255, 140, 90);
}
.lang-cn:has(:is(.class-宜居-前厅, .class-宜居-前廳, .class-HA) ) >div .header-diamond-x {
     background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20viewBox%3D%270%200%20300.9%20284.5%27%20style%3D%27enable-background%3Anew%200%200%20300.9%20284.5%3B%27%20xml%3Aspace%3D%27preserve%27%3E%3Cstyle%20type%3D%27text%2Fcss%27%3E%20.st0%7Bfill%3Argb(255%2C%2050%2C%2050)%3B%7D%20.st1%7Bfill%3Argb(255%2C%2050%2C%2050)%3B%7D%0A%3C%2Fstyle%3E%3Cg%3E%3Cpolygon%20class%3D%27st1%27%20points%3D%2773.4%2C32.6%200%2C105.4%2013.6%2C105.4%2086.4%2C32.6%20%27%2F%3E%3Cpolygon%20class%3D%27st1%27%20points%3D%2726.5%2C105.4%2040.1%2C105.4%20112.9%2C32.6%2099.3%2C32.6%20%27%2F%3E%3C%2Fg%3E%3Cpolyline%20class%3D%27st1%27%20points%3D%27287.3%2C105.4%20214.5%2C32.6%20227.5%2C32.6%20287.3%2C91.9%20%27%2F%3E%3Cpolygon%20class%3D%27st1%27%20points%3D%27274.4%2C105.4%20260.8%2C105.4%20188%2C32.6%20201.6%2C32.6%20%27%2F%3E%3C%2Fsvg%3E");
}
 
[[/module]]
p::before {
    content: '祝你新年快乐，恭喜发财，好运来！';
    color: tomato;
    margin-left: 3px;
}

若想调整著作信息评分组件的位置，可以这样用：
.creditRate {
    float: left !important;
}
/* 或者 */
.creditRate {
     float: right; /* 这是组件设置的 */
}

若需要让著作信息评分组件的位置居中，那这样用： 
[[module css]]
.creditRate-center {
    display: flex;
    justify-content: center;
}
[[/module]]
[[div class="creditRate-center"]]
把这个著作信息评分组件都加进来就即可
[[/div]]

重新组织的生存难度:D

生存难度：生存難度：

等级等級 0

  • {$one}
  • {$two}
  • {$three}

如何使用：

[[include :backrooms-wiki-cn: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 :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]


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

自定义等级

[[include :backrooms-wiki-cn: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-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--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]]

生存难度：生存難度：

等级等級 1

  • {$one}
  • {$two}
  • {$three}

如何使用：

[[include :backrooms-wiki-cn: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 :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]


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

自定义等级

[[include :backrooms-wiki-cn: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-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--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]]

生存难度：生存難度：

等级等級 2

  • {$one}
  • {$two}
  • {$three}

如何使用：

[[include :backrooms-wiki-cn: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 :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]


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

自定义等级

[[include :backrooms-wiki-cn: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-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--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]]

生存难度：生存難度：

等级等級 3

  • {$one}
  • {$two}
  • {$three}

如何使用：

[[include :backrooms-wiki-cn: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 :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]


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

自定义等级

[[include :backrooms-wiki-cn: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-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--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]]

生存难度：生存難度：

等级等級 4

  • {$one}
  • {$two}
  • {$three}

如何使用：

[[include :backrooms-wiki-cn: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 :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]


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

自定义等级

[[include :backrooms-wiki-cn: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-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--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]]

生存难度：生存難度：

等级等級 5

  • {$one}
  • {$two}
  • {$three}

如何使用：

[[include :backrooms-wiki-cn: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 :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]


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

自定义等级

[[include :backrooms-wiki-cn: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-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--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]]

生存难度：生存難度：

等级等級 unknown

  • {$one}
  • {$two}
  • {$three}

如何使用：

[[include :backrooms-wiki-cn: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 :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]


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

自定义等级

[[include :backrooms-wiki-cn: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-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--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]]

生存难度：生存難度：

等级等級 habitable

  • {$one}
  • {$two}
  • {$three}

如何使用：

[[include :backrooms-wiki-cn: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 :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]


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

自定义等级

[[include :backrooms-wiki-cn: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-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--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]]

生存难度：生存難度：

等级等級 终结

  • {$one}
  • {$two}
  • {$three}

如何使用：

[[include :backrooms-wiki-cn: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 :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]


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

自定义等级

[[include :backrooms-wiki-cn: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-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--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]]

生存难度：生存難度：

等级等級 n/a

  • {$one}
  • {$two}
  • {$three}

如何使用：

[[include :backrooms-wiki-cn: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 :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]


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

自定义等级

[[include :backrooms-wiki-cn: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-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--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]]

生存难度：生存難度：

等级等級 宜居-前厅

  • {$one}
  • {$two}
  • {$three}
  • 第一个
  • 第二个

标题

标题1

标题2

Footnotes
重定制
页面版本: 654, 最后编辑于: 21 Jan 2026 06:55
编辑 评分 (+2) 标签 讨论 (1) 历史记录 附件 打印 网站工具 + 选项
除非特别注明，本页内容采用以下授权方式： Creative Commons Attribution-ShareAlike 3.0 License