/* 好租 Howzu 全站共用：顶部导航 + 宽屏布局 */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(10px);-webkit-backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid #e4e1d8}
.nav .in{max-width:2200px;margin:0 auto;padding:0 clamp(16px,4.2vw,80px);height:64px;display:flex;align-items:center;gap:22px}
.nav .logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1d2321;font-weight:700;font-size:18px;white-space:nowrap}
.nav .logo i{display:inline-flex;width:30px;height:30px;border-radius:9px;background:#0f6b4f;color:#fff;font-style:normal;font-size:16px;align-items:center;justify-content:center}
.nav .logo small{font-weight:500;color:#6b726f;font-size:13px}
.nav .links{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
.nav .links::-webkit-scrollbar{display:none}
.nav .links a{padding:8px 12px;border-radius:9px;color:#3b4340;text-decoration:none;font-size:15px;white-space:nowrap}
.nav .links a:hover{background:#f1efe8}
.nav .links a.on{color:#0f6b4f;font-weight:600;background:#e8f3ee}
.nav .post{background:#0f6b4f;color:#fff;text-decoration:none;padding:9px 16px;border-radius:10px;font-size:15px;font-weight:600;white-space:nowrap}
.nav .post:hover{background:#0c5a42}
.hero{background:linear-gradient(135deg,#0f6b4f 0%,#13805e 60%,#1b9670 100%);color:#fff}
.hero .in{max-width:2200px;margin:0 auto;padding:34px clamp(16px,4.2vw,80px) 30px}
.hero h1{margin:0;font-size:30px;letter-spacing:.5px;line-height:1.25}
.hero p{margin:8px 0 0;opacity:.9;font-size:16px;max-width:720px}
.hero a{color:#fff}
@media (max-width:720px){
  .nav .in{height:auto;flex-wrap:wrap;padding:10px 14px;gap:8px 12px}
  .nav .logo small{display:none}
  .nav .links{order:3;flex-basis:100%;margin:0 -4px}
  .nav .links a{padding:6px 10px;font-size:14px}
  .nav .post{margin-left:auto;padding:7px 12px;font-size:14px}
  .hero .in{padding:20px 16px 18px}
  .hero h1{font-size:22px}
  .hero p{font-size:14px}
}