:root{--font-sans-local:"Noto Serif TC", "PingFang TC", "Microsoft JhengHei", serif;--font-mono-local:ui-monospace, SFMono-Regular, Consolas, monospace;--background:#f7f4ee;--foreground:#284d60;--primary:#284d60;--primary-deep:#1d3e4f;--warm:#8d6347;--muted-foreground:#6d7472;--border:#ddd9d0;--input:#d7d2c8;--ring:#56788a;--radius:.75rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--foreground);background:radial-gradient(circle at 75% -20%, #284d6017, transparent 36rem), linear-gradient(180deg, #fbfaf7 0, var(--background) 28rem);font-family:var(--font-sans-local);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #56788a6b}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{width:min(1180px,100% - 48px);margin:0 auto;padding:28px 0 64px}.site-header{background:#fffefbdb;border:1px solid #e4e0d7;border-radius:18px;overflow:hidden;box-shadow:0 18px 56px #284d6014}.brand-row{border-bottom:1px solid #e9e4db;justify-content:space-between;align-items:center;min-height:68px;padding:0 38px;display:flex}.brand-name{color:var(--primary);letter-spacing:.08em;font-size:1.04rem;font-weight:800;text-decoration:none}.compare-summary{color:#435c68;background:#fffefb;border:1px solid #dcd7ce;border-radius:8px;align-items:center;gap:9px;min-height:34px;padding:6px 10px 6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.compare-summary strong{color:#fff;background:var(--warm);border-radius:999px;place-items:center;width:20px;height:20px;font-size:.7rem;display:inline-grid}.hero{grid-template-columns:minmax(0,1fr) 260px;gap:40px;min-height:218px;padding:34px 38px 28px;display:grid;position:relative}.hero h1{color:var(--primary);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,3.4vw,3rem);font-weight:700;line-height:1.25}.hero-copy{color:#69736f;letter-spacing:.01em;margin:12px 0 0;font-size:.94rem}.update-line{color:#78807d;letter-spacing:.025em;margin:17px 0 0;font-size:.75rem}.update-line span{color:#b5b0a6;padding:0 9px}.hero-art{align-self:center;min-height:145px;position:relative}.hero-arch,.hero-sun,.hero-building,.hero-ground{display:block;position:absolute}.hero-arch{border:2px solid #8799a0;border-bottom:0;border-radius:60px 60px 0 0;width:84px;height:96px;bottom:28px;left:12px}.hero-arch:after{content:"";border:1px solid #b7c1c0;border-bottom:0;border-radius:44px 44px 0 0;position:absolute;inset:12px}.hero-sun{background:#be916933;border-radius:999px;width:63px;height:63px;bottom:53px;left:53px}.hero-building{background:linear-gradient(90deg,#0000 43%,#8799a0 44% 50%,#0000 51%);border:1px solid #8799a0;width:16px;bottom:28px}.hero-building-one{height:43px;right:105px}.hero-building-two{height:68px;right:76px}.hero-building-three{height:88px;right:46px}.hero-ground{background:#8799a0;width:220px;height:1px;bottom:26px;right:11px;transform:skew(-28deg)}.catalog-controls{background:#fffefbe8;border:1px solid #e2ddd4;border-radius:14px;margin-top:18px;padding:18px;box-shadow:0 10px 30px #284d600d}.category-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.category-tab{color:#4e5f63;background:#fffefb;border:1px solid #e0dcd3;border-radius:7px;flex:none;align-items:center;gap:7px;min-height:36px;padding:7px 13px;font-size:.8rem;font-weight:700;display:inline-flex}.category-tab span{color:#87908d;font-size:.72rem}.category-tab.is-active{border-color:var(--primary);color:#fff;background:var(--primary)}.category-tab.is-active span{color:#d8e2e3}.control-row{grid-template-columns:minmax(250px,1.6fr) minmax(126px,.68fr) minmax(126px,.68fr) auto minmax(152px,.82fr);align-items:stretch;gap:9px;margin-top:13px;display:grid}.search-field,.select-field,.numeric-field{color:#607071;background:#fffefb;border:1px solid #ded9d0;border-radius:7px;align-items:center;min-height:42px;display:flex;position:relative}.search-field>svg{color:#7d8988;flex:none;width:17px;height:17px;margin-left:13px}.search-field input{width:100%;height:40px;color:var(--foreground);background:0 0;border:0;outline:0;padding:0 10px;font-size:.82rem}.search-field input::placeholder{color:#929896}.search-field button{color:#75817e;background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid}.search-field button svg{width:15px;height:15px}.select-field>span,.numeric-field>span{display:none}.select-field select{appearance:none;color:#596866;background:0 0;border:0;outline:0;width:100%;height:40px;padding:0 29px 0 11px;font-size:.79rem;font-weight:700}.select-field>svg{color:#81908d;pointer-events:none;width:15px;height:15px;position:absolute;right:9px}.filter-button,.reset-button{border:1px solid var(--primary);color:#fff;background:var(--primary);border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 17px;font-size:.8rem;font-weight:700;display:inline-flex}.filter-button svg,.reset-button svg{width:16px;height:16px}.advanced-filters{border-top:1px dashed #d6d0c7;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:13px;display:grid}.advanced-filters .select-field,.advanced-filters .numeric-field{align-content:center;min-height:60px;display:grid}.advanced-filters .select-field>span,.advanced-filters .numeric-field>span{color:#77817e;padding:0 11px 2px;font-size:.68rem;font-weight:700;display:block}.advanced-filters .select-field select,.advanced-filters .numeric-field input{height:29px}.numeric-field{align-content:center;display:grid}.numeric-field input{width:100%;color:var(--foreground);background:0 0;border:0;outline:0;padding:0 11px;font-size:.8rem}.mobile-only-filter{display:none!important}.result-bar{justify-content:space-between;align-items:center;min-height:62px;padding:8px 3px;display:flex}.result-bar p{color:#64716f;align-items:center;gap:7px;margin:0;font-size:.85rem;display:flex}.result-bar strong{color:var(--primary);font-size:1rem}.result-bar p span{color:#89908d;margin-left:18px;font-size:.76rem}.reset-button{color:#667573;background:0 0;border-color:#0000;min-height:34px;padding:0 10px;font-size:.74rem}.reset-button:hover{background:#eeeae2}.listing-list{gap:11px;display:grid}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.pagination-pages{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pagination-button,.pagination-page{min-width:38px;min-height:36px;color:var(--primary);background:#fffefb;border:1px solid #d5deda;border-radius:8px;padding:0 11px;font-size:.76rem}.pagination-button:hover:not(:disabled),.pagination-page:hover{border-color:var(--primary);background:#eef3f1}.pagination-page[aria-current=page]{border-color:var(--primary);color:#fffefb;background:var(--primary)}.pagination-button:disabled{cursor:not-allowed;opacity:.42}.listing-card{background:#fffefb;border:1px solid #e0ddd5;border-radius:13px;grid-template-columns:168px minmax(245px,1.25fr) minmax(320px,1.25fr) minmax(168px,.75fr);align-items:center;gap:19px;min-height:155px;padding:12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 8px 25px #284d600d}.listing-card:hover{border-color:#b5c7cf;transform:translateY(-1px);box-shadow:0 12px 30px #284d6017}.listing-photo-block{width:168px;margin:0}.listing-photo{background:#e6e1d8;border-radius:8px;width:168px;height:126px;display:block;overflow:hidden}.listing-photo img{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.listing-photo:hover img{transform:scale(1.04)}.photo-reference{color:#92918b;white-space:nowrap;margin:5px 0 0;font-size:.58rem;line-height:1.25}.listing-overview{min-width:0}.listing-kicker{color:#838a87;letter-spacing:.015em;margin:0 0 5px;font-size:.68rem}.listing-title{min-width:0;color:var(--primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:auto;font-size:1.04rem;font-weight:800;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.listing-title-row{align-items:flex-start;gap:.42rem;min-width:0;display:flex}.new-listing-badge{color:#bd3039;letter-spacing:.04em;white-space:nowrap;border:2px solid #bd3039;border-radius:999px;flex:none;justify-content:center;align-items:center;margin-top:.15rem;padding:.12rem .38rem;font-family:Arial Rounded MT Bold,Microsoft JhengHei UI,PingFang TC,system-ui,sans-serif;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex}.listing-title:hover{color:var(--warm);text-underline-offset:3px;text-decoration:underline}.listing-subtitle{color:#7a827f;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.listing-address{color:#667370;align-items:flex-start;gap:4px;margin:9px 0 0;font-size:.74rem;line-height:1.35;display:flex}.listing-address svg{color:#8d6347;flex:none;width:13px;height:13px;margin-top:1px}.listing-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 16px;min-width:0;margin:0;display:grid}.fact{min-width:0}.fact dt{color:#878d8a;font-size:.66rem}.fact dd{color:#40535d;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:.76rem;font-weight:700;line-height:1.35;overflow:hidden}.fact-price dd{color:var(--warm);font-size:1.14rem;font-weight:800}.listing-actions{border-left:1px solid #e5e1d9;flex-direction:column;justify-content:space-between;align-self:stretch;gap:14px;padding-left:16px;display:flex}.listing-actions>p{color:#7a8380;margin:2px 0 0;font-size:.68rem;line-height:1.45}.listing-actions>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.comparison-button,.case-button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:33px;padding:6px 9px;font-size:.71rem;font-weight:800;text-decoration:none;display:inline-flex}.comparison-button{color:#536664;background:#fffefb;border:1px solid #d4d8d5}.comparison-button:hover,.comparison-button.is-selected{color:var(--primary);background:#edf3f3;border-color:#b9cbd0}.comparison-button svg,.case-button svg{width:13px;height:13px}.case-button{border:1px solid var(--primary);color:#fff;background:var(--primary)}.case-button:hover{border-color:var(--primary-deep);background:var(--primary-deep)}.empty-state{text-align:center;background:#fffefb;border:1px solid #dfdbd3;border-radius:13px;justify-items:center;gap:8px;padding:76px 24px;display:grid}.empty-state>svg{width:32px;height:32px;color:var(--primary)}.empty-state h2,.empty-state p{margin:0}.empty-state p{color:#73807c}.site-footer{color:#7a817f;margin-top:21px;padding:0 3px;font-size:.71rem;line-height:1.6}.site-footer p{margin:3px 0}@media (width<=1040px){.control-row{grid-template-columns:minmax(250px,1.4fr) repeat(2,minmax(126px,.8fr)) auto}.sorting-select{grid-column:2/-1}.listing-card{grid-template-columns:150px minmax(215px,1fr) minmax(280px,1.2fr)}.listing-photo-block,.listing-photo{width:150px}.listing-photo{height:116px}.listing-actions{border-top:1px solid #e5e1d9;border-left:0;grid-column:2/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:10px 0 0;display:grid}.listing-actions>p{max-width:300px}}@media (width<=720px){.site-shell{width:min(100% - 24px,600px);padding:12px 0 42px}.site-header{border-radius:14px}.brand-row{min-height:58px;padding:0 18px}.brand-name{font-size:.92rem}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding:26px 18px 19px}.hero h1{font-size:2rem}.hero-copy{font-size:.82rem}.update-line{margin-top:14px;font-size:.7rem}.hero-art{display:none}.catalog-controls{border-radius:12px;margin-top:12px;padding:12px}.category-tabs{gap:6px}.category-tab{min-height:34px;padding:6px 10px;font-size:.74rem}.control-row{grid-template-columns:1fr auto;gap:8px;margin-top:10px}.search-field{grid-column:1/-1}.desktop-select{display:none}.filter-button{min-height:39px;padding:0 12px}.sorting-select{grid-column:auto}.advanced-filters{grid-template-columns:1fr 1fr}.mobile-only-filter{display:grid!important}.result-bar{min-height:52px}.result-bar p{font-size:.78rem}.result-bar p span{margin-left:5px;font-size:.67rem}.listing-list{gap:9px}.pagination{gap:7px;margin-top:14px}.pagination-button,.pagination-page{min-width:34px;min-height:34px;padding:0 8px;font-size:.7rem}.listing-card{border-radius:11px;grid-template-columns:112px minmax(0,1fr);gap:11px 13px;min-height:0;padding:11px}.listing-photo-block,.listing-photo{width:112px}.listing-photo{align-self:start;height:84px}.photo-reference{margin-top:4px;font-size:.5rem}.listing-kicker{margin-bottom:3px;font-size:.61rem}.listing-title{font-size:.9rem}.listing-subtitle{-webkit-line-clamp:1;margin-top:3px;font-size:.65rem}.listing-address{-webkit-line-clamp:2;margin-top:5px;font-size:.66rem}.listing-facts{border-top:1px solid #e7e2da;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding-top:11px}.fact dd{font-size:.71rem}.fact-price dd{font-size:1.17rem}.listing-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:10px}.listing-actions>p{max-width:none;margin:0;font-size:.63rem}.listing-actions>div{gap:7px}.comparison-button,.case-button{min-height:34px;font-size:.7rem}}@media (width<=390px){.advanced-filters{grid-template-columns:1fr}.compare-summary{gap:6px;padding-left:9px}}@media print{body{background:#fff}.site-shell{width:100%;padding:0}.catalog-controls,.compare-summary,.reset-button,.listing-actions,.hero-art{display:none!important}.site-header{box-shadow:none}.listing-card{break-inside:avoid;box-shadow:none}}:root{--primary:#284e40;--foreground:#284e40;--primary-deep:#284e40;--background:#f0f4ed;--warm:#716039;--font-sans-local:"Microsoft JhengHei","PingFang TC",sans-serif;--ring:#284e40;--surface:#fcfdf8}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans-local)}.site-header,.listing-card{background:var(--surface);border-radius:24px}.hero h1,.brand-name,.listing-title{font-family:Microsoft JhengHei,PingFang TC,sans-serif}.hero h1{letter-spacing:.06em;text-wrap:balance;font-weight:700}.hero-arch{background:color-mix(in srgb,var(--primary) 12%,transparent)}.hero-sun{background:color-mix(in srgb,var(--warm) 35%,var(--surface))}.hero-building{background:color-mix(in srgb,var(--primary) 20%,var(--surface));border-color:var(--primary)}.hero-ground{background:var(--primary)}.category-tab.active,.view-button,.apply-button{background:var(--primary);color:#fff}.new-listing-badge{color:#b62329;font-weight:900}