/* ==========================================================================
   UI v2 设计升级层 —— 精致 / 高端 / 现代
   覆盖 design-tokens 之后的朴素样式；所有页面最后加载本文件（优先级最高）
   ========================================================================== */

/* ---------- 页面头：去边框、柔阴影 ---------- */
.page-head {
  height: 46px; line-height: 46px;
  border-bottom: 0;
  box-shadow: 0 1px 0 rgba(21, 24, 29, .04);
  font-size: 17px;
}

/* ---------- 底部导航：毛玻璃 + 顶部柔和分割 + 主色选中态 ---------- */
.hm_ft-nv {
  border-top: 0;
  box-shadow: 0 -1px 12px rgba(21, 24, 29, .05);
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(10px);
}
.hm_ft-nv a.on, .hm_ft-nv a.active { color: var(--c-primary); font-weight: 600; }
.hm_ft-nv a.center i {
  background: linear-gradient(135deg, var(--c-primary-light), var(--c-primary-deep));
  box-shadow: 0 4px 12px rgba(11, 122, 82, .35);
}

/* ==========================================================================
   房源卡片 —— 白卡片 + 圆角 + 阴影 + 间距（替代整块白底分隔线）
   ========================================================================== */
.house_lists { background: transparent; }
.house_lists .mod_cont .pictext,
.hm_block .block_body .pictext {
  margin: 0 var(--page-pad) 10px;
  padding: 12px;
  background: var(--bg-white);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-sm);
  border-bottom: 0;
  display: flex;
}
.house_lists .mod_cont .pictext:last-child { margin-bottom: 10px; }
.hm_block .block_body { padding: 0; }
.hm_block { background: transparent; }
.hm_block .block_body .pictext:last-child { border-bottom: 0; }

/* 缩略图圆角放大 */
.pictext .mod_media .media_main img,
.pictext .mod_media img { border-radius: var(--r-sm); }
.house_lists .mod_media,
.house_lists .mod_media .media_main,
.hm_block .block_body .mod_media,
.hm_block .block_body .mod_media .media_main { width: var(--thumb-w); }
.house_lists .mod_media .media_main,
.hm_block .block_body .mod_media .media_main { height: 87px; }

/* 标题与文字层次 */
.pictext .item_main { font-weight: 600; line-height: 21px; }
.pictext .item_other, .pictext .item_minor { line-height: 20px; }
.price_total { font-weight: 700; }
.price_total em { font-size: var(--fs-lg); }

/* 标签：浅色圆角底，更精致 */
.tag_box > .tag {
  background: var(--bg-body);
  color: var(--c-text-sub);
  border-radius: 6px;
  padding: 0 7px;
  line-height: 18px;
  font-size: 11px;
}
.tagitem { border-radius: 6px; height: 18px; line-height: 18px; font-weight: 600; }

/* ==========================================================================
   首页
   ========================================================================== */
/* 轮播图增高 + 圆角 */
.hm_banner .swiper-slide img { height: 200px; }
.hm_banner .swiper-pagination-bullet { width: 5px; height: 5px; border-radius: 3px; background: rgba(255,255,255,.6); }
.hm_banner .swiper-pagination-bullet-active { width: 16px; background: #fff; }

/* 搜索框：白卡 + 阴影 + 圆角 */
.hm_search { background: transparent; padding: 12px var(--page-pad) 4px; }
.hm_search .search_box {
  height: 44px;
  background: var(--bg-white);
  border-radius: 22px;
  box-shadow: var(--shadow-md);
  color: var(--c-text-weak);
}
.hm_search .search_box .map_btn { color: var(--c-primary); font-weight: 600; }

/* 指数栏：卡片化 */
.hm_zhishu {
  background: var(--bg-white);
  margin: 8px var(--page-pad) 0;
  border-radius: var(--r-md);
  box-shadow: var(--shadow-sm);
  border-bottom: 0;
  padding: 14px var(--page-pad);
}
.hm_zhishu li em { font-size: var(--fs-lg); }
.hm_zhishu li + li::before { background: var(--line); }

/* 宫格导航：渐变色块图标 */
.hm_m-nv { background: var(--bg-white); margin: 8px var(--page-pad) 0; border-radius: var(--r-md); box-shadow: var(--shadow-sm); padding: 18px 0 0; }
.hm_m-nv li i {
  border-radius: 14px;
  background-color: var(--c-primary-soft);
  box-shadow: inset 0 0 0 1px rgba(11, 122, 82, .05);
}
.hm_m-nv li span { color: var(--c-text-sub); }

/* 公告：卡片化 */
.hm_gonggao {
  margin: 8px var(--page-pad) 0;
  border-radius: var(--r-md);
  box-shadow: var(--shadow-sm);
  border-bottom: 0;
}
.hm_gonggao .gg_tag { color: var(--c-gold); }

/* 区块标题：更大更精致 */
.hm_block { margin-top: 10px; }
.hm_block .block_head { padding: 16px var(--page-pad) 8px; background: transparent; }
.hm_block .block_head h3 { font-size: 17px; font-weight: 700; padding-left: 12px; }
.hm_block .block_head h3::before {
  width: 4px; height: 16px;
  border-radius: 2px;
  background: linear-gradient(var(--c-primary-light), var(--c-primary-deep));
}

/* 查看全部按钮 */
.hm_block .block_all {
  margin: 6px var(--page-pad) 16px;
  border-radius: 20px;
  border-color: var(--c-primary-87);
  font-weight: 600;
}

/* 经纪人卡片 */
.hm_jjr { background: transparent; margin-top: 10px; }
.hm_jjr .swiper-slide {
  background: var(--bg-white);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-sm);
}

