*{box-sizing:border-box}
body{margin:0;background:#f6f1e4;color:#2b3a2e;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:20px;line-height:1.6}
header{background:#3d5a45;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
header a{color:#fff;font-size:18px}
main{padding:12px;max-width:640px;margin:0 auto;padding-bottom:110px}
.msg{background:#fff;border-radius:14px;padding:12px 14px;margin:10px 0;box-shadow:0 1px 3px #0002;max-width:92%}
.msg.me{background:#d7e8d2;margin-left:auto}
.card{border-left:6px solid #3d5a45}
.card.score{border-color:#d9a21b}.card.badge{border-color:#b5533c}
.card h3{margin:0 0 4px;font-size:22px}
button{font-size:20px;padding:10px 18px;border:0;border-radius:10px;background:#3d5a45;color:#fff;margin-top:8px}
form{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px;display:flex;gap:8px}
input{flex:1;font-size:20px;padding:10px;border:1px solid #9bb09f;border-radius:10px;min-width:0}
.lights{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.lamp{width:56px;height:56px;border-radius:50%;background:#ddd6c2;display:flex;align-items:center;justify-content:center}
.lamp.on{background:#f7c948;box-shadow:0 0 14px #f7c948}
.badge-chip{display:inline-block;background:#fff;border-radius:20px;padding:4px 14px;margin:4px}
canvas{max-width:100%}