@import url('https://cdn.scpwiki.com/theme/en/basalt/normalize-min.css');
@import url('https://scp-wiki-cn.wdfiles.com/local--code/theme%3Adarkblue/1');

@import url('https://api.fonts.coollabs.io/css2?family=Special+Elite&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@900&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Source+Code+Pro:wght@500&display=swap');

:root {
    --UI-font-primary: "Noto Sans SC", "Playfair Display", sans-serif;

    --header-font: "ZCOOL XiaoWei", sans-serif;

    --UI-dark-color-primary: 255, 255, 255;
    --UI-light-color-primary: 5, 13, 23;
    --UI-deep-blue: 255, 253, 208;
    --UI-red: 163, 33, 66;
    --UI-grapefruit: 197, 71, 69;
    --general-background-color: 18, 25, 35;
    --general-border-color: var(--general-background-color);

    --header-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 130.178'%3E%3Cpath fill='black' d='M120.841.407A1.366 1.366 0 0 0 119.822 0H1.479A1.5 1.5 0 0 0 0 1.479v59.172a1.5 1.5 0 0 0 1.479 1.479 60.9 60.9 0 0 0 35.065-11.164 61.327 61.327 0 0 0 21.862-28.529c.271-.731.524-1.469.765-2.211v40.425a1.5 1.5 0 0 0 1.48 1.479 60.9 60.9 0 0 0 35.064-11.164 61.315 61.315 0 0 0 21.862-28.529A60.953 60.953 0 0 0 121.3 1.479a1.352 1.352 0 0 0-.459-1.072ZM81.609 71.771a61 61 0 0 0-20.958-3.724 1.5 1.5 0 0 0-1.48 1.479v40.505a59.741 59.741 0 0 0-8.206-16.4 61.32 61.32 0 0 0-28.528-21.86 61 61 0 0 0-20.958-3.724A1.5 1.5 0 0 0 0 69.526V128.7a1.5 1.5 0 0 0 1.479 1.479h118.343a1.368 1.368 0 0 0 1.013-.4 1.352 1.352 0 0 0 .466-1.078 60.685 60.685 0 0 0-39.692-56.93ZM158.283 0H128.7a1.5 1.5 0 0 0-1.48 1.479v59.172a1.5 1.5 0 0 0 1.48 1.479h29.585a1.483 1.483 0 0 0 1.48-1.479V1.479A1.5 1.5 0 0 0 158.283 0ZM158.283 68.047H128.7a1.5 1.5 0 0 0-1.48 1.479V128.7a1.5 1.5 0 0 0 1.48 1.479h29.585a1.483 1.483 0 0 0 1.48-1.479V69.526a1.5 1.5 0 0 0-1.482-1.479ZM430.472 0H371.3a1.364 1.364 0 0 0-1.035.425 1.362 1.362 0 0 0-.444 1.054v59.172a1.5 1.5 0 0 0 1.479 1.479h59.172a1.5 1.5 0 0 0 1.479-1.479V1.479A1.5 1.5 0 0 0 430.472 0Zm-29.586 51.775a20.709 20.709 0 0 1-13.217-36.662A20.719 20.719 0 0 1 421.2 35.144a20.941 20.941 0 0 1-20.314 16.631ZM439.347 62.13H498.56a1.5 1.5 0 0 0 1-2.523l-.033-.033-.047-.048-25.82-25.819-1.16-1.163h26.015A1.5 1.5 0 0 0 500 31.065 31.066 31.066 0 0 0 468.933 0h-29.586a1.5 1.5 0 0 0-1.479 1.479v59.172a1.5 1.5 0 0 0 1.479 1.479ZM227.433 127.652l-.032-.033c-.016-.016-.031-.032-.048-.047l-25.82-25.82-1.16-1.161h26.014a1.5 1.5 0 0 0 1.479-1.479A31.064 31.064 0 0 0 196.8 68.047h-29.584a1.5 1.5 0 0 0-1.48 1.479V128.7a1.5 1.5 0 0 0 1.48 1.479H226.428a1.5 1.5 0 0 0 1-2.523ZM362.481 68.047H303.31a1.5 1.5 0 0 0-1.479 1.479V128.7a1.5 1.5 0 0 0 1.479 1.479h59.171a1.5 1.5 0 0 0 1.48-1.479v-7.4a1.5 1.5 0 0 0-1.48-1.479 20.71 20.71 0 1 1 0-41.42 1.5 1.5 0 0 0 1.48-1.479v-7.4a1.5 1.5 0 0 0-1.48-1.475ZM430.472 97.633h-7.4a1.357 1.357 0 0 0-1.088.484 1.386 1.386 0 0 0-.391.995 20.712 20.712 0 1 1-20.71-20.71 1.5 1.5 0 0 0 1.479-1.479v-7.4a1.5 1.5 0 0 0-1.479-1.479H371.3a1.5 1.5 0 0 0-1.479 1.479V128.7a1.5 1.5 0 0 0 1.479 1.479h59.172a1.5 1.5 0 0 0 1.479-1.479V99.112a1.5 1.5 0 0 0-1.479-1.479ZM295.857 73.192v-3.666a1.483 1.483 0 0 0-1.479-1.479h-59.172a1.5 1.5 0 0 0-1.479 1.479v29.586a1.378 1.378 0 0 0 .057.375V128.7a1.5 1.5 0 0 0 1.479 1.479h7.4a1.5 1.5 0 0 0 1.48-1.479 20.71 20.71 0 1 1 41.419 0 1.5 1.5 0 0 0 1.48 1.479h7.4a1.5 1.5 0 0 0 1.479-1.479V99.112a1.417 1.417 0 0 0-.056-.375ZM499.49 70.648l.023-.024.052-.052a1.5 1.5 0 0 0-1-2.523h-59.218a1.5 1.5 0 0 0-1.479 1.479V128.7a1.5 1.5 0 0 0 1.479 1.479h29.586A31.066 31.066 0 0 0 500 99.112a1.5 1.5 0 0 0-1.479-1.479H472.5l23.375-23.375ZM167.159 62.13h59.171a1.5 1.5 0 0 0 1.48-1.479V31.065a1.5 1.5 0 0 0-1.48-1.479h-20.581a20.936 20.936 0 0 1 20.638-19.231 1.392 1.392 0 0 0 .989-.385 1.354 1.354 0 0 0 .49-1.094v-7.4A1.5 1.5 0 0 0 226.387 0h-59.171a1.5 1.5 0 0 0-1.48 1.479v29.586a1.5 1.5 0 0 0 1.48 1.479H187.8a20.936 20.936 0 0 1-20.638 19.231 1.392 1.392 0 0 0-.989.385 1.357 1.357 0 0 0-.49 1.094v7.4a1.5 1.5 0 0 0 1.476 1.476ZM233.845 61.219a1.532 1.532 0 0 0 .792.792 1.435 1.435 0 0 0 .569.119h29.586a1.483 1.483 0 0 0 1.479-1.479V40.03A20.629 20.629 0 0 1 285.5 60.651a1.5 1.5 0 0 0 1.479 1.479h7.4a1.5 1.5 0 0 0 1.479-1.479V1.479A1.5 1.5 0 0 0 294.378 0h-7.4a1.356 1.356 0 0 0-1.088.484 1.388 1.388 0 0 0-.391 1 20.917 20.917 0 0 1-13.567 19.45 20.707 20.707 0 0 1-5.664 1.183V1.479A1.5 1.5 0 0 0 264.792 0h-29.586a1.5 1.5 0 0 0-1.479 1.479v59.172a1.356 1.356 0 0 0 .031.293 1.442 1.442 0 0 0 .087.275ZM303.253 62.13h36.982a1.5 1.5 0 0 0 1.48-1.479 20.935 20.935 0 0 1 20.71-20.71 1.39 1.39 0 0 0 .989-.386 1.356 1.356 0 0 0 .49-1.094v-7.4a1.5 1.5 0 0 0-1.479-1.479h-20.638a20.936 20.936 0 0 1 20.638-19.231 1.394 1.394 0 0 0 .989-.385 1.357 1.357 0 0 0 .49-1.094v-7.4A1.5 1.5 0 0 0 362.425 0h-59.172a1.5 1.5 0 0 0-1.479 1.479v59.172a1.452 1.452 0 0 0 .3.87 1.393 1.393 0 0 0 1.179.609Z'/%3E%3C/svg%3E");

    --header-height: calc(15rem + 14.5vw);
    --header-h1-height: 17.5rem + 14.5vw;

    --search-icon-background-color: var(--UI-deep-blue);

    --user-options-link-color: var(--text-dark-color);

    --topbar-height: var(--header-button-height);
    --topbar-nav-background-color-hover: var(--UI-deep-red);
    --topbar-nav-background-color-hover-alt: var(--UI-orange);
    --topbar-nav-color: var(--UI-deep-blue);
    --topbar-content-background-color: var(--UI-red);
    --topbar-content-border-color: var(--topbar-nav-color);
    --topbar-content-link-background-color-hover: var(--UI-grapefruit);
    --topbar-content-link-color: var(--topbar-nav-color);
    --topbar-content-link-color-hover: var(--topbar-nav-color);

    --sidebar-border-color: var(--UI-deep-blue);
    --sidebar-head-background-color: unset;
    --sidebar-head-border-color: var(--UI-deep-blue);
    --sidebar-head-color: var(--UI-deep-blue);
    --sidebar-link-color: var(--UI-deep-blue);
    --sidebar-link-background-color: var(--UI-deep-blue);
    --sidebar-collapsible-background-color-hover: var(--UI-deep-blue);
    --sidebar-collapsible-button-background-color: var(--UI-deep-blue);
    --sidebar-button-background-color: unset;
    --sidebar-button-color: var(--UI-deep-blue);

    --page-title-color: var(--UI-deep-blue);

    --link-color: var(--UI-deep-blue);
    --link-visited-color: var(--UI-grapefruit);
    --link-newpage-color: var(--UI-orange);

    --blockquote-background-color: var(--UI-dark-color-primary), 0.05;

    --code-background-color: var(--UI-dark-color-primary), 0.5;

    --ratebox-background-color: var(--general-background-color);
    --rate-uv-color: var(--UI-orange);
    --rate-dv-color: var(--UI-deep-red);
    --rate-nv-color: var(--UI-grapefruit);

    --tab-nav-background-color: var(--UI-dark-color-primary), 0.1;
    --tab-nav-color-hover: var(--tab-nav-color);
    --tab-border-color: var(--UI-deep-blue);
    --tab-content-background-color: var(--general-background-color);

    --credit-info-background-color: var(--general-background-color);
    --credit-info-color: var(--UI-dark-color-primary);
    --credit-info-background-color-hover: var(--UI-deep-blue);
    --credit-info-color-hover: var(--UI-light-color-primary);

    --credit-view-title-background-color: var(--UI-deep-blue);
    --credit-view-title-color: var(--UI-light-color-primary);
    --credit-view-background-color: var(--general-background-color);

    --owindow-title-background-color: var(--UI-deep-blue);
    --owindow-title-color:var(--UI-light-color-primary);

    --toc-background-color: var(--UI-deep-blue);
    --toc-title-color: var(--UI-light-color-primary);
    --toc-title-link-background-color: var(--UI-grapefruit);
    --toc-list-background-color: var(--general-background-color);

    --action-button-background-color-hover-alt: var(--UI-deep-blue);

    --input-type-background-color: var(--general-background-color);
    --input-type-border-color: var(--UI-deep-blue);

    --sidebar-collapsible-background-color: var(--general-background-color);

    --edit-area-toolbar-background-color: var(--UI-light-color-primary);
    --hovertip-border-color: var(--UI-deep-blue);

    --tag-background-color-hover: var(--UI-deep-blue);

    --page-options-background-color-hover: var(--UI-deep-blue);
    --page-options-more-background-color: var(--UI-dark-color-primary), 0.05;
    --page-options-more-background-color-hover: var(--UI-deep-blue);
    --page-options-delete-background-color: var(--UI-dark-color-primary);
    --page-options-delete-color-hover: var(--text-dark-color);

    --bg_color1: var(--UI-deep-blue);
    --bg_color2: var(--UI-deep-blue);
    --bg_color3: var(--general-background-color);
    --text_color1: var(--text-light-color);
    --text_color2: var(--UI-dark-color-primary);
    --shadow_color: var(--UI-dark-color-primary), 0.05;

    --footnotelock-background-color: var(--general-background-color);
    --footnotelock-title-background-color: var(--UI-deep-blue);
    --footnotelock-title-color: var(--general-background-color);

    --license-area-background-color: unset;
    --license-area-color: var(--text-dark-color);

    --list-pages-color: var(--UI-dark-color-primary);

    --heading-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 12 12'%3E%3Cpath d='M1 6a5 5 0 0 0 5-5 5 5 0 0 0 5 5 5 5 0 0 0-5 5 5 5 0 0 0-5-5z' style='fill:none;stroke:%23000;stroke-width:.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-dasharray:none'/%3E%3C/svg%3E");
    --hr-icon-mask: var(--heading-mask);
    --hr-icon-size: 1.5rem;
}

