/* ============================================================
   硕创科技 · 网站矩阵统一美化主题  sc-theme.css  v1.1
   覆盖式主题层：置于页面 <head> 末尾，把各站页面统一为
   现代 B2B「科技 + 信任」视觉。主色由各站 --sc-accent 决定。
   ------------------------------------------------------------
   约定（基于对 4 站真实页面的核对）：
   - 首页 hero = <section class="hero">（不动）
   - 文章 hero = div.hero（重绘）
   - .cta = 小提示框；.cta-section = 大 CTA 横幅；.cta-box = CTA 卡片
   - .footer = 一行式页脚；.site-footer = 完整深色页脚
   ============================================================ */
:root{
  --sc-accent:#0E8C6E; --sc-accent-2:#0A6B54; --sc-accent-3:#14A882;
  --sc-accent-soft:#E9F6F2; --sc-accent-line:rgba(14,140,110,.16);
  --sc-gold:#D4A843;
  --sc-ink:#0E1B17; --sc-title:#152923; --sc-text:#3C4A45; --sc-muted:#6C7C77;
  --sc-line:#E5EBE8; --sc-bg:#F5F8F7; --sc-card:#FFFFFF;
  --sc-r:16px; --sc-r-sm:10px; --sc-r-lg:24px; --sc-r-pill:999px;
  --sc-sh-sm:0 2px 10px rgba(14,38,30,.05);
  --sc-sh:0 10px 34px rgba(14,38,30,.08);
  --sc-sh-lg:0 20px 60px rgba(14,38,30,.13);
  --sc-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --sc-max:1160px;
}
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  font-family:var(--sc-font)!important;
  color:var(--sc-text)!important;
  background:var(--sc-bg)!important;
  line-height:1.8!important; font-size:16px;
  -webkit-font-smoothing:antialiased;
}
*,*::before,*::after{ box-sizing:border-box; }
img{ max-width:100%; height:auto; }
a{ color:var(--sc-accent)!important; text-decoration:none; transition:color .2s ease,opacity .2s ease; }
a:hover{ color:var(--sc-accent-2)!important; }

