/*
* 版式名-Theme Name：紫晶 V2
* 设计者-Theme Designer：G2Lighter
* 主题版本-Theme Version: v0.5.5 STABLE
* https://g2lighter.wikidot.com/theme:amethyst-v2
* https://scp-wiki-cn.wikidot.com/theme:amethyst-v2
*/
 
/* ---开始--- */
 
/* 基础变量 全局设定 */
 
:root {
    --version: "v0.5.5 STABLE";
    --theme-color: #9575ff;
    --accent-color: #2d2d2df0;
    --background-color: #1f1e1e;
    --text-color: #e5e5e5;
    --highlight-color: #fefefe;
    --visited-color: #8a6ff5;
    --shadow-color: #000;
    --unexist-color: #999;
    /* 兼容变量 */
    --reverse-text-color: var(--highlight-color);
    --special-text-color: var(--highlight-color);
    --dark-theme-color: var(--light-theme-color);
    --header-color: var(--accent-color);
    --light-theme-color: #41317e;
    --dim-text-color: #999;
    /* ---- */
    --border: #565656;
    --green: #44ae44;
    --error-color: #b33939;
    --header-height: 50px;
    --sidebar-width: 17em;
    --footer-height: var(--header-height);
    --scroll-width: .3em;
    --scroll-height: .5em;
    --basic-border: 1px solid var(--border);
    --title: "SCP基金会";
    --subtitle: "控制，收容，保护";
    --logo: url(https://bhl.scpwikicn.com/img/logo.svg);
    --search: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAgNUM3LjIzODU4IDUgNSA3LjIzODU4IDUgMTBDNSAxMi43NjE0IDcuMjM4NTggMTUgMTAgMTVDMTEuMzgxIDE1IDEyLjYyOTYgMTQuNDQxNSAxMy41MzU1IDEzLjUzNTVDMTQuNDQxNSAxMi42Mjk2IDE1IDExLjM4MSAxNSAxMEMxNSA3LjIzODU4IDEyLjc2MTQgNSAxMCA1Wk0zIDEwQzMgNi4xMzQwMSA2LjEzNDAxIDMgMTAgM0MxMy44NjYgMyAxNyA2LjEzNDAxIDE3IDEwQzE3IDExLjU3MTkgMTYuNDgxIDEzLjAyMzkgMTUuNjA2MyAxNC4xOTIxTDIwLjcwNzEgMTkuMjkyOUMyMS4wOTc2IDE5LjY4MzQgMjEuMDk3NiAyMC4zMTY2IDIwLjcwNzEgMjAuNzA3MUMyMC4zMTY2IDIxLjA5NzYgMTkuNjgzNCAyMS4wOTc2IDE5LjI5MjkgMjAuNzA3MUwxNC4xOTIxIDE1LjYwNjNDMTMuMDIzOSAxNi40ODEgMTEuNTcxOSAxNyAxMCAxN0M2LjEzNDAxIDE3IDMgMTMuODY2IDMgMTBaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==);
    --sidebar: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTIwIDlMNCA5IiBzdHJva2U9IiMxQzI3NEMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSAxNUg0IiBzdHJva2U9IiMxQzI3NEMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==);--login: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0idHJ1ZSIgaGVpZ2h0PSJ0cnVlIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZmlsbD0ibm9uZSIgY2xhc3M9ImgtZnVsbCB3LWZ1bGwiIGlkPSJpY29uV2l0aEJhY2tncm91bmQiPjxyZWN0IGlkPSJyNCIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHg9IjAiIHk9IjAiIHJ4PSI4MCIgZmlsbD0iI2ZmZmZmZjAwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlLW9wYWNpdHk9IjEwMCUiIHBhaW50LW9yZGVyPSJzdHJva2UiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50LWljb25XaXRoQmFja2dyb3VuZCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJyb3RhdGUoMCkiIHN0eWxlPSJ0cmFuc2Zvcm0tb3JpZ2luOmNlbnRlciBjZW50ZXIiPjxzdG9wIHN0b3AtY29sb3I9IiM4MDgwODAwMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzgwODA4MDAwIi8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9ImdsYXJlIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDI1Nikgcm90YXRlKDkwKSBzY2FsZSg1MTIpIj48c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJjbGlwIj48dXNlIHhsaW5rOmhyZWY9IiNyNCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzQwIiBoZWlnaHQ9IjM0MCIgdmlld0JveD0iMCAwIDE0IDE0IiB4PSI4NiIgeT0iODYiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSI3IiBjeT0iMy43NSIgcj0iMy4yNSIvPjxwYXRoIGQ9Ik0xMy4xOCAxMy41YTYuNDkgNi40OSAwIDAgMC0xMi4zNiAwWiIvPjwvZz48L3N2Zz48L3N2Zz4=);
    color: var(--text-color);
    background-color: var(--background-color);
}
 
/* 前置 */
body {
    margin: 0px;
    padding: 0px;
    font-family: verdana, arial, helvetica, sans-serif; /* general font settings */
    font-size: .82em;
}
 
/* HEADINGS */
 
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 .2em;
}
 
h1 {
    font-size: 190%;
}
h2 {
    font-size: 150%;
}
h3 {
    font-size: 130%;
}
h4 {
    font-size: 120%;
}
h5 {
    font-size: 100%;
}
h6 {
    font-size: 90%;
}
 
#main-content h1::before,
#main-content h2::before,
#main-content h3::before,
#main-content h4::before,
#main-content h5::before,
#main-content h6::before,
.footnotes-footer .title::before {
    content: "";
    color: transparent;
    height: 100%;
    left: -0.2em;
    top: .1em;
    display: block;
    background-color: var(--theme-color);
    -webkit-transform: matrix(1, .2, 0, 1, 0, 0);
        -ms-transform: matrix(1, .2, 0, 1, 0, 0);
            transform: matrix(1, .2, 0, 1, 0, 0);
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(red), to(transparent));
    -webkit-mask-image: linear-gradient(red, transparent);
            mask-image: -webkit-gradient(linear, left top, left bottom, from(red), to(transparent));
            mask-image: linear-gradient(red, transparent);
    position: absolute;
    width: .3em;
}
 
#main-content *[id*="toc"]:target::before {
    -webkit-transform: matrix(4, .5, 0, 1, 0, 0);
        -ms-transform: matrix(4, .5, 0, 1, 0, 0);
            transform: matrix(4, .5, 0, 1, 0, 0);
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000e), to(transparent));
    -webkit-mask-image: linear-gradient(90deg, #000e, transparent);
            mask-image: -webkit-gradient(linear, left top, right top, from(#000e), to(transparent));
            mask-image: linear-gradient(90deg, #000e, transparent);
}
 
#action-area h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
 
#action-area h1::after {
    content: '';
    background: var(--dim-text-color);
    height: 1px;
    width: 100%;
    margin: 0 .2em;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
 
blockquote,
.blockquote {
    padding: 0 1em;
    margin: 1em 40px;
}
 
table {
    empty-cells: show;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    border-spacing: 0;
}
td {
    text-align: left;
}
 
h1 a,
.pager a:hover {
    text-decoration: none;
}
 
body.wait,
body.wait * {
    cursor: wait;
}
 
form {
    margin: 0;
    padding: 0;
}
 
a.newpage {
    color: #933;
}
 
/*
* LAYOUT
*/
 
#container-wrap-wrap {
    position: relative;
}
 
#page-content {
    min-height: 70vh;
}
 
#container {
    margin: 0;
    padding: 0;
}
 
/* header */
 
#header {
    position: relative;
    z-index: 30;
    height: 7em;
}
 
#header h1 {
    margin: 0;
    padding: 0;
}
#header h2 {
    margin: 0;
    padding: 0;
}
 
#content-wrap {
    padding: 0;
    margin: 0;
}
 
/* fixes the peekaboo bug in most of the themes (ie6, ie7)*/
#content-wrap {
    _height: 1%;
    min-height: calc(100dvh - 2 * var(--header-height));
}
 
/* side-bar */
 
#side-bar {
    float: left;
    width: 14em;
    padding: 1em;
    margin: 0 0 1em 0;
    clear: left;
}
 
#side-bar ul {
    padding: 0 0 0 2em;
    margin: .5em 0;
}
 
#page-title {
    margin: 0 0 .5em 0;
    padding-top: .5em; /* Firefox bug? */
    padding: .5em 0 0 .5em;
    font-size: 200%;
    font-weight: bold;
    border-bottom: 1px solid #666;
    position: relative;
}
 
#page-title::before {
    content: ">";
    position: absolute;
    left: -0.5em;
    color: var(--theme-color);
    text-shadow: 1px 1px 10px transparent;
    -webkit-transition: .1s;
    transition: .1s;
}
 
#page-title:hover::before {
    color: var(--highlight-color);
    text-shadow: 1px 1px 10px var(--theme-color);
}
 
#breadcrumbs {
    margin-top: -0.5em;
}
 
#main-content {
    margin-left: 17em;
    padding: 0 1em;
}
 
/* replaces in-line style of the element */
#page-info-break {
    clear: both;
    height: 1px;
    font-size: 1px;
}
 
#page-info {
    clear: both;
    text-align: right;
    font-size: 87%;
    margin: 2px 2px;
}
 
.page-tags {
    clear: both;
    text-align: left;
    margin: 10px 0 0 0;
    padding: 0 2px;
}
.page-tags a {
    margin: 0 3px;
}
 
.page-tags span {
    padding-top: 2px;
    border-top: 0;
    font-size: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
 
/* footer */
 
#footer {
    margin-top: 5px;
    padding: 0 1em;
    background: var(--header-color);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: var(
    --header-height);
    clear: both;
    overflow: hidden;
}
 
#footer .options {
    float: right;
    font-size: 90%;
    padding: 1px 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0 0 0 auto;
}
 
#footer p {
    margin: .2em 0;
    padding: 0;
}
 
#license-area {
    padding: .5em 0;
    color: var(--dim-text-color);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
 
/*
* NAVIGATION ELEMENTS
*/
 
/* top-bar elements */
 
#search-top-box {
    position: absolute;
    right: 1em;
    top: 3em;
    z-index: 10;
}
 
#search-top-box input.empty {
    color: #aaa;
}
 
#login-status {
    position: absolute;
    right: 10px;
    top: 10px;
    overflow: visible;
    z-index: 25;
}
 
@-webkit-keyframes blinker {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
 
#login-status > a > strong {
    /* Firefox/Opera */
    text-decoration: blink;
    /* WebKit */
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-duration: 1s;
}
 
#account-options {
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 15em;
    right: 0;
    padding: 0;
    z-index: 40;
}
 
#account-options ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
#account-options li {
    display: block;
    margin: 0;
    padding: 0;
}
#account-options li a {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 2px 5px;
    z-index: 40;
}
 
#account-options li a:hover {
    color: black;
}
#account-topbutton {
    font-size: 80%;
    font-weight: bold;
    padding: 0 5px;
    border: var(--basic-border);
    margin-left: 5px;
    text-decoration: none;
    background-color: #fff;
}
 
/* top-bar menu (inside #header) */
 
#top-bar {
    position: absolute;
    right: 1em;
    bottom: 0px;
    z-index: 0;
}
 
#top-bar ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
#top-bar li {
    list-style: none;
    float: left;
    margin: 0 5px;
    padding: 0;
}
#top-bar li ul {
    padding: 0;
    margin: 0;
    width: 12em;
    border: unset;
}
 
#top-bar li ul li {
    padding: 0;
    margin: 0;
    display: block;
    float: none;
}
 
#top-bar li a {
    text-align: center;
    display: block;
    margin: 0;
    padding: 1px 1em;
    text-decoration: none;
}
#top-bar a:hover {
    background-color: #fff;
    text-decoration: underline;
}
 
#top-bar li ul li a {
    width: 10em;
    text-align: left;
    border: none;
}
#top-bar li ul li a:hover {
}
 
#top-bar li ul {
    position: absolute;
    visibility: hidden;
}
 
#top-bar li:hover ul,
#top-bar li.sfhover ul {
    visibility: visible;
}
 
/* side-bar */
 
/*
* INTERFACE ELEMENTS
*/
 
.edit-section-button {
    margin-top: .7em;
    margin-right: .5em;
    padding: 0 .5em;
    float: right;
    background-color: #fff;
}
 
#edit-section-content {
    border: 1px solid #66a;
    padding: 0 1em;
}
 
.page-options-bottom {
    margin: 4px 0;
    text-align: right;
    height: 1%; /* for shitty IE opacity */
    line-height: 150%;
}
 
.page-watch-options {
    font-size: 95%;
    text-align: right;
}
 
.page-watch-options a {
    text-decoration: none;
}
 
.page-watch-options a:hover {
    text-decoration: underline;
}
 
.change-textarea-size {
    float: right;
    text-align: right;
    padding-right: 0;
    padding-left: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    -webkit-transition: .2s;
    transition: .2s;
}
.change-textarea-size a {
    font-size: 120%;
    text-decoration: none;
    width: 5em;
    text-align: center;
}
 
div:has(textarea[style*="height"])+.change-textarea-size {
    opacity: 0;
    pointer-events: none;
}
 
.edit-help-34 {
    margin-top: 2px;
}
 
.preview-message, #page-version-info {
    position: fixed;
    right: 2em;
    top: calc(var(--header-height) * 2.2);
    border: var(--basic-border);
    padding: .5em 1em;
    background-color: var(--accent-color);
    max-width: 20em;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 2;
    box-shadow: 0 1px 3px 1px var(--shadow-color);
}
 
#lock-info {
    background-color: var(--accent-color);
    border: var(--basic-border);
    padding: .5em 1em;
    margin: 1em 0;
}
 
#action-area {
    width: 100%;
    padding: 0 0 1em 0;
}
 
/* FUNCTIONAL ELEMENTS */
 
.odate {
    display: none;
}
 
.wiki-email {
    visibility: hidden;
}
 
/*
* WIKI-SPECIFIC ELEMENTS
*/
 
table.wiki-content-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: .5em auto;
}
table.wiki-content-table td {
    border: 1px solid #888;
    padding: .3em .7em;
}
table.wiki-content-table th {
    border: 1px solid #888;
    color: var(--highlight-color);
    padding: .3em .7em;
    background-color: var(--accent-color);
}
 
#toc {
    margin: 1em auto 1em 0;
    padding: 0em .5em;
    border: 1px dashed gray;
    background-color: #f7f7f7;
    display: table;
}
 
#toc .title {
    font-weight: bold;
    margin: .2em 0;
    padding: 0 2em;
    text-align: center;
}
 
#toc #toc-action-bar {
    padding: 2px;
}
 
#toc-list {
    margin: .5em 0;
}
#toc.floatright {
    float: right;
    margin: 1em;
}
#toc.floatleft {
    float: left;
    margin: 1em;
}
 
tt {
    font-family: "Andale Mono", "Courier New", Courier, monospace;
    font-size: 98%;
}
 
pre {
    font-family: "Andale Mono", "Courier New", Courier, monospace;
}
 
.code {
    border: 1px dashed #ddd;
    background-color: #f7f7f7;
    font-family: "Andale Mono", "Courier New", Courier, monospace;
    padding: 0 1em;
    margin: .4em 0;
    overflow: auto;
    --brackets-color: #b691ea;
    --special: #5252ff;
}
 
code {
    font-family: "Andale Mono", "Courier New", Courier, monospace;
}
 
.math-equation {
    text-align: center;
    padding: .5em 0;
    height: 1%; /* for IE to blink ;-) */
    display: none;
}
.equation-number {
    float: right;
    margin-top: 1em;
    font-size: 110%;
}
.math-inline {
    display: none;
}
 
#MathJax_Message {
    display: none !important;
}
 
.math-inline span.merror {
    color: red !important;
}
 
a.inline-math-error {
    padding: 0 .5em;
    font-weight: bold;
}
 
a.math-equation-error {
    padding: 0 2em;
    font-weight: bold;
}
 
div.wiki-note {
    width: auto;
    margin: .5em 5em;
    border: solid;
    text-align: center;
}
 
.footnote .f-heading,
.equation .e-heading,
.reference .r-heading {
    font-weight: bold;
}
.footnote .f-content,
.reference .r-content {
    margin: .5em 0;
}
.footnote .f-footer,
.equation .e-footer,
.reference .r-footer {
    font-size: 90%;
}
 
.footnotes-footer {
    margin: 0;
    padding: .5em 0;
    height: 1%;
}
 
.footnotes-footer .title {
    margin: .5em 0;
    font-size: 130%;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 .2em;
}
 
a.footnoteref {
    display: inline-block;
}
 
.bibitems {
    margin: 0;
    padding: .5em 0;
}
.bibitems .title {
    margin: .5em 0;
    font-size: 130%;
    font-weight: bold;
}
 
.bibitem {
    height: 1%; /* for IE to blink ;-) */
}
 
a.bibcite {
    display: inline-block;
}
 
.image-container {
    padding: 1em;
}
 
.image-container.aligncenter {
    text-align: center;
}
 
.image-container.alignright {
    padding-right: 0;
    text-align: right;
}
.image-container.alignleft {
    padding-left: 0;
    text-align: left;
}
.image-container.floatright {
    padding-right: 0;
    float: right;
}
.image-container.floatleft {
    padding-left: 0;
    float: left;
}
 
.gallery-box {
    overflow: hidden;
    width: 98%;
}
 
.gallery-item {
    float: left;
    margin: 5px;
    border: 1px solid #bbb;
}
.gallery-item table {
    width: 100%;
    height: 100%;
}
 
.gallery-item td, #edit-meta-addbutton {
    text-align: center;
}
 
.gallery-item.square {
    width: 85px;
    height: 85px;
}
 
.gallery-item.thumbnail {
    width: 120px;
    height: 120px;
}
 
.gallery-item.small {
    width: 280px;
    height: 280px;
}
 
.gallery-item.medium {
    width: 550px;
    height: 550px;
}
 
.gallery-item.thumbnail td {
}
 
.gallery-box .gallery-item table,
.gallery-box .gallery-item .td {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
 
.new-page-box {
    text-align: center;
    margin: 1em 0;
}
 
/* history elements */
 
#revision-list .pager {
    margin: 1em 0;
    text-align: center;
}
 
table.page-history td.optionstd a {
    border: var(--basic-border);
    padding: 0 3px;
    text-decoration: none;
    color: var(--dim-text-color);
    -webkit-transition: .1s;
    transition: .1s;
}
 
table.page-history td.optionstd a:hover {
    border-color: var(--theme-color);
    background: var(--theme-color);
    color: var(--highlight-color);
}
 
.diff-table {
    width: 97%;
}
.diff-table td.from,
.diff-table td.to {
    width: 45%;
    border: 1px dashed #bbb;
    vertical-align: top;
    padding: 1em;
}
 
.diff-table td.action {
    padding: .5em;
    width: 10%;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}
 
.inline-diff ins {
    color: var(--highlight-color);
    background-color: var(--green);
    white-space: pre-wrap;
    text-decoration: none;
}
.inline-diff del {
    color: var(--highlight-color);
    background-color: var(--error-color);
    white-space: pre-wrap;
}
table.page-compare {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em auto;
}
table.page-compare td, table.page-compare th, #action-area .diff-box td {
    padding: .2em 1em;
    border: 1px solid #ccc;
}
 
.page-source {
    border: 1px dashed #aaa;
    padding: 1em 2em;
}
 
.page-source pre {
    white-space: wrap;
}
 
.wiki-parse-error {
    color: red;
    padding: .2em 0;
}
 
.spantip {
    cursor: help;
    text-decoration: none;
}
 
.pager, .changes-list .pager {
    margin: 2em 0 .5em;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border: solid var(--theme-color);
    border-width: .2em 0 0 .2rem;
}
 
.pager-no {
    padding: .2em 1em;
    position: absolute;
    bottom: 100%;
    left: -0.2rem;
    font-weight: bold;
    background: var(--theme-color);
}
 
.pager * {
    display: flex;
    align-items: center;
    height: 100%;
}
 
.pager .dots {
    padding: 0 7px;
    margin: 0 3px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    pointer-events: none;
}
 
.pager a {
    padding: .3em 1em;
    margin: 0;
    border: none;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    isolation: isolate;
}
 
.pager a:hover {
    color: var(--highlight-color);
}
 
.pager .current {
    padding: .3em 1em;
    margin: 0;
    font-weight: bold;
    background-color: var(--accent-color);
    color: var(--highlight-color);
    border: none;
    height: auto;
}
 
.pager .target {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
}
 
/* page files & files upload */
 
table.page-files {
    margin: 1em 0;
    display: block;
    width: 100%;
}
 
.page-files * {
    text-align: center;
}
 