/* Main Content设置 */

#main-content {
    margin-top: calc(var(--main-content-top-margin) + var(--topbar-height));
}

/* Page Content设置 */

#page-content {
    box-sizing: border-box;
    font-size: calc(var(--page-content-font-size) * 1.2);
    min-height: 50rem;
}

#page-content:not(:has(a.\-override-warning))::before {
    content: "请使用 [[include :scp-wiki-cn:theme:wish-for-miracle]] 引用此版式。";
    color: rgb(var(--UI-deep-blue)) !important;
    border-color: rgb(var(--UI-deep-blue)) !important;
}

/* Header设置 */

#header {
    grid-template-areas:
        '… search user'
        '. . h-link . .'
        '. . top-bar . .';
    grid-template-columns: var(--header-button-width) var(--header-button-width) 1fr var(--header-button-width) var(--header-button-width);
    grid-template-rows: var(--header-button-height) calc(var(--header-height) - var(--header-button-height)) var(--topbar-height);
    background-image:
        url("https://uploadfile.wikidot.com/local--files/theme%3Awish-for-miracle/5.png"),
        url("https://uploadfile.wikidot.com/local--files/theme%3Awish-for-miracle/4.png"),
        url("https://uploadfile.wikidot.com/local--files/theme%3Awish-for-miracle/3.png"),
        url("https://uploadfile.wikidot.com/local--files/theme%3Awish-for-miracle/2.png"),
        url("https://uploadfile.wikidot.com/local--files/theme%3Awish-for-miracle/1.png");
    background-position-x: left, right, right, 30%, center;
    background-position-y: bottom;
    background-size: auto 100%, auto 100%, auto 100%, auto 100%, cover;
    background-repeat: no-repeat;
}

