@charset "UTF-8";

/*
 * Dark mode overrides.
 * Enabled when <html> has class: wp-dark-mode-active
 */

html.wp-dark-mode-active {
    color-scheme: dark;
}

html.wp-dark-mode-active body {
    background-color: #1f2125;
    color: rgb(199, 192, 181);
}

html.wp-dark-mode-active p,
html.wp-dark-mode-active time,
html.wp-dark-mode-active .single-content,
html.wp-dark-mode-active .single-content p {
    color: rgb(199, 192, 181);
}

html.wp-dark-mode-active a:not(.btn):not(.nav-link) {
    color: #ff8fa0;
}

html.wp-dark-mode-active a:not(.btn):not(.nav-link):hover {
    color: #ffb2bf;
}

html.wp-dark-mode-active input,
html.wp-dark-mode-active textarea,
html.wp-dark-mode-active select {
    background-color: #2a2d32;
    border-color: #4a4f57;
    color: #e4e8ee;
}

html.wp-dark-mode-active .table > :not(caption) > * > * {
    background-color: transparent;
    box-shadow: none;
}

html.wp-dark-mode-active #boxmoe_theme_header .navbar.scrolled {
    box-shadow: rgba(16, 18, 28, 0.07) 0px 0.125rem 0.25rem;
    background-color: rgba(36, 37, 37, 0.8) !important;
}

html.wp-dark-mode-active #boxmoe_theme_header .navbar.scrolled .navbar-nav .nav-item .nav-link {
    color: rgb(199, 192, 181);
}

html.wp-dark-mode-active .boxmoe-bg,
html.wp-dark-mode-active .post-single,
html.wp-dark-mode-active .blog-sidebar .widget,
html.wp-dark-mode-active .bangumi-card {
    background-color: rgb(36, 37, 37);
}

html.wp-dark-mode-active .blog-border:after {
    background-color: #1e1e1e !important;
}

html.wp-dark-mode-active .waves use {
    fill: #252b35;
}

html.wp-dark-mode-active .post-single pre.prettyprint {
    background: linear-gradient(0deg, #353535, #414141) !important;
}

html.wp-dark-mode-active .blog-sidebar .widget-latest-comment .comment-content::before {
    border-bottom: 6px solid #3e4141;
}

html.wp-dark-mode-active .comment-content {
    color: rgb(191, 184, 173);
    background-color: rgb(40, 41, 41);
    border-color: rgb(62, 65, 65);
}

html.wp-dark-mode-active .comment-body .meta-data a,
html.wp-dark-mode-active .comment-body .meta-data .comment-author {
    color: rgb(192, 186, 174);
}

html.wp-dark-mode-active .list-one .post-list-content .post-content {
    color: rgb(193, 186, 174);
}

html.wp-dark-mode-active b,
html.wp-dark-mode-active strong,
html.wp-dark-mode-active .h1,
html.wp-dark-mode-active .h2,
html.wp-dark-mode-active .h3,
html.wp-dark-mode-active .h4,
html.wp-dark-mode-active .h5,
html.wp-dark-mode-active .h6,
html.wp-dark-mode-active h1,
html.wp-dark-mode-active h2,
html.wp-dark-mode-active h3,
html.wp-dark-mode-active h4,
html.wp-dark-mode-active h5,
html.wp-dark-mode-active h6 {
    color: rgb(202, 210, 214);
}

html.wp-dark-mode-active .MoeJuelinks ul li {
    border-color: rgb(63, 66, 66);
}

html.wp-dark-mode-active .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

html.wp-dark-mode-active .accordion-button {
    background-color: rgb(16, 18, 28);
    color: rgb(158, 149, 135);
}

html.wp-dark-mode-active .thw-sept:after {
    background: linear-gradient(270deg, rgb(95 95 95) 0%, rgb(91 91 91) 50%, rgb(105 105 105) 100%);
}

html.wp-dark-mode-active .card {
    background-color: rgb(37, 43, 53);
    border-color: rgb(90, 106, 130);
    color: rgb(158, 149, 135);
}

html.wp-dark-mode-active #respond textarea.form-control {
    background-color: rgb(36, 37, 37);
}

