#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}#app,*{margin:0;padding:0}*{box-sizing:border-box}.login-container[data-v-1a60e0da]{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#409eff,#36d1dc);padding:20px}.login-content[data-v-1a60e0da]{width:100%;max-width:400px;background-color:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.login-header[data-v-1a60e0da]{text-align:center;margin-bottom:40px}.logo[data-v-1a60e0da]{width:80px;height:80px;margin-bottom:20px}.login-header h1[data-v-1a60e0da]{font-size:24px;color:#303133;margin-bottom:10px}.subtitle[data-v-1a60e0da]{font-size:14px;color:#909399}.login-form[data-v-1a60e0da]{margin-bottom:30px}.login-btn[data-v-1a60e0da],.login-form[data-v-1a60e0da] .el-input__inner{height:45px;border-radius:8px}.login-btn[data-v-1a60e0da]{width:100%;font-size:16px;margin-top:10px}.login-footer[data-v-1a60e0da]{text-align:left;color:#909399;font-size:12px}@media screen and (max-width:768px){.login-content[data-v-1a60e0da]{padding:20px}.login-header h1[data-v-1a60e0da]{font-size:20px}.subtitle[data-v-1a60e0da]{font-size:12px}}.chat-container[data-v-5c2f50cd]{height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.chat-header[data-v-5c2f50cd]{background-color:#409eff;color:#fff;padding:0;height:50px!important;position:fixed;top:0;left:0;right:0;z-index:1000}.header-content[data-v-5c2f50cd]{height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.header-left[data-v-5c2f50cd]{font-size:20px;cursor:pointer;display:flex;align-items:center;gap:10px}.online-count[data-v-5c2f50cd]{font-size:14px;color:hsla(0,0%,100%,.9);background-color:hsla(0,0%,100%,.2);padding:2px 8px;border-radius:12px}.header-title[data-v-5c2f50cd]{font-size:16px;font-weight:500}.header-right[data-v-5c2f50cd]{font-size:20px;cursor:pointer;padding:5px;display:flex;align-items:center;gap:10px}.connection-status[data-v-5c2f50cd]{font-size:12px;padding:2px 8px;border-radius:10px;color:#fff}.status-connected[data-v-5c2f50cd]{background-color:#67c23a}.status-connecting[data-v-5c2f50cd]{background-color:#e6a23c}.status-disconnected[data-v-5c2f50cd]{background-color:#f56c6c}.header-right i[data-v-5c2f50cd]{color:#fff}.el-dropdown-menu[data-v-5c2f50cd]{min-width:100px}.el-dropdown-menu__item[data-v-5c2f50cd]{font-size:14px;padding:8px 20px}.chat-main[data-v-5c2f50cd]{padding:0;margin-top:50px;margin-bottom:60px;flex-grow:1;position:relative}.message-list[data-v-5c2f50cd]{height:90%;overflow-y:auto;padding:15px;position:absolute;top:0;left:0;right:0;bottom:50;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.message-item[data-v-5c2f50cd]{display:flex;align-items:flex-end;margin-bottom:20px;padding:0 15px}.message-self[data-v-5c2f50cd]{flex-direction:row-reverse}.message-other[data-v-5c2f50cd]{flex-direction:row}.message-content[data-v-5c2f50cd]{max-width:70%;display:flex;flex-direction:column}.message-self .message-content[data-v-5c2f50cd]{align-items:flex-end}.message-other .message-content[data-v-5c2f50cd]{align-items:flex-start}.message-info[data-v-5c2f50cd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 4px}.message-self .message-info[data-v-5c2f50cd]{flex-direction:row-reverse}.message-username[data-v-5c2f50cd]{font-size:12px;color:#606266;font-weight:500;margin:0 4px}.message-time[data-v-5c2f50cd]{font-size:12px;color:#999}.message-bubble[data-v-5c2f50cd]{padding:10px 16px;border-radius:18px;background-color:#fff;word-break:break-word;position:relative;display:inline-block;line-height:1.7;font-size:16px;box-shadow:none;color:#222;max-width:100%}.message-self .message-bubble[data-v-5c2f50cd]{background-color:#95ec69;color:#222;border:none;border-radius:6px;margin-left:40px;position:relative}.message-other .message-bubble[data-v-5c2f50cd]{background-color:#fff;color:#222;border:1px solid #e5e5e5;border-radius:6px;margin-right:40px}.message-self .message-bubble[data-v-5c2f50cd]:after{right:-7px;border-left:8px solid #95ec69}.message-other .message-bubble[data-v-5c2f50cd]:after,.message-self .message-bubble[data-v-5c2f50cd]:after{content:"";position:absolute;top:16px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent}.message-other .message-bubble[data-v-5c2f50cd]:after{left:-7px;border-right:8px solid #fff;border-left:none}.message-image[data-v-5c2f50cd]{max-width:200px;max-height:300px;min-width:100px;min-height:100px;border-radius:12px;cursor:pointer;transition:transform .2s;display:block;box-shadow:0 2px 4px rgba(0,0,0,.1)}.message-image[data-v-5c2f50cd]:hover{transform:scale(1.02)}.message-video[data-v-5c2f50cd]{max-width:250px;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.message-audio[data-v-5c2f50cd]{min-width:120px;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.chat-footer[data-v-5c2f50cd]{background-color:#f5f5f5;padding:0;height:auto!important;position:fixed;bottom:0;left:0;right:0;z-index:1000;border-top:1px solid #e6e6e6}.input-area[data-v-5c2f50cd]{padding:10px;background-color:#f5f5f5}.toolbar[data-v-5c2f50cd]{display:flex;gap:15px;margin-bottom:10px;padding:0 5px}.toolbar i[data-v-5c2f50cd]{font-size:24px;color:#666;cursor:pointer}.input-box[data-v-5c2f50cd]{display:flex;align-items:flex-end;gap:10px;background-color:#fff;border-radius:4px;padding:5px}.input-box .el-textarea[data-v-5c2f50cd]{margin-bottom:0}.input-box .el-textarea__inner[data-v-5c2f50cd]{border:none;resize:none;padding:8px;max-height:100px;background-color:transparent}.send-btn[data-v-5c2f50cd]{padding:8px 15px;height:auto;border-radius:4px}.emoji-picker[data-v-5c2f50cd]{padding:10px}.emoji-list[data-v-5c2f50cd]{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-height:200px;overflow-y:auto}.emoji-item[data-v-5c2f50cd]{font-size:20px;cursor:pointer;text-align:center;padding:5px;border-radius:4px;transition:background-color .2s}.emoji-item[data-v-5c2f50cd]:hover{background-color:#f0f0f0}.emoji-icon[data-v-5c2f50cd]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;padding:4px}.emoji-icon[data-v-5c2f50cd]:hover{color:#409eff}.emoji-icon svg[data-v-5c2f50cd]{width:24px;height:24px}.voice-btn[data-v-5c2f50cd]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:color .3s}.voice-btn[data-v-5c2f50cd]:hover{color:#409eff}.voice-btn i[data-v-5c2f50cd]{font-size:20px}@media screen and (max-width:768px){.message-content[data-v-5c2f50cd]{max-width:85%}.message-bubble[data-v-5c2f50cd]{font-size:15px;padding:8px 12px}.message-self .message-bubble[data-v-5c2f50cd]{margin-left:20px}.message-other .message-bubble[data-v-5c2f50cd]{margin-right:20px}.message-other .message-bubble[data-v-5c2f50cd]:after,.message-self .message-bubble[data-v-5c2f50cd]:after{top:12px}.message-image[data-v-5c2f50cd]{max-width:150px;max-height:200px;min-width:80px;min-height:80px}.message-video[data-v-5c2f50cd]{max-width:200px}}.toolbar i[data-v-5c2f50cd]:hover{color:#409eff}.recording-dialog[data-v-5c2f50cd]{background:rgba(0,0,0,.7)}.recording-dialog .el-dialog[data-v-5c2f50cd]{background:transparent;box-shadow:none}.recording-content[data-v-5c2f50cd]{display:flex;flex-direction:column;align-items:center;padding:20px}.recording-icon[data-v-5c2f50cd]{width:60px;height:60px;border-radius:50%;background:#409eff;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.recording-icon i[data-v-5c2f50cd]{font-size:30px;color:#fff}.recording-icon.recording[data-v-5c2f50cd]{animation:pulse-5c2f50cd 1.5s infinite}.recording-waves[data-v-5c2f50cd]{display:flex;align-items:center;gap:3px;margin-bottom:10px}.wave[data-v-5c2f50cd]{width:3px;height:15px;background:#409eff;border-radius:3px;animation:wave-5c2f50cd 1s infinite}.wave[data-v-5c2f50cd]:nth-child(2){animation-delay:.2s}.wave[data-v-5c2f50cd]:nth-child(3){animation-delay:.4s}.wave[data-v-5c2f50cd]:nth-child(4){animation-delay:.6s}.recording-time[data-v-5c2f50cd]{color:#fff;font-size:16px;margin-bottom:10px}.recording-tip[data-v-5c2f50cd]{color:hsla(0,0%,100%,.8);font-size:14px}@keyframes pulse-5c2f50cd{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes wave-5c2f50cd{0%{height:15px}50%{height:25px}to{height:15px}}@media screen and (max-width:768px){.recording-icon[data-v-5c2f50cd]{width:50px;height:50px}.recording-icon i[data-v-5c2f50cd]{font-size:25px}.recording-time[data-v-5c2f50cd]{font-size:14px}.recording-tip[data-v-5c2f50cd]{font-size:12px}}@media screen and (min-width:769px){.chat-container[data-v-5c2f50cd]{max-width:550px;margin:0 auto}.chat-footer[data-v-5c2f50cd],.chat-header[data-v-5c2f50cd]{max-width:550px;margin:0 auto;left:0;right:0}.chat-main[data-v-5c2f50cd]{margin-top:50px;margin-bottom:60px;padding:0}.message-list[data-v-5c2f50cd]{top:0;left:0;right:0;bottom:0;height:auto}}