@charset "UTF-8";
/* =====================================================================
   Regent 手機獨立視圖 v3 — 桌面 100% 不變
   手機(≤768px):#pc-view 隱藏、#mo-view 顯示;桌面(≥769px)相反。
   配合 viewport: width=device-width, initial-scale=1
   ===================================================================== */
/* ============ Regent 手機視圖 v3 · 專業版(refined agency)============ */
/* 開關 */
@media screen and (max-width:768px){
  #pc-view{display:none !important}
  #mo-view{display:block !important}
  html,body{overflow-x:hidden !important;margin:0 !important;background:#f3f4f6 !important;background-image:none !important;background-color:#f3f4f6 !important}
}
@media screen and (min-width:769px){ #mo-view{display:none !important} }

#mo-view{font-family:-apple-system,"PingFang HK","Microsoft JhengHei",sans-serif;color:#1c2530;-webkit-font-smoothing:antialiased}
#mo-view a{text-decoration:none;color:inherit}
#mo-view img{display:block;max-width:100%}

/* ── 頂:navy utility bar + 白 logo bar,金 hairline ── */
#mo-view .ubar{display:flex;justify-content:space-between;align-items:center;background:#132c47;color:#cfd9e4;font-size:11.5px;letter-spacing:.04em;padding:6px 14px}
#mo-view .ubar a{color:#fff;font-weight:600}
#mo-view .ubar .lic{color:#8fa3b8}
#mo-view .mh{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-bottom:2px solid #b08d3a;position:sticky;top:0;z-index:20;box-shadow:0 1px 8px rgba(19,44,71,.08)}
#mo-view .mh-brand{display:flex;align-items:center;gap:10px;color:#132c47}
#mo-view .mh img{height:38px}
#mo-view .mh-name{font-family:Georgia,"Times New Roman",Times,serif;font-size:27px;font-weight:600;font-style:normal;line-height:1;color:#132c47}
#mo-view .mh .r{display:flex;align-items:center;gap:14px}
#mo-view .mh a.tel{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#132c47;border:1px solid #132c47;border-radius:99px;padding:6px 13px}
#mo-view .mh .burger{display:flex;flex-direction:column;gap:5px;padding:5px;cursor:pointer}
#mo-view .mh .burger span{width:22px;height:2px;background:#132c47;border-radius:2px}
#mo-view .mnav{display:none;background:#fff;border-bottom:1px solid #e2e6ea}
#mo-view .mnav.open{display:block}
#mo-view .mnav a{display:block;padding:13px 18px;border-top:1px solid #eef1f4;font-size:15px;color:#1c2530;font-weight:500}
#mo-view .mnav a::after{content:"›";float:right;color:#b08d3a}

/* ── 頁題:金槓 + 標題 + 副題 ── */
#mo-view .pt{padding:22px 16px 4px} /* 原 18px 16px 4px */
#mo-view .pt .bar{display:none} /* 移除頁題 kicker 金槓，同 header 金邊冗餘 */
#mo-view .pt h1{font-size:20px;font-weight:800;color:#132c47;line-height:1.25;letter-spacing:.01em}
#mo-view .pt .sub{font-size:12.5px;color:#7a8694;margin-top:4px;letter-spacing:.02em}

/* ── 樓盤卡 ── */
#mo-view .rp-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 3px 14px rgba(19,44,71,.09);margin:15px 14px 0;border:1px solid #e8ebee}
#mo-view .rp-photo{position:relative;display:block}
#mo-view .rp-photo img{width:100%;height:196px;object-fit:cover}
#mo-view .rp-pill{position:absolute;left:12px;bottom:12px;background:rgba(19,44,71,.92);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;padding:5px 13px;border-radius:99px;backdrop-filter:blur(3px)}
#mo-view .rp-body{padding:14px 16px 15px;display:flex;flex-direction:column;gap:8px}
#mo-view .rp-titlelink{display:block;color:inherit}
#mo-view .rp-title{font-size:17.5px;font-weight:800;color:#132c47;line-height:1.3}
#mo-view .rp-addr{font-size:13px;color:#7a8694;margin-top:-3px}
#mo-view .rp-specs3{display:flex;border:1px solid #e8ebee;border-radius:9px;overflow:hidden;margin-top:2px}
#mo-view .rp-specs3>div{flex:1;text-align:center;padding:8px 4px;border-right:1px solid #e8ebee}
#mo-view .rp-specs3>div:last-child{border-right:0}
#mo-view .rp-specs3 .k{display:block;font-size:10.5px;color:#93a0ad;letter-spacing:.08em;margin-bottom:2px}
#mo-view .rp-specs3 .v{display:block;font-size:13.5px;font-weight:700;color:#1c2530}
#mo-view .rp-foot{display:flex;justify-content:space-between;align-items:center;margin-top:3px;gap:10px}
#mo-view .rp-rent{font-size:17px;font-weight:800;color:#c01f1f;letter-spacing:.01em}
#mo-view .rp-rent small{font-size:11.5px;color:#93a0ad;font-weight:500;margin-left:5px}
#mo-view .rp-cta{flex:0 0 auto;background:#132c47;color:#fff;font-size:13px;font-weight:700;padding:9px 20px;border-radius:99px;border:0;cursor:pointer;font-family:inherit}

/* ── 詳情頁 ── */
#mo-view .dphoto{position:relative}
#mo-view .dphoto img{width:100%;height:250px;object-fit:cover}
#mo-view .dphoto .dpill{position:absolute;left:12px;bottom:12px;background:rgba(19,44,71,.92);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;padding:5px 13px;border-radius:99px;backdrop-filter:blur(3px)}
#mo-view .dphoto .dref{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.92);color:#132c47;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:5px 11px;border-radius:99px}
#mo-view .dhead{background:#fff;padding:16px;border-bottom:1px solid #e8ebee}
#mo-view .dhead .bar{width:26px;height:3px;background:#b08d3a;margin-bottom:9px}
#mo-view .dhead h1{font-size:19px;font-weight:800;color:#132c47;line-height:1.3}
#mo-view .dhead .addr{font-size:13px;color:#7a8694;margin-top:6px}
#mo-view .dhead .ref{font-size:12px;color:#93a0ad;margin-top:5px;letter-spacing:.05em}
#mo-view .dhead .rent{font-size:20px;font-weight:800;color:#c01f1f;margin-top:10px;letter-spacing:.01em}
#mo-view .dhead .rent small{font-size:12px;color:#93a0ad;font-weight:500;margin-left:4px}
#mo-view .dhead .psf{display:inline-block;margin-left:10px;font-size:13px;font-weight:700;color:#132c47;background:#f3f4f6;padding:3px 9px;border-radius:99px;vertical-align:middle}
#mo-view .mh a.back{font-size:14px;font-weight:700;color:#132c47;border:1px solid #132c47;border-radius:99px;padding:7px 14px;white-space:nowrap}
#mo-view .bc{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px;font-size:12px;color:#93a0ad}
#mo-view .bc a{color:#132c47;font-weight:600}
#mo-view .bc span{color:#c8d0d8}
#mo-view .dsec,#mo-view .mkt,#mo-view .also,#mo-view .dbody{background:#fff;margin:12px 0 0;border:0;border-radius:0;box-shadow:none;padding:6px 16px 14px}
#mo-view .dsec .t,#mo-view .mkt .t,#mo-view .also .t{font-size:15px;font-weight:800;color:#132c47;padding:10px 0 4px}
#mo-view .dsec .t::before,#mo-view .mkt .t::before,#mo-view .also .t::before{content:"";display:inline-block;width:4px;height:14px;background:#b08d3a;border-radius:2px;margin-right:8px;vertical-align:-2px}
#mo-view .drow{display:flex;justify-content:space-between;align-items:baseline;font-size:14.5px;padding:11px 0;border-bottom:1px solid #eef1f4}
#mo-view .drow:last-child{border-bottom:0}
#mo-view .drow .k{color:#7a8694;font-size:13px;letter-spacing:.04em}
#mo-view .drow .v{font-weight:700;color:#1c2530;text-align:right;max-width:58%}
#mo-view .drow.drent .v{color:#c01f1f;font-size:16.5px;font-weight:800}
#mo-view .mkt p{font-size:13.5px;line-height:1.65;color:#3a4553;margin:6px 0 0}
#mo-view .also a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef1f4;font-size:14px;font-weight:600;color:#1c2530;line-height:1.35}
#mo-view .also a:last-child{border-bottom:0}
#mo-view .also a .r{flex:0 0 auto;color:#c01f1f;font-weight:800;font-size:13.5px}
#mo-view .also a.allbd{justify-content:flex-start;color:#132c47;font-weight:700;border-bottom:0;padding-top:14px;margin-top:4px;border-top:1px solid #eef1f4}
#mo-view .dbar{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;background:rgba(255,255,255,.96);border-top:1px solid #e2e6ea;padding:10px 14px calc(10px + env(safe-area-inset-bottom));z-index:30;backdrop-filter:blur(8px)}
#mo-view .dbar a{flex:1;text-align:center;font-size:15px;font-weight:800;padding:13px;border-radius:11px}
#mo-view .dbar .call{border:1.5px solid #132c47;color:#132c47;background:#fff}
#mo-view .dbar .enq{background:#132c47;color:#fff;box-shadow:0 4px 12px rgba(19,44,71,.25)}
#mo-view .dspacer{height:76px}

/* ── 首頁 ── */
#mo-view .hero{background:linear-gradient(168deg,#132c47 0%,#1d3f63 78%,#24507c 100%);padding:24px 16px 22px;color:#fff}
#mo-view .hero .kick{font-size:11px;letter-spacing:.28em;color:#c8a75c;margin-bottom:8px;font-weight:600}
#mo-view .hero h1{font-size:22px;font-weight:800;line-height:1.3}
#mo-view .hero .hs{display:flex;gap:8px;margin-top:15px}
#mo-view .hero .hs input{flex:1;min-width:0;padding:12px 14px;border:0;border-radius:10px;font-size:15px;background:#fff;color:#1c2530}
#mo-view .hero .hs button{padding:12px 20px;background:#b08d3a;color:#fff;border:0;border-radius:10px;font-size:15px;font-weight:800}
#mo-view .chips{display:flex;gap:8px;overflow-x:auto;padding:13px 14px 3px;-webkit-overflow-scrolling:touch}
#mo-view .chips a{flex:0 0 auto;background:#fff;border:1px solid #dbe1e7;color:#132c47;font-size:13px;font-weight:600;padding:8px 16px;border-radius:99px}
#mo-view .sect{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}
#mo-view .sect .t{font-size:16.5px;font-weight:800;color:#132c47}
#mo-view .sect .t::before{content:"";display:inline-block;width:4px;height:15px;background:#b08d3a;border-radius:2px;margin-right:9px;vertical-align:-2px}
#mo-view .sect a{font-size:12.5px;color:#7a8694}

/* ── listing 分頁 ── */
#mo-view .mpage{display:flex;justify-content:center;gap:8px;padding:22px 14px 6px}
#mo-view .mpage a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #dbe1e7;border-radius:8px;font-size:14px;font-weight:600;color:#132c47;background:#fff}
#mo-view .mpage a.on{background:#132c47;color:#fff;border-color:#132c47}

/* ── 服務式索引 ── */
#mo-view .ilist{background:#fff;margin:12px 14px;border:1px solid #e8ebee;border-radius:13px;overflow:hidden;box-shadow:0 3px 14px rgba(19,44,71,.07)}
#mo-view .ilist a{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid #eef1f4;font-size:15px;font-weight:600;color:#1c2530}
#mo-view .ilist a:last-child{border-bottom:0}
#mo-view .ilist a::after{content:"›";color:#b08d3a;font-size:18px;font-weight:400}
#mo-view .mfoot{padding:20px 16px calc(26px + env(safe-area-inset-bottom));font-size:12.5px;color:#7a8694;line-height:2.1;margin-top:12px;border-top:1px solid #e2e6ea;background:#fff}
#mo-view .mfoot a{color:#132c47;margin-right:14px;font-weight:500}
#mo-view .mfoot .lic{display:block;margin-top:6px;color:#a3aeb9;font-size:11.5px}

/* ── 篩選 bar：篩選掣 + 地區 chips（chips = 真 dcode 連結，SEO 內鏈）── */
#mo-view .fbar{display:flex;gap:8px;align-items:center;padding:12px 14px 2px}
#mo-view .fbtn{flex:0 0 auto;display:flex;align-items:center;gap:7px;background:#132c47;color:#fff;font-size:13.5px;font-weight:700;padding:9px 17px;border-radius:99px;border:0;box-shadow:0 3px 10px rgba(19,44,71,.22)}
#mo-view .fbtn svg{width:14px;height:14px}
#mo-view .fchips{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 0}
#mo-view .fchips a{flex:0 0 auto;background:#fff;border:1px solid #dbe1e7;color:#132c47;font-size:13px;font-weight:600;padding:8px 15px;border-radius:99px;white-space:nowrap}
#mo-view .fchips a.on{background:#132c47;color:#fff;border-color:#132c47}
#mo-view .fcount{font-size:12px;color:#93a0ad;padding:9px 16px 0}

/* ── Bottom Sheet 共用（篩選 sheet + 查詢 popup）── */
.sheet-mask{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s;z-index:40}
.sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;transform:translateY(105%);transition:transform .3s cubic-bezier(.32,.72,.29,1);z-index:41;box-shadow:0 -8px 40px rgba(19,44,71,.25);max-height:88vh;overflow-x:hidden;overflow-y:auto;font-family:-apple-system,"PingFang HK","Microsoft JhengHei",sans-serif}
.sheet.open{transform:translateY(0)}
.sheet-mask.open{opacity:1;pointer-events:auto}
.sheet .grab{width:40px;height:4px;background:#dbe1e7;border-radius:99px;margin:10px auto 0}
.sheet .sh{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 12px;border-bottom:1px solid #eef1f4}
.sheet .sh .t{font-size:16px;font-weight:800;color:#132c47}
.sheet .sh .x{width:30px;height:30px;border-radius:99px;background:#f1f3f6;border:0;color:#5c6975;font-size:15px;font-weight:700}
.sheet .sb{padding:16px 20px 22px;overflow-x:hidden}
.sheet .fl{font-size:12px;font-weight:800;letter-spacing:.08em;color:#8a6d1f;text-transform:uppercase;margin:14px 0 7px}
.sheet .fl:first-of-type{margin-top:0}
.sheet .seg{display:flex;background:#f1f3f6;border-radius:11px;padding:4px}
.sheet .seg label{flex:1;text-align:center;font-size:14px;font-weight:700;color:#5c6975;padding:9px;border-radius:8px;cursor:pointer}
.sheet .seg input{display:none}
.sheet .seg input:checked+span{display:block;background:#132c47;color:#fff;border-radius:8px;margin:-9px;padding:9px;box-shadow:0 2px 8px rgba(19,44,71,.25)}
.sheet select,.sheet input[type=text],.sheet input[type=tel],.sheet input[type=email],.sheet textarea{width:100%;max-width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #dbe1e7;border-radius:10px;font-size:14.5px;background:#fff;color:#1c2530;appearance:none;font-family:inherit}
.sheet .row2{display:flex;gap:10px}.sheet .row2>*{flex:1;min-width:0}
.sheet .selwrap{position:relative}
.sheet .selwrap::after{content:"▾";position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#b08d3a;font-size:13px;pointer-events:none}
.sheet .apply{width:100%;max-width:100%;box-sizing:border-box;margin-top:18px;background:#132c47;color:#fff;font-size:15.5px;font-weight:800;padding:14px;border-radius:12px;border:0;box-shadow:0 4px 14px rgba(19,44,71,.3)}
.sheet .reset{width:100%;margin-top:9px;background:none;border:0;color:#7a8694;font-size:13px;font-weight:600;padding:6px}
.sheet .eq-prop{display:flex;gap:12px;align-items:center;background:#f7f5ef;border:1px solid rgba(176,141,58,.3);border-radius:11px;padding:10px 12px;margin-bottom:14px}
.sheet .eq-prop img{width:56px;height:44px;object-fit:cover;border-radius:7px}
.sheet .eq-prop .n{font-size:13.5px;font-weight:700;color:#132c47;line-height:1.3}
.sheet .eq-prop .r{font-size:12px;color:#7a8694}
.sheet .caprow{display:flex;gap:10px;align-items:center}
.sheet .caprow input{flex:1;min-width:0}
.sheet .cap{display:flex;gap:10px;align-items:center}
.sheet .cap iframe,.sheet .cap img,.sheet .cap .img{display:block;flex:0 0 180px;max-width:180px;height:60px;border:0;border-radius:8px}
.sheet .note{font-size:11.5px;color:#a3aeb9;margin-top:9px;line-height:1.5;text-align:center}