html.wp-dark-mode-active .box-btn.moe {
    color: rgb(203, 196, 185);
    background-color: rgb(36, 37, 37);
    border-color: rgb(127, 118, 104);
}

html.wp-dark-mode-active .comment-submit-btn {
    border: var(--bs-border-width) solid #5d5d5d;
}

html.wp-dark-mode-active #live2d {
    filter: brightness(0.6) contrast(1.2);
}

/* wp-admin + login */
html.wp-dark-mode-active body.wp-admin,
html.wp-dark-mode-active body.login {
    background: #1b1d21;
    color: #d5dbe3;
}

html.wp-dark-mode-active body.wp-admin #wpcontent,
html.wp-dark-mode-active body.wp-admin #wpbody-content,
html.wp-dark-mode-active body.wp-admin .wrap,
html.wp-dark-mode-active body.wp-admin .notice,
html.wp-dark-mode-active body.wp-admin .postbox,
html.wp-dark-mode-active body.wp-admin .stuffbox,
html.wp-dark-mode-active body.wp-admin .meta-box-sortables .postbox {
    background-color: #23262b;
    color: #d5dbe3;
    border-color: #3f434b;
}

html.wp-dark-mode-active body.wp-admin .wrap h1,
html.wp-dark-mode-active body.wp-admin .wrap h2,
html.wp-dark-mode-active body.wp-admin .wrap h3,
html.wp-dark-mode-active body.wp-admin label,
html.wp-dark-mode-active body.wp-admin .description,
html.wp-dark-mode-active body.wp-admin p {
    color: #d5dbe3;
}

html.wp-dark-mode-active body.wp-admin #adminmenu,
html.wp-dark-mode-active body.wp-admin #adminmenu .wp-submenu,
html.wp-dark-mode-active body.wp-admin #adminmenuback,
html.wp-dark-mode-active body.wp-admin #adminmenuwrap {
    background: #16181c;
}

html.wp-dark-mode-active body.wp-admin .wp-core-ui .button,
html.wp-dark-mode-active body.wp-admin .wp-core-ui .button-secondary {
    background: #2c3138;
    border-color: #4a5059;
    color: #e5ebf3;
}

html.wp-dark-mode-active body.wp-admin .wp-core-ui .button-primary {
    background: #4f6ef7;
    border-color: #4f6ef7;
}

html.wp-dark-mode-active body.wp-admin .wp-list-table,
html.wp-dark-mode-active body.wp-admin .widefat,
html.wp-dark-mode-active body.wp-admin .widefat thead tr th,
html.wp-dark-mode-active body.wp-admin .widefat tfoot tr th,
html.wp-dark-mode-active body.wp-admin .alternate,
html.wp-dark-mode-active body.wp-admin .striped > tbody > :nth-child(odd) {
    background: #23262b;
    color: #d5dbe3;
    border-color: #3f434b;
}

html.wp-dark-mode-active body.wp-admin .wp-core-ui select,
html.wp-dark-mode-active body.wp-admin input[type="text"],
html.wp-dark-mode-active body.wp-admin input[type="number"],
html.wp-dark-mode-active body.wp-admin input[type="search"],
html.wp-dark-mode-active body.wp-admin input[type="email"],
html.wp-dark-mode-active body.wp-admin input[type="url"],
html.wp-dark-mode-active body.wp-admin input[type="password"],
html.wp-dark-mode-active body.wp-admin textarea {
    background-color: #2a2e34;
    border-color: #4a5059;
    color: #e5ebf3;
}

html.wp-dark-mode-active body.login #loginform,
html.wp-dark-mode-active body.login #registerform,
html.wp-dark-mode-active body.login #lostpasswordform {
    background: #23262b;
    border-color: #3f434b;
    color: #d5dbe3;
}

html.wp-dark-mode-active body.login .message,
html.wp-dark-mode-active body.login #login_error {
    background: #23262b;
    border-left-color: #4f6ef7;
    color: #d5dbe3;
}

/* Frontend completeness */
html.wp-dark-mode-active {
    --bs-body-bg: #1f2125;
    --bs-body-color: #d5dbe3;
    --bs-white: #23262b;
    --bs-light: #2b2f36;
    --bs-border-color: #3f434b;
}

