:root{
  --yt-primary:linear-gradient(129deg, #D050E8 27%, #8D05A5 70%);
  --yt-dark:#0a3350;
  --yt-muted:#6b7280;
  --yt-bg:#F9F8FA;
}

body.yt-body{background:var(--yt-bg); min-height:100vh; display:flex; flex-direction:column;}

/* 導航欄（桌面）改為白色圓角浮動條 */
.yt-header{background:transparent; border-bottom:none;}
.yt-header .layui-container{
  position:fixed;
  left:76px;
  top:30px;
  height:64px;
  border-radius:50px;
  opacity:1;
  /* 自動布局 */
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  padding:8px 24px;
  background:#FFFFFF;
  box-shadow:0px 6px 25px 0px rgba(119, 119, 119, 0.3);
  z-index:1000;
}
.yt-logo a{display:revert; height:29px; opacity:1; font-family:Source-KeynoteartHans; font-size:24px; font-weight:900; font-style:italic; line-height:normal; letter-spacing:0em; font-variation-settings:"opsz" auto; color:#181818; padding:0 8px;}
.yt-nav{background:transparent;}
/* 白色導覽條下調整文字為深色 */
.yt-nav .layui-nav-item a{color:#0f172a;font-family: Microsoft YaHei;
  font-size: 16px;}
/* 手機選單按鈕（預設隱藏，手機顯示） */
.yt-menu-btn{display:none; border:none; background:transparent; padding:6px; cursor:pointer;}
.yt-menu-btn .layui-icon{font-size:22px; color:#0f172a;}
/* 手機抽屜選單 */
.yt-mobile-menu{position:fixed; inset:0; background:rgba(15,23,42,.45); display:none; z-index:10002;}
.yt-mobile-menu .panel{position:absolute; top:0; right:0; left:auto; height:100%; width:60%; max-width:320px; background:#fff; box-shadow:-2px 0 18px rgba(2,6,23,.18); transform:translateX(100%); transition:transform .22s cubic-bezier(.22,.61,.36,1); display:flex; flex-direction:column; border-radius:16px 0 0 16px; overflow:hidden;}
.yt-mobile-menu .panel-hd{display:flex; justify-content:space-between; align-items:center; padding:calc(10px + env(safe-area-inset-top)) 14px 10px; border-bottom:1px solid #eef0f2; font-weight:700; color:#0f172a;}
.yt-mobile-menu .panel-hd .close{border:1px dashed #d9d9d9; background:#fff; width:32px; height:32px; border-radius:10px; font-size:18px; line-height:1; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,.08);}
.yt-mobile-menu .panel-bd{padding:0px 14px 20px; overflow:auto;}
.yt-mobile-menu .panel-bd a{display:block; padding:8px 0; color:#0f172a;font-size: 18px }
.yt-mobile-menu .panel-bd a + a{border-top:0px dashed #f0f2f5;}
.yt-mobile-menu.active{display:block;}
.yt-mobile-menu.active .panel{transform:translateX(0);}

/* 開啟抽屜時禁止底層滾動 */
html.yt-no-scroll, body.yt-no-scroll{overflow:hidden; height:100%;}
.yt-mobile-menu .panel-bd .sub{padding:4px 0 4px 6px;}
.yt-mobile-menu .panel-bd .sub > span{display:block; color:#64748b; font-size:12px; padding:6px 0;}
.yt-mobile-menu.active{display:block;}
.yt-mobile-menu.active .panel{transform:translateX(0);}
/* 導航 hover/選中顏色（白底） */
.yt-header .layui-nav .layui-nav-item a:hover,
.yt-header .layui-nav .layui-this a,
.yt-header .layui-nav .layui-nav-itemed > a{
  color:#0f172a !important;
  background-color:transparent !important;
}
.yt-header .layui-nav .layui-nav-bar{background:var(--yt-primary); height:2px;}
.yt-header .layui-nav .layui-nav-child a{color:#374151;}
.yt-header .layui-nav .layui-nav-child a:hover{background:#f3f4f6; color:#111827;}

.yt-marquee{background:#0f172a; color:#e5e7eb; padding:8px 0; font-size:14px;margin-top:5px}
.yt-marquee .layui-container{display:flex; align-items:center; gap:12px;}
.yt-marquee .layui-icon{margin-right:6px; color:#f59e0b; flex:0 0 auto;}
.yt-marquee-list{display:flex; align-items:center; gap:18px; overflow:auto; scrollbar-width:none; -ms-overflow-style:none;}
.yt-marquee-list{flex:1 1 auto; min-width:0;}
.yt-marquee-list::-webkit-scrollbar{display:none;}
.yt-marquee-item{display:inline-flex; align-items:center; gap:8px; color:#e5e7eb; white-space:nowrap;}
.yt-marquee-item:hover{color:#fff;}
.yt-marquee-icon{width:24px; height:24px; object-fit:cover; border-radius:4px; background:#111827;}

.yt-hero{
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 1920px;
  height: auto;
  opacity: 1;
  background: #FFFFFF;
  margin: 0 auto;
  flex: 0 0 auto; /* 防止 body 作為 flex 容器時被壓縮隱藏 */
}
.yt-hero-item{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:auto;
  color:#fff;
  font-size:28px;
  font-weight:600;
  overflow:hidden;
}
/* BANNER 圖片：寬度 100%，高度自適應，由圖片本身決定，外層高度跟著圖片走 */
.yt-hero-item img,
.yt-hero-img{
  width:100% !important;
  height:auto !important;
  object-fit:contain;
  display:block;
  background:#fff;
}
.yt-hero-link{display:block; position:absolute; inset:0;}
.yt-hero-a{background:linear-gradient(120deg,#1e3a8a,#2563eb);}
.yt-hero-b{background:linear-gradient(120deg,#065f46,#10b981);}
.yt-hero-c{background:linear-gradient(120deg,#7c2d12,#f97316);}
.yt-hero-txt{position:relative; z-index:1; background:rgba(0,0,0,.25); padding:10px 16px; border-radius:8px;}

.yt-quick{margin:0 auto; padding: 0 0 8px; display:flex; align-items:flex-start; gap:36px; width:85%;}
.yt-quick-group{flex:1 1 0;}
.yt-quick-title{display:flex; align-items:center; gap:8px; font-weight:800; font-size:22px; color:#1f2937; margin:8px 0 16px;}
.yt-quick-title.rent i{color:#f59e0b;}
.yt-quick-title.sale i{color:#7e22ce;}
/* 標題圖示改用圖片 */
.yt-quick-title .yt-quick-title-icon{width:32px; height:32px; display:inline-block; object-fit:contain;}
/* 出售標題文字樣式覆寫 */
.yt-quick-title.sale span{
  font-family: Source-KeynoteartHans;
  font-size: 24px;
  font-weight: 900;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0em;
  
  color: #1C1B1E;
}
/* 出租標題文字樣式覆寫（同邏輯） */
.yt-quick-title.rent span{
  font-family: Source-KeynoteartHans;
  font-size: 24px;
  font-weight: 900;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0em;
  
  color: #1C1B1E;
}
.yt-quick-row{display:flex; align-items:center; justify-content:space-evenly; gap:0;}
/* 快速入口：圓形圖標樣式（主題色） */
.yt-quick-item{display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:10px; text-align:center; width:104px; height:133px;}
.yt-quick-item .yt-quick-icon{width:104px; height:104px; border-radius:50%; opacity: 1;z-index: 0;

}
.yt-quick-item .yt-quick-icon .theme-rent {
  box-shadow: 0px 5px 20px 0px rgba(255, 150, 26, 0.5);
}
.yt-quick-item .yt-quick-icon .theme-sale {
  box-shadow: 0px 5px 20px 0px rgba(135, 0, 151, 0.3);
}
.yt-quick-item span{margin-top:6px; color:#2b2f36; font-weight:normal;color: #3D3D3D; font-size:16px;}


.yt-quick-item:hover{transform:translateY(-2px);}
/* LINE 聯繫：綠色圓角卡片 */
.yt-quick-line{flex:0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; line-height:1; width:180px; height:141px; border-radius:32px; opacity:1; background:#34B44A; color:#ffffff; font-weight:800; font-size:24px; box-shadow:0px 10px 30px 0px rgba(0, 159, 112, 0.3); z-index:1; margin-top:52px; font-style:italic; text-decoration:none;}
/* 取消 LINE 卡片 hover 樣式 */
.yt-quick-line:hover,
.yt-quick-line:focus{
  color:#ffffff;
  background:#34B44A;
  box-shadow:0px 10px 30px 0px rgba(0, 159, 112, 0.3);
  text-decoration:none;
  transform:none;
}
@media (max-width: 1200px){ .yt-quick-item .yt-quick-icon{width:84px; height:84px;} .yt-quick-line{width:200px; height:104px; font-size:22px;} }
@media (max-width: 768px){ .yt-quick{flex-direction:column; gap:16px;} .yt-quick-line{width:100%; height:80px; font-size:20px;} }

/* 最新物件（全寬區塊） */
.yt-latest{width:100%; margin: 12px auto; padding:16px 0 22px; background:
        radial-gradient(ellipse 40% 60% at 0% 0%, rgba(243,152,0,0.3) 0%, rgba(243,152,0,0) 100%),
        radial-gradient(ellipse 60% 80% at 100% 100%, rgba(172,45,197,0.3) 0%, rgba(172,45,197,0) 100%);
}
.yt-latest-inner{width:85%; margin:0 auto; padding:0 18px;}
.yt-latest-hd{display:flex; align-items:flex-start; justify-content:flex-start; gap:12px; padding:0 6px 10px;}
.yt-latest-hd .left{width:100%;display:flex; flex-direction:column; align-items:flex-start; gap:0;}
.yt-latest-hd .badge{display:inline-block; background:#ffbf00; color:#111827; font-weight:900; font-size:12px; padding:4px 8px; border-radius:6px;}
.yt-latest-hd .title{font-weight:900; font-size:18px; color:#111827;}
.yt-latest-hd .tabs{display:flex; width:100%; align-items:center;  margin-top:6px; box-sizing:border-box;gap: 5px}
.yt-latest-hd .tabs .tab{flex:0 0 50%; width:50%; border:none; background:transparent; font-weight:900; font-size:20px; color:#111827; padding:8px 0; cursor:pointer; border-bottom:2px solid ; text-align:center;border-bottom-color:#C9C9C9;}
.yt-latest-hd .tabs .tab.rent.active{color:#f59e0b; border-bottom-color:#f59e0b;border-bottom:4px solid;}
.yt-latest-hd .tabs .tab.sale.active{color:#7a16a9; border-bottom-color:#7a16a9;border-bottom:4px solid;}
.yt-latest-grid{margin-top:16px; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:18px;}
.yt-latest-card{
  display:flex; flex-direction:column; background:#fff;
  width:100%;
  height:53vh;
  border-radius:24px;
  overflow:hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);}
.yt-latest-card .thumb{width:100%; height:22vh; background:#e5e7eb center/cover no-repeat;}
.yt-latest-card .body{padding:0.5vh 1vw; display:flex; flex-direction:column; gap:6px; flex:1 1 auto;}
.yt-latest-card .body .title{
  font-family: Microsoft YaHei;
  font-size: 3.2vh;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0;
  color: #1C1B1E;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.yt-latest-card .body .meta{
  font-family: Microsoft YaHei;
  font-size: 2vh;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  color: #3D3D3D;
}
.yt-latest-card .body .badge{color:#3D3D3D;border-radius:6px;}
.yt-latest-card .body .features{
  font-family: Microsoft YaHei;
  /*font-size: 2.3vh;*/
  font-weight: normal;
  line-height: 1.5;
  color: #616161;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.5em * 4);
}
.yt-latest-card .body .price{margin-top:auto; padding-left:2vw; border-top:1px solid #f1f5f9;}
.yt-latest-card .body .price .val{ margin-right:6px;font-family: Microsoft YaHei;
  font-size: 3vh;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;

  color: #FF0000;
}
.yt-latest-card .body .price .unit{font-family: Microsoft YaHei;
  font-size: 2vh;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;

  color: #3D3D3D;
}
@media (max-width: 1200px){ .yt-latest-grid{grid-template-columns: repeat(3, 1fr);} }
@media (max-width: 900px){ .yt-latest-grid{grid-template-columns: repeat(2, 1fr);} .yt-latest-hd .tabs .tab{font-size:18px;} }
@media (max-width: 600px){ .yt-latest-grid{grid-template-columns: repeat(2, 1fr);} }

/* 四合一資訊列表 */
.yt-info{width:100%; margin: 12px 0 24px;}
.yt-info-inner{width:85%; margin:0 auto;}
.yt-info-tabs{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;}
.yt-info-tabs .tab-wrap{display:flex; gap:18px; align-items:center;}
.yt-info-tabs .info-tab{
  border:none;
  background:transparent;
  padding:6px 10px;
  border-radius:10px;
  font-family: Source-KeynoteartHans;
  font-size: 24px;
  font-weight: 900;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0em;
  
  color:#1C1B1E;
  cursor:pointer;
  position:relative;
}
.yt-info-tabs .info-tab.active{
  font-size: 30px;
  color:#B609A3;
}
/*.yt-info-tabs .info-tab.active:after{content:""; position:absolute; left:10px; right:10px; bottom:-6px; height:4px; border-radius:4px; background:#B609A3;}*/
.yt-info-tabs .info-more{color:#1C1B1E; font-weight:700;}
.info-more-mobile{display:none;}
.yt-info-list{display:flex; flex-direction:column; gap:12px;}
.yt-info-item{display:grid; grid-template-columns: 220px 1fr; align-items:stretch; gap:14px; padding:12px; background:#fff; border:1px solid #f1f5f9; border-radius:22px;}
/* 無縮略圖時，改為單欄佈局，避免左側空 220px */
.yt-info-item:not(:has(.thumb)){grid-template-columns: 1fr;}
.yt-info-item .thumb{width:220px; height:130px; border-radius:14px; background:#e5e7eb center/cover no-repeat;}
.yt-info-item .content{min-width:0; display:flex; flex-direction:column;}
.yt-info-item .content .head{display:flex; align-items:baseline; justify-content:space-between; gap:12px;}
.yt-info-item .content .title{
  font-family: Microsoft YaHei;
  font-size: 30px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;
  
  color: #1C1B1E;
  flex: 1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.yt-info-item .content .summary{
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  
  color: #3D3D3D;
  margin-top:6px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.yt-info-item .content .meta{
  display:flex; align-items:center; gap:12px; margin-top:auto;
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  
  color: #969696;
}
.yt-info-item .content .meta .tag{color:#B609A3; font-weight:700;}
.yt-info-item .content .more{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7px 12px;
  gap: 4px;
  box-sizing: border-box;
  border: 1px solid #AC2DC5;
  border-radius: 25px;
  cursor: pointer;


  font-family: Microsoft YaHei, serif;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;

  color: #AC2DC5;
}
.yt-detail{
  margin-top:10px ;
}
.yt-new_nav{
  margin-top:12px;
  color:#64748b;
  font-size:14px;
}
/* 移除舊的右側膠囊樣式（僅隱藏直屬於項目的舊按鈕） */
.yt-info-item > .more{display:none;}
@media (max-width: 900px){ .yt-info-inner{width:98%;} .yt-info-item{grid-template-columns: 160px 1fr; } .yt-info-item .more{grid-column: 2; justify-self:start; margin-top:8px;} }
@media (max-width: 768px){
  body{
    margin: 0;

  }
  body.yt-body{
    background: #FFFFFF;
  }
  .yt-detail{
    padding:10px ;
  }
  .yt-new_nav{
    display: none;
  }
  /* 手機端恢復為非浮動樣式，沿用抽屛選單 */
  .yt-header .layui-container{
    position: static;
    left: auto;
    top: auto;
    height: auto;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  /* 手機端 BANNER：寬 100% 高度由圖片自適應 */
  .yt-hero{width:100%; max-width:none; margin:0 auto;}
  /* 快速入口：手機端也同一行顯示（兩組左右並排），隱藏 LINE 聯繫 */
  /* 撤回上次的橫向滾動設定，恢復為同一行但不強制寬度 */
  .yt-quick{width:100%; flex-direction:row; gap:12px; align-items:flex-start; margin-top:8px; padding:0;}
  .yt-quick-title.rent span {font-size: 18px}
  .yt-quick-title.rent img {height: 24px !important;}
  .yt-quick-title.sale img {height: 24px !important;}
  .yt-quick-title.sale span {font-size: 18px}
  .yt-quick-group{flex:1 1 0; min-width:0;margin-left: 5px;
    margin-right: 5px;}
  /* 每組內 3 欄，卡片自適應欄寬，不固定寬度避免重疊 */
  .yt-quick-row{display:grid; grid-template-columns: repeat(3, 1fr); gap:0px;}
  .yt-quick-item{justify-self:center; width:auto; height:auto; padding:6px 0;}
  .yt-quick-line{display:none !important;}
  /* 最新物件：收窄內寬 */
  .yt-latest-inner{width:95%; padding: 0px 0px}
  .yt-latest-card{
    height: 50vw;
  }
  .yt-latest-grid{gap: 16px}
  /* 最新物件：手機端標題 24px */
  .yt-latest-card .body .title{font-size:2.0vh;}
  .yt-latest-card .body .meta{font-size: 1.8vh}
  .yt-latest-card .body .features{

    -webkit-line-clamp: 2;
    min-height: calc(1.5em * 2);
  }
  /* 圖標與文字縮小，避免過窄重疊超出 */
  .yt-quick-item .yt-quick-icon{width:56px; height:56px;}
  .yt-quick-item span{font-size:2.5vw;}
  /* 物件 meta：手機端 16px */
  .yt-info-item .content .meta{font-size:3.0vw;margin-top:10px}
  .yt-info-tabs .info-tab.active{font-size: 3.6vw}
  .yt-info-tabs .info-tab{font-size: 3.0vw}
  .yt-info-tabs .info-more{font-size: 2.2vw}
  .yt-info-tabs .tab-wrap{gap: 5px}
  .yt-info-item .content .title{font-size: 3.8vw}

  .yt-info-item .content .more{padding: 2px 10px;font-size: 2.0vw;display: none}
  /* 以 16:9 為基準，由 JS 計算高度，避免硬塞 440 造成被截或留白 */
  #yt-hero{height:auto;}
  #yt-hero [carousel-item]{height:auto;}
  #yt-hero .yt-hero-item{height:100%;}
  #yt-hero .yt-hero-img{width:100% !important; height:100% !important; object-fit:cover; object-position:center; background:#fff;}
  #yt-hero .yt-hero-item img{width:100% !important; height:100% !important; object-fit:cover; object-position:center; display:block; background:#fff;}
  /* 手機端：將查看更多放到列表下方 */
  .yt-info-tabs .info-more{display:none;}
  .info-more-mobile{display:block; margin:12px auto 0; width:90%; height:44px; line-height:44px; text-align:center; color:#2b2f36; font-weight:700; border:1px solid #E6E6E6; border-radius:999px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.04);}
  .info-more-mobile:hover{color:#2b2f36;}
}
@media (min-width: 431px) and (max-width: 768px){
  #yt-hero .yt-hero-img,
  #yt-hero .yt-hero-item img{ object-fit: cover !important; object-position:center; }
}
@media (max-width: 430px) {
  .yt-hero{width:100% !important; margin:0 auto;}
  /* 解除 768 規則的高度限制，改由 JS 依 16:9 計算；圖片以 contain 呈現避免裁切 */

  /*#yt-hero [carousel-item]{height:auto !important;}*/
  #yt-hero .yt-hero-item{height:100% !important;}
  .yt-hero-img,
  #yt-hero .yt-hero-item img{height: 100% !important; object-fit: contain !important; object-position:bottom;}
}
.yt-main{margin:24px auto 40px;}
.yt-card{background:#fff; border-radius:12px; box-shadow:0 1px 2px rgba(0,0,0,.04); margin-bottom:16px; overflow:hidden;}
.yt-card-hd{padding:14px 16px; font-weight:700; color:#0f172a; border-bottom:1px solid #f1f5f9;}
.yt-card-bd{padding:14px 16px;}

.yt-prop-list{display:grid; grid-template-columns:1fr; gap:12px;}
.yt-prop-item{display:flex; gap:12px;}
.yt-prop-item .thumb{width:120px; height:80px; background:#e5e7eb; border-radius:8px;}
.yt-prop-item .meta{flex:1; min-width:0;}
.yt-prop-item .title{
  font-family: Microsoft YaHei;
  font-size: 30px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;
  
  color: #1C1B1E;
  margin-bottom: 2px;
}
.yt-prop-item .info{font-size:13px; color:var(--yt-muted);}

/* 價格強調標籤（售價/租金） */
.yt-price-badge{display:inline-block; margin-right:8px; padding:2px 8px; border-radius:999px; font-weight:700; font-size:12px;}
.yt-price-badge.sale{background:#fee2e2; color:#b91c1c;}
.yt-price-badge.rent{background:#dbeafe; color:#1d4ed8;}

.yt-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.yt-list{list-style:none; padding:8px 16px 16px; margin:0;}
.yt-list li{display:flex; align-items:center; justify-content:space-between; padding:6px 0; border-bottom:1px dashed #f1f5f9;}
.yt-list li a{color:#0f172a;}
.yt-list .date{color:#94a3b8; font-size:12px; margin-left:12px; white-space:nowrap;}
.yt-search{background:#fff; border-radius:12px; box-shadow:0 1px 2px rgba(0,0,0,.04); padding:16px; margin:16px auto;}
/* 物件列表：手機搜尋條樣式（桌面預設隱藏） */
.yt-search-bar-m{display:none;}
.yt-search-panel-m{/* 桌面端當作普通容器使用 */}

.yt-agent{display:flex; align-items:center; gap:12px; padding:16px;}
.yt-agent .avatar{width:92px; height:92px; background:#e5e7eb; border-radius:50%;}
.yt-agent .name{font-family: Microsoft YaHei;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;

  /* 主字 */
  color: #1C1B1E;}
.yt-agent .tel,.yt-agent .line{font-family: Microsoft YaHei;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;

  
  /* 主字 */
  color: #1C1B1E;}

.yt-qrcode{width:100%; height:160px; background:transparent; border-radius:8px; display:flex; align-items:center; justify-content:center;}
.yt-qrcode-tip{padding:8px 16px 16px; color:var(--yt-muted); font-size:12px;}

.yt-footer{height: 200px;
  opacity: 1;

  background: linear-gradient(0deg, #8D057E 0%, #C024DD 100%);}
.yt-footer-line{display:none; flex-direction:column; align-items:center; justify-content:center; gap:8px; margin-bottom:12px;}
.yt-footer-line .line-icon{width:72px; height:72px; border-radius:16px; background:#ffffff; display:flex; align-items:center; justify-content:center;}
.yt-footer-line .line-icon img{max-width:60px; max-height:60px; object-fit:contain;}
.yt-footer-line .line-text{
  font-family: Microsoft YaHei;
  font-size: 20px;
  /*font-weight: bold;*/
  color:#FFFFFF;
}
.yt-footer .company{font-weight:700;}
.yt-footer .company,
.yt-footer .addr,
.yt-footer .email{
  font-family: Microsoft YaHei;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
  color: #FFFFFF;
}
.yt-footer .links a{color:#93c5fd;}
/* 頁尾連結文字樣式 */
.yt-footer .links,
.yt-footer .links a{
  font-family: Microsoft YaHei;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0em;
  color: #FFFFFF;
}
.yt-footer .gov{
  margin-top:8px;
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;
  color:#FFFFFF;
}
.yt-page{width:85%; margin:0 auto; padding-top:120px; flex:1 0 auto;}
.yt-footer{margin-top:auto;}
.yt-filter-btn-m{
  display:none; /* 預設（PC）不顯示 */
}
/* 頁尾三行垂直置中 */
.yt-footer .yt-latest-inner{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; /* 水平向左對齊 */
  text-align: left;
  gap: 8px;
}
/* 三行內容獨立垂直置中，copy 固定最底 */
.yt-footer .yt-footer-main{flex:1 1 auto; display:flex; flex-direction:column; justify-content:center; gap:8px; width:100%;}
/* 版權 copy 行：水平置中，貼齊底部 */
.yt-footer .copy{
  text-align: center;
  margin-top: auto;
}

@media (min-width: 768px){
  .yt-prop-item .thumb{width:160px; height:100px;}
}
.search_result{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px){
  .yt-grid{grid-template-columns:1fr;}
  /* 手機端：頁面標題已在導航列顯示，隱藏各頁面的麵包屑 */
  .yt-breadcrumb{display:none;}
  /* 手機端 footer 版面：置中排列，符合設計稿 */
  .yt-footer{height:auto; padding:32px 16px;}
  .yt-footer .yt-latest-inner{align-items:center; text-align:center;}
  .yt-footer .yt-footer-main{align-items:center;}
  .yt-footer-line{display:flex;}
  .yt-footer .company,
  .yt-footer .addr,
  .yt-footer .links,
  .yt-footer .links a,
  .yt-footer .gov{
    font-size:16px;
    text-align:center;
  }
  .yt-footer .links{margin-top:6px;}
  /* 手機端內容寬度與頂部間距 */
  .yt-page{
    width:100%;
    padding-top:0px; /* 導航欄下方保留少量間距 */

  }
  .yt-search{
    background:#FFFFFF;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .search_result{
    margin: 5px;
  }
  /* 手機端物件列表搜尋膠囊 */
  .yt-search-row-m{
    padding-left: 5px;
    padding-right: 5px;
    background: #FFFFFF;
    display:flex;
    align-items:center;
    gap:6px;
    position:relative;
    z-index:902; /* 提升層級，確保在遮罩之上 */
  }
  .yt-search-bar-m{
    flex:1 1 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:6px 8px 6px 14px;
    border-radius:999px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background:#fff;
    box-shadow:0 4px 16px rgba(0,0,0,0.06);
    box-sizing:border-box;
    margin-top: 10px;
    margin-bottom: 10px;
    gap:6px;
  }
  .yt-search-main-m{
    flex:1 1 auto;
    display:flex;
    align-items:center;
    gap:6px;
  }
  .yt-search-panel-m.is-mobile .layui-input-group .layui-input{
    width: 8vw;
  }
  .list-search-btn{
    border-radius:999px; width:48px; height:36px; padding:0; display:inline-flex; align-items:center; justify-content:center;
  }
  .yt-search-input-m{
    flex:1 1 auto;
    border:none;
    outline:none;
    font-family: Microsoft YaHei;
    font-size:14px;
    color:#111827;
  }
  .yt-search-input-m::placeholder{
    color:#BFBFBF;
  }
  .yt-search-btn-m{
    width:32px;
    height:32px;
    border-radius:999px;
    border:0px solid #AC2DC5;
    background:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
  }
  .yt-search-btn-m .layui-icon{
    font-size:18px;
    color:#AC2DC5;
  }
  .yt-filter-btn-m{
    flex:0 0 auto;
    width:44px;
    height:44px;
    border:none;
    background:transparent;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    position:relative;
    z-index:903; /* 再提升一層，確保不被遮罩蓋住 */
  }

  .yt-filter-btn-m .layui-icon{
    font-size:32px;
    color:#111827;
  }
  /* 手機端篩選面板：顯示在搜尋膠囊正下方，不覆蓋整頁 */
  .yt-search-panel-m{
    position:relative;
    margin-top:0;
    display:none;
    z-index:900;
  }
  .yt-search-panel-m.is-mobile .layui-row{
    width:100%;
    max-height:75vh;
    overflow:auto;
    background:#fff;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
    margin:0;
    box-sizing:border-box;
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
    position:relative;
    z-index:901; /* 內容在遮罩之上 */
  }
  .yt-search-panel-m.is-mobile.active{
    display:block;
  }
  /* 手機端彈出搜索窗體時的半透明遮罩層 */
  .yt-search-panel-m.is-mobile::before{
    content:"";
    position:fixed;  /* 遮住導航欄下方整個畫面，保留導航 */
    top:72px;        /* 約略為手機導航高度，可視需要微調 */
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.35);
    opacity:0;
    pointer-events:none;
    z-index:900;
    transition:opacity .15s ease;
  }
  .yt-search-panel-m.is-mobile.active::before{
    opacity:1;
    pointer-events:auto; /* 阻擋背景點擊 */
  }
  /* 內部條件列：左側欄位名，右側選項，行分隔線 */
  .yt-search-panel-m.is-mobile .layui-col-sm12{
    display:flex;
    align-items:center;
    padding:10px 10px;
    border-bottom:1px solid #F0F0F0;
    position:relative;
  }
  .yt-search-panel-m.is-mobile .layui-col-sm12:last-child{
    border-bottom:none;
  }
  .yt-search-panel-m.is-mobile .layui-form-label{
    width:96px; /* 統一欄位名稱寬度，避免換行不對齊 */
    flex:0 0 96px; /* 禁止在 flex 佈局中被壓縮，保持固定寬度 */
    padding:0;
    margin:0;
    text-align:left;
    font-family: Microsoft YaHei;
    font-size:14px;
    font-weight:normal;
    color:#767676;
    background:transparent;
    white-space:nowrap; /* 不允許在中文字間自動換行（避免「坪數」拆成兩行） */
  }
  .yt-search-panel-m.is-mobile .layui-input-block{
    /* 手機端完全重置 Layui 預設樣式，避免位移 */
    margin:0 !important;
    flex:1 1 auto;
    padding-left:16px; /* 右側內容與分隔線保持固定縮進 */
    padding-right:4px;
    border:0;
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    gap:6px 10px;
  }
  /* 單選列：一行顯示兩個 Radio */
  .yt-search-panel-m.is-mobile .layui-input-block .layui-form-radio{
    margin:2px 10px 2px 0 !important;
    flex:0 0 calc(50% - 10px);
    box-sizing:border-box;
  }
  /* 左側垂直分隔線：以父容器畫一條，確保每一行對齊 */
  .yt-search-panel-m.is-mobile .layui-col-sm12::before{
    content:"";
    position:absolute;
    left:88px; /* 稍微向左移，確保右側輸入框不會超出這條線 */
    top:0;
    bottom:0;
    width:1px;
    background:#F0F0F0;
  }
  .yt-search-panel-m.is-mobile .layui-input-group{
    margin-left:0 !important; /* 與單選項目左側對齊，由 padding 控制縮進 */
    width:100%;
    display:flex;
    align-items:center;
    gap:6px;
  }
  .yt-search-panel-m.is-mobile .layui-input-group .layui-input{
    height:36px;
    width:22vw; /* 恢復輸入框寬度設定 */
    border-radius:8px;
  }
  /* 城市 / 區域：同一行顯示兩個下拉 */
  .yt-search-panel-m.is-mobile .yt-city-row .layui-input-block{
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    gap:8px;
  }
  .yt-search-panel-m.is-mobile .yt-city-row .layui-input-block select{
    flex:1 1 0;
  }
  /* 底部：重置 / 篩選 按鈕列，隱藏關鍵字輸入，兩個按鈕占一行左右各一半 */
  .yt-search-panel-m.is-mobile .layui-col-sm12:last-child{
    justify-content:space-between;
    position:sticky;   /* 滾動時固定在可視區底部 */
    bottom:0;
    background:#FFFFFF;
    padding-top:12px;
    padding-bottom:12px;
    box-shadow:0 -4px 12px rgba(0,0,0,0.06);
    z-index:902;       /* 高於列表內容，低於搜尋列與按鈕 */
  }
  /* 最後一行（重置/篩選）不需要左側豎線 */
  .yt-search-panel-m.is-mobile .layui-col-sm12:last-child::before{
    display:none;
  }
  .yt-search-panel-m.is-mobile .layui-col-sm12:last-child .layui-form-label{
    display:none;
  }
  .yt-search-panel-m.is-mobile .layui-col-sm12:last-child .layui-input-inline{
    display:none;
  }
  .yt-search-panel-m.is-mobile #btn-reset,
  .yt-search-panel-m.is-mobile #btn-search{
    flex:1 1 0;
    height:44px;
    /*border-radius:0;*/
    font-family: Microsoft YaHei;
    font-size:16px;
    border-radius:12px;
  }
  .yt-search-panel-m.is-mobile #btn-reset{

    border:1px solid #E6E6E6;
    background:#FFFFFF;
    color:#333333;
  }
  .yt-search-panel-m.is-mobile #btn-search{
    margin-left:8px !important;
    background:#AC2DC5;
    border-color:#AC2DC5;
    color:#FFFFFF;
  }
  /* 手機端：列表搜尋按鈕顯示「篩選」文字，不顯示圖示 */
  .list-search-btn i{
    display:none;
  }
  .list-search-btn::after{
    content:"篩選";
    font-family: Microsoft YaHei;
    font-size:16px;
    font-weight:normal;
  }
  /* 手機端導航調整 */
  .yt-header .layui-container{flex-wrap: wrap; gap: 6px;}
  .yt-logo{width: 100%; text-align: center;height: 3vh}
  .yt-logo a{display: inline-block;}
  .yt-menu-btn{display:inline-flex; position: static; background: transparent; box-shadow: none;}
  .yt-menu-btn:focus-visible{outline: 2px solid #93c5fd; outline-offset: 2px;}
  .yt-menu-btn:hover{background: #ffffff;}
  /* 隱藏桌面版導航，改用抽屜 */
  .yt-nav{display:none;}
}
@media (max-width: 430px) {
  .yt-latest-card {
    height: 35vh;

  }
  .yt-latest-card .body .meta {
     font-size: 1.5vh;
  }
  .yt-latest-grid{gap: 5px}
  .yt-quick-item span{
    font-size: 3.3vw;
  }
}