.page-files thead, .page-files tbody {
    display: contents;
}
 
.page-files tr {
    display: -ms-grid;
    display: grid;
    grid:
        'a b c d'max-content
        'e e e e'max-content / 1fr 20% min(5rem, 13%) min(10rem, 17%);
    gap: 0 .2em;
}
 
table.page-files td {
    padding: 2px 5px;
}
 
table.page-files td:last-child {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
 
table.page-files td:last-child * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 max-content;
            flex: 1 0 max-content;
    margin: 0;
}
 
table.page-files .highlight {
    background-color: unset;
    position: relative;
}
 
table.page-files .options {
    grid-area: e;
    position: static;
}
 
/* print user */
 
.printuser a {
    margin-right: -1px;
}
 
.printuser img.small {
    vertical-align: -0.3em;
    margin: 0 .2em;
    width: 25px;
    height: 16px;
    z-index: 0;
    padding: 0 0 0 9px;
    background-repeat: no-repeat;
    background-position: center left;
}
 
.printuser.anonymous img.small {
    padding: 1px;
}
 
a.avatar-hover,
a.avatar-hover:hover {
    background: none;
    padding: 8px;
    text-decoration: none;
    font-size: 130%;
    color: black;
    font-weight: bold;
}
 
a.avatar-hover img {
    vertical-align: middle;
}
 
a.avatar-hover div {
    position: relative;
}
 
a.avatar-hover div div {
    position: absolute;
    left: 48px;
    top: 0;
    height: 48px;
    right: 0px;
    width: 100%;
    background-color: white;
    opacity: .9;
    filter: alpha(opacity=90);
}
 
a.avatar-hover div span {
    padding: .5em 1em;
    margin: 0 1em;
    background-color: white;
    opacity: .9;
    filter: alpha(opacity=90);
    z-index: 30;
}
 
.printuser a:hover img.large {
    display: block;
}
 
.printuser .ip {
    font-size: 90%;
}
 
#avatar-hover-container {
    display: none;
}
 
a[rel*="no"] img {
    background: url(https://www.wikidot.com/common--images/avatars/default/a16.png) no-repeat center;
}
 
/* inline widgets */
 
.wait-block {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-image: none;
}
 
.error-inline {
    color: red;
    border: 1px solid red;
}
 
.error-block {
    color: #d50000;
    padding: 1em;
    margin: 1em;
    border: 1px solid red;
}
 
.error-block .title {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: .5em;
}
 
.warning-block {
    color: #444;
    padding: 1em;
    margin: 1em;
    border: 2px solid yellow;
}
 
.warning-block .title {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: .5em;
}
 
.help-block {
    border: 1px solid #afa;
    color: #030;
    padding: 1em;
    margin: 1em;
}
 
.wait-icon {
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: none;
}
 
.wait-progress {
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: none;
}
 
/* FORMS */
 
table.form {
    margin: 0 !important;
    width: 100%;
}
 
table.form.alignleft {
    margin: 0 auto 0 0;
}
 
table.form td,
table.form th {
    vertical-align: middle;
    padding: .2em 1em;
}
 
table.form > tr > td:first-child {
    text-align: right;
}
 
table.form.grid {
    border-collapse: collapse;
    border-spacing: 0;
}
table.form.grid td,
table.form.grid th {
    border: var(--basic-border);
    padding: .5em 1em;
}
 
table.form td div.sub,
form div.sub {
    font-size: 90%;
    color: var(--dim-text-color);
}
 
table.form tr.invalid-value-row td {
    background-color: #fdff95;
}
 
table.form div.field-error-message {
    display: none;
    color: #d00;
}
table.form tr.invalid-value-row div.field-error-message {
    display: none;
    color: #d00;
}
 
table.form tr.invalid-value-row td div.field-error-message {
    display: block;
}
 
hr {
    margin: 1em 2em;
    padding: 0;
    height: 1px;
    border: none;
    color: #ddd;
    background-color: var(--theme-color);
}
 
* html hr {
    margin: 2px 2em;
}
 
/* from elements */
 
input {
    font-size: 100%; /* ie6 sucks so much... */
}
 
div.buttons {
    text-align: center;
    padding: 1em 0;
}
 
div.buttons.alignleft {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .2em;
    width: 100%;
}
 
div.buttons input,
input.button,
button,
file,
a.button {
    margin: 0 2px;
    padding: 0px .5em;
    text-decoration: none;
    background-color: #f4f4f4;
    border: var(--basic-border);
    color: #000;
}
div.buttons input:hover,
input.button:hover,
button:hover,
a.button:hover {
    background-color: #ddd;
    color: #000;
}
 
input.button.disabled,
div.buttons input.disabled {
    background-color: #f7f7f7;
    color: #bbb;
}
input.button.disabled:hover,
div.buttons input.disabled:hover {
    background-color: #f7f7f7;
    color: #bbb;
}
 
input.checkbox {
    background-color: var(--accent-color);
    color: #000;
}
 
input.text {
    border: var(--basic-border);
    margin: 0 1px;
    padding: 1px 2px;
    background-color: #fff;
    color: #000;
}
 
input.text.invalid {
    border-color: red;
}
 
textarea {
    font-family: verdana, arial, helvetica, sans-serif;
    padding: 2px;
    font-size: 100%;
    border: var(--basic-border);
    background-color: #fff;
    color: #000;
}
 
div.note {
    font-size: 90%;
    margin: 1em;
    padding: 0 1em;
    border: var(--basic-border);
    background-color: #f4f4f4;
}
 
div.note-block {
    padding: 0 1em;
    margin: .5em 0;
    border: var(--basic-border);
}
 
/* a few usefull elements */
 
div.sites-list {
}
 
div.site-list-item {
    margin: .5em 0;
    padding: .3em;
}
 
div.site-list-item:hover {
    background-color: #f6f6f6;
}
 
div.site-list-item .name {
    font-size: 120%;
    font-weight: bold;
}
div.site-list-item .subtitle {
}
div.site-list-item .description {
    font-style: italic;
    padding-left: 2em;
}
 
div.site-list-item .options {
    float: right;
    margin-right: 100px;
}
 
.search-highlight {
    background-color: yellow;
}
 
.self-ads {
    width: 700px;
    margin: 1em auto;
    padding: 10px 10px;
    border: 1px solid #888;
}
.self-ads .title {
    font-size: 1.5em;
    padding-bottom: 5px;
}
.self-ads .image {
    float: right;
    padding-left: 1em;
}
 
div.wd-adunit {
    text-align: center;
    margin: 20px auto;
}
 
div.wd-adunit-side_slide {
    position: fixed;
    right: 10px;
    width: 160px;
    z-index: 990;
}
 
div.wd-adunit-mobile_anchor {
    position: fixed;
    left: 0;
    width: 320px;
    height: 60px;
    bottom: 0;
    z-index: 990;
    -webkit-transform-origin: 0 60px 0;
        -ms-transform-origin: 0 60px 0;
            transform-origin: 0 60px 0;
    margin: 0;
    padding: 0;
    background-color: #000;
}
 
div.bsa_linkbox {
    margin: 0 auto;
}
 
iframe[id^="revmob-ad-"] {
    position: fixed !important;
    max-width: 100% !important;
    min-width: 100% !important;
}
 
#house-ad-1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
    color: #222;
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}
 
#house-ad-1 .close {
    float: right;
    font-size: 16px;
    padding: 5px;
    display: block;
    color: #fff;
    background: #ccc;
    border-radius: 5px;
    text-decoration: none;
}
 
#house-ad-1 .close:hover {
    text-decoration: none;
    background: #555;
}
 
#house-ad-1 p {
    font-size: 16px;
    padding: 0;
    margin: 5px;
    font-weight: 200;
}
 
#house-ad-1 .button-wrap {
    padding: 20px 0px 15px 0px;
}
 
#house-ad-1 .button-wrap a {
    font-size: 14px;
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
}
 
#house-ad-1 .button-wrap a:hover {
    color: #ffffff;
    background-color: #ed9c28;
    border-color: #d58512;
    text-decoration: none;
}
 
.hubzo-ad {
    text-align: center;
    font-size: 20px;
    line-height: 23px;
}
 
.hubzo-ad .link a {
    font-size: 13px;
    color: #4a4;
}
 
.hubzo-ad .network {
    font-size: 10px;
    opacity: .5;
}
 
.ext-au {
    overflow: hidden;
    max-width: 400px;
    text-align: left;
    margin: 0 auto;
    cursor: pointer;
}
 
.ext-au img.image {
    height: 68px;
    float: left;
}
 
.ext-au .title {
    margin-left: 80px;
    font-weight: bold;
    font-size: 110%;
}
.ext-au .description {
    margin-left: 80px;
    padding: 5px 0;
    opacity: .8;
}
.ext-au .link {
    margin-left: 80px;
}
 
.rss-icon {
    vertical-align: -10%;
}
 
#side-bar div.foldable-list-container ul li ul li {
    font-size: 90%;
}
 
/* hack for the login iframe */
#login-iframe {
    height: 24em;
}
 
/* OTHER WIDGETS */
 
/* tabview */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/* default space between tabs */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-navset-bottom .yui-nav li {
    margin: 0 .5em 0 0; /* horizontal tabs */
}
.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    margin: 0 0 .5em; /* vertical tabs */
}
 
/* default width for side tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav {
    width: 6em;
}
 
.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    width: auto;
}
.yui-navset .yui-navset-left,
.yui-navset-left {
    padding: 0 0 0 6em;
} /* map to nav width */
.yui-navset-right {
    padding: 0 6em 0 0;
} /* ditto */
 
.yui-navset-top,
.yui-navset-bottom {
    padding: auto;
}
/* core */
 
.yui-nav,
.yui-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.yui-navset .yui-nav li em {
    font-style: normal;
}
 
.yui-navset {
    position: relative; /* contain absolute positioned tabs (left/right) */
    zoom: 1;
}
 
.yui-navset .yui-content {
    zoom: 1;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li, /* in case nested */
.yui-navset .yui-navset-bottom .yui-nav li {
    display: inline-block;
    display: -moz-inline-stack;
    display: inline; /* IE */
    vertical-align: middle; /* safari: for overlap */
    cursor: pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom: 1; /* IE: kill space between horizontal tabs */
}
 
.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    display: block;
}
 
.yui-navset .yui-nav a {
    position: relative;
} /* IE: to allow overlap */
 
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    display: block;
    display: inline-block;
    vertical-align: bottom; /* safari: for overlap */
    text-align: center;
    width: 100%;
    zoom: 1;
}
 
.yui-navset-left .yui-nav li a,
.yui-navset-right .yui-nav li a {
    display: block;
}
 
.yui-navset-bottom .yui-nav li a {
    vertical-align: text-top; /* for inline overlap (reverse for Opera border bug) */
}
 
.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em,
.yui-navset-bottom .yui-nav li a em {
    display: block;
    word-break: break-all;
}
 
/* position left and right oriented tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav {
    position: absolute;
    z-index: 1;
}
 
.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    position: static;
}
.yui-navset .yui-navset-left .yui-nav,
.yui-navset-left .yui-nav {
    left: 0;
    right: auto;
}
 
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav {
    right: 0;
    left: auto;
}
 
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/* .yui-navset defaults to .yui-navset-top */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border: none; 
    xposition: relative;
    zoom: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    margin: 0; /* space between tabs */
    padding: 0; /* gecko: make room for overflow */
    zoom: 1;
    -webkit-box-flex: max-content;
        -ms-flex: max-content;
            flex: max-content;
    background: var(--accent-color);
    position: relative;
}
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    margin: 0; /* for overlap */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: unset; /* tab background */
    border: none;
    color: var(--text-color);
    position: relative;
    text-decoration: none;
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border: none;
    cursor: hand;
    padding: .5em .75em;
    left: 0;
    right: 0;
    bottom: 0; /* protect from other orientations */
    top: 0; /* for 1px rounded corners */
    position: relative;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover {
    background: unset;
    color: var(--highlight-color);
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: none;
    outline: 0;
}
 
.yui-navset .yui-nav .selected a em {
    padding: .5em .75em;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: var(--theme-color);
}
 
.yui-navset .yui-content {
    background: var(--background-color);
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border: 1px solid var(--accent-color);
    border-top: none;
    padding: .25em .5em;
}
 
.yui-navset-left .yui-nav,
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav {
    border-width: 0 5px 0 0;
    xposition: absolute; /* from tabview-core; have to reiterate for skin-sam due to pos:rel on skin-sam yui-nav */
    top: 0;
    bottom: 0; /* stretch to fill content height */
}
 
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav {
    border-width: 0 0 0 5px;
}
 
.yui-navset-left .yui-nav li,
.yui-navset .yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    margin: 0 0 .16em; /* space between tabs */
    padding: 0 0 0 1px; /* gecko: make room for overflow */
}
 
.yui-navset-right .yui-nav li {
    padding: 0 1px 0 0; /* gecko: make room for overflow */
}
 
.yui-navset-left .yui-nav .selected,
.yui-navset .yui-navset-left .yui-nav .selected {
    margin: 0 -1px .16em 0;
}
 
.yui-navset-right .yui-nav .selected {
    margin: 0 0 .16em -1px;
}
 
.yui-navset-left .yui-nav a,
.yui-navset-right .yui-nav a {
    border-width: 1px 0;
}
 
.yui-navset-left .yui-nav a em,
.yui-navset .yui-navset-left .yui-nav a em,
.yui-navset-right .yui-nav a em {
    border-width: 0 0 0 1px;
    padding: .2em .75em;
    top: auto;
    left: -1px; /* for 1px rounded corners */
}
 
.yui-navset-right .yui-nav a em {
    border-width: 0 1px 0 0;
    left: auto;
    right: -1px; /* for 1px rounded corners */
}
 
.yui-navset-left .yui-nav a,
.yui-navset-left .yui-nav .selected a,
.yui-navset-left .yui-nav a:hover,
.yui-navset-right .yui-nav a,
.yui-navset-right .yui-nav .selected a,
.yui-navset-right .yui-nav a:hover,
.yui-navset-bottom .yui-nav a,
.yui-navset-bottom .yui-nav .selected a,
.yui-navset-bottom .yui-nav a:hover {
    background-image: none; /* no left-right or bottom-top gradient */
}
 
.yui-navset-left .yui-content {
    border: 1px solid #808080; /* content border */
    border-left-color: #243356; /* different border color */
}
 
/* bottom orientation */
.yui-navset-bottom .yui-nav,
.yui-navset .yui-navset-bottom .yui-nav {
    border-width: 5px 0 0; /* color between tab list and content */
}
 
.yui-navset .yui-navset-bottom .yui-nav .selected,
.yui-navset-bottom .yui-nav .selected {
    margin: -1px .16em 0 0; /* for overlap */
}
 
.yui-navset .yui-navset-bottom .yui-nav li,
.yui-navset-bottom .yui-nav li {
    padding: 0 0 1px 0; /* gecko: make room for overflow */
    vertical-align: top;
}
 
.yui-navset .yui-navset-bottom .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
}
 
.yui-navset .yui-navset-bottom .yui-nav a em,
.yui-navset-bottom .yui-nav a em {
    border-width: 0 0 1px;
    top: auto;
    bottom: -1px; /* for 1px rounded corners */
}
 
.yui-navset-bottom .yui-content,
.yui-navset .yui-navset-bottom .yui-content {
    border: 1px solid #808080; /* content border */
    border-bottom-color: #243356; /* different border color */
}
 
/***** INCLUDED FILES *******/
 
/* text_highlighter.css */
.hl-default {
    color: #000;
}
.hl-code {
    color: var(--text-color);
}
.hl-brackets {
    color: var(--brackets-color);
}
.hl-comment {
    color: #494;
}
.hl-quotes {
    color: #099;
}
.hl-string {
    color: #099;
}
.hl-identifier {
    color: var(--text-color);
}
.hl-builtin {
    color: Teal;
}
.hl-reserved {
    color: #55d;
}
.hl-inlinedoc {
    color: Blue;
}
.hl-var {
    color: #494;
}
.hl-url {
    color: Blue;
}
.hl-special {
    color: var(--special);
    font-weight: bold;
}
.hl-number {
    color: Maroon;
}
.hl-inlinetags {
    color: #949;
    font-weight: bold;
}
.hl-main {
    /* background-color: White;*/
}
.hl-gutter {
    background-color: #999999;
    color: White;
}
.hl-table {
}
 
/* autocomplete.css - 父页面自动填充列 */
 
.autocomplete-container {
    position: relative;
    width: 100%;
    margin: 0;
}
.autocomplete-input {
    position: relative;
    width: 100%;
    display: block;
}
 
.autocomplete-list {
    text-align: left;
    padding: 0;
    position: absolute;
    left: 0px;
    width: 100%;
    overflow: hidden;
    z-index: 100;
}
 
.yui-ac-content {
    border: 1px solid #404040;
    background: #fff;
}
 
.autocomplete-list ul {
    margin: 0;
    width: 100%;
    padding: 0;
    list-style: none;
}
 
.autocomplete-list li {
    padding: 0 .5em;
    cursor: default;
    white-space: nowrap;
    background-color: var(--accent-color);
}
 
.autocomplete-list li.yui-ac-highlight {
    background-color: var(--light-theme-color);
    color: var(--highlight-color);
}
 
/* forum.css */
 
.forum-breadcrumbs {
    margin-top: -0.7em;
}
 
.forum-group {
    margin: .5em auto;
}
 
.forum-group div.head {
    background-color: #666;
    color: #fff;
    padding: .5em 1em;
    margin: 0;
    border: none;
}
 
.forum-group div.head .title {
    font-weight: bold;
}
 
.forum-group table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.forum-group table td {
    border: 1px solid var(--dim-text-color);
    padding: 2px 10px;
}
 
.forum-group table td.name .description {
    color: #777;
    font-size: 87%;
}
.forum-group table td.name .title {
    font-weight: bold;
}
 
.forum-group table td.last {
    width: 17em;
    font-size: 85%;
    text-align: center;
}
.forum-group table td.posts {
    width: 5em;
    text-align: center;
}
.forum-group table td.threads {
    width: 5em;
    text-align: center;
}
 
.forum-group table tr.head td {
    text-align: center;
    font-size: 85%;
    background-color: var(--accent-color);
    color: var(--highlight-color);
}
 
/* category-view */
 
.forum-category-box {
    margin: .5em 0;
}
 
.forum-category-box .description-block {
    margin: 1em 4em;
    padding: .5em;
    height: 100%;
    overflow: hidden;
}
 
.forum-category-box .description-block .statistics {
    padding: 0 .5em;
    font-size: 85%;
    color: var(--dim-text-color);
    text-align: right;
    float: right;
}
 
.forum-category-box .options {
    text-align: right;
    margin: 1em 4em;
}
 
.forum-category-box table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px auto;
    padding: 0;
}
 
.forum-category-box table td {
    border: 1px solid #ddd;
    padding: 5px 10px;
}
.forum-category-box table tr.head td {
    text-align: center;
    font-size: 90%;
    background-color: var(--accent-color);
    color: var(--highlight-color);
}
 
.forum-category-box table td.name .description {
    color: #777;
    font-size: 87%;
}
.forum-category-box table td.name .title {
    font-weight: bold;
}
 
.forum-category-box table td.last {
    width: 16em;
    font-size: 87%;
    text-align: center;
}
.forum-category-box table td.posts {
    width: 5em;
    text-align: center;
}
.forum-category-box table td.started {
    width: 17em;
    text-align: center;
    font-size: 87%;
}
 
.forum-category-box .pager {
    margin: 1em 0;
    text-align: center;
}
 
/* new thread */
 
.forum-new-thread-box .description {
    border: 1px solid #ccc;
    margin: 1em 4em;
    padding: .5em;
    background-color: #f5f5f5;
    overflow: auto;
}
 
.forum-new-thread-box .description .statistics {
    padding: 0 .5em;
    font-size: 87%;
    color: #666;
    text-align: right;
    float: right;
}
 
/* thread view */
 
.forum-thread-box {
    margin: .5em 0;
}
 
.forum-thread-box .description-block {
    border: 1px solid #ccc;
    margin: 1em 4em;
    padding: .5em;
    background-color: #f5f5f5;
    overflow: hidden;
    height: 100%;
}
 
.forum-thread-box .description-block .head {
    color: #777;
    font-size: 87%;
}
 
.forum-thread-box .description-block .statistics {
    margin: .5em 0;
    padding: 0 .5em;
    font-size: 87%;
    color: #666;
    text-align: right;
    float: right;
}
 
.forum-thread-box .options {
    text-align: center;
    margin: .2em 4em;
    --text-color: var(--theme-color);
}
 
