:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#24332d;background:#f6f8f7}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:32px auto;padding:36px;background:#fff;border:1px solid #e1e9e5;border-radius:22px}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e1e9e5;padding-bottom:24px}.brand{display:flex;align-items:center;gap:14px;color:#24332d;font-size:22px;font-weight:700;text-decoration:none}.brand img{object-fit:contain;flex:none}.brand small{display:block;font-size:12px;font-weight:400;color:#627269;margin-top:4px}nav{display:flex;flex-wrap:wrap;gap:18px}a{color:#216e50;text-underline-offset:3px;overflow-wrap:anywhere}h1{font-size:30px;line-height:1.3;margin:32px 0 10px}.subtitle{color:#627269}section{margin:30px 0}h2{font-size:20px}p{line-height:1.9;margin:12px 0;overflow-wrap:anywhere}code{font-size:14px;overflow-wrap:anywhere}.button{display:inline-block;padding:9px 18px;border-radius:10px;background:#216e50;color:white;text-decoration:none;margin-right:10px}footer{border-top:1px solid #e1e9e5;padding-top:22px;font-size:13px}@media(max-width:600px){main{margin:0;border:0;border-radius:0;padding:24px 18px}h1{font-size:25px}.brand{font-size:20px}nav{gap:12px}}