/* ==========================================================================
   硕创科技 · yishuyima.com.cn 首页美化层  yishu-v2.css  v2.0
   覆盖式修复层：置于 </head> 前最后一个 <link>，只做"覆盖"，不改动
   main.css / sc-theme.css 一行。回滚 = 删除页面里的 YS-V2 标记块。
   --------------------------------------------------------------------------
   解决的问题：
     1. 配色碎片化（暖米底 + 棕阴影 + 深青主色 + 橙色点缀 + 蓝色 sc-accent 互不匹配）
     2. 首页零真实产品图（只有隐藏的微信二维码和备案图标）
     3. emoji 当图标（📖🔍📦💔📊📝📜🏭🛡️📚🔬⏱️）
     4. 数字计数器未运行时显示字面 0 / 持续增长中
     5. .scroll-animate 无 no-JS 回退（IntersectionObserver 一挂，30 处内容全隐身）
     6. .hero{min-height:100vh} + 深色 3D 手机壳当唯一主视觉
     7. trust / stat / cta 系列类在 main.css 中缺失，全靠行内 style 硬撑
     8. footer 硬编码 #1a1a2e / #c8a951 金色，无类钩子
     9. h2.hero-subtitle 被 sc-theme.css 的全局 h2 规则加上左侧竖线
   ========================================================================== */

/* --------------------------------------------------------------------------
   [1] 设计令牌 —— 统一为一书一码蓝
   -------------------------------------------------------------------------- */
:root{
  --primary:#2563EB;
  --secondary:#1D4ED8;
  --accent:#3B82F6;
  --accent-deep:#1E40AF;

  --bg-light:#F6F9FF;
  --bg-white:#FFFFFF;
  --bg-tint:#EFF5FF;

  --text-dark:#0F172A;
  --text-mid:#334155;
  --text-gray:#475569;
  --text-muted:#64748B;
  --text-light:#2563EB;

  --line:#E2E8F2;
  --line-soft:#EEF3FA;

  --shadow-sm:0 1px 3px rgba(15,42,90,.06), 0 1px 2px rgba(15,42,90,.04);
  --shadow-md:0 6px 22px rgba(15,42,90,.08), 0 2px 6px rgba(15,42,90,.04);
  --shadow-lg:0 18px 48px rgba(15,42,90,.12), 0 6px 16px rgba(15,42,90,.06);
  --shadow-brand:0 12px 32px rgba(37,99,235,.24);

  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:22px;
  --radius-xl:28px;

  --transition:all .28s cubic-bezier(.4,0,.2,1);

  /* sc-theme 令牌同步（多数规则用它） */
  --sc-accent:#2563EB;
  --sc-accent-2:#1D4ED8;
  --sc-accent-3:#3B82F6;
  --sc-accent-soft:#EAF1FE;
  --sc-accent-line:rgba(37,99,235,.16);
  --sc-gold:#2563EB;
  --sc-ink:#0F172A;
  --sc-title:#0F172A;
  --sc-text:#334155;
  --sc-muted:#64748B;
  --sc-line:#E2E8F2;
  --sc-bg:#F6F9FF;
  --sc-card:#FFFFFF;
  --sc-sh-sm:0 1px 3px rgba(15,42,90,.06);
  --sc-sh:0 6px 22px rgba(15,42,90,.08);
  --sc-sh-lg:0 18px 48px rgba(15,42,90,.12);

  /* 咨询浮窗同步 */
  --consult-primary:#2563EB;
  --consult-primary-dark:#1D4ED8;
  --consult-primary-light:#3B82F6;
}

/* --------------------------------------------------------------------------
   [2] 全局底子
   -------------------------------------------------------------------------- */
body{
  background:var(--bg-white)!important;
  color:var(--text-mid)!important;
  font-size:16px!important;
  line-height:1.75!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6{ color:var(--text-dark)!important; }

/* sc-theme.css 给所有 h2 加了左侧竖线 —— 首页的 hero-subtitle / 区块标题都被误伤 */
h2{ padding-left:0!important; border-left:none!important; border-radius:0!important; }
.hero-subtitle{ border-left:none!important; padding-left:0!important; }

/* --------------------------------------------------------------------------
   [3] no-JS / IO 失效回退 —— 全站最要紧的一处
   -------------------------------------------------------------------------- */
.scroll-animate,
.scroll-animate.fade-up,
.scroll-animate.fade-left,
.scroll-animate.fade-right,
.reveal,
.glass-card,
.stat-item,
.faq-item,
.trust-card{
  opacity:1!important;
  transform:none!important;
}
/* 有 JS 时，脚本会给"首屏之外"的 .scroll-animate 打上 data-ys-hide，
   这时才允许隐藏并播放入场动画。脚本失败/IO 不可用 → 属性永不出现 → 内容始终可见。*/
.scroll-animate[data-ys-hide]{
  opacity:0!important;
  transform:translateY(28px)!important;
  transition:opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1);
}
.scroll-animate[data-ys-hide].visible{
  opacity:1!important;
  transform:none!important;
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}

/* --------------------------------------------------------------------------
   [4] 顶部导航
   -------------------------------------------------------------------------- */
.header{
  background:rgba(255,255,255,.86)!important;
  -webkit-backdrop-filter:saturate(180%) blur(18px)!important;
  backdrop-filter:saturate(180%) blur(18px)!important;
  border-bottom:1px solid var(--line-soft)!important;
  box-shadow:0 1px 0 rgba(15,42,90,.03)!important;
}
.header.scrolled{
  background:rgba(255,255,255,.95)!important;
  border-bottom-color:var(--line)!important;
  box-shadow:0 6px 24px rgba(15,42,90,.07)!important;
  -webkit-backdrop-filter:saturate(180%) blur(24px)!important;
  backdrop-filter:saturate(180%) blur(24px)!important;
}
.header-inner{ height:74px!important; }

