/* SofolX merchant panel: permanent, layout-only dark theme. */
:root{color-scheme:dark;--spm-bg:#070d18;--spm-bg-alt:#0b1322;--spm-surface:#101a2b;--spm-surface-2:#142238;--spm-surface-3:#192940;--spm-border:rgba(148,163,184,.18);--spm-border-focus:#39a9ed;--spm-text:#edf4ff;--spm-muted:#9cabc1;--spm-accent:#27b6ed;--spm-green:#20c997;--spm-shadow:0 18px 45px rgba(0,0,0,.28)}
html,body,#app,.main-wrapper,.main-content,.section{background:var(--spm-bg)!important;color:var(--spm-text)!important}
body{color-scheme:dark;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.main-content{min-height:100vh!important}.navbar-bg,.main-navbar{background:#080f1d!important;border-bottom:1px solid var(--spm-border)!important;box-shadow:0 8px 28px rgba(0,0,0,.22)!important}.main-navbar .nav-link{color:#dce8f8!important}.main-navbar .nav-link:hover{color:#63c9f3!important}.main-navbar .dropdown-menu{background:#101b2e!important}
.main-sidebar,.main-sidebar #sidebar-wrapper{background:#0a1322!important;border-right:1px solid var(--spm-border)!important}.main-sidebar .sidebar-brand{background:#08101d!important;border-bottom-color:var(--spm-border)!important}.main-sidebar .sidebar-menu li.menu-header{color:#45bce9!important}.main-sidebar .sidebar-menu li a{color:#cbd8e9!important}.main-sidebar .sidebar-menu li a:hover,.main-sidebar .sidebar-menu li.active>a{color:#77d4f7!important;background:rgba(39,182,237,.11)!important}.main-sidebar .sidebar-menu li ul.dropdown-menu{background:#0b1525!important}.main-sidebar .sidebar-menu li ul.dropdown-menu li a{color:#9fb0c7!important}.main-sidebar .sidebar-menu li ul.dropdown-menu li.active>a{color:#6bd2f7!important}
.section .section-header,.section .section-body,.card,.modal-content,.dropdown-menu,.list-group-item,.accordion-item,.offcanvas,.popover{color:var(--spm-text)!important;background:var(--spm-surface)!important;border-color:var(--spm-border)!important;box-shadow:var(--spm-shadow)!important}.card-header,.card-footer,.modal-header,.modal-footer,.dropdown-divider,.accordion-header{background:transparent!important;border-color:var(--spm-border)!important}.card-header h4,.card-title,.section-title,.section-header h1,.modal-title,.dropdown-title{color:var(--spm-text)!important}
h1,h2,h3,h4,h5,h6,label,legend,strong,b,th{color:var(--spm-text)!important}p,small,.small,.text-muted,.text-secondary,.card-subtitle,.form-text{color:var(--spm-muted)!important}.text-dark,.text-body{color:var(--spm-text)!important}.bg-white,.bg-light,.bg-body,.bg-transparent{background-color:var(--spm-surface)!important}.border,.border-top,.border-end,.border-bottom,.border-start{border-color:var(--spm-border)!important}
.table,.table-responsive{color:var(--spm-text)!important;background:transparent!important}.table>:not(caption)>*>*{color:#d9e4f2!important;background:transparent!important;border-color:var(--spm-border)!important}.table thead th,.table-light th{color:#f2f7ff!important;background:#152239!important}.table-striped>tbody>tr:nth-of-type(odd)>*{background:rgba(148,163,184,.045)!important}.table-hover>tbody>tr:hover>*{background:rgba(39,182,237,.08)!important}.dataTables_wrapper,.dataTables_info,.dataTables_length,.dataTables_filter{color:var(--spm-muted)!important}
input,textarea,select,.form-control,.form-select,.input-group-text,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{color:var(--spm-text)!important;background:#0a1424!important;border-color:#2b3b54!important}input::placeholder,textarea::placeholder,.form-control::placeholder{color:#71829b!important}.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{color:var(--spm-text)!important;background:#0d192b!important;border-color:var(--spm-border-focus)!important;box-shadow:0 0 0 .2rem rgba(39,182,237,.12)!important}.select2-dropdown,.select2-results__option{color:var(--spm-text)!important;background:#101c2f!important;border-color:var(--spm-border)!important}.select2-results__option--highlighted{background:#173451!important}.form-check-input{background-color:#0b1627!important;border-color:#455771!important}.form-check-input:checked{background-color:#159bd2!important;border-color:#159bd2!important}
.dropdown-item{color:#d6e2f1!important}.dropdown-item:hover,.dropdown-item:focus{color:#fff!important;background:rgba(39,182,237,.11)!important}.dropdown-item.text-danger{color:#ff8492!important}.pagination .page-link{color:#b9c8dc!important;background:#101b2e!important;border-color:var(--spm-border)!important}.pagination .active .page-link{color:#fff!important;background:#168fca!important}.nav-tabs,.nav-pills{border-color:var(--spm-border)!important}.nav-tabs .nav-link,.nav-pills .nav-link{color:#aebdd0!important}.nav-tabs .nav-link.active,.nav-pills .nav-link.active{color:#fff!important;background:#17304a!important;border-color:#2d6788!important}.btn-close{filter:invert(1) grayscale(100%) brightness(2)}
.alert{color:#dfeaf8!important;background:#132238!important;border-color:var(--spm-border)!important}.swal2-popup,.jq-toast-wrap .jq-toast-single{color:var(--spm-text)!important;background:#101b2d!important}.ui-widget-content,.ui-datepicker{color:var(--spm-text)!important;background:#101b2d!important;border-color:var(--spm-border)!important}
/* Existing merchant dashboard cards. */
.modern-dashboard,.pricing-card-wrapper{background:var(--spm-bg)!important}.stats-card,.card-tint-blue,.card-tint-purple,.card-tint-orange{background:linear-gradient(145deg,#121e31,#0f192a)!important;border-color:var(--spm-border)!important;box-shadow:var(--spm-shadow)!important}.stats-card:hover{border-color:rgba(39,182,237,.3)!important;box-shadow:0 22px 48px rgba(0,0,0,.36)!important}.card-title,.card-subtitle{color:var(--spm-muted)!important}.card-value{color:#f7faff!important}.badge-green{color:#6aefbd!important;background:rgba(16,185,129,.14)!important;border-color:rgba(16,185,129,.35)!important}.badge-red{color:#ff9baa!important;background:rgba(244,63,94,.14)!important;border-color:rgba(244,63,94,.35)!important}.slider-container{background:#0c1627!important;box-shadow:var(--spm-shadow)!important}
/* Merchant pricing view and cycle tabs. */
.pricing-card-wrapper .pricing-card{color:var(--spm-text)!important;background:linear-gradient(145deg,#142238,#0e1829)!important;border-color:var(--spm-border)!important;box-shadow:var(--spm-shadow)!important}.pricing-card-wrapper .pricing-card:hover{box-shadow:0 24px 55px rgba(0,0,0,.38)!important}.pricing-card-wrapper .icon-box{background:#17263c!important;border-color:var(--spm-border)!important;box-shadow:none!important}.pricing-card-wrapper .plan-title,.pricing-card-wrapper .included-title,.pricing-card-wrapper .price-currency{color:var(--spm-text)!important}.pricing-card-wrapper .plan-desc,.pricing-card-wrapper .price-suffix,.pricing-card-wrapper .feature-list li{color:var(--spm-muted)!important}.pricing-card-wrapper .price-amount{background:linear-gradient(135deg,#fff,#9edfff)!important;-webkit-background-clip:text!important;background-clip:text!important}.pricing-card-wrapper .feature-svg-icon{color:#a78bfa!important;background:rgba(139,92,246,.15)!important}.pricing-card-wrapper .feature-disabled .feature-svg-icon{color:#718096!important;background:#172235!important}.pricing-card-wrapper .btn-disabled-plan{color:#8795a9!important;background:#101a2a!important;border-color:#34435a!important}
.merchant-pricing-cycle{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:min(100%,430px);margin:0 auto 32px;padding:5px;border:2px solid transparent;border-radius:16px;background:linear-gradient(#0d1728,#0d1728) padding-box,linear-gradient(90deg,#8b5cf6,#ec4899) border-box;box-shadow:0 12px 32px rgba(0,0,0,.28)}.merchant-cycle-btn{min-height:48px;padding:10px 14px;border:0;border-radius:12px;color:#b8c7da;background:transparent;font-size:15px;font-weight:750;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.merchant-cycle-btn:hover{color:#fff}.merchant-cycle-btn.active{color:#fff;background:#1b2b43;box-shadow:0 6px 18px rgba(0,0,0,.25)}.merchant-plan-item[hidden]{display:none!important}
@media(max-width:768px){.main-content{padding-left:15px!important;padding-right:15px!important}.section .section-header{padding:16px!important}.merchant-pricing-cycle{width:min(92%,360px);margin-bottom:24px}.merchant-cycle-btn{min-height:44px;font-size:14px}.pricing-card-wrapper .pricing-card{border-radius:20px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Targeted legacy-view contrast repairs. */
.payment-container{background:var(--spm-surface)!important;border:1px solid var(--spm-border)!important;box-shadow:var(--spm-shadow)!important}.payment-title{color:var(--spm-text)!important}.scroll-btn{color:#aebed2!important;background:#17243a!important;box-shadow:none!important}.scroll-btn:hover{color:#fff!important;background:#168fca!important}.payment-item{color:#b8c6d9!important;background:#111d30!important;border-color:#2c3c54!important;box-shadow:none!important}.payment-item:hover{color:#65cff7!important;border-color:#2f9dcc!important}.payment-logo{background:#edf4fb!important;border-color:#ccd8e6!important}.payment-item.active{color:#fff!important;background:linear-gradient(135deg,#159bd2,#0eb7c3)!important;border-color:#45d3ee!important}.modern-switch-wrapper{color:var(--spm-text)!important;background:#121f32!important;border-color:var(--spm-border)!important}.modern-switch-label{color:#dce7f5!important}
.modern-transactions .transactions-container{color:var(--spm-text)!important;background:var(--spm-surface)!important;border:1px solid var(--spm-border)!important;box-shadow:var(--spm-shadow)!important}.modern-transactions .transactions-content,.modern-transactions .empty-state,.modern-transactions .modern-table{background:var(--spm-surface)!important}.modern-transactions .empty-title{color:#e4edf9!important}.modern-transactions .empty-subtitle{color:var(--spm-muted)!important}.modern-transactions .empty-icon{color:#66cff5!important;opacity:.85!important}.modern-transactions .table-header{background:#15243a!important}.modern-transactions .table-header th,.modern-transactions .table-cell{color:#dce7f5!important;border-color:var(--spm-border)!important}.modern-transactions .table-row:hover{background:#15243a!important}
.stored-data-card,.stored-data-container .empty-state{color:var(--spm-text)!important;background:var(--spm-surface)!important;border:1px solid var(--spm-border)!important;box-shadow:var(--spm-shadow)!important}.stored-data-container .empty-state h4{color:var(--spm-text)!important}.stored-data-container .empty-state p{color:var(--spm-muted)!important}.stored-data-card .card-body{background:var(--spm-surface)!important}.stored-data-card .data-info-item{background:#0d192a!important;border-color:var(--spm-border)!important}.stored-data-card .data-info-label,.stored-data-card .status-label,.stored-data-card .time-ago{color:var(--spm-muted)!important}.stored-data-card .data-info-value{color:var(--spm-text)!important}.stored-data-card .address-value{background:#10243a!important}.stored-data-card .message-value{background:#2b2515!important;color:#ffe4a3!important}
.sp-service .sp-plan-card,.sp-service .sp-key-card,.sp-service .sp-empty{color:var(--spm-text)!important;background:var(--spm-surface)!important;border-color:var(--spm-border)!important;box-shadow:var(--spm-shadow)!important}.sp-service .sp-plan-top{border-color:var(--spm-border)!important}.sp-service .sp-plan-name,.sp-service .sp-section-title,.sp-service .sp-brand-name{color:var(--spm-text)!important}.sp-service .sp-plan-sub,.sp-service .sp-brand-domain,.sp-service .sp-key-note,.sp-service .sp-empty p{color:var(--spm-muted)!important}.sp-service .sp-stat{background:#0d192a!important;border-color:var(--spm-border)!important}.sp-service .sp-stat small{color:#91a4bd!important}.sp-service .sp-stat strong{color:#f1f6ff!important}.sp-service .sp-key-input{color:#d8e6f8!important;background:#091526!important;border-color:#30435e!important}.sp-service .sp-status.active{color:#68efbd!important;background:rgba(16,185,129,.14)!important}.sp-service .sp-status.expired{color:#ff9baa!important;background:rgba(244,63,94,.14)!important}
.rf-card{color:var(--spm-text)!important;background:var(--spm-surface)!important;border-color:var(--spm-border)!important;box-shadow:var(--spm-shadow)!important}.rf-stat{background:#0c2134!important;border-color:#21445d!important}.rf-stat small{color:#92a7c0!important}.rf-stat strong{color:#f2f7ff!important}.rf-method label{color:#dbe7f6!important;background:#0d192a!important;border-color:#30435d!important}.rf-method input:checked+label{color:#eafff6!important;background:#0d2a25!important;border-color:#19b77a!important}.rf-warning{color:#ffd492!important;background:#2b2112!important;border-color:#6d4a1c!important}.rf-confirm-box{color:var(--spm-text)!important;background:var(--spm-surface)!important;border:1px solid var(--spm-border)!important}
.pricing-card-wrapper .price-suffix{display:inline!important;padding:0!important;border:0!important;border-radius:0!important;color:#aebdd0!important;background:transparent!important;box-shadow:none!important;font-size:14px!important;font-weight:600!important;white-space:nowrap!important}
.sp-page .sp-card form.row{margin-right:0!important;margin-left:0!important;gap:12px}.sp-page .sp-card form.row>[class*="col-"]{padding:0!important;min-width:0}.sp-page .sp-input{min-height:46px!important}.sp-page select.sp-input{padding-right:38px!important}
@media(max-width:767px){.sp-page .sp-card form.row>[class*="col-"]{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.sp-page .sp-card form.row .sp-btn{width:100%!important;min-height:46px!important}.payment-container{border-radius:16px!important}.stored-data-container .empty-state,.modern-transactions .empty-state{padding:48px 18px!important}}

/* Final overflow, payment-form and profile contrast repairs. */
.sp-page .sp-card form.row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:12px!important}.sp-page .sp-card form.row>[class*="col-"]{width:auto!important;max-width:none!important;min-width:0!important;flex:none!important}.sp-page .sp-input{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}
.modern-card{color:var(--spm-text)!important;background:var(--spm-surface)!important;border-color:var(--spm-border)!important;box-shadow:var(--spm-shadow)!important}.modern-card .modern-card-body,.modern-card .card-body,.modern-card form{background:transparent!important;color:var(--spm-text)!important}.modern-card .modern-input,.modern-card input,.modern-card select,.modern-card textarea{color:var(--spm-text)!important;background:#0a1424!important;border-color:#30435d!important}.modern-card label,.modern-card .form-label,.modern-card h3,.modern-card h4,.modern-card h5{color:#e9f2ff!important}.modern-card .modern-switch-label,.modern-card .switch-text{color:#cbd8e9!important}
.pro-profile-wrapper .card,.pro-profile-wrapper .nav-pills,.pro-profile-wrapper .email-status-box,.pro-profile-wrapper .tab-content{color:var(--spm-text)!important;background:var(--spm-surface)!important;border-color:var(--spm-border)!important;box-shadow:var(--spm-shadow)!important}.pro-profile-wrapper .user-info h4,.pro-profile-wrapper .info-container .fw-medium,.pro-profile-wrapper .card h6,.pro-profile-wrapper label{color:#eef5ff!important}.pro-profile-wrapper .info-container ul li{color:#c2d0e2!important;border-color:#34445d!important}.pro-profile-wrapper .info-container ul li>span:last-child{max-width:62%;overflow-wrap:anywhere;text-align:right;color:#cbd8ea!important}.pro-profile-wrapper .email-status-box{border:1px solid var(--spm-border)!important}.pro-profile-wrapper .nav-pills .nav-link{color:#afbed1!important;background:transparent!important}.pro-profile-wrapper .nav-pills .nav-link.active{color:#fff!important;background:#193757!important}.pro-profile-wrapper .form-control,.pro-profile-wrapper .form-control[readonly]{color:#eef5ff!important;background:#091526!important;border-color:#30435d!important;opacity:1!important}.pro-profile-wrapper .form-control::placeholder{color:#74869f!important}.pro-profile-wrapper .card h6{border-color:#34445d!important}.pro-profile-wrapper .email-status-badge.verified{color:#68efbd!important;background:rgba(16,185,129,.14)!important}
@media(max-width:767px){.sp-page .sp-card form.row{grid-template-columns:1fr!important}.pro-profile-wrapper>.row{margin-right:0!important;margin-left:0!important}.pro-profile-wrapper>.row>[class*="col-"]{padding-right:0!important;padding-left:0!important}.pro-profile-wrapper .card{border-radius:18px!important}.pro-profile-wrapper .nav-pills{padding:6px!important;border-radius:15px!important}.pro-profile-wrapper .nav-pills .nav-link{padding:11px 8px!important}}

/* Shared dark surfaces and readable contrast across admin, merchant and authentication. */
.dark,.dark .content-wrapper,.dark .content,.dark .container,.dark .container-fluid,.dark .section-body,.dark .tab-content,.dark .tab-pane{color:var(--spm-text)}
.dark .card-body,.dark .modal-body,.dark .dropdown-menu,.dark .dropdown-header,.dark .list-group,.dark .list-group-item,.dark .accordion-body,.dark .popover-body,.dark .toast,.dark .toast-body{background-color:var(--spm-surface)!important;color:var(--spm-text)!important;border-color:var(--spm-border)!important}
.dark .text-black,.dark .text-dark,.dark .text-body,.dark [class*="text-gray-900"],.dark [class*="text-grey-900"]{color:#edf4ff!important}
.dark .text-muted,.dark .text-secondary,.dark .text-small,.dark .form-text,.dark small,.dark .small,.dark .help-block,.dark .caption{color:#b5c3d6!important}
.dark a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link){color:#72caff}.dark a:not(.btn):not(.badge):hover{color:#a6dcff}
.dark input,.dark textarea,.dark select,.dark .form-control,.dark .form-select,.dark .custom-select,.dark .input-group-text,.dark .select2-selection,.dark .select2-search__field{background-color:#0b1627!important;color:#edf4ff!important;border-color:#33445e!important}
.dark input::placeholder,.dark textarea::placeholder,.dark .form-control::placeholder,.dark .select2-selection__placeholder{color:#9aaac0!important;opacity:1!important}
.dark input:disabled,.dark textarea:disabled,.dark select:disabled,.dark .form-control:disabled,.dark .form-control[readonly]{color:#c6d2e1!important;background-color:#111c2d!important;opacity:1!important}
.dark select option,.dark .select2-dropdown,.dark .select2-results__option{background:#101b2e!important;color:#edf4ff!important}.dark .select2-results__option--highlighted{background:#173b5b!important;color:#fff!important}
.dark .table,.dark table,.dark tbody,.dark tr,.dark td{color:#dce7f5!important;border-color:var(--spm-border)!important}.dark thead,.dark thead th,.dark .table-light,.dark .table-light th{background:#152239!important;color:#f2f7ff!important}
.dark .dataTables_filter label,.dark .dataTables_length label,.dark .dataTables_info,.dark .page-link{color:#c5d2e2!important}.dark .page-link{background:#101b2e!important;border-color:#34445c!important}
.dark .modal-content,.dark .swal2-popup,.dark .swal-modal{background:#101a2b!important;color:#edf4ff!important;border:1px solid rgba(148,163,184,.2)!important}.dark .swal2-title,.dark .swal2-html-container,.dark .swal-title,.dark .swal-text{color:#edf4ff!important}
.dark .badge.bg-light,.dark .badge-light,.dark .label-default{background:#203047!important;color:#dce8f7!important}.dark .alert-warning{background:#302515!important;color:#ffe4ad!important}.dark .alert-danger{background:#331b25!important;color:#ffc4ca!important}.dark .alert-success{background:#123029!important;color:#a3f1cb!important}
.dark .custom-control-label,.dark .form-check-label,.dark .form-group label,.dark .control-label,.dark .col-form-label{color:#e5eefb!important}.dark .custom-control-label:before,.dark .form-check-input{background-color:#101d30!important;border-color:#536581!important}
.dark .nav-tabs .nav-link,.dark .nav-pills .nav-link,.dark .breadcrumb-item,.dark .breadcrumb-item.active{color:#c0cee0!important}.dark .nav-tabs .nav-link.active,.dark .nav-pills .nav-link.active{color:#fff!important;background:#173553!important}

/* Sign in, sign up, password reset and activation share one blue-glow dark design. */
body.sp-auth-dark{background:radial-gradient(circle at 18% 15%,rgba(22,119,255,.15),transparent 34%),radial-gradient(circle at 85% 80%,rgba(39,182,237,.11),transparent 35%),#070d18!important;color:#edf4ff!important;min-height:100vh!important}
body.sp-auth-dark:before{background:linear-gradient(135deg,#1677ff,#27b6ed)!important;opacity:.14!important}
.sp-auth-dark #app,.sp-auth-dark .section,.sp-auth-dark .container,.sp-auth-dark .main-wrapper{background:transparent!important}
.sp-auth-dark .glow-wrap{background:#132239!important;box-shadow:0 24px 65px rgba(0,0,0,.48)!important}.sp-auth-dark .glow-wrap:before{background:conic-gradient(transparent,transparent,transparent,#1677ff,#27b6ed)!important}
.sp-auth-dark .auth-card,.sp-auth-dark .card,.sp-auth-dark .card-body,.sp-auth-dark .card-header,.sp-auth-dark .login-card,.sp-auth-dark .register-card{background:#101a2b!important;color:#edf4ff!important;border-color:rgba(148,163,184,.18)!important}
.sp-auth-dark h1,.sp-auth-dark h2,.sp-auth-dark h3,.sp-auth-dark h4,.sp-auth-dark h5,.sp-auth-dark h6,.sp-auth-dark label,.sp-auth-dark strong,.sp-auth-dark .auth-title{color:#f3f7ff!important}
.sp-auth-dark p,.sp-auth-dark small,.sp-auth-dark .auth-subtitle,.sp-auth-dark .text-muted{color:#bbcadc!important}
.sp-auth-dark .form-control,.sp-auth-dark input,.sp-auth-dark select,.sp-auth-dark textarea{background:#0a1424!important;color:#f0f5ff!important;border:1px solid #344660!important}
.sp-auth-dark .form-control:focus,.sp-auth-dark input:focus{background:#0e1b30!important;color:#fff!important;border-color:#39a9ed!important;box-shadow:0 0 0 3px rgba(39,182,237,.14)!important}
.sp-auth-dark .btn-auth,.sp-auth-dark .btn-primary{background:linear-gradient(135deg,#1677ff,#169fe5)!important;color:#fff!important;border:0!important;box-shadow:0 10px 25px rgba(22,119,255,.22)!important}
.sp-auth-dark .google-btn,.sp-auth-dark .social-login,.sp-auth-dark .btn-light,.sp-auth-dark .btn-outline-secondary{background:#142238!important;color:#eaf2ff!important;border-color:#344660!important}
.sp-auth-dark .divider,.sp-auth-dark .separator,.sp-auth-dark hr{border-color:#344660!important;color:#aebed2!important}.sp-auth-dark .invalid-feedback,.sp-auth-dark .text-danger{color:#ff94a0!important}
.dark .tooltip-inner{background:#192940!important;color:#f2f7ff!important}.dark .progress{background:#1d2c42!important}.dark .dropdown-menu.show,.dark .select2-container--open .select2-dropdown{background:#101b2e!important}.dark .nav-item .nav-link,.dark .dropdown-menu a,.dark .form-check-label{color:#dce8f7!important}.dark .btn-outline-secondary,.dark .btn-light{background:#17243a!important;color:#e7f0fc!important;border-color:#364962!important}.dark ::selection{background:#1677ff;color:#fff}