/* 广告位 */
.hm_ad { background: transparent; padding: 8px var(--page-pad) 0; }
.hm_ad img { border-radius: var(--r-md); }

/* ==========================================================================
   筛选栏 & 搜索面板
   ========================================================================== */
.hm_filter2 { border-bottom: 0; box-shadow: 0 1px 0 rgba(21,24,29,.04); }
.hm_filter2 .tab li { padding: 11px 0; }
.hm_filter2 .tab li.on a { font-weight: 600; }
.hm_filter2 .tab li.on::after { width: 22px; height: 3px; border-radius: 2px; background: var(--c-primary); }

.filter-foot { padding: 12px var(--page-pad); box-shadow: 0 -4px 16px rgba(21,24,29,.06); }
.filter-foot a { border-radius: 22px; }
.filter-foot .btn-ok { background: linear-gradient(135deg, var(--c-primary-light), var(--c-primary-deep)); box-shadow: 0 4px 12px rgba(11,122,82,.25); }
.filter-foot .btn-reset { background: var(--bg-body); }

.filter-panel .inner_child a { border-radius: 8px; }
.filter-panel .inner_child a.on { background: var(--c-primary-soft); }
.filter-panel .inner_left li.on { color: var(--c-primary); }
.filter-panel .inner_left li.on::before { border-radius: 2px; }

/* 搜索面板主按钮 */
.searchstart { box-shadow: 0 -4px 16px rgba(21,24,29,.06); }
.searchstart a {
  height: 46px; line-height: 46px;
  border-radius: 23px;
  background: linear-gradient(135deg, var(--c-primary-light), var(--c-primary-deep));
  box-shadow: 0 6px 16px rgba(11,122,82,.28);
}
.xuanxiang-content > span { border-radius: 8px; }
.xuanxiang-content > span.on { background: var(--c-primary); }

/* ==========================================================================
   登录 / 注册页
   ========================================================================== */
.auth-wrap { padding: 24px var(--page-pad) 40px; }
.auth-logo .logo-badge {
  background: linear-gradient(135deg, var(--c-primary-light), var(--c-primary-deep));
  box-shadow: 0 6px 16px rgba(11,122,82,.28);
}
.auth-logo h1 { font-size: 22px; font-weight: 700; color: var(--c-title); }
.auth-tabs { background: #eceef1; }
.auth-tabs a.on { box-shadow: var(--shadow-sm); }
.auth-field {
  height: 52px;
  border-radius: var(--r-md);
  border-color: var(--line-card);
  box-shadow: var(--shadow-sm);
  transition: box-shadow .2s, border-color .2s;
}
.auth-field:focus-within { border-color: var(--c-primary); box-shadow: 0 0 0 3px var(--c-primary-soft); }
.auth-btn {
  height: 48px; line-height: 48px;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--c-primary-light), var(--c-primary-deep));
  box-shadow: 0 6px 16px rgba(11,122,82,.28);
  font-size: 16px;
  font-weight: 700;
}
.sms-send { font-weight: 600; }

/* ==========================================================================
   详情页 / 新房 / 发布（pages.css 覆盖）
   ========================================================================== */
/* 区块卡片化 */
.house_sec {
  background: var(--bg-white);
  margin: 0 var(--page-pad) 10px;
  padding: 14px var(--page-pad);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-sm);
}
.house_sec .sec_title {
  font-size: 16px; font-weight: 700; color: var(--c-title);
  padding-left: 12px; position: relative;
}
.house_sec .sec_title::before {
  content: ""; position: absolute; left: 0; top: 50%;
  transform: translateY(-50%);
  width: 4px; height: 15px; border-radius: 2px;
  background: linear-gradient(var(--c-primary-light), var(--c-primary-deep));
}

/* 详情价格区 */
.core_price { color: var(--c-price); font-weight: 700; }
.core_price em { font-size: 24px; }

/* 新房卡片 */
.xf_card { background: var(--bg-white); border-radius: var(--r-md); box-shadow: var(--shadow-sm); overflow: hidden; }
.xf_thumb img { border-radius: 0; }

/* 咨询/联系主按钮 */
.contact_btn, .fabu-btn, .detail_cta a {
  background: linear-gradient(135deg, var(--c-primary-light), var(--c-primary-deep));
  box-shadow: 0 6px 16px rgba(11,122,82,.28);
  border-radius: 22px;
}

/* ==========================================================================
   通用：主按钮渐变 + 阴影
   ========================================================================== */
.auth-btn, .searchstart a, .filter-foot .btn-ok, .fabu-submit {
  background: linear-gradient(135deg, var(--c-primary-light), var(--c-primary-deep));
}