*{box-sizing:border-box}body{margin:0;font:16px/1.75 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#1f2a37;background:#f6f8fb}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}header{background:#fff;border-bottom:1px solid #e5e9f0;position:sticky;top:0}
header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:60px}
.logo{font-weight:700;color:#0b6e75;text-decoration:none;font-size:18px}nav a{margin-left:18px;color:#4b5563;text-decoration:none;font-size:15px}nav a:hover{color:#0b6e75}
.hero{padding:56px 0 24px}.hero h1{font-size:34px;margin:0 0 8px}.hero p{color:#4b5563;margin:0}
section{padding:22px 0}h2{font-size:22px;border-left:4px solid #0b6e75;padding-left:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.card{background:#fff;border:1px solid #e5e9f0;border-radius:10px;padding:16px}.card h3{margin:0 0 6px;color:#0b6e75}.card p{margin:0;font-size:15px;color:#4b5563}
.note{font-size:14px;color:#6b7280;border-top:1px solid #e5e9f0;padding-top:16px;margin-top:24px}
footer{padding:24px 0;color:#9ca3af;font-size:14px}
@media(max-width:600px){nav a{margin:0 12px 0 0}.hero h1{font-size:26px}}