/* WELLS REALTY｜永慶找房 Search.css｜v=20260725-1 */
:root{
  --green-950:#162724;--green-900:#263f3b;--green-800:#35514c;--green-700:#496760;
  --cream:#f5f0e5;--paper:#fffdf8;--gold:#d7a928;--gold-light:#f5d86f;
  --red:#b91c1c;--text:#1f2937;--muted:#6b7280;--line:#ded8ca;
  --shadow:0 14px 35px rgba(20,39,35,.12);--radius:18px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{min-height:100vh;background:var(--cream);color:var(--text);font-family:"Microsoft JhengHei","Noto Sans TC",system-ui,-apple-system,sans-serif;line-height:1.6}
button,input,select{font:inherit}button,select{cursor:pointer}a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:1000;min-height:78px;padding:10px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;color:#fff;background:rgba(32,57,52,.96);border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:12px;width:max-content}
.brand-mark{width:52px;height:52px;display:grid;place-items:center;border:2px solid var(--gold);color:var(--gold-light);font-family:Georgia,serif;font-size:19px;font-weight:800}
.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{color:var(--gold-light);font-family:Georgia,serif;letter-spacing:.05em}.brand-text small{margin-top:5px;color:rgba(255,255,255,.76);font-size:12px}
.page-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;font-weight:800;white-space:nowrap}.page-title img{height:34px;max-width:145px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,205,0,.45))}
.home-btn{justify-self:end;padding:9px 16px;border:1px solid rgba(255,255,255,.5);border-radius:999px;transition:.2s}.home-btn:hover{color:var(--green-950);background:#fff}
.hero{min-height:340px;padding:70px 24px;display:grid;place-items:center;color:#fff;text-align:center;background:linear-gradient(rgba(18,39,35,.76),rgba(18,39,35,.82)),radial-gradient(circle at 25% 30%,#8d6f4f 0 15%,transparent 35%),linear-gradient(135deg,#526c66,#213b36)}
.hero-inner{max-width:850px}.eyebrow,.section-kicker{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.24em}.hero h1{margin:14px 0 18px;font-size:clamp(36px,5.5vw,68px);line-height:1.15;letter-spacing:.04em}.hero p:last-child{max-width:720px;margin:0 auto;color:rgba(255,255,255,.84);font-size:17px}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.search-section{position:relative;margin-top:-58px;padding-bottom:56px}
.search-panel{padding:30px;background:var(--paper);border:1px solid rgba(215,169,40,.24);border-radius:var(--radius);box-shadow:var(--shadow)}
.panel-heading,.results-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.panel-heading{margin-bottom:24px}.panel-heading h2,.results-toolbar h2{margin-top:4px;color:var(--green-950);font-size:28px}
.reset-btn{padding:8px 13px;color:var(--green-800);background:transparent;border:1px solid var(--green-700);border-radius:999px}.reset-btn:hover{color:#fff;background:var(--green-800)}
.search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field>span,.sort-field>span{color:var(--green-900);font-size:14px;font-weight:800}
.field input,.field select,.sort-field select{width:100%;min-height:46px;padding:10px 12px;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.sort-field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,169,40,.15)}
.rooms-fieldset{margin-top:22px;padding:0;border:0}.rooms-fieldset legend{margin-bottom:10px;color:var(--green-900);font-size:14px;font-weight:800}.room-options{display:flex;flex-wrap:wrap;gap:10px}.room-options label{cursor:pointer}.room-options input{position:absolute;opacity:0}.room-options span{display:inline-flex;min-width:76px;min-height:40px;align-items:center;justify-content:center;padding:7px 14px;color:var(--green-800);background:#fff;border:1px solid var(--line);border-radius:999px;transition:.2s}.room-options input:checked+span{color:#fff;background:var(--green-800);border-color:var(--green-800);box-shadow:0 5px 12px rgba(38,63,59,.18)}
.search-actions{margin-top:26px;display:flex;justify-content:center}.search-btn{min-width:210px;min-height:52px;padding:12px 28px;color:#fff;background:linear-gradient(135deg,var(--green-800),var(--green-950));border:0;border-radius:999px;font-size:17px;font-weight:900;letter-spacing:.08em;box-shadow:0 10px 22px rgba(22,39,36,.25);transition:transform .2s,box-shadow .2s}.search-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(22,39,36,.32)}
.results-section{padding:12px 0 80px}.results-toolbar{margin-bottom:24px}.result-summary{margin-top:5px;color:var(--muted)}.sort-field{width:180px;display:flex;flex-direction:column;gap:6px}
.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.property-card{overflow:hidden;background:var(--paper);border:1px solid rgba(73,103,96,.15);border-radius:16px;box-shadow:0 8px 24px rgba(20,39,35,.08);transition:transform .2s,box-shadow .2s}.property-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(20,39,35,.14)}
.property-photo{position:relative;min-height:220px;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(135deg,rgba(38,63,59,.35),rgba(0,0,0,.15)),linear-gradient(140deg,#c2b39b,#6f887f)}
.property-photo::before{content:"";position:absolute;left:8%;right:8%;bottom:0;height:64%;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.22) 8% 22%,transparent 22% 29%,rgba(255,255,255,.22) 29% 48%,transparent 48% 58%,rgba(255,255,255,.22) 58% 74%,transparent 74%),linear-gradient(#526b66,#2d4943);clip-path:polygon(8% 22%,50% 0,92% 22%,92% 100%,8% 100%);opacity:.9}
.photo-label{position:relative;z-index:1;padding:6px 11px;background:rgba(0,0,0,.42);border-radius:999px;font-size:13px}.property-badge{position:absolute;z-index:2;top:14px;left:14px;padding:5px 10px;color:#fff;background:var(--red);border-radius:999px;font-size:12px;font-weight:800}
.property-content{padding:20px}.property-location{color:var(--green-700);font-size:13px;font-weight:800}.property-title{margin:5px 0 12px;min-height:54px;color:var(--green-950);font-size:20px;line-height:1.4}.property-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px;color:var(--muted);font-size:14px}.property-meta span:not(:last-child)::after{content:"｜";margin-left:7px;color:#c4bba9}
.property-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #ece6da}.property-price{color:var(--red);font-size:27px;font-weight:900}.property-price small{margin-left:3px;font-size:14px}.detail-btn{padding:8px 13px;color:#fff;background:var(--green-800);border:0;border-radius:999px;font-size:14px;font-weight:800}.detail-btn:hover{background:var(--green-950)}
.empty-state{padding:60px 20px;text-align:center;background:rgba(255,255,255,.55);border:1px dashed #bfb7a8;border-radius:16px}.empty-icon{color:var(--green-700);font-size:54px}.empty-state h3{margin:8px 0;color:var(--green-950)}.empty-state p{color:var(--muted)}.empty-state button{margin-top:18px;padding:10px 18px;color:#fff;background:var(--green-800);border:0;border-radius:999px}
footer{min-height:70px;padding:18px;display:grid;place-items:center;color:#b8c6c2;text-align:center;background:#111f1c;font-size:14px}footer a{color:var(--gold-light);font-weight:800}
.floating-home{position:fixed;right:18px;bottom:18px;z-index:900;min-width:58px;min-height:58px;display:grid;place-items:center;color:#fff;background:var(--green-950);border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 8px 22px rgba(0,0,0,.28);font-weight:900}
@media(max-width:980px){.search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.site-header{min-height:72px;padding:8px 12px;grid-template-columns:1fr auto;gap:8px}.brand-mark{width:44px;height:44px;font-size:16px}.brand-text small{display:none}.page-title{display:none}.home-btn{padding:8px 11px;font-size:13px}.hero{min-height:300px;padding:55px 20px 75px}.hero h1{font-size:clamp(32px,11vw,48px)}.hero p:last-child{font-size:15px}.search-section{margin-top:-46px}.search-panel{padding:22px 16px}.panel-heading,.results-toolbar{align-items:flex-start}.panel-heading h2,.results-toolbar h2{font-size:24px}.search-grid{grid-template-columns:1fr;gap:14px}.property-grid{grid-template-columns:1fr}.results-toolbar{flex-direction:column}.sort-field{width:100%}.property-photo{min-height:210px}.floating-home{right:12px;bottom:12px;min-width:52px;min-height:52px}}
@media(max-width:420px){.brand-text strong{font-size:14px}.reset-btn{padding:7px 10px;font-size:13px}.room-options span{min-width:70px;padding:7px 11px}.property-bottom{align-items:center}.property-price{font-size:24px}}