.login-container[data-v-a152f9e6]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f2f6fc}.login-card[data-v-a152f9e6]{width:400px;position:relative}.theme-toggle-login[data-v-a152f9e6]{position:absolute;top:10px;right:10px}.theme-switch-container[data-v-a152f9e6]{display:flex;align-items:center;background-color:hsla(0,0%,100%,.1);padding:5px 10px;border-radius:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.theme-icon[data-v-a152f9e6]{font-size:24px;margin:0 5px}.light-icon[data-v-a152f9e6]{color:#f39c12}.dark-icon[data-v-a152f9e6]{color:#34495e}.register-container[data-v-6cee90bd]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f2f6fc}.register-card[data-v-6cee90bd]{width:400px;position:relative}.right[data-v-6cee90bd]{float:right}.theme-toggle-register[data-v-6cee90bd]{position:absolute;top:10px;right:10px}.theme-switch-container[data-v-6cee90bd]{display:flex;align-items:center;background-color:hsla(0,0%,100%,.1);padding:5px 10px;border-radius:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.theme-icon[data-v-6cee90bd]{font-size:24px;margin:0 5px}.light-icon[data-v-6cee90bd]{color:#f39c12}.dark-icon[data-v-6cee90bd]{color:#34495e}.create-group-container[data-v-006a5c46]{display:flex;flex-direction:column;gap:20px}.section-title[data-v-006a5c46]{font-size:14px;font-weight:700;margin-bottom:10px;color:#606266}.group-name-input[data-v-006a5c46]{margin-bottom:10px}.group-name-hint[data-v-006a5c46]{font-size:12px;color:#909399;margin-top:5px}.selected-users[data-v-006a5c46]{border-top:1px solid #ebeef5;padding-top:15px}.user-tags[data-v-006a5c46]{display:flex;flex-wrap:wrap;gap:8px}.user-tag[data-v-006a5c46]{margin-right:0}.user-list[data-v-006a5c46]{max-height:300px;overflow-y:auto;border-top:1px solid #ebeef5;padding-top:15px}.user-checkbox[data-v-006a5c46]{display:block;margin-bottom:10px}.user-item[data-v-006a5c46]{display:flex;align-items:center}.user-avatar[data-v-006a5c46]{width:30px;height:30px;border-radius:50%;margin-right:10px;-o-object-fit:cover;object-fit:cover}.no-users-found[data-v-006a5c46]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#909399}.no-users-found i[data-v-006a5c46]{font-size:24px;margin-bottom:10px}.dark-theme-dialog[data-v-006a5c46] .el-dialog__header{background-color:#2c2c2c;color:#fff}.dark-theme-dialog[data-v-006a5c46] .el-dialog__title{color:#fff}.dark-theme-dialog[data-v-006a5c46] .el-dialog__body{background-color:#1e1e1e;color:#fff}.dark-theme-dialog[data-v-006a5c46] .el-dialog__headerbtn .el-dialog__close{color:#fff}.dark-theme-dialog[data-v-006a5c46] .el-input__inner{background-color:#303030;border-color:#3c3c3c;color:#fff}.dark-theme-dialog[data-v-006a5c46] .el-input-group__prepend{background-color:#303030;border-color:#3c3c3c;color:#909399}.dark-theme-dialog[data-v-006a5c46] .el-checkbox__label{color:#fff}.dark-theme-dialog .section-title[data-v-006a5c46]{color:#a6a9ad}.dark-theme-dialog .selected-users[data-v-006a5c46],.dark-theme-dialog .user-list[data-v-006a5c46]{border-color:#3c3c3c}.user-list[data-v-6840134c]{width:250px;height:100vh;overflow-y:auto;border-right:1px solid #ebeef5;background-color:#f7f7f7;display:flex;flex-direction:column;position:relative}.user-create[data-v-6840134c]{position:absolute;bottom:0;left:0;width:100%;height:40px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#409eff;cursor:pointer;.el-icon-plus[data-v-6840134c]{margin-top:2px}}.my-profile[data-v-6840134c]{padding:10px;display:flex;align-items:center;border-bottom:1px solid #e6e6e6}.my-profile .avatar-container[data-v-6840134c]{position:relative;cursor:pointer}.my-profile .avatar[data-v-6840134c]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-overlay[data-v-6840134c]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s}.avatar-container:hover .avatar-overlay[data-v-6840134c]{opacity:1}.my-profile .username[data-v-6840134c]{font-weight:700;flex-grow:1;margin-left:10px}.logout-button[data-v-6840134c]{font-size:20px;color:#606266}.header[data-v-6840134c]{padding:10px;border-bottom:1px solid #e6e6e6}.collapse-list[data-v-6840134c]{[data-v-6840134c] .el-collapse-item__header{padding-left:12px}[data-v-6840134c] .el-collapse-item__content{padding-bottom:0}.tag[data-v-6840134c]{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;font-size:12px;margin-left:8px;border-radius:50%;color:#fff;background-color:#f56c6c}}.search-container[data-v-6840134c]{display:flex;align-items:center}.search-container .el-input[data-v-6840134c]{flex-grow:1}.create-group-btn[data-v-6840134c]{margin-left:8px;font-size:12px}[data-v-6840134c] .el-tabs{max-height:calc(100vh - 120px)}[data-v-6840134c] .el-tabs__header{margin-bottom:0}.list-section[data-v-6840134c]{[data-v-6840134c] .el-menu-item{border-bottom:1px solid #c6c6c6;&[data-v-6840134c]:last-child{border-bottom:none}}}.list-section-title[data-v-6840134c]{padding:0 20px;font-size:12px;color:#909399;margin-bottom:5px}.el-menu[data-v-6840134c]{border-right:none;flex-grow:1;overflow-y:auto}.el-menu-item[data-v-6840134c],.item[data-v-6840134c],.user-row[data-v-6840134c]{display:flex;align-items:center}.item[data-v-6840134c]{margin-right:10px}.avatar[data-v-6840134c]{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.group-avatar[data-v-6840134c]{width:30px;height:30px;border-radius:50%;background-color:#409eff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.user-label[data-v-6840134c]{margin-left:8px;font-size:16px}[data-v-6840134c] .el-badge__content{font-size:14px;min-width:18px;height:18px;line-height:18px;background:#f56c6c;color:#fff;box-shadow:0 0 0 1px #fff;right:-10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:0 6px}.avatar-view-container[data-v-6840134c]{display:flex;flex-direction:column;align-items:center}.avatar-large-preview[data-v-6840134c]{width:200px;height:200px;border-radius:50%;overflow:hidden;margin-bottom:20px;border:2px solid #dcdfe6}.avatar-large-img[data-v-6840134c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-upload-panel[data-v-6840134c]{width:100%;margin-top:20px;border-top:1px solid #dcdfe6;padding-top:20px}.avatar-preview[data-v-6840134c]{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:20px auto;border:2px dashed #dcdfe6;display:flex;align-items:center;justify-content:center}.avatar-preview-img[data-v-6840134c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-6840134c]{display:flex;flex-direction:column;align-items:center;color:#909399}.avatar-placeholder i[data-v-6840134c]{font-size:40px;margin-bottom:10px}.avatar-actions[data-v-6840134c]{display:flex;justify-content:center;width:100%;margin-top:20px}.upload-actions[data-v-6840134c]{display:flex;justify-content:center;gap:10px}.dark-theme[data-v-6840134c]{border-right:1px solid #2c2c2c;background-color:#1e1e1e;color:#fff}.dark-theme .my-profile[data-v-6840134c]{border-bottom:1px solid #2c2c2c}.dark-theme .logout-button[data-v-6840134c],.dark-theme .my-profile .username[data-v-6840134c]{color:#fff}.dark-theme .header[data-v-6840134c]{border-bottom:1px solid #2c2c2c}.dark-theme[data-v-6840134c] .el-input__inner{background-color:#303030;border-color:#3c3c3c;color:#fff}.dark-theme[data-v-6840134c] .el-input__prefix{color:#909399}.dark-theme[data-v-6840134c] .el-badge__content{box-shadow:0 0 0 1px #1e1e1e}.dark-theme .user-label[data-v-6840134c]{color:#fff}.dark-theme .list-section-title[data-v-6840134c]{color:#a6a9ad}.dark-theme .group-avatar[data-v-6840134c]{background-color:#67c23a}.dark-theme .avatar-large-preview[data-v-6840134c],.dark-theme .avatar-preview[data-v-6840134c]{border-color:#3c3c3c}.dark-theme .avatar-upload-panel[data-v-6840134c]{border-top-color:#3c3c3c}.dark-theme-dialog[data-v-6840134c] .el-dialog__header{background-color:#2c2c2c;color:#fff}.dark-theme-dialog[data-v-6840134c] .el-dialog__title{color:#fff}.dark-theme-dialog[data-v-6840134c] .el-dialog__body{background-color:#1e1e1e;color:#fff}.dark-theme-dialog[data-v-6840134c] .el-dialog__headerbtn .el-dialog__close{color:#fff}.no-results[data-v-6840134c]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#909399}.no-results i[data-v-6840134c]{font-size:24px;margin-bottom:10px}.dark-theme .no-results[data-v-6840134c]{color:#a6a9ad}.feature-dropdown[data-v-6840134c]{min-width:140px}[data-v-6840134c] .feature-dropdown .el-dropdown-menu__item{font-size:14px;line-height:36px;padding:0 15px}[data-v-6840134c] .feature-dropdown .el-dropdown-menu__item i{margin-right:8px;font-size:16px}.dark-theme[data-v-6840134c] .el-dropdown-menu{background-color:#2c2c2c;border-color:#3c3c3c}.dark-theme[data-v-6840134c] .el-dropdown-menu__item{color:#fff}.dark-theme[data-v-6840134c] .el-dropdown-menu__item:focus,.dark-theme[data-v-6840134c] .el-dropdown-menu__item:hover{background-color:#3c3c3c;color:#409eff}@media (max-width:768px){.user-list[data-v-6840134c]{&[data-v-6840134c]:not(.user-drawer){display:none}}}.invite-members-container[data-v-b07ca554]{display:flex;flex-direction:column;gap:20px}.section-title[data-v-b07ca554]{font-size:14px;font-weight:700;margin-bottom:10px;color:#606266}.selected-users[data-v-b07ca554]{border-top:1px solid #ebeef5;padding-top:15px}.user-tags[data-v-b07ca554]{display:flex;flex-wrap:wrap;gap:8px}.user-tag[data-v-b07ca554]{margin-right:0}.user-list[data-v-b07ca554]{max-height:300px;overflow-y:auto;border-top:1px solid #ebeef5;padding-top:15px}.user-checkbox[data-v-b07ca554]{display:block;margin-bottom:10px}.user-item[data-v-b07ca554]{display:flex;align-items:center}.user-avatar[data-v-b07ca554]{width:30px;height:30px;border-radius:50%;margin-right:10px;-o-object-fit:cover;object-fit:cover}.no-users-found[data-v-b07ca554]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#909399}.no-users-found i[data-v-b07ca554]{font-size:24px;margin-bottom:10px}.dark-theme-dialog[data-v-b07ca554] .el-dialog__header{background-color:#2c2c2c;color:#fff}.dark-theme-dialog[data-v-b07ca554] .el-dialog__title{color:#fff}.dark-theme-dialog[data-v-b07ca554] .el-dialog__body{background-color:#1e1e1e;color:#fff}.dark-theme-dialog[data-v-b07ca554] .el-dialog__headerbtn .el-dialog__close{color:#fff}.dark-theme-dialog[data-v-b07ca554] .el-input__inner{background-color:#303030;border-color:#3c3c3c;color:#fff}.dark-theme-dialog[data-v-b07ca554] .el-checkbox__label{color:#fff}.dark-theme-dialog .section-title[data-v-b07ca554]{color:#a6a9ad}.dark-theme-dialog .selected-users[data-v-b07ca554],.dark-theme-dialog .user-list[data-v-b07ca554]{border-color:#3c3c3c}.chat-room[data-v-fa51a06e]{display:flex;flex-direction:column;width:100%;height:100vh;margin:0 auto;border:1px solid #dcdfe6;border-radius:5px;background-color:#f5f7fa;color:#303133}.chat-header[data-v-fa51a06e]{padding:10px 20px;border-bottom:1px solid #e6e6e6;background-color:#f7f7f7;text-align:left;position:relative;z-index:2;min-height:21px}.header-content[data-v-fa51a06e]{display:flex;justify-content:space-between;align-items:center;width:100%}.title-container[data-v-fa51a06e]{display:flex;align-items:center;justify-content:space-between;flex-grow:1;.operate[data-v-fa51a06e]{cursor:pointer;margin-right:20px}}.chat-title[data-v-fa51a06e]{flex:1;margin:0;font-size:16px;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-content[data-v-fa51a06e]{font-size:14px;.flex[data-v-fa51a06e]{display:flex;-moz-column-gap:10px;column-gap:10px}.btn[data-v-fa51a06e]{cursor:pointer;color:#409eff}.close[data-v-fa51a06e]{cursor:pointer;color:red}}.group-actions[data-v-fa51a06e]{display:inline-flex;align-items:center;margin-left:5px}.group-menu-btn[data-v-fa51a06e]{font-size:18px;color:#606266;padding:5px;cursor:pointer;transition:color .2s;background:transparent;border:none;height:auto}.group-menu-btn[data-v-fa51a06e]:hover{color:#409eff}.chat-messages[data-v-fa51a06e]{flex-grow:1;overflow-y:auto;padding:20px;background-color:#f5f7fa}.message-row[data-v-fa51a06e]{display:flex;margin-bottom:20px;align-items:flex-start}.avatar[data-v-fa51a06e]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.message-content[data-v-fa51a06e]{display:flex;flex-direction:column;max-width:70%}.message-sender[data-v-fa51a06e]{font-size:12px;color:#909399;margin-bottom:2px;padding-left:5px}.dark-theme .message-sender[data-v-fa51a06e]{color:#bdc3c7}.message-bubble[data-v-fa51a06e]{font-size:12px;color:#909399;padding:10px 15px;border-radius:18px;margin-bottom:5px;word-break:break-word;white-space:pre-wrap;color:#303133}.timestamp[data-v-fa51a06e]{font-size:12px;color:#909399;align-self:flex-end;margin:0 10px}.message-row.sent[data-v-fa51a06e]{flex-direction:row-reverse}.message-row.sent .avatar[data-v-fa51a06e]{margin-left:15px}.message-row.sent .message-content[data-v-fa51a06e]{align-items:flex-end}.message-row.sent .username[data-v-fa51a06e]{display:none}.message-row.sent .message-bubble[data-v-fa51a06e]{background-color:#95ec69;color:#303133}.message-row.received[data-v-fa51a06e]{flex-direction:row}.message-row.received .avatar[data-v-fa51a06e]{margin-right:15px}.message-row.received .message-content[data-v-fa51a06e]{align-items:flex-start}.message-row.received .message-bubble[data-v-fa51a06e]{background-color:#fff}.chat-footer[data-v-fa51a06e]{border-top:1px solid #e6e6e6;background-color:#f7f7f7}.chat-toolbar[data-v-fa51a06e]{display:flex;flex-direction:column;position:relative;border-bottom:1px solid #e6e6e6}.toolbar-icons[data-v-fa51a06e]{display:flex;align-items:center;padding:8px 15px;background-color:#f7f7f7}.toolbar-icon[data-v-fa51a06e]{font-size:18px;margin:0 15px 0 0;padding:5px;cursor:pointer;color:#606266;transition:color .2s;background:transparent;border:none;height:auto}.toolbar-icon i[data-v-fa51a06e]{display:inline-block;vertical-align:middle}.emoji-btn[data-v-fa51a06e]{font-size:20px;line-height:1;padding:0 5px}.toolbar-icon[data-v-fa51a06e]:hover{color:#409eff}.emoji-picker[data-v-fa51a06e]{position:absolute;bottom:60px;left:15px;width:300px;max-height:200px;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:100;overflow-y:auto}.emoji-container[data-v-fa51a06e]{display:flex;flex-wrap:wrap;padding:10px}.emoji[data-v-fa51a06e]{font-size:24px;padding:5px;cursor:pointer;transition:transform .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.emoji[data-v-fa51a06e]:hover{transform:scale(1.2);background-color:#f2f2f2;border-radius:4px}.message-bubble .file-message[data-v-fa51a06e]{display:flex;align-items:center;background-color:rgba(0,0,0,.05);padding:8px;border-radius:4px;cursor:pointer}.message-bubble .file-icon[data-v-fa51a06e]{font-size:24px;margin-right:10px}.message-bubble .file-info[data-v-fa51a06e]{display:flex;flex-direction:column}.message-bubble .file-name[data-v-fa51a06e]{font-weight:700;margin-bottom:2px}.message-bubble .file-size[data-v-fa51a06e]{font-size:12px;color:#909399}.message-input-container[data-v-fa51a06e]{display:flex;align-items:center;padding:10px 15px;background-color:#f7f7f7}.message-input[data-v-fa51a06e]{flex-grow:1;border:none!important;outline:none;background-color:#fff!important;color:#303133!important;font-size:14px;line-height:1.5;resize:none}.message-input[data-v-fa51a06e] .el-textarea__inner{background-color:#fff;color:#303133;border:1px solid #dcdfe6;resize:none;padding:5px;min-height:24px;line-height:24px}.message-input[data-v-fa51a06e] .el-textarea__inner::-moz-placeholder{color:#999}.message-input[data-v-fa51a06e] .el-textarea__inner::placeholder{color:#999}.placeholder[data-v-fa51a06e]{flex-grow:1;display:flex;justify-content:center;align-items:center;color:#909399}.dark-theme .placeholder[data-v-fa51a06e]{color:#909399;background-color:#1e1e1e}.send-button[data-v-fa51a06e]{margin-left:10px;padding:7px 15px;border-radius:4px;font-size:14px;background-color:#409eff;color:#fff;border:none;height:auto}.send-button[data-v-fa51a06e]:hover{background-color:#66b1ff}.dark-theme[data-v-fa51a06e]{border:1px solid #2c2c2c;background-color:#1e1e1e;color:#fff}.dark-theme .chat-header[data-v-fa51a06e]{border-bottom:1px solid #2c2c2c;background-color:#1e1e1e}.dark-theme .chat-header h3[data-v-fa51a06e],.dark-theme .chat-title[data-v-fa51a06e]{color:#fff}.dark-theme .chat-messages[data-v-fa51a06e]{background-color:#1e1e1e}.dark-theme .message-bubble[data-v-fa51a06e]{color:#fff}.dark-theme .message-row.sent .message-bubble[data-v-fa51a06e]{background-color:#4caf50;color:#fff}.dark-theme .message-row.received .message-bubble[data-v-fa51a06e]{background-color:#303030}.dark-theme .chat-footer[data-v-fa51a06e]{border-top:1px solid #2c2c2c;background-color:#1e1e1e}.dark-theme .chat-toolbar[data-v-fa51a06e]{border-bottom:1px solid #2c2c2c}.dark-theme .toolbar-icons[data-v-fa51a06e]{background-color:#1e1e1e}.dark-theme .toolbar-icon[data-v-fa51a06e]{color:#fff}.dark-theme .emoji-picker[data-v-fa51a06e]{background-color:#2c2c2c;border:1px solid #3c3c3c;box-shadow:0 2px 12px 0 rgba(0,0,0,.3)}.dark-theme .emoji[data-v-fa51a06e]:hover{background-color:#3c3c3c}.dark-theme .message-bubble .file-message[data-v-fa51a06e]{background-color:rgba(0,0,0,.2)}.dark-theme .message-input-container[data-v-fa51a06e]{background-color:#1e1e1e}.dark-theme .message-input[data-v-fa51a06e]{background-color:#1e1e1e!important;color:#fff!important}.dark-theme .message-input[data-v-fa51a06e] .el-textarea__inner{background-color:#1e1e1e;color:#fff;border:none}.avatar-view-container[data-v-fa51a06e]{display:flex;flex-direction:column;align-items:center}.avatar-large-preview[data-v-fa51a06e]{width:200px;height:200px;border-radius:50%;overflow:hidden;margin-bottom:20px;border:2px solid #dcdfe6}.avatar-large-img[data-v-fa51a06e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.username-display[data-v-fa51a06e]{font-size:18px;font-weight:700;margin-top:10px}.dark-theme .avatar-large-preview[data-v-fa51a06e]{border-color:#3c3c3c}.dark-theme-dialog[data-v-fa51a06e] .el-dialog__header{background-color:#2c2c2c;color:#fff}.dark-theme-dialog[data-v-fa51a06e] .el-dialog__title{color:#fff}.dark-theme-dialog[data-v-fa51a06e] .el-dialog__body{background-color:#1e1e1e;color:#fff}.dark-theme-dialog[data-v-fa51a06e] .el-dialog__headerbtn .el-dialog__close{color:#fff}.screenshot-selector-container[data-v-fa51a06e]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;cursor:crosshair}.screenshot-overlay[data-v-fa51a06e]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.screenshot-toolbar[data-v-fa51a06e]{position:fixed;top:10px;left:50%;transform:translateX(-50%);background-color:#fff;border-radius:4px;padding:8px 15px;display:flex;align-items:center;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:10001}.screenshot-toolbar span[data-v-fa51a06e]{margin-right:15px;color:#606266}.screenshot-toolbar-actions[data-v-fa51a06e]{display:flex;gap:10px}.selection-area[data-v-fa51a06e]{position:absolute;border:2px solid #409eff;background-color:rgba(64,158,255,.1);box-sizing:border-box;cursor:move}.selection-dragging[data-v-fa51a06e]{border:1px dashed #fff;background-color:hsla(0,0%,100%,.1)}.selection-info[data-v-fa51a06e]{position:absolute;top:-25px;left:0;background-color:rgba(0,0,0,.6);color:#fff;padding:2px 6px;border-radius:2px;font-size:12px;white-space:nowrap}.resize-handle[data-v-fa51a06e]{position:absolute;width:8px;height:8px;background-color:#fff;border:1px solid #409eff;z-index:10001}.top-left[data-v-fa51a06e]{top:-5px;left:-5px;cursor:nwse-resize}.top-right[data-v-fa51a06e]{top:-5px;right:-5px;cursor:nesw-resize}.bottom-left[data-v-fa51a06e]{bottom:-5px;left:-5px;cursor:nesw-resize}.bottom-right[data-v-fa51a06e]{bottom:-5px;right:-5px;cursor:nwse-resize}.screenshot-preview-container[data-v-fa51a06e]{display:flex;flex-direction:column;align-items:center}.screenshot-preview[data-v-fa51a06e]{width:100%;margin-bottom:20px;border:1px solid #dcdfe6;overflow:hidden}.screenshot-img[data-v-fa51a06e]{width:100%;display:block}.screenshot-actions[data-v-fa51a06e]{display:flex;justify-content:center;gap:20px}.screenshot-tips[data-v-fa51a06e]{padding:10px}.screenshot-tips ol[data-v-fa51a06e]{margin:15px 0;padding-left:20px}.screenshot-tips li[data-v-fa51a06e]{margin-bottom:10px}.screenshot-tips-actions[data-v-fa51a06e]{display:flex;justify-content:center;gap:20px;margin-top:20px}.dark-theme .screenshot-preview[data-v-fa51a06e]{border-color:#3c3c3c}.dark-theme .screenshot-toolbar[data-v-fa51a06e]{background-color:#2c2c2c}.dark-theme .screenshot-toolbar span[data-v-fa51a06e]{color:#e0e0e0}.dark-theme[data-v-fa51a06e] .el-dropdown-menu__item:focus,.dark-theme[data-v-fa51a06e] .el-dropdown-menu__item:hover{background-color:#3c3c3c;color:#409eff}.dark-theme[data-v-fa51a06e] .danger-item{color:#f56c6c}.dark-theme[data-v-fa51a06e] .danger-item:focus,.dark-theme[data-v-fa51a06e] .danger-item:hover{background-color:#3c3c3c;color:#f56c6c}[data-v-fa51a06e] .danger-item{color:#f56c6c}.audio[data-v-fa51a06e]{height:36px}.select-kefu[data-v-fa51a06e]{padding:0 16px;.kefu-list[data-v-fa51a06e]{min-height:100px;margin-bottom:20px;.item[data-v-fa51a06e]{padding:10px 12px;margin-bottom:10px;border-radius:4px;background-color:#f8f8f8}.selected[data-v-fa51a06e]{background-color:#409eff;color:#fff}}}.play-btn[data-v-fa51a06e]{font-size:20px}@media (min-width:768px){.operate[data-v-fa51a06e]{display:none}}body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}.chat-container{display:flex;height:100vh;overflow:hidden}.chat-main{width:calc(100vw - 200px);flex-grow:1;display:flex;flex-direction:column;position:relative}.theme-toggle{position:absolute;top:15px;right:15px;z-index:3}.theme-switch-container{display:flex;align-items:center;background-color:hsla(0,0%,100%,.1);padding:5px 10px;border-radius:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.theme-icon{font-size:24px;margin:0 5px}.light-icon{color:#f39c12}.dark-icon{color:#34495e}.dark-theme .theme-switch-container{background-color:rgba(0,0,0,.2);box-shadow:0 2px 12px 0 rgba(0,0,0,.3)}.dark-theme .light-icon{color:#f39c12}.dark-theme .dark-icon{color:#bdc3c7}.dark-theme{background-color:#1e1e1e;color:#fff}.dark-theme .el-card{background-color:#2c2c2c;border-color:#3c3c3c;color:#fff}.dark-theme .el-card__header{border-bottom:1px solid #3c3c3c}.dark-theme .el-input__inner{background-color:#303030;border-color:#3c3c3c;color:#fff}.dark-theme .el-input__prefix{color:#909399}.dark-theme .el-select-dropdown{background-color:#303030;border-color:#3c3c3c}.dark-theme .el-select-dropdown__item{color:#fff}.dark-theme .el-select-dropdown__item.hover,.dark-theme .el-select-dropdown__item:hover{background-color:#3c3c3c}