.forum-thread-box .action-area {
    margin: 1em 4em;
    padding: .5em 1em;
    border: var(--basic-border);
}
 
.thread-container .post {
    padding: 10px 0 10px 0;
    width: 99%; /* I love you IE */
}
 
.thread-container .post .options a {
    margin: .1em 0;
    padding: .2em .5em;
    color: var(--theme-color);
}
 
.thread-container .post .head {
    padding: .2em .5em;
    background-color: #eee;
}
.thread-container .post .long .head .options {
    float: right;
    margin: 0;
    padding: 0;
}
 
.thread-container .post .long .head .title {
    font-weight: bold;
    font-size: 1.2em;
}
 
.thread-container .post .long .changes {
    font-size: 85%;
    color: #777;
    text-align: right;
    margin-bottom: 4px;
}
.thread-container .post .long .changes a {
    color: #77a;
}
 
.thread-container .post .long .revisions {
    text-align: right;
    padding: .5em;
    font-size: 90%;
}
 
.thread-container .post .long .revisions .title {
    font-weight: bold;
    font-size: 110%;
    padding-bottom: .3em;
}
 
.thread-container .post .long .revisions table {
    margin: 0 0 0 auto;
    font-size: 90%;
}
 
.thread-container .post .long .revisions table tr.active td {
    background-color: #eee;
}
 
.thread-container .post .long .options {
    text-align: right;
    margin: 0;
    padding: 0;
    height: 1%;
}
 
.thread-container .post .short {
    display: none;
    background-color: #f4f4f4;
    padding: .2em .5em;
}
 
.thread-container .post .short .options {
    color: var(--theme-color);
    float: right;
    margin: 0;
    padding: 0;
}
 
.thread-container .post .signature {
    font-size: 85%;
}
.thread-container .post .signature hr.signature-separator {
    margin: 2px auto 2px 0;
    padding: 0;
    width: 15em;
}
 
.thread-container .post.folded .long {
    display: none;
}
.thread-container .post.folded .short {
    display: block;
}
 
/* structured layout */
 
.post-container .post-container {
    margin-left: 5%;
}
 
.post-container.fordelete {
    border: none;
    padding: 0;
    outline: .2em solid var(--error-color);
    outline-offset: .2em;
}
 
div.new-post {
    text-align: left;
    margin: 20px 0;
}
div.new-post a {
    border: 1px solid #999;
    background-color: #f7f7f7;
    padding: 5px 10px;
    font-size: 100%;
    font-weight: bold;
}
 
/* recent posts */
 
.forum-recent-posts-box .pager {
    margin: 1em 0;
    text-align: center;
}
 
/* classes for mini-stats */
 
.forum-mini-stat {
    margin: .5em 0;
}
 
.forum-mini-stat .item .info {
    color: #777;
    font-size: 80%;
}
 
/* editor.css */
 
.wd-editor-toolbar-panel div {
    height: 30px;
}
 
.wd-editor-toolbar-panel a {
    margin: 0;
    border: 1px transparent;
    background-color: #fff;
}
.wd-editor-toolbar-panel a:hover {
    border-color: #333;
}
 
.wd-editor-toolbar-panel ul {
    padding: 0;
    margin: 0;
    float: left;
    list-style: none;
}
.wd-editor-toolbar-panel ul li {
    padding: 0;
    margin: 1px;
    float: left;
}
.wd-editor-toolbar-panel ul li ul {
    position: absolute;
    left: -999em;
    z-index: 30;
}
 
.wd-editor-toolbar-panel ul li ul li a {
    float: none;
}
.wd-editor-toolbar-panel ul li ul li {
    margin: 0;
}
.wd-editor-toolbar-panel ul li ul li a {
    display: block;
    float: none;
}
 
.wd-editor-toolbar-panel ul li:hover ul,
.wd-editor-toolbar-panel ul li.sfhover ul {
    left: auto;
    background-color: var(--header-color);
    border: 0;
}
 
.wd-editor-toolbar-panel li.hseparator {
    width: 2px;
    height: 28px;
    margin: 0 5px;
    background-color: #333;
}
 
.wd-editor-toolbar-panel ul li a {
    height: 22px;
    width: 22px;
    padding: 0;
    margin: 0;
    display: block;
}
 
.wd-editor-toolbar-panel ul li a span {
    display: none;
}
 
/* odialog.css */
.odialog-shader,
.odialog-shader-iframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
}
 
.odialog-shader {
    background-color: #222;
    filter: alpha(opacity=80);
    opacity: .8;
}
 
.odialog-shader-iframe {
    filter: alpha(opacity=0);
    opacity: 0;
}
 
table#odialog-box-container {
    position: absolute;
    width: 100%;
    margin: 0;
    left: 0;
}
table#odialog-box-container td {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
 
table#odialog-box-container td div {
    margin: 0 auto;
}
 
#odialog-wrapper {
    text-align: center;
}
 
#odialog-container {
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 500;
    width: 100%;
}
 
#odialog-container[style*="k"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
 
.owindow {
    background-color: var(--background-color);
    width: 50em;
    border: none;
    text-align: left;
    position: static;
    margin: auto;
    -webkit-box-shadow: 0px 2px 10px -2px var(--shadow-color);
            box-shadow: 0px 2px 10px -2px var(--shadow-color);
}
 
.owindow .close {
    float: right;
    padding: .2em .4em;
    font-size: 85%;
    cursor: pointer;
    cursor: hand;
}
 
.owindow .title {
    cursor: default;
    font-size: 120%;
    font-weight: bold;
    padding: .2rem 1rem;
    background-color: var(--accent-color);
    color: var(--highlight-color);
    border: solid var(--theme-color);
    border-width: 0 0 0 .2rem;
    height: 1%;
}
 
.owindow .title[id*="ohandle"] {
    cursor: move;
}
 
.owindow .content {
    padding: .5rem 1rem;
}
 
.owindow .button-bar {
    text-align: right;
    padding: .2em 1em;
    margin: .5em;
}
 
.owindow .button-bar input {
    padding: 0 .5em;
}
 
.owindow .button-bar a {
    margin: .2rem .2rem;
    padding: .1em 1em;
    text-decoration: none;
    background-color: unset;
    border: unset;
}
.owindow .button-bar a:hover {
    background-color: #ddd;
}
 
/** different boxes/dialogs **/
 
.owindow.owait {
    width: auto;
    text-align: center;
}
.owindow.owait .content {
    margin: 10px;
    padding: 0 50px 20px 50px;
    background: none;
}
 
.owindow.owait .content::before,
.owindow.owait .content::after {
    content: "";
    display: block;
    position: relative;
    margin: auto;
    background: var(--theme-color);
    border-radius: .25em;
    -webkit-animation: l1 3s infinite;
            animation: l1 3s infinite;
    -webkit-box-shadow: 0px 1px 10px -2px var(--shadow-color);
            box-shadow: 0px 1px 10px -2px var(--shadow-color);
    height: .3em;
    top: 2.3em;
    opacity: 0;
    rotate: 10deg;
}
 
.owindow.owait .content::after {
    -webkit-animation: 3s l2 .8s infinite;
            animation: 3s l2 .8s infinite;
    top: 1.4em;
    rotate: -10deg;
}
 
.content img {
    background-color: unset !important;
}
 
@-webkit-keyframes l1 {
    0% {
        width: .5em;
        right: 2em;
        opacity: 0;
        rotate: -10deg;
    }
    40% {
        width: 3em;
        opacity: 1;
        rotate: 0deg;
    }
    80% {
        width: .5em;
        right: -1.5em;
        opacity: 0;
        rotate: 10deg;
    }
}
 
@keyframes l1 {
    0% {
        width: .5em;
        right: 2em;
        opacity: 0;
        rotate: -10deg;
    }
    40% {
        width: 3em;
        opacity: 1;
        rotate: 0deg;
    }
    80% {
        width: .5em;
        right: -1.5em;
        opacity: 0;
        rotate: 10deg;
    }
}
 
@-webkit-keyframes l2 {
    0% {
        width: .5em;
        left: 2em;
        opacity: 0;
    }
    20% {
        width: .5em;
        left: 2em;
        opacity: 0;
        rotate: -10deg;
    }
    60% {
        width: 3em;
        opacity: 1;
        rotate: 0deg;
    }
    100% {
        width: .5em;
        left: -1.5em;
        opacity: 0;
        rotate: 10deg;
    }
}
 
@keyframes l2 {
    0% {
        width: .5em;
        left: 2em;
        opacity: 0;
    }
    20% {
        width: .5em;
        left: 2em;
        opacity: 0;
        rotate: -10deg;
    }
    60% {
        width: 3em;
        opacity: 1;
        rotate: 0deg;
    }
    100% {
        width: .5em;
        left: -1.5em;
        opacity: 0;
        rotate: 10deg;
    }
}
 
.owindow.osuccess {
    width: auto;
    text-align: center;
}
 
.owindow.osuccess .content {
    margin: 10px;
    padding: 0 50px;
}
 
.box444 {
    background-color: white;
    width: 40%;
    top: 10px;
    left: 10px;
}
 
.box444 .button-bar {
    background-color: #ddd;
    text-align: right;
    padding: .3em 1em;
}
 
.hovertip {
    display: none; /* hide by default */
    width: 20em; /* default */
    border: 2px solid #888;
    background-color: #f3f3f3;
    z-index: 100;
}
 
.hovertip .title {
    font-weight: bold;
    padding: .2em .5em;
    font-size: 110%;
}
 
.hovertip .content {
    padding: .2em .5em;
}
 
/* JQUERY LIGHTBOX */
 
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
 
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
 
#jquery-lightbox a img {
    border: none;
}
 
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
 
#lightbox-container-image {
    padding: 10px;
}
 
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
 
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
 
#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}
 
#lightbox-nav a {
    outline: none;
}
 
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
 
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
 
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
 
#lightbox-container-image-data-box {
    font:
        10px Verdana,
        Helvetica,
        sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
 
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
 
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}
 
#lightbox-image-details-caption {
    font-weight: bold;
}
 
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1em;
}
 
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: .7em;
}
 
/* Navi bar */
 
#navi-bar-shadow {
    height: 25px;
    /* only ie6: */
    _display: none;
}
 
#navi-bar {
    font-size: 12px;
    font-family: verdana, arial, helvetica;
    height: 24px;
    background-color: #ccc;
    background-image: none;
    background-position: bottom;
    border-bottom: 1px solid #444;
    color: #000;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
    overflow: hidden;
}
 
#navi-bar a {
    color: #119;
    background: transparent;
    padding: 0;
    margin: 0;
    text-decoration: none;
}
 
#navi-bar a:hover {
    background-color: transparent;
    text-decoration: none;
}
 
#navi-bar a.logo {
    position: absolute;
    left: 13px;
    top: 2px;
    width: 71px;
    height: 20px;
    background-image: none;
    filter: none;
    z-index: 999;
}
 
#navi-bar a.logo span {
    display: none;
}
 
#navi-bar .new-site {
    position: absolute;
    left: 120px;
    top: 3px;
}
 
#navi-bar .new-site input.text {
    width: 120px;
    text-align: center;
}
 
#navi-bar .new-site input.empty {
    color: #666;
}
 
#navi-bar .share {
    position: absolute;
    left: 370px;
    top: 4px;
}
 
#navi-bar .share span {
    vertical-align: 3px;
}
 
#navi-bar .share img {
    width: 16px;
    height: 16px;
}
 
#navi-bar .action-buttons {
    display: block;
    position: absolute;
    top: 2px;
    right: 120px;
    height: 14px;
    padding: 2px;
    color: #000;
}
 
#navi-bar .action-buttons a {
    padding: 0 3px;
    color: #000;
}
 
#navi-bar .join {
    display: block;
    position: absolute;
    left: 570px;
    top: 4px;
    color: #000;
    font-weight: bold;
}
 
#navi-bar .random-site {
    display: block;
    position: absolute;
    top: 2px;
    right: 50px;
    height: 14px;
    padding: 2px;
    color: #000;
}
 
#navi-bar .random-site:hover {
    border-color: #000;
}
 
#navi-bar .close {
    position: absolute;
    right: 5px;
    top: 5px;
}
 
/* Promotional footer */
 
#footer-bar {
    max-width: 750px;
    margin: 10px auto 0;
    padding-top: 10px;
    overflow: hidden;
    border-top: 1px solid #aaa;
}
 
#footer-bar h2 {
    font-size: 130%;
    padding: 5px 0;
    margin: 0;
    text-align: center;
    font-weight: bold;
}
 
#footer-bar .units {
    overflow: hidden;
}
 
#footer-bar .unit {
    float: left;
    width: 185px;
}
 
#footer-bar .unit .inner {
    padding: 5px 10px;
    text-align: center;
}
 
#footer-bar .unit .image {
    display: block;
    height: 60px;
    overflow: hidden;
    text-decoration: none;
}
 
#footer-bar h3 {
    margin: 0;
    padding: 5px 0 3px;
    font-size: 100%;
    font-weight: bold;
}
 
#footer-bar a {
    text-decoration: none;
    background: transparent;
    opacity: 1;
}
 
#footer-bar a:hover {
    text-decoration: none;
    background: transparent;
}
 
#footer-bar .desc {
    font-size: 80%;
}
 
#footer-bar .close {
    float: right;
    margin: 5px;
}
 
#footer-bar .ads-here {
    text-align: center;
    padding: 5px;
}
 
/* DataForm default styles */
 
.form-table .form-value {
    display: block;
}
 
.form-table .form-error {
    border: 1px dotted red;
}
 
.form-table .form-hinted {
    color: #666;
}
 
.form-table .form-message {
    color: green;
    display: block;
}
 
/* [[html]] block iframes */
iframe.html-block-iframe {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    height: 0;
    background: transparent;
}
 
/* Ad-related stuff */
#boonity_free_site_bottom {
    margin: 0 auto !important;
}
 
/* guest commenting mode */
table.guest-commenting {
    border-collapse: collapse;
    border: 0;
    padding: 0;
    margin-bottom: 2px;
}
 
table.guest-commenting td {
    padding: 2px 6px 0 0;
}
 
table.guest-commenting td input {
    margin: 0;
}
 
table.guest-commenting td label.hint {
    color: #666;
}
 
/* Wikidot Hybrid Modules */
.wikidot-hybrid-module-loading {
    padding-top: 20px;
    background: no-repeat center center none;
}
 
/* TipTip CSS - Version 1.2 */
 
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
 
#tiptip_holder.tip_top {
    padding-bottom: 5px;
}
 
#tiptip_holder.tip_bottom {
    padding-top: 5px;
}
 
#tiptip_holder.tip_right {
    padding-left: 5px;
}
 
#tiptip_holder.tip_left {
    padding-right: 5px;
}
 
#tiptip_content {
    font-size: 11px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, .25);
    background-color: rgb(25, 25, 25);
    background-color: rgba(25, 25, 25, .92);
    background-image: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(transparent),
        to(#000)
    );
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
}
 
#tiptip_arrow,
#tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}
 
#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255, 255, 255, .35);
}
 
#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255, 255, 255, .35);
}
 
#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255, 255, 255, .35);
}
 
#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255, 255, 255, .35);
}
 
#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25, 25, 25);
    border-top-color: rgba(25, 25, 25, .92);
}
 
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25, 25, 25);
    border-bottom-color: rgba(25, 25, 25, .92);
}
 
#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25, 25, 25);
    border-right-color: rgba(25, 25, 25, .92);
}
 
#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25, 25, 25);
    border-left-color: rgba(25, 25, 25, .92);
}
 
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: rgba(45, 45, 45, .88);
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: rgba(45, 45, 45, .88);
    }
    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: rgba(20, 20, 20, .92);
    }
}
 
.gallery-image-size-small {
    max-width: 240px;
    max-height: 240px;
}
.gallery-image-size-medium {
    max-width: 500px;
    max-height: 500px;
}
.gallery-image-size-thumbnail {
    max-width: 100px;
    max-height: 100px;
}
.gallery-image-size-square {
    max-width: 75px;
    max-height: 75px;
}
 
#new-post-div input.text {
    font-weight: bold;
    font-size: 130%;
    width: 95%;
}
 
#new-post-div textarea#np-text {
    width: 95%;
}
 
.flag-user-ok {
    color: #4b4;
    font-size: 150%;
    border: 1px solid #000;
    padding: 3px;
    margin: 5px;
}
.flag-user-abusive {
    color: #ccc;
    font-size: 150%;
    border: 1px solid #ddd;
    padding: 3px;
    margin: 5px;
    text-decoration: none;
}
 
.unflag-user-ok {
    color: #ccc;
    font-size: 150%;
    border: 1px solid #ddd;
    padding: 3px;
    margin: 5px;
    text-decoration: none;
}
 
.unflag-user-abusive {
    color: #b44;
    font-size: 150%;
    border: 1px solid #000;
    padding: 3px;
    margin: 5px;
}
 
/* Moved from FileUploadModule.css */
 
#upload-file-list table .progress .progress-bar {
    width: 200px;
    left: 0;
    margin: 0;
    position: relative;
    height: 1.5em;
    z-index: 1;
}
 
#upload-file-list table .progress .progress-bar span {
    z-index: 2;
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
}
 
#upload-file-list table .progress .progress-bar {
    background-color: #ddd;
    width: 0;
    height: 1.5em;
    z-index: 1;
}
 
/* END of FileUploadModule.css fragment */
 
/* 前置END */
 
* {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-padding-top: var(--header-height);
    scroll-behavior: smooth;
    overflow-wrap: break-word;
    white-space: normal;
    border-radius: 0;
}
 
#header *,
#side-bar *,
.ruby,
ruby,
.rt,
rt {
    white-space: nowrap;
}
 
pre, pre span {
    white-space: pre;
}
 
body {
    margin: 0;
    overflow: hidden overlay;
}
 
img {
    max-width: 100%;
    border-width: 0px;
    position: relative;
}
 
select {
    height: 100%;
    width: 100%;
    outline: 0;
    background-color: var(--accent-color);
    color: var(--text-color);
    border: var(--basic-border);
    min-width: 10em;
    max-width: 15em;
}
 
a {
    color: var(--theme-color);
    text-decoration: none;
}
 
a:hover {
    text-decoration: underline;
    background-color: unset;
}
 
a:visited {
    color: var(--visited-color);
}
 
a.newpage {
    color: var(--unexist-color);
}
 
a[onclick*="delete"] {
    display: inline-block;
    margin: .2em 0;
}
 
.error-block a {
    color: red;
}
 
input,
textarea {
    position: relative;
}
 
input.text,
textarea {
    background: var(--background-color);
    color: var(--text-color);
    max-width: 100%;
    width: 15em;
    line-height: 1rem;
    scrollbar-gutter: stable both-edges;
}
 
input {
    color: var(--text-color);
}
 
input:focus,
textarea:focus {
    outline: 1px solid var(--theme-color);
    z-index: 1;
}
 
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: var(--basic-border);
    height: 1em;
    width: 1em;
    position: relative;
    min-height: unset;
}
 
input[type="radio"]:hover {
    background-color: var(--highlight-color);
    background-color: color-mix(in srgb, transparent, var(--highlight-color));
}
 
input[type="radio"]:checked {
    background-color: var(--theme-color);
}
 
input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before,
input[type="radio"]:hover::before,
input[type="checkbox"]:hover::before {
    content: "✓";
    line-height: .8em;
    position: absolute;
    left: .1em;
    top: .1em;
    color: var(--highlight-color);
}
 
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1em;
    height: 1em;
    border: var(--basic-border);
    position: relative;
}
 
input[type="checkbox"]:hover {
    background-color: var(--light-theme-color);
}
 
input[type="checkbox"]:checked {
    background-color: var(--theme-color);
}
 
input#upload-userfile::-webkit-file-upload-button {
    background: unset;
    border: none;
    border-right: var(--basic-border);
    color: var(--link-color);
    position: relative;
    -webkit-transition: .1s ease;
    transition: .1s ease;
}
 
input#upload-userfile::file-selector-button {
    background: unset;
    border: none;
    border-right: var(--basic-border);
    color: var(--link-color);
    position: relative;
    -webkit-transition: .1s ease;
    transition: .1s ease;
}
 
input#upload-userfile::-webkit-file-upload-button:hover {
    background: var(--theme-color);
    border: none;
    border-right: var(--basic-border);
    color: var(--special-text-color);
    position: relative;
}
 
input#upload-userfile::file-selector-button:hover {
    background: var(--theme-color);
    border: none;
    border-right: var(--basic-border);
    color: var(--special-text-color);
    position: relative;
}
 
input#upload-userfile {
    padding: 0;
    margin-left: 0;
}
 
