*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;line-height:1.6;color:#1e293b;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);color:white;padding:25px 0;box-shadow:0 4px 20px rgba(30,41,59,0.3);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:center}.logo-text{font-size:36px;font-weight:800;color:white;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,0.3);background:linear-gradient(135deg,#ffffff 0%,#f97316 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.logo-text::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:2px}.main{padding:40px 0;min-height:calc(100vh - 200px)}.house-list{display:grid;gap:24px}.house-item{background:rgba(255,255,255,0.95);backdrop-filter:blur(15px);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;display:flex;min-height:250px;border:1px solid rgba(30,58,138,0.1)}.house-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.15);border-color:rgba(249,115,22,0.3)}.house-image{width:320px;height:250px;background-size:cover;background-position:center;position:relative;flex-shrink:0}.house-tags{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px}.discount-tag{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:white;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:700;box-shadow:0 2px 8px rgba(220,38,38,0.3)}.favorite-btn{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.6);backdrop-filter:blur(10px);border:none;color:white;padding:10px;border-radius:50%;cursor:pointer;transition:all 0.3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.favorite-btn:hover{background:rgba(249,115,22,0.9);transform:scale(1.1)}.house-content{padding:24px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.house-info{flex:1}.house-title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:6px;display:flex;align-items:center;gap:12px}.community-name{display:flex;align-items:center;gap:6px;color:#1e3a8a;font-size:14px;margin-bottom:12px;font-weight:600}.house-address{color:#64748b;font-size:14px;margin-bottom:6px}.house-details{display:flex;gap:18px;color:#64748b;font-size:14px;margin-bottom:6px;font-weight:500}.house-features{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.feature-tag{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);color:#475569;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600;border:1px solid rgba(30,58,138,0.1)}.watching-count{color:#dc2626;font-size:14px;margin-bottom:12px;font-weight:600}.house-price-section{text-align:right}.house-price{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.price-main{display:flex;align-items:baseline;gap:6px}.price-amount{font-size:32px;font-weight:800;color:#dc2626;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-unit{font-size:18px;color:#1e293b;font-weight:600}.price-original{font-size:14px;color:#94a3b8;text-decoration:line-through}.price-note{font-size:14px;color:#64748b;margin-bottom:12px;font-weight:500}.add-favorite{display:flex;align-items:center;gap:6px;background:none;border:none;color:#64748b;cursor:pointer;font-size:14px;transition:all 0.3s ease;font-weight:500}.add-favorite:hover{color:#f97316;transform:translateX(4px)}.pagination-container{margin:50px 0;display:flex;justify-content:center;min-height:60px}.pagination{display:flex;gap:8px;list-style:none}.pagination li{display:flex}.pagination button{padding:12px 16px;border:2px solid #e2e8f0;background:rgba(255,255,255,0.9);color:#64748b;cursor:pointer;border-radius:12px;transition:all 0.3s ease;font-weight:600}.pagination button:hover{background:rgba(30,58,138,0.05);border-color:#1e3a8a;color:#1e3a8a}.pagination button.active{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 100%);color:white;border-color:#1e3a8a;box-shadow:0 4px 12px rgba(30,58,138,0.3)}.pagination button:disabled{opacity:0.5;cursor:not-allowed}.parking-info{display:flex;align-items:center;gap:5px;margin-bottom:10px}.watch-number{color:#de2525}.house-link{text-decoration:none;color:inherit;display:block}.footer{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);color:white;text-align:center;padding:30px 0;margin-top:50px;border-top:4px solid #f97316}@media (max-width:768px){.house-item{flex-direction:column;min-height:auto}.house-image{width:100%;height:220px}.house-content{padding:20px}.house-price-section{text-align:left;margin-top:15px}.price-main{justify-content:flex-start}.logo-text{font-size:28px;letter-spacing:1px}}@media (max-width:480px){.container{padding:0 15px}.house-details{flex-direction:column;gap:6px}.house-features{flex-direction:column;align-items:flex-start}.logo-text{font-size:24px;letter-spacing:0.5px}}