/* SC-LIGHT-2026-10-06 浅色主题适配 */
/* ============================================================
   硕创视觉检测站 v2 修复层  sjj-v2.css  2026-10-06
   作用：修复 sc-theme.css 全局 a{color!important} 对按钮的误伤
        + .reveal 入场动画无 JS 兜底
   部署：/css/sjj-v2.css（sc-theme.css 之后加载）
   回退：删除页面中 <link href="/css/sjj-v2.css"> 即回退
   ============================================================ */

/* ---- 1. 按钮文字可见性 ----
   根因：sc-theme.css 的 a{color:var(--sc-accent)!important}
   把按钮链接文字强制成品牌色，蓝紫渐变底 + 品牌色字 = 隐形。 */
a.btn-primary,a.nav-cta{ color:#fff !important; }
a.btn-primary:hover,a.nav-cta:hover{ color:#fff !important; }
a.btn-secondary{ color:#1d4ed8 !important; }
a.btn-secondary:hover{ color:#fff !important; }

/* ---- 2. 入场动画可靠性（无 JS / 渲染型爬虫兜底） ----
   根因：内容默认 .reveal{opacity:0}，靠 IntersectionObserver 点亮；
   无 JS / 不滚动的渲染环境整页空白。改为默认可见。 */
.reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
.hero-badge,.hero-sub,.hero-stats,.hero-stat{
  opacity:1 !important; animation:none !important; transform:none !important;
}

/* ---- 3. 计数器初始值保护（SEO/GEO） ----
   HTML 初始文本已由补丁脚本改为终值（99.5 / 5000）；
   JS 存在时计数动画照常运行，无 JS 时爬虫读到真实数据而非 0。 */

/* ---- 4. 标题保护（SC-LIGHT-2026-10-06 已翻转为浅色主题深字） ----
   根因：sc-theme.css 的 h1-h6{color:深色!important} 是给浅色站写的；
   本站全站深蓝底，卡片标题被压成深色字=不可见。 */
body h1, body h2, body h3, body h4, body h5, body h6{
  color:#0f172a !important;
}
.section-label,.prod-card .prod-name,.cap-card h3,.adv-card h3,
.ind-card h3,.faq-question,.ring-stat-label,.hero-stat-label{
  color:#475569 !important;
}

/* ---- 5. FAQ 手风琴修复 (sjj-v2 2026-10-06) ----
   根因: sc-theme.css 的 .faq-a{padding:0 22px 20px 58px!important}
   在首页折叠态(max-height:0)下仍撑出约20px可见高度 → 答案被裁出一条缝。 */
.faq-a{ max-height:0!important; padding-top:0!important; padding-bottom:0!important; }
.faq-item.active .faq-a{ max-height:480px!important; padding-top:4px!important; padding-bottom:20px!important; }

/* ---- 6. 横向溢出保护 (2026-10-06) ----
   移动端 .hero-sub 实测 436px > 390px 视口，正文被裁切。 */
html,body{ overflow-x:hidden; }
.hero-content{ max-width:100%; }

/* ============================================================
   7. 浅暖色底适配  SC-WARM-2026-10-06
   范围：sc-theme.css 驱动的页面（文章 / 联系 / 关于 / 新闻等）。
   手法：仅覆盖 CSS 变量与个别硬编码，不改动三站共享的 sc-theme.css 本体。
   ============================================================ */
:root{
  --sc-bg:#fbf7f1;      /* #F5F8F7 冷绿白 -> 暖象牙白 */
  --sc-line:#ece0d2;    /* 冷灰描边 -> 暖灰描边 */
  --sc-card:#fffdf8;    /* 纯白卡片 -> 暖白卡片 */
  --sc-text:#4a443d;
  --sc-title:#2c2620;
  --sc-ink:#2c2620;
  --sc-muted:#7d7166;   /* 冷灰说明字 -> 暖灰 */
}
body{ background:#fbf7f1 !important; }
/* 表格斑马纹 */
table tbody tr:nth-child(even),
.config-table tbody tr:nth-child(even),
table tr:nth-child(even){ background:#fdfaf4 !important; }
/* 深色页脚（墨绿黑）-> 暖深咖，纳入暖色体系 */
.site-footer{ background:linear-gradient(180deg,#2b221a,#1d1712) !important; }
/* 页面顶部/底部夹层 */
.page-hero,.article-hero,.breadcrumb-bar{ background-color:#fbf7f1 !important; }
/* 7.1 品牌色统一 (SC-WARM-ACCENT): 内页 accent 与首页蓝色注入块对齐 */
:root{
  --sc-accent:#0B7FD4; --sc-accent-2:#0763A8; --sc-accent-3:#2AA0E8;
  --sc-accent-soft:#E7F3FC; --sc-accent-line:rgba(11,127,212,.16);
}