/* ==========================================================
   首页统一「倒角」：与顶部「入驻民宿汇」按钮四角一致
   该按钮的倒角为 .052083rem（.Header .right .btn，html font-size = 视口宽/10，
   1440 宽下约 7.5px，随视口等比缩放），本文件沿用同一数值。

   覆盖范围：
   1) 顶部页头搜索框
   2) 英雄图（banner）上的搜索框 —— 输入框与右侧「搜索」按钮拼成一条搜索条，
      只倒外侧四角，接缝处保持直角，视觉上是一整条圆角搜索条
   3) 特色民宿板块的民宿卡片（卡片图片四角）
      ★ 原样式把圆角写在 .item .img / .el-image / img[data-v-xxx] 上，
        而卡片图片是子组件 zoomable-image 渲染的，拿不到父组件的 data-v 作用域属性，
        所以 img 的圆角规则命中不了 → 图片四角是直角。这里用不带作用域的选择器补上。

   本文件在 index.php 里排在 app.css 之后，必要时用 !important 覆盖打包样式。
   ========================================================== */

/* 1) 顶部页头搜索框 */
.Header .left .el-input__inner {
  border-radius: .052083rem;
}

/* 2) 英雄图搜索框：输入框左倒角 + 按钮右倒角 */
.home .banner .searchBox .search .inp .el-input__inner {
  border-radius: .052083rem 0 0 .052083rem;
}
.home .banner .searchBox .search .searchBtn {
  border-radius: 0 .052083rem .052083rem 0;
  overflow: hidden;
}

/* 3) 民宿卡片图片四角（特色民宿等首页列表卡片） */
.home .content .listBox .item .img {
  border-radius: .052083rem;
  overflow: hidden;
}
.home .content .listBox .item .img .zoomable-image,
.home .content .listBox .item .img .el-image,
.home .content .listBox .item .img img {
  border-radius: .052083rem;
}