/* ============================================================
   1. 边距控制
   原来：inside-article padding:30px（太大），rv-page padding:14px 两侧
   目标：外层统一 12px 边距，内层 rv-section 保留自己的内边距
   效果：屏幕两侧留出 12px 呼吸空间，不贴边，不过窄
   ============================================================ */

@media (max-width: 768px) {

  /* GeneratePress 文章容器：从 30px 压缩到 0，让内部模块自己控制 */
  .separate-containers .inside-article,
  .one-container .site-content {
    padding: 0 !important;
  }

  /* rv-page：从 5% 改为固定 12px，两侧一致的小边距 */
  .rv-page,
  .cp-page,
  .kp-page,
  .sp-page,
  .rd-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 36px !important;
  }

  /* rv-section 圆角保留，内边距调整为 20px（比桌面 24px 略小） */
  .rv-section {
    padding: 20px 18px !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
  }

  /* Hero：统一 12px 外边距由 rv-page 控制，Hero 自身贴满 */
  .rv-hero {
    border-radius: 10px 10px 0 0 !important;
    padding: 22px 18px 18px !important;
  }

  /* Quick Facts：紧贴 Hero 下方 */
  .rv-quick-facts {
    border-radius: 0 !important;
    margin-bottom: 10px !important;
  }

  /* Jump Nav：横向滚动，左右各 18px 内边距 */
  .rv-jump-nav {
    padding: 10px 18px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    border-radius: 0 !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .rv-jump-nav::-webkit-scrollbar { display: none !important; }
  .rv-jump-link {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    font-size: 12px !important;
    padding: 5px 14px !important;
  }

  /* Author bar：内边距与 rv-section 一致 */
  .rv-author-bar,
  div[style*="border:1px solid #D9E3EE"][style*="border-radius:10px"],
  div[style*="border: 1px solid #D9E3EE"][style*="border-radius: 10px"] {
    padding: 14px 18px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
  }

  /* 页面内 CTA 渐变块圆角保留 */
  div[style*="border-radius:14px"][style*="text-align:center"] {
    border-radius: 10px !important;
    padding: 22px 18px !important;
  }
}


/* ============================================================
   2. 字体尺寸
   现有：html/body 15px，p 16px，rv-section-title 18px
   目标：正文 17px，标题层级整体上调，rv 专属组件字号提升
   ============================================================ */

