.emoji-panel[data-v-e3005d64]{position:absolute;bottom:100%;left:0;right:0;background-color:#fff;border-top:1px solid #ddd;height:300px;display:flex;flex-direction:column}.emoji-tabs[data-v-e3005d64]{display:flex;border-bottom:1px solid #eee}.tab-item[data-v-e3005d64]{padding:12px 16px;font-size:14px;color:#666;cursor:pointer}.tab-item.active[data-v-e3005d64]{color:#07c160;border-bottom:2px solid #07c160}.emoji-content[data-v-e3005d64]{flex:1;overflow-y:auto;padding:16px}.emoji-grid[data-v-e3005d64]{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.emoji-item[data-v-e3005d64]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:transform .1s}.emoji-item[data-v-e3005d64]:hover{transform:scale(1.2);background-color:#f5f5f5;border-radius:4px}.chat-detail[data-v-70f5b7ee]{height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.chat-header[data-v-70f5b7ee]{display:flex;align-items:center;padding:10px 16px;background-color:#efefef;position:sticky;top:0;z-index:100}.header-left[data-v-70f5b7ee]{width:24px;cursor:pointer}.header-title[data-v-70f5b7ee]{flex:1;text-align:center;font-size:16px;font-weight:500}.header-right[data-v-70f5b7ee]{width:24px}.message-container[data-v-70f5b7ee]{flex:1;overflow-y:auto;padding:16px}.message-date[data-v-70f5b7ee]{text-align:center;font-size:12px;color:#999;margin:16px 0}.message-item[data-v-70f5b7ee]{display:flex;align-items:flex-start;margin-bottom:16px}.message-item.self[data-v-70f5b7ee]{flex-direction:row-reverse}.avatar[data-v-70f5b7ee]{width:40px;height:40px;border-radius:4px;margin:0 12px}.message-content[data-v-70f5b7ee]{max-width:60%;padding:10px 16px;border-radius:4px;font-size:16px;word-break:break-word}.message-content.received[data-v-70f5b7ee]{background-color:#fff}.message-content.sent[data-v-70f5b7ee]{background-color:#95ec69}.input-area[data-v-70f5b7ee]{padding:8px;background-color:#f5f5f5;border-top:1px solid #ddd;display:flex;align-items:center;position:relative}.input-toolbar[data-v-70f5b7ee]{display:flex;gap:16px;padding:0 8px}.input-box[data-v-70f5b7ee]{flex:1;background-color:#fff;border-radius:4px;padding:8px}.input-box input[data-v-70f5b7ee]{width:100%;border:none;outline:none;font-size:16px}.send-btn[data-v-70f5b7ee]{padding:6px 12px;background-color:#07c160;color:#fff;border-radius:4px;font-size:14px;cursor:pointer;margin-left:8px}.send-btn[data-v-70f5b7ee]:active{background-color:#06ae56}.iconfont[data-v-70f5b7ee]{font-size:24px;color:#666;cursor:pointer}.iconfont[data-v-70f5b7ee]:active{color:#333}