*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#1f2933;background:#f7f9fb;line-height:1.7}
a{color:#0b6e4f}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #e5e9ee}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:60px}
.logo{font-weight:700;font-size:20px;color:#0b6e4f;text-decoration:none}
nav a{margin-left:18px;color:#52606d;text-decoration:none;font-size:15px}
.hero{background:linear-gradient(135deg,#0b6e4f,#14a37f);color:#fff;padding:64px 0 56px}
.hero h1{font-size:34px;margin-bottom:12px}
.hero p{font-size:18px;opacity:.92;max-width:620px}
.hero .cta{display:inline-block;margin-top:24px;background:#fff;color:#0b6e4f;padding:10px 22px;border-radius:24px;font-weight:600;text-decoration:none}
section{padding:48px 0}
h2{font-size:24px;margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{background:#fff;border:1px solid #e5e9ee;border-radius:12px;padding:20px}
.card h3{font-size:17px;margin-bottom:6px;color:#0b6e4f}
.card p{font-size:14.5px;color:#52606d}
.qr{display:flex;gap:28px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e5e9ee;border-radius:12px;padding:24px}
.qr-box{width:160px;height:160px;border:2px dashed #9aa5b1;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;color:#7b8794;font-size:13px;padding:10px}
.note{font-size:13px;color:#7b8794;margin-top:14px}
footer{background:#1f2933;color:#cbd2d9;padding:28px 0;font-size:14px}
footer a{color:#cbd2d9;margin-right:16px}
.doc{background:#fff;border:1px solid #e5e9ee;border-radius:12px;padding:28px;margin:32px 0}
.doc h1{font-size:26px;margin-bottom:8px}.doc h2{font-size:18px;margin:22px 0 8px}.doc p,.doc li{font-size:15px;color:#323f4b}.doc ul{padding-left:22px}
@media(max-width:600px){.hero h1{font-size:26px}nav a{margin-left:10px;font-size:14px}}