:root {
	--background: #fff;
}
html.dark-mode {
  --background: #181a21;
  --background-hover: #282a36;
  --color: #E3E5EA;
  --color-s: #cad0dd;
  --color-p:#a3a9b7;
  --border:#ffffff0a;
  --card-bg: #21232e;
}

html body{
  background-color: var(--background);
  color: var(--color);
  transition: background-color 0.1s ease;
}

html.dark-mode .theme-btn {
  background: var(--card-bg);
  border-color: var(--border);
  color:var(--color);
}

html.dark-mode .theme-btn:hover,html.dark-mode .header-tools .header-tools-right .header-lang-list,html.dark-mode .header-tools .header-tools-right .header-tools-icon .header-tools-list ul,html.dark-mode .header-dropdown-list>li:not(.J-drop-dialog),
html.dark-mode .dropdown-product-content .dropdown-product-content-title{
  background: var(--background-hover);
}

html.dark-mode .theme-dropdown,html.dark-mode .float-bar-nav>.item {
  background:var(--card-bg);
  border-color:var(--border);
}

html.dark-mode .theme-dropdown button {
  color: var(--color);
}

html.dark-mode .theme-dropdown button:hover {
  background: var(--background-hover);
}
html.dark-mode .theme-dropdown::before {
  background:var(--card-bg);
  border-left-color: var(--border);
  border-top-color:var(--border);
}
html.dark-mode .header-bottom {
    background: #181a21b3;
    border-bottom: 1px solid rgba(255,255,255,.05);
	-webkit-backdrop-filter: blur(20px);
	    backdrop-filter: blur(20px);
	    transform: translateZ(0);
}
html.dark-mode .header-nav .header-nav-list>li>a,html.dark-mode .header-tools .header-tools-right>li>a,html.dark-mode .header-tools .header-tools-right>li>a>i ,
html.dark-mode a, html.dark-mode dd, html.dark-mode dl, html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, html.dark-mode h4, html.dark-mode h5, html.dark-mode h6, html.dark-mode li, html.dark-mode p, html.dark-mode ul,
html.dark-mode .header-tools .header-tools-right .header-tools-icon .header-tools-list li .header-tools-list-title a{
    color: var(--color);
}
html.dark-mode .header-tools .header-tools-right>li>a>i,html.dark-mode .header-tools .header-tools-right>li>a>img,html.dark-mode .header-logo img {
   filter: brightness(0) invert(1);
}

html.dark-mode .show-search-box .header-search .header-search-button input ,html.dark-mode .link-searcher input,html.dark-mode .header-search-inner input,html.dark-mode .header-mbshearch-input-box,html.dark-mode .header-mbshearch.show .header-mbshearch-input-box{
    background: #ffffff0f;
	border: 1px solid var(--border);
}

