*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#eef1f6;color:#1c2333}
.wrap{max-width:640px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:#f7f8fb}
.hd{background:#111827;color:#fff;padding:16px 18px}
.hd-title{font-size:18px;font-weight:700}
.hd-sub{font-size:12px;opacity:.75;margin-top:4px}
.tips{background:#fff7e6;color:#7a5200;font-size:12px;line-height:1.6;padding:9px 14px;border-bottom:1px solid #f0e2bb}
.msgs{flex:1;overflow-y:auto;padding:14px 12px 8px}
.msg{margin:10px 0;display:flex;flex-direction:column}
.msg .bubble{max-width:82%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.65;white-space:pre-wrap;word-break:break-word}
.msg.me{align-items:flex-end}
.msg.me .bubble{background:#2f3bff;color:#fff;border-bottom-right-radius:4px}
.msg.kf{align-items:flex-start}
.msg.kf .bubble{background:#fff;border:1px solid #e3e7ef;border-bottom-left-radius:4px}
.msg.sys{align-items:center}
.msg.sys .bubble{background:transparent;color:#8a93a5;font-size:12px;text-align:center}
.msg .time{font-size:11px;color:#9aa3b2;margin-top:3px}
.ft{background:#fff;border-top:1px solid #e3e7ef;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
.contact{width:100%;border:1px solid #dfe3ec;border-radius:9px;padding:8px 10px;font-size:13px;margin-bottom:8px}
.row{display:flex;gap:8px}
.input{flex:1;border:1px solid #dfe3ec;border-radius:9px;padding:9px 10px;font-size:14px;resize:none;font-family:inherit}
.send{background:#111827;color:#fff;border:0;border-radius:9px;padding:0 20px;font-size:15px;cursor:pointer}
.send:disabled{opacity:.5}