.chat-item[data-v-4bba95f5]{height:68px;min-height:68px;display:flex;position:relative;margin:0 6px;padding:8px;box-sizing:border-box;align-items:center;overflow:visible;background:transparent;white-space:nowrap;cursor:pointer;border:1px solid transparent;border-radius:8px;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.chat-item[data-v-4bba95f5]:hover{background:rgba(18,74,126,.24);border-color:rgba(43,223,255,.24);box-shadow:inset 0 0 16px rgba(43,223,255,.06)}.chat-item.active[data-v-4bba95f5]{background:linear-gradient(135deg,rgba(8,125,255,.28),rgba(43,223,255,.1)),rgba(6,28,58,.52);border-color:rgba(43,223,255,.72);box-shadow:0 0 18px rgba(43,223,255,.24),inset 0 0 24px rgba(8,125,255,.14)}.chat-item.active .chat-name .chat-name-text[data-v-4bba95f5]{color:#fff}.chat-item .chat-left[data-v-4bba95f5]{position:relative;width:42px;height:42px;flex:0 0 42px;transform:translateY(-3px);display:flex;justify-content:center;align-items:center;overflow:visible}.chat-item .chat-left .unread-text[data-v-4bba95f5]{position:absolute;background:linear-gradient(135deg,#ff795d,var(--im-tech-danger));right:-4px;top:-8px;color:#fff;border-radius:30px;padding:1px 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid rgba(255,226,219,.9);box-shadow:0 0 12px rgba(255,86,63,.55)}.chat-item .chat-right[data-v-4bba95f5]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;transform:translateY(-3px);padding-left:10px;text-align:left;overflow:hidden}.chat-item .chat-right .chat-name[data-v-4bba95f5]{display:flex;line-height:26px;height:26px}.chat-item .chat-right .chat-name .chat-name-text[data-v-4bba95f5]{flex:1;display:flex;align-items:center;font-size:var(--im-font-size);font-weight:600;color:var(--im-tech-text);white-space:nowrap;overflow:hidden}.chat-item .chat-right .chat-name .chat-time-text[data-v-4bba95f5]{font-size:var(--im-font-size-smaller);text-align:right;color:var(--im-tech-text-muted);white-space:nowrap;overflow:hidden;padding-left:10px}.chat-item .chat-right .chat-content[data-v-4bba95f5]{display:flex;line-height:20px;height:20px;margin-top:3px}.chat-item .chat-right .chat-content .chat-at-text[data-v-4bba95f5]{color:#ffb454;font-size:var(--im-font-size-smaller)}.chat-item .chat-right .chat-content .chat-send-name[data-v-4bba95f5]{font-size:var(--im-font-size-small);color:rgba(152,200,238,.82)}.chat-item .chat-right .chat-content .chat-content-text[data-v-4bba95f5]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--im-font-size-small);color:var(--im-tech-text-muted)}.chat-item .chat-right .chat-content .icon[data-v-4bba95f5]{color:var(--im-tech-text-muted)}.chat-item[data-v-4bba95f5] .head-image{filter:drop-shadow(0 0 8px rgba(43,223,255,.16))}.chat-item[data-v-4bba95f5] .el-tag--primary{background:linear-gradient(135deg,#087dff,#2bdfff)!important;box-shadow:0 0 8px rgba(43,223,255,.32)}.group-member[data-v-321fc95a]{display:flex;flex-direction:column;align-items:center;width:50px;color:var(--im-tech-text)}.group-member .member-name[data-v-321fc95a]{font-size:12px;text-align:center;width:100%;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:rgba(232,247,255,.86)}.group-member .btn-kick[data-v-321fc95a]{display:none;position:absolute;right:-8px;top:-8px;color:#8b0000;font-size:20px;cursor:pointer}.group-member:hover .btn-kick[data-v-321fc95a]{display:block;color:#ce1818}.group-member-item[data-v-70aac7d9]{display:flex;position:relative;padding:0 15px;align-items:center;white-space:nowrap;box-sizing:border-box;border-radius:5px;margin:0 1px}.group-member-item[data-v-70aac7d9]:hover{background-color:rgba(43,223,255,.1)}.group-member-item.active[data-v-70aac7d9]{background-color:rgba(43,223,255,.16)}.group-member-item .member-name[data-v-70aac7d9]{flex:1;padding-left:10px;height:100%;text-align:left;white-space:nowrap;overflow:hidden;font-size:var(--im-font-size);color:var(--im-tech-text)}.group-member-selector[data-v-08394cab]{display:flex;color:var(--im-tech-text)}.group-member-selector .scroll-box[data-v-08394cab]{height:400px}.group-member-selector .left-box[data-v-08394cab]{width:48%;overflow:hidden;border:1px solid rgba(43,223,255,.24);border-radius:8px;background:rgba(2,13,30,.42)}.group-member-selector .left-box[data-v-08394cab] .el-input__inner{border:none;border-bottom:1px solid rgba(43,223,255,.2);border-radius:8px 8px 0 0;color:var(--im-tech-text);background:rgba(2,13,30,.74)}.group-member-selector .left-box[data-v-08394cab] .el-input__inner::-moz-placeholder{color:rgba(167,198,224,.62)}.group-member-selector .left-box[data-v-08394cab] .el-input__inner::placeholder{color:rgba(167,198,224,.62)}.group-member-selector .arrow[data-v-08394cab]{display:flex;align-items:center;font-size:20px;padding:10px;font-weight:600;color:var(--im-tech-cyan);text-shadow:0 0 14px rgba(43,223,255,.38)}.group-member-selector .right-box[data-v-08394cab]{width:48%;border:1px solid rgba(43,223,255,.24);border-radius:8px;background:rgba(2,13,30,.42)}.group-member-selector .right-box .select-tip[data-v-08394cab]{text-align:left;height:40px;line-height:40px;text-indent:5px;color:var(--im-tech-text-muted)}.group-member-selector .right-box .member-items[data-v-08394cab]{padding:10px;display:flex;flex-direction:row;flex-wrap:wrap}.group-member-selector .right-box .member-items .member-item[data-v-08394cab]{padding:2px}.chat-group-side[data-v-8466f0aa]{position:relative;width:100%;min-width:0;box-sizing:border-box;overflow:hidden;color:var(--im-tech-text)}.chat-group-side .search[data-v-8466f0aa]{padding:10px}.chat-group-side .search[data-v-8466f0aa] .el-input__inner{color:var(--im-tech-text);background:rgba(2,13,30,.72);border:1px solid rgba(43,223,255,.32);box-shadow:inset 0 0 14px rgba(0,112,255,.1)}.chat-group-side .search[data-v-8466f0aa] .el-input__inner::-moz-placeholder{color:rgba(167,198,224,.64)}.chat-group-side .search[data-v-8466f0aa] .el-input__inner::placeholder{color:rgba(167,198,224,.64)}.chat-group-side .el-divider--horizontal[data-v-8466f0aa]{margin:0;background-color:rgba(43,223,255,.18)}.chat-group-side .el-form-item[data-v-8466f0aa]{margin-bottom:0!important}.chat-group-side .member-list[data-v-8466f0aa]{padding:10px;display:flex;align-items:center;flex-wrap:wrap;font-size:14px;text-align:center}.chat-group-side .member-list .group-side-member[data-v-8466f0aa]{margin-left:5px}.chat-group-side .member-list .member-tools[data-v-8466f0aa]{display:flex;flex-direction:column;align-items:center;width:54px;margin-left:5px}.chat-group-side .member-list .member-tools .tool-btn[data-v-8466f0aa]{width:38px;height:38px;line-height:38px;border:1px solid rgba(43,223,255,.32);border-radius:8px;color:var(--im-tech-cyan);background:rgba(43,223,255,.08);font-size:14px;cursor:pointer;box-sizing:border-box;transition:all .2s ease}.chat-group-side .member-list .member-tools .tool-btn[data-v-8466f0aa]:hover{border-color:rgba(43,223,255,.76);box-shadow:0 0 14px rgba(43,223,255,.24)}.chat-group-side .member-list .member-tools .tool-text[data-v-8466f0aa]{font-size:12px;text-align:center;width:100%;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--im-tech-text-muted)}.chat-group-side .form[data-v-8466f0aa]{text-align:left;padding:10px;height:30%}.chat-group-side .form .el-form-item[data-v-8466f0aa]{margin-bottom:12px}.chat-group-side .form .el-form-item[data-v-8466f0aa] .el-form-item__label{padding:0;line-height:30px;color:rgba(190,220,244,.86)!important}.chat-group-side .form .el-form-item[data-v-8466f0aa] .el-textarea__inner{min-height:100px!important}.chat-group-side .form[data-v-8466f0aa] .el-input__inner,.chat-group-side .form[data-v-8466f0aa] .el-textarea__inner{color:var(--im-tech-text)!important;background:rgba(2,13,30,.72)!important;border-color:rgba(43,223,255,.28)!important}.chat-group-side .form[data-v-8466f0aa] .el-input__inner::-moz-placeholder,.chat-group-side .form[data-v-8466f0aa] .el-textarea__inner::-moz-placeholder{color:rgba(167,198,224,.58)!important}.chat-group-side .form[data-v-8466f0aa] .el-input__inner::placeholder,.chat-group-side .form[data-v-8466f0aa] .el-textarea__inner::placeholder{color:rgba(167,198,224,.58)!important}.chat-group-side .form[data-v-8466f0aa] .el-input.is-disabled .el-input__inner,.chat-group-side .form[data-v-8466f0aa] .el-textarea.is-disabled .el-textarea__inner{color:rgba(232,247,255,.72)!important;background:rgba(7,29,58,.74)!important;border-color:rgba(43,223,255,.2)!important;-webkit-text-fill-color:rgba(232,247,255,.72)}.chat-group-side .form .btn-group[data-v-8466f0aa]{text-align:center;margin-top:12px}.chat-group-member[data-v-e8078d60]{display:flex;position:relative;padding:0 5px;align-items:center;white-space:nowrap;box-sizing:border-box}.chat-group-member.active[data-v-e8078d60]{background:rgba(43,223,255,.14);box-shadow:inset 3px 0 0 rgba(43,223,255,.82)}.chat-group-member .name[data-v-e8078d60]{padding-left:10px;height:100%;text-align:left;white-space:nowrap;overflow:hidden;font-size:var(--im-font-size);color:var(--im-tech-text)}.chat-group-readed-mask[data-v-7c9c56f8]{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:9999}.chat-group-readed[data-v-7c9c56f8]{position:fixed;width:300px;color:var(--im-tech-text)}.chat-group-readed .scroll-box[data-v-7c9c56f8]{height:400px}.chat-group-readed[data-v-7c9c56f8] .el-tabs--border-card{background:linear-gradient(180deg,rgba(6,31,61,.96),rgba(1,10,24,.98));border:1px solid rgba(43,223,255,.28);border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.34),0 0 24px rgba(43,223,255,.14);overflow:hidden}.chat-group-readed[data-v-7c9c56f8] .el-tabs--border-card>.el-tabs__header{background:rgba(2,13,30,.72);border-bottom:1px solid rgba(43,223,255,.24)}.chat-group-readed[data-v-7c9c56f8] .el-tabs--border-card>.el-tabs__header .el-tabs__item{color:var(--im-tech-text-muted);border:0}.chat-group-readed[data-v-7c9c56f8] .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:var(--im-tech-text);background:rgba(43,223,255,.12);text-shadow:0 0 12px rgba(43,223,255,.3)}.chat-group-readed[data-v-7c9c56f8] .el-tabs--border-card>.el-tabs__content{padding:8px;background:rgba(2,13,30,.36)}.chat-group-readed .arrow-left[data-v-7c9c56f8]{position:absolute;left:-15px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid rgba(43,223,255,.32)}.chat-group-readed .arrow-left .arrow-left-inner[data-v-7c9c56f8]{position:absolute;top:-12px;left:3px;width:0;height:0;overflow:hidden;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid rgba(6,31,61,.96)}.chat-group-readed .arrow-right[data-v-7c9c56f8]{position:absolute;right:-15px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid rgba(43,223,255,.32)}.chat-group-readed .arrow-right .arrow-right-inner[data-v-7c9c56f8]{position:absolute;top:-12px;right:3px;width:0;height:0;overflow:hidden;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid rgba(6,31,61,.96)}.chat-message-item{padding:3px 10px;border-radius:8px}.chat-message-item.active{background:rgba(43,223,255,.08);box-shadow:inset 0 0 0 1px rgba(43,223,255,.16)}.chat-message-item .message-tip{line-height:50px;font-size:var(--im-font-size-small);color:var(--im-tech-text-muted)}.chat-message-item .message-normal{position:relative;min-width:0;box-sizing:border-box;font-size:0;padding-left:48px;min-height:50px;margin-top:10px}.chat-message-item .message-normal .head-image{position:absolute;width:40px;height:40px;top:0;left:0}.chat-message-item .message-normal .content{min-width:0;text-align:left}.chat-message-item .message-normal .content .message-top{display:flex;flex-wrap:nowrap;color:var(--im-tech-text-muted);font-size:var(--im-font-size);line-height:20px}.chat-message-item .message-normal .content .message-top span{margin-right:12px}.chat-message-item .message-normal .content .message-bottom{display:inline-block;max-width:100%;padding:0 5px;box-sizing:border-box}.chat-message-item .message-normal .content .message-bottom .message-content-wrapper{position:relative;display:flex;min-width:0;max-width:100%;align-items:flex-end}.chat-message-item .message-normal .content .message-bottom .message-content-wrapper .sending,.chat-message-item .message-normal .content .message-bottom .message-content-wrapper .sending .circular{width:25px;height:25px}.chat-message-item .message-normal .content .message-bottom .message-content-wrapper .send-fail{color:#e45050;font-size:30px;cursor:pointer;margin:0 5px}.chat-message-item .message-normal .content .message-bottom .message-text{flex:1;display:inline-block;position:relative;line-height:26px;padding:7px 12px;background:linear-gradient(135deg,rgba(13,49,87,.72),rgba(6,27,56,.76));border:1px solid rgba(43,223,255,.22);border-radius:8px;box-shadow:0 8px 18px rgba(0,7,20,.22),inset 0 0 14px rgba(43,223,255,.04);color:var(--im-tech-text);font-size:var(--im-font-size);text-align:left;white-space:pre-wrap;word-break:break-word}.chat-message-item .message-normal .content .message-bottom .message-image{max-width:100%;border-radius:8px;border:1px solid rgba(43,223,255,.36);overflow:hidden;cursor:pointer;background:rgba(4,18,39,.88);box-shadow:0 0 18px rgba(43,223,255,.12)}.chat-message-item .message-normal .content .message-bottom .message-image img{display:block;max-width:100%;height:auto!important}.chat-message-item .message-normal .content .message-bottom .message-image.message-emoji{border:0;background:transparent;box-shadow:none;overflow:visible}.chat-message-item .message-normal .content .message-bottom .message-image.message-emoji img{width:32px!important;height:32px!important;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.24))}.chat-message-item .message-normal .content .message-bottom .message-file{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;cursor:pointer;margin-bottom:2px;background:transparent}.chat-message-item .message-normal .content .message-bottom .message-file .chat-file-box{display:flex;flex-wrap:nowrap;align-items:center;min-height:60px;box-shadow:0 8px 18px rgba(0,7,20,.24);border-radius:8px;border:1px solid rgba(43,223,255,.24);background:rgba(7,31,61,.88);padding:10px 15px}.chat-message-item .message-normal .content .message-bottom .message-file .chat-file-box .chat-file-info{flex:1;height:100%;text-align:left;font-size:14px;margin-right:10px}.chat-message-item .message-normal .content .message-bottom .message-file .chat-file-box .chat-file-info .chat-file-name{display:inline-block;min-width:160px;max-width:220px;font-size:14px;margin-bottom:4px;white-space:pre-wrap;word-break:break-all}.chat-message-item .message-normal .content .message-bottom .message-file .chat-file-box .chat-file-info .chat-file-size{font-size:var(--im-font-size-smaller);color:var(--im-tech-text-muted)}.chat-message-item .message-normal .content .message-bottom .message-file .chat-file-box .chat-file-icon{font-size:44px;color:#ffb454}.chat-message-item .message-normal .content .message-bottom .message-file .send-fail{color:#e60c0c;font-size:30px;cursor:pointer;margin:0 20px}.chat-message-item .message-normal .content .message-bottom .message-voice{font-size:14px;cursor:pointer;color:var(--im-tech-text)}.chat-message-item .message-normal .content .message-bottom .message-voice audio{max-width:100%;height:45px;padding:5px 0}.chat-message-item .message-normal .content .message-bottom .message-video{position:relative;width:240px;max-width:100%;height:180px;overflow:hidden;border-radius:8px;background:#031023;border:1px solid rgba(43,223,255,.28)}.chat-message-item .message-normal .content .message-bottom .message-video .chat-video{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.chat-message-item .message-normal .content .message-bottom .message-video .chat-video-duration{position:absolute;right:8px;bottom:8px;padding:2px 6px;color:#fff;background:rgba(0,0,0,.48);border-radius:4px;font-size:12px;line-height:18px}.chat-message-item .message-normal .content .message-bottom .chat-action{display:flex;align-items:center}.chat-message-item .message-normal .content .message-bottom .chat-action .iconfont{cursor:pointer;font-size:22px;padding-right:8px}.chat-message-item .message-normal .content .message-bottom .message-status{margin-top:3px;display:block}.chat-message-item .message-normal .content .message-bottom .message-status .chat-readed{font-size:12px;color:var(--im-tech-text-muted)}.chat-message-item .message-normal .content .message-bottom .message-status .chat-unread{font-size:var(--im-font-size-smaller);color:var(--im-color-danger)}.chat-message-item .message-normal .content .message-bottom .chat-receipt{font-size:var(--im-font-size-smaller);cursor:pointer;color:var(--im-tech-text-muted)}.chat-message-item .message-normal .content .message-bottom .chat-receipt .icon-ok{font-size:20px;color:var(--im-tech-success)}.chat-message-item .message-normal .content .message-bottom .chat-at-user{padding:2px 5px;border-radius:3px;color:var(--im-tech-cyan);background:rgba(43,223,255,.12);cursor:pointer}.chat-message-item .message-normal.message-mine{text-align:right;padding-left:0;padding-right:48px}.chat-message-item .message-normal.message-mine .head-image{left:auto;right:0}.chat-message-item .message-normal.message-mine .content{text-align:right}.chat-message-item .message-normal.message-mine .content .message-top{flex-direction:row-reverse}.chat-message-item .message-normal.message-mine .content .message-top span{margin-left:12px;margin-right:0}.chat-message-item .message-normal.message-mine .content .message-bottom{padding:0 5px}.chat-message-item .message-normal.message-mine .content .message-bottom .message-content-wrapper{flex-direction:row-reverse}.chat-message-item .message-normal.message-mine .content .message-bottom .message-text{background:linear-gradient(135deg,rgba(8,125,255,.9),rgba(43,223,255,.68));border-color:rgba(43,223,255,.72);box-shadow:0 0 18px rgba(43,223,255,.26),inset 0 0 14px hsla(0,0%,100%,.12);color:#fff}.chat-message-item .message-normal.message-mine .content .message-bottom .chat-action{flex-direction:row-reverse}.chat-message-item .message-normal.message-mine .content .message-bottom .chat-action .iconfont{transform:rotateY(180deg)}.emotion-mask[data-v-6a6658a9]{position:fixed;inset:0;z-index:260;pointer-events:none}.emotion-box[data-v-6a6658a9]{position:fixed;width:480px;box-sizing:border-box;padding:8px;z-index:261;pointer-events:auto;background:linear-gradient(180deg,rgba(6,31,61,.96),rgba(1,10,24,.98));border:1px solid rgba(43,223,255,.28);box-shadow:0 12px 34px rgba(0,0,0,.34),0 0 24px rgba(43,223,255,.14);border-radius:8px;color:var(--im-tech-text);backdrop-filter:blur(10px)}.emotion-box .emotion-scroll[data-v-6a6658a9]{height:270px;overflow-x:hidden;overflow-y:auto}.emotion-box .emotion-scroll[data-v-6a6658a9]::-webkit-scrollbar{width:8px}.emotion-box .emotion-scroll[data-v-6a6658a9]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.04);border-radius:8px}.emotion-box .emotion-scroll[data-v-6a6658a9]::-webkit-scrollbar-thumb{background:rgba(125,210,255,.45);border-radius:8px}.emotion-box .emotion-content[data-v-6a6658a9]{box-sizing:border-box;width:100%;padding:8px 4px 12px;overflow:hidden}.emotion-box .emotion-group[data-v-6a6658a9]:not(:last-child){margin-bottom:10px}.emotion-box .emotion-group .emotion-group-title[data-v-6a6658a9]{font-size:11px;color:var(--im-tech-text-muted);margin-bottom:8px;padding:0 4px;text-align:left}.emotion-box .emotion-items[data-v-6a6658a9]{display:grid;grid-template-columns:repeat(10,34px);justify-content:space-between;padding:4px 8px 0;gap:8px 0;overflow:hidden}.emotion-box .emotion-items .emotion-item[data-v-6a6658a9]{display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;margin:0;width:34px;height:34px;border-radius:6px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.emotion-box .emotion-items .emotion-item[data-v-6a6658a9]:hover{background:rgba(43,223,255,.12);box-shadow:inset 0 0 12px rgba(43,223,255,.12);transform:translateY(-1px)}.emotion-box .emotion-items .emoji-large[data-v-6a6658a9]{display:block;max-width:30px;max-height:30px}.chat-record[data-v-7a985d12]{color:var(--im-tech-text);text-align:center}.chat-record .tip[data-v-7a985d12]{font-size:18px;color:var(--im-tech-text);line-height:34px}.chat-record audio[data-v-7a985d12]{width:100%;margin:10px 0}.chat-record[data-v-7a985d12] .el-divider{background-color:rgba(43,223,255,.2)}.chat-record .btn-group[data-v-7a985d12]{margin-bottom:20px}.chat-at-box[data-v-aff5bafe]{position:fixed;z-index:2000;width:200px;height:300px;color:var(--im-tech-text);background:linear-gradient(180deg,rgba(6,31,61,.96),rgba(1,10,24,.98));border:1px solid rgba(43,223,255,.28);border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.34),0 0 24px rgba(43,223,255,.14);overflow:hidden}.chat-at-item[data-v-aff5bafe]{cursor:pointer}.rtc-group-join[data-v-7cf55a95]{height:260px;padding:10px;color:var(--im-tech-text)}.rtc-group-join .host-info[data-v-7cf55a95]{display:flex;flex-direction:column;font-size:16px;padding:10px;height:100px;align-items:center}.rtc-group-join .host-info .host-text[data-v-7cf55a95]{margin-top:5px;color:var(--im-tech-text)}.rtc-group-join .users-info[data-v-7cf55a95]{font-size:16px;margin-top:20px;color:var(--im-tech-text-muted)}.rtc-group-join .users-info .user-list[data-v-7cf55a95]{display:flex;padding:5px 5px;height:90px;flex-wrap:wrap;justify-content:center}.rtc-group-join .users-info .user-list .user-item[data-v-7cf55a95]{padding:2px}.el-dialog.rtc-recording-dialog{position:absolute!important;top:50%;left:50%;width:min(860px,calc(100vw - 36px))!important;max-height:calc(100vh - 36px);margin:0!important;transform:translate(-50%,-50%);animation:rtc-recording-dialog-fade-in .28s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;border-radius:8px!important}.el-dialog.rtc-recording-dialog .el-dialog__header{padding:16px 20px!important;text-align:left}.el-dialog.rtc-recording-dialog .el-dialog__body{min-height:0;overflow-y:auto;padding:16px 20px 20px!important;background:rgba(2,13,30,.92)}.el-dialog.rtc-recording-dialog.is-closing{animation:rtc-recording-dialog-fade-out .2s cubic-bezier(.55,.06,.68,.19)}.recording-dialog-title,.recording-preview-title{display:flex;align-items:center;min-width:0;gap:11px}.recording-title-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;color:var(--im-tech-cyan);font-size:18px;background:rgba(43,223,255,.1);border:1px solid rgba(43,223,255,.34);border-radius:6px}.recording-title-text{color:var(--im-tech-text);font-size:17px;font-weight:600}.recording-title-meta{margin-top:3px;color:var(--im-tech-text-muted);font-size:12px}.rtc-recording-list{min-height:280px}.recording-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px;margin-bottom:12px}.recording-filters{display:flex;align-items:center;min-width:0;overflow-x:auto}.recording-filters button{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;color:var(--im-tech-text-muted);font-size:13px;white-space:nowrap;cursor:pointer;background:transparent;border:0;border-bottom:2px solid transparent}.recording-filters button span{min-width:18px;height:18px;padding:0 5px;color:var(--im-tech-text-dim);font-size:11px;line-height:18px;text-align:center;background:rgba(141,169,197,.1);border-radius:8px}.recording-filters button.active,.recording-filters button:hover{color:var(--im-tech-cyan);border-bottom-color:var(--im-tech-cyan)}.recording-filters button.active span{color:var(--im-tech-cyan);background:rgba(43,223,255,.12)}.recording-action-button,.recording-icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--im-tech-text-muted);font-size:16px;cursor:pointer;background:rgba(7,34,65,.72);border:1px solid rgba(43,223,255,.22);border-radius:6px}.recording-action-button.primary,.recording-action-button:hover,.recording-icon-button.primary,.recording-icon-button:hover{color:var(--im-tech-cyan);background:rgba(43,223,255,.1);border-color:rgba(43,223,255,.52)}.recording-action-button.danger,.recording-icon-button.danger{color:var(--im-tech-danger);border-color:rgba(239,83,99,.42)}.recording-action-button.danger:hover,.recording-icon-button.danger:hover{color:#ff98a3;background:rgba(239,83,99,.12);border-color:rgba(239,83,99,.68)}.recording-action-button:disabled,.recording-icon-button:disabled{opacity:.55;cursor:wait}.rotating{animation:recording-rotate .8s linear infinite}.recording-table-shell{overflow:hidden;border:1px solid rgba(43,223,255,.18);border-radius:6px}.recording-row,.recording-table-header{display:grid;grid-template-columns:130px 74px 84px minmax(130px,1fr) 176px;align-items:center;-moz-column-gap:12px;column-gap:12px}.recording-table-header{height:42px;padding:0 14px;color:var(--im-tech-text-muted);font-size:12px;background:rgba(8,44,82,.66);border-bottom:1px solid rgba(43,223,255,.18)}.recording-table-body{max-height:450px;overflow-y:auto;background:rgba(2,16,35,.68)}.recording-table-body::-webkit-scrollbar{width:7px}.recording-table-body::-webkit-scrollbar-thumb{background:rgba(43,223,255,.28);border-radius:3px}.recording-row{min-height:68px;padding:8px 14px;color:var(--im-tech-text);font-size:13px;border-bottom:1px solid rgba(43,223,255,.1);transition:background .2s ease}.recording-row:last-child{border-bottom:0}.recording-row:hover{background:rgba(8,64,110,.24)}.recording-time-cell{display:flex;flex-direction:column;gap:3px}.recording-time-cell strong{font-size:13px;font-weight:500}.recording-time-cell span{color:var(--im-tech-text-muted);font-size:12px}.recording-kind,.recording-status{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 8px;white-space:nowrap;border-radius:5px}.recording-kind{color:#7fdcff;background:rgba(8,125,255,.11);border:1px solid rgba(8,125,255,.24)}.recording-kind.voice{color:#5ee7b0;background:rgba(37,221,125,.08);border-color:rgba(37,221,125,.22)}.recording-status{padding-left:7px;color:var(--im-tech-text-muted);background:rgba(141,169,197,.08)}.recording-status i{width:7px;height:7px;background:currentColor;border-radius:50%}.recording-status.success{color:var(--im-tech-success)}.recording-status.processing{color:#ffd166}.recording-status.failed{color:var(--im-tech-danger)}.recording-file-cell{display:flex;align-items:center;min-width:0;gap:9px}.recording-file-cell>i{flex:0 0 auto;color:var(--im-tech-cyan);font-size:17px}.recording-file-name{display:flex;flex-direction:column;min-width:0;gap:3px}.recording-file-name strong{overflow:hidden;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.recording-file-name span{color:var(--im-tech-text-dim);font-size:11px}.recording-actions>span,.recording-no-file{color:var(--im-tech-text-dim);font-size:12px;overflow-wrap:anywhere}.recording-source-list{min-height:80px}.recording-source-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(43,223,255,.18)}.recording-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.recording-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:12px;color:var(--im-tech-text-muted);border:1px dashed rgba(43,223,255,.22);border-radius:6px;background:rgba(2,16,35,.5)}.recording-empty i{color:var(--im-tech-text-dim);font-size:34px}.rtc-recording-preview-dialog{width:min(720px,calc(100vw - 36px))!important;border-radius:8px!important}.rtc-recording-preview-dialog .el-dialog__header{text-align:left}.rtc-recording-preview-dialog .el-dialog__body{padding:0!important;background:#010711}.recording-preview-title{padding-right:36px;color:var(--im-tech-text);font-size:15px}.recording-preview-title i{color:var(--im-tech-cyan)}.recording-preview-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-preview-surface{display:flex;align-items:center;justify-content:center;min-height:300px;background:#000}.recording-preview-surface.audio{min-height:150px;padding:24px;background:rgba(2,16,35,.94)}.rtc-preview-media{max-height:70vh;background:#000}.rtc-preview-audio,.rtc-preview-media{display:block;width:100%}@keyframes recording-rotate{to{transform:rotate(1turn)}}@keyframes rtc-recording-dialog-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes rtc-recording-dialog-fade-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}@media(max-width:720px){.rtc-recording-dialog .el-dialog__body{padding:12px!important}.recording-table-header{display:none}.recording-row{grid-template-columns:1fr auto;grid-template-areas:"time status" "file file" "kind actions";row-gap:10px;padding:14px}.recording-time-cell{grid-area:time}.recording-row>div:nth-child(2){grid-area:kind}.recording-row>div:nth-child(3){grid-area:status}.recording-file-cell{grid-area:file}.recording-actions{grid-area:actions}}.chat-input-area{width:100%;height:100%;position:relative}.chat-input-area.is-dragover .edit-container{outline:1px dashed rgba(43,223,255,.86);outline-offset:-2px;background:rgba(43,223,255,.08)}.chat-input-area.is-dragover .edit-container>div:first-of-type:after{content:none}.chat-input-area .drag-mask{z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--im-tech-cyan);font-weight:600;background:rgba(2,13,30,.82);border:1px solid rgba(43,223,255,.38);box-shadow:inset 0 0 28px rgba(43,223,255,.12)}.chat-input-area .drag-mask,.chat-input-area .edit-container{position:absolute;top:0;left:0;right:0;bottom:0;font-size:var(--im-font-size)}.chat-input-area .edit-container{outline:none;padding:14px 16px 58px;line-height:26px;color:var(--im-tech-text);text-align:left;overflow-y:auto;white-space:pre-wrap;background:linear-gradient(180deg,rgba(5,22,48,.24),rgba(2,11,27,.38));border-top:1px solid rgba(43,223,255,.1);box-shadow:inset 0 0 22px rgba(0,102,214,.08)}.chat-input-area .edit-container>div:before{content:" ";font-size:14px;position:absolute;top:0;left:0}.chat-input-area .edit-container .chat-image{display:block;max-width:200px;max-height:100px;border:1px solid rgba(43,223,255,.38);border-radius:8px;cursor:pointer;box-shadow:0 0 14px rgba(43,223,255,.14)}.chat-input-area .edit-container .chat-file-container{max-width:65%;padding:10px;border:1px solid rgba(43,223,255,.48);display:flex;background:rgba(7,31,61,.9);border-radius:8px;box-shadow:0 0 16px rgba(43,223,255,.12)}.chat-input-area .edit-container .chat-file-container .file-position-left{display:flex;width:80px;justify-content:center;align-items:center}.chat-input-area .edit-container .chat-file-container .file-position-left .el-icon-document{font-size:40px;text-align:center;color:#ffb454}.chat-input-area .edit-container .chat-file-container .file-position-right{flex:1}.chat-input-area .edit-container .chat-file-container .file-position-right .file-name{font-size:16px;font-weight:600;color:var(--im-tech-cyan)}.chat-input-area .edit-container .chat-file-container .file-position-right .file-size{font-size:14px;font-weight:600;color:var(--im-tech-text-muted)}.chat-input-area .edit-container .chat-at-user{color:var(--im-tech-cyan);background:rgba(43,223,255,.1);border-radius:3px}.chat-input-area .edit-container>div:first-of-type:after{content:"请输入消息（按Ctrl+Enter键换行）";color:rgba(141,169,197,.72)}.chat-input-area .edit-container.not-empty>div:first-of-type:after{content:none}.chat-box[data-v-aef1feca]{position:relative;width:100%;height:100%;background:rgba(2,14,30,.1);color:var(--im-tech-text)}.chat-box .chat-body[data-v-aef1feca],.chat-box .chat-layout[data-v-aef1feca],.chat-box>.el-container[data-v-aef1feca],.chat-box[data-v-aef1feca]{min-width:0;overflow:hidden}.chat-box .chat-layout[data-v-aef1feca]{position:relative}.chat-box .el-header[data-v-aef1feca]{display:flex;justify-content:space-between;position:relative;padding:0 20px;line-height:50px;font-size:var(--im-font-size-larger);color:var(--im-tech-text);font-weight:600;border-bottom:1px solid rgba(43,223,255,.28);background:linear-gradient(180deg,rgba(8,38,76,.42),rgba(4,18,39,.32));box-shadow:0 8px 24px rgba(0,10,28,.24)}.chat-box .el-header[data-v-aef1feca]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,rgba(43,223,255,.86),transparent 42%,rgba(43,223,255,.54));pointer-events:none}.chat-box .el-header .btn-side[data-v-aef1feca]{position:absolute;right:20px;line-height:50px;font-size:20px;cursor:pointer;color:rgba(174,211,240,.86);transition:color .2s ease,text-shadow .2s ease}.chat-box .el-header .btn-side[data-v-aef1feca]:hover{color:var(--im-tech-cyan);text-shadow:0 0 12px rgba(43,223,255,.62)}.chat-box .content-box[data-v-aef1feca]{position:relative;min-width:0;overflow:hidden}.chat-box .content-box .im-chat-main[data-v-aef1feca]{padding:0;position:relative;min-width:0;overflow-x:hidden;overflow-y:auto;background-color:rgba(3,16,35,.1);background-image:linear-gradient(rgba(43,223,255,.055) 1px,transparent 0),linear-gradient(90deg,rgba(43,223,255,.055) 1px,transparent 0),linear-gradient(180deg,rgba(7,32,62,.2),rgba(2,10,24,.25));background-size:42px 42px,42px 42px,100% 100%}.chat-box .content-box .im-chat-main[data-v-aef1feca]:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,142,255,.08),transparent 36%),repeating-linear-gradient(-8deg,transparent 34px,rgba(0,169,255,.028) 35px,transparent 36px);opacity:.8}.chat-box .content-box .im-chat-main .im-chat-box[data-v-aef1feca]{position:relative;z-index:1;box-sizing:border-box;min-height:100%;padding:18px 16px 24px}.chat-box .content-box .im-chat-main .im-chat-box>ul[data-v-aef1feca]{padding:0 20px}.chat-box .content-box .im-chat-main .im-chat-box>ul li[data-v-aef1feca]{list-style-type:none}.chat-box .content-box .locate-tip[data-v-aef1feca]{text-align:center;position:absolute;right:20px;bottom:230px;color:var(--im-tech-text);font-size:var(--im-font-size);font-weight:600;background:linear-gradient(135deg,rgba(8,125,255,.42),rgba(43,223,255,.18));padding:8px 16px;border-radius:8px;cursor:pointer;z-index:99;box-shadow:0 0 18px rgba(43,223,255,.22);transition:all .3s ease;border:1px solid rgba(43,223,255,.48)}.chat-box .content-box .locate-tip[data-v-aef1feca]:hover{transform:translateY(-1px);border-color:rgba(43,223,255,.82);box-shadow:0 0 22px rgba(43,223,255,.34)}.chat-box .content-box .im-chat-footer[data-v-aef1feca]{position:relative;display:flex;flex-direction:column;padding:0;background:linear-gradient(180deg,rgba(5,24,50,.56),rgba(2,11,26,.62));border-top:1px solid rgba(43,223,255,.28);box-shadow:0 -8px 24px rgba(0,8,26,.28)}.chat-box .content-box .im-chat-footer .chat-tool-bar[data-v-aef1feca]{display:flex;position:relative;width:100%;height:44px;text-align:left;box-sizing:border-box;border-top:0;border-bottom:1px solid rgba(43,223,255,.18);padding:6px 8px;align-items:center;background:rgba(4,18,39,.3);color:rgba(190,220,244,.88);gap:12px}.chat-box .content-box .im-chat-footer .chat-tool-bar>div[data-v-aef1feca]{font-size:20px;cursor:pointer;width:32px;height:32px;line-height:32px;text-align:center;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.chat-box .content-box .im-chat-footer .chat-tool-bar>div.chat-tool-active[data-v-aef1feca]{color:var(--im-tech-cyan);background:rgba(43,223,255,.12);border-color:rgba(43,223,255,.3);transform:scale(1.02)}.chat-box .content-box .im-chat-footer .chat-tool-bar>div[data-v-aef1feca]:hover{color:var(--im-tech-cyan);background:rgba(43,223,255,.12);transform:translateY(-1px);border-color:rgba(43,223,255,.32);box-shadow:0 0 12px rgba(43,223,255,.16)}.chat-box .content-box .im-chat-footer .chat-tool-bar>.recording-history-btn[data-v-aef1feca]{width:auto;padding:0 9px;gap:5px;font-size:14px;white-space:nowrap}.chat-box .content-box .im-chat-footer .chat-tool-bar>.recording-history-btn i[data-v-aef1feca]{font-size:18px}.chat-box .content-box .im-chat-footer .send-content-area[data-v-aef1feca]{position:relative;display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,rgba(3,16,35,.4),rgba(2,10,25,.54))!important}.chat-box .content-box .im-chat-footer .send-content-area .send-btn-area[data-v-aef1feca]{padding:10px;position:absolute;bottom:4px;right:6px}.chat-box .content-box .im-chat-footer .send-content-area .send-btn-area[data-v-aef1feca] .el-button--primary{min-width:112px;height:40px;padding:0 22px;border-radius:8px;border:1px solid rgba(43,223,255,.72);background:linear-gradient(135deg,rgba(8,125,255,.98),rgba(43,223,255,.76));box-shadow:0 0 18px rgba(43,223,255,.34),inset 0 0 14px hsla(0,0%,100%,.14)}.chat-box .content-box .im-chat-footer .send-content-area .send-btn-area[data-v-aef1feca] .el-button--primary:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(43,223,255,.5),inset 0 0 16px hsla(0,0%,100%,.18)}.chat-box .content-box .im-chat-footer .chat-editer-mask[data-v-aef1feca]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(3,17,36,.86);font-size:var(--im-font-size-large);color:var(--im-tech-text-muted);display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid rgba(43,223,255,.3);z-index:10}.chat-box .content-box .im-chat-footer .chat-editer-mask .icon[data-v-aef1feca]{font-size:var(--im-font-size-larger);margin-right:3px}.chat-box .side-box[data-v-aef1feca]{position:absolute;top:0;right:0;bottom:0;z-index:120;width:320px!important;max-width:90%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,rgba(6,25,50,.62),rgba(2,11,26,.72));border-left:1px solid rgba(43,223,255,.28);box-shadow:-8px 0 24px rgba(0,8,26,.34)}.add-friend .item{height:65px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:25px;color:var(--im-tech-text);border-radius:8px;transition:background .2s ease,box-shadow .2s ease}.add-friend .item:hover{background:rgba(43,223,255,.1);box-shadow:inset 3px 0 0 rgba(43,223,255,.7)}.add-friend .item .friend-info{margin-left:15px;flex:3;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.add-friend .item .friend-info .nick-name{display:flex;flex-direction:row;font-weight:600;font-size:16px;line-height:25px;color:var(--im-tech-text)}.add-friend .item .friend-info .nick-name .online-status{font-size:12px;font-weight:600;color:var(--im-tech-text-muted)}.add-friend .item .friend-info .nick-name .online-status.online{color:var(--im-tech-success,#37f07b)}.add-friend .item .friend-info .user-name{display:flex;flex-direction:row;font-size:12px;line-height:20px;color:var(--im-tech-text-muted)}.resizable-aside[data-v-15cbd6da]{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,rgba(7,29,58,.58),rgba(3,14,32,.5));border-right:1px solid rgba(43,223,255,.3);box-shadow:8px 0 24px rgba(0,8,26,.28);position:relative}.resizable-aside .resize-handle[data-v-15cbd6da]{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.resizable-aside .resize-handle .resize-line[data-v-15cbd6da]{width:2px;height:100%;background:linear-gradient(180deg,transparent,rgba(43,223,255,.78),transparent);border-radius:1px;transition:all .2s ease;box-shadow:0 0 12px rgba(43,223,255,.42)}.resizable-aside .resize-handle.resizing .resize-line[data-v-15cbd6da],.resizable-aside .resize-handle:hover .resize-line[data-v-15cbd6da]{width:3px}.chat-page{height:100%;min-width:0;overflow:hidden;background:transparent;color:var(--im-tech-text)}.chat-page>.chat-main-container{min-width:0;overflow:hidden;background:rgba(2,15,31,.08)}.chat-page .chat-empty{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;color:var(--im-tech-text-muted);background-color:rgba(3,16,35,.18);background-image:linear-gradient(rgba(43,223,255,.055) 1px,transparent 0),linear-gradient(90deg,rgba(43,223,255,.055) 1px,transparent 0),linear-gradient(180deg,rgba(7,32,62,.24),rgba(2,10,24,.3));background-size:42px 42px,42px 42px,100% 100%}.chat-page .chat-empty .chat-empty-frame{min-width:260px;padding:28px 34px;border:1px solid rgba(43,223,255,.24);border-radius:8px;background:rgba(3,17,36,.34);box-shadow:inset 0 0 22px rgba(43,223,255,.06)}.chat-page .chat-empty .icon{display:block;margin-bottom:12px;color:var(--im-tech-cyan);font-size:34px;text-shadow:0 0 18px rgba(43,223,255,.5)}.chat-page .chat-empty .chat-empty-title{color:var(--im-tech-text);font-size:var(--im-font-size-large);font-weight:600;line-height:28px}.chat-page .chat-empty .chat-empty-text{margin-top:4px;color:var(--im-tech-text-muted);font-size:var(--im-font-size-small);line-height:22px}.chat-page .header{height:60px;flex-shrink:0;display:flex;align-items:center;padding:0 12px;box-sizing:border-box;border-bottom:1px solid rgba(43,223,255,.18);background:linear-gradient(180deg,rgba(10,42,82,.42),rgba(5,20,42,.3))}.chat-page .header .search-text{flex:1}.chat-page .header .search-text .el-input__inner{height:38px;color:var(--im-tech-text);background:rgba(2,13,30,.46);border:1px solid rgba(43,223,255,.32);border-radius:8px;box-shadow:inset 0 0 18px rgba(0,112,255,.12)}.chat-page .header .search-text .el-input__inner:focus,.chat-page .header .search-text .el-input__inner:hover{border-color:rgba(43,223,255,.78);box-shadow:0 0 0 2px rgba(43,223,255,.12),inset 0 0 18px rgba(0,112,255,.16)}.chat-page .header .search-text .el-input__inner::-moz-placeholder{color:rgba(167,198,224,.64)}.chat-page .header .search-text .el-input__inner::placeholder{color:rgba(167,198,224,.64)}.chat-page .header .search-text .el-input__prefix{color:rgba(43,223,255,.72)}.chat-page .header .add-btn{width:38px;height:38px;padding:0;margin:5px;font-size:16px;border-radius:50%;background:linear-gradient(135deg,rgba(8,125,255,.32),rgba(43,223,255,.14));color:var(--im-tech-cyan);transition:all .3s ease;font-weight:600;border:1px solid rgba(43,223,255,.36);box-shadow:inset 0 0 12px rgba(43,223,255,.08)}.chat-page .header .add-btn:hover{background:linear-gradient(135deg,rgba(8,125,255,.62),rgba(43,223,255,.34));transform:scale(1.05);color:#fff;border-color:rgba(43,223,255,.78);box-shadow:0 0 18px rgba(43,223,255,.3)}.chat-page .chat-loading{height:50px;background:rgba(3,17,36,.62);border-bottom:1px solid rgba(43,223,255,.16)}.chat-page .chat-loading .el-icon-loading{font-size:24px;color:var(--im-tech-cyan)}.chat-page .chat-loading .el-loading-text{color:var(--im-tech-text-muted)}.chat-page .scroll-box{flex:1;min-height:0;overflow:hidden;background:linear-gradient(180deg,rgba(6,25,50,.42),rgba(3,14,32,.36))}.chat-page .scroll-box .el-scrollbar__wrap{overflow-x:hidden}.chat-page .chat-items{flex:1}.chat-page .scroll-box .virtual-scroller-item{min-height:76px;padding:4px 0;box-sizing:border-box;overflow:visible}