/* ============================================================
   refine_home.css —— gf70 首页留白治理与视觉品质提升
   作用域：仅首页；仅桌面视口（>=1024px），移动端样式完全不变
   依据：2026-09-09 实测（1440x900）首页 3918px = 4.35 屏
         index_case_3 padding 240/120 + data_last margin-bottom 220
         = 580px 纯留白，占全页 15%（首页第一空洞）
         index_case_2 .main_1 免责声明 666px 灰字墙（302px 宽）
   一键撤回：python3 /tmp/gf70_off.py
   ============================================================ */

@media (min-width: 1024px) {

  /* ---- 1. 首屏区 index_case_1：828px -> 约 782px ---- */
  .index_case_1 {
    padding: 72px 10vw 44px;
  }
  .index_case_1 .tis_cont {
    margin-bottom: 48px;
  }

  /* ---- 2. 图表区 index_case_2：1481px -> 约 1465px ---- */
  .index_case_2 {
    padding: 64px 0 40px;
  }

  /* 免责声明卡片：内容一字不删，仅降低视觉权重，
     从"巨型灰字墙"变为"紧凑提示条"，让数据图表成为视觉焦点 */
  .index_case_2 .main_1 {
    padding: 24px 18px 20px;
    /* 原为 flex 默认 stretch，被同行最高的图表卡片(834px)拉伸，
       导致免责声明文字下方空出约 250px 的"空卡片"。
       改为贴合内容高度，空白归还给版面呼吸，卡片不再显得又高又空。 */
    align-self: flex-start;
  }
  .index_case_2 .main_1 .title_head {
    margin-bottom: 14px;
  }
  .index_case_2 .main_1 .title_head h2 {
    font-size: 20px;
    margin-bottom: 6px;
  }
  /* 注意：此处不设 line-height。原规则未声明 line-height，
     实测设 1.62 反而会撑高卡片（继承值更小），只会让页面更高。 */
  .index_case_2 .main_1 .title_head p {
    font-size: 13px;
    color: #9aa8bb;
  }

  /* ---- 3. 数据条区 index_case_3：1312px -> 约 964px（本页最大收益）---- */
  .index_case_3 {
    padding-top: 96px;
    padding-bottom: 72px;
  }
  .index_case_3 .data_last {
    margin-bottom: 64px;
  }

  /* 数据条精致化：仅收紧大数字字距。
     注意：不要加 font-weight:700 —— 实测会让 .num 变宽触发换行，
     数据条反而从 105px 涨到 144px（得不偿失）。 */
  .index_case_3 .data_last .list .inf_dl .num {
    letter-spacing: -1px;
  }

  /* 合作机构 logo：补一层柔和阴影，圆形头像不再"浮在平面" */
  .index_case_3 .link_last .list .tis_i {
    box-shadow: 0 4px 12px rgba(24, 39, 75, 0.08);
    transition: transform 0.6s, box-shadow 0.6s;
  }
  .index_case_3 .link_last .list:hover .tis_i {
    box-shadow: 0 10px 22px rgba(24, 39, 75, 0.14);
  }
}

/* ==== gf70b: 三卡等高 ==== */

/* ==== gf70b: 三卡等高 ====
   取消 gf70 的 align-self:flex-start（它会让提示卡比图表卡矮 110px）。
   这里改为拉伸等高；注意不要靠放大 line-height 去填满——实测在 1600 等视口会溢出。 */
@media (min-width: 1024px) {
  .index_case_2 .main_1 { align-self: stretch; }
}
/* 仅在缺口 >=75px 的宽屏追加卡片脚注，把剩余空白收成"有意的页脚" */
@media (min-width: 1440px) {
  .index_case_2 .main_1 { display: flex; flex-direction: column; }
  .index_case_2 .main_1 .title_head { margin-bottom: 0; }
  .index_case_2 .main_1::after {
    content: "仙山医旅 · 平台服务边界说明";
    margin-top: auto;
    padding: 16px 0 2px;
    border-top: 1px solid rgba(24, 39, 75, 0.08);
    font-size: 14px;
    color: #93a1b5;
    letter-spacing: 0.5px;
  }
}