.buttons.alignleft input {
    -webkit-box-flex: 1;
        -ms-flex: 1 10%;
            flex: 1 10%;
    min-width: 6em;
    padding: .4em .5em;
    margin: 0;
}
 
ul {
    -webkit-padding-start: 2em;
            padding-inline-start: 2em;
}
 
option {
    background: var(--accent-color);
    color: var(--text-color);
    transition: .2s;
}
 
option:hover {
    text-shadow: 0 0 5px var(--theme-color);
}
 
::-moz-selection {
    color: var(--highlight-color);
    background: var(--theme-color);
}
 
::selection {
    color: var(--highlight-color);
    background: var(--theme-color);
}
 
::target-text {
    color: var(--highlight-color);
    background-color: var(--green);
}
 
/* 滚动条 */
 
::-webkit-scrollbar {
    background-color: var(--shadow-color);
    width: var(--scroll-width);
    height: var(--scroll-height);
}
 
::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: .1em 0;
}
 
/* 组件配置 */
 
.btn, input.button, div.buttons input, input.button, button, file, a.button, .owindow .button-bar a, .change-textarea-size a, a[onclick*="delete"],
a.action-area-close, a[onclick*="showWho"] {
    display: inline-block;
    border: var(--basic-border);
    outline: .1em solid transparent;
    background: var(--accent-color);
    color: var(--text-color);
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    isolation: isolate;
    padding: .1em .5em;
}
 
a.action-area-close {
    z-index: 1;
    position: relative;
    float: right;
    margin: .3rem 0;
    font-size: 95%;
    padding: .3em .7em;
}
 
a.action-area-close:hover {
    background-color: #ddd;
}
 
a[onclick*="showWho"] {
    margin: 0 auto;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
 
.btn:hover,
input.button:hover,
.owindow .button-bar a:hover,
.change-textarea-size a:hover,
a.action-area-close:hover,
a[onclick*="showWho"]:hover {
    border-color: var(--theme-color);
    outline-color: var(--theme-color);
    color: var(--highlight-color);
    text-decoration: none;
    background: unset;
}
 
input.button:hover,
input.button:hover,
div.buttons input:hover,
input.button:hover,
button:hover,
file:hover,
a.button:hover,
a[onclick*="delete"]:hover,
a[onclick*="showWho"]:hover {
    background: var(--theme-color);
    color: var(--highlight-color);
    text-decoration: none;
}
 
.btn::before,
.btn::after,
input.button::before,
input.button::after,
.change-textarea-size a::after,
.pager a::before,
a.action-area-close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    background: var(--theme-color);
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: .1s;
    transition: .1s;
}
 
.btn::after,
input.button::after {
    width: 100%;
    background: var(--accent-color);
    z-index: -2;
}
 
.btn:hover::before,
input.button:hover::before,
.change-textarea-size a:hover::after,
a.action-area-close:hover::before {
    width: 100%;
}
 
blockquote,
.blockquote,
#toc,
.forum-category-box .description-block {
    border: 1px solid;
    border-color: transparent var(--theme-color);
    background: var(--accent-color);
    -webkit-box-shadow: 2px 1px 5px -2px var(--shadow-color);
            box-shadow: 2px 1px 5px -2px var(--shadow-color);
}
 
/* 基础布局 */
 
#main-content {
    margin: 0 auto;
    width: 70%;
    min-height: calc(100vh - var(--header-height) * 3 - 3.14rem);
    max-width: 57rem;
}
 
/* 顶栏 */
 
#header {
    height: var(--header-height);
    display: -ms-grid;
    display: grid;
    grid:
        "title tpb search user";
    -ms-grid-columns: -webkit-max-content 1fr -webkit-max-content var(--header-height);
    -ms-grid-columns: max-content 1fr max-content var(--header-height);
    grid-template-columns: -webkit-max-content 1fr -webkit-max-content var(--header-height);
    grid-template-columns: max-content 1fr max-content var(--header-height);
    background-color: var(--accent-color);
    position: sticky;
    top: 0;
    -webkit-box-shadow: 0px 0px 5px -1px var(--shadow-color);
    box-shadow: 0px 0px 5px -1px var(--shadow-color);
    padding-left: var(--header-height);
    z-index: 200;
}
 
#header * {
    line-height: var(--header-height);
}
 
#top-bar {
    grid-area: tpb;
    height: var(--header-height);
    position: static;
}
 
#header h1 {
    grid-area: title;
    font-size: unset;
    font-weight: bold;
}
 
#header h2 {
    display: none;
}
 
#header h1 a {
    display: -ms-grid;
    display: grid;
    grid:
        "logo title"
        "logo subtitle";
    -ms-grid-columns: var(--header-height) -webkit-max-content;
    -ms-grid-columns: var(--header-height) max-content;
    grid-template-columns: var(--header-height) -webkit-max-content;
    grid-template-columns: var(--header-height) max-content;
    -ms-grid-rows: calc(0.7 * var(--header-height)) clac(
            .3 * var(--header-height)
        );
    grid-template-rows: calc(0.7 * var(--header-height)) clac(
            .3 * var(--header-height)
        );
    height: var(--header-height);
    color: var(--text-color);
}
 
#header h1 a > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
 
#header h1 a > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
 
#header h1 a > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}
 
#header h1 a > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}
 
#header h1 a span {
    font-size: 0;
    display: contents;
}
 
#header h1 a span::before {
    content: "";
    margin: calc(0.1 * var(--header-height));
    height: calc(0.8 * var(--header-height));
    grid-area: logo;
    background: var(--logo) center;
    background-size: contain;
    background-repeat: no-repeat;
}
 
#header h1 a::before, #header h1 a::after {
    content: var(--title);
    grid-area: title;
    font-size: calc(var(--header-height) * .37);
    line-height: calc(var(--header-height) * .5);
    position: relative;
    top: calc(var(--header-height) * .1);
    padding: 0 .5rem 0 0;
}
 
#header h1 a::after {
    content: var(--subtitle);
    grid-area: subtitle;
    font-size: calc(var(--header-height) * .27);
    top: calc(var(--header-height) * -0.05);
}
 
#header #top-bar li {
    line-height: var(--header-height);
    margin: 0;
    position: relative;
    padding: 0 1em;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
 
#header #top-bar div>ul>li>a {
    color: var(--highlight-color);
    font-weight: 500;
}
 
#header a,
#header #top-bar a {
    color: inherit;
    background-color: inherit;
    text-decoration: none;
    padding: 0 1em;
    margin: 0 -1em;
    max-height: var(--header-height);
}
 
#top-bar li:hover {
    background-color: var(--theme-color);
    color: var(--highlight-color);
}
 
#top-bar li > ul {
    border: unset;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-left: .3rem solid var(--theme-color);
    background-color: var(--accent-color);
    left: 0;
    display: block;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    pointer-events: none;
}
 
#top-bar li:hover > ul {
    display: block;
    pointer-events: all;
}
 
#top-bar li li > ul {
    position: absolute;
    left: 100%;
    top: 0;
}
 
#header #top-bar li li {
    height: 0;
    opacity: 0;
}
 
#header #top-bar li li ul {
    width: 0;
    opacity: 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
 
#header #top-bar li li:hover>ul {
    width: 100%;
    opacity: 1;
}
 
#header #top-bar li:hover li {
    opacity: 1;
    height: var(--header-height);
}
 
#top-bar li ul {
    -webkit-box-shadow: 1px 2px 3px -1px var(--shadow-color);
            box-shadow: 1px 2px 3px -1px var(--shadow-color);
}
 
#top-bar li ul::after, #header::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    backdrop-filter: blur(3px);
    z-index: -1;
}
 
#header #top-bar li li a::after {
    content: '▸';
    position: absolute;
    right: .2em;
    font-size: 1.8em;
    -webkit-transition: .2s;
    transition: .2s;
}
 
#header #top-bar li li a:last-child::after {
    content: '';
    position: absolute;
    right: .2em;
}
 
#search-top-box {
    grid-area: search;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: .1s;
    transition: .2s;
}
 
#search-top-box:hover {
    background: var(--theme-color);
}
 
#search-top-box-input {
    display: none;
}
 
#search-top-box .btn {
    display: block;
    border: none;
    height: var(--header-height);
    padding: 0;
    margin: 0;
    opacity: 0;
}
 
#search-top-box-form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask-image: var(--search);
    -webkit-mask-size: 80%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-image: var(--search);
    mask-size: 80%;
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: var(--theme-color);
    pointer-events: none;
    transition: .2s;
}
 
#search-top-box-form:hover::before {
    background-color: var(--highlight-color);
}
 
#login-status {
    grid-area: user;
    font-size: 0;
    width: var(--header-height);
    height: var(--header-height);
    right: 0;
    top: 0;
    line-height: 0;
    --green: var(--theme-color);
    transition: .2s .2s;
}
 
#login-status:hover {
    background: var(--green);
    transition: .2s;
}
 
#login-status span {
    display: none;
}
 
#login-status .printuser {
    display: block;
    line-height: 0;
    pointer-events: none;
}
 
.login-status-sign-in {
    --theme-color: inherit;
    margin: 0;
    display: block;
    width: var(--header-height);
    height: var(--header-height);
    border: none;
}
 
.login-status-sign-in::after {
    width: var(--header-height);
    height: var(--header-height);
    -webkit-mask-image: var(--login);
    -webkit-mask-size: 70%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-image: var(--login);
    mask-size: 70%;
    mask-position: center;
    mask-repeat: no-repeat;
    background: var(--highlight-color);
    z-index: 1;
}
 
#account-topbutton,
#my-account,
.login-status-create-account {
    display: none;
}
 
#account-options {
    display: block !important;
    width: 0;
    background: var(--accent-color);
    border: .3em solid var(--theme-color);
    top: 100%;
    overflow: hidden;
    -webkit-transition: .3s .2s;
    transition: .3s .2s;
    opacity: 0;
}
 
#login-status:hover #account-options {
    width: calc(var(--header-height) * 5);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 1;
    -webkit-box-shadow: 0px 3px 7px 0px var(--shadow-color);
            box-shadow: 0px 3px 7px 0px var(--shadow-color);
}
 
#account-options ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
}
 
#account-options li a {
    text-align: center;
    line-height: calc(var(--header-height) * .8);
    padding: 0;
    font-size: calc(var(--header-height) * .3);
    margin: 0;
}
 
#account-options li a:hover {
    background: var(--theme-color);
    color: var(--highlight-color);
}
 
#login-status img {
    background-image: none !important;
    width: calc(var(--header-height) * .6);
    height: calc(var(--header-height) * .6);
    padding: 0;
    margin: calc(var(--header-height) * .2);
    position: relative;
    -webkit-transition: .1s;
    transition: .1s;
    z-index: 1;
}
 
#login-status:hover img {
    -webkit-box-shadow: 2px 2px 15px -5px var(--highlight-color);
            box-shadow: 2px 2px 15px -5px var(--highlight-color);
}
 
#login-status > a > strong {
    display: block;
    position: absolute;
    top: calc(var(--header-height) * .5);
    left: calc(var(--header-height) * .5);
    border-radius: 0;
    translate: -50% -50%;
    -webkit-animation: notice 1s infinite;
            animation: notice 1s infinite;
    background-color: unset;
    border: solid var(--theme-color);
}
 
@-webkit-keyframes notice {
    from {
        border-width: 4px;
        opacity: 1;
        width: calc(var(--header-height) * .7);
        height: calc(var(--header-height) * .7);
    }
 
    to {
        border-width: 1px;
        opacity: 0;
        width: calc(var(--header-height) * .8);
        height: calc(var(--header-height) * .8);
    }
}
 
@keyframes notice {
    from {
        border-width: 4px;
        opacity: 1;
        width: calc(var(--header-height) * .7);
        height: calc(var(--header-height) * .7);
    }
 
    to {
        border-width: 1px;
        opacity: 0;
        width: calc(var(--header-height) * .8);
        height: calc(var(--header-height) * .8);
    }
}
 
/* 侧栏 */
 
#side-bar {
    position: fixed;
    left: 0;
    top: var(--header-height);
    background: var(--background-color);
    height: calc(100% - var(--header-height));
    width: 0;
    overflow-x: hidden;
    padding: 0;
    -webkit-transition: .2s .2s;
    transition: .2s .2s;
    z-index: 200;
    direction: rtl;
}
 
#side-bar:hover {
    width: var(--sidebar-width);
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: 3px 20px 9px var(--shadow-color);
            box-shadow: 3px 20px 9px var(--shadow-color);
}
 
#side-bar::before,
#side-bar::after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: var(--header-height);
    height: var(--header-height);
    -webkit-transition: .2s .2s;
    transition: .2s .2s;
    z-index: 10;
}
 
#side-bar::after {
    -webkit-mask-image: var(--sidebar);
            mask-image: var(--sidebar);
    -webkit-mask-size: 90%;
            mask-size: 90%;
    background: var(--highlight-color);
    -webkit-mask-position: center;
            mask-position: center;
    rotate: 0deg;
}
 
#side-bar:hover::before {
    background: var(--theme-color);
    -webkit-transition: .2s;
    transition: .2s;
}
 
#side-bar:hover::after {
    -webkit-transition: .2s;
    transition: .2s;
}
 
#side-bar * {
    direction: ltr;
    text-align: center;
}
 
.menu-item {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
}
 
#side-bar a {
    display: block;
    padding: .2em;
    padding-left: .5em;
    position: relative;
    z-index: 1;
    font-size: .82rem;
    -webkit-transition: .2s;
    transition: .2s;
    color: var(--text-color);
}
 
#side-bar a:hover {
    text-decoration: none;
    padding-left: .5em;
    background-color: unset;
    color: var(--highlight-color);
}
 
#side-bar a::before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    z-index: -1;
    -webkit-transition: .2s;
    transition: .2s;
    width: 0;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
}
 
#side-bar .menu-item a:hover::before {
    width: 100%;
}
 
#side-bar .admin {
    background-color: var(--accent-color);
}
 
#side-bar :is(.heading, .collapsible-block-link, .collapsible-block-link a) {
    text-align: center;
    background-color: color-mix(in srgb, var(--theme-color), transparent);
    color: var(--highlight-color);
}
 
#side-bar a.collapsible-block-link:hover {
    background-color: var(--theme-color);
}
 
.menu-item p {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
 
.heading p {
    margin: 0;
    padding: .1em 0;
}
 
/* 底栏 */
 
.page-options-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: var(--accent-color);
    padding: 0 6em 0 .2em;
    position: relative;
}
 
.page-options-bottom a {
    font-size: 95%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 6em;
    flex: 1 0 6em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: .5em;
    margin: .2em 0;
    color: var(--text-color);
    border-width: 0 0 1px;
    border-color: var(--dim-text-color);
    outline: none;
}
 
.page-options-bottom a::before,
.pager a::before {
    top: unset;
    bottom: 0;
    height: 0;
    width: 100%;
}
 
.page-options-bottom a:hover::before,
.pager a:hover::before {
    height: 100%;
}
 
#more-options-button,
#delete-button {
    position: absolute;
    right: 0;
    width: 6em;
    height: 100%;
    border: none;
    margin: 0;
}
 
#more-options-button::before,
#delete-button::before {
    left: unset;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
}
 
#more-options-button:hover::before,
#delete-button:hover::before {
    width: 100%;
}
 
#delete-button:hover, .thread-container .post .options a:hover, .thread-container .post .short .options:hover {
    color: var(--highlight-color);
}
 
#delete-button::before {
    background: var(--error-color);
}
 
/* 模块适配 */
 
.hovertip {
    background-color: var(--accent-color);
    border-color: var(--theme-color) !important;
    border-width: 0 1px !important;
    z-index: 10;
    -webkit-box-shadow: 1px 1px 4px var(--shadow-color);
            box-shadow: 1px 1px 4px var(--shadow-color);
}
 
/* 讨论区 */
 
.thread-container .post .head {
    background: var(--accent-color);
    padding: 0 .5em .2em;
}
 
.thread-container .post .long .head .title {
    border-left: .15em solid var(--theme-color);
    margin-left: -0.35em;
}
 
div.new-post a {
    background-color: unset;
    border: var(--basic-border);
    color: var(--green);
}
 
.thread-container .post.folded .short {
    background: var(--accent-color);
    border-left: .15em solid var(--theme-color);
}
 
.forum-thread-box .description-block {
    background: var(--accent-color);
    border: solid var(--theme-color);
    border-width: 0 1px;
}
 
/* 内置功能组件 */
.version::before {
    content: var(--version);
}
 
.for-test {
    overflow: hidden;
    width: 0;
    height: 0;
}
 
.folder::before,
.文件::before,
[style*="color: e"][style*="folder"]::before {
    content: "↳📁";
}
 
.block1 {
    border: solid .2rem var(--theme-color);
    text-align: center;
    padding: .2em .3em;
    margin: .3em 0;
}
 
.heimu,
[style*="color: e"][style*="heimu"] {
    background-color: currentcolor;
}
 
.dblock,
[style*="color: e"][style*="dblock"] {
    background: var(--text-color);
    -webkit-transition: .2s;
    transition: .2s;
}
 
.dblock:hover,
[style*="color: e"][style*="dblock"]:hover {
    background: unset;
}
 
.colorful,
.多彩,
[style*="color: e"][style*="colorful"] {
    -webkit-animation: color-transition 5s infinite;
    animation: color-transition 5s infinite;
}
 
.淡入,
.appear,
[style*="color: e"][style*="appear"] {
    -webkit-animation: appear 3s;
    animation: appear 3s;
}
 
.左侧滑入,
.sildein_left,
[style*="color: e"][style*="slideinleft"] {
    -webkit-animation: slidein_left 3s;
    animation: slidein_left 3s;
    position: relative;
}
 
.blur,
.模糊,
[style*="color: e"][style*="blur"] {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}
 
.mono,
.黑白,
[style*="color: e"][style*="mono"] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
 
.暗淡,
.黯淡,
.dim,
[style*="color: e"][style*="dim"] {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
}
 
