.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   SafeCloud Battery — Article body typography
   Paste into: Elementor → Site Settings → Custom CSS
   or Appearance → Customize → Additional CSS
   Scope: the Post Content widget in the Single Post template
   ============================================================ */

:root{
  --sc-navy:#0C2233;
  --sc-green:#0FB67A;
  --sc-amber:#F2A93B;
  --sc-ink:#1B2A38;
  --sc-muted:#5A6B7A;
  --sc-line:#E3E8ED;
  --sc-tint:#F5F8FA;
  --sc-measure:68ch;      /* 行宽上限 —— 全文最重要的一行 */
}

/* 同时匹配 Elementor Post Content 与 Blocksy 主题正文容器 */
.elementor-widget-theme-post-content .elementor-widget-container,
.entry-content{
  color:var(--sc-ink);
  font-size:1.0625rem;      /* 17px */
  line-height:1.75;
}

/* ---------- ① 限制行宽：文本元素收窄，表格/图片仍走满宽 ---------- */
.elementor-widget-theme-post-content p,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content h3,
.elementor-widget-theme-post-content h4,
.elementor-widget-theme-post-content blockquote,
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content blockquote{
  max-width:var(--sc-measure);
}

.elementor-widget-theme-post-content p,
.entry-content p{ margin:0 0 1.15em; }

/* ---------- 标题层级与节奏 ---------- */
.elementor-widget-theme-post-content h2,
.entry-content h2{
  font-size:1.75rem;
  line-height:1.25;
  font-weight:700;
  color:var(--sc-navy);
  letter-spacing:-.01em;
  margin:2.75em 0 .7em;
  padding-top:1.4em;
  border-top:1px solid var(--sc-line);   /* 用细线代替 <hr> */
}
.elementor-widget-theme-post-content h2:first-child,
.entry-content h2:first-child{ border-top:0; padding-top:0; margin-top:0; }

.elementor-widget-theme-post-content h3,
.entry-content h3{
  font-size:1.1875rem;
  font-weight:650;
  color:var(--sc-navy);
  margin:2em 0 .5em;
}

/* ---------- ② 关掉 Markdown 转出来的分隔线 ---------- */
.elementor-widget-theme-post-content hr,
.entry-content hr{ display:none; }

/* ---------- ③ 答案前置块 / 引用块 → callout ---------- */
.elementor-widget-theme-post-content blockquote,
.entry-content blockquote{
  margin:1.8em 0;
  padding:1.1em 1.4em;
  background:var(--sc-tint);
  border-left:4px solid var(--sc-green);
  border-radius:0 6px 6px 0;
  font-size:1rem;
  color:var(--sc-ink);
}
.elementor-widget-theme-post-content blockquote p:last-child,
.entry-content blockquote p:last-child{ margin-bottom:0; }

/* 手动 callout：给「Short answer」那段的 <p> 加 class="sc-answer" */
.sc-answer{
  background:#EAF7F1;
  border-left:4px solid var(--sc-green);
  border-radius:0 6px 6px 0;
  padding:1.1em 1.4em;
  margin:1.8em 0 !important;
}

/* 关键提示块：加 class="sc-warn" */
.sc-warn{
  background:#FEF6E7;
  border-left:4px solid var(--sc-amber);
  border-radius:0 6px 6px 0;
  padding:1.1em 1.4em;
  margin:1.8em 0 !important;
}

/* ---------- ⑤ 表格：限宽 + 品牌化 ---------- */
.elementor-widget-theme-post-content table,
.entry-content table{
  width:100%;
  max-width:860px;         /* 不再铺满 1140 */
  border-collapse:collapse;
  margin:1.9em 0;
  font-size:.9375rem;
  line-height:1.55;
  border:1px solid var(--sc-line);
  border-radius:8px;
  overflow:hidden;
}
.elementor-widget-theme-post-content thead th,
.entry-content thead th{
  background:var(--sc-navy);
  color:#fff;
  font-weight:600;
  text-align:left;
  padding:.8em 1em;
  border:0;
}
.elementor-widget-theme-post-content td,
.entry-content td{
  padding:.72em 1em;
  border-top:1px solid var(--sc-line);
  vertical-align:top;
}
.elementor-widget-theme-post-content tbody tr:nth-child(even),
.entry-content tbody tr:nth-child(even){ background:var(--sc-tint); }

