.chat[data-v-8dd9549a]{height:100%;display:flex;flex-direction:column;max-width:720px;margin:0 auto;background:#fff}.chat-header[data-v-8dd9549a]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #eee}.header-left[data-v-8dd9549a]{display:flex;align-items:center;gap:10px}.dot[data-v-8dd9549a]{width:10px;height:10px;border-radius:50%;background:#ccc}.dot.online[data-v-8dd9549a]{background:#07c160}.title[data-v-8dd9549a]{font-size:16px;font-weight:600}.subtitle[data-v-8dd9549a]{font-size:12px;color:#999}.subscribe-btn[data-v-8dd9549a]{border:1px solid #07c160;color:#07c160;background:#fff;border-radius:16px;padding:5px 12px;font-size:12px;cursor:pointer}.wechat-tip[data-v-8dd9549a]{padding:10px 16px;background:#fff7e6;color:#ad6800;font-size:13px;text-align:center;border-bottom:1px solid #ffe7ba}.messages[data-v-8dd9549a]{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.welcome[data-v-8dd9549a]{text-align:center;color:#999;margin-top:60px}.welcome-icon[data-v-8dd9549a]{font-size:40px}.welcome-sub[data-v-8dd9549a]{font-size:12px;margin-top:6px}.msg[data-v-8dd9549a]{display:flex}.msg-me[data-v-8dd9549a]{justify-content:flex-end}.msg-they[data-v-8dd9549a]{justify-content:flex-start}.bubble[data-v-8dd9549a]{max-width:72%;padding:10px 14px;border-radius:12px;font-size:15px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.msg-me .bubble[data-v-8dd9549a]{background:#07c160;color:#fff;border-top-right-radius:4px}.msg-they .bubble[data-v-8dd9549a]{background:#f2f3f5;color:#333;border-top-left-radius:4px}.typing[data-v-8dd9549a]{display:flex;gap:4px;align-items:center}.typing span[data-v-8dd9549a]{width:6px;height:6px;border-radius:50%;background:#999;animation:blink-8dd9549a 1.2s infinite}.typing span[data-v-8dd9549a]:nth-child(2){animation-delay:.2s}.typing span[data-v-8dd9549a]:nth-child(3){animation-delay:.4s}@keyframes blink-8dd9549a{0%,80%,to{opacity:.2}40%{opacity:1}}.chat-footer[data-v-8dd9549a]{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #eee;background:#fff}.chat-input[data-v-8dd9549a]{flex:1;border:1px solid #e0e0e0;border-radius:20px;padding:9px 16px;font-size:15px;outline:none}.chat-input[data-v-8dd9549a]:focus{border-color:#07c160}.send-btn[data-v-8dd9549a]{border:none;background:#07c160;color:#fff;border-radius:20px;padding:0 20px;font-size:15px;cursor:pointer}.send-btn[data-v-8dd9549a]:disabled{background:#c8c9cc;cursor:not-allowed}.img-btn[data-v-8dd9549a]{border:1px solid #e0e0e0;background:#fff;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;flex-shrink:0}.img-btn[data-v-8dd9549a]:disabled{opacity:.5;cursor:not-allowed}.msg-img[data-v-8dd9549a]{max-width:100%;max-height:200px;border-radius:8px;display:block}.recalled[data-v-8dd9549a]{color:#c0c4cc;font-style:italic;font-size:13px}.msg-meta[data-v-8dd9549a]{display:flex;gap:6px;margin-top:4px;font-size:11px;justify-content:flex-end}.msg-they .msg-meta[data-v-8dd9549a]{justify-content:flex-start}.msg-time[data-v-8dd9549a]{color:#ffffffbf}.msg-they .msg-time[data-v-8dd9549a]{color:#c0c4cc}.msg-read[data-v-8dd9549a]{color:#fff}.msg-they .msg-read[data-v-8dd9549a]{color:#67c23a}.op-btn[data-v-8dd9549a]{color:#fffc;cursor:pointer;font-size:11px}.msg-they .op-btn[data-v-8dd9549a]{color:#909399}.op-btn.del[data-v-8dd9549a]{color:#f56c6c}.msg-me .op-btn.del[data-v-8dd9549a]{color:#ffffffd9}.search-bar[data-v-8dd9549a]{background:#fff;padding:8px 12px;border-bottom:1px solid #eee;position:relative}.search-input[data-v-8dd9549a]{width:100%;border:1px solid #e0e0e0;border-radius:18px;padding:6px 14px;font-size:14px;outline:none}.search-results[data-v-8dd9549a]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #eee;max-height:220px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a}.search-item[data-v-8dd9549a]{padding:8px 12px;border-bottom:1px solid #f5f5f5;display:flex;gap:8px;align-items:baseline;cursor:pointer}.search-item[data-v-8dd9549a]:active{background:#f5f7fa}.r-time[data-v-8dd9549a]{font-size:11px;color:#c0c4cc;white-space:nowrap}.r-content[data-v-8dd9549a]{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-result[data-v-8dd9549a]{padding:12px;text-align:center;color:#c0c4cc;font-size:13px}.blocked[data-v-8dd9549a]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;gap:12px}.blocked-icon[data-v-8dd9549a]{font-size:48px}.toast[data-v-8dd9549a]{position:fixed;right:16px;bottom:90px;max-width:80%;background:#000000d1;color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;z-index:999;cursor:pointer;box-shadow:0 4px 16px #00000040;animation:toast-in-8dd9549a .25s ease}.toast-title[data-v-8dd9549a]{font-size:12px;color:#7ee2a8;margin-bottom:4px}.toast-text[data-v-8dd9549a]{word-break:break-word;white-space:pre-wrap}@keyframes toast-in-8dd9549a{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.img-preview[data-v-8dd9549a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.img-preview img[data-v-8dd9549a]{max-width:100%;max-height:100%;transition:transform .2s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f2f3f5;color:#333;-webkit-font-smoothing:antialiased}