*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{width:100%;height:100vh}.layout-container[data-v-227e1a4e]{height:100vh}.sidebar[data-v-227e1a4e]{background-color:#304156;color:#fff}.logo[data-v-227e1a4e]{height:60px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #434a55}.logo h2[data-v-227e1a4e]{color:#fff;font-size:18px;font-weight:500}.sidebar-menu[data-v-227e1a4e]{border:none;background-color:#304156}.sidebar-menu .el-menu-item[data-v-227e1a4e]{color:#bfcbd9}.sidebar-menu .el-menu-item[data-v-227e1a4e]:hover{background-color:#263445;color:var(--el-color-primary)}.sidebar-menu .el-menu-item.is-active[data-v-227e1a4e]{background-color:var(--el-color-primary);color:#fff}.main-content[data-v-227e1a4e]{background-color:#f0f2f5;padding:20px}.user-info[data-v-227e1a4e]{position:absolute;bottom:20px;left:0;right:0;padding:15px 20px 0;border-top:1px solid #434a55;width:200px}.user-dropdown[data-v-227e1a4e]{display:flex;align-items:center;color:#bfcbd9;cursor:pointer;font-size:14px}.user-dropdown[data-v-227e1a4e]:hover{color:var(--el-color-primary)}.user-dropdown .el-icon[data-v-227e1a4e]{margin-right:5px}.user-dropdown .el-icon--right[data-v-227e1a4e]{margin-left:auto;margin-right:0}.login-container[data-v-0c3ffa57]{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-content[data-v-0c3ffa57]{display:flex;width:100%;border-radius:16px;box-shadow:0 20px 60px #0000004d;height:100%}.login-left[data-v-0c3ffa57]{flex:.7;background:url(/admin/static/login_bg.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.login-left[data-v-0c3ffa57]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:0}.login-left-content[data-v-0c3ffa57]{position:relative;z-index:1;color:#fff;text-align:center}.brand-title[data-v-0c3ffa57]{font-size:48px;font-weight:700;margin-bottom:16px;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.brand-desc[data-v-0c3ffa57]{font-size:20px;margin-bottom:60px;opacity:.9}.feature-list[data-v-0c3ffa57]{display:flex;flex-direction:column;gap:24px;align-items:flex-start}.feature-item[data-v-0c3ffa57]{display:flex;align-items:center;gap:12px;font-size:16px;opacity:.95;transition:transform .3s}.feature-item[data-v-0c3ffa57]:hover{transform:translate(5px)}.feature-icon[data-v-0c3ffa57]{font-size:24px;background:#fff3;padding:8px;border-radius:8px}.login-right[data-v-0c3ffa57]{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px;background:#fff}.login-box[data-v-0c3ffa57]{width:100%;max-width:400px}.login-header[data-v-0c3ffa57]{text-align:center;margin-bottom:40px}.login-header h2[data-v-0c3ffa57]{font-size:32px;font-weight:600;color:#303133;margin-bottom:12px}.login-header p[data-v-0c3ffa57]{font-size:14px;color:#909399}.login-form[data-v-0c3ffa57]{margin-top:0}.login-form[data-v-0c3ffa57] .el-form-item{margin-bottom:24px}.login-form[data-v-0c3ffa57] .el-input__wrapper{padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:all .3s}.login-form[data-v-0c3ffa57] .el-input__wrapper:hover{box-shadow:0 2px 12px #667eea4d}.login-form[data-v-0c3ffa57] .el-input__wrapper.is-focus{box-shadow:0 2px 12px #667eea66;border-color:#667eea}.login-button[data-v-0c3ffa57]{width:100%;margin-top:16px;height:48px;font-size:16px;font-weight:500;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea66;transition:all .3s}.login-button[data-v-0c3ffa57]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.login-button[data-v-0c3ffa57]:active{transform:translateY(0)}.error-message[data-v-0c3ffa57]{display:flex;align-items:center;justify-content:center;gap:8px;color:#f56c6c;font-size:14px;margin-top:20px;padding:12px;background:#f56c6c1a;border-radius:8px;border:1px solid rgba(245,108,108,.2);animation:shake-0c3ffa57 .5s}@keyframes shake-0c3ffa57{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.login-content[data-v-0c3ffa57]{flex-direction:column;max-width:100%}.login-left[data-v-0c3ffa57]{padding:40px 20px;min-height:300px}.brand-title[data-v-0c3ffa57]{font-size:36px}.feature-list[data-v-0c3ffa57]{display:none}.login-right[data-v-0c3ffa57]{padding:40px 20px}}.card-header[data-v-0614d99f]{display:flex;justify-content:space-between;align-items:center}.pagination-container[data-v-0614d99f]{margin-top:20px;display:flex;justify-content:flex-end}.card-header[data-v-f78df8ad]{display:flex;justify-content:space-between;align-items:center}.pagination-container[data-v-f78df8ad]{margin-top:20px;display:flex;justify-content:flex-end}.stat-item[data-v-dfd3c5f7]{text-align:center}.stat-value[data-v-dfd3c5f7]{font-size:32px;font-weight:700;color:var(--el-color-primary);margin-bottom:10px}.stat-label[data-v-dfd3c5f7]{font-size:14px;color:#666}.realtime-stats[data-v-dfd3c5f7]{padding:10px 0}.stat-row[data-v-dfd3c5f7]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-row[data-v-dfd3c5f7]:last-child{border-bottom:none}.chat-window[data-v-e2b506e0]{display:flex;flex-direction:column;height:100%;background:#f5f5f5}.voice-recorder[data-v-e2b506e0]{padding:20px 0;text-align:center}.recording-section[data-v-e2b506e0]{display:flex;flex-direction:column;align-items:center;gap:20px}.recording-animation[data-v-e2b506e0]{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#f0f2f5;border-radius:50%;transition:all .3s}.recording-animation.active[data-v-e2b506e0]{background:var(--el-color-primary)}.recording-animation .wave[data-v-e2b506e0]{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--el-color-primary);opacity:0}.recording-animation.active .wave[data-v-e2b506e0]{animation:wave-animation-e2b506e0 1.5s ease-out infinite}.recording-animation.active .wave[data-v-e2b506e0]:nth-child(2){animation-delay:.5s}.recording-animation.active .wave[data-v-e2b506e0]:nth-child(3){animation-delay:1s}@keyframes wave-animation-e2b506e0{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.recording-animation .mic-icon[data-v-e2b506e0]{position:relative;z-index:1;color:#606266}.recording-animation.active .mic-icon[data-v-e2b506e0]{color:#fff}.recording-time[data-v-e2b506e0]{font-size:32px;font-weight:700;color:#303133;font-family:monospace}.recording-hint[data-v-e2b506e0]{font-size:14px;color:#909399}.record-button[data-v-e2b506e0]{width:160px;height:160px;border-radius:50%;font-size:16px;font-weight:700;transition:all .3s;cursor:pointer;user-select:none}.record-button.recording[data-v-e2b506e0]{background:#f56c6c;border-color:#f56c6c;transform:scale(.95)}.record-button.recording[data-v-e2b506e0]:hover{background:#f56c6c;border-color:#f56c6c}.preview-section[data-v-e2b506e0]{display:flex;flex-direction:column;align-items:center;gap:20px}.audio-preview[data-v-e2b506e0]{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.play-icon[data-v-e2b506e0]{color:var(--el-color-primary)}.audio-info[data-v-e2b506e0]{width:100%}.audio-duration[data-v-e2b506e0]{font-size:16px;color:#606266;margin-bottom:10px}.empty-state[data-v-e2b506e0]{flex:1;display:flex;align-items:center;justify-content:center}.chat-header[data-v-e2b506e0]{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#fff;border-bottom:1px solid #e8e8e8}.user-info[data-v-e2b506e0]{display:flex;align-items:center;gap:12px}.user-details[data-v-e2b506e0]{display:flex;flex-direction:column;gap:4px}.user-name[data-v-e2b506e0]{font-weight:500;font-size:14px;display:flex;align-items:center;gap:4px}.user-remark[data-v-e2b506e0]{font-weight:400;font-size:14px;color:#666}.chat-messages[data-v-e2b506e0]{flex:1;overflow-y:auto;padding:20px}.quick-reply-section[data-v-e2b506e0]{padding:0 10px;display:flex;flex-direction:column;gap:8px}.quick-reply-header[data-v-e2b506e0]{display:flex;align-items:center;justify-content:space-between}.quick-reply-title[data-v-e2b506e0]{font-size:12px;color:#606266;font-weight:500}.quick-reply-list[data-v-e2b506e0]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.quick-reply-item[data-v-e2b506e0]{padding:6px 8px 6px 12px;background:#fff;border:1px solid #dcdfe6;border-radius:4px;font-size:13px;color:#606266;cursor:pointer;transition:all .2s;white-space:nowrap;max-width:200px;text-overflow:ellipsis;position:relative;display:flex;align-items:center;gap:4px}.quick-reply-text[data-v-e2b506e0]{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:12px}.quick-reply-actions[data-v-e2b506e0]{display:none;align-items:center;gap:4px;margin-left:8px}.quick-reply-edit[data-v-e2b506e0],.quick-reply-delete[data-v-e2b506e0]{width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;border-radius:50%;transition:all .2s}.quick-reply-edit[data-v-e2b506e0]{color:var(--el-color-primary);background:#409eff1a}.quick-reply-edit[data-v-e2b506e0]:hover{background:#409eff33}.quick-reply-delete[data-v-e2b506e0]{color:#f56c6c;background:#f56c6c1a}.quick-reply-delete[data-v-e2b506e0]:hover{background:#f56c6c33}.quick-reply-item:hover .quick-reply-actions[data-v-e2b506e0]{display:flex}.quick-reply-item[data-v-e2b506e0]:hover{background:var(--el-color-primary);color:#fff;border-color:var(--el-color-primary);transform:translateY(-1px);box-shadow:0 2px 4px #409eff33}.quick-reply-item:hover .quick-reply-edit[data-v-e2b506e0],.quick-reply-item:hover .quick-reply-delete[data-v-e2b506e0]{color:#fff;background:#fff3}.quick-reply-item:hover .quick-reply-edit[data-v-e2b506e0]:hover,.quick-reply-item:hover .quick-reply-delete[data-v-e2b506e0]:hover{background:#ffffff4d}.load-more-container[data-v-e2b506e0]{text-align:center;padding:10px 0;margin-bottom:10px}.message-item[data-v-e2b506e0]{display:flex;gap:12px;margin-bottom:20px;position:relative}.message-item.customer[data-v-e2b506e0]{flex-direction:row-reverse}.message-wrapper[data-v-e2b506e0]{display:flex;align-items:flex-start;gap:8px;max-width:60%}.message-item.customer .message-wrapper[data-v-e2b506e0]{flex-direction:row-reverse}.message-content[data-v-e2b506e0]{display:flex;flex-direction:column;gap:4px;flex:1}.message-item.customer .message-content[data-v-e2b506e0]{align-items:flex-end}.message-actions[data-v-e2b506e0]{opacity:0;transition:opacity .2s;display:flex;align-items:center;align-self:end;margin-bottom:20px}.message-item:hover .message-actions[data-v-e2b506e0]{opacity:1}.text-message[data-v-e2b506e0]{padding:10px 15px;background:#fff;border-radius:8px;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;box-shadow:0 1px 2px #0000001a;line-height:1.5}.message-item.customer .text-message[data-v-e2b506e0]{background:var(--el-color-primary);color:#fff}.video-message video[data-v-e2b506e0]{display:block;border-radius:4px}.file-message[data-v-e2b506e0]{display:flex;align-items:center;gap:8px;padding:10px 15px}.voice-message[data-v-e2b506e0]{background:#fff!important;padding:8px;border-radius:8px;box-shadow:0 1px 2px #0000001a}.voice-message audio[data-v-e2b506e0]{display:block;width:250px;height:40px;outline:none}.message-item.customer .voice-message[data-v-e2b506e0]{background:transparent}.message-time[data-v-e2b506e0]{font-size:12px;color:#999;display:flex;align-items:center;gap:4px}.read-status[data-v-e2b506e0]{display:inline-flex;align-items:center}.read-icon[data-v-e2b506e0]{color:#67c23a;font-size:14px}.unread-icon[data-v-e2b506e0]{color:#909399;font-size:14px}.unread-icon.clickable[data-v-e2b506e0]{cursor:pointer}.unread-icon.clickable[data-v-e2b506e0]:hover{color:var(--el-color-primary)}.failed-icon[data-v-e2b506e0]{color:#f56c6c;font-size:14px}.sending-icon[data-v-e2b506e0]{color:var(--el-color-primary);font-size:14px;animation:rotate-e2b506e0 1s linear infinite}@keyframes rotate-e2b506e0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resend-button[data-v-e2b506e0]{margin-left:8px;font-size:12px;padding:0 8px;height:20px}.chat-input[data-v-e2b506e0]{background:#fff;border-top:1px solid #e8e8e8;padding:15px;display:flex;flex-direction:column;gap:10px;position:relative;transition:all .3s}.chat-input.drag-over[data-v-e2b506e0]{background:#f0f9ff;border-top:2px dashed var(--el-color-primary)}.chat-input.drag-over[data-v-e2b506e0]:after{content:"释放以上传文件";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:var(--el-color-primary);font-weight:700;pointer-events:none;z-index:10}.input-toolbar[data-v-e2b506e0]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chat-input[data-v-e2b506e0] .el-textarea__inner{resize:none}.avatar-uploader .avatar{width:178px;height:178px;display:block}.messages-container[data-v-646e9754]{display:grid;grid-template-columns:280px 1fr;height:100%;background:#fff;overflow:auto}.session-list[data-v-646e9754]{border-right:1px solid #e8e8e8;display:flex;flex-direction:column;height:100%;overflow:auto}.program-info[data-v-646e9754]{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #e8e8e8}.qrcode-section[data-v-646e9754]{padding:15px;border-bottom:1px solid #e8e8e8}.section-title[data-v-646e9754]{font-size:14px;font-weight:500;margin-bottom:10px;color:#606266}.qrcode-image[data-v-646e9754]{width:100%;max-width:80px;cursor:pointer;border-radius:8px;border:1px solid #e8e8e8}.program-info[data-v-646e9754] .el-descriptions__label{width:80px}.session-header[data-v-646e9754]{padding:16px;border-bottom:1px solid #e8e8e8}.session-count[data-v-646e9754]{font-size:14px;color:#666}.count-number[data-v-646e9754]{font-size:18px;font-weight:600;color:#07c160;margin-left:4px}.session-items[data-v-646e9754]{flex:1;overflow-y:auto;padding-bottom:20vh}.session-item[data-v-646e9754]{display:flex;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .3s}.session-item[data-v-646e9754]:hover{background:#f5f5f5}.session-item.active[data-v-646e9754]{background:#e6f7ff}.session-item.pinned[data-v-646e9754]{background:#fff7e6}.session-info[data-v-646e9754]{flex:1;min-width:0}.session-header-row[data-v-646e9754]{display:flex;flex-direction:column;gap:4px}.session-name-row[data-v-646e9754]{display:flex;white-space:nowrap;align-items:center;gap:8px}.session-name[data-v-646e9754]{font-size:14px;font-weight:500;color:#333;display:flex;align-items:center;gap:4px}.session-time[data-v-646e9754]{font-size:12px;color:#999}.session-preview[data-v-646e9754]{font-size:12px;color:#666;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.session-remark[data-v-646e9754]{color:#999;font-size:12px}.chat-area[data-v-646e9754]{display:flex;flex-direction:column;height:100%;overflow:hidden}.workspace-container[data-v-8221dc63]{height:100vh;background:#f0f2f5;overflow:hidden}.workspace-header[data-v-8221dc63]{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e8e8e8}.header-left[data-v-8221dc63]{display:flex;align-items:center;gap:20px}.logo[data-v-8221dc63]{font-size:18px;font-weight:600;color:#333}.header-right[data-v-8221dc63]{display:flex;align-items:center;gap:20px}.user-info[data-v-8221dc63]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 12px;border-radius:4px;transition:background .3s}.user-info[data-v-8221dc63]:hover{background:#f0f2f5}.user-name[data-v-8221dc63]{font-size:14px;color:#333}.workspace-main[data-v-8221dc63]{padding:0;height:calc(100vh - 60px);overflow:hidden}.welcome-images[data-v-8221dc63]{display:flex;gap:10px;flex-wrap:wrap}.image-item[data-v-8221dc63]{position:relative}.image-item[data-v-8221dc63] .el-button{position:absolute;top:-8px;right:-8px}