/* 数字列右对齐：给 <table> 加 class="sc-num" */
.sc-num td:not(:first-child),
.sc-num th:not(:first-child){ text-align:right; }

/* 窄屏横向滚动而不是压扁 */
@media (max-width:782px){
  .elementor-widget-theme-post-content table,
  .entry-content table{ display:block; overflow-x:auto; white-space:nowrap; }
}

/* ---------- ⑥ 链接色对齐品牌 ---------- */
.elementor-widget-theme-post-content a,
.entry-content a{
  color:var(--sc-navy);
  text-decoration:none;
  border-bottom:2px solid rgba(15,182,122,.35);
  transition:border-color .15s ease, color .15s ease;
}
.elementor-widget-theme-post-content a:hover,
.entry-content a:hover{
  color:var(--sc-green);
  border-bottom-color:var(--sc-green);
}

/* ---------- 列表 ---------- */
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.entry-content ul,
.entry-content ol{ padding-left:1.35em; margin:0 0 1.3em; }
.elementor-widget-theme-post-content li,
.entry-content li{ margin-bottom:.45em; }
.elementor-widget-theme-post-content li::marker,
.entry-content li::marker{ color:var(--sc-green); }

/* ---------- 首段导语 ---------- */
.elementor-widget-theme-post-content > .elementor-widget-container > p:first-of-type,
.entry-content > p:first-of-type{
  font-size:1.1875rem;
  line-height:1.65;
  color:var(--sc-muted);
}

/* ---------- 强调文字 ---------- */
.elementor-widget-theme-post-content strong,
.entry-content strong{ color:var(--sc-navy); font-weight:650; }

/* ---------- 图片 ---------- */
.elementor-widget-theme-post-content img,
.entry-content img{ border-radius:8px; margin:1.6em 0; }
.elementor-widget-theme-post-content figcaption,
.entry-content figcaption{
  max-width:var(--sc-measure);
  font-size:.875rem;
  color:var(--sc-muted);
  margin-top:.6em;
}

/* ---------- 侧栏目录（Elementor Pro TOC 小部件） ---------- */
.sc-toc .elementor-toc__header{
  background:var(--sc-navy);
  color:#fff;
}
.sc-toc .elementor-toc__list-item-text:hover{ color:var(--sc-green); }
.sc-toc .elementor-item-active{
  color:var(--sc-green);
  font-weight:600;
}

/* ---------- 移动端 ---------- */
@media (max-width:767px){
  .elementor-widget-theme-post-content .elementor-widget-container,
  .entry-content{ font-size:1rem; line-height:1.7; }
  .elementor-widget-theme-post-content h2,
  .entry-content h2{ font-size:1.4rem; margin-top:2.2em; }
  .elementor-widget-theme-post-content h3,
  .entry-content h3{ font-size:1.1rem; }
}
/* ============================================================
   SafeCloud — add-on to safecloud-article-typography.css
   Append below the existing rules in Site Settings → Custom CSS.
   Depends on the body classes added by sc-post-blocks.php
   ============================================================ */

/* --- hide the sidebar lead-magnet block when the post has none --- */
body.sc-no-magnet .sc-magnet{ display:none !important; }

/* --- hide the TOC when the article has fewer than 3 H2 --- */
body.sc-few-headings .sc-toc{ display:none !important; }

/* --- if a post has neither, drop the sidebar entirely on desktop --- */
@media (min-width:1025px){
  body.sc-no-magnet.sc-few-headings .elementor-column.sc-sidebar{ display:none; }
  body.sc-no-magnet.sc-few-headings .elementor-column.sc-main{
    width:100% !important;
    padding-right:0 !important;
  }
  body.sc-no-magnet.sc-few-headings .sc-article-body{
    max-width:760px;
    margin:0 auto;
  }
}

