/* ============================================================
   refine_svc2.css —— gf59 + gf60
   目标：仙山服务页 三个阶段（准备 case_2 / 治疗 case_3 / 其他服务 case_4）
         卡片尺寸统一 + 紧凑化
   gf59 实测（1440 宽）：卡片 384/323/300 -> 统一 232px
   gf60 新增（用户反馈「其他服务没变化」的排查结论）：
     1) 桌面端 gf59 实际已生效（232px 截图证实）；
     2) 真正的问题在手机端：gf59 固定像素覆盖了原 rem 自适应，
        手机卡片被撑成 172宽 x 232高 的瘦长条（原约 150px 高）；
     3) 三段板块留白 70/80/70px 仍偏大，与 gf58 收紧后的流程进度不协调。
   gf60 方案：
     a) 板块留白统一 48px、板块标题 mb 20px（用 .warpin > .title_head
        精确命中大标题，不碰卡片内 title_head）；
     b) @media<=768px 手机端恢复紧凑（pad 20 / 图标区 64 / h2 16 / p 12）。
   安全边界：所有规则（含 @media 内）都以 .service_index_main 开头。
   一键撤回：python3 /tmp/gf60_off.py
   ============================================================ */

/* 1) 三阶段卡片：统一内边距；行距只给外层卡片（卡片是 div.list > a.list 双层嵌套，
      .list 规则会同时命中两层，内层 a 的 margin/padding 必须归零） */
.service_index_main .case_2 .last_cont .list,
.service_index_main .case_3 .last_cont .list,
.service_index_main .case_4 .last_cont .list{padding:32px 0 !important}
.service_index_main .case_2 .last_cont > .list,
.service_index_main .case_3 .last_cont > .list,
.service_index_main .case_4 .last_cont > .list{margin-bottom:24px !important}
.service_index_main .case_2 .last_cont .list .list,
.service_index_main .case_3 .last_cont .list .list,
.service_index_main .case_4 .last_cont .list .list{display:block !important;width:auto !important;padding:0 !important;margin-bottom:0 !important}

/* 1.5) 板块大标题规则(.case_N .title_head mb:34px)会误命中卡片内 title_head，归零；
         case_3/4 的 .txt 同理 */
.service_index_main .case_2 .last_cont .list .title_head,
.service_index_main .case_3 .last_cont .list .title_head,
.service_index_main .case_4 .last_cont .list .title_head{margin-bottom:0 !important}
.service_index_main .case_2 .last_cont .list .txt,
.service_index_main .case_3 .last_cont .list .txt,
.service_index_main .case_4 .last_cont .list .txt{margin-bottom:0 !important}

/* 2) 图标区 120 -> 88，图标等比限高不变形 */
.service_index_main .case_2 .last_cont .list .tis_i,
.service_index_main .case_3 .last_cont .list .tis_i,
.service_index_main .case_4 .last_cont .list .tis_i{height:88px !important;margin-bottom:16px !important}
.service_index_main .case_2 .last_cont .list .tis_i img,
.service_index_main .case_3 .last_cont .list .tis_i img,
.service_index_main .case_4 .last_cont .list .tis_i img{max-height:88px !important;width:auto !important}

/* 3) 标题/描述统一字号与间距 */
.service_index_main .case_2 .last_cont .list .title_head{padding:0 !important}
.service_index_main .case_2 .last_cont .list .title_head h2,
.service_index_main .case_3 .last_cont .list h2,
.service_index_main .case_4 .last_cont .list h2{font-size:22px !important;margin-bottom:6px !important}
.service_index_main .case_2 .last_cont .list .title_head p,
.service_index_main .case_3 .last_cont .list p,
.service_index_main .case_4 .last_cont .list p{font-size:14px !important}

/* ============================================================
   gf60 新增 —— 板块级留白统一（70/80/70 -> 48，标题 mb 34 -> 20）
   ============================================================ */
.service_index_main .case_2{padding:48px 0 !important}
.service_index_main .case_3{padding:48px 0 !important}
.service_index_main .case_4{padding:48px 0 !important}
.service_index_main .case_2 .warpin > .title_head,
.service_index_main .case_3 .warpin > .title_head,
.service_index_main .case_4 .warpin > .title_head{margin-bottom:20px !important}

/* ============================================================
   gf60 新增 —— 手机端适配（修复 gf59 固定像素把手机卡片撑大的副作用）
   ============================================================ */
@media (max-width:768px){
  .service_index_main .case_2,
  .service_index_main .case_3,
  .service_index_main .case_4{padding:28px 0 !important}
  .service_index_main .case_2 .warpin > .title_head,
  .service_index_main .case_3 .warpin > .title_head,
  .service_index_main .case_4 .warpin > .title_head{margin-bottom:12px !important}
  .service_index_main .case_2 .last_cont .list,
  .service_index_main .case_3 .last_cont .list,
  .service_index_main .case_4 .last_cont .list{padding:20px 0 !important}
  .service_index_main .case_2 .last_cont > .list,
  .service_index_main .case_3 .last_cont > .list,
  .service_index_main .case_4 .last_cont > .list{margin-bottom:12px !important}
  .service_index_main .case_2 .last_cont .list .tis_i,
  .service_index_main .case_3 .last_cont .list .tis_i,
  .service_index_main .case_4 .last_cont .list .tis_i{height:64px !important;margin-bottom:10px !important}
  .service_index_main .case_2 .last_cont .list .tis_i img,
  .service_index_main .case_3 .last_cont .list .tis_i img,
  .service_index_main .case_4 .last_cont .list .tis_i img{max-height:64px !important}
  .service_index_main .case_2 .last_cont .list .title_head h2,
  .service_index_main .case_3 .last_cont .list h2,
  .service_index_main .case_4 .last_cont .list h2{font-size:16px !important;margin-bottom:4px !important}
  .service_index_main .case_2 .last_cont .list .title_head p,
  .service_index_main .case_3 .last_cont .list p,
  .service_index_main .case_4 .last_cont .list p{font-size:12px !important}
}