/* 版头大标题设置 */

#header h1 {
    justify-content: end;
    align-items: center;
    transform: translateY(calc(-1 * var(--header-button-height) / 4));
}

#header h1 a {
    mask-image: var(--header-logo);
    -webkit-mask-image: var(--header-logo);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center 45%;
    -webkit-mask-position: center 45%;
    display: block;
    background-color: rgb(var(--UI-deep-blue));
    background-image: none;
    width: calc(100vw / 3);
    aspect-ratio: 50 / 13;
    height: auto;
}

#account-options>ul>li>a {
    font-weight: 700;
}

/* 顶栏设置 */

#top-bar div[class*="top-bar"]>ul {
    font-size: 1em;
    box-sizing: border-box;
    border-block: 0.05rem rgb(var(--UI-deep-blue)) solid;
}

#top-bar div[class*="top-bar"]>ul>li {
    flex-basis: unset;
    flex-grow: 1;
    flex-shrink: 1;
}

#header h1 a::before,
#header h1 a span {
    display: none;
}

#top-bar {
    display: flex;
    justify-content: center;
}

#top-bar div[class*="top-bar"]>ul {
    max-width: 60rem;
}

#top-bar div[class*="top-bar"] ul li ul li a {
    justify-content: center;
    inset 0 0.05rem 0 rgb(var(--UI-deep-blue))
}

