*{box-sizing:border-box}body{margin:0;background:#f6f4ee;color:#263c38;font:17px/1.85 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1080px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4ddd5}.brand{font-weight:750;font-size:23px;text-decoration:none}nav{display:flex;gap:24px;font-size:15px}.hero{padding:66px 0 38px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.eyebrow{font-size:13px;letter-spacing:.15em;color:#667e70}h1{font-size:clamp(34px,5vw,56px);line-height:1.25;font-weight:650;margin:18px 0}h2{font-size:26px;line-height:1.5}p{color:#526660}.hero img{width:100%;border-radius:4px}.intro{max-width:580px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0 60px}.card{padding:25px;background:#fffdf8;border-top:3px solid #7d9787}.card h2{font-size:22px}.card small,time{color:#73867b;font-size:13px}.card a{text-decoration:none}.card a:hover{text-decoration:underline}article{max-width:740px;margin:50px auto 80px}article h1{font-size:40px}article p{margin:1.3em 0}.note{border-left:3px solid #9faf9d;padding:12px 20px;background:#eeeee5}footer{border-top:1px solid #d4ddd5;font-size:13px;color:#73867b;display:flex;justify-content:space-between;gap:20px}@media(max-width:700px){header,main,footer{padding:20px}nav{gap:14px}.hero{grid-template-columns:1fr;padding-top:30px;gap:20px}.hero img{max-height:240px;object-fit:cover}.grid{grid-template-columns:1fr;gap:16px}footer{display:block}article h1{font-size:32px}}