/* BATELI dark design tokens (generated 2026-10-18) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
body{background-color:#0A0A0F!important;background-image:none!important}
.topbar{background-color:#0A0A0F!important;background-image:none!important}
nav{background-color:#0A0A0F!important;background-image:none!important}
.btn-outline:hover{background-color:#0A0A0F!important;background-image:none!important}
.hero::after{background-color:#0A0A0F!important;background-image:none!important}
.hero-inner{background-color:#0A0A0F!important;background-image:none!important}
.hero-btns .btn-outline:hover{background-color:#0A0A0F!important;background-image:none!important}
.client-badge{background-color:#12121A!important;background-image:none!important}
.stats-bar{background-color:#12121A!important;background-image:none!important}
.capabilities{background-color:#0A0A0F!important;background-image:none!important}
.cap-card{background-color:#12121A!important;background-image:none!important}
.cap-icon{background-color:#0A0A0F!important;background-image:none!important}
.products{background-color:#12121A!important;background-image:none!important}
.prod-card{background-color:#12121A!important;background-image:none!important}
.prod-img{background-color:#0A0A0F!important;background-image:none!important}
.prod-custom-tag{background-color:#12121A!important;background-image:none!important}
.prod-specs span{background-color:#0A0A0F!important;background-image:none!important}
.process{background-color:#0A0A0F!important;background-image:none!important}
.cases{background-color:#0A0A0F!important;background-image:none!important}
.case-card{background-color:#12121A!important;background-image:none!important}
.case-header{background-color:#0A0A0F!important;background-image:none!important}
.case-results{background-color:#0A0A0F!important;background-image:none!important}
.factory{background-color:#0A0A0F!important;background-image:none!important}
.factory-visual{background-color:#0A0A0F!important;background-image:none!important}
.cert-badge{background-color:#12121A!important;background-image:none!important}
.qc-step-num{background-color:#12121A!important;background-image:none!important}
.clients{background-color:#0A0A0F!important;background-image:none!important}
.client-type{background-color:#0A0A0F!important;background-image:none!important}
.faq{background-color:#12121A!important;background-image:none!important}
.faq-item{background-color:#12121A!important;background-image:none!important}
.cta{background-color:#0A0A0F!important;background-image:none!important}
.cta .btn-outline:hover{background-color:#0A0A0F!important;background-image:none!important}
footer{background-color:#0A0A0F!important;background-image:none!important}
.hero-slider{background-color:#0A0A0F!important;background-image:none!important}
.slider-dots span{background-color:#0A0A0F!important;background-image:none!important}
.mobile-menu-toggle span{background-color:#0A0A0F!important;background-image:none!important}
.nav-links{background-color:#0A0A0F!important;background-image:none!important}
.cat-grid-section{background-color:#0A0A0F!important;background-image:none!important}
.cat-card{background-color:#12121A!important;background-image:none!important}
.cat-img{background-color:#0A0A0F!important;background-image:none!important}
.btn-wa:hover{background-color:#0A0A0F!important;background-image:none!important}
.btn-quote{background-color:#0A0A0F!important;background-image:none!important}
.btn-quote:hover{background-color:#0A0A0F!important;background-image:none!important}
.trust-section{background-color:#0A0A0F!important;background-image:none!important}
.cert-badge.sgs{background-color:#12121A!important;background-image:none!important}
#siteops-annbar{background-color:#0A0A0F!important;background-image:none!important}
#siteops-bottom-cta{background-color:#0A0A0F!important;background-image:none!important}
.mb-cta{background-color:#0A0A0F!important;background-image:none!important}
.mb-cta .mb-wa{background-color:#0A0A0F!important;background-image:none!important}
.mb-cta .mb-q{background-color:#0A0A0F!important;background-image:none!important}
#siteops-entries .sox-float-quote{background-color:#C9A84C!important;background-image:none!important}
#siteops-entries .sox-sticky-wa{background-color:#0A0A0F!important;background-image:none!important}
#siteops-entries .sox-sticky-quote{background-color:#C9A84C!important;background-image:none!important}
#siteops-entries .sox-sticky-tel{background-color:#0A0A0F!important;background-image:none!important}
.topbar-right a{color:#C9A84C!important}
.logo{color:#FFFFFF!important}
.logo span{color:#C9A84C!important}
.logo-sub{color:#FFFFFF!important}
.nav-links a{color:#FFFFFF!important}
.nav-links a:hover{color:#C9A84C!important}
.btn-outline{color:#FFFFFF!important}
.hero-tag{color:#C9A84C!important}
.hero h1 em{color:#C9A84C!important}
.hero-clients-label{color:#FFFFFF!important}
.stat-num{color:#FFFFFF!important}
.stat-num span{color:#C9A84C!important}
.stat-label{color:#FFFFFF!important}
.section-tag{color:#C9A84C!important}
.section-title{color:#FFFFFF!important}
.section-desc{color:#FFFFFF!important}
.cap-card h3{color:#FFFFFF!important}
.cap-card p{color:#FFFFFF!important}
.cap-list li{color:#FFFFFF!important}
.cap-list li::before{color:#C9A84C!important}
.prod-card h3{color:#FFFFFF!important}
.prod-card p{color:#FFFFFF!important}
.prod-moq{color:#C9A84C!important}
.prod-moq small{color:#B8B8C4!important}
.prod-link{color:#FFFFFF!important}
.process .section-desc{color:#B8B8C4!important}
.process .section-tag{color:#C9A84C!important}
.process-step::after{color:#C9A84C!important}
.process-num{color:#C9A84C!important}
.process-step p{color:#B8B8C4!important}
.process-time{color:#C9A84C!important}
.case-client-type{color:#C9A84C!important}
.case-header p{color:#B8B8C4!important}
.case-detail-label{color:#B8B8C4!important}
.case-detail-value{color:#FFFFFF!important}
.case-results-label{color:#FFFFFF!important}
.case-results-value{color:#FFFFFF!important}
.factory-visual h3{color:#C9A84C!important}
.fstat-num span{color:#C9A84C!important}
.fstat-label{color:#B8B8C4!important}
.factory-content h2{color:#FFFFFF!important}
.factory-content > p{color:#FFFFFF!important}
.qc-step-content h4{color:#FFFFFF!important}
.qc-step-content p{color:#FFFFFF!important}
.client-type h4{color:#FFFFFF!important}
.client-type p{color:#FFFFFF!important}
.faq-q{color:#FFFFFF!important}
.faq-q::after{color:#C9A84C!important}
.faq-a{color:#FFFFFF!important}
.footer-col a:hover{color:#C9A84C!important}
.cat-grid-title{color:#FFFFFF!important}
.cat-grid-sub{color:#FFFFFF!important}
.cat-name{color:#FFFFFF!important}
.cat-count{color:#B8B8C4!important}
.cat-explore{color:#C9A84C!important}
.trust-title{color:#FFFFFF!important}
.cert-label{color:#FFFFFF!important}
#siteops-bottom-cta .sox-bc-wa{color:#FFFFFF!important}
#siteops-bottom-cta .sox-bc-note{color:#B8B8C4!important}
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner{background-color:#0A0A0F!important;background-image:none!important}
.ast-mobile-header-wrap .ast-mobile-header-content, .ast-desktop-header-content{background-color:#0A0A0F!important;background-image:none!important}
:root .has-very-light-gray-background-color{background-color:#0A0A0F!important;background-image:none!important}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
:root .has-purple-crush-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
:root .has-hazy-dawn-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
:root .has-subdued-olive-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
:root .has-atomic-cream-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
:root .has-nightshade-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
:root .has-midnight-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.screen-reader-text:focus{background-color:#0A0A0F!important;background-image:none!important}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.has-luminous-vivid-orange-to-vivid-red-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.has-cool-to-warm-spectrum-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.has-blush-light-purple-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.has-blush-bordeaux-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.has-luminous-dusk-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.has-pale-ocean-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.has-electric-grass-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
.has-midnight-gradient-background{background-color:#0A0A0F!important;background-image:none!important}
/* Category Grid */ .cat-grid-section{background-color:#0A0A0F!important;background-image:none!important}
/* Trust Section */ .trust-section{background-color:#0A0A0F!important;background-image:none!important}
/* Client Cases */ .client-cases-section{background-color:#0A0A0F!important;background-image:none!important}
.case-img{background-color:#0A0A0F!important;background-image:none!important}
.highlight{background-color:#0A0A0F!important;background-image:none!important}
#sg-blog-index ul.sg-bi-list li:before{background-color:#0A0A0F!important;background-image:none!important}
.bateli-quote-form input[type=submit]{background-color:#C9A84C!important;background-image:none!important}
.wpcf7 .wpcf7-not-valid-tip{color:#C9A84C!important}
.ast-mobile-popup-drawer.active .menu-toggle-close{color:#FFFFFF!important}
:root .has-very-dark-gray-color{color:#FFFFFF!important}
.woocommerce .star-rating, .woocommerce .comment-form-rating .stars a, .woocommerce .star-rating::before{color:#C9A84C!important}
.cases-eyebrow{color:#C9A84C!important}
.cases-title{color:#FFFFFF!important}
.cases-subtitle{color:#FFFFFF!important}
.client-country{color:#FFFFFF!important}
.case-product{color:#FFFFFF!important}
.highlight b{color:#C9A84C!important}
.highlight span{color:#FFFFFF!important}
.cases-more-title{color:#FFFFFF!important}
#sg-blog-index{color:#FFFFFF!important}
#sg-blog-index .sg-bi-lead{color:#FFFFFF!important}
#sg-blog-index h3.sg-bi-h span{color:#FFFFFF!important}
#sg-blog-index ul.sg-bi-list a{color:#FFFFFF!important}
#sg-blog-index .sg-bi-more a{color:#FFFFFF!important}
.bateli-more-toggle{color:#C9A84C!important}77 rules 6155 chars
/* ===== 11. 内联样式归一（页面里写死的浅底/深蓝/红蓝按钮） ===== */
[style*="linear-gradient"]{background-image:none!important;background-color:#0A0A0F!important}
[style*="background:#fff"],[style*="background: #fff"],[style*="background-color:#fff"],[style*="background-color: #fff"],
[style*="background:#ffffff"],[style*="background: #ffffff"],[style*="background:#f7fafc"],[style*="background: #f7fafc"],
[style*="background:#f8f8f8"],[style*="background: #f8f8f8"],[style*="background:#f0f0f0"],[style*="background: #f0f0f0"],
[style*="background:#f7f9fc"],[style*="background: #f7f9fc"],[style*="background:#ebf8ee"],[style*="background: #ebf8ee"],
[style*="background:#edf2f7"],[style*="background: #edf2f7"]
{background-color:#12121A!important;background-image:none!important}
[style*="background:#0f2540"],[style*="background: #0f2540"],[style*="background:#0d1b3e"],[style*="background: #0d1b3e"],
[style*="background:#1a365d"],[style*="background: #1a365d"]
{background-color:#0F0F16!important;background-image:none!important}
[style*="background:#e53e3e"],[style*="background: #e53e3e"],[style*="background:#0b6efd"],[style*="background: #0b6efd"],
[style*="background:#f60"],[style*="background: #f60"],[style*="background:#c05621"],[style*="background: #c05621"],
[style*="background:#ff3e8f"],[style*="background: #ff3e8f"]
{background:#C9A84C!important;background-image:none!important;color:#0A0A0F!important}
[style*="color:#1a365d"],[style*="color: #1a365d"],[style*="color:#0f2540"],[style*="color: #0f2540"],
[style*="color:#0d1b3e"],[style*="color: #0d1b3e"],[style*="color:#0f172a"],[style*="color: #0f172a"],
[style*="color:#111"],[style*="color: #111"],[style*="color:#222"],[style*="color: #222"],
[style*="color:#333"],[style*="color: #333"]
{color:#FFFFFF!important}
[style*="color:#4a5568"],[style*="color: #4a5568"],[style*="color:#64748b"],[style*="color: #64748b"],
[style*="color:#718096"],[style*="color: #718096"],[style*="color:#666"],[style*="color: #666"],
[style*="color:#a0aec0"],[style*="color: #a0aec0"],[style*="color:#cbd5e0"],[style*="color: #cbd5e0"]
{color:#B8B8C4!important}
[style*="color:#f6ad55"],[style*="color: #f6ad55"],[style*="color:#c05621"],[style*="color: #c05621"],
[style*="color:#f60"],[style*="color: #f60"]
{color:#C9A84C!important}

:root{
  --bateli-bg:#0A0A0F; --bateli-c1:#12121A; --bateli-c2:#1C1C28; --bateli-c3:#111118;
  --bateli-line:rgba(255,255,255,.07); --bateli-gold:#C9A84C;
  --bateli-gold-line:rgba(201,168,76,.35); --bateli-gold-hover:rgba(201,168,76,.20);
  --bateli-t1:#FFFFFF; --bateli-t2:#B8B8C4;
}
html,body{background:#0A0A0F!important;color:#B8B8C4!important;
  font-family:Inter,"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
body{font-size:16px!important;line-height:1.65!important;font-weight:400!important}
.site,.site-content,#page,#content,.hfeed,.ast-separate-container,.ast-plain-container{background-color:#0A0A0F!important}
h1,h1.entry-title,h1.page-title{font-size:51px!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-1px!important;color:#FFFFFF!important}
h2,h2.entry-title{font-size:37px!important;font-weight:900!important;line-height:1.12!important;color:#FFFFFF!important}
h3{font-size:24px!important;font-weight:700!important;color:#FFFFFF!important}
h4,h5,h6{color:#FFFFFF!important}
.entry-content p,.site-content p,.elementor-widget-text-editor p{font-size:16px!important;line-height:1.65!important;color:#B8B8C4}
small,.sox-bc-note,.price-note{font-size:14px!important;font-weight:500!important}
@media (max-width:768px){
  h1,h1.entry-title{font-size:34px!important;letter-spacing:-.5px!important}
  h2,h2.entry-title{font-size:26px!important}
  h3{font-size:20px!important}
}
.container,.ast-container,.elementor-container,.e-con-boxed>.e-con-inner,.site-content .ast-container{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
header.site-header,.ast-primary-header-bar,.main-header-bar,.site-header,.topbar{
  background:rgba(10,10,15,.85)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important}
header.site-header,.site-header{min-height:68px}
.topbar,.topbar-inner{color:#B8B8C4!important}
.ast-builder-menu a,.main-header-menu a,.menu-link,.ast-nav-menu a,.nav-links a,.main-navigation a{color:#FFFFFF!important}
.ast-builder-menu a:hover,.main-header-menu a:hover,.menu-link:hover,.nav-links a:hover{color:#C9A84C!important}
.elementor-button,.wpcf7-submit,input[type="submit"],button[type="submit"],.btn,.btn-quote,.btn-primary,.btn-cta,.sox-bc-q,.sox-float-quote,.cart .button,a.button{
  background:#C9A84C!important;background-image:none!important;color:#0A0A0F!important;border:0!important;border-radius:6px!important;
  min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0 22px!important;font-size:13.6px!important;font-weight:700!important;letter-spacing:.5px!important;
  box-shadow:none!important;text-transform:none!important;text-decoration:none!important}
.btn-outline,.elementor-button.btn-secondary{
  background:transparent!important;background-image:none!important;color:#C9A84C!important;
  border:1px solid rgba(201,168,76,.4)!important;border-radius:6px!important;box-shadow:none!important}
.btn-outline:hover,.elementor-button:hover,input[type="submit"]:hover,.wpcf7-submit:hover{background:#d4b356!important;background-image:none!important}
.sox-bc-wa,.sox-bc-btns a.sox-bc-wa{background:#25D366!important;background-image:none!important;color:#062b16!important;border:0!important;border-radius:6px!important}
.sox-bc-btns a.sox-bc-q{background:#C9A84C!important;background-image:none!important;color:#0A0A0F!important;border:0!important}
.ast-article-post,ul.products li.product,.card,.prod-card,.cap-card,.case-card,.post-card,.blog-card,
.faq-item,.process-step,.stat-item,.testimonial,.sox-bc-btns a{
  background:#12121A!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;box-shadow:none!important}
ul.products li.product img,.prod-img img,.card img,.prod-card img{aspect-ratio:16/10;object-fit:cover;border-radius:0!important;box-shadow:none!important}
.cap-icon,.prod-specs span,.prod-custom-tag{border-radius:0!important;box-shadow:none!important}
.sox-caps,.trust-caps{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 18px;padding:0;list-style:none}
.sox-caps span,.trust-caps span{display:inline-flex;align-items:center;height:30px;padding:0 14px;border:1px solid rgba(201,168,76,.35);
  border-radius:100px;font-size:12px!important;font-weight:600;letter-spacing:.3px;color:#C9A84C!important;background:transparent!important}
.sox-attrs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:16px 0 22px;padding:0;list-style:none}
.sox-attrs span{display:inline-flex;align-items:center;height:28px;padding:0 13px;border:1px solid rgba(201,168,76,.35);
  border-radius:100px;font-size:12px!important;font-weight:600;color:#C9A84C!important;background:transparent!important}
p.sox-goldline,.sox-goldline{color:#C9A84C!important;font-size:14px!important;font-weight:700;letter-spacing:.3px;text-align:center;margin:0 0 6px}
.sox-float{z-index:9995!important;box-shadow:none!important}
.sox-float-wa{left:auto!important;right:24px!important;bottom:32px!important;width:64px!important;height:64px!important;
  border-radius:50%!important;background:#25D366!important;color:#fff!important;font-size:0!important;box-shadow:none!important}
.sox-float-wa::before{content:"WA";font-size:13.6px;font-weight:700;letter-spacing:.5px}
.sox-float-quote{right:24px!important;bottom:110px!important;min-height:42px!important;height:42px!important;border-radius:6px!important;
  background:#C9A84C!important;color:#0A0A0F!important;padding:0 18px!important}
a[aria-label*="WhatsApp"][style*="position:fixed"],a[href*="whatsapp"][style*="position:fixed"]{
  width:64px!important;height:64px!important;bottom:32px!important;right:24px!important;box-shadow:none!important}
@media (max-width:768px){
  .sox-float-wa{left:12px!important;right:auto!important;bottom:12px!important;width:56px!important;height:56px!important}
  .sox-float-quote{right:12px!important;bottom:12px!important;width:200px!important;min-height:44px!important;height:44px!important}
  a[aria-label*="WhatsApp"][style*="position:fixed"],a[href*="whatsapp"][style*="position:fixed"]{
    width:56px!important;height:56px!important;bottom:12px!important;right:12px!important}
}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=url],select,textarea{
  background:#1C1C28!important;border:1px solid rgba(255,255,255,.07)!important;color:#FFFFFF!important;border-radius:6px!important;
  font-size:16px!important;min-height:42px}
input::placeholder,textarea::placeholder{color:#B8B8C4!important;opacity:1}
.wpcf7 label,.wpcf7 p,.wpcf7 span{color:#B8B8C4!important}