.翻转,
.反转,
.reverse,
[style*="color: e"][style*="reverse"] {
    display: inline-block;
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
 
.淡出,
.disappear,
[style*="color: e"][style*="disappear"] {
    -webkit-animation: disappear 3s;
    animation: disappear 3s;
    opacity: 0;
}
 
.隐形,
.invisible,
[style*="color: e"][style*="invisible"] {
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 
.forbidden {
    background: var(--reverse-text-color);
}
 
.floatbox {
    position: relative;
    left: -5%;
}
 
.right {
    position: relative;
    left: unset;
    right: -5%;
}
 
.specialhover,
[style*="color: e"][style*="specialhover"] {
    text-shadow: 0px 0px 0px var(--reverse-text-color);
    color: var(--theme-color);
    -webkit-transition: .7s;
    transition: .7s;
}
 
.specialhover:hover,
[style*="color: e"][style*="specialhover"]:hover {
    text-shadow: .5px .5px 5px var(--theme-color);
    color: var(--special-text-color);
    -webkit-filter: contrast(1.2);
    filter: contrast(1.2);
    -webkit-transition: .15s;
    transition: .15s;
}
 
.ruby,
ruby {
    display: inline-table;
    text-align: center;
    line-height: 1;
    height: 1em;
    vertical-align: text-bottom;
}
 
.rt,
rt {
    display: table-header-group;
    font-size: .6em;
    line-height: 1.1;
    text-align: center;
}
 
.keycap,
.按键,
[style*="color: e"][style*="keycap"] {
    border: 1px solid;
    border-color: var(--ui-border-color) var(--unexist-color)
        var(--unexist-color) var(--ui-border-color);
    border-bottom-width: 2px;
    border-radius: 3px;
    background-color: var(--header-color);
    padding: 1px 3px;
    font-family: inherit;
    font-size: .85em;
    white-space: nowrap;
}
 
.colortext,
.彩色文本,
[style*="color: e"][style*="colortext"] {
    background: -webkit-gradient(
        linear,
        left top, right top,
        from(red),
        color-stop(20%, orange),
        color-stop(40%, yellow),
        color-stop(60%, green),
        color-stop(80%, blue),
        to(purple)
    );
    background: linear-gradient(
        to right,
        red 0%,
        orange 20%,
        yellow 40%,
        green 60%,
        blue 80%,
        purple 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
 
.hovershow,
[style*="color: e"][style*="hovershow"] {
    -webkit-transition: .1s;
    transition: .1s;
}
 
.hovershow:hover,
[style*="color: e"][style*="hovershow"]:hover {
    -webkit-filter: none;
    filter: none;
}
 
.flip,
.自动浮现,
[style*="color: e"][style*="flip"] {
    -webkit-animation: auto flip;
    animation: auto flip;
    view-timeline-name: --subjectReveal;
    animation-timeline: --subjectReveal;
}
 
@-webkit-keyframes color-transition {
    0% {
        color: red;
    }
 
    25% {
        color: blue;
    }
 
    50% {
        color: green;
    }
 
    75% {
        color: orange;
    }
 
    100% {
        color: red;
    }
}
 
@keyframes color-transition {
    0% {
        color: red;
    }
 
    25% {
        color: blue;
    }
 
    50% {
        color: green;
    }
 
    75% {
        color: orange;
    }
 
    100% {
        color: red;
    }
}
 
@-webkit-keyframes appear {
    0% {
        opacity: 0;
    }
 
    100% {
        opacity: 1;
    }
}
 
@keyframes appear {
    0% {
        opacity: 0;
    }
 
    100% {
        opacity: 1;
    }
}
 
@-webkit-keyframes slidein_left {
    from {
        left: 100%;
    }
 
    to {
        left: 0%;
    }
}
 
@keyframes slidein_left {
    from {
        left: 100%;
    }
 
    to {
        left: 0%;
    }
}
 
@-webkit-keyframes disappear {
    0% {
        opacity: 1;
    }
 
    100% {
        opacity: 0;
    }
}
 
@keyframes disappear {
    0% {
        opacity: 1;
    }
 
    100% {
        opacity: 0;
    }
}
 
@-webkit-keyframes flip {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
 
    15% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
 
    20% {
        opacity: 1;
    }
}
 
@keyframes flip {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
 
    15% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
 
    20% {
        opacity: 1;
    }
}
 
@media (prefers-reduced-motion: reduce) {
    .colorful,
    .多彩,
    [style*="color: e"][style*="colorful"] {
        -webkit-animation: none;
        animation: none;
        background: -webkit-gradient(
            linear,
            left top, right top,
            from(red),
            color-stop(20%, orange),
            color-stop(40%, yellow),
            color-stop(60%, green),
            color-stop(80%, blue),
            to(purple)
        );
        background: linear-gradient(
            to right,
            red 0%,
            orange 20%,
            yellow 40%,
            green 60%,
            blue 80%,
            purple 100%
        );
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
 
    .淡入,
    .appear,
    [style*="color: e"][style*="appear"],
    .flip,
    .自动浮现,
    [style*="color: e"][style*="flip"] {
        -webkit-animation: none;
        animation: none;
    }
 
    .左侧滑入,
    .sildein_left,
    [style*="color: e"][style*="sildein_left"] {
        -webkit-animation: none;
        animation: none;
        position: relative;
    }
 
    #login-status > a > strong {
        -webkit-animation: none;
        animation: none;
        top: calc(var(--header-height) * 7 / 50);
        left: unset;
        translate: none;
        border: none;
        right: calc(var(--header-height) * 7 / 50);
        width: calc(var(--header-height) * 7 / 50);
        height: calc(var(--header-height) * 7 / 50);
        background-color: var(--theme-color);
        border-radius: 50%;
        z-index: 0;
    }
}
 
/* 内置功能结束 */
 
/* 杂项 */
/* memo，来自Basalt版式，为适配而保留 */
 
div[class$="_memo"] {
    background: var(--memo-logo) rgba(var(--memo-color), 1);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 4rem;
    margin-inline: auto;
    margin-block: 2rem;
    padding-inline: 20px;
    padding-block: 10px;
    border: solid 2px rgba(0, 0, 0, .1);
    text-align: center;
}
 
div[class$="_memo"]::before {
    content: var(--memo-heading);
    font-family: var(--UI-font);
    font-weight: 900;
    font-size: 1.3em;
    text-align: center;
    margin: 0 auto 1rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: .5em;
    line-break: normal;
}
 
.simpletodo-box {
    border: var(--basic-border);
    max-width: 80%;
}
 
.task {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
}
 
.wd-editor-toolbar-panel div,
.wd-editor-toolbar-panel div > ul,
label {
    display: contents;
}
 
.wd-editor-toolbar-panel a,
.wd-editor-toolbar-panel a:hover {
    background: none;
}
 
.wd-editor-toolbar-panel li:hover {
    border-color: var(--theme-color);
    background: var(--theme-color);
}
 
.wd-editor-toolbar-panel a::before {
    content: "";
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    width: 100%;
    height: 100%;
    background-color: var(--text-color);
    display: inline-block;
}
 
.wd-editor-toolbar-panel li:hover ul,
.wd-editor-toolbar-panel ul li:hover ul {
    display: grid;
    border-left: .3em solid var(--theme-color);
    box-shadow: 1px 1px 2px -1px var(--shadow-color);
}
 
.wd-editor-toolbar-panel .hseparator {
    display: none;
}
 
.wd-editor-toolbar-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: var(--basic-border);
    border-width: 0 1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    background-color: var(--accent-color);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    --h1-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnPgogIDx0ZXh0IHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAwKSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdGV4dC1hbmNob3I9InN0YXJ0IiBmb250LWZhbWlseT0iTm90byBTYW5zIEpQIiBmb250LXNpemU9IjcwIiBpZD0ic3ZnXzYiIHk9Ijc4IiB4PSIyMi45MjcwOCIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMwMDAwMDAiPkg8L3RleHQ+CiA8L2c+Cjwvc3ZnPg==");
    --h2-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgMCkiIHhtbDpzcGFjZT0icHJlc2VydmUiIHRleHQtYW5jaG9yPSJzdGFydCIgZm9udC1mYW1pbHk9Ik5vdG8gU2FucyBKUCIgZm9udC1zaXplPSI2MCIgaWQ9InN2Z182IiB5PSI3My42NjY2NyIgeD0iMjYuNzk2ODciIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMDAwMDAwIj5IPC90ZXh0PjwvZz48L3N2Zz4=");
    --h3-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgMCkiIHhtbDpzcGFjZT0icHJlc2VydmUiIHRleHQtYW5jaG9yPSJzdGFydCIgZm9udC1mYW1pbHk9Ik5vdG8gU2FucyBKUCIgZm9udC1zaXplPSI1MyIgaWQ9InN2Z182IiB5PSI3MC45OTk5OSIgeD0iMjkuNSIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMwMDAwMDAiPkg8L3RleHQ+PC9nPjwvc3ZnPg==");
    --h4-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgMCkiIHhtbDpzcGFjZT0icHJlc2VydmUiIHRleHQtYW5jaG9yPSJzdGFydCIgZm9udC1mYW1pbHk9Ik5vdG8gU2FucyBKUCIgZm9udC1zaXplPSI0NSIgaWQ9InN2Z182IiB5PSI2Ny42NjY2NyIgeD0iMzIuNTkzNzUiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMDAwMDAwIj5IPC90ZXh0PjwvZz48L3N2Zz4=");
    --h5-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgMCkiIHhtbDpzcGFjZT0icHJlc2VydmUiIHRleHQtYW5jaG9yPSJzdGFydCIgZm9udC1mYW1pbHk9Ik5vdG8gU2FucyBKUCIgZm9udC1zaXplPSI0MCIgaWQ9InN2Z182IiB5PSI2NS42NjY2NiIgeD0iMzQuNTMxMjUiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMDAwMDAwIj5IPC90ZXh0PjwvZz48L3N2Zz4=");
    --h6-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgMCkiIHhtbDpzcGFjZT0icHJlc2VydmUiIHRleHQtYW5jaG9yPSJzdGFydCIgZm9udC1mYW1pbHk9Ik5vdG8gU2FucyBKUCIgZm9udC1zaXplPSIzNSIgaWQ9InN2Z182IiB5PSI2NCIgeD0iMzYuNDYzNTQiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMDAwMDAwIj5IPC90ZXh0PjwvZz48L3N2Zz4=");
    --bold-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDAgMCkiIGZvbnQtd2VpZ2h0PSJib2xkIiBzdHlsZT0iY3Vyc29yOiBtb3ZlOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdGV4dC1hbmNob3I9InN0YXJ0IiBmb250LWZhbWlseT0iTm90byBTYW5zIEpQIiBmb250LXNpemU9IjcwIiBpZD0ic3ZnXzYiIHk9Ijc4IiB4PSIyNi4wNzI5MSIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMwMDAwMDAiPkI8L3RleHQ+PC9nPjwvc3ZnPg==");
    --italic-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGV4dCBmb250LXN0eWxlPSJpdGFsaWMiIHhtbDpzcGFjZT0icHJlc2VydmUiIHRleHQtYW5jaG9yPSJzdGFydCIgZm9udC1mYW1pbHk9IidBc3Npc3RhbnQnIiBmb250LXNpemU9IjcwIiBpZD0ic3ZnXzYiIHk9IjgyIiB4PSIzNyIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMwMDAwMDAiPmw8L3RleHQ+PC9zdmc+");
    --underline-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGV4dCBzdHJva2U9IiMwMDAiIGZpbGw9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMCIgeD0iMjQuNDk0NzkiIHk9Ijc1LjY2NjY2IiBpZD0ic3ZnXzYiIGZvbnQtc2l6ZT0iNjUiIGZvbnQtZmFtaWx5PSInQXNzaXN0YW50JyIgdGV4dC1hbmNob3I9InN0YXJ0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmb250LXdlaWdodD0iYm9sZCIgZm9udC1zdHlsZT0ibm9ybWFsIj5VPC90ZXh0PjxsaW5lIHN0cm9rZS13aWR0aD0iNSIgaWQ9InN2Z18yIiB5Mj0iODMiIHgyPSI3MCIgeTE9IjgzIiB4MT0iMzAiIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==");
    --strikethrough-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGV4dCBzdHJva2U9IiMwMDAiIGZpbGw9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMCIgeD0iMjguNSIgeT0iODAiIGlkPSJzdmdfNiIgZm9udC1zaXplPSI3MCIgZm9udC1mYW1pbHk9IidBc3Npc3RhbnQnIiB0ZXh0LWFuY2hvcj0ic3RhcnQiIHhtbDpzcGFjZT0icHJlc2VydmUiPkQ8L3RleHQ+PGxpbmUgc3Ryb2tlLXdpZHRoPSI3IiBpZD0ic3ZnXzIiIHkyPSI1MiIgeDI9Ijg1IiB5MT0iNTIiIHgxPSIyNSIgc3Ryb2tlPSIjMDAwIi8+PC9zdmc+");
    --teletype-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGV4dCB4bWw6c3BhY2U9InByZXNlcnZlIiBmb250LWZhbWlseT0iTm90byBTYW5zIEpQIiBmb250LXNpemU9IjYwIiB5PSI3My43IiB4PSIxOCI+VDwvdGV4dD48dGV4dCB4bWw6c3BhY2U9InByZXNlcnZlIiBmb250LWZhbWlseT0iTm90byBTYW5zIEpQIiBmb250LXNpemU9IjYwIiB5PSI3My43IiB4PSI0OC42IiA+VDwvdGV4dD4KPC9zdmc+");
    --quote-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Quote-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M114.8 150v-37.2c0-4.1.2-8.6.5-13.7.3-4 .8-8 1.8-12.4.8-3.8 2.2-7.5 4-11.2 1.8-3.5 4.3-6.9 7.5-10.1 5.4-5.4 10.8-8.9 16.5-10.6 3.1-.9 6.2-1.8 9.4-2.6v10c-3.2 1.5-5.9 3.2-8.1 5.1-3.6 3.2-6.3 6.7-8.2 10.4-1.7 3.4-2.9 7.1-3.4 11v.4c-.4 3.4-.6 6.4-.6 9.1v10h20.3V150h-39.7zm-69.3 0v-37.2c0-4.1.2-8.6.5-13.7.3-4.1.9-8.1 1.8-12.2 1-4 2.3-7.8 4.2-11.5 1.6-3.3 4.1-6.6 7.4-9.7l.2-.2.2-.2c4.9-5.2 10.4-8.7 16.2-10.4 3.1-.9 6.3-1.8 9.6-2.6v10.1c-3.2 1.5-5.9 3.2-8.1 5.1-3.6 3.2-6.3 6.7-8.2 10.4-1.7 3.4-2.9 7.1-3.4 11v.4c-.4 3.4-.6 6.4-.6 9.1v10h20.3V150H45.5z'/%3E%3C/svg%3E");
    --superscript-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAwLjk2IDAgMy40NCkiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIwIiB4PSIxNSIgeT0iNzAiIGlkPSJzdmdfNiIgZm9udC1zaXplPSI2MCIgZm9udC1mYW1pbHk9IidBbnRvbmlvJyIgdGV4dC1hbmNob3I9InN0YXJ0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmb250LXdlaWdodD0iYm9sZCI+5paHPC90ZXh0Pjx0ZXh0IHRyYW5zZm9ybT0ibWF0cml4KDAuNTc4MjA5IDAgMCAwLjUzIDMzLjkgMTUuNCkiIHN0cm9rZT0iIzAwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdGV4dC1hbmNob3I9InN0YXJ0IiBmb250LWZhbWlseT0iJ0FsdW1uaSBTYW5zJyIgZm9udC1zaXplPSI2MCIgaWQ9InN2Z18zIiB5PSIzOSIgeD0iNzUiIHN0cm9rZS13aWR0aD0iNyI+MjwvdGV4dD48L3N2Zz4=");
    --subscript-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAwLjk2MTE4NiAwIDMuNDM2NjIpIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMCIgeD0iMTUiIHk9IjcwIiBpZD0ic3ZnXzYiIGZvbnQtc2l6ZT0iNjAiIGZvbnQtZmFtaWx5PSInQW50b25pbyciIHRleHQtYW5jaG9yPSJzdGFydCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZm9udC13ZWlnaHQ9ImJvbGQiPuaWhzwvdGV4dD48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgwLjU3ODIwOSAwIDAgMC41Mjk0NjIgMzMuODkyNyAxNS4zODM5KSIgc3Ryb2tlPSIjMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB0ZXh0LWFuY2hvcj0ic3RhcnQiIGZvbnQtZmFtaWx5PSInQWx1bW5pIFNhbnMnIiBmb250LXNpemU9IjYwIiBpZD0ic3ZnXzMiIHk9IjExMi42NiIgeD0iNzUiIHN0cm9rZS13aWR0aD0iNyIgZmlsbD0iIzAwMDAwMCI+MjwvdGV4dD48L3N2Zz4=");
    --rawtext-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAwLjk2IDAgMy40KSIgc3Ryb2tlLXdpZHRoPSIwIiB4PSIyMC44IiB5PSI3MS41IiBmb250LXNpemU9IjYwIiBmb250LWZhbWlseT0iJ0FzYXAnIiB0ZXh0LWFuY2hvcj0ic3RhcnQiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZvbnQtd2VpZ2h0PSJib2xkIj5APC90ZXh0Pjwvc3ZnPg==");
    --hr-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='hr-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M160 40v30H40V40m0 120v-30h120v30'/%3E%3Cpath d='M175 110H25V90h150v20z'/%3E%3C/svg%3E");
    --divblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Div-Block-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m59.5 65.5-18.8 69.7H30.3L49 65.5h10.5zm17.1 61.6c-3.3 0-6.3-.9-9-2.6-2.7-1.7-4.8-4.2-6.4-7.6-1.6-3.3-2.3-7.4-2.3-12.3 0-5 .8-9.2 2.4-12.5 1.6-3.3 3.8-5.8 6.4-7.5 2.7-1.7 5.6-2.5 8.8-2.5 2.4 0 4.5.4 6.1 1.2 1.6.8 3 1.8 4 3.1 1 1.2 1.8 2.4 2.3 3.6h.4V68.2h12.1v58.2H89.5v-7H89c-.6 1.2-1.4 2.4-2.4 3.6-1 1.2-2.4 2.2-4 2.9s-3.7 1.2-6 1.2zm3.8-9.6c2 0 3.6-.5 5-1.6s2.4-2.6 3.1-4.5c.7-1.9 1.1-4.2 1.1-6.8s-.4-4.8-1.1-6.8c-.7-1.9-1.8-3.4-3.1-4.4s-3-1.6-5-1.6-3.7.5-5 1.6-2.4 2.6-3.1 4.5c-.7 1.9-1.1 4.1-1.1 6.6s.4 4.8 1.1 6.7c.7 1.9 1.7 3.5 3.1 4.5s3 1.8 5 1.8zm35-40.4c-1.8 0-3.3-.6-4.6-1.8-1.3-1.2-1.9-2.6-1.9-4.3s.6-3.1 1.9-4.3c1.3-1.2 2.8-1.8 4.6-1.8 1.8 0 3.4.6 4.6 1.8 1.3 1.2 1.9 2.6 1.9 4.3 0 1.7-.6 3.1-1.9 4.3-1.3 1.2-2.8 1.8-4.6 1.8zm-6.1 49.3V82.7h12.1v43.6h-12.1zm60.4-43.7-15.3 43.6h-13.6l-15.3-43.6h12.8l9.1 31.2h.5l9-31.2h12.8z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-width='10' d='M42.4 160H5V40h37.4m115.2 0H195v120h-37.4'/%3E%3C/svg%3E");
    --clearfloat-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Clear-Both-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M150 50v100H50V50h100m10-10H40v120h120V40z'/%3E%3Cpath d='m160 58.2 28 41.8-28 41.8V58.2m-.1-18.2H150v120h9.9l40.1-60-40.1-60zM40 58.2v83.6L12 100l28-41.8M50 40h-9.9L0 100l40.1 60H50V40zm77.3 102.7-70-69.9 15.4-15.5 70.1 70-15.5 15.4zm-54.7 0-15.4-15.4 70-70 15.4 15.5-70 69.9z'/%3E%3C/svg%3E");
    --clearfloatleft-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Clear-Left-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M170 50v100H70V50h100m10-10H60v120h120V40z'/%3E%3Cpath d='M60 58.2v83.6L32 100l28-41.8M70 40h-9.9L20 100l40.1 60H70V40zm77.3 102.7-70-69.9 15.4-15.5 70.1 70-15.5 15.4zm-54.7 0-15.4-15.4 70-70 15.4 15.5-70 69.9z'/%3E%3C/svg%3E");
    --clearfloatright-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Clear-Right-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M130 50v100H30V50h100m10-10H20v120h120V40z'/%3E%3Cpath d='m140 58.2 28 41.8-28 41.8V58.2m-.1-18.2H130v120h9.9l40.1-60-40.1-60zm-32.6 102.7-70-69.9 15.4-15.5 70.1 70-15.5 15.4zm-54.7 0-15.4-15.4 70-70 15.4 15.5-70 69.9z'/%3E%3C/svg%3E");
    --table-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Tables-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M165 50v100H35V50h130m10-10H25v120h150V40z'/%3E%3Cpath d='M25 40h150v30H25z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M115 70v90m5-50H25'/%3E%3C/svg%3E");
    --toc-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='TOC-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M66.5 50.5v9.1H40.2v-9.1h26.3zM46.2 40.1h12.1v40.7c0 1.1.2 2 .5 2.6s.8 1 1.4 1.3c.6.2 1.3.4 2.1.4.6 0 1.1-.1 1.7-.2s1-.2 1.3-.2l1.9 9c-.6.2-1.5.4-2.6.7-1.1.3-2.4.4-4 .5-2.9.1-5.5-.3-7.7-1.2-2.2-.9-3.9-2.3-5.1-4.1-1.2-1.9-1.8-4.2-1.8-7.1V40.1h.2zM90.1 95c-4.4 0-8.2-.9-11.4-2.8-3.2-1.9-5.7-4.5-7.4-7.9-1.7-3.4-2.6-7.3-2.6-11.8s.9-8.5 2.6-11.8c1.7-3.4 4.2-6 7.4-7.9 3.2-1.9 7-2.8 11.4-2.8s8.2.9 11.4 2.8c3.2 1.9 5.7 4.5 7.4 7.9 1.7 3.4 2.6 7.3 2.6 11.8s-.9 8.4-2.6 11.8-4.2 6-7.4 7.9c-3.1 1.9-7 2.8-11.4 2.8zm.1-9.3c2 0 3.7-.6 5-1.7s2.4-2.7 3.1-4.7 1-4.3 1-6.8-.3-4.8-1-6.8-1.7-3.6-3.1-4.7c-1.3-1.2-3-1.7-5-1.7s-3.7.6-5.1 1.7c-1.4 1.2-2.4 2.7-3.1 4.7s-1 4.3-1 6.8.3 4.8 1 6.8 1.7 3.6 3.1 4.7 3.1 1.7 5.1 1.7zm47.4 9.3c-4.5 0-8.3-1-11.5-2.9s-5.7-4.5-7.4-7.9c-1.7-3.4-2.6-7.3-2.6-11.7 0-4.5.9-8.4 2.6-11.8s4.2-6 7.4-7.9c3.2-1.9 7-2.9 11.4-2.9 3.8 0 7.1.7 10 2.1 2.9 1.4 5.1 3.3 6.8 5.8s2.6 5.4 2.8 8.8h-11.4c-.3-2.2-1.2-3.9-2.5-5.3-1.4-1.3-3.2-2-5.4-2-1.9 0-3.5.5-4.9 1.5s-2.5 2.5-3.3 4.4c-.8 1.9-1.2 4.3-1.2 7 0 2.8.4 5.2 1.2 7.1s1.9 3.4 3.3 4.5c1.4 1 3 1.5 4.9 1.5 1.4 0 2.6-.3 3.7-.9 1.1-.6 2-1.4 2.8-2.5.7-1.1 1.2-2.4 1.4-3.9h11.4c-.2 3.3-1.1 6.3-2.7 8.8s-3.8 4.5-6.7 5.9c-2.9 1.6-6.2 2.3-10.1 2.3z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-width='10' d='M70 155h80m-80-28.8h80'/%3E%3Cpath stroke='%23000000' stroke-width='2.5' d='M50.2 131.2v-10l10 5zm0 29v-10l10 5z'/%3E%3C/svg%3E");
    --codeblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Code-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M165 50v100H35V50h130m10-10H25v120h150V40z'/%3E%3Cpath d='M60.5 86.4c-2.9 1.3-5.6 2.5-8.3 3.7-2.7 1.2-5.3 2.4-7.7 3.5v13.5c0 .3 0 .5.1.6.1.2.2.3.4.5s.4.3.6.4c3.5 1.6 7.1 3.1 10.7 4.7 3.5 1.6 7.1 3.1 10.6 4.7s7.1 3.1 10.6 4.7v-9.5c0-.4-.1-.7-.1-.8-.1-.2-.3-.3-.7-.5-.9-.4-2.3-1-4.1-1.8-1.8-.8-3.9-1.8-6.3-2.8-2.4-1-4.8-2.1-7.3-3.2-2-.9-3.8-1.7-5.5-2.4V100c1.2-.6 2.6-1.2 4-1.8 1.9-.9 3.9-1.7 5.8-2.6 2-.8 3.8-1.7 5.6-2.5 1.8-.8 3.4-1.5 4.7-2.1s2.4-1 3.1-1.4c.3-.2.6-.4.7-.6.1-.2.1-.4.1-.8v-9.4c-2.7 1.2-5.5 2.4-8.4 3.7-2.9 1.4-5.8 2.7-8.6 3.9zm54.8 38.4c-2.5-6.3-4.9-12.7-7.3-19.1-2.5-6.4-4.9-12.8-7.4-19.1-2.5-6.4-4.9-12.7-7.4-19.1-.1-.1-.1-.3-.2-.3-.1-.1-.2-.1-.3-.1H82.5c2.8 7.2 5.6 14.4 8.4 21.7 2.8 7.3 5.6 14.5 8.4 21.8 2.8 7.3 5.6 14.5 8.3 21.8.1.3.3.5.5.6.2.1.4.2.6.2h9.8c-.6-1.3-1.1-2.7-1.6-4.1s-1.1-2.9-1.6-4.3zm40.2-30.9c-.1-.2-.2-.4-.4-.5-.2-.2-.4-.3-.6-.4-3.6-1.5-7.1-3.1-10.6-4.7s-7.1-3.1-10.6-4.7c-3.6-1.5-7.1-3.1-10.6-4.7v9.4c0 .4 0 .6.1.8.1.2.3.4.7.6.9.4 2.3 1 4.1 1.8 1.8.8 3.9 1.8 6.3 2.8 2.4 1.1 4.8 2.1 7.3 3.2 2 .9 3.8 1.7 5.6 2.4v1.6c-1.2.6-2.6 1.2-4 1.8-1.9.9-3.9 1.7-5.8 2.6-2 .9-3.8 1.7-5.6 2.5s-3.4 1.5-4.7 2.1c-1.3.6-2.4 1-3.1 1.3-.4.2-.6.4-.7.5-.1.2-.1.4-.1.8v9.5c2.7-1.2 5.5-2.5 8.4-3.8 2.9-1.2 5.7-2.5 8.6-3.8 2.8-1.3 5.6-2.5 8.3-3.8 2.7-1.2 5.3-2.4 7.7-3.5V94.3c-.2 0-.3-.2-.3-.4z'/%3E%3C/svg%3E");
    --codewiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Code-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M60.5 86.4c-2.9 1.3-5.6 2.5-8.3 3.7-2.7 1.2-5.3 2.4-7.7 3.5v13.5c0 .3 0 .5.1.6.1.2.2.3.4.5s.4.3.6.4c3.5 1.6 7.1 3.1 10.7 4.7 3.5 1.6 7.1 3.1 10.6 4.7s7.1 3.1 10.6 4.7v-9.5c0-.4-.1-.7-.1-.8-.1-.2-.3-.3-.7-.5-.9-.4-2.3-1-4.1-1.8-1.8-.8-3.9-1.8-6.3-2.8-2.4-1-4.8-2.1-7.3-3.2-2-.9-3.8-1.7-5.5-2.4V100c1.2-.6 2.6-1.2 4-1.8 1.9-.9 3.9-1.7 5.8-2.6 2-.8 3.8-1.7 5.6-2.5 1.8-.8 3.4-1.5 4.7-2.1s2.4-1 3.1-1.4c.3-.2.6-.4.7-.6.1-.2.1-.4.1-.8v-9.4c-2.7 1.2-5.5 2.4-8.4 3.7-2.9 1.4-5.8 2.7-8.6 3.9zm54.8 38.4c-2.5-6.3-4.9-12.7-7.3-19.1-2.5-6.4-4.9-12.8-7.4-19.1l-2.1-5.4-8.6-8.6-5.6-5.6h-1.8c2.8 7.2 5.6 14.4 8.4 21.7 2.8 7.3 5.6 14.5 8.4 21.8 2.8 7.3 5.6 14.5 8.3 21.8.1.3.3.5.5.6.2.1.4.2.6.2h9.8c-.6-1.3-1.1-2.7-1.6-4.1s-1.1-2.8-1.6-4.2zm12.1-14.7c-.3.1-.6.3-.9.4-1.3.6-2.4 1-3.1 1.3-.4.2-.6.4-.7.5-.1.2-.1.4-.1.8v9.5c2.7-1.2 5.5-2.5 8.4-3.8 1.2-.5 2.4-1.1 3.6-1.6l-7.2-7.1zM140.7 50H165v24.3l10 10V40h-44.3z'/%3E%3Cpath d='m169.4 152.2-4.4-4.5v2.3H35V50h63.3l10-10H25v120h150v-2.3z'/%3E%3Cpath d='m199.1 122.5-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM119.5 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3C/svg%3E");
    --url-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Link-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M96 100.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3z'/%3E%3Cpath d='M114.2 107.2c5.3-6.8-5-14.9-10.3-8.1l-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 2.1-2.7 4.6-4 7.2-4.3 7.9-1.6 15.3 6 13.6 13.8-.3 3.1-3.4 6.4-5.3 8.8 4 1.6 7.8 4.5 10.3 8 8.3-9.4 11-18.9 6.3-28.7-3.3-8.6-12.8-15.1-22-15.2-7.2-.6-14.6 2.1-20.4 9.5L71.1 81.6c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l3.9-4.9z'/%3E%3C/svg%3E");
    --urlwiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Link-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M52.5 100.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3z'/%3E%3Cpath d='m60.5 99.1-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 2.1-2.7 4.6-4 7.2-4.3 4.1-.9 8.1.8 10.7 3.8l9.3-9.3C85.8 43.1 79.4 40 73.2 40c-7.2-.6-14.6 2.1-20.4 9.5L27.7 81.7c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l4-5.1c5.1-6.8-5.2-14.9-10.4-8zm128.3 23.4-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM109.2 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3C/svg%3E");
    --pagelink-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Page-Link-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M96 100.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3z'/%3E%3Cpath d='M114.2 107.2c5.3-6.8-5-14.9-10.3-8.1l-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 2.1-2.7 4.6-4 7.2-4.3 7.9-1.6 15.3 6 13.6 13.8-.3 3.1-3.4 6.4-5.3 8.8 4 1.6 7.8 4.5 10.3 8 8.3-9.4 11-18.9 6.3-28.7-3.3-8.6-12.8-15.1-22-15.2-7.2-.6-14.6 2.1-20.4 9.5L71.1 81.6c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l3.9-4.9z'/%3E%3Cpath d='M35.9 150V50h70.7l10-10H25.9v120h150v-10z'/%3E%3Cpath d='m165.9 140 10-10v30h-10zm-140-70h69.9V40H25.9v30zm39.9-20h10v10h-10V50zm-19.9 0h10v10h-10V50z'/%3E%3C/svg%3E");
    --pagelinkwiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Page-Link-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M35.9 150V70h28.6l10.7-13.7c6.8-8.6 16.1-13.4 26.3-13.4.8 0 1.6 0 2.4.1 1.5 0 3 .2 4.6.4l1.8-1.8L112 40H25.9v120h12.4c-1.2-2.9-2.1-6.3-2.4-10zm10-100h10v10h-10V50zm124.4 102.2-4.4-4.5v2.3h-52.2l-7.8 10h70v-2.3z'/%3E%3Cpath d='M82.8 113.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3zm117.2 8.6-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM120.4 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3Cpath d='m90.7 112.1-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 1.6-2.1 3.5-3.4 5.5-4l-1-1 11.6-11.6c-2-.6-4-.9-6-.9-7.2-.6-14.6 2.1-20.4 9.5L57.9 94.7c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l4-5.1c5.2-6.8-5.1-14.9-10.4-8z'/%3E%3C/svg%3E");
    --imageblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Image-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M25 40v120h150V40H25zm10 110v-20.3l24.1-24.1 21.6 21.6L130 78l35 35v37H35zm28-89c8.3 0 15 6.7 15 15s-6.7 15-15 15-15-6.7-15-15c0-8.2 6.7-15 15-15z'/%3E%3C/svg%3E");
    --imagewiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Image-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M175 83.9V40h-43.9zm-10 63.5v2.6H35v-20.3l24.1-24.1 21.6 21.6 32-32-22.6-22.7-7.1-7 7.1-7.1L108.5 40H25v120h150v-2.6l-10-10zM63 61c8.3 0 15 6.7 15 15s-6.7 15-15 15-15-6.7-15-15c0-8.2 6.7-15 15-15z'/%3E%3Cpath d='m199.4 122.5-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM119.8 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3C/svg%3E");
    --htmlblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='HTML-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M76.5 110.6c-1.7.8-3.3 1.5-4.9 2.2s-3.1 1.4-4.6 2.1v8c0 .2 0 .3.1.4.1.1.1.2.2.3s.2.2.4.2c2.1.9 4.2 1.8 6.4 2.8 2.1.9 4.2 1.8 6.3 2.8s4.2 1.8 6.3 2.8v-5.6c0-.2-.1-.4-.1-.5-.1-.1-.2-.2-.4-.3-.5-.2-1.4-.6-2.4-1.1-1.1-.5-2.3-1.1-3.7-1.7-1.4-.6-2.8-1.2-4.3-1.9-1.2-.5-2.3-1-3.3-1.4v-1c.7-.4 1.5-.7 2.4-1.1 1.1-.5 2.3-1 3.4-1.5 1.2-.5 2.3-1 3.3-1.5 1.1-.5 2-.9 2.8-1.2.8-.4 1.4-.6 1.8-.8.2-.1.4-.2.4-.4.1-.1.1-.2.1-.5v-5.6c-1.6.7-3.3 1.4-5 2.2-1.9.8-3.6 1.6-5.2 2.3zm14 25.3c-.3.8-.6 1.7-.9 2.4h5.8c.1 0 .2-.1.4-.1.1-.1.2-.2.3-.4 1.6-4.3 3.3-8.6 4.9-12.9s3.3-8.6 5-12.9c1.7-4.3 3.3-8.6 5-12.9h-6.1c-.1 0-.1 0-.2.1-.1 0-.1.1-.1.2-1.5 3.8-2.9 7.5-4.4 11.3-1.5 3.7-2.9 7.5-4.4 11.3-1.4 3.8-2.8 7.6-4.3 11.3-.4.9-.7 1.8-1 2.6zm42.4-20.9c-.1-.1-.1-.2-.2-.3-.1-.1-.2-.2-.4-.2-2.1-.9-4.2-1.8-6.3-2.8-2.1-.9-4.2-1.8-6.3-2.8-2.1-.9-4.2-1.8-6.3-2.8v5.6c0 .2 0 .4.1.5l.4.4c.5.2 1.4.6 2.4 1.1 1.1.5 2.3 1.1 3.7 1.7 1.4.7 2.8 1.2 4.3 1.9 1.2.5 2.3 1 3.3 1.4v.9c-.7.4-1.5.7-2.4 1.1-1.1.5-2.3 1-3.4 1.5-1.2.5-2.3 1-3.3 1.5-1.1.5-2 .9-2.8 1.2-.8.4-1.4.6-1.8.8-.2.1-.4.2-.4.3-.1.1-.1.2-.1.5v5.6c1.6-.7 3.3-1.5 5-2.3 1.7-.7 3.4-1.5 5.1-2.3 1.7-.8 3.3-1.5 4.9-2.3 1.6-.7 3.1-1.4 4.6-2.1v-8c-.1.2-.1.1-.1-.1z'/%3E%3Cpath d='M110.7 38.3H51.6v123.5h96.8V75.9l-37.7-37.6zm4.4 33.3V57l14.6 14.6h-14.6zm23.1 10.2v69.8H61.7V48.4h43.2v33.3h33.3z'/%3E%3C/svg%3E");
    --ordered-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='OL-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M65 150h110M65 100h110M65 50h110'/%3E%3Cpath d='M49.2 60.5c-1.7-.4-4.5 0-6.7-.1V33.2c-.9-1.3-6-.2-7.7-.5-2.4 1.6-5 3.4-7.4 5.1.2.3-.3 8.3.2 8.2 2.7-.8 5.2-3.5 6.6-6.1h1v20.5h-8.8c.1 2-.2 4.8.1 6.8 7 .4 15.7 0 22.8.1-.1-1.8.3-5-.1-6.8zm.5 50.3c-4.9-.5-11.8-.2-16.3 1.2.2-7.1 10.8-8.1 14-13.5 6.7-12.1-5.4-19-16.2-15.1-5.7 1.3-3.9 4.7-4.1 9h1c3.4-2.4 10.8-5 13.7-1.2.8 7.6-13.2 8.8-14.8 16.1-1 2.6-1.3 7.5-.6 10.2 7.3.2 16.3 0 23.6.1-.3-2 .1-4.9-.3-6.8zm-.7 43.1c-1.5-2.2-4.3-3.3-7.3-3.9v-1c9.3-.6 10.8-13.7 1.8-16.1-4.6-1.5-12.5-1.2-16.6.7-.3 2 0 4.9-.1 6.9 4.5-.4 11-3 15 .3 2.4 6.2-6.7 5.1-11.2 5.4-.8 11.4 1.7 4.7 10 7.9 3 1 2.9 5.4-.2 6.2-4.6 1.3-10-.1-14.5-1v6.6c.2 1.1 1 .9 2.4 1.3 9.3 2.6 26.5.1 20.7-13.3z'/%3E%3C/svg%3E");
    --unordered-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='UL-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M65 150h110M65 100h110M65 50h110'/%3E%3Ccircle cx='37.5' cy='50.2' r='12.5'/%3E%3Ccircle cx='37.5' cy='100' r='12.5'/%3E%3Ccircle cx='37.5' cy='150' r='12.5'/%3E%3C/svg%3E");
    --inc-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Inc-List-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M90 140h110M90 100h110M90 60h110M58 40v120'/%3E%3Cpath d='M0 125V75l30 25z'/%3E%3C/svg%3E");
    --dec-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Dec-List-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M90 140h110M90 100h110M90 60h110M58 40v120'/%3E%3Cpath d='M30 75v50L0 100z'/%3E%3C/svg%3E");
    --def-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Def-List-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M34.2 63.4c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4 0-1.5.5-2.9 1.7-4 1.1-1.1 2.4-1.7 4-1.7 1.5 0 2.9.6 4 1.7s1.7 2.4 1.7 4c0 1-.3 2-.8 2.8-.5.9-1.2 1.5-2 2-.9.6-1.9.9-2.9.9zm0 32.2c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4s.5-2.9 1.7-4c1.1-1.1 2.4-1.7 4-1.7 1.5 0 2.9.5 4 1.7 1.1 1.1 1.7 2.4 1.7 4 0 1-.3 2-.8 2.8-.5.9-1.2 1.5-2 2-.9.7-1.9.9-2.9.9zm19.2 8.2h-8.1L68.7 40h8l23.4 63.8H92L73 50.1h-.5l-19.1 53.7zm3-24.9H89v6.9H56.4v-6.9zm54.9-15.5c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4 0-1.5.6-2.9 1.7-4s2.4-1.7 4-1.7 2.9.6 4 1.7 1.7 2.4 1.7 4c0 1-.3 2-.8 2.8-.5.9-1.2 1.5-2 2-1 .6-1.9.9-2.9.9zm0 32.2c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4s.6-2.9 1.7-4 2.4-1.7 4-1.7 2.9.5 4 1.7 1.7 2.4 1.7 4c0 1-.3 2-.8 2.8s-1.2 1.5-2 2c-1 .7-1.9.9-2.9.9zm17.3 8.2V40h22.3c4.4 0 8.1.8 11 2.3s5 3.6 6.4 6.1c1.4 2.6 2.1 5.4 2.1 8.5 0 2.7-.5 5-1.4 6.8-1 1.8-2.2 3.2-3.8 4.2s-3.3 1.8-5.1 2.3v.6c2 .1 3.9.8 5.9 2.1 2 1.2 3.6 3 5 5.4s2 5.2 2 8.5c0 3.2-.7 6.1-2.2 8.6s-3.7 4.6-6.9 6.1c-3.1 1.5-7.2 2.2-12.2 2.2h-23.1zm7.7-35.8h14.3c2.3 0 4.4-.5 6.3-1.4 1.9-.9 3.4-2.2 4.5-3.9 1.1-1.7 1.7-3.6 1.7-5.9 0-2.8-1-5.2-2.9-7.1s-5-2.9-9.3-2.9h-14.6V68zm0 28.9h15.3c5 0 8.6-1 10.8-2.9s3.2-4.3 3.2-7.1c0-2.2-.6-4.2-1.7-6-1.1-1.8-2.7-3.3-4.7-4.4-2-1.1-4.4-1.7-7.2-1.7h-15.7v22.1z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-width='10' d='M69.9 154.2h80m-80-28.8h80'/%3E%3Cpath stroke='%23000000' stroke-width='2.5' d='M50.1 130.4v-10l10 5-10 5zm0 29v-10l10 5-10 5z'/%3E%3C/svg%3E");
    --footnote-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Footnotes-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M127.9 84.7v14.6H73.5v15.4'/%3E%3Cpath d='M185 125.1v30h-75v-30h75m5-5h-85v40h85v-40zM75 77.4H10v-5h65v5zm-20-15H10v-5h45v5zm40-15H10v-5h85v5z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='5' d='M95 44.9H10m45 15H10m65 15H10'/%3E%3Cpath d='M130.4 44.9v30H125V50.2h-.2l-7 4.5v-5l7.5-4.8h5.1zm-54.7 80.2v30h-5.4v-24.7h-.2l-7 4.5v-5l7.5-4.8h5.1z'/%3E%3C/svg%3E");
    --math-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Math-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M160 157H40m0-110h120'/%3E%3Cpath d='m65.1 142-3-7.1 29.1-35.7-28.7-29.1 3-8.1h60.1l5.2 4.3V83h-8.4l-5.6-10.7H82.4l28.5 28.6v4.7l-24.6 28h35.4l4.2-10.8h6.8V142H65.1z'/%3E%3C/svg%3E");
    --inline-math-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Inline-Math-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m65.1 142-3-7.1 29.1-35.7-28.7-29.1 3-8.1h60.1l5.2 4.3V83h-8.4l-5.6-10.7H82.4l28.5 28.6v4.7l-24.6 28h35.4l4.2-10.8h6.8V142H65.1z'/%3E%3Cpath d='m65.8 103.4-54.9 28v-10.9L53 100.2l-.3.7v-1.7l.3.7-42.1-20.4V68.6l54.9 28v6.8zm69.3-6.8 54.9-28v10.9l-42.1 20.3.3-.7v1.7l-.3-.7 42.1 20.3v10.9l-54.9-28v-6.7z'/%3E%3C/svg%3E");
    --eq-def-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Equation-Ref-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' d='M.5 0h200v200H.5z'/%3E%3Cpath d='m145.7 106.1.9-25-21.1 13.4L120 85l22.3-11.6L120 61.8l5.5-9.5 21.1 13.4-.9-25h10.9l-.9 25 21.1-13.4 5.5 9.5L160 73.4 182.3 85l-5.5 9.5-21.1-13.4.9 25h-10.9zM21 160V87.3h45.6v9.4H32v22.2h32.2v9.4H32v22.3h35v9.4H21zm100.9 20.5h-10.6v-28.9h-.6c-.6 1.2-1.6 2.5-2.8 4s-2.8 2.8-4.9 3.9c-2.1 1.1-4.8 1.7-8.1 1.7-4.4 0-8.3-1.1-11.8-3.4-3.4-2.3-6.1-5.5-8.1-9.7s-2.9-9.3-2.9-15.1 1-10.9 3-15.1c2-4.2 4.7-7.4 8.1-9.6 3.5-2.2 7.4-3.3 11.8-3.3 3.4 0 6.1.6 8.2 1.7 2.1 1.1 3.7 2.4 4.8 3.9 1.1 1.5 2 2.8 2.7 3.9h.9v-8.8H122v74.8zm-10.5-47.8c0-3.8-.5-7.1-1.6-9.9-1.1-2.8-2.7-5.1-4.8-6.6-2.1-1.6-4.7-2.4-7.8-2.4-3.2 0-5.9.8-8 2.5-2.1 1.7-3.7 3.9-4.8 6.8-1.1 2.9-1.6 6.1-1.6 9.7 0 3.6.5 6.9 1.6 9.8 1.1 2.9 2.7 5.2 4.8 6.9 2.1 1.7 4.8 2.5 7.9 2.5 3.1 0 5.6-.8 7.8-2.4 2.1-1.6 3.7-3.9 4.8-6.8 1.2-2.9 1.7-6.2 1.7-10.1z'/%3E%3C/svg%3E");
    --bib-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath id='Bibliography-Icon' d='M165.6 110.1c2.6-6.4 2.6-13.8 0-20.2 2.7-6.7 2.6-14.6-.4-21.2-.2-.5-.6-.9-1-1.1l-46.4-27.1c-.4-.3-1-.4-1.5-.3l-81.4 6.9h-.5c-.1 0-.2.1-.2.1s-.1 0-.1.1c-.1 0-.2.1-.2.1l-.1.1-.2.2-.1.1-.2.2s-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2 0 .1-.1.2v1.4c0 .1 0 .2.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2-.5 1.2-.1 2.5 1 3.2l46.4 27.1c.4.2.8.3 1.3.3h.2l81.4-6.9c.9-.1 1.7-.6 2.1-1.5 3-6.6 3.1-14.5.4-21.3 2.1-7 2.1-14.4-.4-20.8zm-81.3 6.7c2.5-6.4 2.4-13.7-.1-20 0-.1.1-.2.1-.2l76.1-6.5c0 .3.1.6.2.8 2.6 5.7 2.6 12.5 0 18.2-.2.4-.2.8-.2 1.2l-76.1 6.5zm-4.8-38.5c1.9 4.7 2.1 10 .7 14.8l-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l34.8 20.4 5.4 3.2zm0 20.2c1.9 4.7 2.1 10 .7 14.8l-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.6zm0 20.3c1.9 4.7 2.1 10 .7 14.8l-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.6zm.6 35-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.1 23.5.1.1c2 4.7 2.2 10 .7 14.8zm81-5.6-76 6.5c1.6-5.7 1.2-11.9-.9-17.4 0-.1.1-.2.1-.2l76.1-6.5c0 .3.1.6.2.8 2.3 5.2 2.5 11.4.5 16.8z'/%3E%3C/svg%3E");
    --bib-cite-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cg id='Bibliography-Cite-Icon'%3E%3Cpath d='m145.2 106.1.9-25L125 94.5l-5.5-9.5 22.3-11.6-22.3-11.6 5.5-9.5 21.1 13.4-.9-25h10.9l-.9 25 21.1-13.4 5.5 9.5-22.3 11.6L181.8 85l-5.5 9.5-21.1-13.4.9 25h-10.9z'/%3E%3Cpath d='m165.9 99.7.2 6 .1 2.6c.8-2.4 1.2-5 1.3-7.6l-1.6-1zm.5 12.8.1 3.6h-31.7l.1-3.6-50.7 4.3c2.5-6.4 2.4-13.7-.1-20 0-.1.1-.2.1-.2l29-2.5-2.4-4.2-5.2-9 9.2-4.8 5.2-2.7-5.2-2.7-9.2-4.8 5.2-9 5.5-9.5 3.3-5.8-1.9-1.1c-.4-.3-1-.4-1.5-.3l-81.4 6.9h-.5c-.1 0-.2.1-.2.1s-.1 0-.1.1c-.1 0-.2.1-.2.1l-.1.1-.2.2-.1.1-.2.2s-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2 0 .1-.1.2v1.4c0 .1 0 .2.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2-.5 1.2-.1 2.5 1 3.2l46.4 27.1c.4.2.8.3 1.3.3h.2l81.4-6.9c.9-.1 1.7-.6 2.1-1.5 3-6.6 3.1-14.5.4-21.3 1.9-6.2 2.2-12.6.5-18.4zm-86.3 41.3-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.1 23.5.1.1c2 4.7 2.2 10 .7 14.8zm0-20.2-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.5c2 4.7 2.2 10.1.7 14.9zm0-20.2-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.5c2 4.7 2.2 10 .7 14.9zm0-20.3-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8L74 75.1l5.4 3.2c2 4.7 2.2 10 .7 14.8zm81 55.1-76 6.5c1.6-5.7 1.2-11.9-.9-17.4 0-.1.1-.2.1-.2l76.1-6.5c0 .3.1.6.2.8 2.3 5.2 2.5 11.4.5 16.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
 
.weditor-h1::before {
    mask-image: var(--h1-mask);
    -webkit-mask-image: var(--h1-mask);
}
 
.weditor-h2::before {
    mask-image: var(--h2-mask);
    -webkit-mask-image: var(--h2-mask);
}
 
.weditor-h3::before {
    mask-image: var(--h3-mask);
    -webkit-mask-image: var(--h3-mask);
}
 
.weditor-h4::before {
    mask-image: var(--h4-mask);
    -webkit-mask-image: var(--h4-mask);
}
 
.weditor-h5::before {
    mask-image: var(--h5-mask);
    -webkit-mask-image: var(--h5-mask);
}
 
.weditor-h6::before {
    mask-image: var(--h6-mask);
    -webkit-mask-image: var(--h6-mask);
}
 
.weditor-italic::before {
    mask-image: var(--italic-mask);
    -webkit-mask-image: var(--italic-mask);
}
 
.weditor-underline::before {
    mask-image: var(--underline-mask);
    -webkit-mask-image: var(--underline-mask);
}
 
.weditor-strikethrough::before {
    mask-image: var(--strikethrough-mask);
    -webkit-mask-image: var(--strikethrough-mask);
}
 
.weditor-teletype::before {
    mask-image: var(--teletype-mask);
    -webkit-mask-image: var(--teletype-mask);
}
 
.weditor-quote::before {
    mask-image: var(--quote-mask);
    -webkit-mask-image: var(--quote-mask);
}
 
.weditor-superscript::before {
    mask-image: var(--superscript-mask);
    -webkit-mask-image: var(--superscript-mask);
}
 
.weditor-subscript::before {
    mask-image: var(--subscript-mask);
    -webkit-mask-image: var(--subscript-mask);
}
 
.weditor-raw::before {
    mask-image: var(--rawtext-mask);
    -webkit-mask-image: var(--rawtext-mask);
}
 
.weditor-hr::before {
    mask-image: var(--hr-mask);
    -webkit-mask-image: var(--hr-mask);
}
 
.weditor-div::before {
    mask-image: var(--divblock-mask);
    -webkit-mask-image: var(--divblock-mask);
}
 
.weditor-clearfloat::before {
    mask-image: var(--clearfloat-mask);
    -webkit-mask-image: var(--clearfloat-mask);
}
 
.weditor-clearfloatleft::before {
    mask-image: var(--clearfloatleft-mask);
    -webkit-mask-image: var(--clearfloatleft-mask);
}
 
.weditor-clearfloatright::before {
    mask-image: var(--clearfloatright-mask);
    -webkit-mask-image: var(--clearfloatright-mask);
}
 
.weditor-table::before {
    mask-image: var(--table-mask);
    -webkit-mask-image: var(--table-mask);
}
 
.weditor-toc::before {
    mask-image: var(--toc-mask);
    -webkit-mask-image: var(--toc-mask);
}
 
.weditor-code::before {
    mask-image: var(--codeblock-mask);
    -webkit-mask-image: var(--codeblock-mask);
}
 
.weditor-codewiz::before {
    mask-image: var(--codewiz-mask);
    -webkit-mask-image: var(--codewiz-mask);
}
 
.weditor-uri::before {
    mask-image: var(--url-mask);
    -webkit-mask-image: var(--url-mask);
}
 
.weditor-uriwiz::before {
    mask-image: var(--urlwiz-mask);
    -webkit-mask-image: var(--urlwiz-mask);
}
 
.weditor-pagelink::before {
    mask-image: var(--pagelink-mask);
    -webkit-mask-image: var(--pagelink-mask);
}
 
.weditor-pagelinkwiz::before {
    mask-image: var(--pagelinkwiz-mask);
    -webkit-mask-image: var(--pagelinkwiz-mask);
}
 
.weditor-image::before {
    mask-image: var(--imageblock-mask);
    -webkit-mask-image: var(--imageblock-mask);
}
 
.weditor-imagewiz::before {
    mask-image: var(--imagewiz-mask);
    -webkit-mask-image: var(--imagewiz-mask);
}
 
.weditor-html::before {
    mask-image: var(--htmlblock-mask);
    -webkit-mask-image: var(--htmlblock-mask);
}
 
.weditor-numlist::before {
    mask-image: var(--ordered-list-mask);
    -webkit-mask-image: var(--ordered-list-mask);
}
 
.weditor-bullist::before {
    mask-image: var(--ordered-list-mask);
    -webkit-mask-image: var(--ordered-list-mask);
}
 
.weditor-incindent::before {
    mask-image: var(--inc-list-mask);
    -webkit-mask-image: var(--inc-list-mask);
}
 
.weditor-decindent::before {
    mask-image: var(--dec-list-mask);
    -webkit-mask-image: var(--dec-list-mask);
}
 
.weditor-deflist::before {
    mask-image: var(--def-list-mask);
    -webkit-mask-image: var(--def-list-mask);
}
 
.weditor-footnote::before {
    mask-image: var(--footnote-mask);
    -webkit-mask-image: var(--footnote-mask);
}
 
.weditor-math::before {
    mask-image: var(--math-mask);
    -webkit-mask-image: var(--math-mask);
}
 
.weditor-mathinline::before {
    mask-image: var(--inline-math-mask);
    -webkit-mask-image: var(--inline-math-mask);
}
 
.weditor-eqref::before {
    mask-image: var(--eq-def-mask);
    -webkit-mask-image: var(--eq-def-mask);
}
 
.weditor-bib::before {
    mask-image: var(--bib-mask);
    -webkit-mask-image: var(--bib-mask);
}
 
.weditor-bibcite::before {
    mask-image: var(--bib-cite-mask);
    -webkit-mask-image: var(--bib-cite-mask);
}
 
.weditor-bold::before {
    mask-image: var(--bold-mask);
    -webkit-mask-image: var(--bold-mask);
}
 
.content .form tr {
    grid:
        'a b';
}
 
.content .form td:last-child {
    justify-content: start;
    margin-top: .1em;
}
 
.content .form tbody td:first-child {
    text-align: right;
}
 
#new-post-div #np-title, #np-text, #np-title {
    width: 100%;
    margin: 0;
}
 
#new-post-div textarea#np-text,
#edit-page-textarea {
    width: 100%;
    min-width: 100%;
    resize: vertical;
}
 
.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
 
div.wiki-note {
    border-width: 0 0 0 .3em;
    border-color: var(--theme-color);
    background: var(--accent-color);
    padding: .2em;
}
 
.hovertip .content, .code {
    background: var(--accent-color);
}
 
.footnote .f-heading,
.equation .e-heading,
.reference .r-heading {
    position: absolute;
    background: var(--theme-color);
    color: var(--highlight-color);
    padding: .2em .3em;
    left: -0.8em;
    top: -1em;
    -webkit-box-shadow: 1px 1px px -1px var(--shadow-color);
            box-shadow: 1px 1px px -1px var(--shadow-color);
}
 
.footnote .f-footer,
.equation .e-footer,
.reference .r-footer {
    display: none;
}
 
.footnote .f-content,
.reference .r-content {
    min-width: 8em;
    margin: .7em .2em .5em;
    color: var(--highlight-color);
}
 
#edit-page-title {
    width: 100%;
    margin: 0;
}
 
table.form td:last-child {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
 
#edit-page-form .form td:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
 
.form tr,
.edit-page-bottomtable tr {
    width: 100%;
}
 
.form tr:only-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}
 
.edit-page-bottomtable {
    float: right;
    width: calc(100% + 10px);
    max-width: unset;
    position: relative;
    right: -5px;
}
 
.edit-page-bottomtable * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 300px;
            flex: 1 0 300px;
}
 
