/* ============================================================
   refine_step1.css —— 仙山官网视觉覆盖层（step1 图片 + step2 卡片质感）
   纯覆盖层：不改 app.css，删掉 <link> 即回滚。

   说明：step2 的选择器全部来自线上真实 DOM 无头实测。
   step1 原 32 条选择器是从 app.css 静态提取的，实测 8 个页面
   仅 1 条命中，故本版改用运行时实测到的容器重写。
   ============================================================ */

/* ---- A1. 图片不再变形（实测命中：全站主要图片容器） ---- */
.tis_img img,
.tis_i img,
.deta_img img,
.l_img img,
.doc_i img,
.hosp_i img,
.ava img,
.doc_ava img,
.hotel_pro_baner img,
.country_case1_baner img,
.country_case8_baner img,
.hospital_baner img,
.related_baner img,
.swiper-slide img {
  object-fit: cover !important;
}

/* ---- A2. 小图标 / 标识：完整显示，不裁切 ---- */
.forum_hot_cont .li .num img,
.tis_title img,
.num img {
  object-fit: contain !important;
}

/* ---- A3. step1 原始 32 条（保留，覆盖未采样到的页面） ---- */
.city_last_baner .swiper-slide .tis_img img,
.wdyy_last .list .pri_i img,
.answer_list .user_det .ava img,
.answer_list .answer_reply .reply_inf .ava img,
.user_personal_seet .account_infor .l_ava_inf .tis_ava img,
.comment_list .com_answer .ava img,
.post_last .list .post_user .ava img,
.post_last .list .post_inf .l_img img,
.detail_post_cont .hospita_detail .hosp_last .list .hosp_i img,
.bill_fare_main .bill_last .bill_dl .dl .dt img,
.pulic_detail_3 .img_cont .r_img .li img,
.pulic_comment_main .comment_list .l_ava .ava img,
.summary_deta_main .sum_detail_cont .host_list .l_img img,
.country_case4_baner .swiper-slide .doc_i img,
.service_main_cont .doct_pro_cont .l_img img,
.vip_recommend .recom_list .deta_img img,
.benefit_bit_cont .benefit_list .deta_img img,
.forum_detail_cont .focum_list .focum_user .ava img,
.forum_detail_cont .focum_list .det_cont .det_i img,
.forum_my_inf .user_inf .ava img,
.forum_fetails_article .art_user .ava img,
.fourum_deta_user .user_inf .ava img,
.fourum_deta_related .rela_list .ava img,
.fourum_doctor_cont .doc_list .l_img img,
.hospital_locat .hos_detail .l_img img,
.related_doctor_content .related_doctor_baner .swiper-slide .doc_ava img,
.hospital_case_2 .team_list .doc_i img {
  object-fit: cover !important;
}

/* ---- B. 主卡片：圆角 + 柔和阴影 + hover 抬升（实测：原本 radius=0 / shadow=none） ---- */
a.bit_cont,
a.det_list,
.forum_hot_cont {
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(24, 39, 75, .06) !important;
  transition: transform .28s cubic-bezier(.22, .61, .36, 1),
              box-shadow .28s cubic-bezier(.22, .61, .36, 1) !important;
}
a.bit_cont:hover,
a.det_list:hover,
.forum_hot_cont:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 36px rgba(24, 39, 75, .14) !important;
}

/* ---- C. 列表项卡片（:has(img) 限定，避免误伤纯文字列表） ---- */
div.list:has(img),
a.list:has(img) {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 3px 12px rgba(24, 39, 75, .05) !important;
  transition: transform .28s cubic-bezier(.22, .61, .36, 1),
              box-shadow .28s cubic-bezier(.22, .61, .36, 1) !important;
}
div.list:has(img):hover,
a.list:has(img):hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 30px rgba(24, 39, 75, .12) !important;
}

/* ---- D. 卡片内图片：hover 微放大（配合 overflow:hidden 不溢出） ---- */
a.bit_cont img,
a.det_list img,
div.list:has(img) img,
a.list:has(img) img {
  transition: transform .5s cubic-bezier(.22, .61, .36, 1) !important;
}
a.bit_cont:hover img,
a.det_list:hover img,
div.list:has(img):hover img,
a.list:has(img):hover img {
  transform: scale(1.05) !important;
}