﻿/* ==========================================================
   16) ✅ 修复：/compare/ 这种自定义模板里 H1 没 class
   ========================================================== */
body.leisu-dark .leisu-page h1,
body.leisu-dark .leisu-page h2,
body.leisu-dark .leisu-page h3{
  color: #e2e8f0 !important;
}

body.leisu-dark .leisu-head h1,
body.leisu-dark .leisu-head h2{
  color: #e2e8f0 !important;
}

/* Page 模板统一标题尺度：覆盖各落地页内联大标题，保持移动端紧凑 */
body.page [class*="-hero"] h1,
body.page .leisu-head h1,
body.page .leisu-page h1,
body.page .entry-content h1{
  font-size: clamp(22px, 2.6vw, 32px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

body.page [class*="-section"] > h2,
body.page [class*="-block-header"] h2,
body.page section > h2,
body.page .leisu-page h2,
body.page .entry-content h2{
  font-size: clamp(20px, 1.8vw, 26px) !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.page [class*="-section"] h3,
body.page [class*="-block-body"] h3,
body.page section h3,
body.page .leisu-page h3,
body.page .entry-content h3{
  font-size: 18px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 767px){
  body.page [class*="-metrics"],
  body.page [class*="-value-grid"],
  body.page [class*="-score-grid"],
  body.page [class*="-stats-grid"],
  body.page [class*="-stat-grid"],
  body.page [class*="-feature-grid"],
  body.page [class*="-features-grid"],
  body.page [class*="-audience-grid"],
  body.page [class*="-signal-grid"],
  body.page [class*="-template-grid"],
  body.page [class*="-persona-grid"],
  body.page [class*="-engine-grid"],
  body.page [class*="-sop-grid"],
  body.page [class*="-layer-grid"],
  body.page [class*="-flaw-grid"],
  body.page [class*="-risk-grid"],
  body.page [class*="-mech-grid"],
  body.page [class*="-compare-grid"],
  body.page [class*="-time-grid"],
  body.page [class*="-combo-grid"],
  body.page [class*="-grip-grid"],
  body.page [class*="-kyc-grid"],
  body.page [class*="-grid-"],
  body.page [class*="-pros-cons"],
  body.page [class*="-card-grid"],
  body.page [class*="-cards-grid"],
  body.page .platform-grid,
  body.page .review-grid,
  body.page .steps-grid,
  body.page .faq-grid,
  body.page .lsi-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.page [class*="-metric"],
  body.page [class*="-value-card"],
  body.page [class*="-score-card"],
  body.page [class*="-stat-card"],
  body.page [class*="-feature-card"],
  body.page .review-card-header,
  body.page .review-card-body,
  body.page .step-card,
  body.page .lsi-card{
    padding: 12px !important;
  }

  body.page .step-number{
    font-size: 32px !important;
    top: 10px !important;
    right: 12px !important;
  }

  body.page [class*="-metric"] strong,
  body.page [class*="-value-card"] strong,
  body.page [class*="-score-card"] strong,
  body.page [class*="-stat-card"] strong{
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  body.page [class*="-metric"] span,
  body.page [class*="-value-card"] span,
  body.page [class*="-score-card"] span,
  body.page [class*="-stat-card"] span{
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body.page a[class*="-cta"],
  body.page a[class*="-btn"]{
    min-height: 42px;
    padding: 10px 14px !important;
    font-size: 14px !important;
  }
}

@media (min-width: 480px) and (max-width: 767px){
  body.page [class*="-metrics"],
  body.page [class*="-stats-grid"],
  body.page [class*="-stat-grid"]{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

body:not(.leisu-home) .leisu-register-cta{
  width: min(1080px, calc(100% - 28px));
  margin: 28px auto;
  color: #e2e8f0;
}

body:not(.leisu-home) .leisu-register-cta--bottom{
  margin-top: 34px;
  margin-bottom: 26px;
}

body:not(.leisu-home) .leisu-register-cta__inner{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(245, 196, 92, .24);
  background: linear-gradient(135deg, rgba(15, 29, 56, .94), rgba(8, 18, 36, .94));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
}

body:not(.leisu-home) .leisu-register-cta__eyebrow{
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(245, 196, 92, .10);
  border: 1px solid rgba(245, 196, 92, .28);
  color: #ffe6a8;
  font-size: 12px;
  font-weight: 800;
}

body:not(.leisu-home) .leisu-register-cta h2{
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.25;
}

body:not(.leisu-home) .leisu-register-cta p{
  margin: 0;
  color: rgba(226, 232, 240, .78);
  font-size: 14px;
  line-height: 1.7;
}

body:not(.leisu-home) .leisu-register-cta__actions{
  display: grid;
  gap: 10px;
  min-width: 190px;
}

body:not(.leisu-home) .leisu-register-cta__button,
body:not(.leisu-home) .leisu-register-cta__link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
}

body:not(.leisu-home) .leisu-register-cta__button{
  background: linear-gradient(135deg, #28d3a6, #20c59a);
  color: #041119;
}

body:not(.leisu-home) .leisu-register-cta__link{
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .05);
  color: #e2e8f0;
}

@media (max-width: 767px){
  body:not(.leisu-home) .leisu-register-cta{
    width: min(100% - 20px, 1080px);
    margin: 18px auto;
  }

  body:not(.leisu-home) .leisu-register-cta__inner{
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
    border-radius: 16px;
  }

  body:not(.leisu-home) .leisu-register-cta__actions{
    grid-template-columns: 1fr 1fr;
    min-width: 0;
  }
}
