.user-customer-service-page[data-v-1b41b151]{height:100%;display:flex;background-color:var(--im-background)}.user-customer-service-page .page-header[data-v-1b41b151]{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 4px rgba(0,0,0,.1)}.user-customer-service-page .page-header .page-title[data-v-1b41b151]{display:flex;align-items:center;font-size:18px;font-weight:700;color:var(--im-text-color)}.user-customer-service-page .page-header .page-title i[data-v-1b41b151]{color:var(--im-color-primary)}.user-customer-service-page .page-header .user-info[data-v-1b41b151]{display:flex;align-items:center;gap:10px}.user-customer-service-page .page-header .user-info .user-name[data-v-1b41b151]{font-size:14px;color:var(--im-text-color);font-weight:500}.user-customer-service-page .chat-container .chat-view[data-v-1b41b151],.user-customer-service-page .chat-container[data-v-1b41b151]{flex:1;height:100%}.user-customer-service-page .chat-container .waiting-state[data-v-1b41b151]{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--im-background)}.user-customer-service-page .chat-container .waiting-state .waiting-content[data-v-1b41b151]{text-align:center;color:var(--im-text-color-light)}.user-customer-service-page .chat-container .waiting-state .waiting-content .waiting-icon[data-v-1b41b151]{margin-bottom:20px}.user-customer-service-page .chat-container .waiting-state .waiting-content .waiting-icon i[data-v-1b41b151]{font-size:48px;color:var(--im-color-primary);animation:rotate-1b41b151 2s linear infinite}.user-customer-service-page .chat-container .waiting-state .waiting-content h3[data-v-1b41b151]{font-size:20px;margin-bottom:10px;color:var(--im-text-color)}.user-customer-service-page .chat-container .waiting-state .waiting-content p[data-v-1b41b151]{font-size:14px;margin-bottom:20px;line-height:1.5;color:var(--im-text-color-light)}.user-customer-service-page .chat-container .waiting-state .waiting-content .waiting-tips[data-v-1b41b151]{margin-top:30px;padding:20px;background-color:rgba(24,188,55,.1);border-radius:8px;border:1px solid rgba(24,188,55,.2)}.user-customer-service-page .chat-container .waiting-state .waiting-content .waiting-tips p[data-v-1b41b151]{margin:5px 0;font-size:13px;color:var(--im-text-color-light);text-align:left}.user-customer-service-page .chat-container .waiting-state .waiting-content .waiting-actions[data-v-1b41b151]{margin-top:20px}.user-customer-service-page .chat-container .connected-state[data-v-1b41b151]{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--im-background)}.user-customer-service-page .chat-container .connected-state .connected-content[data-v-1b41b151]{text-align:center;color:var(--im-text-color-light)}.user-customer-service-page .chat-container .connected-state .connected-content .connected-icon[data-v-1b41b151]{margin-bottom:20px}.user-customer-service-page .chat-container .connected-state .connected-content .connected-icon i[data-v-1b41b151]{font-size:48px;color:#18bc37}.user-customer-service-page .chat-container .connected-state .connected-content h3[data-v-1b41b151]{font-size:20px;margin-bottom:10px;color:var(--im-text-color)}.user-customer-service-page .chat-container .connected-state .connected-content p[data-v-1b41b151]{font-size:14px;margin-bottom:20px;line-height:1.5;color:var(--im-text-color-light)}.user-customer-service-page .chat-container .connected-state .connected-content .connected-actions[data-v-1b41b151]{display:flex;gap:10px;justify-content:center;align-items:center}.user-customer-service-page .chat-container .empty-state[data-v-1b41b151]{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--im-background)}.user-customer-service-page .chat-container .empty-state .empty-content[data-v-1b41b151]{text-align:center;color:var(--im-text-color-light)}.user-customer-service-page .chat-container .empty-state .empty-content .empty-icon[data-v-1b41b151]{margin-bottom:20px}.user-customer-service-page .chat-container .empty-state .empty-content .empty-icon i[data-v-1b41b151]{font-size:64px;color:var(--im-color-primary);opacity:.6}.user-customer-service-page .chat-container .empty-state .empty-content h3[data-v-1b41b151]{font-size:20px;margin-bottom:10px;color:var(--im-text-color)}.user-customer-service-page .chat-container .empty-state .empty-content p[data-v-1b41b151]{font-size:14px;margin-bottom:20px;line-height:1.5;color:var(--im-text-color-light)}.user-customer-service-page .chat-container .empty-state .empty-content .el-button[data-v-1b41b151]{padding:12px 24px;font-size:14px;border-radius:6px}@keyframes rotate-1b41b151{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-v-1b41b151] .el-tag--success,[data-v-1b41b151] .el-tag.el-tag--success{background-color:#18bc37!important;border-color:#18bc37!important}