html.wp-dark-mode-active .bg-white,
html.wp-dark-mode-active .bg-light,
html.wp-dark-mode-active .dropdown-menu,
html.wp-dark-mode-active .modal-content,
html.wp-dark-mode-active .popover,
html.wp-dark-mode-active .search_form_inner,
html.wp-dark-mode-active .boxmoe_user_center .user-menu,
html.wp-dark-mode-active .boxmoe_links_card,
html.wp-dark-mode-active #respond .input-group-text,
html.wp-dark-mode-active #respond textarea.form-control {
    background-color: #23262b !important;
    color: #d5dbe3;
    border-color: #3f434b;
}

html.wp-dark-mode-active #boxmoe_theme_header .offcanvas {
    background-image: none;
    background-color: #1f2125;
}

/* Header nav dropdown readability in dark mode */
html.wp-dark-mode-active #boxmoe_theme_header .navbar .navbar-nav .nav-item .nav-link {
    color: #d5dbe3 !important;
}

html.wp-dark-mode-active #boxmoe_theme_header .navbar .navbar-nav .nav-item .nav-link:hover,
html.wp-dark-mode-active #boxmoe_theme_header .navbar .navbar-nav .nav-item .nav-link.active {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.12);
}

html.wp-dark-mode-active #boxmoe_theme_header .navbar .dropdown .dropdown-toggle:after {
    color: #d5dbe3 !important;
}

html.wp-dark-mode-active #boxmoe_theme_header .navbar .navbar-nav .dropdown > .dropdown-menu,
html.wp-dark-mode-active #boxmoe_theme_header .navbar .navbar-nav .dropdown .dropdown-menu.dropdown-subitem {
    background-color: #23262b !important;
    border: 1px solid #3f434b !important;
}

html.wp-dark-mode-active #boxmoe_theme_header .navbar .navbar-nav .dropdown > .dropdown-menu .dropdown-item,
html.wp-dark-mode-active #boxmoe_theme_header .navbar .navbar-nav .dropdown .dropdown-menu.dropdown-subitem .dropdown-item {
    color: #d5dbe3 !important;
}

html.wp-dark-mode-active #boxmoe_theme_header .navbar .navbar-nav .dropdown > .dropdown-menu .dropdown-item:before,
html.wp-dark-mode-active #boxmoe_theme_header .navbar .navbar-nav .dropdown .dropdown-menu.dropdown-subitem .dropdown-item:before {
    background: #9aa5b4 !important;
}

html.wp-dark-mode-active #boxmoe_theme_header .navbar .navbar-nav .dropdown > .dropdown-menu .dropdown-item:hover,
html.wp-dark-mode-active #boxmoe_theme_header .navbar .navbar-nav .dropdown .dropdown-menu.dropdown-subitem .dropdown-item:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.08);
}

html.wp-dark-mode-active .blog-sidebar .widget-title,
html.wp-dark-mode-active .list-one .category .tags a,
html.wp-dark-mode-active .tag-cloud,
html.wp-dark-mode-active .single-content .section-title span,
html.wp-dark-mode-active .pagenav .page-item .page-link,
html.wp-dark-mode-active .fenye .post-page-numbers,
html.wp-dark-mode-active .fenye .page-numbers,
html.wp-dark-mode-active .btn-social,
html.wp-dark-mode-active .box-btn.moe {
    background-color: #2a2e34 !important;
    color: #d5dbe3 !important;
    border-color: #4a5059 !important;
    box-shadow: none;
}

html.wp-dark-mode-active .blog-sidebar .widget-post .title a,
html.wp-dark-mode-active .blog-sidebar .widget ul a,
html.wp-dark-mode-active .widget_categories ul li a,
html.wp-dark-mode-active .widget_archive ul li a,
html.wp-dark-mode-active .widget_pages ul li a,
html.wp-dark-mode-active .blog-sidebar .widget_meta ul li a,
html.wp-dark-mode-active .blog-sidebar .widget_recent_entries ul li a,
html.wp-dark-mode-active .blog-sidebar .widget_nav_menu ul li a,
html.wp-dark-mode-active .blog-sidebar .widget_block ul li a,
html.wp-dark-mode-active .post-list .post-title a {
    color: #d5dbe3 !important;
}

