*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,system-ui,sans-serif;color:#1d2433;background:#f6f7f9}a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}.muted{color:#6b7385}.pill{display:inline-block;padding:3px 10px;border-radius:99px;background:#e8ebf2;font-size:12px}
.top{position:sticky;top:0;z-index:9;background:#fff;border-bottom:1px solid #e4e7ee}.top .wrap{display:flex;align-items:center;gap:22px;height:60px}.logo{font-weight:800;font-size:18px}.nav a{margin-right:16px;color:#4a5265}.nav a:hover{color:#000}.sp{flex:1}
.btn{display:inline-block;padding:9px 16px;border-radius:8px;background:#1d2433;color:#fff;border:0;cursor:pointer;font:inherit}.btn.o{background:#fff;color:#1d2433;border:1px solid #cfd4de}
.card{background:#fff;border:1px solid #e4e7ee;border-radius:12px;padding:16px;display:block}.card.big{padding:32px}.card.dark{background:#111;color:#eee}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hero{padding:70px 0 50px;text-align:center;background:linear-gradient(#dfe6f3,#f6f7f9)}.hero h1{font-size:40px;margin:0 0 8px}
.tabs{display:inline-flex;background:#fff;border-radius:10px;padding:4px;border:1px solid #dde2ea;margin:14px 0}.tabs a{padding:7px 16px;border-radius:7px}.tabs a.on{background:#1d2433;color:#fff}
.search{display:flex;max-width:760px;margin:0 auto;background:#fff;border:1px solid #cfd4de;border-radius:12px;padding:6px;box-shadow:0 6px 24px #0001}.search input{flex:1;border:0;font:inherit;font-size:16px;padding:10px;outline:0}
.ph{background:repeating-linear-gradient(45deg,#e3e7ee,#e3e7ee 10px,#eceff4 10px,#eceff4 20px);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#7a8296;font-size:12px}
.map{background:#dfe9e1;border-radius:10px;position:relative;overflow:hidden;background-image:linear-gradient(#cbd9ce 1px,transparent 1px),linear-gradient(90deg,#cbd9ce 1px,transparent 1px);background-size:40px 40px}.pin{position:absolute;background:#1d2433;color:#fff;font-size:11px;padding:2px 7px;border-radius:99px;font-weight:600}.pin.g{background:#8a93a6}
section{padding:34px 0}h2{margin:0 0 14px}h3{margin:0 0 6px}.lc .ph{height:170px;margin-bottom:10px}.price{font-weight:700;font-size:17px}
.ai{border:1px dashed #6a5cff;background:#f4f2ff;border-radius:12px;padding:14px}.ai b{color:#5446e8}.tag{font-size:11px;padding:2px 8px;border-radius:99px;background:#eef1f6;margin-right:4px}.tag.n{background:#e9f7ee;color:#1d7a41}
.filters{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.filters span{border:1px solid #cfd4de;border-radius:99px;padding:5px 12px;background:#fff}
.res{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:calc(100vh - 170px)}.res .list{overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #eceff4;text-align:left}.kv td:first-child{color:#6b7385}
.bar{height:8px;background:#e4e7ee;border-radius:9px;position:relative}.bar i{position:absolute;height:8px;background:#1d2433;border-radius:9px}
.chart{display:flex;align-items:flex-end;gap:6px;height:120px}.chart i{flex:1;background:#9aa6c0;border-radius:3px 3px 0 0}
footer{padding:40px 0;color:#6b7385;border-top:1px solid #e4e7ee;margin-top:40px}.side{display:grid;grid-template-columns:2fr 1fr;gap:24px}
/* luxury skin */
body.l{background:#faf8f4;color:#1a1a1a;font-family:Georgia,serif}body.l .top{background:#0e0e0e;color:#eee;border:0}body.l .nav a{color:#bbb}body.l .logo{letter-spacing:6px;font-weight:400}
body.l .hero{background:#111;color:#eee;padding:110px 0 80px}body.l .hero h1{font-weight:400;font-size:48px}body.l .btn{background:#b08d57}body.l .card{border-color:#e8e1d4;border-radius:2px}body.l .ph{border-radius:2px;background:repeating-linear-gradient(45deg,#e7e1d6,#e7e1d6 10px,#efeae1 10px,#efeae1 20px)}body.l .pin{background:#b08d57}body.l .search{border-radius:2px}
@media(max-width:800px){.grid2,.grid3,.grid4,.res,.side,.res .list{grid-template-columns:1fr}.res{height:auto}.nav{display:none}}
body.l .top .pill{background:#222;color:#ccc}body.l .pin.g{background:#8a8a8a}.filters span.sp{border:0;background:none}
.tg select{font:inherit;font-size:12px;padding:4px;margin-left:4px;border:1px solid #cfd4de;border-radius:6px;background:#fff}body.l .tg select{background:#222;color:#ddd;border-color:#444}body.c .top{background:#0f2a3d;color:#fff}body.c .nav a{color:#bcd}body.c .hero{background:linear-gradient(#cfe0ea,#f6f7f9)}body.c .btn{background:#0f2a3d}
table.grid{background:#fff;font-size:13px}table.grid th{position:sticky;top:60px;background:#f0f2f6;white-space:nowrap}table.grid tr:hover td{background:#f7f9fc}body.l table.grid th{background:#efe9de}
