@supports(display: grid) {
    :root {
        /* ===S-CSS-P INTEGRATION=== */
        /* If you're making a new CSS theme, please include the following three variables at minimum. */
        --theme-base: "black-highlighter";
        /* must be either "black-highlighter" or "sigma9" */
        --theme-id: "black-rain";
        /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
        --theme-name: "Black Rain Theme";
        /* set this to your theme's full name */

        /* ===HEADER ELEMENTS=== */
        --logo-image: none;
        --header-title: "黑 王";
        --header-subtitle: "神拘黑白 王宴绯青";

        /* ===STANDARD THEME COLORS=== */
        --bright-accent: 192, 5, 4;
        --medium-accent: 144, 46, 47;
        --dark-accent: 57, 10, 22;

        /* ===HEADER GRADIENT=== */
        --gradient-header: linear-gradient(to top, rgb(var(--black-monochrome)), rgb(var(--black-monochrome)));

        /* ===TOPBAR GRADIENT=== */
        --swatch-topmenu-bg-color: var(--swatch-menubg-dark-color);

        /* ===UI BUTTONS=== */
        --ui-button-hover-bg: var(--swatch-primary-darkest);
        --ui-button-hover-outline: var(--swatch-primary-darkest);

        /* ===RATING MODULE=== */
        --rating-module-text-color: var(--swatch-text-secondary-color);
    }

    :root:lang(cn) {
        /* ===HEADER ELEMENTS=== */
        --header-title: "黑 王";
        --header-subtitle: "神拘黑白 王宴绯青";
    }

    /* ===BUTTONS=== */

    *:not(.page-rate-widget-box):not(#search-top-box-form) > .owindow .button-bar a,
    *:not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input,
    *:not(.page-rate-widget-box):not(#search-top-box-form) > input.button,
    *:not(.page-rate-widget-box):not(#search-top-box-form) > button,
    *:not(.page-rate-widget-box):not(#search-top-box-form) > .button,
    *:not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input,
    *:not(.page-rate-widget-box):not(#search-top-box-form) > input.button,
    *:not(.page-rate-widget-box):not(#search-top-box-form) > button,
    *:not(.page-rate-widget-box):not(#search-top-box-form) > .btn {
        border-color: rgb(var(--swatch-menubg-black-color),0.05);
    }

    /* ===HEADER ELEMENTS=== */

    div#container {
        background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22375%22 height=%22120%22%3E%3Cstyle%3E.c0%7Banimation:rain var(--d) linear infinite%7D.c1%7Bfill:rgba(252,252,252,.35)%7D%40keyframes rain%7B0%25%7Btransform:translateY(0)%7Dto%7Btransform:translateY(100%25)%7D%7D%3C/style%3E%3Cg%3E%3Cg class=%22c0%22 style=%22--d:400ms%22%3E%3Cpath class=%22c1%22 d=%22M246.6 85.3h.2v13.2h-.2zM246.6-34.7h.2v13.2h-.2z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:377ms%22%3E%3Cpath class=%22c1%22 d=%22M265.6 2.8h.2v7.5h-.2zM265.6-117.2h.2v7.5h-.2z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:278ms%22%3E%3Cpath class=%22c1%22 d=%22M229.6-3.3h.5v18h-.5zM229.6-123.3h.5v18h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:228ms%22%3E%3Cpath class=%22c1%22 d=%22M141.6 24.2h.2v8.3h-.2zM141.6-95.8h.2v8.3h-.2z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:204ms%22%3E%3Cpath class=%22c1%22 d=%22M289.7 125.7h.7V138h-.7zM289.7 5.7h.7V18h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:205ms%22%3E%3Cpath class=%22c1%22 d=%22M257.7 97.2h.7v33.1h-.7zM257.7-22.8h.7v33.1h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:335ms%22%3E%3Cpath class=%22c1%22 d=%22M314.9 71.9h.5v5.7h-.5zM314.9-48.1h.5v5.7h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:341ms%22%3E%3Cpath class=%22c1%22 d=%22M368.9 21.5h.7v18.7h-.7zM368.9-98.5h.7v18.7h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:393ms%22%3E%3Cpath class=%22c1%22 d=%22M282 112h.7v39.8h-.7zM282-8h.7v39.8h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:233ms%22%3E%3Cpath class=%22c1%22 d=%22M61 96.7h.5v6.2H61zM61-23.3h.5v6.2H61z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:270ms%22%3E%3Cpath class=%22c1%22 d=%22M255.1 58.6h.2v23.5h-.2zM255.1-61.4h.2v23.5h-.2z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:383ms%22%3E%3Cpath class=%22c1%22 d=%22M367.1 3.7h.7v14.6h-.7zM367.1-116.3h.7v14.6h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:254ms%22%3E%3Cpath class=%22c1%22 d=%22M87.8 23.9h.3V33h-.3zM87.8-96.1h.3v9.1h-.3z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:260ms%22%3E%3Cpath class=%22c1%22 d=%22M128.3 46.2h.9V73h-.9zM128.3-73.8h.9V-47h-.9z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:243ms%22%3E%3Cpath class=%22c1%22 d=%22M176.5 125.4h.4v10.7h-.4zM176.5 5.4h.4v10.7h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:348ms%22%3E%3Cpath class=%22c1%22 d=%22M286.9 78.9h1.1v32.8h-1.1zM286.9-41.1h1.1v32.8h-1.1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:274ms%22%3E%3Cpath class=%22c1%22 d=%22M43.4 19.3h.7v8.2h-.7zM43.4-100.7h.7v8.2h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:279ms%22%3E%3Cpath class=%22c1%22 d=%22M271.1 82.6h1v12.9h-1zM271.1-37.4h1v12.9h-1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:377ms%22%3E%3Cpath class=%22c1%22 d=%22M44.8 72h.3v6.4h-.3zM44.8-48h.3v6.4h-.3z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:355ms%22%3E%3Cpath class=%22c1%22 d=%22M39 102.5h.4v36H39zM39-17.5h.4v36H39z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:237ms%22%3E%3Cpath class=%22c1%22 d=%22M350.7 14.3h.5v33.4h-.5zM350.7-105.7h.5v33.4h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:321ms%22%3E%3Cpath class=%22c1%22 d=%22M153.9 69.1h.8v34.5h-.8zM153.9-50.9h.8v34.5h-.8z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:286ms%22%3E%3Cpath class=%22c1%22 d=%22M323.9 85.9h.8v29.9h-.8zM323.9-34.1h.8v29.9h-.8z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:361ms%22%3E%3Cpath class=%22c1%22 d=%22M57.3 117.9h.6v20.3h-.6zM57.3-2.1h.6v20.3h-.6z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:343ms%22%3E%3Cpath class=%22c1%22 d=%22M171.2 85.4h.7v9.8h-.7zM171.2-34.6h.7v9.8h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:264ms%22%3E%3Cpath class=%22c1%22 d=%22M26.7 4.5h.4V19h-.4zM26.7-115.5h.4v14.5h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:204ms%22%3E%3Cpath class=%22c1%22 d=%22M366.4 59h1v34.5h-1zM366.4-61h1v34.5h-1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:291ms%22%3E%3Cpath class=%22c1%22 d=%22M58.9 98.3h.4v15h-.4zM58.9-21.7h.4v15h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:308ms%22%3E%3Cpath class=%22c1%22 d=%22M140.8 40h1v24.5h-1zM140.8-80h1v24.5h-1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:223ms%22%3E%3Cpath class=%22c1%22 d=%22M181.1 2.3h.4v25.9h-.4zM181.1-117.7h.4v25.9h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:391ms%22%3E%3Cpath class=%22c1%22 d=%22M76.5-2.5h.7v20.8h-.7zM76.5-122.5h.7v20.8h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:254ms%22%3E%3Cpath class=%22c1%22 d=%22M34.9 27.3h.9v34.1h-.9zM34.9-92.7h.9v34.1h-.9z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:319ms%22%3E%3Cpath class=%22c1%22 d=%22M190.8 29.1h1.1v13.8h-1.1zM190.8-90.9h1.1v13.8h-1.1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:292ms%22%3E%3Cpath class=%22c1%22 d=%22M55.5 69.4h.5v10h-.5zM55.5-50.6h.5v10h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:320ms%22%3E%3Cpath class=%22c1%22 d=%22M6 32.8h.5v32H6zM6-87.2h.5v32H6z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:308ms%22%3E%3Cpath class=%22c1%22 d=%22M133.3 75.6h.7v9.8h-.7zM133.3-44.4h.7v9.8h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:296ms%22%3E%3Cpath class=%22c1%22 d=%22M93.3 37.9h.5v33.4h-.5zM93.3-82.1h.5v33.4h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:398ms%22%3E%3Cpath class=%22c1%22 d=%22M315.9 106h.4v35.5h-.4zM315.9-14h.4v35.5h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:265ms%22%3E%3Cpath class=%22c1%22 d=%22M58.3 39.6h.8v12.9h-.8zM58.3-80.4h.8v12.9h-.8z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:341ms%22%3E%3Cpath class=%22c1%22 d=%22M203 81h.3v13.3h-.3zM203-39h.3v13.3h-.3z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:294ms%22%3E%3Cpath class=%22c1%22 d=%22M341.8.2h.6v24.3h-.6zM341.8-119.8h.6v24.3h-.6z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:252ms%22%3E%3Cpath class=%22c1%22 d=%22M163.1 107.7h.2v35.8h-.2zM163.1-12.3h.2v35.8h-.2z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:274ms%22%3E%3Cpath class=%22c1%22 d=%22M153.4 41.9h.4v37.7h-.4zM153.4-78.1h.4v37.7h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:329ms%22%3E%3Cpath class=%22c1%22 d=%22M15.5 74.5h.4v15.6h-.4zM15.5-45.5h.4v15.6h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:369ms%22%3E%3Cpath class=%22c1%22 d=%22M86.5 90.9h1.1v31.6h-1.1zM86.5-29.1h1.1V2.5h-1.1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:246ms%22%3E%3Cpath class=%22c1%22 d=%22M283 62.7h.5v33.9h-.5zM283-57.3h.5v33.9h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:342ms%22%3E%3Cpath class=%22c1%22 d=%22M246.9 48.1h.8v15.1h-.8zM246.9-71.9h.8v15.1h-.8z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:259ms%22%3E%3Cpath class=%22c1%22 d=%22M319.7 56.2h1v38.7h-1zM319.7-63.8h1v38.7h-1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:248ms%22%3E%3Cpath class=%22c1%22 d=%22M251.5 13.9h.4v24.9h-.4zM251.5-106.1h.4v24.9h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:238ms%22%3E%3Cpath class=%22c1%22 d=%22M7.4 102.1h1.1v14.3H7.4zM7.4-17.9h1.1v14.3H7.4z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-size: 23.4375rem var(--header-height-on-desktop);
        background-repeat: repeat-x;
        background-position: 0 0;
    }

    #header {
        /* ===HEADER TITLES=== */
        --swatch-headerh1-color: var(--swatch-text-dark);
        --swatch-headerh2-color: var(--dark-gray-monochrome);

        /* ===SEARCH ELEMENT=== */
        --search-icon-focus-bg-color: var(--swatch-menubg-medium-color);
        --search-focus-outline-color: var(--swatch-menubg-medium-color);

        /* ===LOGIN BOX ELEMENT=== */
        --login-dropdown-bg-hover-color: var(--swatch-menubg-medium-dark-color);
    }

    #header h1,
    #header h2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        overflow: hidden;
    }

    #header h1 a,
    #header h2 span {
        margin-left: 0;
    }

    #header h1 a::before,
    #header h2 span::before {
        white-space: nowrap;
    }

    #header h1 a {
        margin-top: -webkit-calc(((var(--header-height-on-desktop) / 2)) - 1.75rem);
        margin-top: -moz-calc(((var(--header-height-on-desktop) / 2)) - 1.75rem);
        margin-top: calc(((var(--header-height-on-desktop) / 2)) - 1.75rem);
        z-index: auto;
    }

    #header h1 a::before {
        --text-shadow: var(--very-light-gray-monochrome);
        font-size: 5rem;
        text-shadow:
            0 0 0.3125rem rgba(var(--text-shadow), 0),
            0 0 0.625rem rgba(var(--text-shadow), 0.35),
            0 0 0.9375rem rgba(var(--text-shadow), 0),
            0 0 2.5rem rgba(var(--text-shadow), 0.35),
            0 0 5rem rgba(var(--text-shadow), 0);
        word-spacing: 0.25em;
        -webkit-transition: color 500ms, text-shadow 500ms;
        -moz-transition: color 500ms, text-shadow 500ms;
        -o-transition: color 500ms, text-shadow 500ms;
        transition: color 500ms, text-shadow 500ms;
    }

    #header h1 a:hover::before {
        color: rgb(var(--swatch-primary));
        text-shadow:
            0 0 0.3125rem rgba(var(--black-monochrome), 1),
            0 0 0.625rem rgba(var(--black-monochrome), 1),
            0 0 0.9375rem rgba(var(--text-shadow), 0.35),
            0 0 2.5rem rgba(var(--text-shadow), 0.35),
            0 0 5rem rgba(var(--text-shadow), 0.35);
    }

    #header h2 span {
        margin-top: -webkit-calc(((var(--header-height-on-desktop) / 2) + 1.25rem));
        margin-top: -moz-calc(((var(--header-height-on-desktop) / 2) + 1.25rem));
        margin-top: calc(((var(--header-height-on-desktop) / 2) + 1.25rem));
    }

    #header h2 span::before {
        --wght: 600;
        --text-shadow: var(--very-light-gray-monochrome);
        display: block;
        font-size: 1.5rem;
        font-weight: var(--wght);
        text-align: center;
        text-shadow:
            0 0 0.125rem rgba(var(--text-shadow), 0.35),
            0 0 0.25rem rgba(var(--text-shadow), 0.35);
    }

    /* ===TOPBAR ELEMENTS=== */

    #top-bar {
        /* ===TOPBAR CATEGORIES=== */
        --topmenu-hover-border-color: var(--swatch-primary-darkest);

        /* ===DROPDOWN MENU=== */
        --dropdown-links-hover-bg-color: var(--swatch-menubg-black-color);
    }

    #header div[class*="top-bar"] > ul > li:hover,
    #header div[class*="top-bar"] > ul > li:active,
    #header div[class*="top-bar"] > ul > li:focus-within {
        background-color: rgba(var(--swatch-menubg-black-color), 0.75);
    }

    #header div[class*="top-bar"] > ul > li > ul li:hover,
    #header div[class*="top-bar"] > ul > li > ul li:active,
    #header div[class*="top-bar"] > ul > li > ul li:focus-within {
        background-color: rgba(var(--dropdown-links-hover-bg-color), 0.05);
    }

    /* ===SIDE-BAR ELEMENTS=== */

    #side-bar {
        /* ===SOCIAL MEDIA ICONS=== */
        --social-icon-hover-color: var(--swatch-menubg-medium-dark-color);

        /* ===SIDEBLOCK MENU=== */
        --sideblock-heading-border-color: var(--medium-accent);

        /* ===MENU-ITEMS=== */
        --sidebar-border-color: var(--very-light-gray-monochrome), 0.08;
        --sidebar-links-hover-bg-color: var(--swatch-menubg-medium-dark-color);

        /* ===SIDEBAR COLLAPSIBLES=== */
        --sidebar-collapsible-link-hover-bg: var(--swatch-primary-darkest);
    }

    #side-bar .side-block {
        --swatch-primary-darker: var(--gray-monochrome);
        --swatch-primary-darkest: var(--black-monochrome);
    }

    #side-bar .side-block[style*="background-color"] {
        background-color: rgba(var(--swatch-menubg-black-color), 0.15) !important;
    }

    /* ===FOOTER=== */

    #footer {
        --footer-bg-color: var(--swatch-menubg-black-color);
    }

    /* ===MAIN CONTENT UI ELEMENTS=== */

    #main-content {
        /* ===PAGE OPTIONS ICONS=== */
        --ui-icon-bg: var(--swatch-menubg-black-color);
        --ui-icon-hover-bg: var(--swatch-primary-darkest);

        /* ===TEXT EDITOR ICONS=== */
        --editor-icon-hover-bg: var(--swatch-primary-darkest);

        /* ===TABS=== */
        --tabs-hover-bg: var(--swatch-menubg-medium-dark-color);
        --tabs-selected-bg: var(--swatch-menubg-black-color);
        --tabs-selected-outline: var(--swatch-menubg-black-color);
        --tabs-bottom-border-color: var(--swatch-menubg-medium-color);

        /* ===TABLES=== */
        --tables-header-bg: var(--swatch-menubg-dark-color);

        /* ===FOOTNOTES/BIBLIOGRAPHY FOOTER=== */
        --footnotes-footer-colorbar-color: var(--swatch-menubg-black-color);
        --footnotes-footer-title-bg-color: var(--swatch-menubg-black-color);

        /* ===TOC=== */
        --toc-header-bg-color: var(--swatch-menubg-dark-color);

        /* ===PAGE TAGS=== */
        --pagetags-title-bg: var(--swatch-menubg-black-color);
    }

    /* ===RATING MODULE=== */

    .page-rate-widget-box,
    #page-content .rate-box-with-credit-button {
        background-image: -webkit-linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-accent)) 100%);
        background-image: -moz-linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-accent)) 100%);
        background-image: linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-accent)) 100%);
        background-color: rgb(var(--black-monochrome));
        border-bottom-width: 0.0625rem;
        border-color: rgba(var(--light-gray-monochrome), 0.15);
        box-shadow: none;
    }

    #page-content .rate-box-with-credit-button > .creditButton > p > a::after {
        background-color: rgba(52, 152, 219, 1);
    }

    /* ===Ayers' Info Bar=== */

    .info-container {
        --barColour: rgb(var(--black-monochrome));
    }
}

:root {
    --very-light-gray-monochrome: 215, 215, 215;
    --gray-monochrome: 66, 66, 72;
    --bright-accent: 192, 5, 4;
    --medium-accent: 144, 46, 47;
    --dark-accent: 57, 10, 22;
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
}
.side-block {
    --sideblock-heading-border-color: var(--medium-accent);
    --sidebar-border-color: var(--very-light-gray-monochrome), 0.08;
    --sidebar-links-hover-bg-color: var(--swatch-menubg-medium-dark-color);
}