html.wp-dark-mode-active .blog-sidebar .widget_categories ul li,
html.wp-dark-mode-active .blog-sidebar .widget_archive ul li,
html.wp-dark-mode-active .blog-sidebar .widget_pages ul li,
html.wp-dark-mode-active .blog-sidebar .widget_meta ul li,
html.wp-dark-mode-active .blog-sidebar .widget_recent_entries ul li,
html.wp-dark-mode-active .blog-sidebar .widget_nav_menu ul li,
html.wp-dark-mode-active .blog-sidebar .widget_block ul li,
html.wp-dark-mode-active .comment-content,
html.wp-dark-mode-active .post-list,
html.wp-dark-mode-active .boxmoe-bg.bg-box {
    background-color: #2a2e34 !important;
    border-color: #3f434b !important;
}

html.wp-dark-mode-active blockquote,
html.wp-dark-mode-active .animated-border-quote blockquote,
html.wp-dark-mode-active .animated-border-quote blockquote:before,
html.wp-dark-mode-active .animated-border-quote blockquote:after {
    background-color: #2a2e34;
    border-color: #59606b;
    color: #d5dbe3;
}

html.wp-dark-mode-active .preloader {
    background: #1f2125;
}

html.wp-dark-mode-active .preloader.preloader-cat {
    background: radial-gradient(circle at center, #2b2f36 0%, #2b2f36 35%, #1f2125 100%);
}


html.wp-dark-mode-active body:not(.wp-admin):not(.login) a:hover img {
    filter: brightness(0.9) contrast(1.05) saturate(0.95);
}

html.wp-dark-mode-active body:not(.wp-admin):not(.login) img.logo,
html.wp-dark-mode-active body:not(.wp-admin):not(.login) .navbar-brand img,
html.wp-dark-mode-active body:not(.wp-admin):not(.login) .wp-smiley,
html.wp-dark-mode-active body:not(.wp-admin):not(.login) .emoji {
    filter: none !important;
}

/* Override theme.min.css dark filter on brand container */
html.wp-dark-mode-active body:not(.wp-admin):not(.login) #boxmoe_theme_header .navbar-brand,
html.wp-dark-mode-active body:not(.wp-admin):not(.login) #boxmoe_theme_header .navbar-brand.text-inverse,
html.wp-dark-mode-active body:not(.wp-admin):not(.login) #boxmoe_theme_header .text-inverse.logo {
    filter: none !important;
}

html.wp-dark-mode-active body:not(.wp-admin):not(.login) .section-blog-cover:before,
html.wp-dark-mode-active body:not(.wp-admin):not(.login) .section-blog-cover:after {
    background-color: rgba(0, 0, 0, 0.45);
}

/* Options Framework page in admin */
html.wp-dark-mode-active #optionsframework-wrap,
html.wp-dark-mode-active #optionsframework,
html.wp-dark-mode-active #optionsframework-wrap .nav-tab-wrapper,
html.wp-dark-mode-active #optionsframework-wrap .metabox-holder,
html.wp-dark-mode-active #optionsframework-wrap .postbox,
html.wp-dark-mode-active #optionsframework-wrap .stuffbox,
html.wp-dark-mode-active #optionsframework-wrap h3,
html.wp-dark-mode-active #optionsframework .section {
    background: #23262b !important;
    color: #d5dbe3 !important;
    border-color: #3f434b !important;
}

html.wp-dark-mode-active #optionsframework .section .heading,
html.wp-dark-mode-active #optionsframework-submit,
html.wp-dark-mode-active #optionsframework-wrap .header-set-title,
html.wp-dark-mode-active #optionsframework-wrap .navbar-brand,
html.wp-dark-mode-active #optionsframework-wrap .nav-tab-active,
html.wp-dark-mode-active #optionsframework-wrap .nav-tab:hover {
    background: #2a2e34 !important;
    color: #e5ebf3 !important;
    border-color: #3f434b !important;
}