.logo{ color:var(--text-dark)!important; font-weight:800!important; letter-spacing:-.01em; font-size:1.3rem!important; }
.logo-icon{
  width:42px!important; height:42px!important;
  background:linear-gradient(135deg,#2563EB 0%,#3B82F6 55%,#60A5FA 100%)!important;
  border-radius:13px!important;
  box-shadow:0 6px 18px rgba(37,99,235,.28)!important;
  font-size:0!important;              /* 关掉 emoji 📖 */
  position:relative;
  overflow:hidden;
}
/* 用纯 CSS 画一个"书"字形标记，取代 emoji */
.logo-icon::before{
  content:'';
  position:absolute; left:50%; top:50%;
  width:17px; height:21px;
  transform:translate(-50%,-50%);
  border:2px solid #fff;
  border-radius:2px 4px 4px 2px;
  border-left-width:4px;
}
.logo-icon::after{
  content:'';
  position:absolute; left:50%; top:50%;
  width:2px; height:11px;
  transform:translate(2px,-50%);
  background:rgba(255,255,255,.85);
  border-radius:1px;
}

.nav-link{
  color:var(--text-mid)!important;
  font-weight:500!important;
  font-size:.95rem!important;
  padding:9px 2px!important;
  transition:color .2s ease;
}
.nav-link::after{
  background:linear-gradient(90deg,#2563EB,#60A5FA)!important;
  height:2.5px!important;
  border-radius:2px;
}
.nav-link:hover{ color:var(--primary)!important; }

.header-cta{
  background:linear-gradient(135deg,#2563EB,#3B82F6)!important;
  color:#fff!important;
  padding:11px 26px!important;
  border-radius:var(--radius-sm)!important;
  font-weight:600!important;
  box-shadow:var(--shadow-brand)!important;
  transition:var(--transition);
}
.header-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(37,99,235,.34)!important;
}

.mobile-toggle span{ background:var(--text-dark)!important; border-radius:2px; }
/* main.css 尾部把 .mobile-toggle{display:flex} 泄漏到了桌面端，这里关掉 */
.mobile-toggle{ display:none!important; }
.mobile-nav{
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 12px 34px rgba(15,42,90,.14)!important;
  border-bottom:1px solid var(--line)!important;
}
.mobile-nav a{ color:var(--text-mid)!important; border-bottom:1px solid var(--line-soft)!important; }
.mobile-nav a:hover{ color:var(--primary)!important; background:#F4F8FF!important; }

/* --------------------------------------------------------------------------
   [5] HERO —— 重排为"左文案 / 右产品实拍"
   -------------------------------------------------------------------------- */
.hero{
  min-height:auto!important;
  padding:140px 0 76px!important;
  background:
    radial-gradient(900px 460px at 88% -8%, rgba(59,130,246,.14), transparent 62%),
    radial-gradient(700px 420px at 2% 104%, rgba(37,99,235,.10), transparent 62%),
    linear-gradient(180deg,#FAFCFF 0%,#F4F8FF 52%,#FFFFFF 100%)!important;
  overflow:hidden!important;
  position:relative;
}
/* 干掉原来那两个飘忽的暖色 / 深青光斑 */
.hero > .container > .glow-orb{ display:none!important; }
.hero::before{
  content:''!important;
  position:absolute!important; inset:0!important;
  width:auto!important; height:auto!important;
  top:0!important; right:0!important; bottom:0!important; left:0!important;
  background-image:
    linear-gradient(rgba(37,99,235,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.045) 1px, transparent 1px)!important;
  background-size:56px 56px!important;
  -webkit-mask-image:radial-gradient(78% 62% at 50% 34%, #000 0%, transparent 78%)!important;
  mask-image:radial-gradient(78% 62% at 50% 34%, #000 0%, transparent 78%)!important;
  border-radius:0!important;
  animation:none!important;
  opacity:1!important;
}
.hero::after{ display:none!important; }

.hero-inner{
  grid-template-columns:1.06fr .94fr!important;
  gap:64px!important;
  align-items:center!important;
}

.hero-badge{
  background:rgba(37,99,235,.09)!important;
  border:1px solid rgba(37,99,235,.18)!important;
  color:var(--secondary)!important;
  padding:8px 18px!important;
  border-radius:999px!important;
  font-size:.855rem!important;
  font-weight:600!important;
  letter-spacing:.02em;
  margin-bottom:22px!important;
}
.hero-badge::before{
  content:''!important;                 /* 去掉 📚 */
  width:7px; height:7px;
  border-radius:50%;
  background:linear-gradient(135deg,#2563EB,#60A5FA);
  box-shadow:0 0 0 3px rgba(37,99,235,.14);
  display:inline-block;
  margin-right:9px;
  vertical-align:middle;
}

.hero-title{
  font-size:2.85rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.022em!important;
  margin-bottom:20px!important;
  color:var(--text-dark)!important;
}
.hero-title span{
  color:transparent!important;
  background:linear-gradient(120deg,#1D4ED8 0%,#2563EB 40%,#3B82F6 72%,#60A5FA 100%);
  -webkit-background-clip:text;
  background-clip:text;
  position:relative;
}
.hero-title span::after{ display:none!important; }   /* 去掉原棕色高亮块 */

.hero-subtitle{
  font-size:1.15rem!important;
  font-weight:500!important;
  line-height:1.6!important;
  color:var(--text-mid)!important;
  margin-bottom:16px!important;
}
.hero-desc{
  font-size:1.02rem!important;
  line-height:1.85!important;
  color:var(--text-gray)!important;
  max-width:545px!important;
  margin:0 0 34px!important;
}
.hero-actions{
  gap:14px!important;
  margin-bottom:44px!important;
  justify-content:flex-start!important;
}

.cta-shimmer,
a.cta-shimmer,
button.cta-shimmer{
  background:linear-gradient(135deg,#1D4ED8,#2563EB 46%,#3B82F6)!important;
  background-size:200% auto!important;
  padding:15px 34px!important;
  border-radius:var(--radius-md)!important;
  font-size:1rem!important;
  font-weight:600!important;
  letter-spacing:.01em;
  color:#fff!important;                 /* sc-theme 的 a{color!important} 会盖掉白字 */
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 30px rgba(37,99,235,.30)!important;
  display:inline-flex; align-items:center; gap:8px;
}
.cta-shimmer:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(37,99,235,.38)!important;
}
.btn-secondary{
  padding:15px 30px!important;
  border-radius:var(--radius-md)!important;
  font-size:1rem!important;
  font-weight:600!important;
  color:var(--secondary)!important;
  background:#fff!important;
  border:1.5px solid var(--line)!important;
  box-shadow:var(--shadow-sm)!important;
  transition:var(--transition);
}
.btn-secondary:hover{
  color:var(--primary)!important;
  border-color:rgba(37,99,235,.34)!important;
  background:#F6F9FF!important;
  transform:translateY(-2px);
  box-shadow:var(--shadow-md)!important;
}

/* --- hero 数据条 --- */
.hero-stats{
  gap:36px!important;
  padding-top:30px!important;
  border-top:1px solid var(--line)!important;
  justify-content:flex-start!important;
}
.hero-stat{ position:relative; padding-right:36px; }
.hero-stat + .hero-stat{ padding-left:0; }
.hero-stat:not(:last-child)::after{
  content:''; position:absolute; right:0; top:6px; bottom:6px;
  width:1px; background:var(--line);
}
.hero-stat-value{
  font-size:2.1rem!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  line-height:1.15!important;
  color:transparent!important;
  background:linear-gradient(135deg,#1D4ED8,#3B82F6 60%,#60A5FA);
  -webkit-background-clip:text;
  background-clip:text;
  margin-bottom:4px!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap!important;
  -webkit-text-fill-color:transparent;
}
.hero-stat-label{ font-size:.86rem!important; color:var(--text-gray)!important; font-weight:500!important; }
.hero-stat-note{ font-size:.72rem!important; color:var(--text-muted)!important; margin-top:3px!important; line-height:1.45; }

/* --- hero 右侧：产品实拍 + 悬浮验证卡 --- */
.hero-visual{
  position:relative;
  max-width:none!important;
  margin:0!important;
}
.hero-phone-mock{ display:none!important; }     /* 关掉深色 3D 手机壳 */

.hero-shot{
  position:relative;
  border-radius:var(--radius-xl);
  overflow:hidden;
  background:#fff;
  box-shadow:
    0 34px 80px rgba(15,42,90,.18),
    0 10px 28px rgba(15,42,90,.08),
    0 0 0 1px rgba(226,232,242,.9);
  transform:translateY(0);
  animation:heroFloat 7s ease-in-out infinite;
}
.hero-shot img{
  display:block; width:100%; height:auto;
  aspect-ratio:4/3.05; object-fit:cover;
}
.hero-shot::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(15,42,90,0) 52%, rgba(15,42,90,.30) 100%);
  pointer-events:none;
}
.hero-shot-tag{
  position:absolute;
  top:16px; left:16px; z-index:2;
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 14px;
  border-radius:999px;
  font-size:.78rem; font-weight:600;
  color:#fff;
  background:rgba(15,42,90,.42);
  border:1px solid rgba(255,255,255,.28);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  letter-spacing:.02em;
}
.hero-shot-tag::before{
  content:''; width:6px; height:6px; border-radius:50%;
  background:#4ADE80;
  box-shadow:0 0 0 3px rgba(74,222,128,.26);
}

/* 悬浮"验证通过"卡片 —— 取代原手机屏里的结果条 */
.hero-float-card{
  position:absolute;
  right:-14px;
  bottom:34px;
  z-index:3;
  display:flex; align-items:center; gap:12px;
  padding:14px 20px 14px 16px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(226,232,242,.95);
  border-radius:18px;
  box-shadow:0 22px 52px rgba(15,42,90,.18), 0 4px 12px rgba(15,42,90,.06);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  animation:heroCard 5.5s ease-in-out infinite;
}
.hero-float-icon{
  flex:0 0 auto;
  width:38px; height:38px;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#22C55E,#16A34A);
  box-shadow:0 8px 20px rgba(34,197,94,.34);
}
.hero-float-icon svg{ width:20px; height:20px; stroke:#fff; stroke-width:3; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.hero-float-text strong{
  display:block; font-size:.95rem; font-weight:700; color:var(--text-dark)!important;
  line-height:1.3;
}
.hero-float-text span{ display:block; font-size:.755rem; color:var(--text-muted); margin-top:2px; }

/* 左上角二维码小徽标 */
.hero-float-qr{
  position:absolute;
  left:-18px;
  top:86px;
  z-index:3;
  width:78px; height:78px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(226,232,242,.95);
  box-shadow:0 18px 42px rgba(15,42,90,.16);
  padding:9px;
  animation:heroCard 6.5s ease-in-out infinite reverse;
}
.hero-float-qr svg{ width:100%; height:100%; display:block; }

@keyframes heroFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-13px); }
}
@keyframes heroCard{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-8px); }
}

/* --------------------------------------------------------------------------
   [6] 波浪分隔线 —— 换成极浅蓝，与白色区块衔接
   -------------------------------------------------------------------------- */
.wave-divider{ height:74px!important; }
.wave-divider svg path{ fill:#F4F8FF!important; }

/* --------------------------------------------------------------------------
   [7] 区块通用
   -------------------------------------------------------------------------- */
.section{ padding:92px 0!important; }
.section-header{ margin-bottom:52px!important; }

.section-tag{
  display:inline-block!important;
  background:rgba(37,99,235,.08)!important;
  color:var(--secondary)!important;
  border:1px solid rgba(37,99,235,.16)!important;
  border-radius:999px!important;
  padding:6px 17px!important;
  font-size:.8rem!important;
  font-weight:600!important;
  letter-spacing:.06em;
  margin-bottom:16px!important;
}
.section-title{
  font-size:2.15rem!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  color:var(--text-dark)!important;
  margin:0 0 14px!important;
}
.section-title::after{
  content:''!important;
  display:block!important;
  width:52px!important; height:4px!important;
  border-radius:2px;
  background:linear-gradient(90deg,#2563EB,#60A5FA)!important;
  margin:18px auto 0!important;
}
.section-desc{
  font-size:1.02rem!important;
  color:var(--text-gray)!important;
  max-width:730px!important;
  margin:0 auto 0!important;
  line-height:1.8;
}

/* 交替底色，形成节奏 */
.pain-points{ background:#FFFFFF!important; }
.solutions{ background:linear-gradient(180deg,#F6F9FF 0%,#FFFFFF 100%)!important; }
.advantages{ background:#FFFFFF!important; }
.cases{ background:linear-gradient(180deg,#F6F9FF 0%,#FFFFFF 100%)!important; }
.trust{ background:#FFFFFF!important; }
.stats{
  background:
    radial-gradient(760px 380px at 12% 0%, rgba(96,165,250,.20), transparent 60%),
    radial-gradient(760px 420px at 92% 100%, rgba(37,99,235,.22), transparent 62%),
    linear-gradient(135deg,#132C6B 0%,#1D4ED8 52%,#2563EB 100%)!important;
}
.faq{ background:linear-gradient(180deg,#F6F9FF 0%,#FFFFFF 100%)!important; }
.cta{ background:#FFFFFF!important; }

/* --------------------------------------------------------------------------
   [8] 痛点卡片
   -------------------------------------------------------------------------- */
.pain-grid{ gap:22px!important; }
.pain-card{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-sm)!important;
  padding:30px 26px!important;
  transition:var(--transition);
  position:relative;
  overflow:hidden;
}
.pain-card::before{
  content:''; position:absolute; left:0; top:0; bottom:0;
  width:3px;
  background:linear-gradient(180deg,#3B82F6,#BFDBFE);
  opacity:0;
  transition:opacity .3s ease;
}
.pain-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(37,99,235,.24)!important;
  box-shadow:var(--shadow-lg)!important;
}
.pain-card:hover::before{ opacity:1; }
.pain-card h3{ font-size:1.12rem!important; font-weight:700!important; margin-bottom:10px!important; }
.pain-card p{ font-size:.945rem!important; color:var(--text-gray)!important; line-height:1.8!important; margin:0!important; }

/* emoji → 渐变水印方块 */
.pain-icon,
.advantage-icon,
.flow-step-icon,
.case-image{
  font-size:0!important;
  color:transparent!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:52px!important;
  height:52px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#EAF1FE,#DCE8FE)!important;
  border:1px solid rgba(37,99,235,.14)!important;
  margin:0 0 16px!important;
  position:relative;
  flex:0 0 auto;
  line-height:1!important;
}
.pain-icon::before,
.advantage-icon::before,
.flow-step-icon::before,
.case-image::before{
  content:''!important;
  width:20px; height:20px;
  border-radius:5px;
  border:2.5px solid #2563EB;
  box-sizing:border-box;
}
.pain-icon::after,
.advantage-icon::after{
  content:''!important;
  position:absolute;
  width:9px; height:2.5px;
  border-radius:2px;
  background:#2563EB;
  transform:translate(5px,3px) rotate(45deg);
}
.advantage-icon{ width:46px!important; height:46px!important; border-radius:13px!important; }
.advantage-icon::before{ width:17px; height:17px; border-width:2.2px; }

/* --------------------------------------------------------------------------
   [9] 解决方案 / 流程步骤
   -------------------------------------------------------------------------- */
.solution-item{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius-xl)!important;
  box-shadow:var(--shadow-md)!important;
  padding:40px!important;
  margin-bottom:30px!important;
}
.solution-flow{ gap:14px!important; margin-bottom:8px; }
.flow-step{
  background:#F6F9FF!important;
  border:1px solid var(--line-soft)!important;
  border-radius:var(--radius-md)!important;
  padding:18px 14px!important;
  min-width:96px!important;
  transition:var(--transition);
}
.flow-step:hover{
  background:#EAF1FE!important;
  border-color:rgba(37,99,235,.2)!important;
  transform:translateY(-3px);
}
.flow-step-icon{
  width:42px!important; height:42px!important;
  border-radius:12px!important;
  margin:0 auto 10px!important;
  background:linear-gradient(135deg,#2563EB,#3B82F6)!important;
  border:none!important;
}
.flow-step-icon::before{
  width:16px; height:16px;
  border:2.2px solid #fff;
  border-radius:4px;
}
.flow-step h4{ font-size:.82rem!important; font-weight:600!important; color:var(--text-mid)!important; margin:0!important; }
.flow-arrow{ color:#93B4E8!important; font-size:1.1rem!important; }

.solution-content h3{ font-size:1.42rem!important; font-weight:800!important; letter-spacing:-.01em; margin-bottom:14px!important; }
.solution-content p{ font-size:.985rem!important; color:var(--text-gray)!important; line-height:1.85!important; }
.solution-features li{ font-size:.95rem!important; color:var(--text-mid)!important; }
.solution-features li::before{
  content:''!important;
  width:17px!important; height:17px!important;
  border-radius:50%;
  background:linear-gradient(135deg,#2563EB,#60A5FA);
  top:.32em!important;
}
.solution-features li::after{
  content:''!important;
  position:absolute; left:5px; top:.55em;
  width:7px; height:4px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg);
}

/* --------------------------------------------------------------------------
   [10] 核心优势
   -------------------------------------------------------------------------- */
.advantage-grid{ gap:22px!important; }
.advantage-card{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-sm)!important;
  padding:30px 26px!important;
  transition:var(--transition);
  position:relative;
  overflow:hidden;
}
.advantage-card::after{
  content:''; position:absolute; right:-40px; top:-40px;
  width:130px; height:130px; border-radius:50%;
  background:radial-gradient(circle, rgba(59,130,246,.10), transparent 68%);
  pointer-events:none;
}
.advantage-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(37,99,235,.24)!important;
  box-shadow:var(--shadow-lg)!important;
}
.advantage-card h3{ font-size:1.1rem!important; font-weight:700!important; margin:0 0 10px!important; }
.advantage-card p{ font-size:.93rem!important; color:var(--text-gray)!important; line-height:1.8!important; margin:0!important; }
.advantage-number{
  font-size:1.55rem!important;
  font-weight:800!important;
  color:transparent!important;
  background:linear-gradient(135deg,#BFDBFE,#93B4E8);
  -webkit-background-clip:text;
  background-clip:text;
  letter-spacing:-.03em;
  width:auto!important;
  margin-bottom:8px!important;
  font-variant-numeric:tabular-nums;
  line-height:1!important;
}

/* --------------------------------------------------------------------------
   [11] 客户案例
   -------------------------------------------------------------------------- */
.case-grid{ gap:22px!important; }
.case-card{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-sm)!important;
  padding:32px 28px!important;
  transition:var(--transition);
}
.case-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(37,99,235,.24)!important;
  box-shadow:var(--shadow-lg)!important;
}
.case-image{
  width:64px!important; height:64px!important;
  border-radius:19px!important;
  background:linear-gradient(135deg,#2563EB,#3B82F6)!important;
  border:none!important;
  margin:0 0 18px!important;
}
.case-image::before{ width:24px; height:24px; border:2.6px solid #fff; border-radius:5px; }
.case-tag{
  display:inline-block!important;
  background:rgba(37,99,235,.09)!important;
  color:var(--secondary)!important;
  border:1px solid rgba(37,99,235,.16)!important;
  border-radius:999px!important;
  padding:4px 13px!important;
  font-size:.76rem!important;
  font-weight:600!important;
  margin-bottom:12px!important;
}
.case-card h3{ font-size:1.1rem!important; font-weight:700!important; margin-bottom:10px!important; }
.case-card p{ font-size:.93rem!important; color:var(--text-gray)!important; line-height:1.8!important; }
.case-metrics{
  margin-top:20px!important;
  padding-top:18px!important;
  border-top:1px dashed var(--line)!important;
  gap:22px!important;
}
.case-metric-value{
  font-size:1.35rem!important; font-weight:800!important;
  color:transparent!important;
  background:linear-gradient(135deg,#1D4ED8,#3B82F6);
  -webkit-background-clip:text; background-clip:text;
  letter-spacing:-.02em;
}
.case-metric-label{ font-size:.76rem!important; color:var(--text-muted)!important; }

/* --------------------------------------------------------------------------
   [12] 资质荣誉 —— 这些类 main.css 里没有，全靠行内 style
   -------------------------------------------------------------------------- */
.trust-grid{
  gap:20px!important;
  margin-top:44px!important;
  grid-template-columns:repeat(3,1fr)!important;   /* 行内 auto-fit 会排成 4+2，改为 3×2 */
}
.trust-card{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-sm)!important;
  padding:32px 22px!important;
  text-align:center!important;
  transition:var(--transition)!important;
  position:relative;
  overflow:hidden;
}
.trust-card::before{
  content:''; position:absolute; left:0; right:0; top:0;
  height:3px;
  background:linear-gradient(90deg,#2563EB,#60A5FA);
  opacity:0;
  transition:opacity .3s ease;
}
.trust-card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(37,99,235,.24)!important;
  box-shadow:var(--shadow-lg)!important;
}
.trust-card:hover::before{ opacity:1; }
.trust-card h4{
  font-size:1.02rem!important;
  font-weight:700!important;
  color:var(--text-dark)!important;
  margin:0 0 8px!important;
}
.trust-card p{ font-size:.845rem!important; color:var(--text-gray)!important; line-height:1.7!important; margin:0!important; }
/* 第一个 div（emoji 容器）换渐变徽章 */
.trust-card > div:first-child{
  font-size:0!important;
  color:transparent!important;
  width:56px!important; height:56px!important;
  margin:0 auto 16px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#EAF1FE,#DCE8FE)!important;
  border:1px solid rgba(37,99,235,.14)!important;
  display:flex!important; align-items:center; justify-content:center;
  position:relative;
}
.trust-card > div:first-child::before{
  content:''; width:22px; height:22px;
  border:2.6px solid #2563EB; border-radius:6px;
}
.trust-card > div:first-child::after{
  content:''; position:absolute;
  width:11px; height:2.6px; border-radius:2px;
  background:#2563EB;
  transform:translate(6px,4px) rotate(45deg);
}

/* --------------------------------------------------------------------------
   [13] 数据看板（深蓝底）
   -------------------------------------------------------------------------- */
.stats .stats-grid{ gap:20px!important; }
.stat-item{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:var(--radius-lg)!important;
  padding:32px 24px!important;
  text-align:center!important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  transition:var(--transition);
}
.stat-item:hover{
  background:rgba(255,255,255,.17)!important;
  border-color:rgba(255,255,255,.34)!important;
  transform:translateY(-5px);
}
.stat-value{
  font-size:2.25rem!important;
  font-weight:800!important;
  color:#fff!important;
  letter-spacing:-.025em!important;
  line-height:1.15!important;
  margin-bottom:6px!important;
  font-variant-numeric:tabular-nums;
  text-shadow:0 2px 14px rgba(0,0,0,.16);
}
.stat-label{ font-size:.9rem!important; color:rgba(255,255,255,.94)!important; font-weight:600!important; }
.stat-note{ font-size:.735rem!important; color:rgba(255,255,255,.62)!important; margin-top:6px!important; line-height:1.5; }

/* --------------------------------------------------------------------------
   [14] FAQ 手风琴
   -------------------------------------------------------------------------- */
.faq-list{ max-width:880px!important; margin:0 auto!important; }
.faq-item{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius-md)!important;
  box-shadow:none!important;
  margin-bottom:12px!important;
  padding:0!important;
  overflow:hidden!important;
  transition:var(--transition);
}
.faq-item:hover{ border-color:rgba(37,99,235,.24)!important; box-shadow:var(--shadow-sm)!important; }
.faq-item.active{
  border-color:rgba(37,99,235,.30)!important;
  box-shadow:var(--shadow-md)!important;
}
.faq-question{
  width:100%!important;
  background:transparent!important;
  border:none!important;
  text-align:left!important;
  padding:21px 58px 21px 24px!important;
  font-size:1.01rem!important;
  font-weight:600!important;
  color:var(--text-dark)!important;
  font-family:inherit;
  cursor:pointer;
  position:relative;
  transition:color .2s ease;
  line-height:1.55;
}
.faq-question:hover{ color:var(--primary)!important; }
.faq-question::after{
  content:''!important;
  position:absolute!important;
  right:24px!important; top:50%!important;
  width:11px!important; height:11px!important;
  border-right:2.4px solid var(--primary);
  border-bottom:2.4px solid var(--primary);
  transform:translateY(-70%) rotate(45deg);
  transition:transform .3s cubic-bezier(.4,0,.2,1);
  font-size:0!important;
}
.faq-item.active .faq-question{ color:var(--primary)!important; }
.faq-item.active .faq-question::after{ transform:translateY(-30%) rotate(-135deg); }
.faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .38s cubic-bezier(.4,0,.2,1);
  padding:0!important;
}
.faq-item.active .faq-answer{ max-height:420px; }
.faq-answer-inner{
  padding:0 24px 24px!important;
  font-size:.95rem!important;
  color:var(--text-gray)!important;
  line-height:1.9!important;
  border-top:1px solid var(--line-soft)!important;
  padding-top:18px!important;
  margin:0 0 0!important;
}

/* --------------------------------------------------------------------------
   [15] 底部 CTA 表单
   -------------------------------------------------------------------------- */
.cta-box{
  background:
    radial-gradient(700px 340px at 0% 0%, rgba(96,165,250,.13), transparent 62%),
    radial-gradient(700px 340px at 100% 100%, rgba(37,99,235,.11), transparent 62%),
    linear-gradient(180deg,#F6F9FF,#EFF5FF)!important;
  border:1px solid rgba(37,99,235,.15)!important;
  border-radius:var(--radius-xl)!important;
  box-shadow:var(--shadow-lg)!important;
  padding:56px 48px 48px!important;
  text-align:center!important;
  max-width:880px;
  margin:0 auto!important;
}
.cta-box h2{
  font-size:2.05rem!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  color:var(--text-dark)!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:none!important;
}
.cta-box > p{
  font-size:1rem!important;
  color:var(--text-gray)!important;
  max-width:580px;
  margin:0 auto 34px!important;
  line-height:1.8;
}

.cta-form{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  max-width:660px;
  margin:0 auto!important;
  text-align:left;
}
.cta-form input,
.cta-form textarea{
  width:100%!important;
  padding:14px 18px!important;
  border:1.5px solid var(--line)!important;
  border-radius:var(--radius-sm)!important;
  font-size:.945rem!important;
  font-family:inherit!important;
  color:var(--text-dark)!important;
  background:#fff!important;
  transition:var(--transition);
  box-shadow:none!important;
  margin-bottom:0!important;
}
.cta-form input::placeholder,
.cta-form textarea::placeholder{ color:#94A3B8; }
.cta-form input:focus,
.cta-form textarea:focus{
  outline:none!important;
  border-color:var(--primary)!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.11)!important;
}
.cta-form input:nth-child(1){ grid-column:1; }
.cta-form input:nth-child(2){ grid-column:2; }
.cta-form input[name="company"]{ grid-column:1 / -1; }
.cta-form textarea{
  grid-column:1 / -1;
  min-height:92px!important;
  resize:vertical;
}
.cta-form button{
  grid-column:1 / -1;
  width:100%!important;
  justify-content:center;
  margin-top:4px;
}

.cta-contact{
  display:flex!important;
  justify-content:center!important;
  gap:38px!important;
  margin-top:34px!important;
  padding-top:30px!important;
  border-top:1px solid rgba(37,99,235,.13)!important;
  flex-wrap:wrap;
}
.cta-contact-item{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  font-size:1rem!important;
}
/* emoji → 蓝底线性图标 */
.cta-contact-item > span{
  font-size:0!important;
  color:transparent!important;
  width:42px!important; height:42px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#2563EB,#3B82F6)!important;
  box-shadow:0 8px 20px rgba(37,99,235,.26)!important;
  display:flex!important; align-items:center; justify-content:center;
  position:relative;
  flex:0 0 auto;
}
.cta-contact-item > span::before{
  content:''!important;
  width:17px!important; height:17px!important;
  border:2.2px solid #fff!important;
  border-radius:4px;
  box-sizing:border-box;
}
.cta-contact-item:nth-child(1) > span::before{ border-radius:50% 50% 50% 4px; }
.cta-contact-item:nth-child(2) > span::before{ width:18px!important; height:13px!important; border-radius:3px; }
.cta-contact-item a{
  color:var(--text-dark)!important;
  font-weight:700!important;
  font-size:1.02rem!important;
  letter-spacing:-.01em;
}
.cta-contact-item a:hover{ color:var(--primary)!important; }

/* --------------------------------------------------------------------------
   [16] 页脚 —— 深蓝渐变取代 #1a1a2e + 金色
   （注意：footer[style]{background:none} 会压死下面的 footer{}，故不写该规则；
     行内样式已在 HTML 补丁里中和）
   -------------------------------------------------------------------------- */
footer{
  background:
    radial-gradient(760px 400px at 88% 0%, rgba(59,130,246,.16), transparent 62%),
    linear-gradient(180deg,#0B1533 0%,#0A1029 100%)!important;
  color:rgba(226,236,250,.72)!important;
  padding:64px 0 26px!important;
  margin-top:0!important;
}
footer > div{ max-width:1200px; margin:0 auto; padding:0 20px; }
footer h4{
  color:#fff!important;
  font-size:.95rem!important;
  font-weight:700!important;
  letter-spacing:.03em;
  margin:0 0 18px!important;
}
footer p{
  color:rgba(226,236,250,.68)!important;
  font-size:.895rem!important;
  line-height:1.9!important;
  margin:0 0 10px!important;
}
footer a{
  color:rgba(226,236,250,.72)!important;
  font-size:.895rem!important;
  text-decoration:none!important;
  transition:color .2s ease,padding-left .2s ease;
}
footer a:hover{ color:#fff!important; padding-left:3px; }
footer > div > div:first-child > div:nth-child(2) a{
  display:inline-block;
  position:relative;
}
footer > div > div:first-child h4 + p + p + p{ color:rgba(226,236,250,.55)!important; }

/* 三栏的间距 */
footer > div > div:first-child{
  display:grid!important;
  grid-template-columns:1.35fr .8fr .8fr!important;
  gap:44px!important;
  margin-bottom:44px!important;
  padding-bottom:36px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
/* 头部三栏容器下的最后一层（备案区） */
footer > div > div:last-child{
  text-align:center!important;
  padding-top:0!important;
  border-top:none!important;
}
footer > div > div:last-child p{
  color:rgba(226,236,250,.48)!important;
  font-size:.8rem!important;
  margin:0 0 8px!important;
}
footer > div > div:last-child p:last-child{
  color:rgba(226,236,250,.58)!important;
  margin-top:16px!important;
  letter-spacing:.02em;
}
footer > div > div:last-child a{ color:rgba(226,236,250,.55)!important; font-size:.8rem!important; }
footer > div > div:last-child a:hover{ color:#fff!important; padding-left:0; }
footer img{ opacity:.62; filter:grayscale(1) brightness(1.6); }

/* --------------------------------------------------------------------------
   [17] 在线咨询浮窗
   -------------------------------------------------------------------------- */
.consult-trigger{
  background:linear-gradient(135deg,#1D4ED8,#3B82F6)!important;
  box-shadow:0 10px 26px rgba(37,99,235,.34)!important;
  border-radius:26px!important;
  padding:13px 22px!important;
  font-weight:600!important;
}
.consult-trigger:hover{ box-shadow:0 14px 34px rgba(37,99,235,.44)!important; }
.consult-panel{ border-radius:16px!important; box-shadow:0 20px 56px rgba(15,42,90,.22)!important; }
.consult-panel-header{ background:linear-gradient(135deg,#1D4ED8,#3B82F6)!important; padding:17px 18px!important; }
.consult-panel-header h3{ font-size:.97rem!important; font-weight:700!important; color:#fff!important; }
.consult-item{ background:#F6F9FF!important; border-radius:11px!important; }
.consult-item:hover{ background:#EAF1FE!important; }
.consult-item-icon{ background:#fff!important; box-shadow:var(--shadow-sm); }
.consult-item-icon svg{ color:var(--primary)!important; }
.consult-item-title{ font-size:.775rem!important; color:var(--text-muted)!important; }
.consult-item-value{ font-size:.895rem!important; color:var(--text-dark)!important; font-weight:600!important; }
.consult-panel-footer{ background:#F6F9FF!important; border-top:1px solid var(--line)!important; color:var(--text-muted)!important; font-size:.775rem!important; }

/* --------------------------------------------------------------------------
   [18] 响应式
   -------------------------------------------------------------------------- */
@media screen and (max-width:1024px){
  .hero{ padding:124px 0 66px!important; }
  .hero-inner{ grid-template-columns:1fr!important; gap:48px!important; }
  .hero-title{ font-size:2.6rem!important; }
  .hero-shot img{ aspect-ratio:16/9; }
  .hero-float-card{ right:14px; bottom:20px; }
  .hero-float-qr{ left:14px; top:20px; }
  .section{ padding:78px 0!important; }
}

@media screen and (max-width:767px){
  .hero{ padding:104px 0 54px!important; text-align:center; }
  .mobile-toggle{ display:flex!important; }
  .hero-inner{ gap:38px!important; }
  .hero-badge{ margin-left:auto; margin-right:auto; }
  .hero-title{ font-size:1.95rem!important; line-height:1.24!important; }
  .hero-subtitle{ font-size:1rem!important; }
  .hero-desc{ font-size:.945rem!important; max-width:100%!important; margin-left:auto; margin-right:auto; }
  .hero-actions{ justify-content:center!important; }
  .cta-shimmer,.btn-secondary{ width:100%!important; max-width:300px; justify-content:center; }
  .hero-stats{
    justify-content:center!important;
    gap:26px!important;
    flex-wrap:wrap;
  }
  .hero-stat{ padding-right:26px; }
  .hero-stat-value{ font-size:1.55rem!important; }
  .hero-visual{ max-width:100%!important; margin-top:8px!important; }
  .hero-float-card{ right:8px; bottom:12px; padding:11px 15px 11px 12px; }
  .hero-float-icon{ width:32px; height:32px; border-radius:10px; }
  .hero-float-text strong{ font-size:.85rem; }
  .hero-float-text span{ font-size:.7rem; }
  .hero-float-qr{ width:58px; height:58px; left:10px; top:58px; padding:7px; animation:none; }
  .hero-float-card{ animation:none; }
  .hero-shot{ animation:none; }

  .section{ padding:60px 0!important; }
  .section-title{ font-size:1.6rem!important; }
  .section-title::after{ margin-top:14px!important; }
  .section-desc{ font-size:.92rem!important; }

  .solution-item{ padding:26px 20px!important; border-radius:var(--radius-lg)!important; }
  .solution-flow{ justify-content:center!important; gap:10px!important; }
  .flow-step{ min-width:76px!important; padding:13px 9px!important; }
  .flow-step-icon{ width:36px!important; height:36px!important; }

  .pain-card,.advantage-card,.case-card{ padding:24px 20px!important; }
  .trust-card{ padding:26px 18px!important; }
  .stat-item{ padding:24px 16px!important; }
  .stat-value{ font-size:1.8rem!important; }

  .cta-box{ padding:36px 20px 32px!important; border-radius:var(--radius-lg)!important; }
  .cta-box h2{ font-size:1.5rem!important; }
  .cta-form{ grid-template-columns:1fr!important; gap:12px!important; }
  .cta-form input:nth-child(1),
  .cta-form input:nth-child(2),
  .cta-form input[name="company"],
  .cta-form textarea{ grid-column:1!important; }
  .cta-contact{ flex-direction:column!important; align-items:center!important; gap:16px!important; }

  .faq-question{ padding:18px 48px 18px 18px!important; font-size:.945rem!important; }
  .faq-question::after{ right:19px!important; }
  .faq-answer-inner{ padding:16px 18px 20px!important; font-size:.91rem!important; }

  footer{ padding:48px 0 22px!important; }
  footer > div > div:first-child{
    grid-template-columns:1fr!important;
    gap:30px!important;
    text-align:center!important;
    margin-bottom:32px!important;
    padding-bottom:26px!important;
  }
}

@media screen and (max-width:374px){
  .hero-title{ font-size:1.75rem!important; }
  .hero-stat-value{ font-size:1.4rem!important; }
  .section-title{ font-size:1.45rem!important; }
}

/* --------------------------------------------------------------------------
   [19] 布局基座 —— 关键发现：main.css 只有这些类的"响应式覆盖"，
        桌面版基础规则整体缺失（历史事故）。这里补齐全部布局。
   -------------------------------------------------------------------------- */
.section-header{ text-align:center!important; }

.pain-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:22px!important;
}
.advantage-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:22px!important;
}
.case-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:22px!important;
}
.stats-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:20px!important;
}

/* 痛点卡内部 */
.pain-icon{ margin-bottom:18px!important; }

/* 解决方案：视觉流程条 + 内容 */
.solution-visual{ margin-bottom:26px!important; }
.solution-flow{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
}
.flow-step{ flex:1 1 0!important; }
.flow-arrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center;
  flex:0 0 auto;
  padding:0 2px;
}
.solution-content h3{ margin-top:0!important; }
.solution-features{
  list-style:none!important;
  margin:18px 0 0!important;
  padding-left:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:10px 24px!important;
}
.solution-features li{
  position:relative!important;
  padding-left:28px!important;
  margin:0!important;
  line-height:1.7!important;
}

/* 优势卡：大数字水印 + 图标 + 标题 + 描述 */
.advantage-card{ display:block!important; }
.advantage-number{
  position:absolute!important;
  top:20px!important; right:24px!important;
  margin:0!important;
}
.advantage-icon{ margin-bottom:18px!important; }
.advantage-card h3{ padding-right:64px!important; }

/* 案例卡 */
.case-metrics{ display:flex!important; }
.case-metric{ flex:1 1 0!important; }

/* FAQ：无 CSS 时 js 控制开合；这里给基础布局 */
.faq-list{ display:block!important; }

/* 信任网格（行内已有 grid，这里做小屏降列） */

/* stats 区文字 */
.stats .stat-value,
.stats .stat-label,
.stats .stat-note{ text-align:center!important; }

/* hero 标题宽度控制（防一字孤行） */
.hero-content{ max-width:640px!important; }
.hero-title{ max-width:600px!important; }

@media screen and (max-width:1024px){
  .pain-grid{ grid-template-columns:repeat(2,1fr)!important; }
  .advantage-grid{ grid-template-columns:repeat(2,1fr)!important; }
  .case-grid{ grid-template-columns:repeat(2,1fr)!important; }
  .stats-grid{ grid-template-columns:repeat(2,1fr)!important; }
  .trust-grid{ grid-template-columns:repeat(2,1fr)!important; }
  .solution-features{ grid-template-columns:1fr!important; }
}
@media screen and (max-width:767px){
  .pain-grid,
  .advantage-grid,
  .case-grid,
  .stats-grid,
  .trust-grid{ grid-template-columns:1fr!important; }
}