/* 表格设置 */

table.wiki-content-table td,
table.wiki-content-table th {
    border: 1px solid rgb(var(--UI-deep-blue));
}

/* Tab设置 */

div.yui-navset>ul.yui-nav::after {
    display: none;
}

div.yui-navset>ul.yui-nav li::before {
    background-color: var(--tab-nav-background-color);
}

div.yui-navset>ul.yui-nav li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.2rem;
    width: 100%;
    background-color: rgb(var(--UI-deep-blue));
    transform: scaleX(0);
    transform-origin: left center; /* 从左向右展开 */
    transition: transform 125ms ease-out;
    will-change: transform;
}

div.yui-navset>ul.yui-nav li:hover::after,
div.yui-navset>ul.yui-nav li.active::after {
  transform: scaleX(1);
}

div.yui-navset>div.yui-content {
    background-color: rgb(var(--tab-content-background-color));
    border: none;
}

/* 标题字体设置 */

#page-title, div.meta-title {
    color: rgb(var(--UI-deep-blue));
    font-weight: bold;
    font-family: var(--header-font);
    border-color: currentColor;
    border-bottom: 1px solid currentColor;
    margin-bottom: 0.625rem;
    font-size: 300%;
}

h1,h2,h3,h4,h5,h6 {
    color: rgb(var(--UI-deep-blue));
    font-weight: bold;
    font-family: var(--header-font);
}

:is(.footnotes-footer, .bibitems) .title {
    font-family: var(--header-font);
    font-size: 1.5em;
}

.yui-navset .yui-nav {
    border-bottom: solid 0.125rem rgb(var(--UI-deep-blue));
    font-family: var(--header-font);
}