html.dark-mode .header-search-carousel li .search-carousel-text,html.dark-mode .por-tab a,html.dark-mode .header-tools .header-tools-right .header-lang-item>a,html.dark-mode .header-tools .header-tools-right .header-lang-list .header-site .header-site-left,
html.dark-mode .header-tools .header-tools-right .header-tools-icon .header-tools-list li .header-tools-list-category-title,html.dark-mode .link-searcher input,html.dark-mode .header-search-inner input,html.dark-mode .header-mbshearch-input{
    color: var(--color-p);
}
html.dark-mode .dropdown-product-item-tag{
    background-color: var(--background);
    color:var(--color-p);
}
html.dark-mode .show-search-box .header-search .header-search-button:hover i ,html.dark-mode .header-tools .header-tools-right .header-tools-icon .header-tools-list li .tool-item .header-tools-list-icon{
	filter: brightness(0) invert(80%);
}
@media (min-width: 769px) {
html.dark-mode .events-container .event-item,html.dark-mode .header-search-droplist {
        background:var(--card-bg);
		border:1px solid var(--border);
    }
html.dark-mode .banner .banner-text h5 {
        color: var(--color) !important;
    }
html.dark-mode .banner .banner-text p {
        color: var(--color-p) !important;
    }
html.dark-mode .events-container .event-title {
        color:var(--color);
}
html.dark-mode .events-container .event-desc {
        color: var(--color-p);
    }
	
html.dark-mode .banner .carousel-indicator span {
	        background: var(--color-s);
	    }
html.dark-mode .banner .banner-content-bg[data-bg=white] {
        background-color:var(--background);
    }
html.dark-mode .banner .carousel-wrapper {
        background: var(--background);

    }
html.dark-mode .banner .banner-text h5,html.dark-mode .events-container .event-title,html.dark-mode .por-section-title,html.dark-mode .section-head-title {
    font-weight: 500;
}
}
html.dark-mode .por-btn {
	border-color:var(--color-p) !important;
	color: var(--color-p) !important;
}
html.dark-mode .banner .banner-content-bg video{
  filter: invert(1) hue-rotate(180deg) brightness(1.3) contrast(0.9);
}
html.dark-mode .banner .banner-content-bg{
  background: none !important;
}
html.dark-mode .tpm-product__section,html.dark-mode .tpm-tabs__cont {
    background: none;
}
html.dark-mode .tpm-tabs__cont {
    box-shadow: inset 8px 8px 15px 0 rgb(0 0 0 / 10%), inset -8px 8px 10px 0 #00000038;
}
html.dark-mode .por-section-title, html.dark-mode .section-head-title,html.dark-mode .tpm-tabs--scroll .tpm-tabs__item.is-active .tpm-tabs__item-cont,html.dark-mode .tpm-tabs--warp .tpm-tabs__item.is-active .tpm-tabs__item-cont,
html.dark-mode .por-tab>ul>li.active a {
    color: var(--color);
}
html.dark-mode .tpm-tabs--scroll .tpm-tabs__item-cont,html.dark-mode .tpm-tabs--warp .tpm-tabs__item-cont{
    color: var(--color-p);
}
html.dark-mode .tpm-section__desc ,html.dark-mode .tpm-product-set__title{
    color: var(--color-p);
}