html.wp-dark-mode-active #optionsframework input[type="text"],
html.wp-dark-mode-active #optionsframework input[type="number"],
html.wp-dark-mode-active #optionsframework select,
html.wp-dark-mode-active #optionsframework textarea {
    background: #1f2125 !important;
    color: #e5ebf3 !important;
    border-color: #4a5059 !important;
}

/* Dark mode readability fixes */
html.wp-dark-mode-active .post-list .post-title.h4 a,
html.wp-dark-mode-active .post-list .post-title a,
html.wp-dark-mode-active .blog-sidebar .widget-post .title a:not(.widget-button) {
    color: #dbe3ed !important;
    background-image: linear-gradient(to right, #dbe3ed 0%, #dbe3ed 100%) !important;
}

html.wp-dark-mode-active .post-list .post-title.h4 a:hover,
html.wp-dark-mode-active .post-list .post-title a:not(.widget-button):hover,
html.wp-dark-mode-active .blog-sidebar .widget-post .title a:not(.widget-button):hover {
    color: #ffffff !important;
    background-size: 100% 5%;
}

html.wp-dark-mode-active .comment-content,
html.wp-dark-mode-active .blog-sidebar .widget-latest-comment .comment-content,
html.wp-dark-mode-active .comment-content a {
    color: #d6dde7 !important;
}

html.wp-dark-mode-active .post-related {
    background-color: #23262b !important;
    border: 1px solid #3f434b;
}

html.wp-dark-mode-active .single-author-info,
html.wp-dark-mode-active .single-author-info a,
html.wp-dark-mode-active .single-author-info .data,
html.wp-dark-mode-active .single-author-info .name,
html.wp-dark-mode-active .single-author-info .view {
    color: #9ea8b5 !important;
}

html.wp-dark-mode-active .single-author-info .data,
html.wp-dark-mode-active .single-author-info .name {
    border-right-color: #4a5059 !important;
}

/* Article image and code block fixes */
html.wp-dark-mode-active .single-content img {
    filter: brightness(0.82) contrast(1.04) saturate(0.92);
}

html.wp-dark-mode-active .single-content a:hover img {
    filter: brightness(0.9) contrast(1.05) saturate(0.95);
}

/* Home post list images */
html.wp-dark-mode-active .post-list.list-one .img-fluid,
html.wp-dark-mode-active .post-list.list-one .post-list-img .zoom-img {
    filter: brightness(0.82) contrast(1.04) saturate(0.92);
}

html.wp-dark-mode-active .post-list.list-one a:hover .img-fluid,
html.wp-dark-mode-active .post-list.list-one a:hover .post-list-img .zoom-img {
    filter: brightness(0.9) contrast(1.05) saturate(0.95);
}

html.wp-dark-mode-active .post-single pre.prettyprint ol.linenums {
    background: #1f2125 !important;
    border-color: #3f434b !important;
    box-shadow: inset 33px 0 0 #1f2125, inset 34px 0 0 #3f434b !important;
}

html.wp-dark-mode-active .post-single pre.prettyprint ol.linenums li {
    color: #d5dbe3 !important;
}

/* Breadcrumb contrast */
html.wp-dark-mode-active .breadcrumb-head h2 {
    color: #d5dbe3 !important;
}

html.wp-dark-mode-active .breadcrumb-head span {
    color: #b5bfcb !important;
}

html.wp-dark-mode-active .breadcrumb-head span:before {
    background: #6b7380 !important;
}

/* Footer copyright/link contrast */
html.wp-dark-mode-active #boxmoe_theme_footer,
html.wp-dark-mode-active #boxmoe_theme_footer .mb-0.copyright,
html.wp-dark-mode-active #boxmoe_theme_footer .mb-0.copyright a {
    color: #b5bfcb !important;
}

html.wp-dark-mode-active #boxmoe_theme_footer .mb-0.copyright a:hover {
    color: #ffffff !important;
}

/* Cat loader ear pattern in dark mode */
html.wp-dark-mode-active .boxmoe-cat-loader .bm-cat-head::after {
    background-image: linear-gradient(#2B2F36 65%, transparent 65%), radial-gradient(#2B2F36 51%, #383c4b 55%, #383c4b 68%, transparent 70%);
}