.chat-room-container[data-v-54b82037]{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;display:flex;height:calc(100vh - 40px);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15);max-height:800px;min-height:500px;width:calc(100% - 40px);max-width:1200px;margin:20px auto;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.1);border:1px solid #e0e0e0}.sidebar[data-v-54b82037]{width:280px;background-color:#f7f9fc;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;transition:width .3s ease}.room-header[data-v-54b82037]{padding:18px 20px;border-bottom:1px solid #e8e8e8;background-color:#fff}.room-header h2[data-v-54b82037]{font-size:18px;font-weight:600;color:#333;margin:0 0 10px 0}.current-user-info[data-v-54b82037]{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.current-user-name[data-v-54b82037]{font-weight:500}.user-list-wrapper[data-v-54b82037]{flex:1;overflow-y:hidden;padding:15px 0 15px 15px;display:flex;flex-direction:column;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin:8px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.user-list-wrapper h3[data-v-54b82037]{margin:0 10px 12px 5px;color:#555;font-size:14px;font-weight:600}.user-list[data-v-54b82037]{flex:1;overflow-y:auto;padding-right:10px}.user-list[data-v-54b82037]::-webkit-scrollbar{width:6px}.user-list[data-v-54b82037]::-webkit-scrollbar-thumb{background-color:#c5c5c5;border-radius:3px}.user-list[data-v-54b82037]::-webkit-scrollbar-track{background-color:transparent}.user-item[data-v-54b82037]{display:flex;align-items:center;padding:10px;border-radius:8px;margin-bottom:8px;transition:background-color .2s ease,box-shadow .2s ease;cursor:pointer;border:1px solid transparent}.user-item[data-v-54b82037]:hover{background:linear-gradient(135deg,rgba(64,158,255,.1),rgba(102,177,255,.1));border-color:rgba(64,158,255,.3);transform:translateY(-2px);box-shadow:0 8px 25px rgba(64,158,255,.15)}.user-item.active[data-v-54b82037]{background-color:#e0edff;box-shadow:inset 0 0 0 2px #b3d1ff}.user-avatar[data-v-54b82037]{margin-right:12px;flex-shrink:0}.user-status-indicator .el-badge__content.is-dot[data-v-54b82037]{border-color:#f7f9fc;border-width:2px;border-style:solid;box-sizing:content-box}.user-status-indicator[hidden] .el-badge__content.is-dot[data-v-54b82037]{display:none}.user-info[data-v-54b82037]{flex:1;min-width:0}.user-name[data-v-54b82037]{font-weight:500;color:#333;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status[data-v-54b82037]{font-size:12px;color:#888}.user-status.online[data-v-54b82037]{color:#4caf50;font-weight:500}.user-status.online[data-v-54b82037]:before{content:"●";margin-right:4px;font-size:10px}.user-actions[data-v-54b82037]{margin-left:10px}.user-actions .el-button--mini.is-circle[data-v-54b82037]{padding:7px}.empty-user-list[data-v-54b82037]{text-align:center;color:#999;font-size:13px;padding:20px}.chat-container[data-v-54b82037]{flex:1;display:flex;flex-direction:column;background-color:#fff}.chat-header[data-v-54b82037]{padding:20px 25px;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(252,253,255,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:70px;border-radius:12px 12px 0 0}.chat-header-left[data-v-54b82037]{display:flex;flex-direction:column;gap:4px}.chat-header h2[data-v-54b82037]{font-size:18px;font-weight:600;color:#2c3e50;margin:0}.call-status[data-v-54b82037]{font-size:12px;color:#606266;display:flex;align-items:center;gap:8px}.call-status span[data-v-54b82037]{background-color:#eef4ff;padding:3px 8px;border-radius:12px}.connection-status-wrapper[data-v-54b82037]{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.connection-status[data-v-54b82037]{display:flex;align-items:center;padding:6px 10px;border-radius:15px;font-size:12px;font-weight:500}.connection-status i[data-v-54b82037]{margin-right:6px;font-size:16px}.status-connected[data-v-54b82037]{color:#4caf50;background-color:#e8f5e9}.status-disconnected[data-v-54b82037]{color:#f44336;background-color:#ffebee}.reconnect-actions .el-button[data-v-54b82037]{padding:5px 10px}.message-container[data-v-54b82037]{flex:1;padding:20px 25px;overflow-y:auto;background:linear-gradient(180deg,rgba(244,246,248,.3),hsla(0,0%,100%,.1));position:relative}.message-container[data-v-54b82037]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.02)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.02)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}.message-container[data-v-54b82037]::-webkit-scrollbar{width:8px}.message-container[data-v-54b82037]::-webkit-scrollbar-thumb{background-color:#bdc3c7;border-radius:4px}.message-container[data-v-54b82037]::-webkit-scrollbar-track{background-color:#f4f6f8}.empty-chat-message[data-v-54b82037]{display:flex;justify-content:center;align-items:center;height:100%;color:#aaa;font-size:14px}.message-item[data-v-54b82037]{display:flex;margin-bottom:18px;align-items:flex-end}.self-message[data-v-54b82037]{flex-direction:row-reverse}.other-message .message-avatar[data-v-54b82037]{margin-right:12px}.self-message .message-avatar[data-v-54b82037]{margin-left:12px}.message-bubble[data-v-54b82037]{max-width:65%;padding:10px 15px;border-radius:18px;box-shadow:0 2px 5px rgba(0,0,0,.05);position:relative}.other-message .message-bubble[data-v-54b82037]{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid rgba(0,0,0,.08);border-top-left-radius:4px;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .2s ease}.other-message .message-bubble[data-v-54b82037]:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-1px)}.self-message .message-bubble[data-v-54b82037]{background:linear-gradient(135deg,#409eff,#66b1ff);color:#fff;border-top-right-radius:4px;box-shadow:0 4px 16px rgba(64,158,255,.3);transition:all .2s ease}.self-message .message-bubble[data-v-54b82037]:hover{box-shadow:0 6px 20px rgba(64,158,255,.4);transform:translateY(-1px)}.self-message .message-name[data-v-54b82037],.self-message .message-time[data-v-54b82037]{color:#e0f0ff}.message-header[data-v-54b82037]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.message-name[data-v-54b82037]{font-weight:600;font-size:13px;color:#555}.message-time[data-v-54b82037]{font-size:11px;color:#999}.message-text[data-v-54b82037]{font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message-text img[data-v-54b82037]{max-width:100%;border-radius:8px;margin-top:5px}.voice-call-overlay[data-v-54b82037]{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);z-index:100}.voice-call-panel[data-v-54b82037]{background-color:rgba(40,44,52,.9);color:#fff;padding:15px 25px;border-radius:12px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 15px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.call-partner-info[data-v-54b82037]{display:flex;flex-direction:column;align-items:center;text-align:center}.call-partner-name[data-v-54b82037]{font-weight:500;margin-top:8px;font-size:14px}.call-duration[data-v-54b82037]{font-size:12px;color:#ccc;margin-top:4px}.call-controls .el-button.is-circle[data-v-54b82037]{font-size:20px;padding:12px}.call-controls .el-button--danger[data-v-54b82037]{background-color:#f56c6c;border-color:#f56c6c}.call-controls .el-button--danger[data-v-54b82037]:hover{background:linear-gradient(135deg,#f78989,#f56c6c);transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,108,108,.4)}.call-controls .el-button--warning[data-v-54b82037]{background-color:#e6a23c;border-color:#e6a23c}.incoming-call-alert[data-v-54b82037]{position:fixed;top:20px;right:20px;background-color:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.15);z-index:1001;display:flex;align-items:center;gap:15px;border:1px solid #ebeef5}.incoming-call-info[data-v-54b82037]{display:flex;align-items:center;gap:10px}.caller-name[data-v-54b82037]{font-weight:700;font-size:15px;color:#303133}.incoming-call-info div>div[data-v-54b82037]:last-child{font-size:13px;color:#606266}.incoming-call-actions .el-button.is-circle[data-v-54b82037]{font-size:18px;padding:10px}.chat-input-area[data-v-54b82037]{padding:20px 25px;border-top:1px solid hsla(0,0%,100%,.2);background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,249,250,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 12px 12px}.chat-toolbar[data-v-54b82037]{margin-bottom:8px;display:flex;gap:8px}.chat-toolbar .el-button--small.is-circle[data-v-54b82037]{padding:7px}.message-input .el-textarea__inner[data-v-54b82037]{border-radius:8px;border:1px solid #dcdfe6;padding:10px 12px;font-size:14px;line-height:1.5;background-color:#fff}.message-input .el-textarea__inner[data-v-54b82037]:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.input-actions[data-v-54b82037]{display:flex;justify-content:flex-end;margin-top:10px}.input-actions .el-button--primary[data-v-54b82037]{font-weight:500}.input-actions .el-button i[data-v-54b82037]{margin-left:5px}audio[data-v-54b82037]{display:none}.el-avatar[data-v-54b82037]{background:linear-gradient(135deg,#c0c4cc,#d3d4d6);box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.el-avatar[data-v-54b82037]:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.15)}.el-button--primary[data-v-54b82037]{background:linear-gradient(135deg,#409eff,#66b1ff);border:none;box-shadow:0 4px 15px rgba(64,158,255,.3);transition:all .3s ease;font-weight:500}.el-button--primary[data-v-54b82037]:hover{background:linear-gradient(135deg,#66b1ff,#409eff);transform:translateY(-2px);box-shadow:0 6px 20px rgba(64,158,255,.4)}.el-button--danger[data-v-54b82037]{background:linear-gradient(135deg,#f56c6c,#f78989);border:none;box-shadow:0 4px 15px rgba(245,108,108,.3);transition:all .3s ease;font-weight:500}.el-button--danger[data-v-54b82037]:hover{background-color:#f78989;border-color:#f78989}@media (max-width:768px){.chat-room-container[data-v-54b82037]{flex-direction:column;height:100vh;margin:0;border-radius:0;max-height:none}.sidebar[data-v-54b82037]{width:100%;height:200px;border-right:none;border-bottom:1px solid #e8e8e8}.user-list-wrapper[data-v-54b82037]{padding:10px}.user-list[data-v-54b82037]{padding-right:0}.chat-header[data-v-54b82037],.chat-input-area[data-v-54b82037],.message-container[data-v-54b82037]{padding-left:15px;padding-right:15px}.message-bubble[data-v-54b82037]{max-width:80%}.voice-call-overlay[data-v-54b82037]{bottom:70px;width:calc(100% - 30px)}.voice-call-panel[data-v-54b82037]{flex-direction:column;gap:10px;padding:15px}.incoming-call-alert[data-v-54b82037]{top:10px;left:10px;right:10px;width:auto}}