:is(#side-bar, #interwiki) .heading {
    font-family: var(--header-font);
    border-bottom: solid 0.05rem currentColor;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0.25rem;
    text-align: center;
    font-size: 0.875em;
    font-weight: normal;
}

/* Code设置 */

.hl-code, .hl-identifier, .hl-brackets {
    color: rgb(var(--UI-dark-color-primary));
}

.hl-number {
    color: rgb(var(--UI-orange));
}

.hl-special, .hl-string {
    color: rgb(var(--UI-grapefruit));
}

/* Blockquote设置 */

div.code, div.blockquote, blockquote {
    background-color: rgb(var(--blockquote-background-color));
    border: none;
}

/* Image-block设置 */

div.scp-image-block {
    max-width: 100%;
    height: auto;
}

div.scp-image-block img {
    max-width: 100%;
    height: auto;
    display: block; 
}

div.scp-image-block .scp-image-caption {
  max-width: 100%;  
  box-sizing: border-box;
  display: block;
  font-size: 0.875em;
  padding: 0.5ch 1em;
  text-align: center;
}

/* Credit设置 */

html body #u-credit-otherwise .credit-back { 
  filter: invert(1) brightness(10000) saturate(0); 
}

/* Listpage设置 */

.list-pages-box span[style] {
    color: rgb(var(--list-pages-color)) !important;
}

/* 列表设置 */

li:not(:first-child) {
    margin-top:0.75em;
}

/* User页面设置 */

div.owindow div.button-bar>a:not([onclick*="cleanAll"]):is(:hover,:focus),
div.owindow div[style*="margin-top"] a:is(:hover,:focus) {
    color: rgb(var(--UI-light-color-primary));
    background-color: rgb(var(--UI-deep-blue));
    border-color: rgb(var(--UI-deep-blue));
}

/* Edit设置 */

#edit-page-form :is(#edit-page-textarea, #np-text):focus-visible {
    outline: 0;
    border-color: rgb(var(--UI-deep-blue));
}

/* 分割线设置 */

hr {
    margin: 1rem 0;
    background: transparent;
    height: var(--hr-icon-size);
    display: grid;
    place-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

hr::before, hr::after {
    content: "";
    display: grid;
    grid-column: 1/2;
    grid-row: 1/2;
    background-color: rgb(var(--UI-deep-blue));
}

hr::before {
    height: 0.1rem;
    width: 100%;
    -webkit-mask-image: linear-gradient(90deg, black calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% + var(--hr-icon-size)/2 + 0.125rem), black calc(50% + var(--hr-icon-size)/2 + 0.125rem));
    mask-image: linear-gradient(90deg, black calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% + var(--hr-icon-size)/2 + 0.125rem), black calc(50% + var(--hr-icon-size)/2 + 0.125rem));
}

hr::after {
    width: var(--hr-icon-size);
    height: var(--hr-icon-size);
    -webkit-mask-image: var(--hr-icon-mask);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-image: var(--hr-icon-mask);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
}

/* 特色blockquote设置 */

div.star {
    position: relative;
    border: 2px solid rgba(var(--UI-deep-blue));
    background-color: rgb(var(--UI-light-color-primary));
    padding: 1rem;
    margin: 3rem 0 1rem 0;
    box-shadow: none;
}

div.star::after {
    content: "";
    display: block;
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    width: 3rem;
    height: 3rem;
    background-image: var(--corner-image);
    background-color: rgb(var(--UI-light-color-primary));
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1;
}

div.star::before {
    content: attr(data-title);
    display: block;
    background-color: rgb(var(--body-light-background-color));
    color: rgba(var(--UI-deep-blue));
    padding: 0.25rem 0.5rem;
    font-size: 1.5rem;
    font-family: var(--header-font);
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    inset-inline-start: 1.5rem;
    inset-block-end: 100%;
    transform: translateY(50%);
}

div.star:not([data-title]) {
    padding-block: 0.125em;
}

div.star:not([data-title])::before {
    display: none;
}

