@trtc/calls-uikit-vue2 4.4.9 → 4.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -4
- package/src/Components/components/common/TopBar/TopBar.vue +4 -0
- package/src/TUICallService/CallService/backgroundHandler.ts +182 -0
- package/src/TUICallService/CallService/index.ts +1 -1
- package/src/index.ts +1 -1
- package/tuicall-uikit-vue2.es.js +4 -4
- package/tuicall-uikit-vue2.umd.js +2 -2
- package/types/TUICallService/CallService/backgroundHandler.d.ts +27 -0
- package/types/TUICallService/CallService/index.d.ts +1 -0
- package/types/tsconfig.tsbuildinfo +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trtc/calls-uikit-vue2",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.5.0",
|
|
4
4
|
"main": "./tuicall-uikit-vue2.umd.js",
|
|
5
5
|
"module": "./tuicall-uikit-vue2.es.js",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
"directory": "Web"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@tencentcloud/tui-core-lite": "~1.0.
|
|
17
|
-
"@trtc/call-engine-lite-js": "~
|
|
16
|
+
"@tencentcloud/tui-core-lite": "~1.0.1",
|
|
17
|
+
"@trtc/call-engine-lite-js": "~4.0.0",
|
|
18
18
|
"@tencentcloud/lite-chat": "^1.6.3",
|
|
19
|
-
"@trtc/call-engine-lite-wx": "~
|
|
19
|
+
"@trtc/call-engine-lite-wx": "~4.0.0"
|
|
20
20
|
},
|
|
21
21
|
"bugs": {
|
|
22
22
|
"url": "https://github.com/tencentyun/TUICallKit/issues"
|
|
@@ -21,9 +21,11 @@
|
|
|
21
21
|
<div class="control-item">
|
|
22
22
|
<Minimize v-if="!isPC && showMinimize" />
|
|
23
23
|
</div>
|
|
24
|
+
<!-- @if process.env.BUILD_TARGET!='MINI' -->
|
|
24
25
|
<div class="control-item">
|
|
25
26
|
<AITranscriberSwitchH5 v-if="showAITranscriberSwitch" />
|
|
26
27
|
</div>
|
|
28
|
+
<!-- @endif -->
|
|
27
29
|
</div>
|
|
28
30
|
</Col>
|
|
29
31
|
<Col :span="8" justify="center" align="center">
|
|
@@ -62,8 +64,10 @@ import FullScreen from '../Button/FullScreen.vue';
|
|
|
62
64
|
// @endif
|
|
63
65
|
import InviteUser from '../Button/InviteUser.vue';
|
|
64
66
|
import Timer from '../Timer/Timer.vue';
|
|
67
|
+
// @if process.env.BUILD_TARGET!='MINI'
|
|
65
68
|
import AITranscriberSwitch from '../AIAssistant/components/AITranscriberSwitchPC.vue';
|
|
66
69
|
import AITranscriberSwitchH5 from '../AIAssistant/components/AITranscriberSwitchH5.vue';
|
|
70
|
+
// @endif
|
|
67
71
|
|
|
68
72
|
defineProps(TopBarProps);
|
|
69
73
|
const isPC = TUIGlobal.isPC;
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BackgroundHandler - Mini Program background detection and auto hangup handler
|
|
3
|
+
*
|
|
4
|
+
* When mini program goes to background for more than 4s, automatically hang up the call
|
|
5
|
+
* to avoid issues caused by WeChat disconnecting WebSocket after 5s.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { CallStatus, CallRole, StoreName, NAME } from '../const/index';
|
|
9
|
+
import TuiStore from '../TUIStore/tuiStore';
|
|
10
|
+
import { ITUIStore } from '../interface/index';
|
|
11
|
+
const TUIStore: ITUIStore = TuiStore.getInstance();
|
|
12
|
+
|
|
13
|
+
export interface IBackgroundConfig {
|
|
14
|
+
enableAutoHangup: boolean; // Enable auto hangup on background (default: true)
|
|
15
|
+
hangupTimeout: number; // Auto hangup timeout in ms (default: 4000)
|
|
16
|
+
}
|
|
17
|
+
const DEFAULT_BACKGROUND_CONFIG: IBackgroundConfig = {
|
|
18
|
+
enableAutoHangup: true,
|
|
19
|
+
hangupTimeout: 4000, // 4s auto hangup (before ws disconnects at 5s)
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export default class BackgroundHandler {
|
|
23
|
+
private _callService: any;
|
|
24
|
+
private _hangupTimer: ReturnType<typeof setTimeout> | null = null;
|
|
25
|
+
private _backgroundTimestamp: number = 0;
|
|
26
|
+
private _isInBackground: boolean = false;
|
|
27
|
+
private _config: IBackgroundConfig = { ...DEFAULT_BACKGROUND_CONFIG };
|
|
28
|
+
private _isInitialized: boolean = false;
|
|
29
|
+
|
|
30
|
+
constructor(callService: any) {
|
|
31
|
+
this._callService = callService;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
// Initialize background detection for mini program; Listen to wx.onAppHide/onAppShow events
|
|
35
|
+
public initBackgroundDetection(): void {
|
|
36
|
+
if (this._isInitialized) return;
|
|
37
|
+
|
|
38
|
+
try {
|
|
39
|
+
// @ts-ignore
|
|
40
|
+
if (typeof wx !== 'undefined' && wx.onAppHide && wx.onAppShow) {
|
|
41
|
+
// @ts-ignore
|
|
42
|
+
wx.onAppHide(this._handleAppHide);
|
|
43
|
+
// @ts-ignore
|
|
44
|
+
wx.onAppShow(this._handleAppShow);
|
|
45
|
+
this._isInitialized = true;
|
|
46
|
+
console.log('[TUICallKit] BackgroundHandler initialized');
|
|
47
|
+
}
|
|
48
|
+
} catch (error) {
|
|
49
|
+
console.warn('[TUICallKit] BackgroundHandler init failed:', error);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// Destroy background detection; Remove event listeners and clear timers
|
|
54
|
+
public destroyBackgroundDetection(): void {
|
|
55
|
+
if (!this._isInitialized) return;
|
|
56
|
+
|
|
57
|
+
try {
|
|
58
|
+
// @ts-ignore
|
|
59
|
+
if (typeof wx !== 'undefined' && wx.offAppHide && wx.offAppShow) {
|
|
60
|
+
// @ts-ignore
|
|
61
|
+
wx.offAppHide(this._handleAppHide);
|
|
62
|
+
// @ts-ignore
|
|
63
|
+
wx.offAppShow(this._handleAppShow);
|
|
64
|
+
}
|
|
65
|
+
this._clearTimers();
|
|
66
|
+
this._isInitialized = false;
|
|
67
|
+
console.log('[TUICallKit] BackgroundHandler destroyed');
|
|
68
|
+
} catch (error) {
|
|
69
|
+
console.warn('[TUICallKit] BackgroundHandler destroy failed:', error);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
// Handle app hide event (going to background)
|
|
74
|
+
private _handleAppHide = (): void => {
|
|
75
|
+
const callStatus = TUIStore.getData(StoreName.CALL, NAME.CALL_STATUS) || CallStatus.IDLE;
|
|
76
|
+
const callRole = TUIStore.getData(StoreName.CALL, NAME.CALL_ROLE) || CallRole.UNKNOWN;
|
|
77
|
+
|
|
78
|
+
// Only handle when in connected state (as per requirement: only for connected calls)
|
|
79
|
+
if ((callStatus !== CallStatus.CONNECTED) || !this._config.enableAutoHangup) return;
|
|
80
|
+
|
|
81
|
+
this._isInBackground = true;
|
|
82
|
+
this._backgroundTimestamp = Date.now();
|
|
83
|
+
this._callService?._tuiCallEngine?.reportLog?.({
|
|
84
|
+
name: 'TUICallkit.background.appHide',
|
|
85
|
+
data: { callStatus, callRole, timestamp: this._backgroundTimestamp, config: this._config },
|
|
86
|
+
});
|
|
87
|
+
|
|
88
|
+
this._hangupTimer = setTimeout(() => {
|
|
89
|
+
this._handleBackgroundTimeout();
|
|
90
|
+
}, this._config.hangupTimeout);
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
// Handle app show event (returning from background)
|
|
94
|
+
private _handleAppShow = (): void => {
|
|
95
|
+
if (!this._isInBackground) return;
|
|
96
|
+
|
|
97
|
+
const backgroundDuration = Date.now() - this._backgroundTimestamp;
|
|
98
|
+
const callStatus = TUIStore.getData(StoreName.CALL, NAME.CALL_STATUS) || CallStatus.IDLE;
|
|
99
|
+
const callRole = TUIStore.getData(StoreName.CALL, NAME.CALL_ROLE) || CallRole.UNKNOWN;
|
|
100
|
+
|
|
101
|
+
this._callService?._tuiCallEngine?.reportLog?.({
|
|
102
|
+
name: 'TUICallkit.background.appShow',
|
|
103
|
+
data: { callStatus, callRole, backgroundDuration, timestamp: Date.now() },
|
|
104
|
+
});
|
|
105
|
+
|
|
106
|
+
this._isInBackground = false;
|
|
107
|
+
this._clearTimers();
|
|
108
|
+
|
|
109
|
+
// If background time exceeded hangup timeout, show toast to explain why call ended
|
|
110
|
+
if (backgroundDuration >= this._config.hangupTimeout) {
|
|
111
|
+
this._showToast('后台超时，通话已结束');
|
|
112
|
+
this._checkCallStatusAfterBackground();
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
// Show toast - compatible with both UniApp and native mini program
|
|
117
|
+
private _showToast(title: string): void {
|
|
118
|
+
try {
|
|
119
|
+
// @ts-ignore - UniApp API
|
|
120
|
+
if (typeof uni !== 'undefined' && uni?.showToast) {
|
|
121
|
+
// @ts-ignore
|
|
122
|
+
uni.showToast({ title, icon: 'none', duration: 2500 });
|
|
123
|
+
// @ts-ignore - Native mini program API
|
|
124
|
+
} else if (typeof wx !== 'undefined' && wx?.showToast) {
|
|
125
|
+
// @ts-ignore
|
|
126
|
+
wx.showToast({ title, icon: 'none', duration: 2500 });
|
|
127
|
+
}
|
|
128
|
+
} catch (error) {}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
// Handle background timeout - auto hangup
|
|
132
|
+
private async _handleBackgroundTimeout(): Promise<void> {
|
|
133
|
+
try {
|
|
134
|
+
const callStatus = TUIStore.getData(StoreName.CALL, NAME.CALL_STATUS) || CallStatus.IDLE;
|
|
135
|
+
const callRole = TUIStore.getData(StoreName.CALL, NAME.CALL_ROLE) || CallRole.UNKNOWN;
|
|
136
|
+
const backgroundDuration = Date.now() - this._backgroundTimestamp;
|
|
137
|
+
|
|
138
|
+
// Report timeout event before hangup
|
|
139
|
+
this._callService?._tuiCallEngine?.reportLog?.({
|
|
140
|
+
name: 'TUICallkit.background.timeout',
|
|
141
|
+
data: { callStatus, callRole, backgroundDuration, hangupTimeout: this._config.hangupTimeout },
|
|
142
|
+
});
|
|
143
|
+
|
|
144
|
+
// Only handle CONNECTED state (CALLING state is filtered in _handleAppHide)
|
|
145
|
+
if (callStatus === CallStatus.CONNECTED) {
|
|
146
|
+
this._callService?._tuiCallEngine?.reportLog?.({
|
|
147
|
+
name: 'TUICallkit.background.hangup',
|
|
148
|
+
data: { callStatus, callRole, action: 'hangup' },
|
|
149
|
+
});
|
|
150
|
+
await this._callService?.hangup?.();
|
|
151
|
+
}
|
|
152
|
+
} catch (error) {
|
|
153
|
+
this._callService?._tuiCallEngine?.reportLog?.({
|
|
154
|
+
name: 'TUICallkit.background.hangup.fail',
|
|
155
|
+
data: { error: String(error) },
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
// Check call status after returning from long background; Handle case where call should have ended
|
|
161
|
+
private _checkCallStatusAfterBackground(): void {
|
|
162
|
+
try {
|
|
163
|
+
const callStatus = TUIStore.getData(StoreName.CALL, NAME.CALL_STATUS) || CallStatus.IDLE;
|
|
164
|
+
// If still in call state after exceeding timeout, something went wrong
|
|
165
|
+
// The call should have been ended by _handleBackgroundTimeout
|
|
166
|
+
if (callStatus !== CallStatus.IDLE) {
|
|
167
|
+
// Force reset if needed
|
|
168
|
+
this._callService?._resetCallStore?.();
|
|
169
|
+
}
|
|
170
|
+
} catch (error) {
|
|
171
|
+
console.warn('[TUICallKit] Check call status after background failed:', error);
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
// Clear hangup timer
|
|
176
|
+
private _clearTimers(): void {
|
|
177
|
+
if (this._hangupTimer) {
|
|
178
|
+
clearTimeout(this._hangupTimer);
|
|
179
|
+
this._hangupTimer = null;
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
}
|
|
@@ -27,7 +27,7 @@ const TUIGlobal: ITUIGlobal = TuiGlobal.getInstance();
|
|
|
27
27
|
const TUIStore: ITUIStore = TuiStore.getInstance();
|
|
28
28
|
const uiDesign = UIDesign.getInstance();
|
|
29
29
|
uiDesign.setTUIStore(TUIStore);
|
|
30
|
-
const version = '4.
|
|
30
|
+
const version = '4.5.0';
|
|
31
31
|
import AIAssistant from './AIAssistant'; // 仅 web 支持 AI 实时字幕
|
|
32
32
|
const frameWork = 'vue2.7';
|
|
33
33
|
export { TUIGlobal, TUIStore, uiDesign };
|
package/src/index.ts
CHANGED
package/tuicall-uikit-vue2.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-row{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box;width:100%}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-col{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-loading_dot-container{display:flex;justify-content:space-between;align-items:center;height:100%}.tk-loading_dot-container .tk-loading_dot:nth-child(1){opacity:0;animation-duration:.8s;animation-delay:0s;animation-play-state:running}.tk-loading_dot-container .tk-loading_dot:nth-child(2){opacity:.083;animation-duration:.8s;animation-delay:.2666666667s;animation-play-state:running}.tk-loading_dot-container .tk-loading_dot:nth-child(3){opacity:.1667;animation-duration:.8s;animation-delay:.5333333333s;animation-play-state:running}.tk-loading_dot-container .tk-loading_dot{width:20%;height:20%;border-radius:50%;background-color:#fff;animation-duration:1.8s;animation-name:dotting;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes dotting{0%{opacity:.15}1%{opacity:.8}33%{opacity:.8}34%{opacity:.15}to{opacity:.15}}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-loading_circle-container{height:100%;border:2px solid;border-radius:50%;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#fff;border-left-color:#fff;background:0 0;vertical-align:middle;box-sizing:border-box;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-loading{display:flex;align-items:center;flex-direction:column}.tk-loading .tk-loading_text{margin:10px}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-image{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;vertical-align:middle;width:300px;height:225px}.tk-image .tk-image_inner{width:100%;height:100%}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-button{display:inline-flex;align-items:center;justify-content:center}.tk-button.tk-button--small{height:24px}.tk-button.tk-button--middle{height:32px}.tk-button.tk-button--large{height:40px}.tk-button .tk-button--content{color:#606266;font-size:14px;font-weight:500}.tk-button.tk-circle.tk-button--small{width:24px}.tk-button.tk-circle.tk-button--default{width:32px}.tk-button.tk-circle.tk-button--large{width:40px}.btn-content[data-v-1bae39f3],.btn-content[data-v-f92abf93]{display:flex;flex-direction:column;align-items:center}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-text{display:inline-block;overflow:hidden;text-align:center;line-height:normal;white-space:nowrap;font-weight:400;font-size:14px;color:#303133}.tk-text.tk-text--line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;white-space:normal}.btn-content[data-v-7c062dcf]{display:flex;flex-direction:column;align-items:center}.ai-transcriber-switch[data-v-5c010454]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;color:#fff;font-size:14px;font-weight:400;font-family:PingFang SC;cursor:pointer}.ai-transcriber-switch__label[data-v-5c010454]{white-space:nowrap}.ai-transcriber-switch__toggle[data-v-5c010454]{position:relative;width:32px;height:20px;background:rgba(255,255,255,.3019607843);border-radius:10px;transition:background-color .3s ease;cursor:pointer}.ai-transcriber-switch__toggle--active[data-v-5c010454]{background:#1C66E5}.ai-transcriber-switch__slider[data-v-5c010454]{position:absolute;top:3px;left:2px;width:14px;height:14px;border-radius:50%;background:white;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.ai-transcriber-switch__toggle--active .ai-transcriber-switch__slider[data-v-5c010454]{transform:translate(14px)}.top-bar-container[data-v-f3ab58c4]{position:absolute;z-index:2;width:100%;height:5.8%;display:flex;align-items:center}.topbar-right-controls[data-v-f3ab58c4]{margin-right:10px;display:flex;align-items:center;gap:16px}.top-bar-left-controls[data-v-f3ab58c4]{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-left:10px}.control-item[data-v-f3ab58c4]{display:flex;align-items:center;justify-content:center}.auto-play-dialog[data-v-5493446f]{background-color:#fff;position:absolute;top:5.2%;left:50%;transform:translate(-50%);z-index:2;width:90%;height:40px;display:flex;justify-content:space-between;border-radius:6px;align-items:center;font-size:14px;font-weight:400;font-family:PingFang SC;padding:0 10px}.auto-play-dialog .auto-play-action[data-v-5493446f]{color:#1c66e5}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-overlay{position:fixed;left:0;top:0;bottom:0;width:100%}.tk-overlay .tk-overlay_mask-container{width:100%;height:100%;z-index:0;position:absolute}.tk-overlay .tk-overlay_mask{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#00000080;z-index:1}.tk-overlay .tk-overlay_slot{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;display:flex;justify-content:center}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-avatar{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;overflow:hidden;color:#fff;background:#c0c4cc;width:40px;height:40px;font-size:14px}.tk-avatar.tk-avatar--square{border-radius:4px}.tk-avatar.tk-avatar--circle{border-radius:100%}.tk-avatar .tk-avatar_img,.tk-avatar .tk-avatar_image{width:100%;height:100%}.mic-container[data-v-ea062939]{position:relative;width:24px;height:24px}.mic-container .mic-level-container[data-v-ea062939]{position:absolute;left:6px;width:8px;height:14px;display:flex;flex-wrap:wrap;border-radius:4px;overflow:hidden;flex-direction:column-reverse;justify-content:space-between}.mic-container .mic-level-container .mic-level[data-v-ea062939]{width:100%;background-color:#27c39f;transition:height .2s}.overlay-stream-container.mobile .overlay-stream-content-container[data-v-98c0998b]{width:100%;top:26%;position:absolute;display:flex;justify-content:center;flex-direction:column}.overlay-stream-container.mobile .overlay-stream-content-container .overlay-stream-content[data-v-98c0998b]{display:flex;flex-direction:column;align-items:center}.overlay-stream-container.mobile .overlay-stream-content-container .overlay-stream-content .overlay-stream-avatar[data-v-98c0998b]{margin-bottom:12px}.overlay-stream-container.mobile .overlay-stream-content-container .overlay-stream-content .overlay-stream-info[data-v-98c0998b]{display:flex;align-items:center}.overlay-stream-container.mobile .overlay-stream-content-container .overlay-stream-content .overlay-stream-tip[data-v-98c0998b]{margin-top:12px;color:#fff}.overlay-stream-container.pc .overlay-stream-content-container[data-v-98c0998b]{display:flex;height:100%;align-items:center;justify-content:center}.overlay-stream-container.pc .overlay-stream-content-container .overlay-stream-content[data-v-98c0998b]{display:flex;flex-direction:column;align-items:center}.overlay-stream-container.pc .overlay-stream-content-container .overlay-stream-content .overlay-stream-info[data-v-98c0998b]{display:flex;align-items:center}.overlay-stream-container[data-v-98c0998b]{position:absolute;display:flex;height:100%;width:100%;flex-direction:column;justify-content:center;align-items:center}.waiting-container[data-v-8dc3669f]{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.groupcall-info[data-v-8dc3669f]{display:flex;flex-direction:column;align-items:center;margin-top:24px;z-index:1;color:#fff;width:100%}.groupcall-info .avatar-group[data-v-8dc3669f]{display:flex;flex-wrap:wrap;margin-top:12px;align-items:center;justify-content:center;max-width:70%}.groupcall-info .avatar-group .avatar-item[data-v-8dc3669f]{width:10vw;height:10vw;margin-left:10px;margin-top:10px}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-toggle-window{height:100%;position:relative}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-toggle-window-item{height:100%;position:absolute}.tk-toggle-window-item.tk-toggle-window-item--big{width:100%;height:100%;z-index:0}.tk-toggle-window-item.mobile.tk-toggle-window-item--small{z-index:1;width:24.3%!important;height:19.7%!important;border-radius:5px;left:98%;top:8%;transform:translate(-100%);overflow:hidden}.tk-toggle-window-item.pc.tk-toggle-window-item--small{top:2%;left:2%;width:22%;height:21%;border-radius:12px;overflow:hidden;z-index:1}.stream-userInfo[data-v-73beaeef]{padding:2px 5px;display:flex;align-items:center;background-color:#000000a6;color:#fff}.stream-userInfo .nickname[data-v-73beaeef]{display:flex}.stream-icon[data-v-46cc5655]{width:30px;height:30px;background:rgba(34,38,46,.5019607843);border-radius:50%;display:flex;align-items:center;justify-content:center}.switch-camera[data-v-46cc5655]{margin:0 12px}.pusher-container[data-v-8cf5d7b3]{width:100%;height:100%;position:relative;background-color:#4c515a}.pusher-container .audio-stream-container[data-v-8cf5d7b3]{position:absolute;z-index:3;width:100%;height:100%}.pusher-container .stream-info-container[data-v-8cf5d7b3]{position:absolute;bottom:0;z-index:3;width:100%}.pusher-container .stream-info-container.mobile[data-v-8cf5d7b3]{margin-bottom:8px}.player-container[data-v-1bb63b56]{width:100%;height:100%;position:relative;background-color:#4c515a}.player-container .audio-stream-container[data-v-1bb63b56]{position:absolute;z-index:1;width:100%;height:100%}.player-container .stream-info-container[data-v-1bb63b56]{position:absolute;bottom:0;z-index:10;width:100%}.player-container .stream-info-container.mobile[data-v-1bb63b56]{margin-bottom:8px}.float-control-panel[data-v-89ef9c99]{width:168px;height:56px;background:white;z-index:13;display:flex;flex-wrap:nowrap;justify-content:center;border-radius:40px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.float-control-item-icon[data-v-89ef9c99]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:56px;height:56px;position:relative}.float-control-item-icon-container[data-v-89ef9c99]{border-radius:40px;width:40px;height:40px;margin:.5rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}.float-control-item-icon-container[data-v-89ef9c99]:hover{background:rgba(218,218,218,.3)}.singlecall-video-float[data-v-9dbb05f9]{width:110px;height:196px;display:flex;z-index:99;flex-direction:column;align-items:center;background:#000;border-radius:12px;box-shadow:0 0 10px #35394166;overflow:hidden}.singlecall-video-float .singlecall-video-float-content[data-v-9dbb05f9]{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.singlecall-video-float .float-window-tip-container[data-v-9dbb05f9]{position:absolute;bottom:8px}.singlecall-audio-float[data-v-9dbb05f9]{width:72px;height:72px;display:flex;z-index:99;flex-direction:column;align-items:center;background:#FFF;border-radius:12px;box-shadow:0 0 10px #35394166}.singlecall-audio-float .singlecall-audio-float-content[data-v-9dbb05f9]{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.click-container[data-v-ea7a3e81]{position:absolute;width:100%;height:100%;z-index:2}.groupcall-video-float.float[data-v-ea7a3e81]{width:72px;height:90px;display:flex;z-index:99;flex-direction:column;align-items:center;border-radius:12px;background:#FFF;box-shadow:0 0 10px #35394166;box-sizing:border-box;overflow:hidden}.groupcall-video-float.float .stream-container[data-v-ea7a3e81]{position:relative;width:72px;height:70px}.groupcall-video-float.float .video[data-v-ea7a3e81]{width:72px;height:70px;position:absolute}.groupcall-video-float.float .audio[data-v-ea7a3e81]{position:absolute;width:100%;height:70px;padding-top:10px;background-color:#fff;display:flex;flex-direction:column;align-items:center}.groupcall-video-float.float .device-status[data-v-ea7a3e81]{width:100%;height:20px;background-color:#f9f6f4;display:flex;position:relative;justify-content:space-around}.groupcall-video-float.not-float[data-v-ea7a3e81]{width:100%;height:100%}.groupcall-video-float.not-float .stream-container[data-v-ea7a3e81],.groupcall-video-float.not-float .stream-container .video[data-v-ea7a3e81]{height:100%}.float-window-container.not-float[data-v-0d17419d]{width:100%;height:100%}.float-window-container.float[data-v-0d17419d]{position:absolute}.float-window-container.float.pc[data-v-0d17419d]{top:50px;left:50%;transform:translate(-50%)}.float-window-container.float.mobile[data-v-0d17419d]{top:150px;right:0}.singlecall-media-container[data-v-852a25f0]{width:100%;height:100%;position:absolute;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.singlecall-media-container.float[data-v-852a25f0]{position:relative}.singlecall-media-container.pc[data-v-852a25f0]{border-radius:12px;overflow:hidden}.roggle-btn[data-v-852a25f0]{position:absolute;left:100px;z-index:100;top:0}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-message{position:fixed;left:50%;transform:translate(-50%);padding:10px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:9999;color:#000;border-color:#e9e9eb;background-color:#f4f4f5}.tk-message .tk-message_icon{margin-right:5px}.tk-message .tk-message_close{cursor:pointer;margin-left:5px}.tk-message--info{color:#909399;border-color:#e9e9eb;background-color:#f4f4f5}.tk-message--success{color:#67c23a;border-color:#e1f3d8;background-color:#f0f9eb}.tk-message--warning{color:#e6a23c;border-color:#faecd8;background-color:#fdf6ec}.tk-message--error{color:#f56c6c;border-color:#fde2e2;background-color:#fef0f0}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-grid-item{display:flex;justify-content:center}.tk-grid-item.h5{transition-property:width,height,left,top;transition-duration:.3s;transition-timing-function:ease-in}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-popover{position:relative}.tk-popover .tk-popover_content{display:inline-block;vertical-align:middle;min-width:120px;position:absolute;background:#FFFFFF;border-radius:4px;font-size:14px;box-shadow:0 0 12px #0000001f;overflow-wrap:break-word;box-sizing:border-box;text-align:center}.tk-popover .tk-popover_arrow{position:absolute;transform:translate(-50%);width:0;height:0}.tk-popover .tk-popover_trigger{display:inline-block;position:relative;vertical-align:middle}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-popover{position:relative}.tk-popover .tk-popover_content{display:inline-block;vertical-align:middle;min-width:120px;position:absolute;background:#FFFFFF;border-radius:4px;font-size:14px;box-shadow:0 0 12px #0000001f;overflow-wrap:break-word;box-sizing:border-box;text-align:center}.tk-popover .tk-popover_arrow{position:absolute;transform:translate(-50%);width:0;height:0}.tk-popover .tk-popover_trigger{display:inline-block;position:relative;vertical-align:middle}.device-selector-container[data-v-31eef133]{width:180px;display:flex;flex-direction:column;align-items:center;padding:6px;font-weight:500}.device-selector-container .device-item[data-v-31eef133]{overflow:hidden;padding:5px 3px;text-align:left;line-height:16px;cursor:pointer}.device-selector-container .device-item[data-v-31eef133]:hover{border-radius:5px;background:rgba(255,255,255,.3215686275)}.device-selector-container .device-item.select[data-v-31eef133]{background-color:#0f101433;border-radius:3px}.device-selector-container .control-item[data-v-31eef133]{width:100%;height:1px;background-color:#fff3}.scroll-container[data-v-31eef133]{width:100%;overflow:hidden}.scroll-container .scroll-content[data-v-31eef133]{max-height:60px;margin-right:-26px;overflow:hidden auto;padding-right:20px}.btn-content[data-v-84cd42ba],.btn-content[data-v-d2aaa623],.btn-content[data-v-884ec28b],.btn-content[data-v-e78303e9],.btn-content[data-v-1a266441],.btn-content[data-v-001b7a7b],.btn-content[data-v-5a074e02],.btn-content[data-v-1d790d2d],.btn-content[data-v-f7839a20]{display:flex;flex-direction:column;align-items:center}.button-panel-container[data-v-6582c17d]{position:absolute;z-index:1}.button-panel-container.pc[data-v-6582c17d]{width:60%;height:63px;margin:0 auto;bottom:6%;left:50%;z-index:2;transform:translate(-50%)}.button-panel-container.mobile[data-v-6582c17d]{display:flex;justify-content:center;height:27%;bottom:0;width:100%}.button-panel-container.mobile.h5[data-v-6582c17d]{transition-property:width,height,left,top;transition-duration:.3s;transition-timing-function:ease-in}.button-panel-container.mobile.groupCall.showBackGround[data-v-6582c17d]{background-color:#4f586b}.button-panel-container.mobile .button-group[data-v-6582c17d]{position:absolute;width:72%;top:2vh;height:80%}.button-panel-container.mobile.close[data-v-6582c17d]{height:14%;align-items:center}.button-panel-container.mobile.close .button-group[data-v-6582c17d]{position:absolute;width:72%;right:6.2vw;height:40px;top:auto;bottom:auto}.button-panel-container .button-group[data-v-6582c17d]{position:relative;height:100%}.button-panel-container .toggle-button-container[data-v-6582c17d]{display:flex;align-items:center;position:absolute;left:8.2vw}.button-panel-container .toggle-button-container.h5[data-v-6582c17d]{transition-property:width,height,left,top;transition-duration:.3s;transition-timing-function:ease-in}.button-panel-container.open .toggle-button-container[data-v-6582c17d]{bottom:6vh}.singlecall-container[data-v-0fa5f69a]{height:100%}.stream-loading-container[data-v-56b8bc56]{width:100%;height:100%;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center}.groupcall-media-container[data-v-9ff51586]{width:100%;height:100%;position:absolute;z-index:1}.groupcall-media-container.pc[data-v-9ff51586]{border-radius:12px;overflow:hidden}.groupcall-media-container.pc.two-layout[data-v-9ff51586]{margin-top:20%}.groupcall-media-container.pc .tk-toggle-window-item--small[data-v-9ff51586]{top:2%;left:2%;width:22%;height:21%;border-radius:12px;overflow:hidden}.groupcall-media-container.mobile[data-v-9ff51586]{margin-top:5.5vh}.groupcall-media-container.mobile.float[data-v-9ff51586]{margin-top:0}.groupcall-media-container.mobile.two-layout[data-v-9ff51586]{margin-top:15vh}.groupcall-media-container.mobile.two-layout.float[data-v-9ff51586]{margin-top:0}.dialog[data-v-26735e82]{background:rgba(0,0,0,.3)}.dialog-main[data-v-26735e82]{background:#FFFFFF}.dialog-main-header[data-v-26735e82]{font-weight:500;color:#333}.dialog-main-title[data-v-26735e82]{font-family:PingFangSC-Medium;font-weight:500;color:#333}.dialog-main-back[data-v-26735e82]{background:none}.dialog-main-content[data-v-26735e82]{font-weight:400;color:#333}.btn[data-v-26735e82]{font-weight:400;color:#fff;letter-spacing:0}.btn-cancel[data-v-26735e82]{border:1px solid #dddddd;color:#666}.btn-default[data-v-26735e82]{background:#006EFF;border:1px solid #006EFF}.dialog[data-v-26735e82]{position:absolute;width:100%;height:100%;left:0;top:0;z-index:6;display:flex;justify-content:center;align-items:center}.dialog-main[data-v-26735e82]{min-width:368px;border-radius:10px;padding:20px 30px}.dialog-main-header[data-v-26735e82]{display:flex;justify-content:space-between;align-items:center;font-size:16px;line-height:30px}.dialog-main-title[data-v-26735e82]{font-size:16px;line-height:30px}.dialog-main-content[data-v-26735e82]{font-size:14px}.dialog-main-footer[data-v-26735e82]{display:flex;justify-content:flex-end}.btn[data-v-26735e82]{padding:8px 20px;margin:0 6px;border-radius:4px;border:none;font-size:14px;text-align:center;line-height:20px}.btn[data-v-26735e82]:disabled{opacity:.3}.btn[data-v-26735e82]:last-child{margin-right:0}.dialog-h5[data-v-26735e82]{height:100%;top:0;align-items:inherit}.dialog-h5 .dialog-main[data-v-26735e82]{border-radius:0;padding:0;display:flex;flex-direction:column;overflow:hidden;width:100%;min-height:80px;min-width:120px}.dialog-h5 .dialog-main-content[data-v-26735e82]{flex:1;min-width:0;min-height:0;text-align:center}.dialog-h5 .dialog-main-content-uniapp[data-v-26735e82]{padding:40px 0}.dialog-h5 .dialog-main-footer[data-v-26735e82]{border-top:1px solid #DDDDDD}.dialog-h5 .dialog-main-footer .btn[data-v-26735e82]{flex:1;margin:0;background:none;border-right:1px solid #DDDDDD}.dialog-h5 .dialog-main-footer .btn-default[data-v-26735e82]{color:#ff584c;border:none}.center[data-v-26735e82]{align-items:center;padding:20px;box-sizing:border-box}.icon[data-v-b989a330]{display:inline-flex;justify-content:center;align-items:center;margin:0}.main[data-v-cc0325fc]{background:#FFFFFF;border:1px solid #E0E0E0;box-shadow:0 -4px 12px #0000000f}.main .left[data-v-cc0325fc]{border-right:1px solid #E8E8E9}.main .transfer-header[data-v-cc0325fc]{font-weight:500;color:#000;letter-spacing:0}.main .transfer-header input[data-v-cc0325fc]{background:#FFFFFF;border:1px solid #DEE0E3;font-weight:500;color:#8f959e;letter-spacing:0}.main .transfer-list .transfer-text[data-v-cc0325fc]{font-weight:500;color:#8f959e;letter-spacing:0}.main .transfer-list-item .disabled[data-v-cc0325fc]{background:#eeeeee}.btn[data-v-cc0325fc]{background:#3370FF;border:0 solid #2F80ED;font-weight:400;color:#fff}.btn-cancel[data-v-cc0325fc]{background:#FFFFFF;border:1px solid #DDDDDD;color:#828282}.btn-no[data-v-cc0325fc]{background:#e8e8e9;border:1px solid #DDDDDD;font-weight:400;color:#fff}.transfer-h5-header[data-v-cc0325fc]{background:#FFFFFF}.transfer-h5-header .title[data-v-cc0325fc]{font-family:PingFangSC-Medium;font-weight:500;color:#000;letter-spacing:0}.main[data-v-cc0325fc]{box-sizing:border-box;width:541px;height:390px;display:flex;border-radius:8px;padding:20px 0}.main .right[data-v-cc0325fc]{padding:0 20px;flex:1}.main .right .transfer-list[data-v-cc0325fc]{padding-right:20px}.main .left[data-v-cc0325fc]{flex:1;overflow-y:hidden;display:flex;flex-direction:column}.main .left .transfer-header[data-v-cc0325fc]{padding:0 20px}.main .left .transfer-left-main[data-v-cc0325fc]{flex:1;overflow-y:auto;padding:0 13px}.main .right[data-v-cc0325fc]{display:flex;flex-direction:column;text-align:left}.main .right .transfer-right-footer[data-v-cc0325fc]{align-self:flex-end}.main .right .transfer-right-footer .btn-cancel[data-v-cc0325fc]{margin-right:12px}.main .right .transfer-list[data-v-cc0325fc]{overflow-y:auto}.main .transfer-header[data-v-cc0325fc]{font-size:14px;line-height:14px;padding-bottom:20px}.main .transfer-header input[data-v-cc0325fc]{box-sizing:border-box;width:100%;border-radius:30px;font-size:10px;line-height:14px;padding:9px 12px}.main .transfer-list[data-v-cc0325fc]{flex:1;display:flex;flex-direction:column}.main .transfer-list .transfer-text[data-v-cc0325fc]{font-size:10px;line-height:14px}.main .transfer-list-item[data-v-cc0325fc]{padding:6px 0;display:flex;align-items:center;font-size:14px;text-align:left}.main .transfer-list-item-content[data-v-cc0325fc]{flex:1;display:flex;align-items:center}.main .transfer-list-item .avatar[data-v-cc0325fc]{margin:0 5px 0 8px;border-radius:50%}.main .transfer-list-item .name[data-v-cc0325fc]{width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.avatar[data-v-cc0325fc]{width:36px;height:36px;border-radius:5px;font-size:12px;display:flex;justify-content:center;align-items:center}.btn[data-v-cc0325fc],.btn-no[data-v-cc0325fc]{padding:4px 28px;font-size:12px;line-height:24px;border-radius:4px}.space-between[data-v-cc0325fc]{justify-content:space-between}.select-all[data-v-cc0325fc]{padding-left:8px;font-size:14px}.more[data-v-cc0325fc]{display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:14px}.transfer-h5[data-v-cc0325fc]{width:100vw;height:100vh;display:flex;flex-direction:column}.transfer-h5-header[data-v-cc0325fc]{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:18px;padding:16px 18px}.transfer-h5-header .space[data-v-cc0325fc],.transfer-h5-header .icon[data-v-cc0325fc]{width:18px;height:18px}.transfer-h5 .main[data-v-cc0325fc]{flex-direction:column;width:auto;height:550px;border-radius:0;border:none;box-shadow:none;max-height:calc(100% - 50px);padding:0}.transfer-h5 .main .avatar[data-v-cc0325fc]{border-radius:5px}.transfer-h5 .main .left[data-v-cc0325fc]{padding:0;flex:1;border:none;display:flex;flex-direction:column}.transfer-h5 .main .left .transfer-header[data-v-cc0325fc]{position:sticky;top:0;padding:0 18px}.transfer-h5 .main .left .transfer-header input[data-v-cc0325fc]{border-radius:5px;font-size:14px}.transfer-h5 .main .left-uniapp-input[data-v-cc0325fc]{height:36px}.transfer-h5 .main .right[data-v-cc0325fc]{flex:0;flex-direction:row;align-items:center;box-shadow:inset 0 1px #eee;padding:8px 18px}.transfer-h5 .main .right .transfer-list[data-v-cc0325fc]{flex-direction:row;width:0}.transfer-h5 .main .right .transfer-list-item-content[data-v-cc0325fc]{flex:none}.transfer-h5 .main .right .transfer-right-footer[data-v-cc0325fc]{padding:6px 0;display:flex;align-items:center}.transfer-h5 .main .right .transfer-right-footer .btn[data-v-cc0325fc]{font-size:14px}ul[data-v-cc0325fc],ol[data-v-cc0325fc],li[data-v-cc0325fc]{margin:0;padding:0}.icon-unselected[data-v-cc0325fc]{width:18px;height:18px;background:#FFFFFF;border:1px solid #DDDDDD;border-radius:11px;box-sizing:border-box}.groupcall-container[data-v-5655d849]{height:100%}.card[data-v-9982fa76]{box-sizing:border-box;border-radius:4px;border:1px solid #EBEEF5;background-color:#fff;overflow:hidden;color:#303133;transition:.3s;box-shadow:0 2px 12px #0000001a}.card .card-body[data-v-9982fa76]{padding:20px}.card-wrapper[data-v-9982fa76]{display:flex;flex-direction:column;align-items:center;width:500px;position:relative}.card-wrapper .button[data-v-9982fa76]{box-sizing:border-box;background-color:#104ef5;color:#fff;font-size:12px;height:37px;border-radius:4px;padding:10px}.card-wrapper .image-wrapper[data-v-9982fa76]{box-sizing:border-box}.title[data-v-9982fa76]{padding:10px 0;font-size:16px;font-weight:500;line-height:22px}.desc[data-v-9982fa76]{font-size:12px;margin-bottom:10px}.button[data-v-9982fa76]{background-color:#104ef5;color:#fff;font-size:12px;height:37px;border-radius:4px;padding:10px}.allow[data-v-9982fa76]{font-size:12px;color:#666;padding:10px 0 20px}.image[data-v-9982fa76]{width:100%;border-radius:10px}.close[data-v-9982fa76]{position:absolute;z-index:999;display:flex;justify-content:center;align-items:center;font-size:20px;right:20px;cursor:pointer;width:20px;height:20px}.tips[data-v-cd63c32e]{width:100%;height:100%}.card[data-v-cd63c32e]{position:fixed;right:0;bottom:0;box-shadow:0 2px 12px #0000001a;border-radius:4px;border:1px solid #EBEEF5;background-color:#fff;overflow:hidden;color:#303133;transition:.3s}.tag[data-v-cd63c32e]{position:fixed;left:0;top:0;width:320px;text-align:left}.toast-container[data-v-27fc22c5]{position:fixed;display:flex;align-items:center;z-index:1002;justify-content:space-between;left:50%;transform:translate(-50%);padding:15px 15px 15px 20px;background-color:#000;color:#fff;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid}.toast-container .toast-content[data-v-27fc22c5]{margin-right:16px}.toast-container .toast-close-icon[data-v-27fc22c5]{width:16px;line-height:16px;cursor:pointer}.toast-container .toast-close-icon[data-v-27fc22c5]:before{font-style:normal;content:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiPjxwYXRoIGQ9Ik01MTIgNDY2Ljc1MiA4Ni42NTYgNDEuMzQ0YTMyIDMyIDAgMCAwLTQ1LjMxMiA0NS4zMTJMNDY2Ljc1MiA1MTIgNDEuMzQ0IDkzNy4zNDRhMzIgMzIgMCAwIDAgNDUuMzEyIDQ1LjMxMkw1MTIgNTU3LjI0OGw0MjUuMzQ0IDQyNS40MDhhMzIgMzIgMCAwIDAgNDUuMzEyLTQ1LjMxMkw1NTcuMjQ4IDUxMiA5ODIuNjU2IDg2LjY1NmEzMiAzMiAwIDAgMC00NS4zMTItNDUuMzEyTDUxMiA0NjYuNzUyeiIgZmlsbD0iIzcwNzA3MCIvPjwvc3ZnPg==)}.info[data-v-27fc22c5]{border-color:#ebeef5;color:#909399;background-color:#edf2fc}.success[data-v-27fc22c5]{color:#67c23a;background-color:#f0f9eb;border-color:#e1f3d8}.waring[data-v-27fc22c5]{color:#e6a23c;background-color:#fdf6ec;border-color:#faecd8}.error[data-v-27fc22c5]{color:#f56c6c;background-color:#fef0f0;border-color:#fde2e2}.slide-up-enter-active[data-v-27fc22c5],.slide-up-leave-active[data-v-27fc22c5]{transition:all .5s ease-out}.slide-up-enter-from[data-v-27fc22c5]{opacity:0;transform:translate(-50%,20px)}.slide-up-leave-to[data-v-27fc22c5]{opacity:0;transform:translate(-50%,-20px)}.fade-enter-from[data-v-27fc22c5],.fade-leave-to[data-v-27fc22c5]{opacity:0;transform:translate(-50%,-100%)}.subtitle-content[data-v-9ba522cb]{position:relative;padding:10px 12px;color:#fff;background-color:#000000b8;opacity:.72;border-radius:8px;overflow-y:auto;overflow-x:hidden;font-size:12px;scrollbar-width:none}.subtitle-content[data-v-9ba522cb]::-webkit-scrollbar{width:0;background:transparent}.subtitle-content[data-v-9ba522cb]:not(.subtitle-content--h5){width:640px;min-width:640px;height:180px;max-height:180px}.subtitle-content:not(.subtitle-content--h5) .subtitle-content__settings-btn[data-v-9ba522cb]{position:fixed;top:8px;right:8px;cursor:pointer;z-index:999}.subtitle-content--h5[data-v-9ba522cb]{position:relative;width:350px;min-width:350px;height:116px;max-height:116px}.subtitle-content--h5 .subtitle-content__settings-btn[data-v-9ba522cb]{position:fixed;top:50%;right:4px;cursor:pointer;z-index:999;transform:translateY(-50%)}.sender-name[data-v-9ba522cb]{font-family:PingFang SC;font-weight:400;font-style:Regular;font-size:12px;leading-trim:NONE;line-height:16px;letter-spacing:0px;color:#ffffffbf}.custom-select-wrapper[data-v-8cbeab17]{position:relative;width:100%}.custom-select[data-v-8cbeab17]{height:36px;padding:0 32px 0 12px;border:1px solid #DCDFE6;border-radius:4px;font-size:14px;color:#606266;background:#FFFFFF;cursor:pointer;display:flex;align-items:center;transition:all .3s}.custom-select[data-v-8cbeab17]:hover:not(.is-disabled){border-color:#c0c4cc}.custom-select.is-open[data-v-8cbeab17]{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.custom-select.is-disabled[data-v-8cbeab17]{background:#F5F7FA;color:#c0c4cc;cursor:not-allowed;border-color:#e4e7ed}.select-text[data-v-8cbeab17]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-arrow[data-v-8cbeab17]{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;transition:transform .3s}.select-arrow.is-open[data-v-8cbeab17]{transform:translateY(-50%) rotate(180deg)}.custom-options[data-v-8cbeab17]{position:absolute;top:100%;left:0;right:0;background:#FFFFFF;border:1px solid #DCDFE6;border-radius:4px;box-shadow:0 2px 12px #0000001a;z-index:1000;margin-top:4px;overflow:hidden;max-height:200px;overflow-y:auto}.custom-option[data-v-8cbeab17]{padding:8px 12px;font-size:14px;color:#606266;cursor:pointer;transition:all .2s}.custom-option[data-v-8cbeab17]:hover{background:#F5F7FA;color:#409eff}.custom-option.is-selected[data-v-8cbeab17]{color:#409eff;font-weight:500}.custom-option.is-selected[data-v-8cbeab17]:hover{background:#F5F7FA;color:#409eff}.custom-options[data-v-8cbeab17]::-webkit-scrollbar{width:6px}.custom-options[data-v-8cbeab17]::-webkit-scrollbar-track{background:#F1F1F1;border-radius:3px}.custom-options[data-v-8cbeab17]::-webkit-scrollbar-thumb{background:#C0C4CC;border-radius:3px}.custom-options[data-v-8cbeab17]::-webkit-scrollbar-thumb:hover{background:#A8ABB2}.subtitle-settings-overlay[data-v-b03aa36f]{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:PingFang SC;box-shadow:0 2px 6px 0 var(--Black-8)}.subtitle-settings-modal[data-v-b03aa36f]{background:white;border-radius:12px;width:480px;overflow:hidden}.modal-header[data-v-b03aa36f]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 10px}.modal-title[data-v-b03aa36f]{font-size:16px;font-weight:600;color:#000000e5}.close-btn[data-v-b03aa36f]{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn[data-v-b03aa36f]:hover{background-color:#f5f5f5}.modal-content[data-v-b03aa36f]{padding:24px}.setting-item[data-v-b03aa36f]{margin-bottom:24px}.setting-item[data-v-b03aa36f]:last-child{margin-bottom:0}.setting-label[data-v-b03aa36f]{display:block;font-size:14px;font-weight:400;color:#4f586b;margin-bottom:8px}.modal-footer[data-v-b03aa36f]{display:flex;justify-content:flex-end;gap:20px;padding:16px 24px 24px}.btn[data-v-b03aa36f]{width:72px;height:32px;font-size:14px;font-weight:500;cursor:pointer;border-radius:26px;transition:all .2s;border:1px solid transparent}.btn.btn-cancel[data-v-b03aa36f]{color:#1c66e5;border-color:#1c66e5;background-color:#fff}.btn.btn-confirm[data-v-b03aa36f]{background:#1C66E5;color:#fff}.subtitle-settings-overlay[data-v-50f476c3]{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:PingFang SC}.subtitle-settings-modal[data-v-50f476c3]{background-color:#fff;border-radius:12px;width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn-50f476c3 .3s ease-out}@keyframes modalSlideIn-50f476c3{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-50f476c3]{text-align:center;padding:20px 20px 16px}.modal-title[data-v-50f476c3]{font-size:18px;font-weight:500;color:#333;margin:0}.modal-content[data-v-50f476c3]{flex:1;overflow-y:auto;padding:16px 0}.modal-footer[data-v-50f476c3]{display:flex;gap:12px;padding:16px 20px 20px}.btn[data-v-50f476c3]{flex:1;width:200px;height:44px;border-radius:20px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn.btn-cancel[data-v-50f476c3]{color:#1c66e5;border:1px solid #1C66E5;background-color:#fff}.btn.btn-confirm[data-v-50f476c3]{background-color:#1677ff;color:#fff}.setting-group[data-v-50f476c3]{margin-bottom:12px}.setting-group[data-v-50f476c3]:last-child{margin-bottom:0}.group-title[data-v-50f476c3]{font-size:13px;color:#666;padding:0 20px 8px;margin-bottom:2px}.group-content[data-v-50f476c3]{background:white;border-radius:8px;margin:0 16px;overflow:hidden;border:1px solid #f0f0f0}.setting-section[data-v-50f476c3]{border-bottom:1px solid #f0f0f0}.setting-section[data-v-50f476c3]:last-child{border-bottom:none}.section-header[data-v-50f476c3]{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;transition:background-color .2s}.section-header[data-v-50f476c3]:active{background-color:#f8f8f8}.section-title[data-v-50f476c3]{font-size:16px;color:#333;font-weight:400}.section-value[data-v-50f476c3]{display:flex;align-items:center;font-size:14px;color:#666;gap:4px}.arrow-icon[data-v-50f476c3]{flex-shrink:0}.toggle-switch[data-v-50f476c3]{width:44px;height:24px;background-color:#ccc;border-radius:12px;position:relative;cursor:pointer;transition:background-color .3s}.toggle-switch.active[data-v-50f476c3]{background-color:#1677ff}.toggle-slider[data-v-50f476c3]{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider[data-v-50f476c3]{transform:translate(20px)}.language-selector-overlay[data-v-50f476c3]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background-color:#00000080;z-index:1100;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.language-selector[data-v-50f476c3]{max-height:70vh;display:flex;flex-direction:column;background-color:#fff;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom);transform:translateY(0);animation:slideUp-50f476c3 .3s ease-out}@keyframes slideUp-50f476c3{0%{transform:translateY(100%)}to{transform:translateY(0)}}.selector-header[data-v-50f476c3]{text-align:center;padding:16px 16px 12px;border-bottom:1px solid #e5e5e5;background:white;border-radius:16px 16px 0 0}.selector-title[data-v-50f476c3]{font-size:12px;font-weight:400;color:#0006;margin:0}.language-list[data-v-50f476c3]{flex:1;overflow-y:auto;padding:0 16px 16px;max-height:50vh}.language-item[data-v-50f476c3]{font-family:PingFang SC;font-weight:400;font-style:Regular;font-size:16px;leading-trim:NONE;line-height:100%;letter-spacing:0px;text-align:center;text-transform:capitalize;display:flex;align-items:center;justify-content:center;padding:16px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.language-item[data-v-50f476c3]:active{background-color:#f8f8f8}.language-item.selected[data-v-50f476c3]{color:#1677ff}.language-item span[data-v-50f476c3]{font-size:16px;color:inherit}.language-item[data-v-50f476c3]:last-child{border-bottom:none}.check-icon[data-v-50f476c3]{flex-shrink:0}.ai-subtitle-pc[data-v-02339ead]{position:absolute;z-index:1;left:50%;transform:translate(-50%);width:auto;height:auto;bottom:110px}.ai-subtitle-pc--expanded[data-v-02339ead]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background-color:transparent;transform:none!important;z-index:1000}.ai-subtitle-pc:not(.ai-subtitle-pc--expanded) .ai-subtitle-pc__content[data-v-02339ead]{position:relative;width:auto;height:auto}.ai-subtitle-pc--expanded .ai-subtitle-pc__content[data-v-02339ead]{display:none}.ai-subtitle-pc--expanded .ai-subtitle-pc__settings[data-v-02339ead]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.ai-subtitle-pc:not(.ai-subtitle-pc--expanded) .ai-subtitle-pc__settings[data-v-02339ead]{display:none}.ai-subtitle-h5[data-v-02339ead]{position:absolute;z-index:100;left:50%;transform:translate(-50%);width:auto;height:auto;bottom:26%}.ai-subtitle-h5--expanded[data-v-02339ead]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background-color:transparent;transform:none!important;z-index:1000}.ai-subtitle-h5:not(.ai-subtitle-h5--expanded) .ai-subtitle-h5__content[data-v-02339ead]{position:relative;width:auto;height:auto}.ai-subtitle-h5--expanded .ai-subtitle-h5__content[data-v-02339ead]{display:none}.ai-subtitle-h5--expanded .ai-subtitle-h5__settings[data-v-02339ead]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.ai-subtitle-h5:not(.ai-subtitle-h5--expanded) .ai-subtitle-h5__settings[data-v-02339ead]{display:none}.uikit-modal-mask[data-v-756161cf]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center}.uikit-modal-default[data-v-756161cf]{width:480px;max-width:calc(100% - 40px);box-shadow:0 2px 12px #00000026}.uikit-modal-container[data-v-756161cf]{box-sizing:border-box;background:#fff;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:24px;border-radius:20px}.uikit-modal-header[data-v-756161cf]{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.uikit-modal-header .uikit-modal-type-icon[data-v-756161cf]{margin-right:6px}.uikit-modal-title[data-v-756161cf]{font-size:16px;line-height:24px;font-weight:600;color:#333;flex:1}.uikit-modal-body[data-v-756161cf]{flex:1;display:block;font-size:14px;font-weight:400;line-height:22px;color:#333;word-break:break-word}.uikit-modal-body[data-v-756161cf] .uikit-modal-link{color:#006eff;text-decoration:none;transition:all .2s ease;cursor:pointer;border-bottom:1px solid transparent;margin:0 .2em}.uikit-modal-footer[data-v-756161cf]{padding-top:20px;box-sizing:border-box;display:flex;justify-content:flex-end;gap:12px}.uikit-modal-btn[data-v-756161cf]{min-width:88px;height:32px;padding:0 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;white-space:nowrap}.uikit-modal-btn[data-v-756161cf]:active{transform:scale(.98)}.uikit-modal-btn-cancel[data-v-756161cf]{background:#F0F2F9;color:#333}.uikit-modal-btn-cancel[data-v-756161cf]:hover{background:#e5e7ed}.uikit-modal-btn-confirm[data-v-756161cf]{background:#1c66e5;color:#fff}.uikit-modal-btn-confirm[data-v-756161cf]:hover{background:#1557cc}.uikit-modal-header[data-v-756161cf]:empty,.uikit-modal-body[data-v-756161cf]:empty,.uikit-modal-footer[data-v-756161cf]:empty{padding:0}.uikit-modal-container-mobile[data-v-756161cf]{border-radius:12px;max-width:calc(100% - 32px);padding:0}.uikit-modal-container-mobile .uikit-modal-header[data-v-756161cf]{padding:20px 20px 16px;justify-content:flex-start}.uikit-modal-container-mobile .uikit-modal-body[data-v-756161cf]{padding:0 20px 20px;justify-content:flex-start}.uikit-modal-container-mobile .uikit-modal-footer[data-v-756161cf]{padding:0;border-top:.5px solid #e5e5e5;gap:0}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn[data-v-756161cf]{flex:1;border-radius:0;height:56px;min-width:auto;background:#fff;font-size:17px}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn[data-v-756161cf]:active{transform:none;background:#f5f5f5}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn[data-v-756161cf]:hover{background:#fff}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn-cancel[data-v-756161cf]{color:#666}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn-cancel[data-v-756161cf]:first-child:last-child{border-radius:0 0 12px 12px}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn-confirm[data-v-756161cf]{color:#1c66e5;border-left:.5px solid #e5e5e5;font-weight:600}.TUICallKit-mobile,.TUICallKit-mobile .singCall{width:100%;height:100%}.transition-animation{transform:translateY(-100%);animation:slideInDown .5s ease forwards}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.TUICallKit-desktop{margin:0 auto;position:relative;border-radius:inherit;width:100%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:12;border-radius:16px}.TUICallKit-desktop .singCall{width:100%;height:100%}.mobile-audio{background-color:#fff}.miniMized{width:168px!important;height:56px!important;overflow:visible!important}.miniMized-mobile-audio{width:72px;height:72px;position:fixed;top:40px;right:40px}.miniMized-mobile-video{width:40%;height:30%;position:fixed;top:40px;right:40px}.banner-pc{position:relative;cursor:pointer}.banner-pc .top{height:24px;padding-right:10px;border-radius:4px;background:#F4F5F9;display:inline-flex;align-items:center}.banner-pc .top .call-icon{margin:4px 4px 4px 8px}.banner-pc .top .text{font-weight:400;font-size:12px;line-height:16px;color:#666}.banner-pc .content{width:220px;margin-top:8px;padding:10px 18px 6px;box-shadow:0 0 24px #161e2733;background-color:#fff;border-radius:10px;position:absolute;z-index:10;display:flex;display:-webkit-flex;flex-direction:column;align-items:center}.banner-pc .content .content-arrows{width:12px;height:12px;border-radius:2px;background-color:#fff;transform:rotate(45deg);position:absolute;top:-5px;left:80px}.banner-pc .content .avatar-box{display:flex;justify-content:center;flex-wrap:wrap}.banner-pc .content .avatar{margin:6px;display:flex;border-radius:4px}.banner-pc .content .btn{margin:10px 0;width:97px;height:30px;background:#F2F5FC;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:12px;color:#1c66e5;cursor:pointer}.banner-h5{padding:0 16px;position:relative}.banner-h5 .top{height:36px;background:#FFFFFF;border-radius:4px;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center}.banner-h5 .top .left{display:flex;align-items:center}.banner-h5 .top .left .text{font-weight:400;font-size:12px;color:#666}.banner-h5 .content-box{box-sizing:border-box;width:100%;padding:0 16px 10px;background:#FFFFFF;box-shadow:0 3px 3px 1px #b4b4b440;border-radius:0 0 8px 8px;position:absolute;left:0px;z-index:10}.banner-h5 .content-box .content{background:#EEF0F2;border-radius:6px}.banner-h5 .content-box .content .avatar-box{padding:30px 6px;border-bottom:1px solid rgba(112,112,112,.1058823529);display:flex;display:-webkit-flex;justify-content:center;flex-wrap:wrap}.banner-h5 .content-box .content .btn{padding:10px;font-weight:600;font-size:14px;text-align:center;color:#333;cursor:pointer}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-row{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box;width:100%}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-col{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-loading_dot-container{display:flex;justify-content:space-between;align-items:center;height:100%}.tk-loading_dot-container .tk-loading_dot:nth-child(1){opacity:0;animation-duration:.8s;animation-delay:0s;animation-play-state:running}.tk-loading_dot-container .tk-loading_dot:nth-child(2){opacity:.083;animation-duration:.8s;animation-delay:.2666666667s;animation-play-state:running}.tk-loading_dot-container .tk-loading_dot:nth-child(3){opacity:.1667;animation-duration:.8s;animation-delay:.5333333333s;animation-play-state:running}.tk-loading_dot-container .tk-loading_dot{width:20%;height:20%;border-radius:50%;background-color:#fff;animation-duration:1.8s;animation-name:dotting;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes dotting{0%{opacity:.15}1%{opacity:.8}33%{opacity:.8}34%{opacity:.15}to{opacity:.15}}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-loading_circle-container{height:100%;border:2px solid;border-radius:50%;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#fff;border-left-color:#fff;background:0 0;vertical-align:middle;box-sizing:border-box;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-loading{display:flex;align-items:center;flex-direction:column}.tk-loading .tk-loading_text{margin:10px}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-image{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;vertical-align:middle;width:300px;height:225px}.tk-image .tk-image_inner{width:100%;height:100%}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-button{display:inline-flex;align-items:center;justify-content:center}.tk-button.tk-button--small{height:24px}.tk-button.tk-button--middle{height:32px}.tk-button.tk-button--large{height:40px}.tk-button .tk-button--content{color:#606266;font-size:14px;font-weight:500}.tk-button.tk-circle.tk-button--small{width:24px}.tk-button.tk-circle.tk-button--default{width:32px}.tk-button.tk-circle.tk-button--large{width:40px}.btn-content[data-v-1bae39f3],.btn-content[data-v-f92abf93]{display:flex;flex-direction:column;align-items:center}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-text{display:inline-block;overflow:hidden;text-align:center;line-height:normal;white-space:nowrap;font-weight:400;font-size:14px;color:#303133}.tk-text.tk-text--line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;white-space:normal}.btn-content[data-v-7c062dcf]{display:flex;flex-direction:column;align-items:center}.ai-transcriber-switch[data-v-5c010454]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;color:#fff;font-size:14px;font-weight:400;font-family:PingFang SC;cursor:pointer}.ai-transcriber-switch__label[data-v-5c010454]{white-space:nowrap}.ai-transcriber-switch__toggle[data-v-5c010454]{position:relative;width:32px;height:20px;background:rgba(255,255,255,.3019607843);border-radius:10px;transition:background-color .3s ease;cursor:pointer}.ai-transcriber-switch__toggle--active[data-v-5c010454]{background:#1C66E5}.ai-transcriber-switch__slider[data-v-5c010454]{position:absolute;top:3px;left:2px;width:14px;height:14px;border-radius:50%;background:white;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.ai-transcriber-switch__toggle--active .ai-transcriber-switch__slider[data-v-5c010454]{transform:translate(14px)}.top-bar-container[data-v-cde442d1]{position:absolute;z-index:2;width:100%;height:5.8%;display:flex;align-items:center}.topbar-right-controls[data-v-cde442d1]{margin-right:10px;display:flex;align-items:center;gap:16px}.top-bar-left-controls[data-v-cde442d1]{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-left:10px}.control-item[data-v-cde442d1]{display:flex;align-items:center;justify-content:center}.auto-play-dialog[data-v-5493446f]{background-color:#fff;position:absolute;top:5.2%;left:50%;transform:translate(-50%);z-index:2;width:90%;height:40px;display:flex;justify-content:space-between;border-radius:6px;align-items:center;font-size:14px;font-weight:400;font-family:PingFang SC;padding:0 10px}.auto-play-dialog .auto-play-action[data-v-5493446f]{color:#1c66e5}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-overlay{position:fixed;left:0;top:0;bottom:0;width:100%}.tk-overlay .tk-overlay_mask-container{width:100%;height:100%;z-index:0;position:absolute}.tk-overlay .tk-overlay_mask{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#00000080;z-index:1}.tk-overlay .tk-overlay_slot{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;display:flex;justify-content:center}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-avatar{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;overflow:hidden;color:#fff;background:#c0c4cc;width:40px;height:40px;font-size:14px}.tk-avatar.tk-avatar--square{border-radius:4px}.tk-avatar.tk-avatar--circle{border-radius:100%}.tk-avatar .tk-avatar_img,.tk-avatar .tk-avatar_image{width:100%;height:100%}.mic-container[data-v-ea062939]{position:relative;width:24px;height:24px}.mic-container .mic-level-container[data-v-ea062939]{position:absolute;left:6px;width:8px;height:14px;display:flex;flex-wrap:wrap;border-radius:4px;overflow:hidden;flex-direction:column-reverse;justify-content:space-between}.mic-container .mic-level-container .mic-level[data-v-ea062939]{width:100%;background-color:#27c39f;transition:height .2s}.overlay-stream-container.mobile .overlay-stream-content-container[data-v-98c0998b]{width:100%;top:26%;position:absolute;display:flex;justify-content:center;flex-direction:column}.overlay-stream-container.mobile .overlay-stream-content-container .overlay-stream-content[data-v-98c0998b]{display:flex;flex-direction:column;align-items:center}.overlay-stream-container.mobile .overlay-stream-content-container .overlay-stream-content .overlay-stream-avatar[data-v-98c0998b]{margin-bottom:12px}.overlay-stream-container.mobile .overlay-stream-content-container .overlay-stream-content .overlay-stream-info[data-v-98c0998b]{display:flex;align-items:center}.overlay-stream-container.mobile .overlay-stream-content-container .overlay-stream-content .overlay-stream-tip[data-v-98c0998b]{margin-top:12px;color:#fff}.overlay-stream-container.pc .overlay-stream-content-container[data-v-98c0998b]{display:flex;height:100%;align-items:center;justify-content:center}.overlay-stream-container.pc .overlay-stream-content-container .overlay-stream-content[data-v-98c0998b]{display:flex;flex-direction:column;align-items:center}.overlay-stream-container.pc .overlay-stream-content-container .overlay-stream-content .overlay-stream-info[data-v-98c0998b]{display:flex;align-items:center}.overlay-stream-container[data-v-98c0998b]{position:absolute;display:flex;height:100%;width:100%;flex-direction:column;justify-content:center;align-items:center}.waiting-container[data-v-8dc3669f]{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.groupcall-info[data-v-8dc3669f]{display:flex;flex-direction:column;align-items:center;margin-top:24px;z-index:1;color:#fff;width:100%}.groupcall-info .avatar-group[data-v-8dc3669f]{display:flex;flex-wrap:wrap;margin-top:12px;align-items:center;justify-content:center;max-width:70%}.groupcall-info .avatar-group .avatar-item[data-v-8dc3669f]{width:10vw;height:10vw;margin-left:10px;margin-top:10px}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-toggle-window{height:100%;position:relative}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-toggle-window-item{height:100%;position:absolute}.tk-toggle-window-item.tk-toggle-window-item--big{width:100%;height:100%;z-index:0}.tk-toggle-window-item.mobile.tk-toggle-window-item--small{z-index:1;width:24.3%!important;height:19.7%!important;border-radius:5px;left:98%;top:8%;transform:translate(-100%);overflow:hidden}.tk-toggle-window-item.pc.tk-toggle-window-item--small{top:2%;left:2%;width:22%;height:21%;border-radius:12px;overflow:hidden;z-index:1}.stream-userInfo[data-v-73beaeef]{padding:2px 5px;display:flex;align-items:center;background-color:#000000a6;color:#fff}.stream-userInfo .nickname[data-v-73beaeef]{display:flex}.stream-icon[data-v-46cc5655]{width:30px;height:30px;background:rgba(34,38,46,.5019607843);border-radius:50%;display:flex;align-items:center;justify-content:center}.switch-camera[data-v-46cc5655]{margin:0 12px}.pusher-container[data-v-8cf5d7b3]{width:100%;height:100%;position:relative;background-color:#4c515a}.pusher-container .audio-stream-container[data-v-8cf5d7b3]{position:absolute;z-index:3;width:100%;height:100%}.pusher-container .stream-info-container[data-v-8cf5d7b3]{position:absolute;bottom:0;z-index:3;width:100%}.pusher-container .stream-info-container.mobile[data-v-8cf5d7b3]{margin-bottom:8px}.player-container[data-v-1bb63b56]{width:100%;height:100%;position:relative;background-color:#4c515a}.player-container .audio-stream-container[data-v-1bb63b56]{position:absolute;z-index:1;width:100%;height:100%}.player-container .stream-info-container[data-v-1bb63b56]{position:absolute;bottom:0;z-index:10;width:100%}.player-container .stream-info-container.mobile[data-v-1bb63b56]{margin-bottom:8px}.float-control-panel[data-v-89ef9c99]{width:168px;height:56px;background:white;z-index:13;display:flex;flex-wrap:nowrap;justify-content:center;border-radius:40px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.float-control-item-icon[data-v-89ef9c99]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:56px;height:56px;position:relative}.float-control-item-icon-container[data-v-89ef9c99]{border-radius:40px;width:40px;height:40px;margin:.5rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}.float-control-item-icon-container[data-v-89ef9c99]:hover{background:rgba(218,218,218,.3)}.singlecall-video-float[data-v-9dbb05f9]{width:110px;height:196px;display:flex;z-index:99;flex-direction:column;align-items:center;background:#000;border-radius:12px;box-shadow:0 0 10px #35394166;overflow:hidden}.singlecall-video-float .singlecall-video-float-content[data-v-9dbb05f9]{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.singlecall-video-float .float-window-tip-container[data-v-9dbb05f9]{position:absolute;bottom:8px}.singlecall-audio-float[data-v-9dbb05f9]{width:72px;height:72px;display:flex;z-index:99;flex-direction:column;align-items:center;background:#FFF;border-radius:12px;box-shadow:0 0 10px #35394166}.singlecall-audio-float .singlecall-audio-float-content[data-v-9dbb05f9]{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.click-container[data-v-ea7a3e81]{position:absolute;width:100%;height:100%;z-index:2}.groupcall-video-float.float[data-v-ea7a3e81]{width:72px;height:90px;display:flex;z-index:99;flex-direction:column;align-items:center;border-radius:12px;background:#FFF;box-shadow:0 0 10px #35394166;box-sizing:border-box;overflow:hidden}.groupcall-video-float.float .stream-container[data-v-ea7a3e81]{position:relative;width:72px;height:70px}.groupcall-video-float.float .video[data-v-ea7a3e81]{width:72px;height:70px;position:absolute}.groupcall-video-float.float .audio[data-v-ea7a3e81]{position:absolute;width:100%;height:70px;padding-top:10px;background-color:#fff;display:flex;flex-direction:column;align-items:center}.groupcall-video-float.float .device-status[data-v-ea7a3e81]{width:100%;height:20px;background-color:#f9f6f4;display:flex;position:relative;justify-content:space-around}.groupcall-video-float.not-float[data-v-ea7a3e81]{width:100%;height:100%}.groupcall-video-float.not-float .stream-container[data-v-ea7a3e81],.groupcall-video-float.not-float .stream-container .video[data-v-ea7a3e81]{height:100%}.float-window-container.not-float[data-v-0d17419d]{width:100%;height:100%}.float-window-container.float[data-v-0d17419d]{position:absolute}.float-window-container.float.pc[data-v-0d17419d]{top:50px;left:50%;transform:translate(-50%)}.float-window-container.float.mobile[data-v-0d17419d]{top:150px;right:0}.singlecall-media-container[data-v-852a25f0]{width:100%;height:100%;position:absolute;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.singlecall-media-container.float[data-v-852a25f0]{position:relative}.singlecall-media-container.pc[data-v-852a25f0]{border-radius:12px;overflow:hidden}.roggle-btn[data-v-852a25f0]{position:absolute;left:100px;z-index:100;top:0}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-message{position:fixed;left:50%;transform:translate(-50%);padding:10px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:9999;color:#000;border-color:#e9e9eb;background-color:#f4f4f5}.tk-message .tk-message_icon{margin-right:5px}.tk-message .tk-message_close{cursor:pointer;margin-left:5px}.tk-message--info{color:#909399;border-color:#e9e9eb;background-color:#f4f4f5}.tk-message--success{color:#67c23a;border-color:#e1f3d8;background-color:#f0f9eb}.tk-message--warning{color:#e6a23c;border-color:#faecd8;background-color:#fdf6ec}.tk-message--error{color:#f56c6c;border-color:#fde2e2;background-color:#fef0f0}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-grid-item{display:flex;justify-content:center}.tk-grid-item.h5{transition-property:width,height,left,top;transition-duration:.3s;transition-timing-function:ease-in}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-popover{position:relative}.tk-popover .tk-popover_content{display:inline-block;vertical-align:middle;min-width:120px;position:absolute;background:#FFFFFF;border-radius:4px;font-size:14px;box-shadow:0 0 12px #0000001f;overflow-wrap:break-word;box-sizing:border-box;text-align:center}.tk-popover .tk-popover_arrow{position:absolute;transform:translate(-50%);width:0;height:0}.tk-popover .tk-popover_trigger{display:inline-block;position:relative;vertical-align:middle}.tk-justify-start{justify-content:flex-start}.tk-justify-center{justify-content:center}.tk-justify-end{justify-content:flex-end}.tk-justify-space-between{justify-content:space-between}.tk-justify-space-around{justify-content:space-around}.tk-justify-space-evenly{justify-content:space-evenly}.tk-align-center{align-items:center}.tk-align-start{align-items:flex-start}.tk-align-end{align-items:flex-end}.tk-align-stretch{align-items:stretch}.tk-align-baseline{align-items:baseline}.tk-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tk-round{border-radius:20px}.tk-circle{border-radius:100%}.tk-popover{position:relative}.tk-popover .tk-popover_content{display:inline-block;vertical-align:middle;min-width:120px;position:absolute;background:#FFFFFF;border-radius:4px;font-size:14px;box-shadow:0 0 12px #0000001f;overflow-wrap:break-word;box-sizing:border-box;text-align:center}.tk-popover .tk-popover_arrow{position:absolute;transform:translate(-50%);width:0;height:0}.tk-popover .tk-popover_trigger{display:inline-block;position:relative;vertical-align:middle}.device-selector-container[data-v-31eef133]{width:180px;display:flex;flex-direction:column;align-items:center;padding:6px;font-weight:500}.device-selector-container .device-item[data-v-31eef133]{overflow:hidden;padding:5px 3px;text-align:left;line-height:16px;cursor:pointer}.device-selector-container .device-item[data-v-31eef133]:hover{border-radius:5px;background:rgba(255,255,255,.3215686275)}.device-selector-container .device-item.select[data-v-31eef133]{background-color:#0f101433;border-radius:3px}.device-selector-container .control-item[data-v-31eef133]{width:100%;height:1px;background-color:#fff3}.scroll-container[data-v-31eef133]{width:100%;overflow:hidden}.scroll-container .scroll-content[data-v-31eef133]{max-height:60px;margin-right:-26px;overflow:hidden auto;padding-right:20px}.btn-content[data-v-84cd42ba],.btn-content[data-v-d2aaa623],.btn-content[data-v-884ec28b],.btn-content[data-v-e78303e9],.btn-content[data-v-1a266441],.btn-content[data-v-001b7a7b],.btn-content[data-v-5a074e02],.btn-content[data-v-1d790d2d],.btn-content[data-v-f7839a20]{display:flex;flex-direction:column;align-items:center}.button-panel-container[data-v-6582c17d]{position:absolute;z-index:1}.button-panel-container.pc[data-v-6582c17d]{width:60%;height:63px;margin:0 auto;bottom:6%;left:50%;z-index:2;transform:translate(-50%)}.button-panel-container.mobile[data-v-6582c17d]{display:flex;justify-content:center;height:27%;bottom:0;width:100%}.button-panel-container.mobile.h5[data-v-6582c17d]{transition-property:width,height,left,top;transition-duration:.3s;transition-timing-function:ease-in}.button-panel-container.mobile.groupCall.showBackGround[data-v-6582c17d]{background-color:#4f586b}.button-panel-container.mobile .button-group[data-v-6582c17d]{position:absolute;width:72%;top:2vh;height:80%}.button-panel-container.mobile.close[data-v-6582c17d]{height:14%;align-items:center}.button-panel-container.mobile.close .button-group[data-v-6582c17d]{position:absolute;width:72%;right:6.2vw;height:40px;top:auto;bottom:auto}.button-panel-container .button-group[data-v-6582c17d]{position:relative;height:100%}.button-panel-container .toggle-button-container[data-v-6582c17d]{display:flex;align-items:center;position:absolute;left:8.2vw}.button-panel-container .toggle-button-container.h5[data-v-6582c17d]{transition-property:width,height,left,top;transition-duration:.3s;transition-timing-function:ease-in}.button-panel-container.open .toggle-button-container[data-v-6582c17d]{bottom:6vh}.singlecall-container[data-v-0fa5f69a]{height:100%}.stream-loading-container[data-v-56b8bc56]{width:100%;height:100%;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center}.groupcall-media-container[data-v-9ff51586]{width:100%;height:100%;position:absolute;z-index:1}.groupcall-media-container.pc[data-v-9ff51586]{border-radius:12px;overflow:hidden}.groupcall-media-container.pc.two-layout[data-v-9ff51586]{margin-top:20%}.groupcall-media-container.pc .tk-toggle-window-item--small[data-v-9ff51586]{top:2%;left:2%;width:22%;height:21%;border-radius:12px;overflow:hidden}.groupcall-media-container.mobile[data-v-9ff51586]{margin-top:5.5vh}.groupcall-media-container.mobile.float[data-v-9ff51586]{margin-top:0}.groupcall-media-container.mobile.two-layout[data-v-9ff51586]{margin-top:15vh}.groupcall-media-container.mobile.two-layout.float[data-v-9ff51586]{margin-top:0}.dialog[data-v-26735e82]{background:rgba(0,0,0,.3)}.dialog-main[data-v-26735e82]{background:#FFFFFF}.dialog-main-header[data-v-26735e82]{font-weight:500;color:#333}.dialog-main-title[data-v-26735e82]{font-family:PingFangSC-Medium;font-weight:500;color:#333}.dialog-main-back[data-v-26735e82]{background:none}.dialog-main-content[data-v-26735e82]{font-weight:400;color:#333}.btn[data-v-26735e82]{font-weight:400;color:#fff;letter-spacing:0}.btn-cancel[data-v-26735e82]{border:1px solid #dddddd;color:#666}.btn-default[data-v-26735e82]{background:#006EFF;border:1px solid #006EFF}.dialog[data-v-26735e82]{position:absolute;width:100%;height:100%;left:0;top:0;z-index:6;display:flex;justify-content:center;align-items:center}.dialog-main[data-v-26735e82]{min-width:368px;border-radius:10px;padding:20px 30px}.dialog-main-header[data-v-26735e82]{display:flex;justify-content:space-between;align-items:center;font-size:16px;line-height:30px}.dialog-main-title[data-v-26735e82]{font-size:16px;line-height:30px}.dialog-main-content[data-v-26735e82]{font-size:14px}.dialog-main-footer[data-v-26735e82]{display:flex;justify-content:flex-end}.btn[data-v-26735e82]{padding:8px 20px;margin:0 6px;border-radius:4px;border:none;font-size:14px;text-align:center;line-height:20px}.btn[data-v-26735e82]:disabled{opacity:.3}.btn[data-v-26735e82]:last-child{margin-right:0}.dialog-h5[data-v-26735e82]{height:100%;top:0;align-items:inherit}.dialog-h5 .dialog-main[data-v-26735e82]{border-radius:0;padding:0;display:flex;flex-direction:column;overflow:hidden;width:100%;min-height:80px;min-width:120px}.dialog-h5 .dialog-main-content[data-v-26735e82]{flex:1;min-width:0;min-height:0;text-align:center}.dialog-h5 .dialog-main-content-uniapp[data-v-26735e82]{padding:40px 0}.dialog-h5 .dialog-main-footer[data-v-26735e82]{border-top:1px solid #DDDDDD}.dialog-h5 .dialog-main-footer .btn[data-v-26735e82]{flex:1;margin:0;background:none;border-right:1px solid #DDDDDD}.dialog-h5 .dialog-main-footer .btn-default[data-v-26735e82]{color:#ff584c;border:none}.center[data-v-26735e82]{align-items:center;padding:20px;box-sizing:border-box}.icon[data-v-b989a330]{display:inline-flex;justify-content:center;align-items:center;margin:0}.main[data-v-cc0325fc]{background:#FFFFFF;border:1px solid #E0E0E0;box-shadow:0 -4px 12px #0000000f}.main .left[data-v-cc0325fc]{border-right:1px solid #E8E8E9}.main .transfer-header[data-v-cc0325fc]{font-weight:500;color:#000;letter-spacing:0}.main .transfer-header input[data-v-cc0325fc]{background:#FFFFFF;border:1px solid #DEE0E3;font-weight:500;color:#8f959e;letter-spacing:0}.main .transfer-list .transfer-text[data-v-cc0325fc]{font-weight:500;color:#8f959e;letter-spacing:0}.main .transfer-list-item .disabled[data-v-cc0325fc]{background:#eeeeee}.btn[data-v-cc0325fc]{background:#3370FF;border:0 solid #2F80ED;font-weight:400;color:#fff}.btn-cancel[data-v-cc0325fc]{background:#FFFFFF;border:1px solid #DDDDDD;color:#828282}.btn-no[data-v-cc0325fc]{background:#e8e8e9;border:1px solid #DDDDDD;font-weight:400;color:#fff}.transfer-h5-header[data-v-cc0325fc]{background:#FFFFFF}.transfer-h5-header .title[data-v-cc0325fc]{font-family:PingFangSC-Medium;font-weight:500;color:#000;letter-spacing:0}.main[data-v-cc0325fc]{box-sizing:border-box;width:541px;height:390px;display:flex;border-radius:8px;padding:20px 0}.main .right[data-v-cc0325fc]{padding:0 20px;flex:1}.main .right .transfer-list[data-v-cc0325fc]{padding-right:20px}.main .left[data-v-cc0325fc]{flex:1;overflow-y:hidden;display:flex;flex-direction:column}.main .left .transfer-header[data-v-cc0325fc]{padding:0 20px}.main .left .transfer-left-main[data-v-cc0325fc]{flex:1;overflow-y:auto;padding:0 13px}.main .right[data-v-cc0325fc]{display:flex;flex-direction:column;text-align:left}.main .right .transfer-right-footer[data-v-cc0325fc]{align-self:flex-end}.main .right .transfer-right-footer .btn-cancel[data-v-cc0325fc]{margin-right:12px}.main .right .transfer-list[data-v-cc0325fc]{overflow-y:auto}.main .transfer-header[data-v-cc0325fc]{font-size:14px;line-height:14px;padding-bottom:20px}.main .transfer-header input[data-v-cc0325fc]{box-sizing:border-box;width:100%;border-radius:30px;font-size:10px;line-height:14px;padding:9px 12px}.main .transfer-list[data-v-cc0325fc]{flex:1;display:flex;flex-direction:column}.main .transfer-list .transfer-text[data-v-cc0325fc]{font-size:10px;line-height:14px}.main .transfer-list-item[data-v-cc0325fc]{padding:6px 0;display:flex;align-items:center;font-size:14px;text-align:left}.main .transfer-list-item-content[data-v-cc0325fc]{flex:1;display:flex;align-items:center}.main .transfer-list-item .avatar[data-v-cc0325fc]{margin:0 5px 0 8px;border-radius:50%}.main .transfer-list-item .name[data-v-cc0325fc]{width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.avatar[data-v-cc0325fc]{width:36px;height:36px;border-radius:5px;font-size:12px;display:flex;justify-content:center;align-items:center}.btn[data-v-cc0325fc],.btn-no[data-v-cc0325fc]{padding:4px 28px;font-size:12px;line-height:24px;border-radius:4px}.space-between[data-v-cc0325fc]{justify-content:space-between}.select-all[data-v-cc0325fc]{padding-left:8px;font-size:14px}.more[data-v-cc0325fc]{display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:14px}.transfer-h5[data-v-cc0325fc]{width:100vw;height:100vh;display:flex;flex-direction:column}.transfer-h5-header[data-v-cc0325fc]{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:18px;padding:16px 18px}.transfer-h5-header .space[data-v-cc0325fc],.transfer-h5-header .icon[data-v-cc0325fc]{width:18px;height:18px}.transfer-h5 .main[data-v-cc0325fc]{flex-direction:column;width:auto;height:550px;border-radius:0;border:none;box-shadow:none;max-height:calc(100% - 50px);padding:0}.transfer-h5 .main .avatar[data-v-cc0325fc]{border-radius:5px}.transfer-h5 .main .left[data-v-cc0325fc]{padding:0;flex:1;border:none;display:flex;flex-direction:column}.transfer-h5 .main .left .transfer-header[data-v-cc0325fc]{position:sticky;top:0;padding:0 18px}.transfer-h5 .main .left .transfer-header input[data-v-cc0325fc]{border-radius:5px;font-size:14px}.transfer-h5 .main .left-uniapp-input[data-v-cc0325fc]{height:36px}.transfer-h5 .main .right[data-v-cc0325fc]{flex:0;flex-direction:row;align-items:center;box-shadow:inset 0 1px #eee;padding:8px 18px}.transfer-h5 .main .right .transfer-list[data-v-cc0325fc]{flex-direction:row;width:0}.transfer-h5 .main .right .transfer-list-item-content[data-v-cc0325fc]{flex:none}.transfer-h5 .main .right .transfer-right-footer[data-v-cc0325fc]{padding:6px 0;display:flex;align-items:center}.transfer-h5 .main .right .transfer-right-footer .btn[data-v-cc0325fc]{font-size:14px}ul[data-v-cc0325fc],ol[data-v-cc0325fc],li[data-v-cc0325fc]{margin:0;padding:0}.icon-unselected[data-v-cc0325fc]{width:18px;height:18px;background:#FFFFFF;border:1px solid #DDDDDD;border-radius:11px;box-sizing:border-box}.groupcall-container[data-v-5655d849]{height:100%}.card[data-v-9982fa76]{box-sizing:border-box;border-radius:4px;border:1px solid #EBEEF5;background-color:#fff;overflow:hidden;color:#303133;transition:.3s;box-shadow:0 2px 12px #0000001a}.card .card-body[data-v-9982fa76]{padding:20px}.card-wrapper[data-v-9982fa76]{display:flex;flex-direction:column;align-items:center;width:500px;position:relative}.card-wrapper .button[data-v-9982fa76]{box-sizing:border-box;background-color:#104ef5;color:#fff;font-size:12px;height:37px;border-radius:4px;padding:10px}.card-wrapper .image-wrapper[data-v-9982fa76]{box-sizing:border-box}.title[data-v-9982fa76]{padding:10px 0;font-size:16px;font-weight:500;line-height:22px}.desc[data-v-9982fa76]{font-size:12px;margin-bottom:10px}.button[data-v-9982fa76]{background-color:#104ef5;color:#fff;font-size:12px;height:37px;border-radius:4px;padding:10px}.allow[data-v-9982fa76]{font-size:12px;color:#666;padding:10px 0 20px}.image[data-v-9982fa76]{width:100%;border-radius:10px}.close[data-v-9982fa76]{position:absolute;z-index:999;display:flex;justify-content:center;align-items:center;font-size:20px;right:20px;cursor:pointer;width:20px;height:20px}.tips[data-v-cd63c32e]{width:100%;height:100%}.card[data-v-cd63c32e]{position:fixed;right:0;bottom:0;box-shadow:0 2px 12px #0000001a;border-radius:4px;border:1px solid #EBEEF5;background-color:#fff;overflow:hidden;color:#303133;transition:.3s}.tag[data-v-cd63c32e]{position:fixed;left:0;top:0;width:320px;text-align:left}.toast-container[data-v-27fc22c5]{position:fixed;display:flex;align-items:center;z-index:1002;justify-content:space-between;left:50%;transform:translate(-50%);padding:15px 15px 15px 20px;background-color:#000;color:#fff;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid}.toast-container .toast-content[data-v-27fc22c5]{margin-right:16px}.toast-container .toast-close-icon[data-v-27fc22c5]{width:16px;line-height:16px;cursor:pointer}.toast-container .toast-close-icon[data-v-27fc22c5]:before{font-style:normal;content:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiPjxwYXRoIGQ9Ik01MTIgNDY2Ljc1MiA4Ni42NTYgNDEuMzQ0YTMyIDMyIDAgMCAwLTQ1LjMxMiA0NS4zMTJMNDY2Ljc1MiA1MTIgNDEuMzQ0IDkzNy4zNDRhMzIgMzIgMCAwIDAgNDUuMzEyIDQ1LjMxMkw1MTIgNTU3LjI0OGw0MjUuMzQ0IDQyNS40MDhhMzIgMzIgMCAwIDAgNDUuMzEyLTQ1LjMxMkw1NTcuMjQ4IDUxMiA5ODIuNjU2IDg2LjY1NmEzMiAzMiAwIDAgMC00NS4zMTItNDUuMzEyTDUxMiA0NjYuNzUyeiIgZmlsbD0iIzcwNzA3MCIvPjwvc3ZnPg==)}.info[data-v-27fc22c5]{border-color:#ebeef5;color:#909399;background-color:#edf2fc}.success[data-v-27fc22c5]{color:#67c23a;background-color:#f0f9eb;border-color:#e1f3d8}.waring[data-v-27fc22c5]{color:#e6a23c;background-color:#fdf6ec;border-color:#faecd8}.error[data-v-27fc22c5]{color:#f56c6c;background-color:#fef0f0;border-color:#fde2e2}.slide-up-enter-active[data-v-27fc22c5],.slide-up-leave-active[data-v-27fc22c5]{transition:all .5s ease-out}.slide-up-enter-from[data-v-27fc22c5]{opacity:0;transform:translate(-50%,20px)}.slide-up-leave-to[data-v-27fc22c5]{opacity:0;transform:translate(-50%,-20px)}.fade-enter-from[data-v-27fc22c5],.fade-leave-to[data-v-27fc22c5]{opacity:0;transform:translate(-50%,-100%)}.subtitle-content[data-v-9ba522cb]{position:relative;padding:10px 12px;color:#fff;background-color:#000000b8;opacity:.72;border-radius:8px;overflow-y:auto;overflow-x:hidden;font-size:12px;scrollbar-width:none}.subtitle-content[data-v-9ba522cb]::-webkit-scrollbar{width:0;background:transparent}.subtitle-content[data-v-9ba522cb]:not(.subtitle-content--h5){width:640px;min-width:640px;height:180px;max-height:180px}.subtitle-content:not(.subtitle-content--h5) .subtitle-content__settings-btn[data-v-9ba522cb]{position:fixed;top:8px;right:8px;cursor:pointer;z-index:999}.subtitle-content--h5[data-v-9ba522cb]{position:relative;width:350px;min-width:350px;height:116px;max-height:116px}.subtitle-content--h5 .subtitle-content__settings-btn[data-v-9ba522cb]{position:fixed;top:50%;right:4px;cursor:pointer;z-index:999;transform:translateY(-50%)}.sender-name[data-v-9ba522cb]{font-family:PingFang SC;font-weight:400;font-style:Regular;font-size:12px;leading-trim:NONE;line-height:16px;letter-spacing:0px;color:#ffffffbf}.custom-select-wrapper[data-v-8cbeab17]{position:relative;width:100%}.custom-select[data-v-8cbeab17]{height:36px;padding:0 32px 0 12px;border:1px solid #DCDFE6;border-radius:4px;font-size:14px;color:#606266;background:#FFFFFF;cursor:pointer;display:flex;align-items:center;transition:all .3s}.custom-select[data-v-8cbeab17]:hover:not(.is-disabled){border-color:#c0c4cc}.custom-select.is-open[data-v-8cbeab17]{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.custom-select.is-disabled[data-v-8cbeab17]{background:#F5F7FA;color:#c0c4cc;cursor:not-allowed;border-color:#e4e7ed}.select-text[data-v-8cbeab17]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-arrow[data-v-8cbeab17]{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;transition:transform .3s}.select-arrow.is-open[data-v-8cbeab17]{transform:translateY(-50%) rotate(180deg)}.custom-options[data-v-8cbeab17]{position:absolute;top:100%;left:0;right:0;background:#FFFFFF;border:1px solid #DCDFE6;border-radius:4px;box-shadow:0 2px 12px #0000001a;z-index:1000;margin-top:4px;overflow:hidden;max-height:200px;overflow-y:auto}.custom-option[data-v-8cbeab17]{padding:8px 12px;font-size:14px;color:#606266;cursor:pointer;transition:all .2s}.custom-option[data-v-8cbeab17]:hover{background:#F5F7FA;color:#409eff}.custom-option.is-selected[data-v-8cbeab17]{color:#409eff;font-weight:500}.custom-option.is-selected[data-v-8cbeab17]:hover{background:#F5F7FA;color:#409eff}.custom-options[data-v-8cbeab17]::-webkit-scrollbar{width:6px}.custom-options[data-v-8cbeab17]::-webkit-scrollbar-track{background:#F1F1F1;border-radius:3px}.custom-options[data-v-8cbeab17]::-webkit-scrollbar-thumb{background:#C0C4CC;border-radius:3px}.custom-options[data-v-8cbeab17]::-webkit-scrollbar-thumb:hover{background:#A8ABB2}.subtitle-settings-overlay[data-v-b03aa36f]{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:PingFang SC;box-shadow:0 2px 6px 0 var(--Black-8)}.subtitle-settings-modal[data-v-b03aa36f]{background:white;border-radius:12px;width:480px;overflow:hidden}.modal-header[data-v-b03aa36f]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 10px}.modal-title[data-v-b03aa36f]{font-size:16px;font-weight:600;color:#000000e5}.close-btn[data-v-b03aa36f]{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn[data-v-b03aa36f]:hover{background-color:#f5f5f5}.modal-content[data-v-b03aa36f]{padding:24px}.setting-item[data-v-b03aa36f]{margin-bottom:24px}.setting-item[data-v-b03aa36f]:last-child{margin-bottom:0}.setting-label[data-v-b03aa36f]{display:block;font-size:14px;font-weight:400;color:#4f586b;margin-bottom:8px}.modal-footer[data-v-b03aa36f]{display:flex;justify-content:flex-end;gap:20px;padding:16px 24px 24px}.btn[data-v-b03aa36f]{width:72px;height:32px;font-size:14px;font-weight:500;cursor:pointer;border-radius:26px;transition:all .2s;border:1px solid transparent}.btn.btn-cancel[data-v-b03aa36f]{color:#1c66e5;border-color:#1c66e5;background-color:#fff}.btn.btn-confirm[data-v-b03aa36f]{background:#1C66E5;color:#fff}.subtitle-settings-overlay[data-v-50f476c3]{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:PingFang SC}.subtitle-settings-modal[data-v-50f476c3]{background-color:#fff;border-radius:12px;width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn-50f476c3 .3s ease-out}@keyframes modalSlideIn-50f476c3{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-50f476c3]{text-align:center;padding:20px 20px 16px}.modal-title[data-v-50f476c3]{font-size:18px;font-weight:500;color:#333;margin:0}.modal-content[data-v-50f476c3]{flex:1;overflow-y:auto;padding:16px 0}.modal-footer[data-v-50f476c3]{display:flex;gap:12px;padding:16px 20px 20px}.btn[data-v-50f476c3]{flex:1;width:200px;height:44px;border-radius:20px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn.btn-cancel[data-v-50f476c3]{color:#1c66e5;border:1px solid #1C66E5;background-color:#fff}.btn.btn-confirm[data-v-50f476c3]{background-color:#1677ff;color:#fff}.setting-group[data-v-50f476c3]{margin-bottom:12px}.setting-group[data-v-50f476c3]:last-child{margin-bottom:0}.group-title[data-v-50f476c3]{font-size:13px;color:#666;padding:0 20px 8px;margin-bottom:2px}.group-content[data-v-50f476c3]{background:white;border-radius:8px;margin:0 16px;overflow:hidden;border:1px solid #f0f0f0}.setting-section[data-v-50f476c3]{border-bottom:1px solid #f0f0f0}.setting-section[data-v-50f476c3]:last-child{border-bottom:none}.section-header[data-v-50f476c3]{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;transition:background-color .2s}.section-header[data-v-50f476c3]:active{background-color:#f8f8f8}.section-title[data-v-50f476c3]{font-size:16px;color:#333;font-weight:400}.section-value[data-v-50f476c3]{display:flex;align-items:center;font-size:14px;color:#666;gap:4px}.arrow-icon[data-v-50f476c3]{flex-shrink:0}.toggle-switch[data-v-50f476c3]{width:44px;height:24px;background-color:#ccc;border-radius:12px;position:relative;cursor:pointer;transition:background-color .3s}.toggle-switch.active[data-v-50f476c3]{background-color:#1677ff}.toggle-slider[data-v-50f476c3]{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider[data-v-50f476c3]{transform:translate(20px)}.language-selector-overlay[data-v-50f476c3]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background-color:#00000080;z-index:1100;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.language-selector[data-v-50f476c3]{max-height:70vh;display:flex;flex-direction:column;background-color:#fff;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom);transform:translateY(0);animation:slideUp-50f476c3 .3s ease-out}@keyframes slideUp-50f476c3{0%{transform:translateY(100%)}to{transform:translateY(0)}}.selector-header[data-v-50f476c3]{text-align:center;padding:16px 16px 12px;border-bottom:1px solid #e5e5e5;background:white;border-radius:16px 16px 0 0}.selector-title[data-v-50f476c3]{font-size:12px;font-weight:400;color:#0006;margin:0}.language-list[data-v-50f476c3]{flex:1;overflow-y:auto;padding:0 16px 16px;max-height:50vh}.language-item[data-v-50f476c3]{font-family:PingFang SC;font-weight:400;font-style:Regular;font-size:16px;leading-trim:NONE;line-height:100%;letter-spacing:0px;text-align:center;text-transform:capitalize;display:flex;align-items:center;justify-content:center;padding:16px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.language-item[data-v-50f476c3]:active{background-color:#f8f8f8}.language-item.selected[data-v-50f476c3]{color:#1677ff}.language-item span[data-v-50f476c3]{font-size:16px;color:inherit}.language-item[data-v-50f476c3]:last-child{border-bottom:none}.check-icon[data-v-50f476c3]{flex-shrink:0}.ai-subtitle-pc[data-v-02339ead]{position:absolute;z-index:1;left:50%;transform:translate(-50%);width:auto;height:auto;bottom:110px}.ai-subtitle-pc--expanded[data-v-02339ead]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background-color:transparent;transform:none!important;z-index:1000}.ai-subtitle-pc:not(.ai-subtitle-pc--expanded) .ai-subtitle-pc__content[data-v-02339ead]{position:relative;width:auto;height:auto}.ai-subtitle-pc--expanded .ai-subtitle-pc__content[data-v-02339ead]{display:none}.ai-subtitle-pc--expanded .ai-subtitle-pc__settings[data-v-02339ead]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.ai-subtitle-pc:not(.ai-subtitle-pc--expanded) .ai-subtitle-pc__settings[data-v-02339ead]{display:none}.ai-subtitle-h5[data-v-02339ead]{position:absolute;z-index:100;left:50%;transform:translate(-50%);width:auto;height:auto;bottom:26%}.ai-subtitle-h5--expanded[data-v-02339ead]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background-color:transparent;transform:none!important;z-index:1000}.ai-subtitle-h5:not(.ai-subtitle-h5--expanded) .ai-subtitle-h5__content[data-v-02339ead]{position:relative;width:auto;height:auto}.ai-subtitle-h5--expanded .ai-subtitle-h5__content[data-v-02339ead]{display:none}.ai-subtitle-h5--expanded .ai-subtitle-h5__settings[data-v-02339ead]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.ai-subtitle-h5:not(.ai-subtitle-h5--expanded) .ai-subtitle-h5__settings[data-v-02339ead]{display:none}.uikit-modal-mask[data-v-756161cf]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center}.uikit-modal-default[data-v-756161cf]{width:480px;max-width:calc(100% - 40px);box-shadow:0 2px 12px #00000026}.uikit-modal-container[data-v-756161cf]{box-sizing:border-box;background:#fff;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:24px;border-radius:20px}.uikit-modal-header[data-v-756161cf]{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.uikit-modal-header .uikit-modal-type-icon[data-v-756161cf]{margin-right:6px}.uikit-modal-title[data-v-756161cf]{font-size:16px;line-height:24px;font-weight:600;color:#333;flex:1}.uikit-modal-body[data-v-756161cf]{flex:1;display:block;font-size:14px;font-weight:400;line-height:22px;color:#333;word-break:break-word}.uikit-modal-body[data-v-756161cf] .uikit-modal-link{color:#006eff;text-decoration:none;transition:all .2s ease;cursor:pointer;border-bottom:1px solid transparent;margin:0 .2em}.uikit-modal-footer[data-v-756161cf]{padding-top:20px;box-sizing:border-box;display:flex;justify-content:flex-end;gap:12px}.uikit-modal-btn[data-v-756161cf]{min-width:88px;height:32px;padding:0 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;white-space:nowrap}.uikit-modal-btn[data-v-756161cf]:active{transform:scale(.98)}.uikit-modal-btn-cancel[data-v-756161cf]{background:#F0F2F9;color:#333}.uikit-modal-btn-cancel[data-v-756161cf]:hover{background:#e5e7ed}.uikit-modal-btn-confirm[data-v-756161cf]{background:#1c66e5;color:#fff}.uikit-modal-btn-confirm[data-v-756161cf]:hover{background:#1557cc}.uikit-modal-header[data-v-756161cf]:empty,.uikit-modal-body[data-v-756161cf]:empty,.uikit-modal-footer[data-v-756161cf]:empty{padding:0}.uikit-modal-container-mobile[data-v-756161cf]{border-radius:12px;max-width:calc(100% - 32px);padding:0}.uikit-modal-container-mobile .uikit-modal-header[data-v-756161cf]{padding:20px 20px 16px;justify-content:flex-start}.uikit-modal-container-mobile .uikit-modal-body[data-v-756161cf]{padding:0 20px 20px;justify-content:flex-start}.uikit-modal-container-mobile .uikit-modal-footer[data-v-756161cf]{padding:0;border-top:.5px solid #e5e5e5;gap:0}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn[data-v-756161cf]{flex:1;border-radius:0;height:56px;min-width:auto;background:#fff;font-size:17px}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn[data-v-756161cf]:active{transform:none;background:#f5f5f5}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn[data-v-756161cf]:hover{background:#fff}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn-cancel[data-v-756161cf]{color:#666}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn-cancel[data-v-756161cf]:first-child:last-child{border-radius:0 0 12px 12px}.uikit-modal-container-mobile .uikit-modal-footer .uikit-modal-btn-confirm[data-v-756161cf]{color:#1c66e5;border-left:.5px solid #e5e5e5;font-weight:600}.TUICallKit-mobile,.TUICallKit-mobile .singCall{width:100%;height:100%}.transition-animation{transform:translateY(-100%);animation:slideInDown .5s ease forwards}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.TUICallKit-desktop{margin:0 auto;position:relative;border-radius:inherit;width:100%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:12;border-radius:16px}.TUICallKit-desktop .singCall{width:100%;height:100%}.mobile-audio{background-color:#fff}.miniMized{width:168px!important;height:56px!important;overflow:visible!important}.miniMized-mobile-audio{width:72px;height:72px;position:fixed;top:40px;right:40px}.miniMized-mobile-video{width:40%;height:30%;position:fixed;top:40px;right:40px}.banner-pc{position:relative;cursor:pointer}.banner-pc .top{height:24px;padding-right:10px;border-radius:4px;background:#F4F5F9;display:inline-flex;align-items:center}.banner-pc .top .call-icon{margin:4px 4px 4px 8px}.banner-pc .top .text{font-weight:400;font-size:12px;line-height:16px;color:#666}.banner-pc .content{width:220px;margin-top:8px;padding:10px 18px 6px;box-shadow:0 0 24px #161e2733;background-color:#fff;border-radius:10px;position:absolute;z-index:10;display:flex;display:-webkit-flex;flex-direction:column;align-items:center}.banner-pc .content .content-arrows{width:12px;height:12px;border-radius:2px;background-color:#fff;transform:rotate(45deg);position:absolute;top:-5px;left:80px}.banner-pc .content .avatar-box{display:flex;justify-content:center;flex-wrap:wrap}.banner-pc .content .avatar{margin:6px;display:flex;border-radius:4px}.banner-pc .content .btn{margin:10px 0;width:97px;height:30px;background:#F2F5FC;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:12px;color:#1c66e5;cursor:pointer}.banner-h5{padding:0 16px;position:relative}.banner-h5 .top{height:36px;background:#FFFFFF;border-radius:4px;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center}.banner-h5 .top .left{display:flex;align-items:center}.banner-h5 .top .left .text{font-weight:400;font-size:12px;color:#666}.banner-h5 .content-box{box-sizing:border-box;width:100%;padding:0 16px 10px;background:#FFFFFF;box-shadow:0 3px 3px 1px #b4b4b440;border-radius:0 0 8px 8px;position:absolute;left:0px;z-index:10}.banner-h5 .content-box .content{background:#EEF0F2;border-radius:6px}.banner-h5 .content-box .content .avatar-box{padding:30px 6px;border-bottom:1px solid rgba(112,112,112,.1058823529);display:flex;display:-webkit-flex;justify-content:center;flex-wrap:wrap}.banner-h5 .content-box .content .btn{padding:10px;font-weight:600;font-size:14px;text-align:center;color:#333;cursor:pointer}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
2
|
import { TUICallEvent as w, TUICallEngine as ke } from "@trtc/call-engine-lite-js";
|
|
3
3
|
import re from "@tencentcloud/lite-chat/basic";
|
|
4
4
|
import Oe, { inject as rA, ref as I, onMounted as AA, onUnmounted as $, toRefs as z, watch as q, computed as f, defineComponent as v, provide as oA, watchEffect as te, toRef as We, unref as En, nextTick as Kt, reactive as he } from "vue";
|
|
@@ -2298,7 +2298,7 @@ var Us = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, aA = (a, A
|
|
|
2298
2298
|
};
|
|
2299
2299
|
const y = QA.getInstance(), g = DA.getInstance(), jA = qA.getInstance();
|
|
2300
2300
|
jA.setTUIStore(g);
|
|
2301
|
-
const Gt = "4.
|
|
2301
|
+
const Gt = "4.5.0", kt = "vue2.7", oe = class {
|
|
2302
2302
|
constructor() {
|
|
2303
2303
|
this._aiAssistant = null, this._tim = null, this._TUICore = null, this._timerId = -1, this._startTimeStamp = Qe(), this._bellContext = null, this._isFromChat = !1, this._currentGroupId = "", this._offlinePushInfo = null, this._permissionCheckTimer = null, this._chatCombine = null, this._engineEventHandler = null, this._isInitialized = !1, this._handleCallStatusChange = async (a) => {
|
|
2304
2304
|
var A, t, e, n, s, u;
|
|
@@ -5214,7 +5214,7 @@ var Co = function() {
|
|
|
5214
5214
|
No,
|
|
5215
5215
|
!1,
|
|
5216
5216
|
null,
|
|
5217
|
-
"
|
|
5217
|
+
"cde442d1",
|
|
5218
5218
|
null,
|
|
5219
5219
|
null
|
|
5220
5220
|
);
|
|
@@ -8802,7 +8802,7 @@ Ve.install = uM;
|
|
|
8802
8802
|
const cM = {
|
|
8803
8803
|
AUDIO_CALL: 1,
|
|
8804
8804
|
VIDEO_CALL: 2
|
|
8805
|
-
}, dM = "4.
|
|
8805
|
+
}, dM = "4.5.0";
|
|
8806
8806
|
export {
|
|
8807
8807
|
R as CallMediaType,
|
|
8808
8808
|
J as CallRole,
|