#edit-page-comments {
    width: 100%;
    resize: vertical;
}
 
#game_over {
    background: var(--accent-color);
    text-align: center;
}
 
#file-upload-form tr {
    display: flex;
    width: max-content;
    margin: 0 auto;
    align-items: center;
}
 
#file-upload-form td {
    flex-direction: column;
    text-align: left;
}
 
.form tbody,
.form tr,
.edit-page-bottomtable tr {
    display: -ms-grid;
    display: grid;
    grid: "a" "b";
}
 
#history-form-1 td:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    grid-area: b;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
 
#action-area td {
    padding: 0;
    text-align: center;
}
 
#history-form-1 .form tr {
    grid:
        'a b';
    -ms-grid-columns: -webkit-max-content 1fr;
    -ms-grid-columns: max-content 1fr;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    text-align: center;
    margin: 0 auto;
}
 
.page-history {
    width: 100%;
}
 
.site-changes-box .form tbody {
    display: -ms-grid;
    display: grid;
    grid:
        "a a"
        "b c";
}
 
.form tbody :first-child {
    grid-area: a;
}
 
.changes-list-item:hover {
    background: var(--accent-color);
}
 
.changes-list-item table,
.changes-list-item tbody,
.changes-list-item tr {
    display: contents;
}
 
.changes-list-item {
    overflow: hidden;
    padding: 2px 0;
    display: -ms-grid;
    display: grid;
    grid:
        "t f d b"
        "c f r b";
    -ms-grid-columns: 1fr -webkit-max-content 30% 11em;
    -ms-grid-columns: 1fr max-content 30% 11em;
    grid-template-columns: 1fr -webkit-max-content 30% 11em;
    grid-template-columns: 1fr max-content 30% 11em;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid var(--accent-color);
}
 
