.cs-chat-container[data-v-6b3e26ce]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:calc(100vh - 60px);background-color:#f5f7fa}.cs-sidebar[data-v-6b3e26ce]{width:30%;min-width:280px;max-width:400px;background-color:#fff;border-right:1px solid #e4e7ed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cs-sidebar-header[data-v-6b3e26ce]{height:60px;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e4e7ed}.cs-sidebar-header .title[data-v-6b3e26ce]{font-size:18px;font-weight:600;color:#303133}.cs-session-list[data-v-6b3e26ce]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.cs-session-list[data-v-6b3e26ce]::-webkit-scrollbar{width:6px}.cs-session-list[data-v-6b3e26ce]::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:3px}.cs-session-item[data-v-6b3e26ce]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 20px;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.cs-session-item[data-v-6b3e26ce]:hover{background-color:#f5f7fa}.cs-session-item.active[data-v-6b3e26ce]{background-color:#ecf5ff}.session-avatar[data-v-6b3e26ce]{-ms-flex-negative:0;flex-shrink:0;width:50px;height:50px;margin-right:12px}.session-avatar img[data-v-6b3e26ce]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.session-info[data-v-6b3e26ce]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.session-top[data-v-6b3e26ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.session-name[data-v-6b3e26ce]{font-size:14px;font-weight:500;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-time[data-v-6b3e26ce]{font-size:12px;color:#909399;-ms-flex-negative:0;flex-shrink:0;margin-left:10px}.session-bottom[data-v-6b3e26ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.session-preview[data-v-6b3e26ce]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-badge[data-v-6b3e26ce]{-ms-flex-negative:0;flex-shrink:0;margin-left:10px}.session-badge[data-v-6b3e26ce] .el-badge__content{background-color:#f56c6c;border:none}.cs-empty[data-v-6b3e26ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 0;color:#909399}.cs-empty i[data-v-6b3e26ce]{font-size:48px;margin-bottom:10px;color:#c0c4cc}.cs-empty span[data-v-6b3e26ce]{font-size:14px}.cs-chat-main[data-v-6b3e26ce]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff}.cs-chat-header[data-v-6b3e26ce]{height:60px;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e4e7ed}.chat-title[data-v-6b3e26ce]{font-size:16px;font-weight:600;color:#303133}.chat-status[data-v-6b3e26ce]{font-size:12px;padding:4px 12px;border-radius:12px;background-color:#f5f7fa;color:#909399}.chat-status.online[data-v-6b3e26ce]{background-color:#f0f9ff;color:#67c23a}.cs-message-area[data-v-6b3e26ce]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:20px;background-color:#f5f7fa}.cs-message-area[data-v-6b3e26ce]::-webkit-scrollbar{width:6px}.cs-message-area[data-v-6b3e26ce]::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:3px}.cs-placeholder[data-v-6b3e26ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;color:#909399}.cs-placeholder i[data-v-6b3e26ce]{font-size:64px;margin-bottom:20px;color:#c0c4cc}.cs-placeholder span[data-v-6b3e26ce]{font-size:16px}.cs-message-list[data-v-6b3e26ce]{min-height:100%}.message-item[data-v-6b3e26ce]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.message-item.message-left[data-v-6b3e26ce]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message-item.message-right[data-v-6b3e26ce]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.message-avatar[data-v-6b3e26ce]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-ms-flex-negative:0;flex-shrink:0}.message-bubble[data-v-6b3e26ce]{max-width:60%;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.6;word-wrap:break-word}.message-bubble.message-bubble-left[data-v-6b3e26ce]{background-color:#fff;color:#303133;margin-left:12px;border-top-left-radius:0;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.05)}.message-bubble.message-bubble-right[data-v-6b3e26ce]{background-color:#95ec69;color:#303133;margin-right:12px;border-top-right-radius:0;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.05)}.cs-empty-message[data-v-6b3e26ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;font-size:14px;color:#909399}.cs-input-area[data-v-6b3e26ce]{padding:20px;border-top:1px solid #e4e7ed;background-color:#fff}.cs-input-area[data-v-6b3e26ce] .el-textarea__inner{border:1px solid #dcdfe6;border-radius:8px;resize:none}.cs-input-area[data-v-6b3e26ce] .el-textarea__inner:focus{border-color:#409eff}.cs-input-footer[data-v-6b3e26ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px}.input-tip[data-v-6b3e26ce]{font-size:12px;color:#909399}