*{box-sizing:border-box;margin:0;padding:0}
body{background:#f4ede0;color:#3a3328;font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}
a{color:#b85c2a;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{background:#ebe0c8;padding:24px 0;box-shadow:0 4px 0 #d9c9a8}
.logo{font-size:24px;font-weight:700;color:#7a4520}
nav ul{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin-top:12px}
nav a{padding:8px 14px;background:#fff7e6;border-radius:18px;color:#7a4520}
nav a:hover{background:#b85c2a;color:#fff}
.hero{padding:50px 0}
.hero h1{font-size:36px;color:#7a4520}
.hero p{margin-top:14px;color:#6b5a44}
.btn{display:inline-block;padding:12px 28px;background:#b85c2a;color:#fff;border-radius:30px;margin:16px 8px 0 0}
.btn.ghost{background:transparent;border:2px solid #b85c2a;color:#b85c2a}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;padding:34px 0}
.card{background:#fff7e6;padding:24px;border-radius:14px;box-shadow:0 6px 0 #d9c9a8}
.card h3{color:#7a4520}
.crumb{padding:12px 0;color:#9c8a6a;font-size:14px}
footer{margin-top:50px;padding:28px 0;background:#ebe0c8;text-align:center;color:#7a6a4a;font-size:13px}