html.dark-mode .tpm-tabs--scroll .tpm-tabs__item-cont:before, html.dark-mode .tpm-tabs--warp .tpm-tabs__item-cont:before ,html.dark-mode .por-tab a:after,html.dark-mode .dropdown-product-nav-menu-text span:before{
    background-color: var(--color);
}
html.dark-mode .tpm-product.version-v2 .tpm-product-set__list .lidiv{
    background-color: var(--card-bg);
	        border: 1px solid var(--border);
}
html.dark-mode .tpm-product-set__title,html.dark-mode .dropdown-product-content-link a[href]:hover{
    color: var(--color-s);
}
html.dark-mode .tpm-product__recommend{
	filter: invert(1) hue-rotate(180deg) brightness(1) contrast(0.76);
}
html.dark-mode .tpm-product__recommend-hd,html.dark-mode .tpm-btn__text,html.dark-mode .tpm-product__recommend-desc{
	filter: brightness(0) contrast(1);
    color:var(--color);
}
html.dark-mode .por-section[data-bg=light], .por-section[data-bg=white] {
    background-color: var(--background) !important;
}
html.dark-mode .cloud-upPictext .card-grid .card-item-container .card-bg-video{
	filter: invert(1) hue-rotate(180deg) brightness(1.5) contrast(0.9);
}
html.dark-mode .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-title,html.dark-mode .dropdown-product-nav li.active span{
	color: var(--color);
}
html.dark-mode .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-subtitle ,html.dark-mode .dropdown-product-nav-menu-text span,html.dark-mode .sub-inner .info span{
    color: var(--color-p);
}
html.dark-mode .cloud-upPictext .card-grid .card-item-container.grey,html.dark-mode .pep-home-product .product-card-wraper[data-bg=grey] {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border);
}
html.dark-mode .pep-home-product .product-card-wraper .card-title,html.dark-mode .input-qDsj,html.dark-mode .footer-nav-menus dl dt {
    color: var(--color);
}
html.dark-mode .pep-home-solution .solutions-card {
    background: var(--card-bg) no-repeat center / cover;
}
html.dark-mode .por-section[data-bg=grey]{
    background-color: var(--background);
}
html.dark-mode .header-search-droplist .J-search-popular a{
	border-color: var(--border);
	color: var(--color-p);
}
html.dark-mode .header-search-droplist .J-search-popular a:hover{
	border-color: var(--color-p);
	color: var(--color);
}
html.dark-mode .pep-product-support-guide-v2 .por-section .por-card[data-bg=white] ,html.dark-mode .dropdown-product-item,html.dark-mode .dropdown-product-item-icon{
    background: var(--card-bg);
}
html.dark-mode .pep-product-support-guide-v2 .por-section .por-card .por-card-content-graphic .por-text-body-t1 .por-text-title-t3,html.dark-mode .home-information .information-news-card-title span ,
html.dark-mode .footer-nav-contact-phone .footer-nav-contact-phone-title,html.dark-mode .footer-nav-contact-phone>a,html.dark-mode .footer-nav-contact-phone>p,html.dark-mode .footer-service .footer-service-wrapper>ul>li>a .footer-title,
html.dark-mode .float-sidebar .sub-inner.inner .title,html.dark-mode .sub-inner .info-pc,html.dark-mode .events-container .event-item .event-content .event-title,html.dark-mode .header-tools .header-tools-right .header-login-mobile.header-login-mobile-show .header-user-info .button-container .header-user-info-button-red,
html.dark-mode .header-tools .header-tools-right .header-login-mobile.header-login-mobile-show .header-user-info .button-container .header-user-info-button-common,html.dark-mode .home-global-site-3d .global-site-data .global-site-text .title{
    color: var(--color) !important;
}
html.dark-mode .pep-product-support-guide-v2 .por-section .por-card .por-card-content-graphic .por-text-body-t1 .por-text-title-desc,html.dark-mode .home-information .information-news-card-list a ,html.dark-mode .title-W3M5,
html.dark-mode .footer-link,html.dark-mode .footer-nav-contact-emails-item a,html.dark-mode .footer-nav-about dt,html.dark-mode .footer-service .footer-service-wrapper>ul>li>a>p,html.dark-mode .footer-copyright,html.dark-mode .header-mbshearch-droplist .J-mbshearch-title,
html.dark-mode .home-global-site-3d .global-site-intro-desc,html.dark-mode .home-global-site-3d .global-site-data .global-site-text .desc,html.dark-mode .home-global-site-3d .section-body-bottom .safety-card p{
    color: var(--color-p);
}
html.dark-mode .por-section[data-bg=grey], html.dark-mode .home-global-site-3d .section {
    background-color: var(--background);
}
html.dark-mode .home-global-site-3d .section::after,html.dark-mode .home-information .information-news-card-icon,html.dark-mode .wrap-Q29q img,html.dark-mode .footer-nav-contact-phone .contact-icon,html.dark-mode .footer-service .footer-service-wrapper>ul>li>a>i,html.dark-mode .header-icon-arrow-right-large,html.dark-mode .header-search-inner .header-search-submit i,
html.dark-mode .sub-inner.inner .icons-float-bar,html.dark-mode .phone-icon>i,html.dark-mode .icons-float-bar.to-top,html.dark-mode .header-icon-search,html.dark-mode .header-icon-user,html.dark-mode .footer-nav-contact-icon i,html.dark-mode .footer-nav-submenus-link i,html.dark-mode .header-mbshearch-input-box i{
	filter: invert(1) hue-rotate(180deg) brightness(1.5) contrast(0.75);
}
html.dark-mode .home-information .section,html.dark-mode .input-wrap-QAAe, html.dark-mode .input-qDsj,html.dark-mode .float-bar-nav .sub-nav-main,html.dark-mode .home-customers .por-section{
    background: var(--background);
}
html.dark-mode .home-information .information-news-column,html.dark-mode .home-information .information-news-card,html.dark-mode .float-bar-nav>.item.tel,html.dark-mode .cloud-upPictext .card-grid .card-item-container,html.dark-mode .header-mbnav-collapses{
    background-color: var(--card-bg) !important;
}
html.dark-mode #footer, html.dark-mode .footer-service, html.dark-mode .footer-nav,html.dark-mode .events-container .event-item,html.dark-mode .header-mbshearch-droplist,html.dark-mode .header-mbnav-menulist li.active a{
    background: var(--card-bg);
}
html.dark-mode .footer-copyright-container,html.dark-mode .sub-inner:hover,html.dark-mode .footer-nav-submenus-qr,html.dark-mode .header-collapse-line,html.dark-mode .header-tools .header-user .header-user-info{
    background: var(--background-hover);
}
html.dark-mode .footer-copyright-wrapper{
	border-top: 1px solid var(--border);
	color: var(--color-p) !important;
}
html.dark-mode  .header-tools .header-user .header-user-info-split:before {
    border-top: 1px solid var(--border);
}
html.dark-mode .footer-service .footer-service-wrapper>ul {
    border-bottom: 1px solid var(--border);
}
html.dark-mode .footer-nav-submenus{
	border-right: 1px solid var(--border);
}
html.dark-mode .float-bar-nav .sub-nav-layer:before,html.dark-mode .float-config-btn .float-config-star-expand:before,html.dark-mode .float-config-custom:before,html.dark-mode .sidebar-qr-code-content:before {
    border-left-color: var(--background);
}
html.dark-mode .footer-nav-submenus-qr:before {
    border-color: var(--background-hover) transparent currentcolor;
    border-top: 3px solid var(--background-hover);
}
html.dark-mode .events-container {
        background:none;
    }