.changes-list-item * {
    text-align: center;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    word-break: break-all;
}
 
.changes-list-item .title {
    grid-area: t;
}
 
.changes-list-item .mod-date {
    text-align: right;
    width: 100%;
    grid-area: d;
    color: var(--dim-text-color);
}
 
.changes-list-item .revision-no {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    grid-area: r;
    color: var(--dim-text-color);
}
.changes-list-item .flags {
    width: 3em;
    grid-area: f;
    color: var(--theme-color);
}
.changes-list-item table:last-child::before {
    content: "无";
}
.changes-list-item .mod-by {
    grid-area: b;
    width: unset;
}
 
.changes-list-item .comments,
.changes-list-item table:last-child::before {
    font-size: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--dim-text-color);
    margin: 2px 0;
    grid-area: c;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
 
/* Tabview */
 
.yui-nav li::before {
    content: "";
    background: var(--theme-color);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    left: 0;
    -webkit-transition: .1s;
    transition: .1s;
}
 
.yui-nav li::after {
    content: "";
    background: var(--text-color);
    position: absolute;
    opacity: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border: .25em solid var(--text-color);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    left: 50%;
    top: 100%;
    translate: -50% -50%;
    -webkit-transition: .1s;
    transition: .1s;
    z-index: 1;
}
 
.yui-nav li:hover::before {
    height: 100%;
}
 
.yui-nav li.selected::before {
    height: 100%;
    background: var(--text-color);
}
 
.yui-nav li.selected::after {
    opacity: 1;
}
 
.yui-nav li.selected a em {
    color: var(--background-color);
}
 
/* 标签 + 面包屑导航 */
 
.page-tags a,
#breadcrumbs a,
.forum-breadcrumbs a {
    padding: .2em .4em;
    margin-right: 5px;
    display: block;
    background: var(--accent-color);
    border-radius: 0 .7em;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: var(--basic-border);
    border-color: var(--light-theme-color);
}
 
#breadcrumbs a:not(:first-child) {
    margin-left: .2em;
}
 
.page-tags a:hover,
#breadcrumbs a:hover,
.forum-breadcrumbs a:hover {
    color: var(--special-text-color);
    border-radius: 0 .7em;
    border: 1px solid var(--theme-color);
    text-decoration: none;
}
 
.page-tags a::before,
#breadcrumbs a::before,
.forum-breadcrumbs a:before {
    content: "";
    background: var(--theme-color);
    position: absolute;
    height: 100%;
    width: 100%;
    left: calc(-100% - 2px);
    top: 0;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    z-index: -1;
    border: 1px solid var(--theme-color);
}
 
.page-tags a:hover::before,
#breadcrumbs a:hover::before,
.forum-breadcrumbs a:hover::before {
    left: 0;
    border-radius: 0 .7em;
}
 
a[href*="/system:page-tags/tag/_"] {
    display: none;
}
 
.page-tags span::before {
    content: "标签：";
}
 
#breadcrumbs,
.forum-breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: .5em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
 
/* 评分模块 */
div .page-rate-widget-box {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: var(--accent-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
 
div .page-rate-widget-box span {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    outline: none;
}
 
div .page-rate-widget-box .rate-points {
    background-color: var(--text-color);
    color: var(--background-color);
    font-weight: bold;
    padding: .2em .8em;
}
 
div .page-rate-widget-box a {
    text-decoration: none;
    color: var(--text-color);
    background-color: unset;
    padding: .2em .5em;
    height: 100%;
}
 
div .page-rate-widget-box a:hover, :is(.thread-container .post .options .btn-primary, .thread-container .post .options .btn-danger):hover {
    background-color: unset;
    color: var(--highlight-color);
}
 
.rateup, .btn-primary, a.btn-primary, div.buttons .btn-primary, .thread-container .post .options .btn-primary {
    --theme-color: var(--green);
    color: var(--green);
}
 
.ratedown, a[onclick*="delete"], .btn-danger, a.btn-danger, div.buttons .btn-danger, .thread-container .post .options .btn-danger, a.action-area-close {
    --theme-color: var(--error-color);
    color: var(--error-color);
}
 
#thread-action-area .btn:first-of-type {
    --theme-color: var(--error-color);
    --text-color: var(--error-color);
}
 
.cancel {
    --theme-color: var(--light-theme-color);
}
 
.disabled {
    display: inline;
    color: var(--dim-text-color);
    cursor: not-allowed;
}
 
.disabled::before {
    display: none;
}
 
/* SCP模块兼容 */
 
.scp-image-caption {
    text-align: center;
    border-bottom: .2em solid var(--theme-color);
    background: var(--accent-color);
}
 
.scp-image-caption p {
    margin: .2em;
}
 
.scp-image-block img, .image {
    position: relative;
}
 
img.image::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: var(--background-color);
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: pixelated;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAAWklEQVQ4jWNgGLaAEZ+kurnHf2T+zZM78KrHagC6IfjEiXIFsWqYSFFMtmuQ+fjkiHIFsa7D6TVkDcTEFl6DkA0hOnyQNePSiE8Op0GUqoErJDVB0jaLDA8AAOKNOss8fXzXAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center;
}
 
.scp-image-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-shadow: 1px 1px 4px var(--shadow-color);
            box-shadow: 1px 1px 4px var(--shadow-color);
}
 