#page-content .star {
    --corner-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjIyIDU2MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjIyIDU2MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2Rpc3BsYXk6bm9uZTt9DQoJLnN0MXtkaXNwbGF5OmlubGluZTtmaWxsOiM5OTk5OTk7fQ0KCS5zdDJ7ZmlsbDojRkZGREQwO30NCjwvc3R5bGU+DQo8ZyBpZD0i5Zu+5bGCXzFfMV8iIGNsYXNzPSJzdDAiPg0KPC9nPg0KPGcgaWQ9IuWbvuWxgl8yXzFfIiBjbGFzcz0ic3QwIj4NCjwvZz4NCjxnIGlkPSLlm77lsYJfNCIgY2xhc3M9InN0MCI+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTQ5Ny42LDAuMUgxMjQuNHY2Mi4ySDB2NjIuMmMwLDg5LjQzNiw2Mi45NTYsMTY0LjA5MiwxNDYuOTQ1LDE4Mi4yODENCgkJYzI2Ljg2NSw0OS40MzEsNzUuNDg2LDg1LjE2MSwxMzIuOTU1LDk0LjgxOXY0OS40NTFoLTQ2LjY1djQ2LjY1SDE4Ni42djYyLjJoMjQ4Ljh2LTYyLjJoLTQ2LjY1di00Ni42NUgzNDIuMVY0MDEuNg0KCQljNTcuNDY5LTkuNjU4LDEwNi4wOS00NS4zODgsMTMyLjk1OC05NC44MTlDNTU5LjA0NCwyODguNTkyLDYyMiwyMTMuOTM2LDYyMiwxMjQuNVY2Mi4zSDQ5Ny42VjAuMXogTTEyNC40LDIzMi4wNjgNCgkJYy0zNy4xMi0yMS41NS02Mi4yLTYxLjY0My02Mi4yLTEwNy41NjhoNjIuMlYyMzIuMDY4eiBNNTU5LjgsMTI0LjVjMCw0NS45MjQtMjUuMDgsODYuMDE4LTYyLjIsMTA3LjU2OFYxMjQuNUg1NTkuOHoiLz4NCjwvZz4NCjxnIGlkPSLlm77lsYJfNSIgY2xhc3M9InN0MCI+DQo8L2c+DQo8ZyBpZD0i5Zu+5bGCXzYiIGNsYXNzPSJzdDAiPg0KPC9nPg0KPGcgaWQ9IuWbvuWxgl8zIj4NCjwvZz4NCjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zMTEuNSw1MTkuOTY5Yy0wLjAwMSwwLDAsMC0wLjAwMSwwYy0xMC43NTUtMC4wMDEtMjAuMDA4LTYuNTUzLTIzLjU3Mi0xNi42OTENCgljLTAuNDQtMS4yNTMtMC43MTItMi41NTgtMC44MDktMy44ODFjLTEuNzIxLTIzLjUzOS0xMS4xMy04My42OTUtNjEuMjI0LTEzMy43OWMtNTAuMDk1LTUwLjA5NS0xMTAuMjUxLTU5LjUwNC0xMzMuNzktNjEuMjI0DQoJYy0xLjMyNC0wLjA5Ny0yLjYzLTAuMzY5LTMuODgyLTAuODFjLTEwLjEzOS0zLjU2NC0xNi42OS0xMi44MTgtMTYuNjktMjMuNTc1YzAtMTAuNzU1LDYuNTUyLTIwLjAwOCwxNi42OTEtMjMuNTcyDQoJYzEuMjUyLTAuNDQsMi41NTgtMC43MTIsMy44ODEtMC44MDljMjMuNTM4LTEuNzIsODMuNjkzLTExLjEyOCwxMzMuNzktNjEuMjI0YzUwLjA5NC01MC4wOTQsNTkuNTAzLTExMC4yNTEsNjEuMjI0LTEzMy43OQ0KCWMwLjA5Ny0xLjMyNCwwLjM2OS0yLjYyOSwwLjgwOS0zLjg4MWMzLjU2NC0xMC4xMzksMTIuODE3LTE2LjY5LDIzLjU3Mi0xNi42OTFjMTAuNzU2LDAsMjAuMDEsNi41NTEsMjMuNTc1LDE2LjY5DQoJYzAuNDQsMS4yNTIsMC43MTMsMi41NTgsMC44MSwzLjg4M2MxLjcyLDIzLjUzOCwxMS4xMjgsODMuNjk0LDYxLjIyNCwxMzMuNzg5YzUwLjA5Niw1MC4wOTYsMTEwLjI1MSw1OS41MDQsMTMzLjc4OSw2MS4yMjQNCgljMS4zMjQsMC4wOTcsMi42MjksMC4zNjksMy44ODIsMC44MDljMTAuMTM5LDMuNTY0LDE2LjY5LDEyLjgxNywxNi42OTEsMjMuNTcyYzAsMTAuNzU2LTYuNTUxLDIwLjAxLTE2LjY5LDIzLjU3NQ0KCWMtMS4yNTMsMC40NC0yLjU1OSwwLjcxMy0zLjg4MywwLjgxYy0yMy41MzgsMS43Mi04My42OTMsMTEuMTI4LTEzMy43ODksNjEuMjI0cy01OS41MDQsMTEwLjI1MS02MS4yMjQsMTMzLjc4OQ0KCWMtMC4wOTcsMS4zMjQtMC4zNjksMi42My0wLjgxLDMuODgzQzMzMS41MDksNTEzLjQxNywzMjIuMjU1LDUxOS45NjksMzExLjUsNTE5Ljk2OXogTTMyMC45MjMsNDk4LjMwM2gwLjAxSDMyMC45MjN6IE0xMzAuMDA1LDI4MA0KCWMzMi44ODcsNy42NDIsNzcuNzE4LDI1LjAxLDExNy4xMDIsNjQuMzk0YzM5LjM4NiwzOS4zODcsNTYuNzUzLDg0LjIxNSw2NC4zOTQsMTE3LjEwM2M3LjY0LTMyLjg4NywyNS4wMDYtNzcuNzE1LDY0LjM5NC0xMTcuMTAzDQoJYzM5LjM4NC0zOS4zODUsODQuMjE1LTU2Ljc1MiwxMTcuMTAyLTY0LjM5NGMtMzIuODg3LTcuNjQxLTc3LjcxOC0yNS4wMDktMTE3LjEwMi02NC4zOTQNCgljLTM5LjM4OC0zOS4zODctNTYuNzU0LTg0LjIxNS02NC4zOTQtMTE3LjEwM2MtNy42NDEsMzIuODg4LTI1LjAwNyw3Ny43MTYtNjQuMzk0LDExNy4xMDMNCglDMjA3LjcyMiwyNTQuOTkxLDE2Mi44OTEsMjcyLjM1OSwxMzAuMDA1LDI4MHoiLz4NCjwvc3ZnPg0K");
}