html.dark-mode .home-global-site-3d .section-body-bottom {
    background: hsl(0deg 0% 0% / 10%);
}
html.dark-mode .header-menu-mb span{
        background: var(--color);
}
html.dark-mode .tpm-tabs--scroll .tpm-tabs__bar,html.dark-mode .pep-home-product .por-section {
        background: none;
    }
html.dark-mode .header-mbshearch-innner,html.dark-mode .header-tools .header-tools-right .header-login-mobile.header-login-mobile-show .header-user-info,html.dark-mode .header-mbnav-leftmenu{
	background-color: var(--background-hover);
	color: var(--color);
	
}
html.dark-mode .header-mbshearch-droplist .J-mbshearch-popular li a,html.dark-mode .header-mbshearch-droplist .J-mbshearch-popular li{
	border-color: var(--background-hover);
	color: var(--color);
}
html.dark-mode .header-mbnav-menulist a:after {
        background-color: #0053fb;
    }
html.dark-mode .header-tools .header-user .header-user-name span ,html.dark-mode .header-tools .header-user .header-user-info-list>li:nth-child(n+3):hover>a,html.dark-mode .header-user-info .logout .bottom-username{
    color: #868aff;
}
html.dark-mode .header-tools .header-user,html.dark-mode .header-tools .header-tools-right li.header-shopping-cart {
    border-left: 1px solid #4d4d4d;
}

html.dark-mode .pep-product-banner-v3[data-bg=grey],html.dark-mode .por-section,html.dark-mode .por-section[data-bg=light],html.dark-mode .por-section[data-bg=white] {
        background: var(--background) !important;
    }
html.dark-mode .pep-product-doc-v2 .por-section,html.dark-mode .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper{
        background: var(--card-bg);
    }
html.dark-mode .pep-product-banner-v3[data-bg=grey]{
    background-color: var(--background);
}
html.dark-mode .pep-problem-v2 .por-row .por-card,html.dark-mode .pep-product-banner-v3 .dynamic-content object,html.dark-mode .por-btn-primary,html.dark-mode .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container,html.dark-mode .pep-common-card-v2 .por-col[data-theme-bg=white]>.card-link,html.dark-mode .pep-product-doc-v2 .doc-lists .por-collapse-container,html.dark-mode .pep-product-scene-diagram-v3 .scence-content-wrapper,html.dark-mode .pep-product-scene-diagram-v3 .por-collapse-container,html.dark-mode .pep-product-advantage-v2 .por-row .por-card,html.dark-mode .pep-problem-v2 .pep-activity-promotion-card-content,html.dark-mode .pep-problem-v2 .row-tab-container,html.dark-mode .pep-product-banner-v3 .por-row .por-card,html.dark-mode .pep-latest-dynamic-v2 object{
    background:var(--card-bg);
    }
