/* ============================================================
   房淘惠移动端 H5 · 统一视觉层（2026-10-31）
   仅作用于老模板页（body.ft-legacy），新页（index/列表等）不受影响。
   留资抽屉与浮条为全站通用。
   ============================================================ */
body.ft-legacy{
  --brand:#00aa66; --brand-dark:#009a5c; --brand-soft:#e8f8f1;
  --price:#ee0022; --ink:#1f2a37; --ink-2:#4b5563; --ink-3:#8a93a0;
  --line:#eef1f4; --bg:#f4f6f8; --card:#fff; --radius:14px;
  --shadow:0 4px 16px rgba(31,42,55,.06);
  --safe-b:env(safe-area-inset-bottom,0px);
  background:var(--bg);
  color:var(--ink);
}
body.ft-legacy a{color:inherit}

/* ---------- 主内容：统一白卡 ---------- */
body.ft-legacy .main{background:var(--bg);padding-bottom:8px}
body.ft-legacy .main > div,
body.ft-legacy .main > section{
  background:var(--card);
  margin:10px 12px;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
body.ft-legacy .main > .estate-hero,
body.ft-legacy .main > .xq-home,
body.ft-legacy .main > .head-info{padding:0}
body.ft-legacy .main > .estate-hero,
body.ft-legacy .main > .xq-home,
body.ft-legacy .main > .head-info{margin:0;border-radius:0;box-shadow:none}
body.ft-legacy .estate-hero-img{margin:0!important}
body.ft-legacy .main > .mt-20{margin-top:10px}

/* ---------- 区块标题 ---------- */
body.ft-legacy .item-header,
body.ft-legacy .xq-hd,
body.ft-legacy .title-root{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 14px 10px;
}
body.ft-legacy .item-header strong,
body.ft-legacy .xq-hd .title,
body.ft-legacy .title-root strong{
  position:relative;padding-left:10px;
  font-size:16px;font-weight:800;color:var(--ink);line-height:1.3;
}
body.ft-legacy .item-header strong::before,
body.ft-legacy .xq-hd .title::before,
body.ft-legacy .title-root strong::before{
  content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;
  background:linear-gradient(180deg,#00c983,#009a5c);
}
body.ft-legacy .item-header .all,
body.ft-legacy .xq-hd .all{font-size:12px;color:var(--ink-3)}

/* ---------- 价格 ---------- */
body.ft-legacy .estate-hero-price > div > div > div,
body.ft-legacy .xq-home-price .p b,
body.ft-legacy .estate-price-item .price,
body.ft-legacy .price{
  color:var(--price);
  font-weight:800;
}
body.ft-legacy .estate-hero-price .black{color:var(--ink)}
body.ft-legacy .estate-hero-price span{color:var(--ink-3);font-size:11px}

/* ---------- 标签 / 胶囊 ---------- */
body.ft-legacy .estate-hero-tag span,
body.ft-legacy .xq-home-tag span,
body.ft-legacy .tag{
  display:inline-flex;align-items:center;height:22px;padding:0 8px;margin:0 6px 6px 0;
  border-radius:999px;background:#f3f6f9;color:#63768a;font-size:11px;line-height:1;
}

/* ---------- 按钮 ---------- */
body.ft-legacy .btn-detail,
body.ft-legacy .remain,
body.ft-legacy .estate-unit-btn .remain,
body.ft-legacy .xq-home-change .btn,
body.ft-legacy .estate-hero-change > div{
  border-radius:999px!important;
  background:var(--brand-soft)!important;
  color:var(--brand)!important;
  font-weight:600;
  border:0;
  box-shadow:none;
}
body.ft-legacy .btn-detail.red{background:#fff1f0!important;color:var(--price)!important}
body.ft-legacy .contact-phone2 button,
body.ft-legacy .fixed_btn button,
body.ft-legacy .estate-phone > a,
body.ft-legacy .xq-phone .btn{
  background:linear-gradient(135deg,#00bd78,#009a5c)!important;
  color:#fff!important;border-radius:999px!important;border:0;
  box-shadow:0 6px 16px rgba(0,170,102,.25);
}
body.ft-legacy .fixed_btn button+button{background:#f3f6f9!important;color:var(--brand)!important;box-shadow:none}
body.ft-legacy .fixed_btn button{border-radius:999px!important;height:44px;font-size:15px}

/* ---------- 输入框 ---------- */
body.ft-legacy .contact-phone2 input,
body.ft-legacy .phone-input,
body.ft-legacy .xq-phone input,
body.ft-legacy input[type=text],
body.ft-legacy input[type=tel],
body.ft-legacy input[type=number]{
  height:44px;border:1px solid var(--line)!important;border-radius:10px!important;
  background:#fff!important;padding:0 12px!important;font-size:14px!important;color:var(--ink)!important;
  box-shadow:none;
}
body.ft-legacy input::placeholder{color:#b6bec8}

/* ---------- 底部固定条（详情页） ---------- */
body.ft-legacy .fixed{
  height:auto;min-height:60px;padding:8px 12px calc(8px + var(--safe-b)) 8px;
  width:100%;background:rgba(255,255,255,.98);
  border-top:1px solid var(--line);
  box-shadow:0 -6px 20px rgba(31,42,55,.08);
}
body.ft-legacy .fixed .record-list .tab{color:var(--ink-2);font-size:11px}
body.ft-legacy .fixed .record-list .tab-icon{width:22px;height:22px}

/* ---------- 老列表卡 / 图片 ---------- */
body.ft-legacy .estate-unit li,
body.ft-legacy .xq-like-list li{border-radius:12px;overflow:hidden}
body.ft-legacy .main img{border-radius:0}

/* ---------- 去掉老页多余横向滚动 ---------- */
body.ft-legacy .header{width:100%!important}

/* 留资弹窗恢复原样式（2026-10-31 业主反馈：不要底部抽屉） */

/* ============================================================
   全站：列表/工具/内容页 · 免费咨询浮条
   ============================================================ */
.ft-lead-fab{
  position:fixed;right:14px;bottom:calc(86px + env(safe-area-inset-bottom,0px));
  z-index:80;display:flex;align-items:center;gap:6px;
  height:40px;padding:0 16px;border-radius:999px;
  background:linear-gradient(135deg,#00c983,#009a5c);color:#fff;
  font-size:13px;font-weight:700;box-shadow:0 8px 22px rgba(0,170,102,.35);
  transition:opacity .25s,transform .25s;
}
.ft-lead-fab:active{transform:scale(.95)}
.ft-lead-fab.is-hide{opacity:0;transform:translateY(12px);pointer-events:none}
.ft-lead-fab .ic{font-size:15px;line-height:1}
/* 无底部导航的页面贴底一点 */
body.ft-no-nav .ft-lead-fab{bottom:calc(20px + env(safe-area-inset-bottom,0px))}

/* ---------- 详情页局部：防止按钮/输入行溢出卡片 ---------- */
body.ft-legacy .estate-hero-detail .item{display:flex;align-items:center;gap:6px;min-width:0}
body.ft-legacy .estate-hero-detail .item .content,
body.ft-legacy .estate-hero-detail .item .area{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ft-legacy .estate-hero-detail .item .btn-detail,
body.ft-legacy .estate-hero-detail .item .position{flex-shrink:0;max-width:46%}
body.ft-legacy .contact-phone2{display:flex;align-items:center;gap:8px;padding:0 14px 14px}
body.ft-legacy .contact-phone2 input{flex:1 1 auto;min-width:0;width:auto!important}
body.ft-legacy .contact-phone2 button{flex:0 0 auto;width:auto!important;padding:0 16px!important;height:40px!important}
body.ft-legacy .fixed .record-list{padding:0 10px!important}
body.ft-legacy .fixed_btn{width:auto!important;flex:1 1 auto;min-width:0;display:flex;gap:8px}
body.ft-legacy .fixed_btn button{flex:1 1 0;width:auto!important;min-width:0;padding:0 8px;white-space:nowrap}
body.ft-legacy .main,.ft-legacy .main *{max-width:100%}

/* ---------- 详情页吸顶分类导航 ---------- */
.ft-anchors{
  position:sticky;top:0;z-index:99;
  display:flex;gap:8px;overflow-x:auto;white-space:nowrap;
  padding:9px 12px;background:rgba(255,255,255,.97);
  border-bottom:1px solid #eef1f4;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.ft-anchors::-webkit-scrollbar{display:none}
.ft-anchors a{
  flex:0 0 auto;padding:6px 13px;border-radius:999px;
  background:#f3f6f9;color:#5b6672;font-size:12.5px;line-height:1.2;
}
.ft-anchors a.on{background:#e8f8f1;color:#00aa66;font-weight:700}

/* 去掉页脚后的空白预留：改为在页脚内部留出固定条高度，空白变深色页脚 */
body.ft-legacy footer.footer{margin-bottom:0!important}
body.ft-legacy.ft-fixed-bottom footer.footer{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}
body.ft-legacy.ft-header-sticky .ft-anchors{top:54px}

/* 留资弹窗协议行：吉屋式圆形勾选 + 灰色文字（2026-10-31 业主指定） */
.fd-modal .fd-agree{margin-top:10px;font-size:13px;color:#b5b5b5;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fd-modal .fd-agree a{color:#b5b5b5!important;font-size:13px;text-decoration:none;display:inline!important}
.fd-modal .fd-agree-check{width:18px;height:18px;margin:0;flex-shrink:0;border:1px solid #cfcfcf;border-radius:50%;appearance:none;-webkit-appearance:none;background:transparent;position:relative;cursor:pointer;vertical-align:middle}
.fd-modal .fd-agree-check:checked{background:transparent;border-color:#cfcfcf}
.fd-modal .fd-agree-check:checked::after{content:"";position:absolute;left:4px;top:3px;width:8px;height:4px;border-left:1.5px solid #9aa0a6;border-bottom:1.5px solid #9aa0a6;transform:rotate(-45deg)}

/* 留资弹窗：输入框边框加深（业主反馈原 #ddd 太淡） */
.fd-modal .fd-phone{border:1px solid #b6bdc6!important;background:#fff;box-shadow:none!important;outline:none!important;transition:none!important}
.fd-modal .fd-phone:focus{border-color:#b6bdc6!important;box-shadow:none!important;outline:none!important}

/* 老页面通用 input 规则优先级更高，弹窗手机号框需再提一级，保证失焦/聚焦都不变 */
body.ft-legacy .fd-modal input.fd-phone{border:1px solid #b6bdc6!important;background:#fff!important;box-shadow:none!important;outline:none!important;transition:none!important}
body.ft-legacy .fd-modal input.fd-phone:focus{border-color:#b6bdc6!important;box-shadow:none!important;outline:none!important}