@media (max-width: 768px) {

  /* 基础正文：从 15px → 17px */
  html { font-size: 17px !important; }
  body,
  body p,
  .entry-content p { font-size: 17px !important; line-height: 1.8 !important; }
  li               { font-size: 17px !important; line-height: 1.75 !important; }

  /* 标题层级 */
  h1 { font-size: 28px !important; line-height: 1.2 !important; }
  h2 { font-size: 23px !important; line-height: 1.25 !important; }
  h3 { font-size: 20px !important; line-height: 1.3 !important; }
  h4 { font-size: 18px !important; line-height: 1.35 !important; }

  /* Hero H1 */
  .rv-hero h1,
  .cp-hero h1,
  .kp-hero h1,
  .sp-hero h1,
  .rd-hero h1 {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  /* Hero 副文 */
  .rv-hero-reg {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  /* rv 章节标题：18px → 20px */
  .rv-section-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
    padding-bottom: 14px !important;
    margin-bottom: 18px !important;
  }

  /* rv 正文段落：保持与 body 一致 17px */
  .rv-guide-p {
    font-size: 17px !important;
    line-height: 1.8 !important;
  }

  /* rv 小标题 h3 */
  .rv-guide-h3 {
    font-size: 18px !important;
    margin-top: 22px !important;
    margin-bottom: 10px !important;
  }

  /* Verdict 正文 */
  .rv-verdict-text {
    font-size: 16px !important;
    line-height: 1.8 !important;
  }

  /* Pros/Cons 条目 */
  .rv-pro-item,
  .rv-con-item {
    font-size: 15px !important;
    line-height: 1.7 !important;
    padding: 7px 0 !important;
  }
  .rv-pros-title,
  .rv-cons-title {
    font-size: 13px !important;
  }

  /* Score 描述文字 */
  .rv-score-item-desc  { font-size: 13px !important; line-height: 1.6 !important; }
  .rv-score-item-label { font-size: 14px !important; }
  .rv-score-item-num   { font-size: 19px !important; }

  /* FAQ */
  .rv-faq-q { font-size: 16px !important; line-height: 1.45 !important; }
  .rv-faq-a { font-size: 15px !important; line-height: 1.8 !important; }

  /* Callout boxes */
  .kt-callout,
  div[style*="border-left:4px solid"] {
    font-size: 15px !important;
    line-height: 1.75 !important;
    padding: 14px 16px !important;
  }

  /* Account cards */
  .rv-account-name  { font-size: 15px !important; }
  .rv-account-label { font-size: 14px !important; }
  .rv-account-val   { font-size: 13px !important; }

  /* CTA */
  .rv-cta-title { font-size: 17px !important; }
  .rv-cta-sub   { font-size: 14px !important; }
  .rv-cta-btn   { font-size: 16px !important; padding: 13px 28px !important; }

  /* Quick Facts 数值 */
  .rv-fact-val   { font-size: 17px !important; font-weight: 600 !important; }
  .rv-fact-label { font-size: 11px !important; }
  .rv-fact       { padding: 14px 10px !important; }

  /* 侧边栏 Key Facts */
  .rv-sidebar-facts-title  { font-size: 15px !important; }
  .rv-sidebar-fact-label   { font-size: 14px !important; }
  .rv-sidebar-fact-val     { font-size: 14px !important; }
  .rv-sidebar-total-val    { font-size: 24px !important; }
  .rv-sidebar-score-label  { font-size: 14px !important; }

  /* 得分圆圈 */
  .rv-score-num    { font-size: 30px !important; }
  .rv-score-circle { width: 76px !important; height: 76px !important; }
}


/* ============================================================
   3. 表格 — 适中内边距，字号加大，横向滚动
   现有：td padding:10px 0（无左右间距），font-size:13px
   目标：td padding:11px 14px，font-size:15px
   ============================================================ */

@media (max-width: 768px) {

  /* 表格容器：延伸突破 rv-section 的内边距，实现全宽滚动 */
  .rv-section [style*="overflow-x:auto"],
  .rv-section [style*="overflow-x: auto"] {
    margin-left: -18px !important;
    margin-right: -18px !important;
    padding-left: 18px !important;
  }

  /* 表格本体 */
  .rv-data-table,
  .rv-section table {
    font-size: 14px !important;
  }

  /* 表头 */
  .rv-data-table thead th,
  .rv-section table thead th {
    font-size: 11px !important;
    padding: 10px 14px !important;
    white-space: nowrap;
  }

  /* 数据行单元格 — 关键改动：加左右 padding */
  .rv-data-table td,
  .rv-section table td {
    padding: 11px 14px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    vertical-align: middle !important;
  }

  /* 侧边栏行 */
  .rv-sidebar-fact-row {
    padding: 9px 0 !important;
    gap: 10px !important;
  }

  /* 账户卡片行 */
  .rv-account-row  { padding: 7px 0 !important; }
  .rv-account-body { padding: 14px 16px !important; }
  .rv-account-head { padding: 12px 16px !important; }
}


/* ============================================================
   4. Grid 布局调整
   ============================================================ */

@media (max-width: 768px) {

  /* Quick Facts：2列 */
  .rv-quick-facts {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* 5个 fact 时最后一个占全行 */
  .rv-quick-facts .rv-fact:last-child:nth-child(odd) {
    grid-column: span 2;
    border-right: none !important;
  }

  /* Scores：单列 */
  .rv-scores-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .rv-score-item {
    padding: 16px !important;
  }
  .rv-score-bar-bg {
    height: 6px !important;
    margin-bottom: 2px !important;
  }

  /* Pros/Cons：单列 */
  .rv-pros-cons {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .rv-pros,
  .rv-cons {
    padding: 16px !important;
    border-radius: 8px !important;
  }

  /* Account Grid：单列 */
  .rv-account-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  /* Hero 顶部布局 */
  .rv-hero-top {
    flex-direction: column !important;
    gap: 14px !important;
  }
  .rv-hero-logo {
    width: 60px !important;
    height: 60px !important;
    font-size: 16px !important;
  }
  .rv-hero-meta {
    gap: 12px !important;
    padding-bottom: 12px !important;
    flex-wrap: wrap !important;
  }
  .rv-hero-meta-item {
    font-size: 13px !important;
  }
  .rv-hero-tag {
    font-size: 11px !important;
    padding: 4px 11px !important;
  }
}


/* ============================================================
   5. 480px 超小屏补充
   ============================================================ */

@media (max-width: 480px) {

  /* 边距再缩减 2px */
  .rv-page,
  .cp-page,
  .kp-page { padding-left: 10px !important; padding-right: 10px !important; }
  .rv-section { padding: 18px 14px !important; }

  /* 字号小幅回调 */
  html, body, p, li { font-size: 16px !important; }
  h1 { font-size: 24px !important; }
  h2 { font-size: 21px !important; }
  h3 { font-size: 18px !important; }

  .rv-section-title { font-size: 18px !important; }
  .rv-guide-p       { font-size: 16px !important; }
  .rv-faq-q         { font-size: 15px !important; }
  .rv-faq-a         { font-size: 14px !important; }
  .rv-fact-val      { font-size: 15px !important; }

  /* 表格字号略降以适应极窄屏 */
  .rv-data-table td,
  .rv-section table td { font-size: 13px !important; padding: 10px 12px !important; }

  .rv-score-circle { width: 68px !important; height: 68px !important; }
  .rv-score-num    { font-size: 26px !important; }
}


/* ============================================================
   6. 溢出保护（兜底）
   ============================================================ */

@media (max-width: 768px) {
  .rv-page, .rv-main, .rv-section {
    overflow-x: hidden !important;
  }
  .entry-content img {
    max-width: 100% !important;
    height: auto !important;
  }
}
/* 隔行底色 */
.rv-data-table tbody tr:nth-child(even) {
  background: #FAFBFD !important;
}