/* --- breadcrumb --- */
.sc-breadcrumb{ font-size:13px; color:#5A6B7A; }
.sc-breadcrumb a{ color:#0C2233; text-decoration:none; border-bottom:0; }
.sc-breadcrumb a:hover{ color:#0FB67A; }
.sc-breadcrumb .separator{ margin:0 8px; color:#B4C0CB; }

/* --- hero meta divider spacing --- */
.sc-hero-meta .elementor-post-info__item{ margin-right:4px; }
.sc-hero-meta .elementor-post-info__item img{
  width:26px; height:26px; border-radius:50%; margin-right:8px;
}

/* --- sidebar form --- */
.sc-side-form .elementor-field-group{ margin-bottom:10px; }
.sc-side-form input, .sc-side-form select{
  border:1px solid #E3E8ED !important;
  border-radius:6px !important;
  font-size:14px !important;
}
.sc-side-form .elementor-field-label{
  font-size:13px !important; font-weight:600; color:#1B2A38;
}

/* --- archive: category description --- */
.sc-archive-desc p:last-child{ margin-bottom:0; }
.sc-archive-desc{ max-width:60ch; }

/* --- archive: card polish --- */
.elementor-widget-archive-posts .elementor-post{
  background:#fff;
  border:1px solid #E3E8ED;
  overflow:hidden;
  transition:box-shadow .18s ease, transform .18s ease;
}
.elementor-widget-archive-posts .elementor-post:hover{
  box-shadow:0 8px 26px rgba(12,34,51,.09);
  transform:translateY(-2px);
}
.elementor-widget-archive-posts .elementor-post__text{ padding:18px 20px 22px; }
.elementor-widget-archive-posts .elementor-post__read-more{
  color:#0FB67A; font-weight:650; font-size:14px;
}

/* --- fix the low-contrast eyebrow on the hub page --- */
.sc-hub-eyebrow, .sc-hero-eyebrow{ color:#0FB67A !important; }

/* --- mobile: sidebar drops below content, unstick it --- */
@media (max-width:1024px){
  .elementor-column.sc-sidebar{
    position:static !important;
    border-left:0 !important;
    padding-left:0 !important;
    margin-top:36px;
  }
  .elementor-column.sc-main{ padding-right:0 !important; }
}
/* ============================================================
   SafeCloud — Page templates CSS
   Covers: 5 solution pages, solutions hub, OEM/ODM, About
   Paste into: Elementor → Site Settings → Custom CSS
   (append below safecloud-article-typography.css and its addon)
   ============================================================ */

:root{
  --sc-navy:#0C2233;
  --sc-navy2:#132F45;
  --sc-green:#0FB67A;
  --sc-green-d:#0B7A55;
  --sc-amber:#F2A93B;
  --sc-red:#C2554A;
  --sc-ink:#1B2A38;
  --sc-muted:#5A6B7A;
  --sc-line:#E3E8ED;
  --sc-tint:#F5F8FA;
}

/* ---------- 1. Readable measure on body copy ---------- */
/* Applied to text-editor widgets carrying .sc-measure                */
.sc-measure .elementor-widget-container{ max-width:66ch; }
.sc-measure p:last-child{ margin-bottom:0; }
.sc-measure p{ margin:0 0 .9em; }

/* ---------- 2. Tables (.sc-sol-table) ---------- */
.sc-sol-table table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--sc-line);
  border-radius:10px;
  overflow:hidden;
  font-size:.9375rem;
  line-height:1.55;
  background:#fff;
}
.sc-sol-table thead th{
  background:var(--sc-navy);
  color:#fff;
  font-weight:600;
  text-align:left;
  padding:.85em 1em;
  border:0;
  font-size:.875rem;
  letter-spacing:.2px;
}
.sc-sol-table td{
  padding:.78em 1em;
  border-top:1px solid var(--sc-line);
  vertical-align:top;
  color:var(--sc-ink);
}
.sc-sol-table tbody tr:first-child td{ border-top:0; }
.sc-sol-table tbody tr:nth-child(even){ background:var(--sc-tint); }
.sc-sol-table td strong{ color:var(--sc-navy); font-weight:650; }
/* first column acts as a row label when there is no thead */
.sc-sol-table table:not(:has(thead)) td:first-child{
  width:34%;
  background:var(--sc-tint);
  font-weight:600;
  color:var(--sc-navy);
}
.sc-sol-table a{ color:var(--sc-navy); border-bottom:2px solid rgba(15,182,122,.35); text-decoration:none; }
.sc-sol-table a:hover{ color:var(--sc-green); border-bottom-color:var(--sc-green); }

@media (max-width:782px){
  .sc-sol-table .elementor-widget-container{ overflow-x:auto; }
  .sc-sol-table table{ min-width:520px; }
}

/* ---------- 3. FAQ toggle (.sc-faq) ---------- */
.sc-faq .elementor-toggle-item{
  border:1px solid var(--sc-line);
  border-radius:10px;
  margin-bottom:10px;
  overflow:hidden;
  background:#fff;
  transition:box-shadow .18s ease;
}
.sc-faq .elementor-toggle-item:hover{ box-shadow:0 4px 16px rgba(12,34,51,.06); }
.sc-faq .elementor-tab-title{
  border:0 !important;
  padding:16px 20px !important;
  background:#fff;
}
.sc-faq .elementor-tab-title.elementor-active{ background:var(--sc-tint); }
.sc-faq .elementor-tab-content{
  border:0 !important;
  padding:0 20px 18px !important;
  background:var(--sc-tint);
  font-size:.9375rem;
  line-height:1.7;
}
.sc-faq .elementor-tab-content p:last-child{ margin-bottom:0; }
.sc-faq .elementor-toggle-icon{ color:var(--sc-green); }

/* ---------- 4. Cards: equal height + hover ---------- */
/* Elementor columns already stretch; this makes the inner stack fill */
.elementor-column > .elementor-widget-wrap{ align-content:flex-start; }

.sc-card,
.elementor-column[class*="sc-card"]{ transition:box-shadow .2s ease, transform .2s ease; }
.sc-card:hover{ box-shadow:0 10px 30px rgba(12,34,51,.08); transform:translateY(-2px); }

/* ---------- 5. Icon lists ---------- */
.elementor-widget-icon-list .elementor-icon-list-icon{
  padding-top:.28em;          /* aligns the tick with the first text line */
}
.elementor-widget-icon-list .elementor-icon-list-text{ line-height:1.5; }

/* ---------- 6. Hero image slot ---------- */
.sc-hero-img img{
  width:100%;
  object-fit:cover;
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}

/* ---------- 7. Stat strip (About) ---------- */
/* Six columns on desktop, three on tablet, two on phone */
@media (max-width:1024px){
  .sc-stats .elementor-column{ width:33.333% !important; margin-bottom:22px; }
}
@media (max-width:600px){
  .sc-stats .elementor-column{ width:50% !important; }
}

/* ---------- 8. Timeline (About) ---------- */
@media (max-width:1024px){
  .sc-timeline .elementor-column{ width:50% !important; }
}
@media (max-width:600px){
  .sc-timeline .elementor-column{ width:100% !important; }
}

/* ---------- 9. Certificate cards (About) ---------- */
.sc-cert-img img{
  width:100%;
  height:210px;
  object-fit:contain;
  background:var(--sc-tint);
  border:1px solid var(--sc-line);
  border-radius:8px;
  padding:14px;
  margin-bottom:14px;
}

/* ---------- 10. Factory gallery (About) ---------- */
.sc-factory-gallery .gallery-item img{
  border-radius:8px;
  aspect-ratio:4/3;
  object-fit:cover;
  transition:transform .25s ease;
}
.sc-factory-gallery .gallery-item:hover img{ transform:scale(1.03); }

/* ---------- 11. Exhibition carousel (About) ---------- */
.sc-expo-carousel .swiper-slide img{
  border-radius:8px;
  aspect-ratio:4/3;
  object-fit:cover;
}
.sc-expo-carousel .elementor-swiper-button{ color:#fff; }
.sc-expo-carousel .swiper-pagination-bullet-active{ background:var(--sc-green); }

/* ---------- 12. Breadcrumb ---------- */
.sc-breadcrumb{ font-size:13px; color:var(--sc-muted); }
.sc-breadcrumb a{ color:var(--sc-navy); text-decoration:none; border-bottom:0; }
.sc-breadcrumb a:hover{ color:var(--sc-green); }
.sc-breadcrumb .separator{ margin:0 8px; color:#B4C0CB; }

/* ---------- 13. Anchor offset for #rfq / #verify ---------- */
/* Stops the sticky header covering the target heading */
[id="rfq"], [id="verify"]{ scroll-margin-top:120px; }
html{ scroll-behavior:smooth; }

/* ---------- 14. Buttons ---------- */
.elementor-button{ transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.elementor-button:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(12,34,51,.14); }

/* ---------- 15. Mobile spacing ---------- */
@media (max-width:767px){
  .sc-measure .elementor-widget-container{ max-width:none; }
  .elementor-section.elementor-section-boxed > .elementor-container{ padding-left:18px; padding-right:18px; }
  .sc-sol-table thead th, .sc-sol-table td{ padding:.65em .8em; }
}/* End custom CSS */