.message-center[data-v-12e6d62c]{height:100%;width:100%;display:flex;flex-direction:column;background:#f5f7fa}.message-center .header-section[data-v-12e6d62c]{padding:20px;background:#fff;border-bottom:1px solid #e4e7ed;display:flex;justify-content:space-between;align-items:center}.message-center .header-section h2[data-v-12e6d62c]{margin:0;font-size:20px;color:#303133}.message-center .header-section .header-actions[data-v-12e6d62c]{display:flex;gap:10px}.message-center .message-container[data-v-12e6d62c]{flex:1;display:flex;overflow:hidden;background:#fff;margin:0;border-radius:0;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.message-center .message-container .conversation-list[data-v-12e6d62c]{width:320px;border-right:1px solid #e4e7ed;display:flex;flex-direction:column}.message-center .message-container .conversation-list .list-header[data-v-12e6d62c]{padding:15px;border-bottom:1px solid #e4e7ed;display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#303133}.message-center .message-container .conversation-list .search-bar[data-v-12e6d62c]{padding:10px;border-bottom:1px solid #e4e7ed}.message-center .message-container .conversation-list .conversation-items[data-v-12e6d62c]{flex:1;overflow-y:auto}.message-center .message-container .conversation-list .conversation-items .conversation-item[data-v-12e6d62c]{padding:12px;display:flex;gap:12px;cursor:pointer;transition:background .3s;border-bottom:1px solid #f0f0f0}.message-center .message-container .conversation-list .conversation-items .conversation-item[data-v-12e6d62c]:hover{background:#f5f7fa}.message-center .message-container .conversation-list .conversation-items .conversation-item.active[data-v-12e6d62c]{background:#ecf5ff;border-left:3px solid #0080ff}.message-center .message-container .conversation-list .conversation-items .conversation-item .conversation-info[data-v-12e6d62c]{flex:1;overflow:hidden}.message-center .message-container .conversation-list .conversation-items .conversation-item .conversation-info .conversation-header[data-v-12e6d62c]{display:flex;justify-content:space-between;margin-bottom:5px}.message-center .message-container .conversation-list .conversation-items .conversation-item .conversation-info .conversation-header .user-name[data-v-12e6d62c]{font-weight:500;color:#303133}.message-center .message-container .conversation-list .conversation-items .conversation-item .conversation-info .conversation-header .time[data-v-12e6d62c]{font-size:12px;color:#909399}.message-center .message-container .conversation-list .conversation-items .conversation-item .conversation-info .conversation-preview .last-message[data-v-12e6d62c]{font-size:13px;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-bottom:5px}.message-center .message-container .conversation-list .conversation-items .conversation-item .conversation-info .conversation-preview .conversation-meta[data-v-12e6d62c]{display:flex;gap:8px;align-items:center}.message-center .message-container .message-area[data-v-12e6d62c]{flex:1;display:flex;flex-direction:column}.message-center .message-container .message-area .chat-container[data-v-12e6d62c]{height:100%;display:flex;flex-direction:column}.message-center .message-container .message-area .chat-container .chat-header[data-v-12e6d62c]{padding:15px 20px;border-bottom:1px solid #e4e7ed;display:flex;justify-content:space-between;align-items:center}.message-center .message-container .message-area .chat-container .chat-header .chat-user-info[data-v-12e6d62c]{display:flex;align-items:center;gap:12px}.message-center .message-container .message-area .chat-container .chat-header .chat-user-info .user-details[data-v-12e6d62c]{display:flex;flex-direction:column}.message-center .message-container .message-area .chat-container .chat-header .chat-user-info .user-details .user-name[data-v-12e6d62c]{font-weight:500;color:#303133}.message-center .message-container .message-area .chat-container .chat-header .chat-user-info .user-details .user-status[data-v-12e6d62c]{font-size:12px;color:#909399}.message-center .message-container .message-area .chat-container .chat-header .chat-actions[data-v-12e6d62c]{display:flex;gap:10px}.message-center .message-container .message-area .chat-container .chat-messages[data-v-12e6d62c]{flex:1;overflow-y:auto;padding:20px;background:#f5f7fa}.message-center .message-container .message-area .chat-container .chat-messages .time-divider[data-v-12e6d62c]{text-align:center;margin:20px 0;color:#909399;font-size:12px;position:relative}.message-center .message-container .message-area .chat-container .chat-messages .time-divider[data-v-12e6d62c]:after,.message-center .message-container .message-area .chat-container .chat-messages .time-divider[data-v-12e6d62c]:before{content:"";position:absolute;top:50%;width:30%;height:1px;background:#dcdfe6}.message-center .message-container .message-area .chat-container .chat-messages .time-divider[data-v-12e6d62c]:before{left:0}.message-center .message-container .message-area .chat-container .chat-messages .time-divider[data-v-12e6d62c]:after{right:0}.message-center .message-container .message-area .chat-container .chat-messages .message-wrapper[data-v-12e6d62c]{margin-bottom:15px}.message-center .message-container .message-area .chat-container .chat-messages .message-wrapper .message[data-v-12e6d62c]{display:flex;gap:10px;align-items:flex-start}.message-center .message-container .message-area .chat-container .chat-messages .message-wrapper .message.sent[data-v-12e6d62c]{flex-direction:row-reverse}.message-center .message-container .message-area .chat-container .chat-messages .message-wrapper .message.sent .message-bubble[data-v-12e6d62c]{background:#0080ff;color:#fff;border-radius:18px 18px 4px 18px}.message-center .message-container .message-area .chat-container .chat-messages .message-wrapper .message.received .message-bubble[data-v-12e6d62c]{background:#fff;color:#303133;border-radius:18px 18px 18px 4px}.message-center .message-container .message-area .chat-container .chat-messages .message-wrapper .message .message-avatar[data-v-12e6d62c]{flex-shrink:0}.message-center .message-container .message-area .chat-container .chat-messages .message-wrapper .message .message-content[data-v-12e6d62c]{max-width:60%}.message-center .message-container .message-area .chat-container .chat-messages .message-wrapper .message .message-content .message-bubble[data-v-12e6d62c]{padding:10px 15px;word-wrap:break-word;box-shadow:0 1px 2px rgba(0,0,0,.1)}.message-center .message-container .message-area .chat-container .chat-messages .message-wrapper .message .message-content .message-time[data-v-12e6d62c]{font-size:11px;color:#909399;margin-top:5px;text-align:right}.message-center .message-container .message-area .chat-container .chat-input[data-v-12e6d62c]{border-top:1px solid #e4e7ed;background:#fff}.message-center .message-container .message-area .chat-container .chat-input .quick-replies[data-v-12e6d62c]{padding:10px 20px;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;flex-wrap:wrap}.message-center .message-container .message-area .chat-container .chat-input .input-container[data-v-12e6d62c]{padding:15px 20px;display:flex;gap:10px;align-items:flex-end}.message-center .message-container .message-area .chat-container .chat-input .input-container[data-v-12e6d62c] .el-textarea{flex:1}.message-center .message-container .message-area .chat-container .chat-input .input-container[data-v-12e6d62c] .el-textarea .el-textarea__inner{border-radius:20px;padding:10px 15px;resize:none}.message-center .message-container .message-area .chat-container .chat-input .input-container .input-actions[data-v-12e6d62c]{display:flex;gap:10px;align-items:center}.message-center .message-container .message-area .empty-state[data-v-12e6d62c]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#909399}.message-center .message-container .message-area .empty-state i[data-v-12e6d62c]{font-size:64px;margin-bottom:20px}.message-center .message-container .message-area .empty-state p[data-v-12e6d62c]{font-size:14px}.message-center .template-manager .el-table[data-v-12e6d62c]{margin-top:10px}[data-v-12e6d62c]::-webkit-scrollbar{width:6px;height:6px}[data-v-12e6d62c]::-webkit-scrollbar-track{background:#f1f1f1}[data-v-12e6d62c]::-webkit-scrollbar-thumb{background:#888;border-radius:3px}[data-v-12e6d62c]::-webkit-scrollbar-thumb:hover{background:#555}