.sx-theme-toggle {
    align-items: center;
    background: #f2fbf9;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 8px;
    color: var(--sx-primary-dark, #075e58);
    display: flex;
    font-size: 14px;
    font-weight: 800;
    gap: 8px;
    min-height: 37px;
    min-width: 38px;
    justify-content: center;
    overflow: hidden;
    padding: 8px 10px;
    position: relative;
    transition: background 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.sx-theme-toggle:hover,
.sx-theme-toggle:focus {
    background: var(--sx-soft, #eef7f5);
    box-shadow: 0 8px 18px rgba(15, 118, 110, 0.14);
    color: var(--sx-primary-dark, #075e58);
    outline: 0;
    transform: translateY(-1px);
}

.sx-theme-toggle:active {
    transform: translateY(0) scale(0.96);
}

.sx-theme-toggle:before {
    background: radial-gradient(circle, rgba(45, 212, 191, 0.28), rgba(45, 212, 191, 0) 62%);
    border-radius: 999px;
    content: "";
    height: 44px;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.2);
    width: 44px;
}

.sx-theme-toggle .fa {
    font-size: 14px;
    position: relative;
    z-index: 1;
}

.sx-theme-toggle.is-animating {
    animation: sxThemeButtonPop 420ms ease;
}

.sx-theme-toggle.is-animating:before {
    animation: sxThemeRipple 520ms ease;
}

.sx-theme-toggle.is-animating .fa {
    animation: sxThemeIconSpin 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes sxThemeButtonPop {
    0% {
        transform: scale(1);
    }
    45% {
        transform: scale(0.92);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes sxThemeRipple {
    0% {
        opacity: 0.75;
        transform: translate(-50%, -50%) scale(0.2);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.7);
    }
}

@keyframes sxThemeIconSpin {
    0% {
        transform: rotate(0deg) scale(1);
    }
    55% {
        transform: rotate(130deg) scale(0.78);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

html[data-sx-theme="dark"] {
    --sx-bg: #07111f;
    --sx-surface: #101c2d;
    --sx-ink: #e5eefc;
    --sx-muted: #a8b6cc;
    --sx-line: #26364c;
    --sx-primary: #2dd4bf;
    --sx-primary-dark: #5eead4;
    --sx-accent: #fb923c;
    --sx-gold: #f6c868;
    --sx-soft: #122a32;
    --sx-shadow: 0 18px 45px rgba(0, 0, 0, 0.34);
    color-scheme: dark;
}

html[data-sx-theme="dark"] body.sx-site {
    background:
        linear-gradient(90deg, rgba(94, 234, 212, 0.045) 1px, transparent 1px),
        linear-gradient(180deg, rgba(148, 163, 184, 0.055) 1px, transparent 1px),
        var(--sx-bg);
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .sx-navbar.navbar-default {
    background: rgba(8, 17, 31, 0.96);
    border-bottom-color: rgba(148, 163, 184, 0.18);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.35);
}

html[data-sx-theme="dark"] .sx-navbar .themeLogoText,
html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li > a,
html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li > .sx-lang-toggle {
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li > a:hover,
html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li > a:focus,
html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li > .sx-lang-toggle:hover,
html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li > .sx-lang-toggle:focus,
html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li.open > a,
html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li.open > a:hover,
html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li.open > a:focus,
html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li.active > a,
html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li.active > a:hover,
html[data-sx-theme="dark"] .sx-navbar .navbar-nav > li.active > a:focus {
    background: rgba(45, 212, 191, 0.12);
    color: var(--sx-primary-dark);
}

html[data-sx-theme="dark"] .sx-navbar .dropdown-menu,
html[data-sx-theme="dark"] .sx-navbar .sx-mega-menu,
html[data-sx-theme="dark"] .sx-navbar .sx-company-menu,
html[data-sx-theme="dark"] .sx-navbar .sx-lang-menu {
    background: #0d1828;
    border-color: var(--sx-line);
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.42);
}

html[data-sx-theme="dark"] .sx-navbar .dropdown-menu > li > a,
html[data-sx-theme="dark"] .sx-navbar .sx-tool-link,
html[data-sx-theme="dark"] .sx-navbar .sx-dropdown-footer > a {
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .sx-navbar .sx-menu-title {
    color: var(--sx-muted);
}

html[data-sx-theme="dark"] .sx-navbar .dropdown-menu > li > a:hover,
html[data-sx-theme="dark"] .sx-navbar .dropdown-menu > li > a:focus,
html[data-sx-theme="dark"] .sx-navbar .sx-tool-link:hover,
html[data-sx-theme="dark"] .sx-navbar .sx-tool-link:focus,
html[data-sx-theme="dark"] .sx-navbar .sx-tool-link.active {
    background: rgba(45, 212, 191, 0.1);
    color: var(--sx-primary-dark);
}

html[data-sx-theme="dark"] .sx-navbar .sx-tool-icon,
html[data-sx-theme="dark"] .sx-theme-toggle {
    background: rgba(45, 212, 191, 0.1);
    border-color: rgba(45, 212, 191, 0.22);
    color: var(--sx-primary-dark);
}

html[data-sx-theme="dark"] .sx-navbar .navbar-toggle {
    background: #101c2d;
    border-color: var(--sx-line);
}

html[data-sx-theme="dark"] .sx-navbar .navbar-toggle .icon-bar {
    background: var(--sx-ink);
}

html[data-sx-theme="dark"] .sx-main,
html[data-sx-theme="dark"] .main-container,
html[data-sx-theme="dark"] .main-index,
html[data-sx-theme="dark"] .well,
html[data-sx-theme="dark"] .widget-box,
html[data-sx-theme="dark"] .widget-body,
html[data-sx-theme="dark"] .thumbnail,
html[data-sx-theme="dark"] .panel,
html[data-sx-theme="dark"] .modal-content,
html[data-sx-theme="dark"] .search-results,
html[data-sx-theme="dark"] .contentLayer {
    background-color: var(--sx-surface) !important;
    border-color: var(--sx-line) !important;
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .widget-header,
html[data-sx-theme="dark"] .panel-heading,
html[data-sx-theme="dark"] .modal-header,
html[data-sx-theme="dark"] .modal-footer {
    background: #0d1828 !important;
    border-color: var(--sx-line) !important;
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .widget-header > .widget-title,
html[data-sx-theme="dark"] .modal-title,
html[data-sx-theme="dark"] .panel-title,
html[data-sx-theme="dark"] h1,
html[data-sx-theme="dark"] h2,
html[data-sx-theme="dark"] h3,
html[data-sx-theme="dark"] h4,
html[data-sx-theme="dark"] h5,
html[data-sx-theme="dark"] h6,
html[data-sx-theme="dark"] .caption,
html[data-sx-theme="dark"] .version,
html[data-sx-theme="dark"] .comment-here,
html[data-sx-theme="dark"] .posts_1 h5,
html[data-sx-theme="dark"] .color_grap {
    color: var(--sx-ink) !important;
}

html[data-sx-theme="dark"] p,
html[data-sx-theme="dark"] li,
html[data-sx-theme="dark"] td,
html[data-sx-theme="dark"] th,
html[data-sx-theme="dark"] label,
html[data-sx-theme="dark"] .color_text_in,
html[data-sx-theme="dark"] .loginme .info,
html[data-sx-theme="dark"] .text-muted,
html[data-sx-theme="dark"] .help-block {
    color: var(--sx-muted);
}

html[data-sx-theme="dark"] input,
html[data-sx-theme="dark"] textarea,
html[data-sx-theme="dark"] select,
html[data-sx-theme="dark"] .form-control,
html[data-sx-theme="dark"] .form-input {
    background: #0b1626 !important;
    border-color: var(--sx-line) !important;
    box-shadow: none !important;
    color: var(--sx-ink) !important;
}

html[data-sx-theme="dark"] input::placeholder,
html[data-sx-theme="dark"] textarea::placeholder {
    color: #7f8da3;
}

html[data-sx-theme="dark"] .search-results .match a,
html[data-sx-theme="dark"] .b-tag-cloud a,
html[data-sx-theme="dark"] .table,
html[data-sx-theme="dark"] table {
    background: #0f1b2d;
    border-color: var(--sx-line);
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .dsp-blog-head,
html[data-sx-theme="dark"] .dsp-blog-card,
html[data-sx-theme="dark"] .dsp-post-card,
html[data-sx-theme="dark"] .dsp-empty {
    background: var(--sx-surface) !important;
    border-color: var(--sx-line) !important;
    box-shadow: var(--sx-shadow);
}

html[data-sx-theme="dark"] .dsp-blog-image,
html[data-sx-theme="dark"] .dsp-post-image {
    background: #0b1626 !important;
}

html[data-sx-theme="dark"] .dsp-blog-head h1,
html[data-sx-theme="dark"] .dsp-post-head h1,
html[data-sx-theme="dark"] .dsp-blog-copy h2,
html[data-sx-theme="dark"] .dsp-empty h2,
html[data-sx-theme="dark"] .dsp-post-body h2,
html[data-sx-theme="dark"] .dsp-post-body h3,
html[data-sx-theme="dark"] .dsp-post-body h4,
html[data-sx-theme="dark"] .dsp-blog-copy h2 a {
    color: var(--sx-ink) !important;
}

html[data-sx-theme="dark"] .dsp-blog-head p,
html[data-sx-theme="dark"] .dsp-empty p,
html[data-sx-theme="dark"] .dsp-blog-copy p,
html[data-sx-theme="dark"] .dsp-post-body,
html[data-sx-theme="dark"] .dsp-post-body p,
html[data-sx-theme="dark"] .dsp-post-body ul,
html[data-sx-theme="dark"] .dsp-post-body ol {
    color: var(--sx-muted) !important;
}

html[data-sx-theme="dark"] .dsp-topic {
    background: rgba(45, 212, 191, 0.1) !important;
    border-color: rgba(45, 212, 191, 0.24) !important;
    color: var(--sx-primary-dark) !important;
}

html[data-sx-theme="dark"] .dsp-meta,
html[data-sx-theme="dark"] .dsp-pager,
html[data-sx-theme="dark"] .dsp-post-body blockquote {
    color: var(--sx-muted) !important;
}

html[data-sx-theme="dark"] #scoreBoard,
html[data-sx-theme="dark"] .seoBox,
html[data-sx-theme="dark"] .contentBox,
html[data-sx-theme="dark"] .screenBox,
html[data-sx-theme="dark"] .levelBox,
html[data-sx-theme="dark"] .circleBox,
html[data-sx-theme="dark"] #editor,
html[data-sx-theme="dark"] #editor .inner,
html[data-sx-theme="dark"] #editor .window,
html[data-sx-theme="dark"] #editor_controls,
html[data-sx-theme="dark"] .dk-selected,
html[data-sx-theme="dark"] .dk-select-options {
    background: var(--sx-surface) !important;
    border-color: var(--sx-line) !important;
    color: var(--sx-ink) !important;
}

html[data-sx-theme="dark"] .seoBox .headBox,
html[data-sx-theme="dark"] .scoreProgress,
html[data-sx-theme="dark"] .progress {
    background: #0b1626 !important;
}

html[data-sx-theme="dark"] .table > thead > tr > th,
html[data-sx-theme="dark"] .table > tbody > tr > th,
html[data-sx-theme="dark"] .table > tfoot > tr > th,
html[data-sx-theme="dark"] .table > thead > tr > td,
html[data-sx-theme="dark"] .table > tbody > tr > td,
html[data-sx-theme="dark"] .table > tfoot > tr > td {
    border-color: var(--sx-line);
}

html[data-sx-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > td,
html[data-sx-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #0b1626;
}

html[data-sx-theme="dark"] .alert-warning {
    background: #352817;
    border-color: #6f4a1a;
    color: #f8d899;
}

html[data-sx-theme="dark"] .alert-danger,
html[data-sx-theme="dark"] .alert-error {
    background: #3a1721;
    border-color: #7f2638;
    color: #fecdd3;
}

html[data-sx-theme="dark"] .alert-success {
    background: #123222;
    border-color: #1f6f4b;
    color: #bbf7d0;
}

html[data-sx-theme="dark"] .close {
    color: #ffffff;
    text-shadow: none;
}

html[data-sx-theme="dark"] .sx-footer .sx-footer-main,
html[data-sx-theme="dark"] .b-widgets {
    background: #08111f !important;
    color: var(--sx-muted);
}

html[data-sx-theme="dark"] .sx-footer-cta,
html[data-sx-theme="dark"] .sx-footer-bottom {
    background: #0d1828;
    border-color: var(--sx-line);
}

html[data-sx-theme="dark"] .sx-footer .b-widgets h3,
html[data-sx-theme="dark"] .sx-footer .footer-title,
html[data-sx-theme="dark"] .sx-footer-cta h2,
html[data-sx-theme="dark"] .sx-footer-logo .themeLogoText {
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .sx-footer .just-links.m-dark a,
html[data-sx-theme="dark"] .sx-footer a,
html[data-sx-theme="dark"] .just-links.m-dark a {
    color: var(--sx-muted);
}

html[data-sx-theme="dark"] .sx-footer .just-links.m-dark a:hover,
html[data-sx-theme="dark"] .sx-footer a:hover,
html[data-sx-theme="dark"] .sx-footer a:focus {
    color: var(--sx-gold);
}

html[data-sx-theme="dark"] .sx-home-hero.sx-hero-command {
    background:
        linear-gradient(115deg, rgba(45, 212, 191, 0.09), transparent 38%),
        linear-gradient(245deg, rgba(251, 146, 60, 0.08), transparent 36%),
        #0d1828 !important;
    border-color: rgba(45, 212, 191, 0.18);
    box-shadow: var(--sx-shadow);
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .sx-home-hero.sx-hero-command:before,
html[data-sx-theme="dark"] .sx-ai-spotlight:before {
    background:
        linear-gradient(90deg, rgba(94, 234, 212, 0.055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(148, 163, 184, 0.055) 1px, transparent 1px);
}

html[data-sx-theme="dark"] .sx-home-hero.sx-hero-command:after {
    background: linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.16), transparent);
}

html[data-sx-theme="dark"] .sx-hero-chip,
html[data-sx-theme="dark"] .sx-guide-topic,
html[data-sx-theme="dark"] .sx-category-icon,
html[data-sx-theme="dark"] .sx-workflow-icon,
html[data-sx-theme="dark"] .sx-ai-icon {
    background: rgba(45, 212, 191, 0.1) !important;
    border-color: rgba(45, 212, 191, 0.24) !important;
    color: var(--sx-primary-dark) !important;
}

html[data-sx-theme="dark"] .sx-home .sx-hero-search#searchSec {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-sx-theme="dark"] .sx-hero-search .input-group {
    border-color: var(--sx-line);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.26);
}

html[data-sx-theme="dark"] .sx-hero-search .input-group-addon {
    background: #0b1626;
    border-color: var(--sx-line);
    color: var(--sx-primary-dark);
}

html[data-sx-theme="dark"] .sx-ai-spotlight {
    background:
        linear-gradient(115deg, rgba(45, 212, 191, 0.09), transparent 38%),
        linear-gradient(245deg, rgba(251, 146, 60, 0.08), transparent 36%),
        var(--sx-surface) !important;
    border-color: var(--sx-line);
    box-shadow: var(--sx-shadow);
}

html[data-sx-theme="dark"] .sx-workflow-card,
html[data-sx-theme="dark"] .sx-ai-card,
html[data-sx-theme="dark"] .sx-category-card,
html[data-sx-theme="dark"] .sx-home-tool-card,
html[data-sx-theme="dark"] .sx-guide-card,
html[data-sx-theme="dark"] .sx-faq-item,
html[data-sx-theme="dark"] .sx-home-ad {
    background: var(--sx-surface) !important;
    border-color: var(--sx-line) !important;
    box-shadow: var(--sx-shadow);
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .sx-workflow-links a,
html[data-sx-theme="dark"] .sx-category-count {
    background: #0b1626 !important;
    border-color: var(--sx-line) !important;
    color: var(--sx-primary-dark) !important;
}

html[data-sx-theme="dark"] .sx-workflow-links a:hover,
html[data-sx-theme="dark"] .sx-workflow-links a:focus {
    background: rgba(45, 212, 191, 0.1) !important;
    border-color: rgba(45, 212, 191, 0.24) !important;
}

html[data-sx-theme="dark"] .sx-tool-category-section,
html[data-sx-theme="dark"] .sx-guide-meta,
html[data-sx-theme="dark"] .sx-faq-item p {
    border-color: var(--sx-line);
}

html[data-sx-theme="dark"] .sx-home-hero h1,
html[data-sx-theme="dark"] .sx-home-section-heading h2,
html[data-sx-theme="dark"] .sx-ai-copy h2,
html[data-sx-theme="dark"] .sx-workflow-card h3,
html[data-sx-theme="dark"] .sx-ai-card strong,
html[data-sx-theme="dark"] .sx-category-name,
html[data-sx-theme="dark"] .sx-tool-category-head h3,
html[data-sx-theme="dark"] .sx-home-tool-card .caption,
html[data-sx-theme="dark"] .sx-home-tool-card .seotoollink,
html[data-sx-theme="dark"] .sx-guide-card h3,
html[data-sx-theme="dark"] .sx-guide-card h3 a,
html[data-sx-theme="dark"] .sx-faq-item summary {
    color: var(--sx-ink) !important;
}

html[data-sx-theme="dark"] .sx-home-hero p,
html[data-sx-theme="dark"] .sx-home-section-heading p,
html[data-sx-theme="dark"] .sx-ai-copy p,
html[data-sx-theme="dark"] .sx-ai-card span:last-child,
html[data-sx-theme="dark"] .sx-workflow-card p,
html[data-sx-theme="dark"] .sx-category-meta,
html[data-sx-theme="dark"] .sx-tool-category-head p,
html[data-sx-theme="dark"] .sx-guide-card p,
html[data-sx-theme="dark"] .sx-guide-meta,
html[data-sx-theme="dark"] .sx-faq-item p {
    color: var(--sx-muted) !important;
}

html[data-sx-theme="dark"] .sx-home-secondary-link,
html[data-sx-theme="dark"] .sx-guides-all,
html[data-sx-theme="dark"] .sx-guide-meta i {
    color: var(--sx-primary-dark) !important;
}

html[data-sx-theme="dark"] .scc-page,
html[data-sx-theme="dark"] .rsc-page,
html[data-sx-theme="dark"] .bsc-page,
html[data-sx-theme="dark"] .bcg-page,
html[data-sx-theme="dark"] .drc-page,
html[data-sx-theme="dark"] .oxc-page {
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .scc-page section,
html[data-sx-theme="dark"] .rsc-page section,
html[data-sx-theme="dark"] .bsc-page section,
html[data-sx-theme="dark"] .bcg-page section,
html[data-sx-theme="dark"] .drc-page section,
html[data-sx-theme="dark"] .oxc-page section,
html[data-sx-theme="dark"] .scc-panel,
html[data-sx-theme="dark"] .rsc-panel,
html[data-sx-theme="dark"] .bsc-panel,
html[data-sx-theme="dark"] .bcg-panel,
html[data-sx-theme="dark"] .drc-panel,
html[data-sx-theme="dark"] .oxc-panel,
html[data-sx-theme="dark"] .scc-results,
html[data-sx-theme="dark"] .rsc-results,
html[data-sx-theme="dark"] .bsc-results,
html[data-sx-theme="dark"] .drc-results,
html[data-sx-theme="dark"] .oxc-results,
html[data-sx-theme="dark"] .bcg-caller {
    background-color: var(--sx-surface) !important;
    border-color: var(--sx-line) !important;
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .scc-page article,
html[data-sx-theme="dark"] .rsc-page article,
html[data-sx-theme="dark"] .bsc-page article,
html[data-sx-theme="dark"] .bcg-page article,
html[data-sx-theme="dark"] .drc-page article,
html[data-sx-theme="dark"] .oxc-page article,
html[data-sx-theme="dark"] .scc-result-card,
html[data-sx-theme="dark"] .drc-result-cards div,
html[data-sx-theme="dark"] .oxc-result-cards div,
html[data-sx-theme="dark"] .bcg-card,
html[data-sx-theme="dark"] .rsc-size-card,
html[data-sx-theme="dark"] .bsc-size-card {
    background-color: #0f1b2d !important;
    border-color: var(--sx-line) !important;
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .scc-page h1,
html[data-sx-theme="dark"] .scc-page h2,
html[data-sx-theme="dark"] .scc-page h3,
html[data-sx-theme="dark"] .rsc-page h1,
html[data-sx-theme="dark"] .rsc-page h2,
html[data-sx-theme="dark"] .rsc-page h3,
html[data-sx-theme="dark"] .bsc-page h1,
html[data-sx-theme="dark"] .bsc-page h2,
html[data-sx-theme="dark"] .bsc-page h3,
html[data-sx-theme="dark"] .bcg-page h1,
html[data-sx-theme="dark"] .bcg-page h2,
html[data-sx-theme="dark"] .bcg-page h3,
html[data-sx-theme="dark"] .drc-page h1,
html[data-sx-theme="dark"] .drc-page h2,
html[data-sx-theme="dark"] .drc-page h3,
html[data-sx-theme="dark"] .oxc-page h1,
html[data-sx-theme="dark"] .oxc-page h2,
html[data-sx-theme="dark"] .oxc-page h3 {
    color: var(--sx-ink) !important;
}

html[data-sx-theme="dark"] .scc-page p,
html[data-sx-theme="dark"] .rsc-page p,
html[data-sx-theme="dark"] .bsc-page p,
html[data-sx-theme="dark"] .bcg-page p,
html[data-sx-theme="dark"] .drc-page p,
html[data-sx-theme="dark"] .oxc-page p {
    color: var(--sx-muted);
}

html[data-sx-theme="dark"] .scc-page input,
html[data-sx-theme="dark"] .scc-page textarea,
html[data-sx-theme="dark"] .scc-page select,
html[data-sx-theme="dark"] .rsc-page input,
html[data-sx-theme="dark"] .rsc-page textarea,
html[data-sx-theme="dark"] .rsc-page select,
html[data-sx-theme="dark"] .bsc-page input,
html[data-sx-theme="dark"] .bsc-page textarea,
html[data-sx-theme="dark"] .bsc-page select,
html[data-sx-theme="dark"] .bcg-page input,
html[data-sx-theme="dark"] .bcg-page textarea,
html[data-sx-theme="dark"] .bcg-page select,
html[data-sx-theme="dark"] .drc-page input,
html[data-sx-theme="dark"] .drc-page textarea,
html[data-sx-theme="dark"] .drc-page select,
html[data-sx-theme="dark"] .oxc-page input,
html[data-sx-theme="dark"] .oxc-page textarea,
html[data-sx-theme="dark"] .oxc-page select {
    background: #0b1626 !important;
    border-color: var(--sx-line) !important;
    color: var(--sx-ink) !important;
}

html[data-sx-theme="dark"] .bcg-cell {
    background: #0b1626;
    border-color: var(--sx-line);
    color: var(--sx-ink);
}

html[data-sx-theme="dark"] .drc-luck-box,
html[data-sx-theme="dark"] .oxc-note,
html[data-sx-theme="dark"] .alert-box,
html[data-sx-theme="dark"] .rsc-tip,
html[data-sx-theme="dark"] .bsc-tip {
    background: #0d2a26 !important;
    border-color: rgba(45, 212, 191, 0.28) !important;
    color: var(--sx-ink);
}

@media (max-width: 767px) {
    .sx-navbar .sx-primary-nav .sx-nav-theme {
        padding: 6px 12px;
    }

    .sx-theme-toggle {
        justify-content: center;
    }
}