/* ---------- 标题 / 正文 ---------- */
h1,h2,h3,h4,h5,h6{ font-family:var(--sc-font)!important; color:var(--sc-title)!important; line-height:1.35!important; font-weight:700!important; letter-spacing:-.01em; }
.content h1,.article-body h1,.article-content h1,.article-card h1,h1{ font-size:clamp(24px,3.6vw,34px)!important; }
.content h2,.article-body h2,.article-content h2,.article-card h2,h2{
  font-size:clamp(20px,2.6vw,24px)!important; margin:38px 0 16px!important;
  padding-left:14px!important; border-left:4px solid var(--sc-accent)!important; border-radius:2px;
}
.content h3,.article-body h3,.article-content h3,.article-card h3,h3{ font-size:18px!important; margin:26px 0 12px!important; }
p{ margin-bottom:16px!important; text-indent:0!important; }
.content p{ font-size:16.5px!important; }
strong,b{ color:var(--sc-title)!important; font-weight:600; }
.content ul,.content ol,.article-body ul,.article-body ol,ul,ol{ margin:14px 0 20px 1.4em; }
li{ margin-bottom:8px; }
hr{ border:none; border-top:1px solid var(--sc-line); margin:32px 0; }
blockquote{ margin:22px 0!important; padding:16px 22px!important; background:var(--sc-accent-soft)!important; border-left:4px solid var(--sc-accent)!important; border-radius:0 var(--sc-r-sm) var(--sc-r-sm) 0!important; color:var(--sc-title)!important; }
code{ background:#F1F5F3; border:1px solid var(--sc-line); border-radius:6px; padding:1px 6px; font-size:.92em; color:var(--sc-accent-2); }

/* ---------- 布局 ---------- */
.container{ margin-left:auto!important; margin-right:auto!important; }
.content,.article-body,.article-content{ margin-left:auto!important; margin-right:auto!important; }
.content{ padding:34px 40px!important; }
.article-card{ background:var(--sc-card)!important; border:1px solid var(--sc-line)!important; border-radius:var(--sc-r-lg)!important; box-shadow:var(--sc-sh)!important; padding:44px 48px!important; }
article{ border-radius:var(--sc-r-lg)!important; }

/* ---------- 文章 Hero（仅 div.hero；首页 section.hero 不受影响） ---------- */
div.hero{
  position:relative!important; width:100%!important; max-height:none!important;
  min-height:340px!important; aspect-ratio:auto!important;
  background:
    radial-gradient(120% 120% at 80% 0%, rgba(255,255,255,.16), transparent 50%),
    radial-gradient(90% 90% at 0% 100%, rgba(0,0,0,.18), transparent 55%),
    linear-gradient(135deg,var(--sc-accent-2) 0%,var(--sc-accent) 52%,var(--sc-accent-3) 100%)!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  overflow:hidden!important; padding:72px 22px 84px!important;
}
div.hero::before{
  content:''!important; position:absolute!important; inset:0!important;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)!important;
  background-size:46px 46px!important; opacity:.5!important;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent)!important;
  mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent)!important;
}
div.hero .hero-content{ position:relative!important; z-index:2!important; text-align:center!important; padding:0 14px!important; max-width:860px; }
div.hero h1{ color:#fff!important; font-size:clamp(26px,4.4vw,42px)!important; text-shadow:0 2px 18px rgba(0,0,0,.22)!important; letter-spacing:-.02em; }
div.hero .hero-tag{ display:inline-block!important; background:rgba(255,255,255,.16)!important; border:1px solid rgba(255,255,255,.42)!important; color:#fff!important; padding:6px 18px!important; border-radius:var(--sc-r-pill)!important; font-size:13.5px!important; letter-spacing:.06em!important; font-weight:500!important; margin-bottom:18px!important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
div.hero .hero-sub{ color:rgba(255,255,255,.9)!important; font-size:16.5px!important; margin-top:14px!important; text-indent:0!important; }
img.hero,.featured-image,.cover{ width:100%!important; height:auto!important; aspect-ratio:16/9!important; object-fit:cover!important; display:block!important; }

/* ---------- 区块 ---------- */
.section{ padding:64px 0!important; }
.section-title,.section h2{ font-size:clamp(22px,3vw,30px)!important; text-align:center!important; margin:0 0 12px!important; padding:0!important; border:none!important; }
.section-title::after{ content:''; display:block; width:56px; height:4px; border-radius:2px; background:linear-gradient(90deg,var(--sc-accent),var(--sc-accent-3)); margin:16px auto 0; }
.section-desc{ text-align:center!important; color:var(--sc-muted)!important; max-width:760px; margin:0 auto 40px!important; }
.dark-bg{ background:linear-gradient(135deg,#0E1B17,#132A23)!important; }
.dark-bg .section-title,.dark-bg h2,.dark-bg h3{ color:#fff!important; }
.dark-bg .section-desc,.dark-bg p{ color:rgba(233,242,239,.78)!important; }
.gold-bg{ background:linear-gradient(135deg,#FBF3E1,#F7E9C9)!important; }

/* ---------- 卡片族 ---------- */
.highlight-box,.highlight{ background:var(--sc-accent-soft)!important; border:1px solid var(--sc-accent-line)!important; border-left:4px solid var(--sc-accent)!important; border-radius:var(--sc-r)!important; padding:20px 24px!important; margin:24px 0!important; }
.highlight-box p,.highlight p{ margin:0!important; text-indent:0!important; }
.tech-box,.pain-card,.step-card,.related-card,.related-item,.sidebar-widget{ background:var(--sc-card)!important; border:1px solid var(--sc-line)!important; border-radius:var(--sc-r)!important; box-shadow:var(--sc-sh-sm)!important; padding:22px!important; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.pain-card:hover,.step-card:hover,.related-card:hover,.related-item:hover{ transform:translateY(-4px); box-shadow:var(--sc-sh)!important; border-color:var(--sc-accent-line)!important; }
.cost-card{ background:var(--sc-card)!important; border:1px solid var(--sc-line)!important; border-radius:var(--sc-r)!important; box-shadow:var(--sc-sh-sm)!important; padding:20px!important; }
.cost-card .value,.cost-card .num{ color:var(--sc-accent)!important; font-weight:700!important; }
.save-tag{ background:#FFF3D6!important; color:#93670B!important; border-radius:var(--sc-r-pill)!important; padding:2px 10px!important; font-size:12.5px!important; }
.step-num,.flow-step .step-num{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:34px!important; height:34px!important; border-radius:50%!important; background:linear-gradient(135deg,var(--sc-accent),var(--sc-accent-3))!important; color:#fff!important; font-weight:700!important; }

/* ---------- 表格 ---------- */
table,.config-table{ width:100%!important; border-collapse:separate!important; border-spacing:0!important; margin:24px 0!important; border:1px solid var(--sc-line)!important; border-radius:var(--sc-r)!important; overflow:hidden!important; font-size:15px!important; }
table th,.config-table th{ background:var(--sc-accent-soft)!important; color:var(--sc-accent-2)!important; font-weight:600!important; text-align:left!important; padding:13px 16px!important; border-bottom:1px solid var(--sc-line)!important; }
table td,.config-table td{ padding:12px 16px!important; border-bottom:1px solid var(--sc-line)!important; color:var(--sc-text)!important; }
table tr:last-child td,.config-table tr:last-child td{ border-bottom:none!important; }
table tbody tr:nth-child(even),.config-table tbody tr:nth-child(even){ background:#FAFCFB!important; }

/* ---------- FAQ ---------- */
.faq-section{ margin:40px 0!important; }
.faq-item{ background:var(--sc-card)!important; border:1px solid var(--sc-line)!important; border-radius:var(--sc-r)!important; box-shadow:var(--sc-sh-sm)!important; margin-bottom:12px!important; padding:0!important; overflow:hidden!important; transition:box-shadow .25s ease,border-color .25s ease; }
.faq-item:hover{ border-color:var(--sc-accent-line)!important; box-shadow:var(--sc-sh)!important; }
.faq-q,.faq-item summary,.faq-item h3{ font-weight:600!important; color:var(--sc-title)!important; padding:18px 22px!important; margin:0!important; font-size:16.5px!important; display:flex!important; gap:12px; align-items:flex-start; }
.faq-q::before{ content:'Q'; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:8px; margin-top:1px; background:linear-gradient(135deg,var(--sc-accent),var(--sc-accent-3)); color:#fff; font-size:13px; font-weight:700; }
.faq-a{ padding:0 22px 20px 58px!important; color:var(--sc-text)!important; margin:0!important; }
.faq-a::before{ content:none!important; }

/* ---------- 按钮 ---------- */
.btn,.cta-btn,a.btn{ display:inline-block!important; background:linear-gradient(135deg,var(--sc-accent),var(--sc-accent-3))!important; color:#fff!important; padding:12px 30px!important; border-radius:var(--sc-r-pill)!important; font-weight:700!important; letter-spacing:.02em; box-shadow:0 8px 22px rgba(14,140,110,.24)!important; border:none!important; transition:transform .2s ease,box-shadow .2s ease!important; }
.btn:hover,.cta-btn:hover,a.btn:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(14,140,110,.32)!important; color:#fff!important; }

/* ---------- 小提示框 .cta ---------- */
.cta{ background:var(--sc-accent-soft)!important; border:1px solid var(--sc-accent-line)!important; border-left:4px solid var(--sc-accent)!important; border-radius:var(--sc-r)!important; padding:16px 20px!important; margin:24px 0!important; }
.cta p{ margin:0!important; text-indent:0!important; color:var(--sc-text)!important; }

/* ---------- 大 CTA 横幅 .cta-section ---------- */
.cta-section{
  background:
    radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.15),transparent 55%),
    linear-gradient(135deg,var(--sc-accent-2),var(--sc-accent) 60%,var(--sc-accent-3))!important;
  color:#fff!important; border:none!important; border-radius:var(--sc-r-lg)!important;
  padding:44px 40px!important; margin:44px 0!important; text-align:center!important; box-shadow:var(--sc-sh-lg)!important;
}
.cta-section h2,.cta-section h3,.cta-section .section-title,.cta-section .cta-title{ color:#fff!important; border:none!important; padding:0!important; text-align:center!important; margin:0 0 12px!important; }
.cta-section p,.cta-section .cta-desc{ color:rgba(255,255,255,.9)!important; text-indent:0!important; }
.cta-section .btn,.cta-section .cta-btn{ background:#fff!important; color:var(--sc-accent-2)!important; box-shadow:0 10px 26px rgba(0,0,0,.18)!important; }
.cta-section .btn:hover,.cta-section .cta-btn:hover{ color:var(--sc-accent-2)!important; }

/* ---------- CTA 卡片 .cta-box ---------- */
.cta-box{ background:var(--sc-accent-soft)!important; border:1px solid var(--sc-accent-line)!important; border-radius:var(--sc-r-lg)!important; padding:32px!important; text-align:center!important; box-shadow:var(--sc-sh-sm)!important; }
.cta-box h2,.cta-box h3{ border:none!important; padding:0!important; text-align:center!important; }

/* ---------- 标签 ---------- */
.tag,.news-tag,.article-tag,.city-tag,.prod-spec-tag,.label{ display:inline-block!important; background:var(--sc-accent-soft)!important; color:var(--sc-accent-2)!important; border:1px solid var(--sc-accent-line)!important; border-radius:var(--sc-r-pill)!important; padding:3px 12px!important; font-size:12.5px!important; font-weight:500!important; line-height:1.7; }

/* ---------- 面包屑 / 元信息 ---------- */
.breadcrumb{ font-size:14px!important; color:var(--sc-muted)!important; padding:14px 0!important; background:transparent!important; border:none!important; }
.breadcrumb a{ color:var(--sc-muted)!important; }
.breadcrumb a:hover{ color:var(--sc-accent)!important; }
.meta,.article-meta,.article-date,.news-date,.news-meta{ color:var(--sc-muted)!important; font-size:14px!important; border-color:var(--sc-line)!important; }
.article-header{ border-bottom:1px solid var(--sc-line)!important; padding-bottom:18px!important; margin-bottom:26px!important; }
.article-title{ color:var(--sc-title)!important; }

/* ---------- 列表 ---------- */
.news-item{ border-bottom:1px solid var(--sc-line)!important; padding:18px 0!important; transition:padding-left .2s ease; }
.news-item:hover{ padding-left:6px!important; }
.news-item-img img{ border-radius:var(--sc-r-sm)!important; }
.news-read-more{ color:var(--sc-accent)!important; font-weight:600!important; }
.hot-article,.related-articles{ background:var(--sc-card)!important; border:1px solid var(--sc-line)!important; border-radius:var(--sc-r)!important; box-shadow:var(--sc-sh-sm)!important; padding:22px!important; }

/* ---------- 完整深色页脚 .site-footer ---------- */
.site-footer,footer.site-footer{ background:linear-gradient(180deg,#0E1B17,#0B1512)!important; color:rgba(233,242,239,.72)!important; padding:52px 0 26px!important; margin-top:60px!important; }
.site-footer a{ color:rgba(233,242,239,.72)!important; }
.site-footer a:hover{ color:#fff!important; }
.site-footer h3,.site-footer h4{ color:#fff!important; }
.site-footer .footer-links{ display:flex!important; flex-wrap:wrap!important; gap:14px 26px!important; }
.site-footer .footer-bottom{ border-top:1px solid rgba(255,255,255,.1)!important; margin-top:30px!important; padding-top:20px!important; color:rgba(233,242,239,.5)!important; font-size:13.5px!important; }

/* ---------- 一行式页脚 .footer ---------- */
.footer{ background:transparent!important; color:var(--sc-muted)!important; text-align:center!important; padding:34px 22px!important; margin-top:40px!important; border-top:1px solid var(--sc-line)!important; font-size:13.5px!important; }
.footer p{ color:var(--sc-muted)!important; margin:0!important; }
.footer a{ color:var(--sc-accent)!important; }
.footer-links{ display:flex!important; flex-wrap:wrap!important; justify-content:center!important; gap:14px 26px!important; }

/* ---------- 注入式统一头部 .sc-header ---------- */
.sc-header{ position:sticky; top:0; z-index:900; background:rgba(255,255,255,.92); -webkit-backdrop-filter:saturate(180%) blur(14px); backdrop-filter:saturate(180%) blur(14px); border-bottom:1px solid var(--sc-line); }
.sc-header-inner{ max-width:var(--sc-max); margin:0 auto; padding:12px 22px; display:flex; align-items:center; gap:18px; }
.sc-logo{ display:flex; align-items:center; gap:11px; color:var(--sc-title)!important; font-weight:700; }
.sc-logo-mark{ width:38px; height:38px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--sc-accent),var(--sc-accent-3)); color:#fff; font-size:19px; font-weight:700; box-shadow:0 6px 16px rgba(14,140,110,.28); }
.sc-logo-text{ display:flex; flex-direction:column; line-height:1.15; font-size:16px; }
.sc-logo-text small{ font-size:11.5px; color:var(--sc-muted); font-weight:500; letter-spacing:.02em; }
.sc-nav{ display:flex; align-items:center; gap:6px; margin-left:auto; flex-wrap:wrap; }
.sc-nav a{ padding:8px 14px; border-radius:var(--sc-r-pill); font-size:15px; color:var(--sc-text)!important; font-weight:500; }
.sc-nav a:hover{ background:var(--sc-accent-soft); color:var(--sc-accent-2)!important; }
.sc-cta{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; background:linear-gradient(135deg,var(--sc-accent),var(--sc-accent-3)); color:#fff!important; padding:9px 20px; border-radius:var(--sc-r-pill); font-weight:600; font-size:15px; box-shadow:0 8px 20px rgba(14,140,110,.26); }
.sc-cta:hover{ color:#fff!important; transform:translateY(-1px); box-shadow:0 12px 26px rgba(14,140,110,.32); }
@media(max-width:760px){
  .sc-header-inner{ flex-wrap:wrap; gap:10px; padding:10px 16px; }
  .sc-nav{ order:3; width:100%; margin-left:0; overflow-x:auto; padding-bottom:4px; }
  .sc-nav a{ padding:6px 11px; font-size:14px; }
  .sc-logo-text small{ display:none; }
}

/* ---------- 已有头部（首页）轻度统一 ---------- */
.site-header,.header{ border-bottom:1px solid var(--sc-line)!important; }
.site-header.scrolled{ box-shadow:var(--sc-sh-sm)!important; }
.nav-link{ color:var(--sc-text)!important; font-weight:500!important; }
.nav-link:hover,.nav-link.active{ color:var(--sc-accent)!important; }
.logo-icon{ background:linear-gradient(135deg,var(--sc-accent),var(--sc-accent-3))!important; }
.logo,.nav-logo-text{ color:var(--sc-title)!important; }

/* ---------- 动效 ---------- */
.reveal{ opacity:1!important; transform:none!important; }

/* ---------- 响应式 ---------- */
@media(max-width:820px){
  .article-card{ padding:26px 20px!important; border-radius:var(--sc-r)!important; }
  .content{ padding:24px 18px!important; }
  div.hero{ padding:52px 16px 60px!important; min-height:280px!important; }
  .cta-section,.cta-box{ padding:32px 22px!important; border-radius:var(--sc-r)!important; }
  .section{ padding:44px 0!important; }
  table,.config-table{ font-size:14px!important; display:block; overflow-x:auto; }
  h2{ margin-top:30px!important; }
}
::selection{ background:rgba(14,140,110,.2); }