/* 杂七杂八的底部选项展开设置 */

#main-content div.page-tags {
    padding: 2rem 0 0 0;
}

#page-options-bottom {
    margin-block: 0.4rem 0;
}

#history-form-1>table.form>tbody>tr:first-child>td:first-child,
#history-form-1>table.form>tbody>tr:first-child::before,
#main-content div.pager .pager-no {
    background-color: rgb(var(--UI-deep-blue));
}

#main-content div.pager>span.current {
    background-color: rgb(var(--UI-deep-blue));
    color: rgb(var(--UI-light-color-primary));
}

#main-content div.pager>span.target>a {
    color: rgb(var(--UI-deep-blue));
}

#main-content div.pager span>a::before {
    background-color: rgb(var(--UI-deep-blue));
}

#main-content div.pager span>a:is(:hover, :focus) {
    color: rgb(var(--UI-light-color-primary));
}

#revision-list table.page-history tr[id*=revision-row]::before,
#revision-list table.page-history tr[id*=revision-row] td:first-child::before,
#site-changes-list div.changes-list-item>table>tbody>tr>td.flags>.spantip::before {
    background-color: rgb(var(--UI-deep-blue));
}

#h-perpage {
    appearance: auto;
    color: rgb(var(--text-dark-color));
    background-color: rgb(var(--general-background-color));
    padding: 0.25ch 0.325ch;
    border: solid 0.125em rgb(var(--UI-deep-blue), 0.15);
    box-sizing: border-box;
    outline: solid 0 rgb(var(--UI-deep-red));
    transition: outline-width 125ms linear;
}

#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2)::before,
#history-form-1>table.form>tbody>tr:nth-child(2)>td:first-child::before,
#revision-list table.page-history tr[id*=revision-row] td:nth-child(3)>span::before {
    background: rgb(var(--UI-deep-blue));
}

table.page-files .highlight {
    background-color: rgb(var(--general-background-color));
}

input[type=text], textarea {
    background-color: rgb(var(--general-background-color));
    outline: solid 0 rgb(var(--UI-deep-blue));
}

#action-area div[style="text-align: center"] + p,
#action-area div[style="margin-top:1em; text-align: center; font-size: 120%;"] {
    justify-content: center;
}

#file-upload-form table.form tr:first-child:is(:hover,:focus-within) td:first-child {
    color: rgb(var(--UI-deep-blue));
}

#file-upload-form table.form tr:first-child:is(:hover,:focus-within) input#upload-userfile {
    box-shadow: 0 0 0 .175rem rgb(var(--UI-light-color-primary))
}

#file-action-area input.text {
    background-color: rgb(var(--general-background-color));
    color: rgb(var(--UI-dark-color-primary));
}

