npm - @tencentcloud/roomkit-electron-vue3 - Versions diffs - 2.3.3 → 2.4.0 - Mend

@tencentcloud/roomkit-electron-vue3 2.3.3 → 2.4.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.

Files changed (106) hide show

package/es/index.mjs CHANGED Viewed

@@ -15,7 +15,7 @@
   margin: 0;
   padding: 0;
   user-select: none;
-  overflow: auto;
+  overflow: hidden;
   touch-action: manipulation;
 }
 #roomContainer *, ::before, ::after {
@@ -342,17 +342,18 @@
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-theme-white .tui-room[data-v-a415c478] {
+}.tui-theme-white .tui-room[data-v-66f598bb] {
   --header-shadow-color: #e3eaf7;
   --footer-shadow-color: rgba(197, 210, 229, 0.2);
 }
-.tui-theme-black .tui-room[data-v-a415c478] {
+.tui-theme-black .tui-room[data-v-66f598bb] {
   --header-shadow-color: rgba(34, 38, 46, 0.3);
   --footer-shadow-color: rgba(34, 38, 46, 0.3);
 }
-.tui-room[data-v-a415c478] {
+.tui-room[data-v-66f598bb] {
   width: 100%;
   height: 100%;
+  min-width: 850px;
   position: relative;
   color: var(--font-color-1);
   background-color: var(--background-color-1);
@@ -360,7 +361,7 @@
   flex-direction: column;
   text-align: left;
 }
-.tui-room .header[data-v-a415c478] {
+.tui-room .header[data-v-66f598bb] {
   width: 100%;
   height: 64px;
   background-color: var(--background-color-2);
@@ -370,18 +371,19 @@
   left: 0;
   z-index: 100;
 }
-.tui-room .content[data-v-a415c478] {
+.tui-room .content[data-v-66f598bb] {
   width: 100%;
   height: 100%;
   background-color: var(--background-color-1);
   position: absolute;
   top: 0;
 }
-.tui-room.tui-room-h5[data-v-a415c478] {
+.tui-room.tui-room-h5[data-v-66f598bb] {
   width: 100%;
   height: 100%;
+  min-width: initial;
 }
-#roomContainer.chat-room[data-v-a415c478] {
+#roomContainer.chat-room[data-v-66f598bb] {
   position: absolute;
   margin: auto;
   top: 0;
@@ -392,6 +394,10 @@
   height: 80%;
   width: 80%;
   border-radius: 10px;
+}
+#roomContainer.tui-room-h5[data-v-66f598bb], #roomContainer .chat-room[data-v-66f598bb] {
+  width: 100%;
+  height: 100%;
 }body, html {
   width: 100%;
   height: 100%;
@@ -404,7 +410,7 @@
   margin: 0;
   padding: 0;
   user-select: none;
-  overflow: auto;
+  overflow: hidden;
   touch-action: manipulation;
 }
 #roomContainer *, ::before, ::after {
@@ -762,41 +768,13 @@
 }
 .pre-conference-container .header .left-header .header-item[data-v-b0218709]:not(:first-child), .pre-conference-container .header .right-header .header-item[data-v-b0218709]:not(:first-child) {
   margin-left: 16px;
-}.tui-badge[data-v-ffdd2be4] {
-  position: relative;
-  display: inline-block;
-}
-.tui-badge .tui-badge-count[data-v-ffdd2be4] {
-  position: absolute;
-  top: 0;
-  right: 15px;
-  display: inline-block;
-  padding: 1px 6px;
-  font-size: 12px;
-  color: var(--white-color);
-  transform: translateY(-50%) translateX(100%);
-  font-weight: bold;
-  border-radius: 10px;
-}
-.tui-badge-primary .tui-badge-count[data-v-ffdd2be4] {
-  background-color: var(--active-color-1);
-}
-.tui-badge-danger .tui-badge-count[data-v-ffdd2be4] {
-  background-color: var(--red-color-2);
-}
-.tui-badge-isDot .tui-badge-count[data-v-ffdd2be4] {
-  top: 0;
-  height: 8px;
-  width: 8px;
-  padding: 0;
-  border-radius: 50%;
-}.room-message-container.isMe .room-message-card-container[data-v-1ec3d8c6] {
+}.room-message-container.isMe .room-message-card-container[data-v-95ab4274] {
   border-top-right-radius: 0;
 }
-.room-message-container.notMe .room-message-card-container[data-v-1ec3d8c6] {
+.room-message-container.notMe .room-message-card-container[data-v-95ab4274] {
   border-top-left-radius: 0;
 }
-.room-message-card-container[data-v-1ec3d8c6] {
+.room-message-card-container[data-v-95ab4274] {
   width: 100%;
   height: 100%;
   min-width: 238px;
@@ -809,38 +787,38 @@
   overflow: hidden;
   user-select: none;
 }
-.room-message-card-container .content[data-v-1ec3d8c6] {
+.room-message-card-container .content[data-v-95ab4274] {
   background: linear-gradient(90deg, #dceafd -17.36%, rgba(220, 234, 253, 0.4) 103.56%);
   padding: 1.6rem 1rem 1rem 1rem;
   border-bottom: 1px solid #ddd;
 }
-.room-message-card-container .content .content-title[data-v-1ec3d8c6] {
+.room-message-card-container .content .content-title[data-v-95ab4274] {
   display: flex;
   flex-direction: row;
 }
-.room-message-card-container .content .content-title .icon[data-v-1ec3d8c6] {
+.room-message-card-container .content .content-title .icon[data-v-95ab4274] {
   background-repeat: no-repeat;
   background-position: center;
   width: 16px;
   margin-right: 6px;
 }
-.room-message-card-container .content .content-desc[data-v-1ec3d8c6] {
+.room-message-card-container .content .content-desc[data-v-95ab4274] {
   padding-top: 0.6rem;
 }
-.room-message-card-container .content .content-desc .title[data-v-1ec3d8c6] {
+.room-message-card-container .content .content-desc .title[data-v-95ab4274] {
   font-size: 16px;
   font-weight: 500;
 }
-.room-message-card-container .content .content-desc .users[data-v-1ec3d8c6] {
+.room-message-card-container .content .content-desc .users[data-v-95ab4274] {
   display: flex;
   flex-direction: row;
   margin-top: 0.6rem;
 }
-.room-message-card-container .content .content-desc .users .more[data-v-1ec3d8c6] {
+.room-message-card-container .content .content-desc .users .more[data-v-95ab4274] {
   font-weight: bold;
   font-size: 16px;
 }
-.room-message-card-container .content .content-desc .users li[data-v-1ec3d8c6] {
+.room-message-card-container .content .content-desc .users li[data-v-95ab4274] {
   width: 27px;
   min-width: 27px;
   height: 27px;
@@ -848,10 +826,10 @@
   border-radius: 3px;
   overflow: hidden;
 }
-.room-message-card-container .content .content-desc .users li img[data-v-1ec3d8c6] {
+.room-message-card-container .content .content-desc .users li img[data-v-95ab4274] {
   width: 100%;
 }
-.room-message-card-container .footer[data-v-1ec3d8c6] {
+.room-message-card-container .footer[data-v-95ab4274] {
   padding: 1rem;
   color: #888;
   display: flex;
@@ -860,14 +838,14 @@
   width: 100%;
   box-sizing: border-box;
 }
-.room-message-card-container .footer .room-info[data-v-1ec3d8c6] {
+.room-message-card-container .footer .room-info[data-v-95ab4274] {
   line-height: 21px;
 }
-.room-message-card-container .footer .room-info.center[data-v-1ec3d8c6] {
+.room-message-card-container .footer .room-info.center[data-v-95ab4274] {
   text-align: center;
   width: 100%;
 }
-.room-message-card-container .footer .room-status[data-v-1ec3d8c6] {
+.room-message-card-container .footer .room-status[data-v-95ab4274] {
   border-radius: 4px;
   font-weight: 900;
   padding: 0.6rem;
@@ -875,30 +853,58 @@
   background-color: #147AFF;
   color: #fff;
 }
-.content-title.default[data-v-1ec3d8c6] {
+.content-title.default[data-v-95ab4274] {
   color: #888;
 }
-.content-title.default .icon[data-v-1ec3d8c6] {
+.content-title.default .icon[data-v-95ab4274] {
   background-image: url("data:image/svg+xml,%3csvg%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.10011%203.56676C1.51101%203.56676%201.03345%204.04432%201.03345%204.63342V12.3668C1.03345%2012.9559%201.51101%2013.4334%202.10011%2013.4334H10.8557C11.4448%2013.4334%2011.9223%2012.9559%2011.9223%2012.3668V4.63342C11.9223%204.04432%2011.4448%203.56676%2010.8557%203.56676H2.10011ZM13.0778%2010.2381V6.71426L15.564%205.23907C15.7418%205.13359%2015.9667%205.2617%2015.9667%205.4684V11.5867C15.9667%2011.797%2015.7347%2011.9245%2015.5572%2011.8118L13.0778%2010.2381Z'%20fill='%23888888'/%3e%3cpath%20d='M8.30081%209.77528L8.36937%209.66093C8.35409%209.65177%208.3347%209.64033%208.31659%209.63068L8.25001%209.5952L8.18532%209.63399C8.14764%209.65658%208.09515%209.69099%208.04473%209.72404C8.03779%209.72858%208.0309%209.7331%208.02408%209.73757L8.02372%209.7378C7.92751%209.80123%207.80223%209.88304%207.63349%209.9856C7.42327%2010.1133%207.19272%2010.1008%206.98997%2010.0394C6.78688%209.97794%206.62849%209.87192%206.58307%209.83944L6.58315%209.83934L6.5782%209.83612C6.51542%209.79529%206.15172%209.55749%205.881%209.28701C5.60992%209.01416%205.36963%208.65012%205.33047%208.58946L5.3306%208.58937L5.32685%208.58414C5.29415%208.53849%205.18739%208.37997%205.12544%208.17688C5.06361%207.97416%205.05097%207.74396%205.17932%207.5342C5.28216%207.36721%205.36323%207.24274%205.42576%207.14753L5.42607%207.14704C5.43387%207.13505%205.44193%207.12274%205.45003%207.11035C5.48048%207.06382%205.51162%207.01622%205.5322%206.98109L5.5709%206.91502L5.53334%206.84829L5.5187%206.82268L5.50538%206.7994L5.50541%206.79938L5.50388%206.79679C5.49229%206.77725%205.48023%206.75561%205.46607%206.73021C5.46211%206.72309%205.45798%206.71568%205.45364%206.70793L5.45353%206.70772C4.85378%205.63982%204.45303%205.53216%204.31781%205.53216H4.30982H4.29136L4.27359%205.53717C4.16844%205.56686%204.07356%205.64673%203.99628%205.74429C3.91683%205.84458%203.84602%205.97586%203.79288%206.12969C3.68638%206.43799%203.64747%206.84646%203.76108%207.30215L3.7611%207.30222C4.0065%208.28413%204.53062%209.21646%205.23669%209.92713L5.23724%209.92767C5.94652%2010.6334%206.87957%2011.1561%207.86208%2011.4003C8.31016%2011.513%208.71757%2011.4733%209.02661%2011.3674C9.18088%2011.3145%209.31315%2011.2443%209.41453%2011.1659C9.51288%2011.0899%209.59468%2010.9962%209.62577%2010.892L9.62604%2010.8921L9.62796%2010.8837C9.64335%2010.8166%209.62316%2010.7413%209.59211%2010.674C9.55844%2010.6009%209.50215%2010.5158%209.41677%2010.4204C9.24601%2010.2295%208.95073%209.9883%208.45697%209.71092L8.45668%209.71075C8.42299%209.69194%208.39422%209.67564%208.36874%209.66056L8.30081%209.77528ZM8.30081%209.77528C8.32777%209.79125%208.35772%209.80821%208.39167%209.82717L6.50551%209.9479C6.60736%2010.0207%207.19348%2010.4089%207.70271%2010.0996C7.87345%209.99579%208.00026%209.91298%208.09711%209.84912C8.10401%209.8446%208.11093%209.84007%208.11782%209.83555C8.16879%209.80214%208.2187%209.76944%208.25388%209.74834C8.26886%209.75633%208.28583%209.7663%208.30081%209.77528Z'%20fill='white'%20stroke='white'%20stroke-width='0.266667'/%3e%3c/svg%3e");
 }
-.content-title.success[data-v-1ec3d8c6] {
+.content-title.success[data-v-95ab4274] {
   color: rgb(21, 183, 45);
 }
-.content-title.success .icon[data-v-1ec3d8c6] {
+.content-title.success .icon[data-v-95ab4274] {
   background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.60011%203.56665C1.01101%203.56665%200.533447%204.04421%200.533447%204.63332V12.3666C0.533447%2012.9558%201.01101%2013.4333%201.60011%2013.4333H10.3557C10.9448%2013.4333%2011.4223%2012.9558%2011.4223%2012.3666V4.63332C11.4223%204.04421%2010.9448%203.56665%2010.3557%203.56665H1.60011ZM12.5778%2010.2379V6.71416L15.064%205.23896C15.2418%205.13348%2015.4667%205.2616%2015.4667%205.46829V11.5866C15.4667%2011.7969%2015.2347%2011.9244%2015.0572%2011.8117L12.5778%2010.2379Z'%20fill='%2315B72D'/%3e%3cpath%20d='M7.80081%209.7752L7.86937%209.66085C7.85409%209.65168%207.8347%209.64025%207.81659%209.63059L7.75001%209.59512L7.68532%209.63391C7.64764%209.6565%207.59515%209.6909%207.54473%209.72395C7.53779%209.7285%207.5309%209.73302%207.52408%209.73748L7.52372%209.73772C7.42751%209.80115%207.30223%209.88296%207.13349%209.98551C6.92327%2010.1132%206.69272%2010.1007%206.48997%2010.0393C6.28688%209.97786%206.12849%209.87184%206.08307%209.83936L6.08315%209.83925L6.0782%209.83604C6.01542%209.79521%205.65172%209.5574%205.381%209.28693C5.10992%209.01407%204.86963%208.65004%204.83047%208.58937L4.8306%208.58929L4.82685%208.58406C4.79415%208.53841%204.68739%208.37989%204.62544%208.17679C4.56361%207.97408%204.55097%207.74387%204.67932%207.53412C4.78216%207.36712%204.86323%207.24265%204.92576%207.14744L4.92607%207.14695C4.93387%207.13497%204.94193%207.12265%204.95003%207.11026C4.98048%207.06373%205.01162%207.01613%205.0322%206.981L5.0709%206.91493L5.03334%206.8482L5.0187%206.8226L5.00538%206.79931L5.00541%206.7993L5.00388%206.79671C4.99229%206.77717%204.98023%206.75553%204.96607%206.73012C4.96211%206.72301%204.95798%206.71559%204.95364%206.70785L4.95353%206.70763C4.35378%205.63974%203.95303%205.53207%203.81781%205.53207H3.80982H3.79136L3.77359%205.53709C3.66844%205.56678%203.57356%205.64664%203.49628%205.7442C3.41683%205.8445%203.34602%205.97578%203.29288%206.12961C3.18638%206.4379%203.14747%206.84637%203.26108%207.30207L3.2611%207.30214C3.5065%208.28405%204.03062%209.21637%204.73669%209.92705L4.73724%209.92759C5.44652%2010.6333%206.37957%2011.156%207.36208%2011.4002C7.81016%2011.5129%208.21757%2011.4732%208.52661%2011.3673C8.68088%2011.3145%208.81315%2011.2443%208.91453%2011.1658C9.01288%2011.0898%209.09468%2010.9961%209.12577%2010.8919L9.12604%2010.892L9.12796%2010.8836C9.14335%2010.8165%209.12316%2010.7412%209.09211%2010.6739C9.05844%2010.6008%209.00215%2010.5157%208.91677%2010.4203C8.74601%2010.2294%208.45073%209.98821%207.95697%209.71084L7.95668%209.71067C7.92299%209.69186%207.89422%209.67556%207.86874%209.66047L7.80081%209.7752ZM7.80081%209.7752C7.82777%209.79116%207.85772%209.80813%207.89167%209.82708L6.00551%209.94781C6.10736%2010.0206%206.69348%2010.4088%207.20271%2010.0995C7.37345%209.99571%207.50026%209.91289%207.59711%209.84903C7.60401%209.84452%207.61093%209.83999%207.61782%209.83547C7.66879%209.80206%207.7187%209.76935%207.75388%209.74826C7.76886%209.75624%207.78583%209.76622%207.80081%209.7752Z'%20fill='white'%20stroke='white'%20stroke-width='0.266667'/%3e%3c/svg%3e");
 }
-.content-title.primary[data-v-1ec3d8c6] {
+.content-title.primary[data-v-95ab4274] {
   color: #147AFF;
 }
-.content-title.primary .icon[data-v-1ec3d8c6] {
+.content-title.primary .icon[data-v-95ab4274] {
   background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.60011%203.35596C1.01101%203.35596%200.533447%203.83352%200.533447%204.42262V12.156C0.533447%2012.7451%201.01101%2013.2226%201.60011%2013.2226H10.3557C10.9448%2013.2226%2011.4223%2012.7451%2011.4223%2012.156V4.42262C11.4223%203.83352%2010.9448%203.35596%2010.3557%203.35596H1.60011ZM12.5778%2010.0273V6.50346L15.064%205.02827C15.2418%204.92279%2015.4667%205.0509%2015.4667%205.2576V11.3759C15.4667%2011.5862%2015.2347%2011.7137%2015.0572%2011.601L12.5778%2010.0273Z'%20fill='%23147AFF'/%3e%3cpath%20d='M7.80081%209.56451L7.86937%209.45015C7.85409%209.44099%207.8347%209.42955%207.81659%209.4199L7.75001%209.38442L7.68532%209.42321C7.64764%209.4458%207.59515%209.48021%207.54473%209.51326C7.53779%209.51781%207.5309%209.52233%207.52408%209.52679L7.52372%209.52702C7.42751%209.59046%207.30223%209.67227%207.13349%209.77482C6.92327%209.90251%206.69272%209.89001%206.48997%209.82864C6.28688%209.76717%206.12849%209.66115%206.08307%209.62867L6.08315%209.62856L6.0782%209.62534C6.01542%209.58452%205.65172%209.34671%205.381%209.07624C5.10992%208.80338%204.86963%208.43934%204.83047%208.37868L4.8306%208.3786L4.82685%208.37336C4.79415%208.32771%204.68739%208.1692%204.62544%207.9661C4.56361%207.76339%204.55097%207.53318%204.67932%207.32342C4.78216%207.15643%204.86323%207.03196%204.92576%206.93675L4.92607%206.93626C4.93387%206.92428%204.94193%206.91196%204.95003%206.89957C4.98048%206.85304%205.01162%206.80544%205.0322%206.77031L5.0709%206.70424L5.03334%206.63751L5.0187%206.61191L5.00538%206.58862L5.00541%206.5886L5.00388%206.58601C4.99229%206.56647%204.98023%206.54484%204.96607%206.51943C4.96211%206.51231%204.95798%206.5049%204.95364%206.49715L4.95353%206.49694C4.35378%205.42905%203.95303%205.32138%203.81781%205.32138H3.80982H3.79136L3.77359%205.32639C3.66844%205.35608%203.57356%205.43595%203.49628%205.53351C3.41683%205.6338%203.34602%205.76508%203.29288%205.91891C3.18638%206.22721%203.14747%206.63568%203.26108%207.09137L3.2611%207.09145C3.5065%208.07335%204.03062%209.00568%204.73669%209.71635L4.73724%209.7169C5.44652%2010.4226%206.37957%2010.9453%207.36208%2011.1895C7.81016%2011.3022%208.21757%2011.2625%208.52661%2011.1566C8.68088%2011.1038%208.81315%2011.0336%208.91453%2010.9552C9.01288%2010.8791%209.09468%2010.7854%209.12577%2010.6812L9.12604%2010.6813L9.12796%2010.6729C9.14335%2010.6058%209.12316%2010.5305%209.09211%2010.4632C9.05844%2010.3901%209.00215%2010.305%208.91677%2010.2096C8.74601%2010.0187%208.45073%209.77752%207.95697%209.50014L7.95668%209.49998C7.92299%209.48117%207.89422%209.46486%207.86874%209.44978L7.80081%209.56451ZM7.80081%209.56451C7.82777%209.58047%207.85772%209.59743%207.89167%209.61639L6.00551%209.73712C6.10736%209.80996%206.69348%2010.1981%207.20271%209.88878C7.37345%209.78501%207.50026%209.7022%207.59711%209.63834C7.60401%209.63382%207.61093%209.62929%207.61782%209.62478C7.66879%209.59137%207.7187%209.55866%207.75388%209.53757C7.76886%209.54555%207.78583%209.55553%207.80081%209.56451Z'%20fill='white'%20stroke='white'%20stroke-width='0.266667'/%3e%3c/svg%3e");
 }
-.room-message-card-container .footer.in-room .room-status[data-v-1ec3d8c6] {
+.room-message-card-container .footer.in-room .room-status[data-v-95ab4274] {
   background-color: #F3F4F4;
   color: #999;
 }
-.room-message-card-container.destroyed .content[data-v-1ec3d8c6] {
+.room-message-card-container.destroyed .content[data-v-95ab4274] {
   background: rgba(221, 221, 221, 0.3);
+}.tui-badge[data-v-ffdd2be4] {
+  position: relative;
+  display: inline-block;
+}
+.tui-badge .tui-badge-count[data-v-ffdd2be4] {
+  position: absolute;
+  top: 0;
+  right: 15px;
+  display: inline-block;
+  padding: 1px 6px;
+  font-size: 12px;
+  color: var(--white-color);
+  transform: translateY(-50%) translateX(100%);
+  font-weight: bold;
+  border-radius: 10px;
+}
+.tui-badge-primary .tui-badge-count[data-v-ffdd2be4] {
+  background-color: var(--active-color-1);
+}
+.tui-badge-danger .tui-badge-count[data-v-ffdd2be4] {
+  background-color: var(--red-color-2);
+}
+.tui-badge-isDot .tui-badge-count[data-v-ffdd2be4] {
+  top: 0;
+  height: 8px;
+  width: 8px;
+  padding: 0;
+  border-radius: 50%;
 }.tui-theme-white .button-primary[data-v-c838afcb] {
   --shadow-color: rgba(213, 224, 242, 0.60);
 }
@@ -1219,57 +1225,6 @@ input[data-v-627d0ea3]:disabled {
   transform: scaleY(1);
   opacity: 1;
   transition: all 0.2s ease;
-}.svg-icon[data-v-7f4921b3] {
-  overflow: hidden;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}.switch-container[data-v-5003e737],
-.switch-container-active[data-v-5003e737] {
-  position: relative;
-  display: inline-block;
-  width: 40px;
-  height: 20px;
-  background-color: var(--active-color-1);
-  border-radius: 20px;
-  cursor: pointer;
-  transition: background-color 0.3s;
-}
-.switch-container .switch-core[data-v-5003e737],
-.switch-container-active .switch-core[data-v-5003e737] {
-  position: absolute;
-  left: 2px;
-  top: 2px;
-  width: 40%;
-  height: 80%;
-  background-color: #fff;
-  border-radius: 50%;
-  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
-  transition: transform 0.3s !important;
-  transform: translateX(20px);
-}
-.switch-container-active[data-v-5003e737] {
-  background-color: var(--background-color-6);
-}
-.switch-container-active .switch-core[data-v-5003e737] {
-  transform: translateX(0);
-}.tui-checkbox[data-v-afc0a29e] {
-  position: relative;
-  display: inline-block;
-  cursor: pointer;
-}
-input[data-v-afc0a29e] {
-  color: var(--title-color);
-  border: 1px solid var(--stroke-color);
-  border-radius: 4px;
-  cursor: pointer;
-}
-input[data-v-afc0a29e]:focus {
-  border-color: var(--active-color-1);
-  outline: 0;
-}
-input[data-v-afc0a29e]:disabled {
-  background-color: var(--background-color-9);
 }.overlay-container[data-v-ea390adc] {
   position: fixed;
   top: 0;
@@ -1334,64 +1289,94 @@ input[data-v-afc0a29e]:disabled {
   padding: 20px 30px;
   display: flex;
   justify-content: flex-end;
-}.tui-notification .tui-notification-container-mobile[data-v-f10f5d6d] {
-  position: fixed;
-  top: 8%;
-  width: 95%;
-  margin: 0 10px;
-  height: 44px;
+}.switch-container[data-v-5003e737],
+.switch-container-active[data-v-5003e737] {
+  position: relative;
+  display: inline-block;
+  width: 40px;
+  height: 20px;
+  background-color: var(--active-color-1);
+  border-radius: 20px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+.switch-container .switch-core[data-v-5003e737],
+.switch-container-active .switch-core[data-v-5003e737] {
+  position: absolute;
+  left: 2px;
+  top: 2px;
+  width: 40%;
+  height: 80%;
   background-color: #fff;
-  border-radius: 10px;
-  display: flex;
-  text-align: center;
+  border-radius: 50%;
+  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
+  transition: transform 0.3s !important;
+  transform: translateX(20px);
 }
-.tui-notification .tui-notification-container-mobile .tui-notification-mobile-icon[data-v-f10f5d6d] {
-  color: #000000;
-  padding: 0 10px;
-  margin-left: 4px;
+.switch-container-active[data-v-5003e737] {
+  background-color: var(--background-color-6);
 }
-.tui-notification .tui-notification-container-mobile .tui-notification-mobile-content[data-v-f10f5d6d] {
-  font-weight: 400;
-  font-size: 15px;
-  line-height: 44px;
-  color: #181820;
-  margin: 0 auto 0 4px;
+.switch-container-active .switch-core[data-v-5003e737] {
+  transform: translateX(0);
+}.svg-icon[data-v-7f4921b3] {
+  overflow: hidden;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}.tui-checkbox[data-v-afc0a29e] {
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
 }
-.tui-notification .tui-notification-container-mobile .tui-notification-mobile-check[data-v-f10f5d6d] {
-  background-color: #1C66E5;
-  color: #FFFFFF;
-  border-radius: 10px;
-  margin: 6px 10px 6px 0;
-  padding: 0 12px;
-  line-height: 34px;
+input[data-v-afc0a29e] {
+  color: var(--title-color);
+  border: 1px solid var(--stroke-color);
+  border-radius: 4px;
+  cursor: pointer;
 }
-.tui-notification .tui-notification-container[data-v-f10f5d6d] {
-  width: 400px;
-  background-color: var(--white-color);
+input[data-v-afc0a29e]:focus {
+  border-color: var(--active-color-1);
+  outline: 0;
+}
+input[data-v-afc0a29e]:disabled {
+  background-color: var(--background-color-9);
+}.content-container[data-v-62c87292] {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}.overlay-container[data-v-1a02b9d3] {
   position: fixed;
-  top: 7%;
-  right: 1%;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 2007;
+}
+.overlay-container.overlay[data-v-1a02b9d3] {
+  background-color: rgba(15, 16, 20, 0.6);
+}
+.setting-container[data-v-1a02b9d3] {
+  width: 610px;
+  height: 590px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
   display: flex;
-  flex-direction: column;
+  background-color: #ffffff;
   border-radius: 20px;
-  filter: drop-shadow(0px 0px 1px rgba(5, 5, 5, 0.1)) drop-shadow(0px 3px 8px rgba(233, 240, 251, 0.5));
+  flex-direction: column;
 }
-.tui-notification .tui-notification-container .tui-notification-header[data-v-f10f5d6d] {
+.setting-container .setting-header[data-v-1a02b9d3] {
   height: 64px;
-  position: relative;
+  border-bottom: 1px solid rgb(235, 240, 247);
+  box-shadow: 0px 7px 10px -5px rgba(230, 236, 245, 0.8);
   display: flex;
-  padding: 0 24px;
-  color: var(--title-color);
-  font-weight: 500;
-  align-items: center;
-}
-.tui-notification .tui-notification-container .tui-notification-header .tui-notification-title[data-v-f10f5d6d] {
-  max-width: 300px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  flex-direction: row;
+  justify-content: space-between;
+  position: relative;
 }
-.tui-notification .tui-notification-container .tui-notification-header .close[data-v-f10f5d6d] {
+.setting-container .setting-header .close-icon[data-v-1a02b9d3] {
   width: 32px;
   height: 32px;
   position: absolute;
@@ -1404,185 +1389,19 @@ input[data-v-afc0a29e]:disabled {
   color: #4f586b;
   cursor: pointer;
 }
-.tui-notification .tui-notification-footer[data-v-f10f5d6d] {
-  padding: 20px 30px;
-  display: flex;
-  justify-content: flex-end;
-}
-.tui-notification .tui-notification-footer .button[data-v-f10f5d6d] {
-  margin-left: 12px;
-}.message-box-overlay[data-v-a24162df] {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  right: 0;
-}
-.message-box-overlay.overlay[data-v-a24162df] {
-  background-color: rgba(15, 16, 20, 0.6);
-}
-.tui-message-box[data-v-a24162df] {
-  width: 480px;
-  background-color: var(--white-color);
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  display: flex;
-  flex-direction: column;
-  border-radius: 20px;
-}
-.tui-message-box .tui-message-box-header[data-v-a24162df] {
-  height: 64px;
-  position: relative;
-  display: flex;
-  padding: 0 24px;
-  color: var(--title-color);
-  align-items: center;
-  box-shadow: 0px 7px 10px -5px rgba(230, 236, 245, 0.8);
-}
-.tui-message-box .tui-message-box-header .tui-dialog-header-title[data-v-a24162df] {
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 24px;
-  color: #0f1014;
-}
-.tui-message-box .tui-message-box-header .close[data-v-a24162df] {
-  width: 32px;
-  height: 32px;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  right: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: #4f586b;
-  cursor: pointer;
-}
-.tui-message-box-h5[data-v-a24162df] {
-  min-width: 80vw;
-  max-width: 80vw;
-  position: fixed;
-  background-color: #ffffff;
-  border-radius: 8px;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  display: flex;
-  flex-direction: column;
-  font-style: normal;
-  color: var(--black-color);
-}
-.tui-message-box-h5 .tui-message-box-header[data-v-a24162df] {
-  display: inline-block;
-  font-size: 16px;
-  text-align: center;
-  font-weight: 500;
-  padding-top: 14px;
-  padding: 24px 24px 12px 24px;
-  box-sizing: border-box;
-}
-.tui-message-box-h5 .tui-message-box-header .close[data-v-a24162df] {
-  display: none;
-}
-.tui-message-box-h5 .tui-message-box-body[data-v-a24162df] {
-  font-weight: 400;
-  font-size: 14px;
-  text-align: center;
-  font-weight: 400;
-  color: var(--font-color-4);
-  padding: 0 24px 20px 24px;
-}
-.tui-message-box-h5 .tui-message-box-footer[data-v-a24162df] {
-  width: 100%;
-  border-top: 1px solid #d5e0f2;
-  display: flex;
-  justify-content: center;
-  padding: 11px 0;
-}
-.tui-message-box-h5 .tui-message-box-footer .button[data-v-a24162df] {
-  background-color: #fff;
-  color: var(--active-color-1);
-  border: none;
-  text-align: center;
-  font-size: 16px;
-  font-weight: 500;
-}
-.tui-message-box-body[data-v-a24162df] {
-  flex: 1;
-  padding: 20px 24px;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 22px;
-  color: #4f586b;
-}
-.tui-message-box-footer[data-v-a24162df] {
-  padding: 20px 30px;
-  display: flex;
-  justify-content: flex-end;
-}.overlay-container[data-v-1a02b9d3] {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 2007;
-}
-.overlay-container.overlay[data-v-1a02b9d3] {
-  background-color: rgba(15, 16, 20, 0.6);
-}
-.setting-container[data-v-1a02b9d3] {
-  width: 610px;
-  height: 590px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  display: flex;
-  background-color: #ffffff;
-  border-radius: 20px;
-  flex-direction: column;
-}
-.setting-container .setting-header[data-v-1a02b9d3] {
-  height: 64px;
-  border-bottom: 1px solid rgb(235, 240, 247);
-  box-shadow: 0px 7px 10px -5px rgba(230, 236, 245, 0.8);
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  position: relative;
-}
-.setting-container .setting-header .close-icon[data-v-1a02b9d3] {
-  width: 32px;
-  height: 32px;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  right: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: #4f586b;
-  cursor: pointer;
-}
-.setting-container .setting-header .setting-title[data-v-1a02b9d3] {
-  display: inline-block;
-  font-weight: 500;
-  line-height: 24px;
-  color: #000;
-  padding: 20px 0 20px 24px;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 24px;
-}
-.setting-container .setting-body[data-v-1a02b9d3] {
-  height: 100%;
+.setting-container .setting-header .setting-title[data-v-1a02b9d3] {
+  display: inline-block;
+  font-weight: 500;
+  line-height: 24px;
+  color: #000;
+  padding: 20px 0 20px 24px;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 24px;
+}
+.setting-container .setting-body[data-v-1a02b9d3] {
+  height: 100%;
   display: flex;
 }
 .setting-container .setting-body .setting-tabs[data-v-1a02b9d3] {
@@ -1618,91 +1437,6 @@ input[data-v-afc0a29e]:disabled {
 }
 .setting-container .setting-body .setting-content .setting-tab[data-v-1a02b9d3] {
   width: 100%;
-}.content-container[data-v-62c87292] {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}.footer-container[data-v-0175eb1f] {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  padding: 0.7rem 0;
-  padding-left: 9px;
-  padding-right: 24px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-wrap: wrap;
-  flex-direction: row;
-  background-color: var(--background-color-2);
-  box-shadow: 0px -8px 30px var(--footer-shadow-color);
-}
-.footer-container .left-container[data-v-0175eb1f] {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-.footer-container .left-container .left-container-item[data-v-0175eb1f]:not(:first-child) {
-  margin-left: 1rem;
-}
-.footer-container .center-container[data-v-0175eb1f] {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  position: relative;
-  margin: 0 auto;
-}
-.footer-container .center-container .center-container-item[data-v-0175eb1f]:not(:first-child) {
-  margin-left: 16px;
-}
-.footer-container .right-container[data-v-0175eb1f] {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}.header-container[data-v-28759190] {
-  width: 100%;
-  height: 100%;
-  padding-left: 9px;
-  padding-right: 24px;
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-}
-.header-container .left-container[data-v-28759190] {
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  padding-left: 24px;
-}
-.header-container .left-container .header-item[data-v-28759190]:not(:first-child) {
-  margin-left: 1rem;
-}
-.header-container .center-container[data-v-28759190] {
-  position: absolute;
-  left: 50%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  transform: translateX(-50%);
-}
-.header-container .right-container[data-v-28759190] {
-  position: absolute;
-  top: 0;
-  right: 0;
-  height: 100%;
-  float: right;
-  padding-right: 24px;
-  display: flex;
-  align-items: center;
-}
-.header-container .right-container .header-item[data-v-28759190]:not(:last-child) {
-  margin-right: 1rem;
-}
-.header-container .right-container .end-control-container[data-v-28759190] {
-  display: none;
 }.tui-theme-white .user-control-container[data-v-45ccc1b8] {
   --filter-color:
     drop-shadow(0px 0px 4px rgba(32, 77, 141, 0.03))
@@ -1792,11 +1526,55 @@ input[data-v-afc0a29e]:disabled {
 }
 .button[data-v-45ccc1b8] {
   margin-left: 12px;
-}.tui-theme-white .control-container[data-v-08aec5e4] {
-  --background-color: #FFFFFF;
-  --box-shadow: 0px 8px 30px 0px rgba(197, 210, 229, 0.30), 0px 2px 3px 0px rgba(197, 210, 229, 0.30);
-}
-.tui-theme-black .control-container[data-v-08aec5e4] {
+}.header-container[data-v-28759190] {
+  width: 100%;
+  height: 100%;
+  padding-left: 9px;
+  padding-right: 24px;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+}
+.header-container .left-container[data-v-28759190] {
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  padding-left: 24px;
+}
+.header-container .left-container .header-item[data-v-28759190]:not(:first-child) {
+  margin-left: 1rem;
+}
+.header-container .center-container[data-v-28759190] {
+  position: absolute;
+  left: 50%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  transform: translateX(-50%);
+}
+.header-container .right-container[data-v-28759190] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 100%;
+  float: right;
+  padding-right: 24px;
+  display: flex;
+  align-items: center;
+}
+.header-container .right-container .header-item[data-v-28759190]:not(:last-child) {
+  margin-right: 1rem;
+}
+.header-container .right-container .end-control-container[data-v-28759190] {
+  display: none;
+}.tui-theme-white .control-container[data-v-08aec5e4] {
+  --background-color: #FFFFFF;
+  --box-shadow: 0px 8px 30px 0px rgba(197, 210, 229, 0.30), 0px 2px 3px 0px rgba(197, 210, 229, 0.30);
+}
+.tui-theme-black .control-container[data-v-08aec5e4] {
   --background-color: rgba(79,88,107,0.3);
   --box-shadow: 0px 4px 30px 0px rgba(34, 38, 46, 0.30), 0px 0px 3px 0px rgba(34, 38, 46, 0.30);
 }
@@ -2000,134 +1778,560 @@ input[data-v-afc0a29e]:disabled {
 .control-container .control-region .room-control-region .enter-room-region .enter-room-action .enter-button.active[data-v-08aec5e4] {
   cursor: pointer;
   background-color: var(--active-color-1);
-}.audio-setting-tab[data-v-31046864] {
-  border-radius: 4px;
-  font-size: 14px;
+}.footer-container[data-v-cc1a7a3e] {
+  position: absolute;
+  bottom: 0;
   width: 100%;
+  padding: 0.7rem 0;
+  padding-left: 9px;
+  padding-right: 24px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  flex-direction: row;
+  background-color: var(--background-color-2);
+  box-shadow: 0px -8px 30px var(--footer-shadow-color);
 }
-.audio-setting-tab .item-setting[data-v-31046864] {
-  width: 100%;
+.footer-container .left-container[data-v-cc1a7a3e] {
+  height: 100%;
+  display: flex;
+  align-items: center;
 }
-.audio-setting-tab .item-setting[data-v-31046864]:not(:last-child) {
-  margin-bottom: 20px;
+.footer-container .left-container .left-container-item[data-v-cc1a7a3e]:not(:first-child) {
+  margin-left: 1rem;
 }
-.audio-setting-tab .flex[data-v-31046864] {
-  width: 100%;
+.footer-container .center-container[data-v-cc1a7a3e] {
+  height: 100%;
   display: flex;
+  align-items: center;
+  position: relative;
+  margin: 0 auto;
 }
-.audio-setting-tab .select[data-v-31046864] {
-  flex: 1;
-}
-.audio-setting-tab .button[data-v-31046864] {
-  margin-left: 10px;
-  padding: 5px 23px;
-  width: 74px;
+.footer-container .center-container .center-container-item[data-v-cc1a7a3e]:not(:first-child) {
+  margin-left: 16px;
 }
-.audio-setting-tab .title[data-v-31046864] {
-  display: inline-block;
-  margin-bottom: 8px;
+.footer-container .right-container[data-v-cc1a7a3e] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}.message-box-overlay[data-v-a24162df] {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
   width: 100%;
-  color: #4f586b;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
+  height: 100%;
+  right: 0;
 }
-.audio-setting-tab .mic-bar-container[data-v-31046864] {
+.message-box-overlay.overlay[data-v-a24162df] {
+  background-color: rgba(15, 16, 20, 0.6);
+}
+.tui-message-box[data-v-a24162df] {
+  width: 480px;
+  background-color: var(--white-color);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
   display: flex;
-  justify-content: space-between;
+  flex-direction: column;
+  border-radius: 20px;
 }
-.audio-setting-tab .mic-bar-container .mic-bar[data-v-31046864] {
-  width: 3px;
-  height: 6px;
-  background-color: var(--background-color-4);
+.tui-message-box .tui-message-box-header[data-v-a24162df] {
+  height: 64px;
+  position: relative;
+  display: flex;
+  padding: 0 24px;
+  color: var(--title-color);
+  align-items: center;
+  box-shadow: 0px 7px 10px -5px rgba(230, 236, 245, 0.8);
 }
-.audio-setting-tab .mic-bar-container .mic-bar.active[data-v-31046864] {
-  background-color: var(--green-color);
+.tui-message-box .tui-message-box-header .tui-dialog-header-title[data-v-a24162df] {
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 24px;
+  color: #0f1014;
 }
-.audio-setting-tab .audio-level-container[data-v-31046864] {
-  width: 100%;
-  height: 20px;
+.tui-message-box .tui-message-box-header .close[data-v-a24162df] {
+  width: 32px;
+  height: 32px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 20px;
   display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #4f586b;
+  cursor: pointer;
 }
-.audio-setting-tab .audio-level-container .slider[data-v-31046864] {
-  height: 20px;
-  margin-left: 10px;
-}.video-tab[data-v-6e09e806] {
+.tui-message-box-h5[data-v-a24162df] {
+  min-width: 80vw;
+  max-width: 80vw;
+  position: fixed;
+  background-color: #ffffff;
   border-radius: 8px;
-  font-size: 14px;
-}
-.video-tab .item-setting[data-v-6e09e806]:not(:last-child) {
-  margin-bottom: 20px;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  font-style: normal;
+  color: var(--black-color);
 }
-.video-tab .title[data-v-6e09e806] {
+.tui-message-box-h5 .tui-message-box-header[data-v-a24162df] {
   display: inline-block;
-  margin-bottom: 8px;
-  width: 100%;
-  color: var(--font-color-4);
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-}
-.video-tab .video-preview-container[data-v-6e09e806] {
-  position: relative;
-  width: 100%;
-  height: 0;
-  padding-top: 56.25%;
-  background-color: #000000;
-  border-radius: 8px;
-  overflow: hidden;
+  font-size: 16px;
+  text-align: center;
+  font-weight: 500;
+  padding-top: 14px;
+  padding: 24px 24px 12px 24px;
+  box-sizing: border-box;
 }
-.video-tab .video-preview-container .video-preview[data-v-6e09e806] {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
+.tui-message-box-h5 .tui-message-box-header .close[data-v-a24162df] {
+  display: none;
 }
-.video-tab .mirror-container[data-v-6e09e806] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  color: var(--font-color-4);
+.tui-message-box-h5 .tui-message-box-body[data-v-a24162df] {
+  font-weight: 400;
   font-size: 14px;
-  font-style: normal;
+  text-align: center;
   font-weight: 400;
-  line-height: 22px;
-  padding-right: 2px;
+  color: var(--font-color-4);
+  padding: 0 24px 20px 24px;
 }
-.video-tab .item[data-v-6e09e806] {
+.tui-message-box-h5 .tui-message-box-footer[data-v-a24162df] {
   width: 100%;
-  height: 20px;
-  cursor: pointer;
-  color: var(--font-color-3);
-}.invite-container[data-v-6414c67c] {
-  padding: 20px;
-}
-.invite-container .invite-item[data-v-6414c67c] {
+  border-top: 1px solid #d5e0f2;
   display: flex;
-  flex-direction: column;
-  position: relative;
+  justify-content: center;
+  padding: 11px 0;
 }
-.invite-container .invite-item[data-v-6414c67c]:not(:first-child) {
-  margin-top: 20px;
+.tui-message-box-h5 .tui-message-box-footer .button[data-v-a24162df] {
+  background-color: #fff;
+  color: var(--active-color-1);
+  border: none;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 500;
 }
-.invite-container .invite-item .invite-title[data-v-6414c67c] {
+.tui-message-box-body[data-v-a24162df] {
+  flex: 1;
+  padding: 20px 24px;
   font-size: 14px;
+  font-style: normal;
   font-weight: 400;
   line-height: 22px;
-  color: var(--font-color-5);
-  width: 100%;
-  padding-bottom: 8px;
+  color: #4f586b;
 }
-.invite-container .invite-item .invite-content[data-v-6414c67c] {
-  flex: 1;
-  background-color: var(--background-color-7);
-  border-radius: 8px;
-  border: 1px solid var(--border-color);
-  box-sizing: border-box;
-  color: var(--font-color-6);
-  display: inline-block;
-  font-size: 14px;
+.tui-message-box-footer[data-v-a24162df] {
+  padding: 20px 30px;
+  display: flex;
+  justify-content: flex-end;
+}.tui-notification .tui-notification-container-mobile[data-v-f10f5d6d] {
+  position: fixed;
+  top: 8%;
+  width: 95%;
+  margin: 0 10px;
+  height: 44px;
+  background-color: #fff;
+  border-radius: 10px;
+  display: flex;
+  text-align: center;
+}
+.tui-notification .tui-notification-container-mobile .tui-notification-mobile-icon[data-v-f10f5d6d] {
+  color: #000000;
+  padding: 0 10px;
+  margin-left: 4px;
+}
+.tui-notification .tui-notification-container-mobile .tui-notification-mobile-content[data-v-f10f5d6d] {
+  font-weight: 400;
+  font-size: 15px;
+  line-height: 44px;
+  color: #181820;
+  margin: 0 auto 0 4px;
+}
+.tui-notification .tui-notification-container-mobile .tui-notification-mobile-check[data-v-f10f5d6d] {
+  background-color: #1C66E5;
+  color: #FFFFFF;
+  border-radius: 10px;
+  margin: 6px 10px 6px 0;
+  padding: 0 12px;
+  line-height: 34px;
+}
+.tui-notification .tui-notification-container[data-v-f10f5d6d] {
+  width: 400px;
+  background-color: var(--white-color);
+  position: fixed;
+  top: 7%;
+  right: 1%;
+  display: flex;
+  flex-direction: column;
+  border-radius: 20px;
+  filter: drop-shadow(0px 0px 1px rgba(5, 5, 5, 0.1)) drop-shadow(0px 3px 8px rgba(233, 240, 251, 0.5));
+}
+.tui-notification .tui-notification-container .tui-notification-header[data-v-f10f5d6d] {
+  height: 64px;
+  position: relative;
+  display: flex;
+  padding: 0 24px;
+  color: var(--title-color);
+  font-weight: 500;
+  align-items: center;
+}
+.tui-notification .tui-notification-container .tui-notification-header .tui-notification-title[data-v-f10f5d6d] {
+  max-width: 300px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.tui-notification .tui-notification-container .tui-notification-header .close[data-v-f10f5d6d] {
+  width: 32px;
+  height: 32px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #4f586b;
+  cursor: pointer;
+}
+.tui-notification .tui-notification-footer[data-v-f10f5d6d] {
+  padding: 20px 30px;
+  display: flex;
+  justify-content: flex-end;
+}
+.tui-notification .tui-notification-footer .button[data-v-f10f5d6d] {
+  margin-left: 12px;
+}.audio-setting-tab[data-v-31046864] {
+  border-radius: 4px;
+  font-size: 14px;
+  width: 100%;
+}
+.audio-setting-tab .item-setting[data-v-31046864] {
+  width: 100%;
+}
+.audio-setting-tab .item-setting[data-v-31046864]:not(:last-child) {
+  margin-bottom: 20px;
+}
+.audio-setting-tab .flex[data-v-31046864] {
+  width: 100%;
+  display: flex;
+}
+.audio-setting-tab .select[data-v-31046864] {
+  flex: 1;
+}
+.audio-setting-tab .button[data-v-31046864] {
+  margin-left: 10px;
+  padding: 5px 23px;
+  width: 74px;
+}
+.audio-setting-tab .title[data-v-31046864] {
+  display: inline-block;
+  margin-bottom: 8px;
+  width: 100%;
+  color: #4f586b;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+}
+.audio-setting-tab .mic-bar-container[data-v-31046864] {
+  display: flex;
+  justify-content: space-between;
+}
+.audio-setting-tab .mic-bar-container .mic-bar[data-v-31046864] {
+  width: 3px;
+  height: 6px;
+  background-color: var(--background-color-4);
+}
+.audio-setting-tab .mic-bar-container .mic-bar.active[data-v-31046864] {
+  background-color: var(--green-color);
+}
+.audio-setting-tab .audio-level-container[data-v-31046864] {
+  width: 100%;
+  height: 20px;
+  display: flex;
+}
+.audio-setting-tab .audio-level-container .slider[data-v-31046864] {
+  height: 20px;
+  margin-left: 10px;
+}.video-tab[data-v-6e09e806] {
+  border-radius: 8px;
+  font-size: 14px;
+}
+.video-tab .item-setting[data-v-6e09e806]:not(:last-child) {
+  margin-bottom: 20px;
+}
+.video-tab .title[data-v-6e09e806] {
+  display: inline-block;
+  margin-bottom: 8px;
+  width: 100%;
+  color: var(--font-color-4);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+}
+.video-tab .video-preview-container[data-v-6e09e806] {
+  position: relative;
+  width: 100%;
+  height: 0;
+  padding-top: 56.25%;
+  background-color: #000000;
+  border-radius: 8px;
+  overflow: hidden;
+}
+.video-tab .video-preview-container .video-preview[data-v-6e09e806] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.video-tab .mirror-container[data-v-6e09e806] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--font-color-4);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+  padding-right: 2px;
+}
+.video-tab .item[data-v-6e09e806] {
+  width: 100%;
+  height: 20px;
+  cursor: pointer;
+  color: var(--font-color-3);
+}.stream-container-flatten[data-v-d8433998] {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  padding: 25px 20px;
+}
+.stream-container-flatten .stream-list-container[data-v-d8433998] {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-content: center;
+}
+.stream-container-flatten .stream-list[data-v-d8433998] {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  align-content: center;
+}
+.stream-container-flatten .stream-list .single-stream[data-v-d8433998] {
+  margin: 4px;
+}
+.arrow-stroke-right[data-v-d8433998] {
+  position: absolute;
+  right: 280px;
+  top: 0;
+}
+.arrow-stroke-left[data-v-d8433998] {
+  position: absolute;
+  right: 12px;
+  top: 0;
+}
+.arrow-stroke-up[data-v-d8433998] {
+  position: absolute;
+  top: 175px;
+  left: 0;
+}
+.arrow-stroke-down[data-v-d8433998] {
+  position: absolute;
+  top: 76px;
+  left: 0;
+}
+.stream-container-top[data-v-d8433998] {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+.stream-container-top .enlarged-stream-container[data-v-d8433998] {
+  width: 100%;
+  height: calc(100% - 184px);
+  padding: 25px 20px;
+  position: absolute;
+  top: 175px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.stream-container-top .stream-list-container[data-v-d8433998] {
+  width: 100%;
+  height: 175px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 20px 40px;
+  display: flex;
+  justify-content: center;
+}
+.stream-container-top .stream-list-container.hide-list[data-v-d8433998] {
+  transform: translateY(-166px);
+}
+.stream-container-top .stream-list-container .stream-list[data-v-d8433998] {
+  display: flex;
+  overflow-x: scroll;
+  max-width: 100%;
+  max-height: 100%;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.stream-container-top .stream-list-container .stream-list[data-v-d8433998]::-webkit-scrollbar {
+  display: none;
+}
+.stream-container-top .stream-list-container .stream-list .single-stream[data-v-d8433998] {
+  width: 240px;
+  height: 135px;
+  border-radius: 8px;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+.stream-container-top .stream-list-container .stream-list .single-stream[data-v-d8433998]:not(:first-child) {
+  margin-left: 14px;
+}
+.stream-container-right[data-v-d8433998] {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-content: center;
+  position: relative;
+}
+.stream-container-right .enlarged-stream-container[data-v-d8433998] {
+  width: calc(100% - 280px);
+  height: 100%;
+  padding: 25px 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.stream-container-right .stream-list-container[data-v-d8433998] {
+  width: 280px;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 20px;
+  display: flex;
+  align-items: center;
+}
+.stream-container-right .stream-list-container.hide-list[data-v-d8433998] {
+  transform: translateX(270px);
+}
+.stream-container-right .stream-list-container[data-v-d8433998]::before {
+  content: "";
+  width: 100%;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  left: 0;
+  opacity: 0.1;
+}
+.stream-container-right .stream-list[data-v-d8433998] {
+  max-width: 100%;
+  max-height: 100%;
+  overflow-y: scroll;
+  padding: 10px 0;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.stream-container-right .stream-list[data-v-d8433998]::-webkit-scrollbar {
+  display: none;
+}
+.stream-container-right .stream-list .single-stream[data-v-d8433998] {
+  width: 240px;
+  height: 135px;
+  border-radius: 8px;
+  overflow: hidden;
+}
+.stream-container-right .stream-list .single-stream[data-v-d8433998]:not(:first-child) {
+  margin-top: 14px;
+}
+.tui-theme-black .turn-page-container[data-v-d8433998] {
+  --turn-page-background-color: rgba(114, 122, 138, 0.4);
+  --turn-page-hover-background-color: rgba(114, 122, 138, 0.7);
+  --turn-page-arrow-color: #D5E0F2;
+}
+.tui-theme-white .turn-page-container[data-v-d8433998] {
+  --turn-page-background-color: rgba(114, 122, 138, 0.4);
+  --turn-page-hover-background-color: rgba(114, 122, 138, 0.7);
+  --turn-page-arrow-color: white;
+}
+.turn-page-container[data-v-d8433998] {
+  width: 100%;
+  height: 60px;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  justify-content: space-between;
+}
+.turn-page-container .turn-page-arrow-container[data-v-d8433998] {
+  width: 32px;
+  height: 60px;
+  background: var(--turn-page-background-color);
+  backdrop-filter: blur(2.25px);
+  border-radius: 32px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  color: var(--turn-page-arrow-color);
+}
+.turn-page-container .turn-page-arrow-container[data-v-d8433998]:hover {
+  background: var(--turn-page-hover-background-color);
+}
+.turn-page-container .left-container[data-v-d8433998] {
+  position: absolute;
+  left: 34px;
+}
+.turn-page-container .right-container[data-v-d8433998] {
+  position: absolute;
+  right: 34px;
+}
+.turn-page-container .turn-page-right[data-v-d8433998] {
+  transform: rotateY(180deg);
+}.invite-container[data-v-6414c67c] {
+  padding: 20px;
+}
+.invite-container .invite-item[data-v-6414c67c] {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.invite-container .invite-item[data-v-6414c67c]:not(:first-child) {
+  margin-top: 20px;
+}
+.invite-container .invite-item .invite-title[data-v-6414c67c] {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+  color: var(--font-color-5);
+  width: 100%;
+  padding-bottom: 8px;
+}
+.invite-container .invite-item .invite-content[data-v-6414c67c] {
+  flex: 1;
+  background-color: var(--background-color-7);
+  border-radius: 8px;
+  border: 1px solid var(--border-color);
+  box-sizing: border-box;
+  color: var(--font-color-6);
+  display: inline-block;
+  font-size: 14px;
   height: 42px;
   font-weight: 500;
   line-height: 22px;
@@ -2272,485 +2476,247 @@ input[data-v-afc0a29e]:disabled {
 .manage-member-container .apply-on-stage-info[data-v-392914b8]::after {
   content: "";
   position: absolute;
-  left: 5%;
-  bottom: 0;
-  width: 90%;
-  height: 1px;
-  background-color: var(--stroke-color-2);
-}
-.manage-member-container .member-list-container[data-v-392914b8] {
-  flex: 1;
-  margin-top: 10px;
-  overflow-y: scroll;
-}
-.manage-member-container .member-list-container[data-v-392914b8]::-webkit-scrollbar {
-  display: none;
-}
-.manage-member-container .global-setting[data-v-392914b8] {
-  display: flex;
-  justify-content: space-around;
-  margin: 20px;
-}
-.cancel-button[data-v-392914b8] {
-  margin-left: 12px;
-}.more-container[data-v-acb09f87] {
-  padding: 20px;
-}
-.more-container .more-title[data-v-acb09f87] {
-  display: flex;
-}
-.more-container .more-title .email-icon[data-v-acb09f87] {
-  color: #7c85a6;
-}
-.more-container .more-title .more-notice[data-v-acb09f87] {
-  font-size: 14px;
-  width: 100%;
-  height: 22px;
-  line-height: 22px;
-  font-weight: 400;
-  color: var(--font-color-5);
-  padding-left: 8px;
-}
-.more-container .more-item[data-v-acb09f87] {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-}
-.more-container .more-item[data-v-acb09f87]:not(:first-child) {
-  margin-top: 20px;
-}
-.more-container .more-item:not(:first-child) .item-title[data-v-acb09f87] {
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  color: var(--font-color-5);
-  width: 100%;
-  padding-bottom: 8px;
-}
-.more-container .more-item:not(:first-child) .join-button[data-v-acb09f87] {
-  height: 42px;
-  font-weight: 600;
-}
-.more-container .more-item:not(:first-child) .more-content[data-v-acb09f87] {
-  flex: 1;
-  background-color: var(--background-color-7);
-  border-radius: 8px;
-  border: 1px solid var(--border-color);
-  box-sizing: border-box;
-  color: var(--font-color-6);
-  display: inline-block;
-  font-size: 14px;
-  height: 42px;
-  font-weight: 500;
-  line-height: 22px;
-  outline: none;
-  padding: 10px 30px 10px 16px;
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-}
-.more-container .more-item:not(:first-child) .copy-icon[data-v-acb09f87] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  cursor: pointer;
-  position: absolute;
-  top: 36px;
-  right: 0;
-}.stream-container-flatten[data-v-d8433998] {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  padding: 25px 20px;
-}
-.stream-container-flatten .stream-list-container[data-v-d8433998] {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-content: center;
-}
-.stream-container-flatten .stream-list[data-v-d8433998] {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-  align-content: center;
-}
-.stream-container-flatten .stream-list .single-stream[data-v-d8433998] {
-  margin: 4px;
-}
-.arrow-stroke-right[data-v-d8433998] {
-  position: absolute;
-  right: 280px;
-  top: 0;
-}
-.arrow-stroke-left[data-v-d8433998] {
-  position: absolute;
-  right: 12px;
-  top: 0;
-}
-.arrow-stroke-up[data-v-d8433998] {
-  position: absolute;
-  top: 175px;
-  left: 0;
-}
-.arrow-stroke-down[data-v-d8433998] {
-  position: absolute;
-  top: 76px;
-  left: 0;
-}
-.stream-container-top[data-v-d8433998] {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  position: relative;
-}
-.stream-container-top .enlarged-stream-container[data-v-d8433998] {
-  width: 100%;
-  height: calc(100% - 184px);
-  padding: 25px 20px;
-  position: absolute;
-  top: 175px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.stream-container-top .stream-list-container[data-v-d8433998] {
-  width: 100%;
-  height: 175px;
-  position: absolute;
-  top: 0;
-  left: 0;
-  padding: 20px 40px;
-  display: flex;
-  justify-content: center;
-}
-.stream-container-top .stream-list-container.hide-list[data-v-d8433998] {
-  transform: translateY(-166px);
-}
-.stream-container-top .stream-list-container .stream-list[data-v-d8433998] {
-  display: flex;
-  overflow-x: scroll;
-  max-width: 100%;
-  max-height: 100%;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-.stream-container-top .stream-list-container .stream-list[data-v-d8433998]::-webkit-scrollbar {
-  display: none;
-}
-.stream-container-top .stream-list-container .stream-list .single-stream[data-v-d8433998] {
-  width: 240px;
-  height: 135px;
-  border-radius: 8px;
-  overflow: hidden;
-  flex-shrink: 0;
-}
-.stream-container-top .stream-list-container .stream-list .single-stream[data-v-d8433998]:not(:first-child) {
-  margin-left: 14px;
-}
-.stream-container-right[data-v-d8433998] {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  align-content: center;
-  position: relative;
-}
-.stream-container-right .enlarged-stream-container[data-v-d8433998] {
-  width: calc(100% - 280px);
-  height: 100%;
-  padding: 25px 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.stream-container-right .stream-list-container[data-v-d8433998] {
-  width: 280px;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 20px;
-  display: flex;
-  align-items: center;
-}
-.stream-container-right .stream-list-container.hide-list[data-v-d8433998] {
-  transform: translateX(270px);
-}
-.stream-container-right .stream-list-container[data-v-d8433998]::before {
-  content: "";
-  width: 100%;
-  height: 40px;
-  position: absolute;
-  top: 10px;
-  left: 0;
-  opacity: 0.1;
+  left: 5%;
+  bottom: 0;
+  width: 90%;
+  height: 1px;
+  background-color: var(--stroke-color-2);
 }
-.stream-container-right .stream-list[data-v-d8433998] {
-  max-width: 100%;
-  max-height: 100%;
+.manage-member-container .member-list-container[data-v-392914b8] {
+  flex: 1;
+  margin-top: 10px;
   overflow-y: scroll;
-  padding: 10px 0;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
 }
-.stream-container-right .stream-list[data-v-d8433998]::-webkit-scrollbar {
+.manage-member-container .member-list-container[data-v-392914b8]::-webkit-scrollbar {
   display: none;
 }
-.stream-container-right .stream-list .single-stream[data-v-d8433998] {
-  width: 240px;
-  height: 135px;
-  border-radius: 8px;
-  overflow: hidden;
+.manage-member-container .global-setting[data-v-392914b8] {
+  display: flex;
+  justify-content: space-around;
+  margin: 20px;
 }
-.stream-container-right .stream-list .single-stream[data-v-d8433998]:not(:first-child) {
-  margin-top: 14px;
+.cancel-button[data-v-392914b8] {
+  margin-left: 12px;
+}.more-container[data-v-acb09f87] {
+  padding: 20px;
 }
-.tui-theme-black .turn-page-container[data-v-d8433998] {
-  --turn-page-background-color: rgba(114, 122, 138, 0.4);
-  --turn-page-hover-background-color: rgba(114, 122, 138, 0.7);
-  --turn-page-arrow-color: #D5E0F2;
+.more-container .more-title[data-v-acb09f87] {
+  display: flex;
 }
-.tui-theme-white .turn-page-container[data-v-d8433998] {
-  --turn-page-background-color: rgba(114, 122, 138, 0.4);
-  --turn-page-hover-background-color: rgba(114, 122, 138, 0.7);
-  --turn-page-arrow-color: white;
+.more-container .more-title .email-icon[data-v-acb09f87] {
+  color: #7c85a6;
 }
-.turn-page-container[data-v-d8433998] {
+.more-container .more-title .more-notice[data-v-acb09f87] {
+  font-size: 14px;
   width: 100%;
-  height: 60px;
-  position: absolute;
-  left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  justify-content: space-between;
+  height: 22px;
+  line-height: 22px;
+  font-weight: 400;
+  color: var(--font-color-5);
+  padding-left: 8px;
 }
-.turn-page-container .turn-page-arrow-container[data-v-d8433998] {
-  width: 32px;
-  height: 60px;
-  background: var(--turn-page-background-color);
-  backdrop-filter: blur(2.25px);
-  border-radius: 32px;
+.more-container .more-item[data-v-acb09f87] {
   display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  color: var(--turn-page-arrow-color);
+  flex-direction: column;
+  position: relative;
 }
-.turn-page-container .turn-page-arrow-container[data-v-d8433998]:hover {
-  background: var(--turn-page-hover-background-color);
+.more-container .more-item[data-v-acb09f87]:not(:first-child) {
+  margin-top: 20px;
 }
-.turn-page-container .left-container[data-v-d8433998] {
-  position: absolute;
-  left: 34px;
+.more-container .more-item:not(:first-child) .item-title[data-v-acb09f87] {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+  color: var(--font-color-5);
+  width: 100%;
+  padding-bottom: 8px;
 }
-.turn-page-container .right-container[data-v-d8433998] {
-  position: absolute;
-  right: 34px;
+.more-container .more-item:not(:first-child) .join-button[data-v-acb09f87] {
+  height: 42px;
+  font-weight: 600;
 }
-.turn-page-container .turn-page-right[data-v-d8433998] {
-  transform: rotateY(180deg);
-}.cancel-button[data-v-986f8b0b] {
-  margin-left: 20px;
-}.video-control-container[data-v-4da95364] {
+.more-container .more-item:not(:first-child) .more-content[data-v-acb09f87] {
+  flex: 1;
+  background-color: var(--background-color-7);
+  border-radius: 8px;
+  border: 1px solid var(--border-color);
+  box-sizing: border-box;
+  color: var(--font-color-6);
+  display: inline-block;
+  font-size: 14px;
+  height: 42px;
+  font-weight: 500;
+  line-height: 22px;
+  outline: none;
+  padding: 10px 30px 10px 16px;
+  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   position: relative;
 }
-.video-control-container .video-tab[data-v-4da95364] {
-  position: absolute;
-  bottom: 90px;
-  left: -60px;
-  width: 320px;
-  background: var(--room-videotab-bg-color);
-  padding: 20px;
-}
-.agree[data-v-4da95364], .cancel[data-v-4da95364] {
-  padding: 14px;
-  width: 50%;
+.more-container .more-item:not(:first-child) .copy-icon[data-v-acb09f87] {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--active-color-1);
-  font-size: 16px;
-  font-weight: 500;
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+  position: absolute;
+  top: 36px;
+  right: 0;
+}.tui-theme-black .layout-container[data-v-7afa85d3] {
+  --background-color: var(--background-color-2);
+  --box-shadow: 0px 0px 40px rgba(23, 25, 31, 0.60), 0px 0px 12px rgba(23, 25, 31, 0.40);
+  --block-background-color: var(--background-color-3);
 }
-.cancel[data-v-4da95364] {
-  color: var(--font-color-4);
+.tui-theme-white .layout-container[data-v-7afa85d3] {
+  --background-color: var(--background-color-1);
+  --box-shadow: 0px 3px 8px #E9F0FB;
+  --block-background-color: #E4EAF7;
 }
-.cancel-button[data-v-4da95364] {
-  margin-left: 20px;
-}.invite-container[data-v-c6f331a2] {
-  position: fixed;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 100vw;
-  height: auto;
-  box-sizing: border-box;
-  background-color: var(--log-out-mobile);
-  z-index: 1;
-}.screen-share-control-container[data-v-2dd9ae04] {
+.layout-container[data-v-7afa85d3] {
   position: relative;
 }
-.stop-share-region[data-v-2dd9ae04] {
-  width: 131px;
-  height: 48px;
-  background: var(--stop-share-region-bg-color);
-  border-radius: 4px;
+.layout-container .layout-list[data-v-7afa85d3] {
   position: absolute;
-  top: -58px;
-  left: 50%;
-  transform: translateX(-50%);
+  top: calc(100% + 12px);
+  left: 0;
+  background-color: var(--background-color);
+  box-shadow: var(--box-shadow);
+  border-radius: 8px;
+  padding: 16px 16px 6px;
   display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  font-size: 14px;
-  color: var(--color-font);
 }
-.stop-share-icon[data-v-2dd9ae04] {
-  width: 24px;
-  height: 24px;
-  margin-right: 10px;
+.layout-container .layout-list .layout-item[data-v-7afa85d3] {
+  cursor: pointer;
+  position: relative;
 }
-.button[data-v-2dd9ae04] {
+.layout-container .layout-list .layout-item[data-v-7afa85d3]:not(:first-child) {
   margin-left: 12px;
-}.stream-preview[data-v-f058868a] {
-  display: flex;
-  box-sizing: border-box;
-  border-radius: 8px;
-  overflow: hidden;
-  min-height: 310px;
-  background-color: #000;
 }
-.setting[data-v-f058868a] {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  margin-top: 10px;
-  padding: 1rem;
-  border: 1px solid #E4E8EE;
-  border-radius: 8px;
+.layout-container .layout-list .layout-item .layout-block-container[data-v-7afa85d3] {
+  width: 130px;
+  height: 88px;
+  border-radius: 6px;
+  border: 2px solid transparent;
+  padding: 4px;
 }
-.setting-item[data-v-f058868a] {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  text-align: center;
-  border-radius: 8px;
-  color: #4F586B;
+.layout-container .layout-list .layout-item:hover .layout-block-container[data-v-7afa85d3], .layout-container .layout-list .layout-item.checked .layout-block-container[data-v-7afa85d3] {
+  border: 2px solid var(--active-color-1);
+}
+.layout-container .layout-list .layout-item .layout-title[data-v-7afa85d3] {
   font-size: 12px;
-  border: 1px solid transparent;
+  font-weight: 400;
+  line-height: 24px;
+  display: inline-block;
+  color: var(--font-color-1);
+  margin-top: 2px;
+  width: 100%;
+  text-align: center;
 }
-.setting-item-icon[data-v-f058868a] {
+.layout-container .layout-list .layout-item.checked .layout-title[data-v-7afa85d3] {
+  color: var(--active-color-1);
+  font-weight: 500;
+}
+.layout-container .layout-list .layout1 .layout-block-container[data-v-7afa85d3] {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #f0f3fa;
-  border-radius: 8px;
-  width: 54px;
-  height: 54px;
-  overflow: hidden;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-content: space-between;
 }
-.setting-item.active[data-v-f058868a] {
-  background-color: #1C66E5;
-  border: 1px solid #1C66E5;
-  color: #fff;
-}.end-control-container .end-button[data-v-8a854972] {
-  padding: 9px 20px;
-  font-size: 14px;
-  border-radius: 20px;
-  border: 1.5px solid var(--red-color-2);
-  color: var(--red-color-2);
+.layout-container .layout-list .layout1 .layout-block-container .layout-block[data-v-7afa85d3] {
+  width: 38px;
+  height: 24px;
+  background-color: var(--block-background-color);
 }
-.end-control-container .end-button[data-v-8a854972]:hover {
-  background: var(--red-color-2);
-  color: var(--font-color-7);
-  border: 1px solid var(--red-color-2);
+.layout-container .layout-list .layout1 .layout-block-container .layout-block[data-v-7afa85d3]:nth-child(1) {
+  border-top-left-radius: 4px;
 }
-.button[data-v-8a854972] {
-  margin-left: 20px;
-}.apply-control-container[data-v-24ecea29] {
-  position: relative;
+.layout-container .layout-list .layout1 .layout-block-container .layout-block[data-v-7afa85d3]:nth-child(3) {
+  border-top-right-radius: 4px;
 }
-.apply-control-container .attention[data-v-24ecea29] {
-  background: var(--active-color-1);
-  box-shadow: 0 4px 16px 0 rgba(47, 48, 164, 0.1);
-  position: absolute;
-  border-radius: 8px;
+.layout-container .layout-list .layout1 .layout-block-container .layout-block[data-v-7afa85d3]:nth-child(7) {
+  border-bottom-left-radius: 4px;
+}
+.layout-container .layout-list .layout1 .layout-block-container .layout-block[data-v-7afa85d3]:nth-child(9) {
+  border-bottom-right-radius: 4px;
+}
+.layout-container .layout-list .layout2 .layout-block-container[data-v-7afa85d3] {
   display: flex;
-  align-items: center;
   justify-content: space-between;
-  bottom: 70px;
 }
-.apply-control-container .attention[data-v-24ecea29]::after {
-  content: "";
-  display: block;
-  border: 5px solid transparent;
-  border-top-color: var(--active-color-1);
-  position: absolute;
-  top: 100%;
-  left: 10%;
-  transform: translateX(-50%);
+.layout-container .layout-list .layout2 .layout-block-container .left-container[data-v-7afa85d3] {
+  width: 78px;
+  height: 100%;
+  background-color: var(--block-background-color);
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
 }
-.apply-control-container .member-attention[data-v-24ecea29] {
-  padding: 12px;
+.layout-container .layout-list .layout2 .layout-block-container .right-container[data-v-7afa85d3] {
+  width: 38px;
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-content: space-between;
 }
-.apply-control-container .member-attention .info[data-v-24ecea29], .apply-control-container .member-attention .mobile-info[data-v-24ecea29] {
-  height: 20px;
-  font-weight: 500;
-  font-size: 14px;
-  color: #ffffff;
-  line-height: 20px;
-  white-space: nowrap;
+.layout-container .layout-list .layout2 .layout-block-container .right-container > div[data-v-7afa85d3] {
+  width: 38px;
+  height: 24px;
+  background-color: var(--block-background-color);
 }
-.apply-control-container .member-attention .mobile-info[data-v-24ecea29] {
-  min-width: 50vw;
+.layout-container .layout-list .layout2 .layout-block-container .right-container > div[data-v-7afa85d3]:nth-child(1) {
+  border-top-right-radius: 4px;
 }
-.apply-control-container .member-attention .close[data-v-24ecea29] {
-  cursor: pointer;
-  color: #ffffff;
-  padding-left: 12px;
+.layout-container .layout-list .layout2 .layout-block-container .right-container > div[data-v-7afa85d3]:nth-child(3) {
+  border-bottom-right-radius: 4px;
 }
-.agree[data-v-24ecea29],
-.cancel[data-v-24ecea29] {
-  padding: 14px;
-  width: 50%;
+.layout-container .layout-list .layout3 .layout-block-container[data-v-7afa85d3] {
   display: flex;
-  align-items: center;
-  font-size: 16px;
-  font-weight: 500;
-  justify-content: center;
-  color: var(--active-color-1);
+  flex-wrap: wrap;
+  align-content: space-between;
 }
-.cancel[data-v-24ecea29] {
-  color: var(--font-color-4);
+.layout-container .layout-list .layout3 .layout-block-container .top-container[data-v-7afa85d3] {
+  width: 100%;
+  height: 24px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-content: space-between;
 }
-.cancel-button[data-v-24ecea29] {
-  margin-left: 20px;
-}.tui-theme-white .network-info-board[data-v-7764fd2c] {
+.layout-container .layout-list .layout3 .layout-block-container .top-container > div[data-v-7afa85d3] {
+  width: 38px;
+  height: 24px;
+  background-color: var(--block-background-color);
+}
+.layout-container .layout-list .layout3 .layout-block-container .top-container > div[data-v-7afa85d3]:nth-child(1) {
+  border-top-left-radius: 4px;
+}
+.layout-container .layout-list .layout3 .layout-block-container .top-container > div[data-v-7afa85d3]:nth-child(3) {
+  border-top-right-radius: 4px;
+}
+.layout-container .layout-list .layout3 .layout-block-container .bottom-container[data-v-7afa85d3] {
+  width: 118px;
+  height: 50px;
+  background-color: var(--block-background-color);
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}.tui-theme-white .network-info-board[data-v-4b8a18b9] {
   --title-font-color: var(--font-color-1);
   --item-font-color: var(--font-color-6);
   --filter-color: drop-shadow(0px 0px 4px rgba(32, 77, 141, 0.03)) drop-shadow(0px 4px 10px rgba(32, 77, 141, 0.06))
     drop-shadow(0px 1px 14px rgba(32, 77, 141, 0.05));
 }
-.tui-theme-black .network-info-board[data-v-7764fd2c] {
+.tui-theme-black .network-info-board[data-v-4b8a18b9] {
   --title-font-color: #8f9ab2;
   --item-font-color: var(--font-color-1);
   --filter-color: drop-shadow(0px 8px 40px rgba(23, 25, 31, 0.6)) drop-shadow(0px 4px 12px rgba(23, 25, 31, 0.4));
 }
-.network-info-container[data-v-7764fd2c] {
+.network-info-container[data-v-4b8a18b9] {
   position: relative;
 }
-.network-info-container .network-info-board[data-v-7764fd2c] {
+.network-info-container .network-info-board[data-v-4b8a18b9] {
   position: absolute;
   background-color: var(--background-color-2);
   border-radius: 10px;
@@ -2760,10 +2726,10 @@ input[data-v-afc0a29e]:disabled {
   padding: 24px;
   top: 40px;
 }
-.network-info-container .network-info-board .network-state[data-v-7764fd2c] {
+.network-info-container .network-info-board .network-state[data-v-4b8a18b9] {
   margin-bottom: 18px;
 }
-.network-info-container .network-info-board .network-detail-item[data-v-7764fd2c] {
+.network-info-container .network-info-board .network-detail-item[data-v-4b8a18b9] {
   display: flex;
   justify-content: space-between;
   margin-bottom: 30px;
@@ -2772,266 +2738,424 @@ input[data-v-afc0a29e]:disabled {
   line-height: 20px;
   color: var(--title-font-color);
 }
-.network-info-container .network-info-board .network-detail-item .title-latency[data-v-7764fd2c] {
+.network-info-container .network-info-board .network-detail-item .title-latency[data-v-4b8a18b9] {
   font-weight: 500;
   line-height: 22px;
 }
-.network-info-container .network-info-board .network-detail-item .network-detail-packet[data-v-7764fd2c] {
+.network-info-container .network-info-board .network-detail-item .network-detail-packet[data-v-4b8a18b9] {
   display: flex;
   flex-direction: column;
   font-weight: 500;
   color: var(--item-font-color);
 }
-.network-info-container .network-info-board .network-detail-item .network-detail-packet .network-detail-packet-item[data-v-7764fd2c] {
+.network-info-container .network-info-board .network-detail-item .network-detail-packet .network-detail-packet-item[data-v-4b8a18b9] {
   display: flex;
 }
-.network-info-container .network-info-board .network-detail-item .network-detail-packet .network-detail-packet-item .arrow-down[data-v-7764fd2c] {
+.network-info-container .network-info-board .network-detail-item .network-detail-packet .network-detail-packet-item .arrow-down[data-v-4b8a18b9] {
   transform: rotate(180deg);
 }
-.network-info-container .title-type-success[data-v-7764fd2c] {
+.network-info-container .title-type-success[data-v-4b8a18b9] {
   color: #27C39F;
 }
-.network-info-container .title-type-warning[data-v-7764fd2c] {
+.network-info-container .title-type-warning[data-v-4b8a18b9] {
   color: #F39843;
 }
-.network-info-container .title-type-danger[data-v-7764fd2c] {
+.network-info-container .title-type-danger[data-v-4b8a18b9] {
   color: #ED414D;
 }
-.network-info-container .title-type-info[data-v-7764fd2c] {
+.network-info-container .title-type-info[data-v-4b8a18b9] {
   color: #4F586B;
-}.tui-theme-black .layout-container[data-v-80cb6f9f] {
-  --background-color: var(--background-color-2);
-  --box-shadow: 0px 0px 40px rgba(23, 25, 31, 0.60), 0px 0px 12px rgba(23, 25, 31, 0.40);
-  --block-background-color: var(--background-color-3);
-}
-.tui-theme-white .layout-container[data-v-80cb6f9f] {
-  --background-color: var(--background-color-1);
-  --box-shadow: 0px 3px 8px #E9F0FB;
-  --block-background-color: #E4EAF7;
-}
-.layout-container[data-v-80cb6f9f] {
+}.avatar-container[data-v-94a403fe] {
   position: relative;
+  width: 100%;
+  height: 100%;
 }
-.layout-container .layout-list[data-v-80cb6f9f] {
+.avatar-container .avatar[data-v-94a403fe] {
   position: absolute;
-  top: calc(100% + 12px);
+  top: 0;
   left: 0;
-  background-color: var(--background-color);
-  box-shadow: var(--box-shadow);
-  border-radius: 8px;
-  padding: 16px 16px 6px;
-  display: flex;
+  border-radius: 50%;
+  width: 100%;
+  height: 100%;
+}.tui-theme-white .roomInfo-container[data-v-c47b43e3] {
+  --title-font-color: var(--font-color-1);
+  --item-font-color: var(--font-color-6);
+  --filter-color: drop-shadow(0px 0px 4px rgba(32, 77, 141, 0.03)) drop-shadow(0px 4px 10px rgba(32, 77, 141, 0.06))
+    drop-shadow(0px 1px 14px rgba(32, 77, 141, 0.05));
 }
-.layout-container .layout-list .layout-item[data-v-80cb6f9f] {
-  cursor: pointer;
+.tui-theme-black .roomInfo-container[data-v-c47b43e3] {
+  --title-font-color: #8f9ab2;
+  --item-font-color: var(--font-color-1);
+  --filter-color: drop-shadow(0px 8px 40px rgba(23, 25, 31, 0.6)) drop-shadow(0px 4px 12px rgba(23, 25, 31, 0.4));
+}
+.conference-container[data-v-c47b43e3] {
+  min-width: 140px;
   position: relative;
 }
-.layout-container .layout-list .layout-item[data-v-80cb6f9f]:not(:first-child) {
-  margin-left: 12px;
+.title-container[data-v-c47b43e3] {
+  display: flex;
+  align-items: center;
+  padding: 20px 0;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px;
+  cursor: pointer;
 }
-.layout-container .layout-list .layout-item .layout-block-container[data-v-80cb6f9f] {
-  width: 130px;
-  height: 88px;
-  border-radius: 6px;
-  border: 2px solid transparent;
-  padding: 4px;
+.arrow-icon[data-v-c47b43e3] {
+  display: flex;
+  margin-left: 5px;
+  background-size: cover;
+  width: 16px;
+  height: 16px;
+  align-items: center;
+  transform: rotateX(180deg);
 }
-.layout-container .layout-list .layout-item:hover .layout-block-container[data-v-80cb6f9f], .layout-container .layout-list .layout-item.checked .layout-block-container[data-v-80cb6f9f] {
-  border: 2px solid var(--active-color-1);
+.arrow-down-icon[data-v-c47b43e3] {
+  transform: rotateX(0);
 }
-.layout-container .layout-list .layout-item .layout-title[data-v-80cb6f9f] {
-  font-size: 12px;
+.room-timing[data-v-c47b43e3] {
+  padding-left: 12px;
+}
+.roomInfo-container[data-v-c47b43e3] {
+  position: absolute;
+  left: 50%;
+  top: calc(100% - 12px);
+  transform: translateX(-50%);
+  padding: 20px;
+  box-sizing: border-box;
+  background-color: var(--background-color-2);
+  border-radius: 16px;
+  filter: var(--filter-color);
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.roomInfo-container .roomInfo-content[data-v-c47b43e3] {
+  display: flex;
+  min-width: 300px;
+  align-items: stretch;
+  font-size: 14px;
   font-weight: 400;
-  line-height: 24px;
-  display: inline-block;
-  color: var(--font-color-1);
-  margin-top: 2px;
-  width: 100%;
-  text-align: center;
+  line-height: normal;
+  letter-spacing: -0.24px;
 }
-.layout-container .layout-list .layout-item.checked .layout-title[data-v-80cb6f9f] {
-  color: var(--active-color-1);
-  font-weight: 500;
+.roomInfo-container .roomInfo-content .roomInfo-title[data-v-c47b43e3] {
+  flex-basis: 30%;
+  color: var(--title-font-color);
+}
+.roomInfo-container .roomInfo-content .roomInfo-item[data-v-c47b43e3] {
+  flex-basis: 50%;
+  overflow: hidden;
+  max-width: 300px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--item-font-color);
 }
-.layout-container .layout-list .layout1 .layout-block-container[data-v-80cb6f9f] {
+.roomInfo-container .roomInfo-content .copy-container[data-v-c47b43e3] {
+  margin-left: auto;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  align-content: space-between;
+  cursor: pointer;
+  color: var(--active-color-2);
 }
-.layout-container .layout-list .layout1 .layout-block-container .layout-block[data-v-80cb6f9f] {
-  width: 38px;
+.roomInfo-container .roomInfo-content .copy-container .copy[data-v-c47b43e3] {
+  width: 20px;
+  height: 20px;
+}.cancel-button[data-v-986f8b0b] {
+  margin-left: 20px;
+}.screen-share-control-container[data-v-2dd9ae04] {
+  position: relative;
+}
+.stop-share-region[data-v-2dd9ae04] {
+  width: 131px;
+  height: 48px;
+  background: var(--stop-share-region-bg-color);
+  border-radius: 4px;
+  position: absolute;
+  top: -58px;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  font-size: 14px;
+  color: var(--color-font);
+}
+.stop-share-icon[data-v-2dd9ae04] {
+  width: 24px;
   height: 24px;
-  background-color: var(--block-background-color);
+  margin-right: 10px;
 }
-.layout-container .layout-list .layout1 .layout-block-container .layout-block[data-v-80cb6f9f]:nth-child(1) {
-  border-top-left-radius: 4px;
+.button[data-v-2dd9ae04] {
+  margin-left: 12px;
+}.video-control-container[data-v-4da95364] {
+  position: relative;
 }
-.layout-container .layout-list .layout1 .layout-block-container .layout-block[data-v-80cb6f9f]:nth-child(3) {
-  border-top-right-radius: 4px;
+.video-control-container .video-tab[data-v-4da95364] {
+  position: absolute;
+  bottom: 90px;
+  left: -60px;
+  width: 320px;
+  background: var(--room-videotab-bg-color);
+  padding: 20px;
+}
+.agree[data-v-4da95364], .cancel[data-v-4da95364] {
+  padding: 14px;
+  width: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--active-color-1);
+  font-size: 16px;
+  font-weight: 500;
+}
+.cancel[data-v-4da95364] {
+  color: var(--font-color-4);
+}
+.cancel-button[data-v-4da95364] {
+  margin-left: 20px;
+}.invite-container[data-v-c6f331a2] {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 100vw;
+  height: auto;
+  box-sizing: border-box;
+  background-color: var(--log-out-mobile);
+  z-index: 1;
+}.stream-preview[data-v-46cc60bc] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  border-radius: 8px;
+  overflow: hidden;
+  min-height: 310px;
+  background-color: #000;
+  position: relative;
 }
-.layout-container .layout-list .layout1 .layout-block-container .layout-block[data-v-80cb6f9f]:nth-child(7) {
-  border-bottom-left-radius: 4px;
+.setting[data-v-46cc60bc] {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-top: 10px;
+  padding: 1rem;
+  border: 1px solid #E4E8EE;
+  border-radius: 8px;
 }
-.layout-container .layout-list .layout1 .layout-block-container .layout-block[data-v-80cb6f9f]:nth-child(9) {
-  border-bottom-right-radius: 4px;
+.setting-item[data-v-46cc60bc] {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: center;
+  border-radius: 8px;
+  color: #4F586B;
+  font-size: 12px;
+  border: 1px solid transparent;
+  cursor: pointer;
 }
-.layout-container .layout-list .layout2 .layout-block-container[data-v-80cb6f9f] {
+.setting-item-icon[data-v-46cc60bc] {
   display: flex;
-  justify-content: space-between;
+  align-items: center;
+  justify-content: center;
+  background-color: #f0f3fa;
+  border-radius: 8px;
+  width: 54px;
+  height: 54px;
+  overflow: hidden;
 }
-.layout-container .layout-list .layout2 .layout-block-container .left-container[data-v-80cb6f9f] {
-  width: 78px;
-  height: 100%;
-  background-color: var(--block-background-color);
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
+.setting-item.active[data-v-46cc60bc] {
+  background-color: #1C66E5;
+  border: 1px solid #1C66E5;
+  color: #fff;
 }
-.layout-container .layout-list .layout2 .layout-block-container .right-container[data-v-80cb6f9f] {
-  width: 38px;
+.spinner[data-v-46cc60bc] {
+  z-index: 3;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 40px;
+  height: 40px;
+  border: 4px solid #f3f3f3;
+  border-top: 4px solid #1C66E5;
+  border-radius: 50%;
+  animation: spin-46cc60bc 1s linear infinite;
+}
+.mask[data-v-46cc60bc] {
+  position: absolute;
+  width: 100%;
   height: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  align-content: space-between;
+  background-color: #000;
+  z-index: 2;
 }
-.layout-container .layout-list .layout2 .layout-block-container .right-container > div[data-v-80cb6f9f] {
-  width: 38px;
-  height: 24px;
-  background-color: var(--block-background-color);
+@keyframes spin-46cc60bc {
+0% {
+    transform: translate(-50%, -50%) rotate(0deg);
 }
-.layout-container .layout-list .layout2 .layout-block-container .right-container > div[data-v-80cb6f9f]:nth-child(1) {
-  border-top-right-radius: 4px;
+100% {
+    transform: translate(-50%, -50%) rotate(360deg);
 }
-.layout-container .layout-list .layout2 .layout-block-container .right-container > div[data-v-80cb6f9f]:nth-child(3) {
-  border-bottom-right-radius: 4px;
 }
-.layout-container .layout-list .layout3 .layout-block-container[data-v-80cb6f9f] {
+.footer[data-v-46cc60bc] {
   display: flex;
-  flex-wrap: wrap;
-  align-content: space-between;
+  align-items: center;
+  justify-content: center;
+  gap: 1rem;
+  margin-top: 10px;
+  padding: 1rem;
+  border-radius: 8px;
 }
-.layout-container .layout-list .layout3 .layout-block-container .top-container[data-v-80cb6f9f] {
-  width: 100%;
-  height: 24px;
+.footer .button[data-v-46cc60bc] {
+  width: 84px;
+  height: 32px;
+}.apply-control-container[data-v-915fbd92] {
+  position: relative;
+}
+.apply-control-container .attention[data-v-915fbd92] {
+  background: var(--active-color-1);
+  box-shadow: 0 4px 16px 0 rgba(47, 48, 164, 0.1);
+  position: absolute;
+  border-radius: 8px;
   display: flex;
-  flex-wrap: wrap;
+  align-items: center;
   justify-content: space-between;
-  align-content: space-between;
-}
-.layout-container .layout-list .layout3 .layout-block-container .top-container > div[data-v-80cb6f9f] {
-  width: 38px;
-  height: 24px;
-  background-color: var(--block-background-color);
+  bottom: 70px;
 }
-.layout-container .layout-list .layout3 .layout-block-container .top-container > div[data-v-80cb6f9f]:nth-child(1) {
-  border-top-left-radius: 4px;
+.apply-control-container .attention[data-v-915fbd92]::after {
+  content: "";
+  display: block;
+  border: 5px solid transparent;
+  border-top-color: var(--active-color-1);
+  position: absolute;
+  top: 100%;
+  left: 10%;
+  transform: translateX(-50%);
 }
-.layout-container .layout-list .layout3 .layout-block-container .top-container > div[data-v-80cb6f9f]:nth-child(3) {
-  border-top-right-radius: 4px;
+.apply-control-container .member-attention[data-v-915fbd92] {
+  padding: 12px;
 }
-.layout-container .layout-list .layout3 .layout-block-container .bottom-container[data-v-80cb6f9f] {
-  width: 118px;
-  height: 50px;
-  background-color: var(--block-background-color);
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-}.tui-theme-white .roomInfo-container[data-v-c47b43e3] {
-  --title-font-color: var(--font-color-1);
-  --item-font-color: var(--font-color-6);
-  --filter-color: drop-shadow(0px 0px 4px rgba(32, 77, 141, 0.03)) drop-shadow(0px 4px 10px rgba(32, 77, 141, 0.06))
-    drop-shadow(0px 1px 14px rgba(32, 77, 141, 0.05));
+.apply-control-container .member-attention .info[data-v-915fbd92], .apply-control-container .member-attention .mobile-info[data-v-915fbd92] {
+  height: 20px;
+  font-weight: 500;
+  font-size: 14px;
+  color: #ffffff;
+  line-height: 20px;
+  white-space: nowrap;
 }
-.tui-theme-black .roomInfo-container[data-v-c47b43e3] {
-  --title-font-color: #8f9ab2;
-  --item-font-color: var(--font-color-1);
-  --filter-color: drop-shadow(0px 8px 40px rgba(23, 25, 31, 0.6)) drop-shadow(0px 4px 12px rgba(23, 25, 31, 0.4));
+.apply-control-container .member-attention .mobile-info[data-v-915fbd92] {
+  min-width: 50vw;
 }
-.conference-container[data-v-c47b43e3] {
-  min-width: 140px;
-  position: relative;
+.apply-control-container .member-attention .close[data-v-915fbd92] {
+  cursor: pointer;
+  color: #ffffff;
+  padding-left: 12px;
 }
-.title-container[data-v-c47b43e3] {
+.agree[data-v-915fbd92],
+.cancel[data-v-915fbd92] {
+  padding: 14px;
+  width: 50%;
   display: flex;
   align-items: center;
-  padding: 20px 0;
   font-size: 16px;
-  font-style: normal;
   font-weight: 500;
-  line-height: 24px;
-  cursor: pointer;
+  justify-content: center;
+  color: var(--active-color-1);
 }
-.arrow-icon[data-v-c47b43e3] {
+.cancel[data-v-915fbd92] {
+  color: var(--font-color-4);
+}
+.cancel-button[data-v-915fbd92] {
+  margin-left: 20px;
+}.end-control-container .end-button[data-v-8a854972] {
+  padding: 9px 20px;
+  font-size: 14px;
+  border-radius: 20px;
+  border: 1.5px solid var(--red-color-2);
+  color: var(--red-color-2);
+}
+.end-control-container .end-button[data-v-8a854972]:hover {
+  background: var(--red-color-2);
+  color: var(--font-color-7);
+  border: 1px solid var(--red-color-2);
+}
+.button[data-v-8a854972] {
+  margin-left: 20px;
+}.pc-en-logo[data-v-a3741d41] {
   display: flex;
-  margin-left: 5px;
-  background-size: cover;
-  width: 16px;
-  height: 16px;
   align-items: center;
-  transform: rotateX(180deg);
+  transform: scale(0.9);
 }
-.arrow-down-icon[data-v-c47b43e3] {
-  transform: rotateX(0);
+.pc-en-logo .title[data-v-a3741d41] {
+  margin-left: 10px;
 }
-.room-timing[data-v-c47b43e3] {
-  padding-left: 12px;
+.pc-en-logo .white[data-v-a3741d41] {
+  color: #202C40;
 }
-.roomInfo-container[data-v-c47b43e3] {
-  position: absolute;
-  left: 50%;
-  top: calc(100% - 12px);
-  transform: translateX(-50%);
-  padding: 20px;
-  box-sizing: border-box;
-  background-color: var(--background-color-2);
-  border-radius: 16px;
-  filter: var(--filter-color);
+.pc-en-logo .black[data-v-a3741d41] {
+  color: #D5E0F2;
+}
+.pc-en-logo.mobile[data-v-a3741d41] {
+  transform: scale(0.6);
+}
+.mobile-zh-logo[data-v-a3741d41] {
   display: flex;
   flex-direction: column;
-  gap: 16px;
 }
-.roomInfo-container .roomInfo-content[data-v-c47b43e3] {
-  display: flex;
-  min-width: 300px;
-  align-items: stretch;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: normal;
-  letter-spacing: -0.24px;
+.mobile-zh-logo .logo[data-v-a3741d41] {
+  margin-bottom: 7px;
 }
-.roomInfo-container .roomInfo-content .roomInfo-title[data-v-c47b43e3] {
-  flex-basis: 30%;
-  color: var(--title-font-color);
+.mobile-zh-logo .white[data-v-a3741d41] {
+  color: #000000;
 }
-.roomInfo-container .roomInfo-content .roomInfo-item[data-v-c47b43e3] {
-  flex-basis: 50%;
-  overflow: hidden;
-  max-width: 300px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--item-font-color);
+.mobile-zh-logo .black[data-v-a3741d41] {
+  color: #FFFFFF;
+}.audio-control-container[data-v-cf4e2f9b] {
+  position: relative;
 }
-.roomInfo-container .roomInfo-content .copy-container[data-v-c47b43e3] {
-  margin-left: auto;
-  display: flex;
-  cursor: pointer;
-  color: var(--active-color-2);
+.audio-control-container .audio-tab[data-v-cf4e2f9b] {
+  position: absolute;
+  bottom: calc(100% + 12px);
+  left: -5px;
+  width: 305px;
+  background: var(--background-color-1);
+  padding: 20px 20px 24px 20px;
+  border-radius: 8px;
+  box-shadow: 0px 2px 4px -3px rgba(32, 77, 141, 0.03), 0px 6px 10px 1px rgba(32, 77, 141, 0.06), 0px 3px 14px 2px rgba(32, 77, 141, 0.05);
 }
-.roomInfo-container .roomInfo-content .copy-container .copy[data-v-c47b43e3] {
-  width: 20px;
-  height: 20px;
-}.avatar-container[data-v-94a403fe] {
+.audio-control-container .audio-tab[data-v-cf4e2f9b]::before {
+  content: "";
+  position: absolute;
+  left: 28px;
+  bottom: -10px;
+  border-top: 5px solid var(--background-color-1);
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+}.video-control-container[data-v-31eaf048] {
   position: relative;
-  width: 100%;
-  height: 100%;
 }
-.avatar-container .avatar[data-v-94a403fe] {
+.video-control-container .video-tab[data-v-31eaf048] {
   position: absolute;
-  top: 0;
-  left: 0;
-  border-radius: 50%;
-  width: 100%;
-  height: 100%;
+  bottom: calc(100% + 12px);
+  left: -5px;
+  width: 305px;
+  background: var(--background-color-1);
+  padding: 20px 20px 24px 20px;
+  border-radius: 8px;
+  box-shadow: 0px 2px 4px -3px rgba(32, 77, 141, 0.03), 0px 6px 10px 1px rgba(32, 77, 141, 0.06), 0px 3px 14px 2px rgba(32, 77, 141, 0.05);
+}
+.video-control-container .video-tab[data-v-31eaf048]::before {
+  content: "";
+  position: absolute;
+  left: 30px;
+  bottom: -10px;
+  border-top: 5px solid var(--background-color-1);
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid transparent;
 }.message-enter-from[data-v-c5813be3] {
   transform: translate3d(0, -75px, 0);
   opacity: 0;
@@ -3100,79 +3224,76 @@ input[data-v-afc0a29e]:disabled {
 .tui-theme-black .t-message.t-message-info[data-v-c5813be3] {
   color: #DCE7FA;
   background-color: #4A506B;
-}.pc-en-logo[data-v-a3741d41] {
-  display: flex;
-  align-items: center;
-  transform: scale(0.9);
-}
-.pc-en-logo .title[data-v-a3741d41] {
-  margin-left: 10px;
-}
-.pc-en-logo .white[data-v-a3741d41] {
-  color: #202C40;
-}
-.pc-en-logo .black[data-v-a3741d41] {
-  color: #D5E0F2;
+}.select[data-v-c12fa79f] {
+  width: 100%;
+  font-size: 14px;
+}.select[data-v-21a1edd5] {
+  width: 100%;
+  font-size: 14px;
+}.timing[data-v-e34df50f] {
+  text-align: center;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+}.tui-theme-white textarea[data-v-69c8675e] {
+  --input-border-color: var(--background-color-10);
+  --chat-editor-color: var(--background-color-8);
 }
-.pc-en-logo.mobile[data-v-a3741d41] {
-  transform: scale(0.6);
+.tui-theme-black textarea[data-v-69c8675e] {
+  --input-border-color: rgba(213, 224, 242, 0.2);
+  --chat-editor-color: var(--background-color-2);
 }
-.mobile-zh-logo[data-v-a3741d41] {
+.chat-editor[data-v-69c8675e] {
+  width: 100%;
+  height: 150px;
+  box-sizing: border-box;
+  margin-top: 20px;
   display: flex;
   flex-direction: column;
+  border: 1px solid var(--input-border-color);
+  border-radius: 8px;
+  padding: 12px 16px;
+  position: relative;
 }
-.mobile-zh-logo .logo[data-v-a3741d41] {
-  margin-bottom: 7px;
+.chat-editor .chat-emoji[data-v-69c8675e] {
+  display: flex;
 }
-.mobile-zh-logo .white[data-v-a3741d41] {
-  color: #000000;
+.chat-editor .content-bottom-input[data-v-69c8675e] {
+  height: 100%;
+  border: none;
+  background: var(--chat-editor-color);
+  color: var(--textarea-color);
+  box-sizing: border-box;
+  caret-color: var(--caret-color);
+  resize: none;
+  padding: 0;
+  margin-top: 8px;
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
 }
-.mobile-zh-logo .black[data-v-a3741d41] {
-  color: #FFFFFF;
-}.audio-control-container[data-v-cf4e2f9b] {
-  position: relative;
+.chat-editor .content-bottom-input[data-v-69c8675e]:focus-visible {
+  outline: none;
 }
-.audio-control-container .audio-tab[data-v-cf4e2f9b] {
-  position: absolute;
-  bottom: calc(100% + 12px);
-  left: -5px;
-  width: 305px;
-  background: var(--background-color-1);
-  padding: 20px 20px 24px 20px;
-  border-radius: 8px;
-  box-shadow: 0px 2px 4px -3px rgba(32, 77, 141, 0.03), 0px 6px 10px 1px rgba(32, 77, 141, 0.06), 0px 3px 14px 2px rgba(32, 77, 141, 0.05);
+.chat-editor .content-bottom-input[data-v-69c8675e]::placeholder {
+  color: rgba(143, 154, 178, 0.7);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
 }
-.audio-control-container .audio-tab[data-v-cf4e2f9b]::before {
-  content: "";
-  position: absolute;
-  left: 28px;
-  bottom: -10px;
-  border-top: 5px solid var(--background-color-1);
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-}.video-control-container[data-v-31eaf048] {
-  position: relative;
+.chat-editor .content-bottom-input[data-v-69c8675e]::-webkit-scrollbar {
+  display: none;
 }
-.video-control-container .video-tab[data-v-31eaf048] {
-  position: absolute;
-  bottom: calc(100% + 12px);
-  left: -5px;
-  width: 305px;
-  background: var(--background-color-1);
-  padding: 20px 20px 24px 20px;
-  border-radius: 8px;
-  box-shadow: 0px 2px 4px -3px rgba(32, 77, 141, 0.03), 0px 6px 10px 1px rgba(32, 77, 141, 0.06), 0px 3px 14px 2px rgba(32, 77, 141, 0.05);
+.chat-editor.disable[data-v-69c8675e] {
+  background-color: var(--disable-color);
 }
-.video-control-container .video-tab[data-v-31eaf048]::before {
-  content: "";
-  position: absolute;
-  left: 30px;
-  bottom: -10px;
-  border-top: 5px solid var(--background-color-1);
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-bottom: 5px solid transparent;
+.chat-editor.disable .chat-emoji[data-v-69c8675e] {
+  color: #8f9ab2;
+  pointer-events: none;
+}
+.chat-editor.disable .content-bottom-input[data-v-69c8675e]:disabled {
+  background-color: var(--disable-color);
 }.tui-theme-white .message-body[data-v-277e0346] {
   --user-chat-color: rgba(213, 224, 242, 0.4);
   --user-font-color: var(--black-color);
@@ -3304,71 +3425,6 @@ input[data-v-afc0a29e]:disabled {
   font-size: 14px;
   color: #ffffff;
   border-radius: 8px;
-}.select[data-v-21a1edd5] {
-  width: 100%;
-  font-size: 14px;
-}.tui-theme-white textarea[data-v-69c8675e] {
-  --input-border-color: var(--background-color-10);
-  --chat-editor-color: var(--background-color-8);
-}
-.tui-theme-black textarea[data-v-69c8675e] {
-  --input-border-color: rgba(213, 224, 242, 0.2);
-  --chat-editor-color: var(--background-color-2);
-}
-.chat-editor[data-v-69c8675e] {
-  width: 100%;
-  height: 150px;
-  box-sizing: border-box;
-  margin-top: 20px;
-  display: flex;
-  flex-direction: column;
-  border: 1px solid var(--input-border-color);
-  border-radius: 8px;
-  padding: 12px 16px;
-  position: relative;
-}
-.chat-editor .chat-emoji[data-v-69c8675e] {
-  display: flex;
-}
-.chat-editor .content-bottom-input[data-v-69c8675e] {
-  height: 100%;
-  border: none;
-  background: var(--chat-editor-color);
-  color: var(--textarea-color);
-  box-sizing: border-box;
-  caret-color: var(--caret-color);
-  resize: none;
-  padding: 0;
-  margin-top: 8px;
-  font-family: "PingFang SC";
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-}
-.chat-editor .content-bottom-input[data-v-69c8675e]:focus-visible {
-  outline: none;
-}
-.chat-editor .content-bottom-input[data-v-69c8675e]::placeholder {
-  color: rgba(143, 154, 178, 0.7);
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-}
-.chat-editor .content-bottom-input[data-v-69c8675e]::-webkit-scrollbar {
-  display: none;
-}
-.chat-editor.disable[data-v-69c8675e] {
-  background-color: var(--disable-color);
-}
-.chat-editor.disable .chat-emoji[data-v-69c8675e] {
-  color: #8f9ab2;
-  pointer-events: none;
-}
-.chat-editor.disable .content-bottom-input[data-v-69c8675e]:disabled {
-  background-color: var(--disable-color);
-}.select[data-v-c12fa79f] {
-  width: 100%;
-  font-size: 14px;
 }.tui-theme-black .member-item-container[data-v-ca3f9dba] {
   --hover-bg-color: rgba(79, 88, 107, 0.2);
 }
@@ -3708,6 +3764,35 @@ input[data-v-afc0a29e]:disabled {
   text-overflow: ellipsis;
   overflow: hidden;
   vertical-align: bottom;
+}.screen-content[data-v-f20f3578] {
+  height: auto;
+  min-width: 200px;
+  max-height: 500px;
+  overflow: auto;
+}
+.screen-content[data-v-f20f3578]::-webkit-scrollbar {
+  display: none;
+}
+.screen-list[data-v-f20f3578],
+.window-list[data-v-f20f3578] {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  margin-bottom: 0;
+}
+.screen-title[data-v-f20f3578],
+.window-title[data-v-f20f3578] {
+  color: #4f586b;
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 12px;
+}
+.selected[data-v-f20f3578] {
+  color: #fff;
+  background-color: #1c66e5;
+}
+ul[data-v-f20f3578] {
+  padding-left: 0;
 }.apply-control-container[data-v-5e2dbb41] {
   position: relative;
 }
@@ -3784,58 +3869,24 @@ input[data-v-afc0a29e]:disabled {
 }
 .apply-list .apply-item .control-container .reject[data-v-5e2dbb41] {
   margin-left: 8px;
-  background-color: #f0f3fa;
-  border: 1px solid #f0f3fa;
-  color: #4f586b;
-}
-.apply-nobody[data-v-5e2dbb41] {
-  height: 290px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-.apply-nobody .apply-text[data-v-5e2dbb41] {
-  color: #8f9ab2;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 22px;
-  margin-top: 10px;
-}.screen-content[data-v-f20f3578] {
-  height: auto;
-  min-width: 200px;
-  max-height: 500px;
-  overflow: auto;
-}
-.screen-content[data-v-f20f3578]::-webkit-scrollbar {
-  display: none;
-}
-.screen-list[data-v-f20f3578],
-.window-list[data-v-f20f3578] {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  margin-bottom: 0;
-}
-.screen-title[data-v-f20f3578],
-.window-title[data-v-f20f3578] {
+  background-color: #f0f3fa;
+  border: 1px solid #f0f3fa;
   color: #4f586b;
-  font-size: 14px;
-  font-weight: 400;
-  margin-bottom: 12px;
 }
-.selected[data-v-f20f3578] {
-  color: #fff;
-  background-color: #1c66e5;
+.apply-nobody[data-v-5e2dbb41] {
+  height: 290px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
 }
-ul[data-v-f20f3578] {
-  padding-left: 0;
-}.timing[data-v-e34df50f] {
-  text-align: center;
+.apply-nobody .apply-text[data-v-5e2dbb41] {
+  color: #8f9ab2;
   font-size: 14px;
-  font-weight: 500;
-  line-height: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+  margin-top: 10px;
 }.audio-icon-container[data-v-09a04b4a] {
   position: relative;
   width: 24px;
@@ -3866,14 +3917,41 @@ ul[data-v-f20f3578] {
   position: absolute;
   top: 0;
   left: 0;
-}.text-img[data-v-2d009ef3] {
-  width: 20px;
-  height: 20px;
-  vertical-align: middle;
+}.screen-window-previewer[data-v-b328c764] {
+  list-style: none;
+  display: inline-block;
+  margin-right: 40px;
+  width: 184px;
+  border-radius: 8px;
+  border: 2px solid #e4eaf7;
+  text-align: center;
+  margin-bottom: 40px;
 }
-.text-box[data-v-2d009ef3] {
-  line-height: 20px;
-  vertical-align: middle;
+.screen-window-previewer[data-v-b328c764]:hover {
+  border-color: #1c66e5;
+}
+.previewer-canvas[data-v-b328c764],
+.previewer-mini[data-v-b328c764] {
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  border-radius: 8px;
+  overflow: hidden;
+}
+.previewer-mini[data-v-b328c764] {
+  width: 110px;
+  height: 110px;
+  padding: 4px;
+}
+.previewer-name[data-v-b328c764] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  padding: 0 20px;
 }.tui-theme-white .emoji-list[data-v-522fd19b] {
   --emoji-box-shadow:
     0px 2px 4px -3px rgba(32, 77, 141, 0.03),
@@ -3923,99 +4001,6 @@ ul[data-v-f20f3578] {
   position: fixed;
   bottom: 77px;
   left: 30px;
-}.tui-theme-black .user-operate-list[data-v-bee0d25c] {
-  --operation-font-color: var(--font-color-1);
-  --operation-box-shadow: 0px 3px 8px rgba(34, 38, 46, 0.30), 0px 6px 40px rgba(34, 38, 46, 0.30);
-}
-.tui-theme-white .user-operate-list[data-v-bee0d25c] {
-  --operation-font-color: #6B758A;
-  --operation-box-shadow: 0px 3px 8px #E9F0FB, 0px 6px 40px rgba(0, 0, 0, 0.10);
-}
-.member-control-container[data-v-bee0d25c] {
-  display: flex;
-  flex-direction: row;
-}
-.member-control-container .button[data-v-bee0d25c] {
-  height: 32px;
-  padding: 0 10px;
-  margin-left: 10px;
-}
-.member-control-container .button .more-arrow[data-v-bee0d25c] {
-  margin-left: 2px;
-}
-.member-control-container .button .more-arrow.down[data-v-bee0d25c] {
-  transform: rotate(180deg);
-}
-.member-control-container .more-container[data-v-bee0d25c] {
-  position: relative;
-}
-.member-control-container .more-container .user-operate-list[data-v-bee0d25c] {
-  position: absolute;
-  padding: 20px;
-  min-width: 160px;
-  background: var(--background-color-1);
-  border-radius: 8px;
-  box-shadow: var(--operation-box-shadow);
-  z-index: 1;
-}
-.member-control-container .more-container .user-operate-list[data-v-bee0d25c]::before {
-  content: "";
-  position: absolute;
-  width: 0px;
-  border-top: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid var(--background-color-1);
-  border-left: 10px solid transparent;
-}
-.member-control-container .more-container .user-operate-list[data-v-bee0d25c]::after {
-  content: "";
-  width: 100%;
-  height: 20px;
-  position: absolute;
-  background-color: transparent;
-}
-.member-control-container .more-container .user-operate-list .user-operate-item[data-v-bee0d25c] {
-  cursor: pointer;
-  color: var(--operation-font-color);
-  height: 20px;
-  display: flex;
-  align-items: center;
-}
-.member-control-container .more-container .user-operate-list .user-operate-item .operate-text[data-v-bee0d25c] {
-  margin-left: 10px;
-  font-size: 14px;
-  white-space: nowrap;
-}
-.member-control-container .more-container .user-operate-list .user-operate-item[data-v-bee0d25c]:not(:first-child) {
-  margin-top: 20px;
-}
-.member-control-container .more-container .down[data-v-bee0d25c] {
-  top: calc(100% + 15px);
-  right: 0;
-}
-.member-control-container .more-container .down[data-v-bee0d25c]::before {
-  right: 20px;
-  top: -20px;
-}
-.member-control-container .more-container .down[data-v-bee0d25c]::after {
-  left: 0px;
-  top: -20px;
-}
-.member-control-container .more-container .up[data-v-bee0d25c] {
-  bottom: calc(100% + 15px);
-  right: 0;
-}
-.member-control-container .more-container .up[data-v-bee0d25c]::before {
-  bottom: -20px;
-  right: 20px;
-  transform: rotate(180deg);
-}
-.member-control-container .more-container .up[data-v-bee0d25c]::after {
-  left: 0px;
-  bottom: -20px;
-}
-.cancel[data-v-bee0d25c] {
-  margin-left: 12px;
 }.tui-theme-black .member-av-state[data-v-18d628a6] {
   --icon-color: #A3AEC7;
 }
@@ -4122,6 +4107,107 @@ ul[data-v-f20f3578] {
 .member-info-mobile[data-v-18d628a6] {
   align-items: center;
   width: 80vw;
+}.text-img[data-v-2d009ef3] {
+  width: 20px;
+  height: 20px;
+  vertical-align: middle;
+}
+.text-box[data-v-2d009ef3] {
+  line-height: 20px;
+  vertical-align: middle;
+}.tui-theme-black .user-operate-list[data-v-4309b988] {
+  --operation-font-color: var(--font-color-1);
+  --operation-box-shadow: 0px 3px 8px rgba(34, 38, 46, 0.30), 0px 6px 40px rgba(34, 38, 46, 0.30);
+}
+.tui-theme-white .user-operate-list[data-v-4309b988] {
+  --operation-font-color: #6B758A;
+  --operation-box-shadow: 0px 3px 8px #E9F0FB, 0px 6px 40px rgba(0, 0, 0, 0.10);
+}
+.member-control-container[data-v-4309b988] {
+  display: flex;
+  flex-direction: row;
+}
+.member-control-container .button[data-v-4309b988] {
+  height: 32px;
+  padding: 0 10px;
+  margin-left: 10px;
+}
+.member-control-container .button .more-arrow[data-v-4309b988] {
+  margin-left: 2px;
+}
+.member-control-container .button .more-arrow.down[data-v-4309b988] {
+  transform: rotate(180deg);
+}
+.member-control-container .more-container[data-v-4309b988] {
+  position: relative;
+}
+.member-control-container .more-container .user-operate-list[data-v-4309b988] {
+  position: absolute;
+  padding: 20px;
+  min-width: 160px;
+  background: var(--background-color-1);
+  border-radius: 8px;
+  box-shadow: var(--operation-box-shadow);
+  z-index: 1;
+}
+.member-control-container .more-container .user-operate-list[data-v-4309b988]::before {
+  content: "";
+  position: absolute;
+  width: 0px;
+  border-top: 10px solid transparent;
+  border-right: 10px solid transparent;
+  border-bottom: 10px solid var(--background-color-1);
+  border-left: 10px solid transparent;
+}
+.member-control-container .more-container .user-operate-list[data-v-4309b988]::after {
+  content: "";
+  width: 100%;
+  height: 20px;
+  position: absolute;
+  background-color: transparent;
+}
+.member-control-container .more-container .user-operate-list .user-operate-item[data-v-4309b988] {
+  cursor: pointer;
+  color: var(--operation-font-color);
+  height: 20px;
+  display: flex;
+  align-items: center;
+}
+.member-control-container .more-container .user-operate-list .user-operate-item .operate-text[data-v-4309b988] {
+  margin-left: 10px;
+  font-size: 14px;
+  white-space: nowrap;
+}
+.member-control-container .more-container .user-operate-list .user-operate-item[data-v-4309b988]:not(:first-child) {
+  margin-top: 20px;
+}
+.member-control-container .more-container .down[data-v-4309b988] {
+  top: calc(100% + 15px);
+  right: 0;
+}
+.member-control-container .more-container .down[data-v-4309b988]::before {
+  right: 20px;
+  top: -20px;
+}
+.member-control-container .more-container .down[data-v-4309b988]::after {
+  left: 0px;
+  top: -20px;
+}
+.member-control-container .more-container .up[data-v-4309b988] {
+  bottom: calc(100% + 15px);
+  right: 0;
+}
+.member-control-container .more-container .up[data-v-4309b988]::before {
+  bottom: -20px;
+  right: 20px;
+  transform: rotate(180deg);
+}
+.member-control-container .more-container .up[data-v-4309b988]::after {
+  left: 0px;
+  bottom: -20px;
+}
+.cancel[data-v-4309b988] {
+  margin-left: 12px;
 }.tui-theme-white .local-screen-container[data-v-aff18b01] {
   --local-screen-stream-bg-color: rgba(228, 232, 238, 0.40);
 }
@@ -4174,41 +4260,6 @@ ul[data-v-f20f3578] {
 }
 .dialog-button[data-v-aff18b01] {
   margin-right: 12px;
-}.screen-window-previewer[data-v-b328c764] {
-  list-style: none;
-  display: inline-block;
-  margin-right: 40px;
-  width: 184px;
-  border-radius: 8px;
-  border: 2px solid #e4eaf7;
-  text-align: center;
-  margin-bottom: 40px;
-}
-.screen-window-previewer[data-v-b328c764]:hover {
-  border-color: #1c66e5;
-}
-.previewer-canvas[data-v-b328c764],
-.previewer-mini[data-v-b328c764] {
-  margin: 0 auto;
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  border-radius: 8px;
-  overflow: hidden;
-}
-.previewer-mini[data-v-b328c764] {
-  width: 110px;
-  height: 110px;
-  padding: 4px;
-}
-.previewer-name[data-v-b328c764] {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  padding: 0 20px;
 }`));
       document.head.appendChild(elementStyle);
     }
@@ -4221,6 +4272,11 @@ import { default as default2 } from "./preConference.vue.mjs";
 import { default as default3 } from "@tencentcloud/tuiroom-engine-electron";
 import { RoomEvent, conference } from "./conference.mjs";
 import { default as default4 } from "./extension/RoomMessageCard/RoomMessageCard.vue.mjs";
+import "./services/main.mjs";
+import { roomService } from "./services/roomService.mjs";
+import "./locales/index.mjs";
+import "mitt";
+import "./services/manager/roomActionManager.mjs";
 import { default as default5 } from "./components/common/base/Dialog/index.vue.mjs";
 import { default as default6 } from "./components/common/base/Message/Message.mjs";
 import { default as default7 } from "./components/common/base/MessageBox/index.mjs";
@@ -4259,5 +4315,6 @@ export {
   default15 as TuiSelect,
   default17 as TuiSwitch,
   conference,
-  ConferenceMainView as default
+  ConferenceMainView as default,
+  roomService
 };