html,body,#app{margin:0;padding:0;height:100%}*,*:before,*:after{box-sizing:border-box}.chat-wrap[data-v-6a8ac839]{display:flex;flex-direction:column;height:100vh;background:#f7f7f7}.header[data-v-6a8ac839]{width:100%;box-sizing:border-box;background:#ff4d4f;color:#fff;padding:12px 16px;font-weight:600;margin:0}.body[data-v-6a8ac839]{flex:1;overflow:auto;padding:12px}.row[data-v-6a8ac839]{display:flex;margin:10px 0;align-items:flex-end}.row.other .avatar[data-v-6a8ac839]{order:0;margin-right:8px}.row.other .bubble[data-v-6a8ac839]{background:#fff;border:1px solid #eee}.row.me[data-v-6a8ac839]{flex-direction:row-reverse}.row .avatar[data-v-6a8ac839]{width:32px;height:32px;border-radius:50%}.bubble[data-v-6a8ac839]{max-width:65%;padding:10px 12px;border-radius:12px;background:#e9f3ff;word-break:break-word;box-shadow:0 2px 8px #00000008}.img[data-v-6a8ac839]{max-width:180px;border-radius:8px}.footer[data-v-6a8ac839]{display:flex;gap:8px;border-top:1px solid #eee;padding:8px;background:#fff;align-items:center}.icon-btn[data-v-6a8ac839]{height:36px;min-width:36px;padding:0 8px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer}.ipt[data-v-6a8ac839]{flex:1;height:36px;border:1px solid #ddd;border-radius:8px;padding:0 10px}.btn[data-v-6a8ac839]{height:36px;padding:0 14px;border:0;background:#2e7bff;color:#fff;border-radius:8px;cursor:pointer}.btn[data-v-6a8ac839]:disabled{opacity:.6;cursor:not-allowed}.emoji-panel[data-v-6a8ac839]{position:fixed;left:12px;right:12px;bottom:64px;z-index:1000;background:#fff;border:1px solid #eee;border-radius:10px;padding:8px;box-shadow:0 8px 24px #00000014;display:grid;grid-template-columns:repeat(10,1fr);grid-gap:6px}.emoji[data-v-6a8ac839]{font-size:20px;line-height:34px;height:34px;width:34px;text-align:center;border-radius:6px;cursor:pointer}.emoji[data-v-6a8ac839]:hover{background:#f4f6f8}.err[data-v-6a8ac839]{color:#ff4d4f;padding:6px 12px;font-size:12px}