/* =========================================================================
   SLai · 标题与收尾精修 v8
   -------------------------------------------------------------------------
   对照 v7 截图：
     1) "变成数据"这行渐变在深底上渲染成灰，视觉权重反而低于第一行
        —— 标题应该整体最强，不能一半亮一半灰
     2) 页脚与内容间距偏大，往下翻时突然空一段
     3) 卡片 hover 在触屏设备上没有替代反馈
   修法：
     · 第二行改成"白色 + 紫色外发光"，不用渐变填充
     · 用 text-shadow 做发光，跨浏览器稳定
     · 收尾间距统一 96 / 64 / 40 三档
   ========================================================================= */

/* ---------- 1. 标题：两行都是白，第二行加紫光 ---------- */
.hero h1{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  background:none !important;
  text-shadow:
    0 1px 2px rgba(0,0,0,.6),
    0 0 42px rgba(168,85,247,.30);
}

/* 第二行：白底 + 更强的紫色外发光，权重高于第一行而不是更低 */
.hero h1 .l2{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  animation:none !important;
  filter:none !important;
  text-shadow:
    0 1px 2px rgba(0,0,0,.6),
    0 0 34px rgba(192,132,252,.55),
    0 0 80px rgba(124,58,237,.42);
}

/* ---------- 2. 数值/代号用等宽，提升"技术感"锐度 ---------- */
.hero .eyebrow span:last-child,
.hero .hero-meta,
.hero .spec-row dt,
.hero .spec-row dd small,
.hero .metric span,
.hero .metric b em,
.hero .viewer-head,
.hero .viewer-foot > div{
  -webkit-font-smoothing:antialiased;
  font-variant-ligatures:none;
}

/* ---------- 3. 间距三档统一 ---------- */
.section{
  padding-top:96px;
  padding-bottom:96px;
}
@media(max-width:1024px){
  .section{padding-top:64px;padding-bottom:64px}
}
@media(max-width:640px){
  .section{padding-top:40px;padding-bottom:40px}
}

.kpi-strip{
  margin-top:0;
  margin-bottom:96px;
}
@media(max-width:1024px){.kpi-strip{margin-bottom:64px}}
@media(max-width:640px){.kpi-strip{margin-bottom:40px}}

footer{
  margin-top:0;
  padding-top:64px;
  padding-bottom:40px;
}

/* ---------- 4. 触屏设备：用 active 代替 hover ---------- */
@media(hover:none){
  .mrow:active,
  .prow:active,
  .doc:active,
  .pipe .step:active,
  .hero .metric:active,
  .hero .trust-chip:active{
    transform:scale(.985);
    border-color:rgba(192,132,252,.5);
  }
  /* 触屏不做悬停上浮，避免"点完还飘着" */
  .mrow:hover,
  .prow:hover,
  .doc:hover,
  .pipe .step:hover{
    transform:none;
  }
}

/* ---------- 5. 打印 ---------- */
@media print{
  .support-dock,
  .scroll-progress,
  .bg-glow,
  .bg-grid{display:none !important}
  body{background:#fff !important;color:#111 !important}
  .hero h1,
  .hero h1 .l2{
    color:#111 !important;
    -webkit-text-fill-color:#111 !important;
    text-shadow:none !important;
  }
}