input#upload-userfile::file-selector-button {
    padding: .5ch;
    margin: 0 .125em;
    margin-inline-end:.55em;
    font-family: var(--UI-font-primary);
    color: rgb(var(--UI-light-color-primary));
    background-color: rgb(var(--UI-deep-blue));
    font-weight: bold;
}

#file-upload-form table.form tr:first-child:is(:hover,:focus-within) input#upload-userfile::file-selector-button {
    color: rgb(var(--UI-deep-blue)) !important;
    background-color: rgb(var(--UI-red));
    border-color: rgb(var(--UI-red)) !important;
}

#file-comments  {
    min-width: 100%;
    max-width: 100%;
    min-height: 4.875em;
    border: 0;
    padding: 0.25rem 0;
}

form[id] div.wd-editor-toolbar-panel ul li ul {
    border-inline-start: solid calc(var(--edit-area-toolbar-icon-size) / 8) rgb(var(--UI-deep-red));
    background-color: rgb(var(--edit-area-toolbar-background-color));
}

/* 侧边栏设置 */

:is(#side-bar, #interwiki) div.side-block div.heading,
#side-bar div.side-block div[class*="collapsible-block-"]>a.collapsible-block-link {
    font-size: var(--sidebar-font-size);
}

:is(#side-bar, #interwiki) div.side-block div.heading {
    background-color: rgb(var(--general-background-color));
    color: rgb(var(--sidebar-head-color));
}

:is(#side-bar, #interwiki) div.side-block.newcomer div.heading {
    background-color: rgb(var(--UI-deep-red), 0.8);
    color: rgb(var(--UI-deep-blue));
}

:is(#side-bar, #interwiki) div.side-block.newcomer div.menu-item {
    background-color: rgb(var(--UI-red), 0.7);
    color: rgb(var(--UI-deep-blue));
    font-size: calc(var(--sidebar-font-size) * 0.9);
}

:is(#side-bar, #interwiki) div.side-block.newcomer div.menu-item>a:is(:hover, :focus) {
    color: rgb(var(--UI-deep-blue));
}

/* 展开时模糊 */

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.25);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 250ms ease-out 125ms, visibility 250ms ease-out 125ms;
    z-index: 9;
    pointer-events: none;
}

body:has(#side-bar:is(:hover, :focus-within))::before {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* save设置 */

#odialog-container div.owindow.owait div.content::after {
    border-color: rgb(var(--UI-deep-blue));
}

/* 移动端设置 */

@media (max-width: 64rem) {
    #main-content { 
        z-index: 0;
        margin-top: 0;
    }

    #content-wrap::before {
        content: "";
        position: sticky;
        top: 0;
        display: block;
        height: calc(var(--header-button-height) + 0.5rem);
        background: linear-gradient(
            to bottom,
            rgba(var(--UI-light-color-primary), 1) 0%,
            rgba(var(--UI-light-color-primary), 1) 80%,
            rgba(var(--UI-light-color-primary), 0.25) 92%,
            rgba(var(--UI-light-color-primary), 0) 100%);
        z-index: 5;
    }

    #side-bar {
        z-index: 10;
    }

    #header {
        grid-template-areas:
            '… search user'
            'h-link h-link h-link h-link h-link'
            'top-bar top-bar top-bar top-bar top-bar';

        grid-template-rows: var(--header-button-height) 1fr var(--topbar-height);
    }

    #header::before {
        content: "";
        position: absolute;
        inset: 0; 
        background-color: rgba(255, 255, 255, 0.01); 
        backdrop-filter: blur(6px); 
        -webkit-backdrop-filter: blur(6px); 
        z-index: 0;
        pointer-events: none;
    }

    #header {
        position: relative;
        z-index: 6; 
    }

    #header h1 {
        grid-area: h-link;
        justify-self: center;
        align-self: center;  
    }

    #header h1 a {
        display: block;
        width: 80vw;              
        aspect-ratio: 50 / 13;   
    }

}

@media (max-width: 48rem) {
    #header::before {
        content: "";
        position: absolute;
        inset: 0; 
        background-color: rgba(255, 255, 255, 0.01); 
        backdrop-filter: blur(6px); 
        -webkit-backdrop-filter: blur(6px); 
        z-index: 0;
        pointer-events: none;
    }

    #header {
        position: relative;
        z-index: 6; 
    }

    #header h1 {
        grid-area: h-link;
        justify-self: center;
        align-self: center;  
    }

    #header h1 a {
        display: block;
        width: 80vw;              
        aspect-ratio: 50 / 13;   
    }
}