html.dark-mode .por-collapse-head-text,html.dark-mode .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8,html.dark-mode .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-maintitle-block_titlehtml.dark-mode .por-collapse-head-text,html.dark-mode .pep-activity-promotion-card-description .detail,html.dark-mode .pep-activity-promotion-card-header .title .text,html.dark-mode .pep-problem-v2 .row-tab.mb li,html.dark-mode .pep-latest-dynamic-v2 .dynamic-main,html.dark-mode .pep-product-banner-v3 .prodoc-banner-adSpace a,html.dark-mode .pep-product-banner-v3 .prodoc-banner-title .banner-mb,html.dark-mode .pep-product-banner-v3 .por-row h3.por-text-title-t3,html.dark-mode .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .title-container .title,html.dark-mode .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-expand,
html.dark-mode .pep-product-process-v2 [data-bg=grey] .process-title,html.dark-mode .pep-product-process-v2 [data-bg=light] .process-title,html.dark-mode .pep-product-process-v2 [data-bg=transBlack] .process-title,html.dark-mode .pep-problem-v2 .por-card .por-card-content .por-text-title-t3,html.dark-mode .pep-product-banner-v3 .dynamic-content .dynamic-main,html.dark-mode .pep-product-doc-v2 .doc-lists .doc-lists-content .list-title,html.dark-mode .pep-product-advantage-v2 .por-row .por-card .card-title,html.dark-mode .pep-product-banner-v3 .prodoc-banner-title .banner-pc,html.dark-mode .pep-solution-page-navigate-v2 .por-tab-container .tag-name,html.dark-mode .pep-common-card-v2 .card-link h3,html.dark-mode .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .title-expand {
    color: var(--color);
    }
html.dark-mode .pep-problem-v2 .por-card .por-card-content .por-text-body-t1,html.dark-mode .pep-common-card-v2 .card-link p,html.dark-mode .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary,html.dark-mode .pep-product-advantage-v2 .por-row .por-card ul li,html.dark-mode .pep-product-banner-v3 .por-row .por-text-body-t1,html.dark-mode .pep-activity-promotion-card-description .title,html.dark-mode .pep-activity-promotion-card-description .por-icon,.pep-activity-promotion-card-purchase .tooltip,html.dark-mode .pep-activity-promotion-card-purchase .unit {
    color: var(--color-p);
}
html.dark-mode .pep-product-banner-v3 .prodoc-banner-title .por-player-btn{
	background: var(--color-s);
}
html.dark-mode .pep-latest-dynamic-v2 .dynamic-icon,html.dark-mode .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container .por-collapse-trigger .por-collapse-head-text .icon-wrapper .icon {
    filter: brightness(0) invert(1);
    }
html.dark-mode .pep-problem-v2 .row-tab.mb li.active:after,html.dark-mode .pep-product-scene-diagram-v3 .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-heading-block_secondary.decoration-dot:before{
	        background-color: var(--color-p);
	    }
html.dark-mode .pep-problem-v2 .row-tab.mb li+li {
	        border-left: 1px solid var(--border);
	    }
html.dark-mode .pep-problem-v2 .por-section .por-container .por-section-body .collapse-wrapper .por-collapse-container:not(:last-child),html.dark-mode [columns="1"] .pep-activity-promotion-card-description .spec,html.dark-mode [columns="2"] .pep-activity-promotion-card-description .spec,html.dark-mode [columns] .pep-activity-promotion-card.key .pep-activity-promotion-card-description .spec {
     border-bottom: 1px solid var(--border);
}
html.dark-mode .pep-solution-page-navigate-v2 .por-section .por-tab-container.mb .menu-container.show:after{
	background:var(--border);
}
html.dark-mode .pep-product-banner-v3 .dynamic-content .dynamic-icon,html.dark-mode .pep-product-process-v2 .icon-process,html.dark-mode .pep-common-card-v2 .por-card-icon{
	filter: brightness(0) invert(1);
}
@media (max-width: 768px) {
html.dark-mode .pep-product-doc-v2 .por-section {
    background: none;
}
html.dark-mode .pep-activity-promotion-card-description .spec{
	border-bottom: 1px solid var(--border);
}
}