.colmod-block > ul,
.colmod-block > ul > li {
    display:block;
    line-height:normal;
    list-style:none;
    margin:0;
    padding:0;
}
.colmod-block > ul > li > ul,
li.folded > .colmod-link-top a + a,
li.folded > .colmod-content,
li.folded > .colmod-link-end a,
li.unfolded > .colmod-link-top a:first-child {
    display:none;
}
.colmod-content {
    -webkit-animation:colmod-fade-in 0.2s ease-in-out;
    -moz-animation:colmod-fade-in 0.2s ease-in-out;
    animation:colmod-fade-in 0.2s ease-in-out;
    -webkit-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);
    -moz-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);
    animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);
}
li.folded > .colmod-content {
    -webkit-animation-name:none;
    -moz-animation-name:none;
    animation-name:none;
}
@-webkit-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
[class|="colmod-link"] div.foldable-list-container {
    display:inline;
}
.colmod-collapsiblealt > [class|="colmod-link"],
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] {
    margin:0.5em 0;
    text-align:center;
}
.colmod-collapsiblealt > [class|="colmod-link"] a,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a {
    padding:0.1em 0.5em;
    text-decoration:none;
    background-color:#F4F4F4;
    border:1px solid #AAA;
    color:#000;
}
.colmod-collapsiblealt > [class|="colmod-link"] a:hover,
.colmod-collapsiblealt > [class|="colmod-link"] a:active,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:hover,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:active {
    background:#DDD;
    text-decoration:none;
}
 
.block-right {
    float: right;
}
 
body .creditRate {
    margin-right: 0;
}
 
body .rate-box-with-credit-button {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
}
 
body .rate-box-with-credit-button .creditButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1rem;
}
 
body .modalcontainer {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}
 
body .fader {
    backdrop-filter: blur(1px);
}
 
body .creditButton p a {
    margin-left: 0;
    padding-top: 0;
    width: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: none;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--highlight-color);
    -webkit-transition: .1s;
    transition: .1s;
}
 
body .creditButton p a:hover {
    color: var(--highlight-color);
    background: var(--theme-color);
}
 
div #u-credit-view, div #u-credit-otherwise {
    z-index: 300;
}
 
div.creditButtonStandalone p a::before, div .creditButton p a::before {
    content: 'I';
}
 
#main-content div .modalbox {
    background: var(--background-color);
    background: linear-gradient(var(--accent-color) 51px, var(--background-color) 51px, var(--background-color));
    position: relative;
    border: #333 solid 1px;
    border-radius: 0px;
    -webkit-box-shadow: 0 2px 6px var(--shadow-color);
    box-shadow: 0 2px 6px var(--shadow-color);
    padding: 4px;
    max-height: 50vh;
}
 
.modalbox::after {
    content: var(--cleanAll);
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 80%;
    top: 100%;
    pointer-events: none;
}
 
body .close-credits {
    display: none;
}
 
.credit-back iframe {
    color: var(--link-color);
    -webkit-filter: hue-rotate(268deg) contrast(.6) brightness(1.5);
            filter: hue-rotate(268deg) contrast(.6) brightness(1.5);
}
 
.creditBottomRate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: .2rem;
    min-height: max-content;
}
 
.creditBottomRate > div {
    height: max-content;
}
 
#main-content .modalbox h2::before {
    display: none;
}
 
div.creditButtonStandalone p a {
    -webkit-box-shadow: 0 0 3px var(--shadow-color);
            box-shadow: 0 0 3px var(--shadow-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
 
div.creditButtonStandalone p a:hover {
    background: var(--theme-color);
    text-decoration: none;
}
 
div .colmod-block.creditHorm .colmod-content {
    z-index: 600;
}
 
/* 底栏模块适配 */
.nav.nav-pills {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding: 0 .2em 0 6em;
    gap: 2em;
}
 
.nav.nav-pills a {
    color: var(--theme-color);
    -webkit-transition: .2s;
    transition: .2s;
    --theme-color: inherit;
}
 
.nav.nav-pills a:hover {
    scale: 110%;
    color: var(--theme-color);
    text-decoration: none;
}
 
.wanted-pages-module tr {
    display: table-row;
}
 
.wanted-pages-module tbody, #rename-backlinks-box tbody {
    display: table-row-group;
}
 
#action-area  .wanted-pages-module td {
    display: table-cell;
    padding: .3em;
    text-align: center;
}
 
#action-area .page-options-bottom {
    float: left;
    width: 100%;
}
 
#rename-option-rename #rename-backlinks-box tr {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
}
#rename-option-rename #rename-backlinks-box tr td:last-child, #rename-backlinks-box th:last-child {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6rem;
            flex: 0 0 6rem;
}
#rename-option-rename #rename-backlinks-box tr:last-child {
    display: block;
}
 
#rename-option-rename .form tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
 
#who-rated-page-area * {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
}
 
/* 移动端适配 */
@media only screen and (max-width: 1024px) {
    #header {
        height: calc(var(--header-height) * 2);
        grid:
            "title a search user"
            "tpb tpb tpb tpb";
        -ms-grid-columns: -webkit-max-content 1fr -webkit-max-content var(--header-height);
        -ms-grid-columns: max-content 1fr max-content var(--header-height);
        grid-template-columns: -webkit-max-content 1fr -webkit-max-content var(--header-height);
        grid-template-columns: max-content 1fr max-content var(--header-height);
        position: sticky;
        top: calc(-1 * var(--header-height));
        padding-left: 0;
        padding-right: var(--header-height);
        z-index: 200;
    }
 
    #top-bar ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
 
    #top-bar li > ul {
        left: 0;
        width: 100%;
    }
 
    #header #top-bar li li:hover>ul {
        width: 50%;
        opacity: 1;
        z-index: 1;
    }
 
    #header #top-bar li li ul {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 10%;
    }
 
    #header #top-bar li  li {
        position: relative;
    }
 
    #header #top-bar li {
        position: static;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
 
    #top-bar li li > ul {
        position: absolute;
        left: 50%;
        top: 100%;
    }
 
    #header #top-bar a {
        width: auto;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
    }
 
    #account-options {
        right: -100%;
    }
 
    #top-bar div>ul>li:last-child::after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: var(--header-height);
        height: var(--header-height);
        background: transparent;
        -webkit-mask-image: -webkit-gradient(linear,left top, right top,from(#000e), color-stop(50%, #000e), to(transparent));
        -webkit-mask-image: linear-gradient(90deg,#000e 0%, #000e 50%, transparent 100%);
                mask-image: -webkit-gradient(linear,left top, right top,from(#000e), color-stop(50%, #000e), to(transparent));
                mask-image: linear-gradient(90deg,#000e 0%, #000e 50%, transparent 100%);
        -webkit-transition: .3s;
        transition: .3s;
        z-index: -1;
    }
 
    #top-bar div>ul>li:last-child:hover::after {
        background: var(--theme-color);
    }
 
    #header #top-bar li li a::after {
        right: calc(.5* var(--header-height));
        border-radius: 50%
    }
 
    #header #top-bar li li:hover>a::after {
        rotate: 90deg;
    }
 
    #side-bar {
        position: fixed;
        top: 0;
        left: unset;
        right: -20em;
        width: 20em;
        scrollbar-width: none;
        height: 100%;
        max-width: 100%;
    }
    #side-bar:hover {
        left: unset;
        right: 0;
        background: var(--accent-color);
        width: 20em;
    }
 
    #side-bar::before, #side-bar::after {
        left: unset;
        right: 0;
        -webkit-transform: rotateX(180deg);
                transform: rotateX(180deg);
    }
 
    #side-bar::after {
        rotate: 180deg;
    }
 
    #main-content {
        width: 95%;
    }
 
    .owindow {
        min-width: 90%;
    }
}
 
#header #top-bar .top-bar.mobile {
    display: none;
}
 
@media only screen and (max-width: 600px) {
    #header #top-bar .top-bar.pc {
        display: none;
    }
 
    #header #top-bar .top-bar.mobile {
        display: block;
    }
 
    #main-content {
        width: 100%;
    }
 
    #top-bar li li > ul {
        left: unset;
        right: 0;
    }
 
    #header #top-bar li li ul {
        width: 100%;
    }
 
    #header #top-bar li li:hover>ul {
        width: 80%;
    }
 
    #footer .options {
        margin: 0;
        padding: 0 .7em;
        text-align: center;
    }
 
    blockquote, .blockquote {
        margin: 1em;
    }
 
    div.wiki-note {
        margin: .5em 1em;
    }
}
 
/* 测试功能 */
/* 用户栏优化 */
.owindow .btn.btn-danger[onclick*="cleanAll"] {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    text-align: center;
    border: none;
    color: transparent;
    isolation: auto;
    outline: none;
    background: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
 
.owindow .btn.btn-danger[onclick*="cleanAll"]::before {
    content: var(--cleanAll);
    color: var(--text-color);
    width: 100%;
    text-align: center;
    background: none;
}
 
.owindow .btn.btn-danger[onclick*="cleanAll"]::after {
    background: none;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: -1;
}
 
.owindow div[style*="10px"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: .3em;
}
 
.owindow div[style*="10px"]>div {
    display: contents;
}
 
.owindow div[style*="10px"] * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 max-content;
            flex: 1 0 max-content;
    text-align: center;
    padding: .4em 1em
}
 
:is(#footer, #license-area, .page-watch-options) a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    top: 100%;
    left: 0;
    transform: scaleX(0);
    background-color: var(--theme-color);
    transform-origin: bottom right;
    transition: transform .3s ease-in-out;
}
 
:is(#footer, #license-area, .page-watch-options) a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
 
:is(#footer, #license-area, .page-watch-options) a {
    position: relative;
    text-decoration: none;
}
 
@layer {
    ::picker(select) {
        transition: all 0.5s;
        transition-behavior: allow-discrete;
        opacity: 0;
        max-height: 0;
        color: var(--highlight-color);
        box-shadow: 0 6px 15px oklch(0% 0 0 / 0.4);
        border: var(--basic-border);
        background: var(--accent-color);
    }
}
 
:open::picker(select) {
    opacity: 1;
    height: max-content;
    max-height: 7rem;
    @starting-style {
        opacity: 0;
        max-height: 0;
        height: max-content;
    }
}
 
select,
::picker(select) {
    cursor: pointer;
    appearance: base-select;
    scrollbar-width: none;
    height: 2.1em;
}
 
/* 反向链接优化 */
 
#action-area > ul {
    list-style: decimal;
}
 
/* Form优化 */
 
.form-table {
    width: 100%;
}
 
textarea.form-control.form-wiki {
    resize: vertical;
}
 
.form-label::after {
    content: '：';
}
 
/* 翻译测试 */
:root {
    --cleanAll: '(Click to close)';
    --delete-1: 'Warning: ';
    --delete-2: 'This will permanently remove this page from the website, and it will be impossible to recover the data. Are you sure you want to do this?';
    --watches-p: 'These people will be notified when this page is changed or commented on.';
    --watches-h1: 'Who watches this page';
    --close: 'Close';
    --close-window: 'close window';
    --close-message: 'close message';
    --cancel: 'cancel';
    --insert-code: 'insert code';
    --Image-wizard: 'Image wizard';
    --Code-block-wizard: 'Code block wizard';
    --URL-link-wizard: 'URL Link wizard';
    --Table-wizard: 'Table wizard';
    --Page-link-wizard: 'Page link wizard';
    --wanted: 'wanted pages';
    --orphaned: 'orphaned pages';
    --draft: 'draft pages';
    --wanted-tip: 'List "broken links" to pages that do not exist (yet).';
    --orphaned-tip: 'List pages that no other pages link to.';
    --draft-tip: 'List pages with saved draft.';
    --orphaned-h1: 'List of orphaned pages';
    --draft-h1: 'List of draft pages';
    --orphaned-p: 'Below is the list of pages that do not have any incoming links from other pages - at least internal links produced by syntax [[[page-name]]]. If a page is listed here it should not mean anything wrong because there might be special pages that do not (and should not as e.g. some forum pages) have incoming links. But it is recommended to check this list from time to time.';
    --draft-p: 'Below is the list of saved draft pages.';
    --scrollToText: 'You have an active editor somewhere already and it is not possible to edit multiple elements at once.';
    --scrollTo: '(scroll to active editor)';
    --toggleThreadOptions: 'Toggle Options';
    --updatePagedList: '« previous';
    --updatePagedList-1: 'next »';
    --nodraft: 'No draft pages found.';
}
 
:root:lang(cn) {
    --cleanAll: '（点击空白处关闭）';
    --close: '关闭';
    --close-window: '关闭窗口';
    --close-message: '关闭信息';
    --cancel: '取消';
    --insert-code: '插入代码';
    --Image-wizard: '图片插入向导';
    --Code-block-wizard: '代码块向导';
    --URL-link-wizard: 'URL链接向导';
    --Table-wizard: '表格向导';
    --Page-link-wizard: '站内链接向导';
    --watches-p: '当此页面有更改或被评论时，这些人将收到通知。';
    --watches-h1: '谁在关注此页面';
    --delete-1: '警告：';
    --delete-2: '这将会从网站上彻底移除此页面，并且不可能恢复。你确定要这么做吗？';
    --wanted: '待建页面';
    --orphaned: '孤立页面';
    --draft: '草稿页面';
    --wanted-tip: '列出被链向的（尚）不存在的页面';
    --orphaned-tip: '列出未被任何页面链向的孤立页面';
    --draft-tip: '列出存有草稿的页面';
    --orphaned-h1: '孤立页面列表';
    --draft-h1: '草稿页面列表';
    --orphaned-p: '以下是未被任何页面链向的孤立页面——至少没有由 [[[pagename]]] 语法生成的内部链接。如果一个页面列在这里并不一定意味着有什么问题，因为可能存在一些特殊页面，它们没有（并且像某些论坛页面那样也不应该有）传入链接。但仍然建议不时查看此列表。';
    --draft-p: '以下是存有草稿的页面:';
    --scrollToText: '您已经在某处打开了一个编辑器，无法同时编辑多个元素。';
    --scrollTo: '（跳转至编辑器处）';
    --toggleThreadOptions: '更多选项';
    --updatePagedList: '« 上一页';
    --updatePagedList-1: '下一页 »';
    --nodraft: '当前无草稿';
}
 
#rename-option-delete p {
    font-size: 0;
    text-align: center;
    font-style: italic;
    font-weight: bold;
}
 
#rename-option-delete p::before {
    content: var(--delete-1);
    font-size: .82rem;
    color: var(--error-color);
}
 
#rename-option-delete p::after {
    content: var(--delete-2);
    font-size: .82rem;
}
 
#rename-option-delete .btn-danger {
    --error-color: var(--text-color);
}
 
#rename-option-delete .btn-primary {
    --green: var(--error-color);
}
 
a.action-area-close.btn.btn-danger, #st-wanted-pages-button, #st-orphaned-pages-button, #st-draft-pages-button, #st-wanted-pages-button-hovertip .content, #st-orphaned-pages-button-hovertip .content, #st-draft-pages-button-hovertip .content, #history-subarea .action-area-close {
    font-size: 0;
    padding: .21rem .5rem;
}
 
#st-wanted-pages-button::after {
    content: var(--wanted);
    font-size: .82rem;
}
 
#st-orphaned-pages-button::after {
    content: var(--orphaned);
    font-size: .82rem;
}
 
#st-draft-pages-button::after {
    content: var(--draft);
    font-size: .82rem;
}
 
#st-wanted-pages-button-hovertip .content::after {
    content: var(--wanted-tip);
    font-size: .82rem;
    padding: .2em .5em;
}
 
#st-orphaned-pages-button-hovertip .content::after {
    content: var(--orphaned-tip);
    font-size: .82rem;
    padding: .2em .5em;
}
 
#st-draft-pages-button-hovertip .content::after {
    content: var(--draft-tip);
    font-size: .82rem;
    padding: .2em .5em;
}
 
#st-action-area h1::before, #action-area:has(ul[style*="list-style: none"]) h1::before {
    left: -0.2rem;
    top: .1rem;
    width: .3rem;
}
 
#st-action-area:not(:has(.wanted-pages-module)) h1, #st-action-area:not(:has(.wanted-pages-module)) p {
    font-size: 0;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
 
#st-action-area:not(:has(.wanted-pages-module)) h1::after, #action-area:has(ul[style*="list-style: none"]) h1::after {
    content: var(--draft-h1);
    font-size: 1.558rem;
    background: none;
}
 
#st-action-area:not(:has(.wanted-pages-module)) p::after {
    content: var(--draft-p);
    font-size: .82rem;
}
 
#st-action-area:not(:has(.wanted-pages-module)) p:last-child::after {
    content: var(--nodraft);
    font-size: .82rem;
    font-style: italic;
}
 
#st-action-area:not(:has(.wanted-pages-module)) {
    float: left;
}
 
#st-action-area:not(:has(.wanted-pages-module)):has(span) h1::after {
    content: var(--orphaned-h1);
}
 
#st-action-area:not(:has(.wanted-pages-module)):has(span) p::after {
    content: var(--orphaned-p);
}
 
.action-area-close.btn.btn-danger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
 
.action-area-close.btn.btn-danger::after, #history-subarea .action-area-close::after {
    content: var(--close);
    font-size: .82rem;
    position: static;
    z-index: 1;
    background: none;
}
 
#action-area:has(ul[style*="list-style: none"]) p, #action-area:has(ul[style*="list-style: none"]) h1 {
    font-size: 0;
    display: block;
}
 
#action-area:has(ul[style*="list-style: none"]) p::after {
    font-size: .82rem;
    content: var(--watches-p);
}
 
#action-area:has(ul[style*="list-style: none"]) h1::after {
    font-size: 1.558rem;
    content: var(--watches-h1);
}
 
.btn.button.button-close-window, .btn.button.button-cancel, .btn.button.button-insert-code, .owindow a.button-close-message {
    font-size: 0;
    --theme-color: var(--error-color);
    outline-width: .082rem;
    padding: .082rem .41rem;
}
 
.button-insert-code {
    --theme-color: var(--green);
}
 
.button-close-window::after, .button.button-cancel::after, .button-insert-code::after, .button-close-message::after {
    content: var(--close-window);
    font-size: .82rem;
    transition: .2s;
    background: none;
    z-index: 1;
    color: var(--error-color);
    position: static;
}
 
.button.button-cancel::after {
    content: var(--cancel);
}
 
.button-insert-code::after {
    content: var(--insert-code);
    color: var(--green);
}
 
.button-close-message::after {
    content: var(--close-message);
}
 
.button-close-window:hover::after, .button.button-cancel:hover::after, .button-insert-code:hover::after, .button-close-message:hover::after {
    color: var(--highlight-color);
}
 
.owindow:has([id*=wizard]) .title, .content:has(a[onclick*="scrollTo"]), .content a[onclick*="scrollTo"] {
    font-size: 0;
}
 
.owindow:has([id*=wizard]) .title::before {
    font-size: .984rem;
}
 
.owindow:has([id*=imagewizard]) .title::before {
    content: var(--Image-wizard);
}
 
.owindow:has([id*=codewizard]) .title::before {
    content: var(--Code-block-wizard);
}
 
.owindow:has([id*=uriwizard]) .title::before {
    content: var(--URL-link-wizard);
}
 
.owindow:has([id*=tablewizard]) .title::before {
    content: var(--Table-wizard);
}
 
.owindow:has([id*=pagelinkwizard]) .title::before {
    content: var(--Page-link-wizard);
}
 
.content:has(a[onclick*="scrollTo"])::before {
    content: var(--scrollToText);
    font-size: .82rem;
}
 
.content a[onclick*="scrollTo"]::before {
    content: var(--scrollTo);
    font-size: .82rem;
}
 
#thread-toggle-options {
    font-size: 0;
    padding: .1rem .5rem;
    outline-width: .1rem;
}
 
#thread-toggle-options::after {
    content: var(--toggleThreadOptions);
    font-size: .82rem;
    z-index: 1;
    background: none;
    position: static;
}
 
.target:last-child a, .target:nth-child(2) a {
    font-size: 0;
    padding: .246rem .82rem;
}
 
.target:nth-child(2) a::after, .current:nth-child(2)::before {
    content: var(--updatePagedList);
    font-size: .82rem;
}
 
.target:last-child a::after {
    content: var(--updatePagedList-1);
    font-size: .82rem;
}
 
.pager .current:nth-child(2) {
    padding: 0;
    margin: 0;
    font-weight: bold;
    background-color: unset;
    color: var(--highlight-color);
    border: none;
    font-size: 0;
}
 
.current:nth-child(2)::before {
    color: var(--theme-color);
    padding: .246rem .82rem;
    opacity: .7;
    cursor: not-allowed;
    font-weight: normal;
}
 
.current:nth-child(2):after {
    content: '1';
    padding: .246rem .82rem;
    background-color: var(--accent-color);
    color: var(--highlight-color);
    font-size: .82rem;
    display: flex;
    height: 100%;
    box-sizing: border-box;
    align-items: center;
}