@charset "UTF-8";

.portal-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 30px;
    padding: 0 10px;
    border: 1px solid var(--portal-border, #dce4ee);
    border-radius: 8px;
    background: var(--portal-surface, #fff);
    color: var(--portal-muted, #667085);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    gap: 6px;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.portal-theme-toggle:hover {
    border-color: rgba(var(--main-now-color-rgb), .42);
    color: var(--main-now-color);
    box-shadow: 0 0 0 3px rgba(var(--main-now-color-rgb), .08);
}

.portal-theme-toggle:focus-visible {
    outline: 2px solid var(--main-now-color);
    outline-offset: 2px;
}

.portal-theme-toggle-icon {
    width: 16px;
    color: currentColor;
    font-size: 17px;
    line-height: 1;
    text-align: center;
}

html.portal-dark {
    --portal-bg: #0b1220;
    --portal-surface: #111b2e;
    --portal-soft: #0f192a;
    --portal-border: #293a52;
    --portal-divider: #26364c;
    --portal-section-head: linear-gradient(180deg, #142036 0%, #101a2c 100%);
    --portal-text: #dbe7f6;
    --portal-muted: #96a6bc;
    --portal-heading: #f3f7fd;
    --portal-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 30px rgba(0, 0, 0, .22);
    --portal-shadow-soft: 0 1px 2px rgba(0, 0, 0, .24), 0 7px 18px rgba(0, 0, 0, .16);
    background: #0b1220;
    color-scheme: dark;
}

html.portal-dark body,
html.portal-dark body.default,
html.portal-dark body.green,
html.portal-dark body.orange,
html.portal-dark body.black {
    background: var(--portal-bg);
    color: var(--portal-text);
}

html.portal-dark .portal-theme-toggle {
    border-color: #354861;
    background: #18253a;
    color: #f3c969;
}

html.portal-dark header .header .top .r-t .pickColor {
    border-color: #354861;
    background: #18253a;
}

html.portal-dark header .header .top .r-t .pickColor .sta {
    border-color: #dbe7f6;
    box-shadow: 0 0 0 1px #71839b;
}

html.portal-dark header .header .middle .logo .image img {
    filter: brightness(0) saturate(100%) invert(61%) sepia(90%) saturate(3178%) hue-rotate(194deg) brightness(103%) contrast(101%);
}

html.portal-dark header .header .middle .logo .title,
html.portal-dark .portal-search-shortcuts,
html.portal-dark .portal-market-strip .uptime span {
    color: #7f91a9;
}

html.portal-dark header .header .middle .search .searchFrame,
html.portal-dark header .header .middle .search .searchFrame .input,
html.portal-dark header .header .middle .search .searchFrame .input input {
    border-color: var(--portal-border);
    background: #111b2e;
    color: var(--portal-heading);
}

html.portal-dark header .header .middle .search .searchFrame .input input::placeholder {
    color: #71839b;
}

html.portal-dark header .header .middle .search .searchFrame .input .history,
html.portal-dark header .header .middle .search .searchFrame .input .history > div {
    border-color: var(--portal-border);
    background: #142036;
    color: var(--portal-text);
}

html.portal-dark header .header .middle .search .searchFrame .input .history > div:hover {
    background: #1b2a42;
}

html.portal-dark header .header .times,
html.portal-dark .portal-market-strip,
html.portal-dark .portal-data-source {
    border-color: var(--portal-border);
    background: #111b2e;
    color: var(--portal-muted);
}

html.portal-dark .portal-crypto-strip,
html.portal-dark .portal-data-source {
    background: #0f192a;
}

html.portal-dark .portal-market-strip .uptime {
    color: var(--portal-heading);
}

html.portal-dark header .header .times .market-title,
html.portal-dark .portal-market-strip .market-value,
html.portal-dark .portal-crypto-strip .crypto-usd,
html.portal-dark .portal-data-source-label,
html.portal-dark .portal-market-strip .circumstance a,
html.portal-dark .portal-crypto-strip .crypto-quote a,
html.portal-dark .portal-data-source blockquote {
    color: var(--portal-text);
}

html.portal-dark main .suspension-left .suspension-item,
html.portal-dark main .content-right > div,
html.portal-dark main .content-right > .cutMore,
html.portal-dark main .content-right > .eliminateBack,
html.portal-dark main .content-right .festival,
html.portal-dark main .content-right .exchangeRate {
    border-color: var(--portal-border);
    background: var(--portal-surface);
    color: var(--portal-text);
}

html.portal-dark main .content-right .cutMore .cutMoreTool,
html.portal-dark main .content-right .cutMore .cutSelectHeader,
html.portal-dark main .content-right .eliminateBack .cutSelectHeader {
    border-color: var(--portal-divider);
    background: var(--portal-section-head);
    color: var(--portal-muted);
}

html.portal-dark main .content-right .cutMore .cutSelectHeader .OtherActions {
    background: var(--portal-section-head);
}

html.portal-dark main .content-right .eliminateBack .cutSelectInner .top-composing-six .list .pubHover {
    border-color: #2d405a;
    background: #142036;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}

html.portal-dark main .content-right .eliminateBack .cutSelectInner .top-composing-six .list .rightContent > div:not(.red_title),
html.portal-dark main .content-right .top-composing-six .list .title,
html.portal-dark main .content-right .top-composing-ten .list .title,
html.portal-dark main .content-right .siteItem .title,
html.portal-dark main .content-right .siteItem .rightContent,
html.portal-dark main .content-right .festival,
html.portal-dark main .content-right .exchangeRate {
    color: var(--portal-text);
}

html.portal-dark main .pubHover:hover,
html.portal-dark main .newPubHover:hover,
html.portal-dark main .content-right .top-composing-eight .list > a:hover {
    background: rgba(var(--main-now-color-rgb), .1);
}

html.portal-dark main .content-right .siteItem .siteIis .hover_suspension_parent .hover_suspension_content,
html.portal-dark main .hover_suspension_content {
    background: #142036;
    color: var(--portal-text);
}

html.portal-dark main .content-right .siteItem .siteIis .hover_suspension_parent .hover_suspension_content .item-content {
    background: #1a2940;
}

html.portal-dark .portal-answer-guide {
    border-color: var(--portal-border);
    background: linear-gradient(135deg, #111b2e 0%, #0f192a 100%);
    box-shadow: var(--portal-shadow);
}

html.portal-dark .portal-answer-intro h2,
html.portal-dark .portal-answer-facts dt,
html.portal-dark .portal-answer-grid h3 {
    color: var(--portal-heading);
}

html.portal-dark .portal-answer-intro p,
html.portal-dark .portal-answer-facts dd,
html.portal-dark .portal-answer-grid p,
html.portal-dark .portal-answer-grid ol {
    color: var(--portal-muted);
}

html.portal-dark .portal-answer-facts > div,
html.portal-dark .portal-answer-grid article {
    border-color: #2d405a;
    background: #142036;
}

html.portal-dark .portal-answer-grid,
html.portal-dark .portal-answer-grid article {
    border-color: #2d405a;
}

html.portal-dark .portal-answer-grid strong {
    color: #dbe7f6;
}

html.portal-dark .portal-news-section,
html.portal-dark .portal-news-card {
    border-color: var(--portal-border);
    background: var(--portal-surface);
    box-shadow: var(--portal-shadow-soft);
}

html.portal-dark .portal-news-heading h2,
html.portal-dark .portal-news-card h3 {
    color: var(--portal-heading);
}

html.portal-dark .portal-news-heading p,
html.portal-dark .portal-news-source,
html.portal-dark .portal-news-card-body > p,
html.portal-dark .portal-news-more {
    color: var(--portal-muted);
}

html.portal-dark .portal-news-cover {
    background: #182840;
}

html.portal-dark .portal-news-placeholder {
    background: radial-gradient(circle at 22% 18%, rgba(72, 104, 150, .3), transparent 34%), linear-gradient(135deg, #16243a 0%, #1b3151 48%, #25294c 100%);
    color: var(--portal-text);
}

html.portal-dark .portal-news-placeholder img,
html.portal-dark .portal-news-source em {
    background: #1b2e4a;
}

html.portal-dark footer,
html.portal-dark body.default footer,
html.portal-dark body.green footer,
html.portal-dark body.orange footer,
html.portal-dark body.black footer {
    border-color: #293a52;
    background: #080e19;
}

html.portal-dark footer,
html.portal-dark footer a,
html.portal-dark .copyright,
html.portal-dark .copyright a {
    color: #aebcd0;
}

html.portal-dark .copyright {
    border-color: #293a52;
    background: #0b1220;
}

html.portal-dark .suspension,
html.portal-dark .suspension .lis,
html.portal-dark .suspension .qrcode,
html.portal-dark .suspension .download {
    border-color: var(--portal-border);
    background-color: #142036;
    color: var(--portal-text);
}

html.portal-dark .suspension .lis0,
html.portal-dark .suspension .lis1,
html.portal-dark .suspension .lis2,
html.portal-dark .suspension .lis3 {
    filter: invert(88%) sepia(12%) saturate(363%) hue-rotate(174deg) brightness(96%) contrast(92%);
}

html.portal-dark .suspension > div:hover {
    background-color: #1b2a42;
}

html.portal-dark .suspension > span {
    background-color: #334761;
}

html.portal-dark .portal-login-layer,
html.portal-dark .portal-login-layer .layui-layer-title,
html.portal-dark .portal-login-layer .layui-layer-content,
html.portal-dark .portal-login-shell {
    border-color: var(--portal-border);
    background: #111b2e;
    color: var(--portal-text);
}

html.portal-dark .portal-login-intro {
    border-color: #2d4c75;
    background: linear-gradient(135deg, #142641 0%, #111d31 100%);
    color: var(--portal-text);
}

html.portal-dark .portal-login-intro strong,
html.portal-dark .portal-login-form .portal-login-field .layui-input {
    color: var(--portal-heading);
}

html.portal-dark .portal-login-intro span,
html.portal-dark .portal-login-field > .layui-icon,
html.portal-dark .portal-login-tab {
    color: var(--portal-muted);
}

html.portal-dark .portal-login-tabs,
html.portal-dark .portal-login-captcha,
html.portal-dark .portal-login-code {
    border-color: var(--portal-border) !important;
    background: #0f192a !important;
}

html.portal-dark .portal-login-tab.is-active,
html.portal-dark .portal-login-form .portal-login-field .layui-input {
    border-color: var(--portal-border);
    background: #18253a;
}

html.portal-dark .layui-layer-shade {
    background-color: rgba(2, 6, 14, .68) !important;
}

html.portal-dark .portal-popup-ad-layer,
html.portal-dark .portal-popup-ad-layer .layui-layer-content,
html.portal-dark .portal-popup-ad-layer #popup_swiper,
html.portal-dark .portal-popup-ad-layer .swiper-slide {
    border-color: var(--portal-border);
    background: #111b2e !important;
    color: var(--portal-text);
}

html.portal-dark .portal-popup-ad-layer {
    border: 1px solid var(--portal-border);
    box-shadow: var(--portal-shadow);
}

html.portal-dark .portal-popup-ad-layer .layui-layer-title {
    border-bottom-color: var(--portal-border);
    background: #080d17 !important;
    color: var(--portal-heading) !important;
}

html.portal-dark .portal-popup-ad-layer .portal-popup-ad-copy,
html.portal-dark .portal-popup-ad-layer .portal-popup-ad-copy * {
    color: var(--portal-text) !important;
}

html.portal-dark .portal-popup-ad-layer .popup_click {
    border-color: #1677ff !important;
    background: #1677ff !important;
    color: #fff !important;
}

html.portal-dark .portal-popup-ad-layer .popup_click:hover,
html.portal-dark .portal-popup-ad-layer .popup_click:focus-visible {
    border-color: #4096ff !important;
    background: #4096ff !important;
}

html.portal-dark .portal-popup-ad-layer .swiper-pagination-bullet {
    background: #64748b;
    opacity: .65;
}

html.portal-dark .portal-popup-ad-layer .swiper-pagination-bullet-active {
    background: #3b82f6;
    opacity: 1;
}

@media screen and (max-width: 1360px) {
    .portal-theme-toggle {
        min-width: 32px;
        width: 32px;
        padding: 0;
    }

    .portal-theme-toggle-label {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
    }
}

@media screen and (max-width: 970px) {
    header .header .top .r-t .portal-theme-toggle {
        display: inline-flex;
    }
}

@media (prefers-reduced-motion: reduce) {
    .portal-theme-toggle {
        transition: none;
    }
}