body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#f4f1ea;color:#222;line-height:1.6}
a{color:#1a6b3c;text-decoration:none}a:hover{text-decoration:underline}
.top{background:#1a6b3c;color:#fff;padding:14px 20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.top b{font-size:20px}.top a{color:#fff}.top nav{margin-left:auto;display:flex;gap:14px}
.wrap{max-width:900px;margin:0 auto;padding:22px 16px 60px}
h1{font-size:26px;margin:10px 0}h2{font-size:20px;margin:26px 0 10px;border-bottom:2px solid #1a6b3c;padding-bottom:6px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}
.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:16px}
.card h3{margin:0 0 8px}.card p{margin:0 0 12px;color:#555;font-size:14px}
.btn{display:inline-block;background:#1a6b3c;color:#fff!important;padding:8px 16px;border-radius:6px}
.btn:hover{text-decoration:none;opacity:.9}
.note{background:#fff;border-left:4px solid #1a6b3c;padding:12px 14px;color:#444}
.foot{border-top:1px solid #ddd;color:#888;font-size:13px;padding-top:14px;margin-top:30px}
.gamebox{background:#fff;border:1px solid #ddd;border-radius:10px;padding:16px;margin-top:14px}
button{font-size:15px;padding:7px 14px;border-radius:6px;border:1px solid #999;background:#fff;cursor:pointer}
button:hover{background:#eee}
canvas,table{margin:10px 0}