@media (prefers-color-scheme: dark) {
    html,
    body,
    .MainContent,
    .main,
    .main_ths {
        background-color: #050505 !important;
        color: #d1d1d1;
    }

    .firstRedpop > .firstPageMask > .popContent,
    .content_main_ms,
    .layui-m-layerchild {
        background-color: #1c1c1e !important;
        color: #d1d1d1;
    }

    .firstRedpop > .firstPageMask > .popContent > section,
    .firstRedpop > .firstPageMask > .popContent > section *,
    .popContent > .innerContent,
    .popContent > .innerContent *,
    .Section0,
    .Section0 *,
    .content_main_ms > p,
    .content_main_centent,
    .ths_span_2,
    .targetName,
    .guidelines,
    .description,
    .MainContent {
        color: #d1d1d1 !important;
    }

    .popContent > .btn_box > button:nth-of-type(1) {
        background-color: #1c1c1e !important;
        color: #d1d1d1;
        border-color: #444;
    }

    .popContent > .btn_box > .shadow {
        background: linear-gradient(to bottom, rgba(28, 28, 30, 0.4), #1c1c1e);
    }
}