@plaso-infi/whiteboard-sdk 0.2.6 → 0.3.0

package/dist/cjs/index.css

@@ -1280,6 +1280,14 @@
     transform-origin: 50% 50%;
   }
 }
+.pluginCmpContainer_3ry36 {
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
 
 .linkDialog_C2v5X {
   padding: 24px;
@@ -2272,66 +2280,71 @@
   color: white;
 }
 .draggable_resizeBtn_1qrdc {
-  width: 18px;
-  height: 18px;
+  width: 26px;
+  height: 26px;
   position: absolute;
-  right: 0;
-  bottom: 0;
+  right: -8px;
+  bottom: -8px;
   z-index: 100;
   cursor: nwse-resize;
+  pointer-events: all;
+  visibility: visible;
 }
 .draggable_resizeBtn_1qrdc svg {
   width: 18px;
   height: 18px;
+  transform: translateX(-2px) translateY(-2px);
   color: rgba(0, 0, 0, 0.5);
 }
 .draggable_resizeBtn_1qrdc.topRight_xCAxD {
-  right: 0;
-  top: 0;
+  right: -8px;
+  top: -8px;
   cursor: nesw-resize;
   transform: rotate(-90deg);
 }
 .draggable_resizeBtn_1qrdc.topLeft_3pcSw {
-  left: 0;
-  top: 0;
+  left: -8px;
+  top: -8px;
   cursor: nwse-resize;
   transform: rotate(180deg);
 }
 .draggable_resizeBtn_1qrdc.leftBottom_1U0vI {
-  left: 0;
-  bottom: 0;
+  left: -8px;
+  bottom: -8px;
   cursor: nesw-resize;
   transform: rotate(90deg);
 }
 .draggable_resizeBar_382KS {
   position: absolute;
   z-index: 10;
+  pointer-events: all;
+  visibility: visible;
 }
 .draggable_resizeBar_382KS.top_37Phf {
-  left: 12px;
-  right: 12px;
-  top: 0px;
+  left: 18px;
+  right: 18px;
+  top: -8px;
   height: 8px;
   cursor: ns-resize;
 }
 .draggable_resizeBar_382KS.bottom_thMiI {
-  left: 12px;
-  right: 12px;
-  bottom: 0px;
+  left: 18px;
+  right: 18px;
+  bottom: -8px;
   height: 8px;
   cursor: ns-resize;
 }
 .draggable_resizeBar_382KS.right_3f7YJ {
-  top: 12px;
-  bottom: 12px;
-  right: 0;
+  top: 18px;
+  bottom: 18px;
+  right: -8px;
   width: 8px;
   cursor: ew-resize;
 }
 .draggable_resizeBar_382KS.left_1rSXU {
-  top: 12px;
-  bottom: 12px;
-  left: 0;
+  top: 18px;
+  bottom: 18px;
+  left: -8px;
   width: 8px;
   cursor: ew-resize;
 }
@@ -2380,6 +2393,7 @@
   position: relative;
   padding: 0 8px;
   color: #303445;
+  width: max-content;
 }
 .property-editor_2_Xm-.cloneIconBtn_f86rL {
   padding-right: 0;
@@ -3032,16 +3046,19 @@
 .root_y3DcX .globalCtx_3o4F3 {
   display: flex;
   flex-direction: column;
+  width: 189px;
   padding: 8px 0;
 }
 .root_y3DcX .globalCtx_3o4F3 .item_2CAzg {
-  width: 150px;
-  height: 38px;
-  padding-left: 16px;
+  height: 36px;
+  padding: 0 16px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
   color: var(--upime-main-text);
   font-size: 14px;
   line-height: 38px;
-  text-align: left;
   -webkit-user-select: none;
           user-select: none;
   cursor: pointer;
@@ -10285,7 +10302,7 @@
   background-color: rgba(0, 0, 0, 0.06);
 }
 .do-hovers .active_2r-OK .iconWrap_2MBnC:hover {
-  background-color: #EAF1FC;
+  background-color: #eaf1fc;
 }
 .draggableRoot_2qSTc {
   position: absolute;
@@ -10371,9 +10388,11 @@
   background-position: top center;
   background-size: 100% auto;
   --duration: 0.2s;
+  border: 1px solid #c7d2e4;
+  border-radius: 12px;
 }
 .dashboardContainer_mRFS- .dashboardHead_s3G4o {
-  padding: 24px 24px 22px;
+  padding: 24px 12px 22px 24px;
   line-height: 20px;
   cursor: move;
 }
@@ -10383,7 +10402,6 @@
 .dashboardContainer_mRFS- .dashboardHead_s3G4o .dashboardFirstRow_3TdZU {
   display: flex;
   align-items: center;
-  gap: 4px;
   height: 24px;
 }
 .dashboardContainer_mRFS- .dashboardHead_s3G4o .headTitle_t5CkO {
@@ -10420,34 +10438,47 @@
   color: var(--upime-active);
 }
 .dashboardContainer_mRFS- .dashboardHead_s3G4o .closeContainer_6bfwg {
-  margin-left: 12px;
-  display: flex;
   cursor: pointer;
-  width: 20px;
-  height: 20px;
+  width: 44px;
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2px;
 }
 .dashboardContainer_mRFS- .dashboardHead_s3G4o .closeContainer_6bfwg:hover {
-  color: var(--upime-active);
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .dashboardContainer_mRFS- .dashboardHead_s3G4o .closeContainer_6bfwg .closeIcon_2ECz8 {
   width: 20px;
   height: 20px;
 }
 .dashboardContainer_mRFS- .dashboardHead_s3G4o .clearContainer_1scVk {
-  margin-left: 12px;
-  transform: translateX(2px);
   display: flex;
   cursor: pointer;
-  width: 20px;
-  height: 20px;
+  width: 44px;
+  height: 44px;
+  border-radius: 2px;
 }
 .dashboardContainer_mRFS- .dashboardHead_s3G4o .clearContainer_1scVk:hover {
-  color: var(--upime-active);
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.dashboardContainer_mRFS- .dashboardHead_s3G4o .clearContainer_1scVk .clearIconContainer_2EA4W {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .dashboardContainer_mRFS- .dashboardHead_s3G4o .clearContainer_1scVk .clearIcon_3gBAN {
   width: 18px;
   height: 18px;
 }
+.dashboardContainer_mRFS- .dashboardHead_s3G4o .split_line_15nu0 {
+  width: 1px;
+  height: 20px;
+  background-color: rgba(0, 0, 0, 0.06);
+}
 .dashboardContainer_mRFS- .dashboardHead_s3G4o .dashboardHeadSubRow_1MQgh {
   margin-top: 4px;
   display: flex;
@@ -10464,8 +10495,8 @@
   padding: 0 24px;
   display: grid;
   grid-template-rows: 0fr 0fr 48px 1fr;
-  padding-bottom: 24px;
-  padding-top: 22px;
+  padding-bottom: 20px;
+  padding-top: 8px;
   /* 禁用聊天功能 开始*/
   /* 禁用聊天功能 结束*/
 }
@@ -10673,12 +10704,11 @@
   height: 100%;
   padding-top: 20px;
   display: grid;
-  grid-template-columns: repeat(4, 108px);
   align-content: flex-start;
   overflow: hidden;
   justify-content: space-between;
-  grid-gap: 8px;
-  gap: 8px;
+  grid-row-gap: 8px;
+  row-gap: 8px;
 }
 .dashboardContainer_mRFS- .dashbardContentContainer_33BP7 .aiGridContainer_3dyEB .cell_caDP7 {
   width: 100%;
@@ -11253,13 +11283,13 @@
 .goToLinkToolTip_Jo9f- {
   display: block;
   position: absolute;
-  background-color: #F2F2F2;
-  border: 1px solid #C2C2C2;
+  background-color: #f2f2f2;
+  border: 1px solid #c2c2c2;
   border-radius: 4px;
   height: 22px;
   padding-left: 10px;
   padding-right: 10px;
-  color: #6C6C6C;
+  color: #6c6c6c;
   font-size: 14px;
 }
 .regular_content_vXb4B {
@@ -11315,7 +11345,7 @@
 }
 .sideBarIcon_376N9.disable_3IN0Q {
   pointer-events: none;
-  color: #D8D8D8;
+  color: #d8d8d8;
   cursor: default;
 }
 .ui_right_3ti2x {
@@ -11365,6 +11395,18 @@
 .audio_con_1eDZb {
   visibility: hidden;
 }
+.bottomSideBar_1SzAf {
+  position: absolute;
+  left: 8px;
+  right: 8px;
+  bottom: 8px;
+  display: flex;
+  justify-content: center;
+}
+.bottomSideBar_1SzAf .bottomSideBarContainer_1ILqr {
+  display: flex;
+  gap: 8px;
+}
 
 .start_btn_2xPSl {
   position: relative;
@@ -11390,58 +11432,153 @@
 .control_bar_2GNJS {
   pointer-events: auto;
   display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 2px;
 }
 .btn_XxtUf {
-  width: 40px;
-  height: 40px;
+  width: 36px;
+  height: 36px;
   display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .btn_icon_2ym5R {
   margin: auto;
 }
-.btn_sm_2iT5K {
-  width: 36px;
-}
 .btn_sm_2iT5K .btn_icon_2ym5R {
   font-size: 20px;
 }
+.setting_panel_11GAp {
+  position: absolute;
+  bottom: calc(100% + 4px);
+  right: 0;
+  width: 150px;
+  height: 40px;
+  border-radius: 4px;
+  background-color: #ffffff;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  padding: 0 12px;
+}
+.setting_panel_11GAp .label_3yVEf {
+  width: 100%;
+  font-size: 12px;
+  color: #0c1024;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 4px;
+}
+.setting_panel_11GAp .switch_btn_32uwa {
+  flex-shrink: 0;
+}
+.switch_btn_32uwa {
+  position: relative;
+  width: 28px;
+  height: 16px;
+  border-radius: 8px;
+  background-color: #e6e7e9;
+}
+.switch_btn_32uwa::before {
+  position: absolute;
+  content: "";
+  left: 2px;
+  top: 2px;
+  width: 12px;
+  height: 12px;
+  border-radius: 6px;
+  background-color: #ffffff;
+  transition: left 0.2s;
+}
+.switch_btn_32uwa.on_1GpqW {
+  background-color: #2e73e5;
+}
+.switch_btn_32uwa.on_1GpqW::before {
+  left: 14px;
+}
 .stop_btn_2CADH {
   color: #fe5250;
 }
+.iconWrap_2KJpW {
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.iconWrapActive_3X4RO {
+  color: var(--upime-active);
+  background-color: #eaf1fc;
+}
+.do-hovers .iconWrap_2KJpW:hover {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_3X4RO:hover {
+  color: var(--upime-active);
+  background-color: #eaf1fc;
+}
 .do-hovers .stop_btn_2CADH:hover {
-  color: #fe5250;
+  color: #fe5250 !important;
 }
 
-.root_3b8R4 {
+.root_2uqfG {
   pointer-events: auto;
   display: flex;
+  gap: 2px;
 }
-.btn_3w9Nl {
-  width: 40px;
-  height: 40px;
+.btn_1GO1Z {
+  width: 36px;
+  height: 36px;
   display: flex;
 }
-.btn_icon_3i78O {
+.btn_icon_1H0aX {
   margin: auto;
 }
-.btn_sm_waPZT {
-  width: 36px;
-}
-.btn_sm_waPZT .btn_icon_3i78O {
+.btn_sm_70fgs .btn_icon_1H0aX {
   font-size: 20px;
 }
-.slide_info_2fLBA {
+.slide_info_2sd3p {
+  width: min-content !important;
+}
+.slide_info_2sd3p {
   color: var(--upime-main-text);
-  height: 40px;
-  line-height: 40px;
+  height: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   font-size: 12px;
   padding: 0 8px;
   white-space: nowrap;
   text-align: center;
   cursor: pointer;
 }
-.slide_info_2fLBA:hover {
-  color: #2E73E5;
+.iconWrap_3PXPZ {
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.iconWrapActive_1uIws {
+  color: var(--upime-active);
+  background-color: #eaf1fc;
+}
+.do-hovers .iconWrap_3PXPZ:hover {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.do-hovers .iconWrapActive_1uIws:hover {
+  color: var(--upime-active);
+  background-color: #eaf1fc;
 }
 
 .iconWrap_2PzPU {
@@ -12746,8 +12883,7 @@
   width: 110px;
 }
 .nickNameInput_RAs3H {
-  margin: 0px;
-  margin-bottom: 24px;
+  margin: 16px 0px;
   height: 44px;
 }
 .noPermissionJoinBox_2qDRl {
@@ -13557,6 +13693,11 @@
   height: 22px;
   border: 1px solid white;
 }
+.detailHeader_3WPRu .title_1bACw .footer_3mKMq .member_1fV6y .withBadge_bdKZp {
+  width: max-content;
+  padding: 0px 5px;
+  border-radius: 15px;
+}
 .detailHeader_3WPRu .title_1bACw .footer_3mKMq .creator_3C6eO {
   color: #0c1024;
   font-size: 12px;
@@ -14308,7 +14449,7 @@
   color: var(--upime-active);
 }
 
-.root_1Xg0h {
+.root_1jyVi {
   position: absolute;
   width: 264px;
   padding-left: 24px;
@@ -14322,27 +14463,27 @@
   height: 216px;
   transition: height 0.3s ease;
 }
-.root_1Xg0h.listHided_3PtEo {
+.root_1jyVi.listHided_xwE6e {
   top: 50% !important;
   transform: translate(248px, -50%) !important;
 }
-.root_1Xg0h.hide_vbNDq {
+.root_1jyVi.hide_2ZSIJ {
   visibility: hidden;
 }
-.container_1IWYf {
+.container_3FM8o {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
-.viewport_d7NeH {
+.viewport_2rmNk {
   margin-top: 26px;
   overflow: hidden;
 }
-.transList_Cu1b6 {
+.transList_i2kjX {
   transition: transform 0.2s ease;
 }
-.sliderBtn_hx7ft {
+.sliderBtn_3WSwu {
   position: absolute;
   width: 48px;
   height: 24px;
@@ -14354,17 +14495,17 @@
   align-items: center;
   color: white;
 }
-.upBtn_3o8kc {
+.upBtn_2_rkT {
   top: 0px;
 }
-.downBtn_TA366 {
+.downBtn_G1Z2B {
   bottom: 4px;
 }
-.btnDisabled_1P510 {
+.btnDisabled_11Cql {
   cursor: not-allowed;
   background-color: rgba(0, 0, 0, 0.2);
 }
-.sideToggle_33aEd {
+.sideToggle_1QrNC {
   position: absolute;
   height: 48px;
   width: 24px;
@@ -14379,23 +14520,24 @@
   border-bottom-left-radius: 12px;
   cursor: pointer;
 }
-.sideToggle_33aEd.listHided_3PtEo svg {
+.sideToggle_1QrNC.listHided_xwE6e svg {
   transform: rotate(180deg);
 }
-.sideToggle_33aEd svg {
+.sideToggle_1QrNC svg {
   width: 24px;
   height: 24px;
   color: white;
 }
-.enlargedVideoCon_3V0mN {
+.enlargedVideoCon_1RozS {
   height: 0px;
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
   transform: translate(0, 0);
+  pointer-events: auto;
 }
-.sideTogglePhone_Lu7s6 {
+.sideTogglePhone_3h6ss {
   position: absolute;
   height: 48px;
   width: 24px;
@@ -14410,38 +14552,38 @@
   border-bottom-left-radius: 12px;
   cursor: pointer;
 }
-.sideTogglePhone_Lu7s6 svg {
+.sideTogglePhone_3h6ss svg {
   width: 24px;
   height: 24px;
   color: white;
 }
-.enlargedVideoConPhone_3439O {
+.enlargedVideoConPhone_1-pCU {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   z-index: -1;
 }
-.enlargedVideoConPhone_3439O.open_1r4pC {
+.enlargedVideoConPhone_1-pCU.open_xtzeE {
   z-index: 21;
 }
-.detachedBoxLandscape_1Qy6I {
+.detachedBoxLandscape_2kfdO {
   width: 100%;
   height: 100%;
   display: flex;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM {
   flex: 1;
   height: 100%;
   position: relative;
   background-color: #000;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .videoContainer_FYBCH {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .videoContainer_sXLil {
   height: 100%;
   width: 100%;
   padding: 0 39px;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .avatarContainer_3Pd_3 {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .avatarContainer_3r5DY {
   position: absolute;
   display: flex;
   justify-content: center;
@@ -14453,11 +14595,11 @@
   background: #303445;
   margin: 0 39px;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .avatarContainer_3Pd_3 .avatar_tG9OX {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .avatarContainer_3r5DY .avatar_2kRaF {
   width: 100px;
   height: 100px;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .micIconBox_117Sg {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .micIconBox_6I7Ri {
   position: absolute;
   bottom: 16px;
   right: 16px;
@@ -14467,10 +14609,10 @@
   border-radius: 999px;
   background-color: rgba(48, 52, 69, 0.6);
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .micIconBox_117Sg > svg {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .micIconBox_6I7Ri > svg {
   color: #fff;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .micIconBox_117Sg .volume_2mOVS {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .micIconBox_6I7Ri .volume_3DLqs {
   position: absolute;
   bottom: 21px;
   left: 50%;
@@ -14480,14 +14622,14 @@
   border-radius: 4px;
   width: 4px;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .micIconBox_117Sg .volume_2mOVS.hide_vbNDq {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .micIconBox_6I7Ri .volume_3DLqs.hide_2ZSIJ {
   display: none;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .header_2iIOt {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .header_1_vl9 {
   position: absolute;
   top: 16px;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .header_2iIOt > span {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .header_1_vl9 > span {
   line-height: 18px;
   color: white;
   text-overflow: ellipsis;
@@ -14499,11 +14641,11 @@
   height: 24px;
   max-width: 300px;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .header_2iIOt > span > span {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .header_1_vl9 > span > span {
   position: relative;
   bottom: 7px;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .header_2iIOt .shareIconBox_2rRd_ {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .header_1_vl9 .shareIconBox_1340w {
   display: inline-block;
   border-radius: 2px;
   background-color: #00c78b;
@@ -14514,24 +14656,24 @@
   position: relative;
   bottom: 7px;
 }
-.detachedBoxLandscape_1Qy6I .mixBox_21ds9 .header_2iIOt .shareIconBox_2rRd_ > svg {
+.detachedBoxLandscape_2kfdO .mixBox_TmvtM .header_1_vl9 .shareIconBox_1340w > svg {
   font-size: 14px;
   margin-right: 4px;
   position: relative;
   top: 2px;
   left: 2px;
 }
-.detachedBoxLandscape_1Qy6I .profileBox_162fR {
+.detachedBoxLandscape_2kfdO .profileBox_2qul4 {
   padding: 8px;
   background-color: #1d1e32;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
-.detachedBoxLandscape_1Qy6I .profileBox_162fR .btnRow_1D4EA {
+.detachedBoxLandscape_2kfdO .profileBox_2qul4 .btnRow_3W-a0 {
   height: 20px;
 }
-.detachedBoxLandscape_1Qy6I .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft {
+.detachedBoxLandscape_2kfdO .profileBox_2qul4 .btnRow_3W-a0 .sliderBtn_3WSwu {
   position: static;
   width: 48px;
   height: 20px;
@@ -14542,20 +14684,20 @@
   -webkit-backdrop-filter: blur(1px);
           backdrop-filter: blur(1px);
 }
-.detachedBoxLandscape_1Qy6I .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft > svg {
+.detachedBoxLandscape_2kfdO .profileBox_2qul4 .btnRow_3W-a0 .sliderBtn_3WSwu > svg {
   font-size: 20px;
 }
-.detachedBoxLandscape_1Qy6I .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft.btnDisabled_1P510 > svg {
+.detachedBoxLandscape_2kfdO .profileBox_2qul4 .btnRow_3W-a0 .sliderBtn_3WSwu.btnDisabled_11Cql > svg {
   color: rgba(255, 255, 255, 0.25);
 }
-.detachedBoxLandscape_1Qy6I .profileBox_162fR .listbox_1thcv {
+.detachedBoxLandscape_2kfdO .profileBox_2qul4 .listbox_3k1M6 {
   margin: 4px 0px;
   height: 100%;
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
-.detachedBoxPortrait_1TFEe {
+.detachedBoxPortrait_3RTFQ {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -14563,13 +14705,13 @@
   background-color: #000;
   position: relative;
 }
-.detachedBoxPortrait_1TFEe .header_2iIOt {
+.detachedBoxPortrait_3RTFQ .header_1_vl9 {
   height: 48px;
   padding: 12px 16px;
   background-color: #1d1e23;
   border-bottom: 2px solid #000;
 }
-.detachedBoxPortrait_1TFEe .header_2iIOt > span {
+.detachedBoxPortrait_3RTFQ .header_1_vl9 > span {
   line-height: 18px;
   color: white;
   text-overflow: ellipsis;
@@ -14581,7 +14723,7 @@
   display: flex;
   align-items: center;
 }
-.detachedBoxPortrait_1TFEe .header_2iIOt .shareIconBox_2rRd_ {
+.detachedBoxPortrait_3RTFQ .header_1_vl9 .shareIconBox_1340w {
   display: inline-block;
   border-radius: 2px;
   background-color: #00c78b;
@@ -14590,24 +14732,24 @@
   height: 18px;
   margin-left: 4px;
 }
-.detachedBoxPortrait_1TFEe .header_2iIOt .shareIconBox_2rRd_ > svg {
+.detachedBoxPortrait_3RTFQ .header_1_vl9 .shareIconBox_1340w > svg {
   font-size: 14px;
   margin-right: 4px;
   position: relative;
   top: 2px;
   left: 2px;
 }
-.detachedBoxPortrait_1TFEe .profileBox_162fR {
+.detachedBoxPortrait_3RTFQ .profileBox_2qul4 {
   padding: 8px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   background-color: #1d1e23;
 }
-.detachedBoxPortrait_1TFEe .profileBox_162fR .btnRow_1D4EA {
+.detachedBoxPortrait_3RTFQ .profileBox_2qul4 .btnRow_3W-a0 {
   width: 24px;
 }
-.detachedBoxPortrait_1TFEe .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft {
+.detachedBoxPortrait_3RTFQ .profileBox_2qul4 .btnRow_3W-a0 .sliderBtn_3WSwu {
   position: static;
   width: 24px;
   height: 48px;
@@ -14618,28 +14760,28 @@
   -webkit-backdrop-filter: blur(1px);
           backdrop-filter: blur(1px);
 }
-.detachedBoxPortrait_1TFEe .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft > svg {
+.detachedBoxPortrait_3RTFQ .profileBox_2qul4 .btnRow_3W-a0 .sliderBtn_3WSwu > svg {
   font-size: 20px;
 }
-.detachedBoxPortrait_1TFEe .profileBox_162fR .btnRow_1D4EA .sliderBtn_hx7ft.btnDisabled_1P510 > svg {
+.detachedBoxPortrait_3RTFQ .profileBox_2qul4 .btnRow_3W-a0 .sliderBtn_3WSwu.btnDisabled_11Cql > svg {
   color: rgba(255, 255, 255, 0.25);
 }
-.detachedBoxPortrait_1TFEe .profileBox_162fR .listbox_1thcv {
+.detachedBoxPortrait_3RTFQ .profileBox_2qul4 .listbox_3k1M6 {
   margin: 0px 4px;
   height: 100%;
   display: flex;
   gap: 4px;
   flex: 1;
 }
-.detachedBoxPortrait_1TFEe .mixBox_21ds9 {
+.detachedBoxPortrait_3RTFQ .mixBox_TmvtM {
   flex: 1;
   position: relative;
 }
-.detachedBoxPortrait_1TFEe .mixBox_21ds9 .videoContainer_FYBCH {
+.detachedBoxPortrait_3RTFQ .mixBox_TmvtM .videoContainer_sXLil {
   height: 100%;
   width: 100%;
 }
-.detachedBoxPortrait_1TFEe .mixBox_21ds9 .avatarContainer_3Pd_3 {
+.detachedBoxPortrait_3RTFQ .mixBox_TmvtM .avatarContainer_3r5DY {
   position: absolute;
   display: flex;
   justify-content: center;
@@ -14651,11 +14793,11 @@
   right: 0;
   background: #303445;
 }
-.detachedBoxPortrait_1TFEe .mixBox_21ds9 .avatarContainer_3Pd_3 .avatar_tG9OX {
+.detachedBoxPortrait_3RTFQ .mixBox_TmvtM .avatarContainer_3r5DY .avatar_2kRaF {
   width: 100px;
   height: 100px;
 }
-.detachedBoxPortrait_1TFEe .micIconBox_117Sg {
+.detachedBoxPortrait_3RTFQ .micIconBox_6I7Ri {
   position: absolute;
   bottom: 34px;
   left: 50%;
@@ -14666,10 +14808,10 @@
   border-radius: 999px;
   background-color: rgba(48, 52, 69, 0.6);
 }
-.detachedBoxPortrait_1TFEe .micIconBox_117Sg > svg {
+.detachedBoxPortrait_3RTFQ .micIconBox_6I7Ri > svg {
   color: #fff;
 }
-.detachedBoxPortrait_1TFEe .micIconBox_117Sg .volume_2mOVS {
+.detachedBoxPortrait_3RTFQ .micIconBox_6I7Ri .volume_3DLqs {
   position: absolute;
   bottom: 21px;
   left: 50%;
@@ -14679,10 +14821,10 @@
   border-radius: 4px;
   width: 4px;
 }
-.detachedBoxPortrait_1TFEe .micIconBox_117Sg .volume_2mOVS.hide_vbNDq {
+.detachedBoxPortrait_3RTFQ .micIconBox_6I7Ri .volume_3DLqs.hide_2ZSIJ {
   display: none;
 }
-.rtcBlockPhoneBox_4atKJ {
+.rtcBlockPhoneBox_1ORnM {
   color: #fff;
   border-radius: 4px;
   background-color: #303445;
@@ -14692,7 +14834,7 @@
   position: relative;
   border: 1px solid #303445;
 }
-.rtcBlockPhoneBox_4atKJ .footer_2wYBX {
+.rtcBlockPhoneBox_1ORnM .footer_3dPhq {
   position: absolute;
   bottom: 4px;
   left: 4px;
@@ -14700,26 +14842,26 @@
   display: flex;
   width: 100%;
 }
-.rtcBlockPhoneBox_4atKJ .footer_2wYBX .shareIconBox_2rRd_ {
+.rtcBlockPhoneBox_1ORnM .footer_3dPhq .shareIconBox_1340w {
   width: 14px;
   height: 14px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.rtcBlockPhoneBox_4atKJ .footer_2wYBX .shareIconBox_2rRd_ > svg {
+.rtcBlockPhoneBox_1ORnM .footer_3dPhq .shareIconBox_1340w > svg {
   font-size: 12px;
   color: #00c78b;
   margin-right: 4px;
 }
-.rtcBlockPhoneBox_4atKJ .footer_2wYBX > svg {
+.rtcBlockPhoneBox_1ORnM .footer_3dPhq > svg {
   width: 12px;
   height: 12px;
   position: absolute;
   right: 6px;
   bottom: 1px;
 }
-.rtcBlockPhoneBox_4atKJ .topLeftFloat_kmYo- {
+.rtcBlockPhoneBox_1ORnM .topLeftFloat_2EIJ9 {
   position: absolute;
   top: 4px;
   left: 4px;
@@ -14731,20 +14873,20 @@
   justify-content: center;
   align-items: center;
 }
-.rtcBlockPhoneBox_4atKJ .topLeftFloat_kmYo- svg {
+.rtcBlockPhoneBox_1ORnM .topLeftFloat_2EIJ9 svg {
   width: 10px;
   height: 10px;
   color: white;
 }
-.rtcBlockPhoneBox_4atKJ .videoContainer_FYBCH {
+.rtcBlockPhoneBox_1ORnM .videoContainer_sXLil {
   height: 100%;
   width: 100%;
 }
-.rtcBlockPhoneBox_4atKJ.detached_2X6p1 {
+.rtcBlockPhoneBox_1ORnM.detached_2vQjr {
   border: 1px solid #00c78b;
 }
 
-.blockRoot_1yVfR {
+.blockRoot_2ukEg {
   width: 240px;
   height: 160px;
   border-radius: 4px;
@@ -14755,12 +14897,12 @@
   align-items: center;
   margin-bottom: 4px;
 }
-.avatar_1lONr {
+.avatar_tQY6d {
   width: 60px;
   height: 60px;
 }
-.footer_3547E,
-.header_2erQi {
+.footer_2BN-f,
+.header_1sZ9q {
   position: absolute;
   width: 100%;
   bottom: 0px;
@@ -14770,8 +14912,8 @@
   justify-content: space-between;
   align-items: center;
 }
-.footer_3547E > span,
-.header_2erQi > span {
+.footer_2BN-f > span,
+.header_1sZ9q > span {
   max-width: 180px;
   height: 18px;
   font-size: 12px;
@@ -14782,8 +14924,8 @@
   overflow: hidden;
   margin-left: 8px;
 }
-.footer_3547E .shareIconBox_2jHFz,
-.header_2erQi .shareIconBox_2jHFz {
+.footer_2BN-f .shareIconBox_KMbke,
+.header_1sZ9q .shareIconBox_KMbke {
   display: inline-block;
   border-radius: 2px;
   background-color: #00c78b;
@@ -14791,35 +14933,35 @@
   width: 18px;
   height: 18px;
 }
-.footer_3547E .shareIconBox_2jHFz > svg,
-.header_2erQi .shareIconBox_2jHFz > svg {
+.footer_2BN-f .shareIconBox_KMbke > svg,
+.header_1sZ9q .shareIconBox_KMbke > svg {
   font-size: 14px;
   margin-right: 4px;
   position: relative;
   top: 2px;
   left: 2px;
 }
-.header_2erQi {
+.header_1sZ9q {
   height: 100%;
   top: 16px;
   align-items: flex-start;
 }
-.header_2erQi > span {
+.header_1sZ9q > span {
   position: absolute;
   font-size: 16px;
   height: 24px;
   max-width: 300px;
 }
-.header_2erQi > span > span {
+.header_1sZ9q > span > span {
   position: relative;
   bottom: 7px;
 }
-.header_2erQi .shareIconBox_2jHFz {
+.header_1sZ9q .shareIconBox_KMbke {
   margin-left: 4px;
   position: relative;
   bottom: 7px;
 }
-.micIconContainer_31rri {
+.micIconContainer_3vf1g {
   height: 20px;
   width: 20px;
   background-color: #FE7F7E;
@@ -14830,22 +14972,22 @@
   justify-content: center;
   align-items: center;
 }
-.micIconContainer_31rri > svg {
+.micIconContainer_3vf1g > svg {
   width: 16px;
   height: 16px;
 }
-.micIconContainer_31rri.detached_2ZdnP {
+.micIconContainer_3vf1g.detached_3z0FR {
   margin-right: 24px;
 }
-.videoContainer_2MFyP {
+.videoContainer_2tjGM {
   width: 100%;
   height: 100%;
   position: absolute;
 }
-.videoContainer_2MFyP > div {
+.videoContainer_2tjGM > div {
   border-radius: 4px;
 }
-.coverContainer_3El0F {
+.coverContainer_vIm8s {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -14856,7 +14998,7 @@
   justify-content: center;
   align-items: center;
 }
-.coverContainer_3El0F .title_1Ow65 {
+.coverContainer_vIm8s .title_hRfdb {
   color: #fff;
   text-align: center;
   font-size: 18px;
@@ -14864,7 +15006,7 @@
   line-height: 30px;
   margin-bottom: 4px;
 }
-.coverContainer_3El0F .subtitle_bbjxr {
+.coverContainer_vIm8s .subtitle_1RUCP {
   color: #fff;
   text-align: center;
   font-size: 14px;
@@ -14873,11 +15015,11 @@
   padding: 0px 24px;
   word-break: break-word;
 }
-.coverContainer_3El0F .actionRow_Ip0zs {
+.coverContainer_vIm8s .actionRow_JSAwY {
   text-align: center;
   color: #fff;
 }
-.coverContainer_3El0F .actionRow_Ip0zs .continueBtn_3BQis {
+.coverContainer_vIm8s .actionRow_JSAwY .continueBtn_2LD-6 {
   display: inline-block;
   margin-right: 20px;
   border-radius: 4px;
@@ -14889,7 +15031,7 @@
   cursor: pointer;
   background-color: #2e73e5;
 }
-.coverContainer_3El0F .actionRow_Ip0zs .stopBtn_3hPDG {
+.coverContainer_vIm8s .actionRow_JSAwY .stopBtn_3-MlT {
   display: inline-block;
   border-radius: 4px;
   height: 36px;
@@ -14900,7 +15042,7 @@
   cursor: pointer;
   border: 1px solid #DBDBDE;
 }
-.avatarContainer_ddIku {
+.avatarContainer_Daww3 {
   position: absolute;
   display: flex;
   justify-content: center;
@@ -14910,7 +15052,7 @@
   left: 0;
   right: 0;
 }
-.cornerBtn_3a5Lb {
+.cornerBtn_2ey9O {
   position: absolute;
   right: 8px;
   top: 8px;
@@ -14919,7 +15061,7 @@
   flex-direction: row;
   justify-content: flex-end;
 }
-.draggableAvatar_3tdVs {
+.draggableAvatar_2X3q9 {
   position: fixed;
   width: 360px;
   height: 240px;
@@ -14927,7 +15069,7 @@
   border: solid 1px #C2C3C8;
   border-radius: 4px;
 }
-.hoverTipRoot_1Wibv {
+.hoverTipRoot_2a1Xp {
   width: 28px;
   height: 28px;
   background: rgba(0, 0, 0, 0.5);
@@ -14938,31 +15080,31 @@
   justify-content: center;
   align-items: center;
 }
-.hoverTipRoot_1Wibv svg {
+.hoverTipRoot_2a1Xp svg {
   width: 18px;
   height: 18px;
   color: white;
 }
-.closeBtn_NBxA8 {
+.closeBtn_192oN {
   position: absolute;
   top: 8px;
   right: 8px;
 }
-.mirrorIconCon_3eRHF {
+.mirrorIconCon_3VjIc {
   position: absolute;
   top: 8px;
   right: 46px;
 }
-.maxIconCon_nHwM3 {
+.maxIconCon_1nUTw {
   position: absolute;
   top: 8px;
   right: 85px;
 }
-.maxIconCon_nHwM3 svg {
+.maxIconCon_1nUTw svg {
   width: 22px;
   height: 22px;
 }
-.detachedContent_2zd4L {
+.detachedContent_3o6Vl {
   position: absolute;
   top: 0;
   left: 0;
@@ -14973,18 +15115,18 @@
   align-items: center;
   flex-direction: column;
 }
-.detachedContent_2zd4L svg {
+.detachedContent_3o6Vl svg {
   width: 36px;
   height: 36px;
   margin-bottom: 8px;
   color: var(--upime-second-text);
 }
-.detachedContent_2zd4L span {
+.detachedContent_3o6Vl span {
   color: var(--upime-second-text);
   line-height: 17px;
   font-size: 12px;
 }
-.topLeftFloat_1mG7E {
+.topLeftFloat_2b3X- {
   position: absolute;
   top: 8px;
   left: 8px;
@@ -14996,7 +15138,7 @@
   justify-content: center;
   align-items: center;
 }
-.topLeftFloat_1mG7E svg {
+.topLeftFloat_2b3X- svg {
   width: 14px;
   height: 14px;
   color: white;
@@ -15607,6 +15749,13 @@
   align-items: center;
   cursor: pointer;
 }
+.iconWrap_3GEPj.rotate90_1DR1n {
+  transform: rotate(-90deg);
+}
+.iconWrap_3GEPj.disable_1lzsx {
+  pointer-events: none;
+  color: #D8D8D8;
+}
 .iconWrapActive_28duN {
   color: var(--upime-active);
   background-color: #EAF1FC;
@@ -15633,6 +15782,20 @@
   border-radius: 4px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
 }
+.toolbar_1Y3X_.horizMode_2W6cT {
+  flex-direction: row;
+  transition: none;
+  padding: 0 8px;
+  width: auto;
+  height: 56px;
+  min-height: 56px;
+}
+.toolbar_1Y3X_.horizMode_2W6cT .selectTool_1NBmR {
+  padding: 9px 0px;
+}
+.toolbar_1Y3X_.horizMode_2W6cT .moreApps_4PfYv .moreAppBtnCon_38AtV {
+  padding: 9px 2px 9px 0px;
+}
 .toolbar_1Y3X_ .tool_2bEen {
   display: flex;
   justify-content: center;
@@ -15674,6 +15837,12 @@
   right: 0;
   bottom: 8px;
 }
+.toolbar_1Y3X_ .moreApps_4PfYv.moreAppHorizMode_3f3dE {
+  position: absolute;
+  right: 8px;
+  top: 0;
+  bottom: 0;
+}
 .toolbar_1Y3X_.waiting_2-djy .tool_2bEen {
   visibility: hidden;
 }
@@ -15685,7 +15854,21 @@
 }
 .toolCenter_Pw7tw {
   transition: height 0.2s linear;
-  overflow-y: hidden;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 2px 0;
+}
+.toolCenter_Pw7tw::-webkit-scrollbar {
+  display: none;
+}
+.toolCenter_Pw7tw.toolCenterHorizMode_RgNkQ {
+  display: flex;
+  gap: 2px;
+  padding: 9px 0px 9px 2px;
+  flex-direction: row;
 }
 .shortcutContainer_3J1vW {
   display: flex;
@@ -15711,6 +15894,10 @@
   position: absolute;
   left: 9px;
 }
+.dragableWrapper_X-HBJ.dragHorizMode_1dj5f {
+  left: 0;
+  top: 9px;
+}
 .dragableWrapper_X-HBJ .fakeIcon_3xaPw {
   position: absolute;
   top: 0;
@@ -15736,6 +15923,36 @@
   box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
   pointer-events: all;
 }
+.penItemEditWrapper_2pFCr {
+  position: relative;
+  bottom: 34px;
+}
+.penItemEditWrapper_2pFCr.penItemEditWrapperVerMode_x2Xsy {
+  bottom: 0;
+  left: 20px;
+}
+.penItemEditContainer_1IkQ5 {
+  background-color: var(--upime-pane-bg);
+  border-radius: 4px;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  position: absolute;
+  left: 50%;
+  bottom: 0;
+  transform: translateX(-50%);
+  width: 182px;
+  padding-bottom: 10px;
+  padding-top: 12px;
+}
+.penItemEditContainer_1IkQ5.penItemEditContainerVerMode_3gZAK {
+  left: 0;
+  transform: translateX(0%) translateY(50%);
+}
+.penItemOutter_1Jf2h {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 
 .pannel_25jDo {
   z-index: 90;
@@ -15905,12 +16122,18 @@
   border-radius: 2px;
   background-color: var(--upime-scrollbar-thumb);
 }
+.stickerPannel_197ds.stickerPannelHorizMode_2vwOV {
+  width: 548px;
+  height: auto;
+  gap: 24px;
+}
 .stickerPannel_197ds .colorPannel_3gD_9 {
   width: 40px;
   height: 40px;
   position: relative;
   transition: transform 0.38s;
   cursor: pointer;
+  flex-shrink: 0;
 }
 .stickerPannel_197ds .colorPannel_3gD_9 .item_18TMg {
   width: 100%;
@@ -15944,6 +16167,25 @@
   border-radius: 4px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
 }
+.drawPannel_2cV-B.drawPannelHorizMode_34VXK {
+  width: fit-content;
+  height: 48px;
+  padding: 0 10px;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+.drawPannel_2cV-B.drawPannelHorizMode_34VXK .drawTools_3BZgF {
+  flex-direction: row;
+}
+.drawPannel_2cV-B.drawPannelHorizMode_34VXK .divider_BTNNe {
+  width: 1px;
+  height: 24px;
+  margin: 0 16px 0 10px;
+}
+.drawPannel_2cV-B.drawPannelHorizMode_34VXK .penList_2cm5b {
+  flex-direction: row;
+  width: fit-content;
+}
 .drawPannel_2cV-B .drawTools_3BZgF {
   display: flex;
   flex-direction: column;
@@ -16000,41 +16242,41 @@
   opacity: 0;
   visibility: hidden;
 }
-.drawPannel_2cV-B .propsList_2XjxD .widthPannel_1M8IU {
+.widthPannel_1M8IU {
   padding: 0px 16px;
 }
-.drawPannel_2cV-B .propsList_2XjxD .widthPannel_1M8IU p {
+.widthPannel_1M8IU p {
   font-size: 12px;
   margin: 0;
 }
-.drawPannel_2cV-B .propsList_2XjxD .tickSliderContainer_33qP- {
+.tickSliderContainer_33qP- {
   display: flex;
   padding: 10px 16px 0 16px;
   position: relative;
   flex-direction: column;
 }
-.drawPannel_2cV-B .propsList_2XjxD .tickSliderContainer_33qP- .tickSlider_3cJdB {
+.tickSliderContainer_33qP- .tickSlider_3cJdB {
   width: 150px;
 }
-.drawPannel_2cV-B .propsList_2XjxD .tickSliderContainer_33qP- > span {
+.tickSliderContainer_33qP- > span {
   font-size: 12px;
   line-height: 18px;
 }
-.drawPannel_2cV-B .propsList_2XjxD .tickSliderContainer_33qP- .sliderValue_2BFB2 {
+.tickSliderContainer_33qP- .sliderValue_2BFB2 {
   position: absolute;
   right: 16px;
   top: 40px;
 }
-.drawPannel_2cV-B .propsList_2XjxD .colorPannel_3gD_9 {
+.colorPannel_3gD_9 {
   padding: 10px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.drawPannel_2cV-B .propsList_2XjxD .colorPannel_3gD_9 .colorWrapper_3bATY {
+.colorPannel_3gD_9 .colorWrapper_3bATY {
   margin: 5px;
 }
-.drawPannel_2cV-B .propsList_2XjxD .colorPannel_3gD_9 .colorWrapper_3bATY .color_2Gvjs {
+.colorPannel_3gD_9 .colorWrapper_3bATY .color_2Gvjs {
   width: 30px;
   height: 30px;
   border-width: 1px;
@@ -16044,17 +16286,17 @@
   border-radius: 50%;
   cursor: pointer;
 }
-.drawPannel_2cV-B .propsList_2XjxD .colorPannel_3gD_9 .colorWrapper_3bATY .color_2Gvjs.active_ZAwwb {
+.colorPannel_3gD_9 .colorWrapper_3bATY .color_2Gvjs.active_ZAwwb {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--upime-active);
 }
-.drawPannel_2cV-B .propsList_2XjxD .colorPannel_3gD_9 .plusIcon_aVh_W {
+.colorPannel_3gD_9 .plusIcon_aVh_W {
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.drawPannel_2cV-B .propsList_2XjxD .colorPannel_3gD_9 .plusIcon_aVh_W svg {
+.colorPannel_3gD_9 .plusIcon_aVh_W svg {
   cursor: pointer;
 }
 .hide_8AyS7 {
@@ -16071,6 +16313,13 @@
   gap: 4px;
   padding: 10px 0;
 }
+.connectLinePanel_2Hkc8.connectLineHorizMode_3wKPD {
+  width: fit-content;
+  height: 48px;
+  padding: 0 10px;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
 .connectLinePanel_2Hkc8 .item_18TMg {
   width: 24px;
   height: 24px;
@@ -16137,6 +16386,16 @@
   color: #91939c;
   text-align: center;
 }
+.penDetailHorizMode_1ASVZ {
+  left: auto !important;
+  left: initial !important;
+  top: auto !important;
+  top: initial !important;
+}
+.penDetailHorizMode_1ASVZ {
+  bottom: calc(100% + 4px);
+  right: 0;
+}
 
 .rootWrapper_3e8wh {
   overflow-y: auto;
@@ -16222,6 +16481,11 @@
   box-shadow: 0 8px 32px rgba(5, 0, 56, 0.08);
   border-radius: 4px;
 }
+.toolWrapper_2khTd.toolWrapperHorizMode_2FWN2 {
+  left: 0;
+  bottom: calc(100% + 4px);
+  transform: translateX(calc(-50% + 20px));
+}
 
 .scrollbar_2R42Z {
   scrollbar-color: #c2c3c8 transparent;
@@ -16605,13 +16869,13 @@
 }
 .iconWrapActive_2tCGy {
   color: var(--upime-active);
-  background-color: #EAF1FC;
+  background-color: #eaf1fc;
 }
 .do-hovers .iconWrap_1Wmaq:hover {
   background-color: rgba(0, 0, 0, 0.06);
 }
 .do-hovers .iconWrapActive_2tCGy:hover {
-  background-color: #EAF1FC;
+  background-color: #eaf1fc;
 }
 .scaleToOriginWrap_3sUg8 {
   width: max-content;
@@ -16680,9 +16944,9 @@
   align-items: center;
 }
 .fullscreen_setting_2AQD- {
-  width: 16px;
-  height: 32px;
-  border-radius: 4px;
+  width: 36px;
+  height: 36px;
+  border-radius: 2px;
   background-color: transparent;
   cursor: pointer;
 }
@@ -16692,35 +16956,35 @@
   display: flex;
 }
 .fullscreen_setting_2AQD- .arrow_icon_2R7VN {
-  color: #0C1024;
-  width: 8px;
-  height: 8px;
-  margin: auto;
+  color: #0c1024;
 }
 .setting_panel_onZEz {
   position: absolute;
   bottom: calc(100% + 4px);
   right: 0;
-  width: 150px;
-  height: 40px;
+  width: 180px;
+  height: 52px;
   border-radius: 4px;
   background-color: #ffffff;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
   display: flex;
-  padding: 0 12px;
+  padding: 8px 0;
   align-items: center;
   justify-content: space-between;
+  cursor: default;
 }
 .setting_panel_onZEz .label_24uaR {
   width: 100%;
+  height: 36px;
+  padding: 0 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   font-size: 12px;
-  color: #0C1024;
-}
-.setting_panel_onZEz .switch_btn_2MCW1 {
-  flex-shrink: 0;
+  color: #0c1024;
+  cursor: pointer;
 }
-.do-hovers .fullscreen_setting_2AQD-:hover,
-.do-hovers .on_1Gt3s .fullscreen_setting_2AQD- {
+.do-hovers .setting_panel_onZEz .label_24uaR:hover {
   background-color: rgba(0, 0, 0, 0.06);
 }
 .switch_btn_2MCW1 {
@@ -16742,7 +17006,7 @@
   transition: left 0.2s;
 }
 .switch_btn_2MCW1.on_1Gt3s {
-  background-color: #2E73E5;
+  background-color: #2e73e5;
 }
 .switch_btn_2MCW1.on_1Gt3s::before {
   left: 14px;
@@ -17310,6 +17574,11 @@
   height: 34px;
   border: 2px solid white;
 }
+.members_1g6ZC .member_1lOqZ .withBadge_36CiX {
+  width: max-content;
+  padding: 0px 5px;
+  border-radius: 25px;
+}
 @keyframes showFromRight_3wrOK {
   from {
     left: var(--aniRight);
@@ -17462,8 +17731,8 @@
 }
 
 .toggleBarIcon_2w8m9 {
-  width: 40px;
-  height: 40px;
+  width: 36px;
+  height: 36px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -17471,16 +17740,18 @@
 }
 .toggleBarIconOpened_3e-nh {
   color: var(--upime-active);
-  background-color: #EAF1FC;
+  background-color: #eaf1fc;
 }
 .sideBar_-tPPD {
   display: flex;
   align-items: center;
   justify-content: center;
+  gap: 2px;
   height: 40px;
   background-color: var(--upime-pane-bg);
   border-radius: 4px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
+  padding: 2px 4px;
 }
 .frameSideBar_2bwHL {
   position: relative;
@@ -17558,10 +17829,10 @@
   display: flex;
 }
 .cell_2xHN3.selected_1bkJI {
-  background-color: #EAF1FC;
+  background-color: #eaf1fc;
 }
 .cell_2xHN3:active {
-  background-color: #EAF1FC;
+  background-color: #eaf1fc;
 }
 .symbol_8LpcW {
   font-size: 14px;
@@ -17639,6 +17910,19 @@
   justify-content: center;
   text-align: center;
 }
+.undoredo_1MCtn.horizMode_xJ9cW {
+  width: 94px;
+  height: 56px;
+  flex-direction: row;
+  margin-top: 0;
+  padding: 8px;
+  gap: 2px;
+}
+.undoredo_1MCtn.horizMode_xJ9cW .undo_2rUzu {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+}
 .undoredo_1MCtn.phoneMode_3yRy9 {
   width: 44px;
   border-radius: 22px;
@@ -17667,8 +17951,8 @@
   color: var(--upime-active);
 }
 .iconWrap_2kiOx {
-  width: 38px;
-  height: 38px;
+  width: 36px;
+  height: 36px;
   border-radius: 2px;
   display: flex;
   justify-content: center;
@@ -17677,13 +17961,13 @@
 }
 .iconWrap_2kiOx.active_1Es1e {
   color: var(--upime-active);
-  background-color: #EAF1FC;
+  background-color: #eaf1fc;
 }
 .do-hovers .iconWrap_2kiOx:hover {
   background-color: rgba(0, 0, 0, 0.06);
 }
 .do-hovers .iconWrap_2kiOx.active_1Es1e:hover {
-  background-color: #EAF1FC;
+  background-color: #eaf1fc;
 }
 .do-hovers .close_box_jw1IS:hover {
   color: var(--upime-active);
@@ -17844,7 +18128,7 @@
 }
 .presentationIconBtn_1oYmU {
   left: 22px;
-  background-color: #EAF1FC;
+  background-color: #eaf1fc;
   color: var(--upime-active);
   border: 1px solid var(--upime-active);
 }
@@ -17862,7 +18146,7 @@
   display: flex;
   flex-direction: column;
   color: #c2c3c8;
-  background: #ECECEE;
+  background: #ececee;
   justify-content: center;
   align-items: center;
 }
@@ -20189,6 +20473,9 @@
 .inMoreCtrl_2ObEO .subWin_TjjfP {
   bottom: -128px;
 }
+.inMoreCtrl_2ObEO .subWin_TjjfP.miniMode_2vnMT.memberonly_34qeQ {
+  bottom: -48px;
+}
 .inMoreCtrl_2ObEO::before {
   right: auto;
   right: initial;
@@ -20210,6 +20497,7 @@
   align-items: center;
   justify-content: space-between;
   margin: 0 16px;
+  margin-right: 4px;
 }
 .panelRoot_2exv- .title_2vaXD .actionBox_2VjWq {
   display: flex;
@@ -20248,7 +20536,7 @@
 }
 .panelRoot_2exv- .title_2vaXD .closeBtnBox_xB3WR {
   display: flex;
-  padding: 6px;
+  padding: 8px;
   border-radius: 2px;
   cursor: pointer;
 }
@@ -20273,6 +20561,22 @@
   border: 1px solid #dbdbde;
   cursor: pointer;
 }
+.panelRoot_2exv- .footer_2xcF4 .settingBtn_bQQyF:hover {
+  color: #5798f2;
+  border-color: #5798f2;
+}
+.panelRoot_2exv- .footer_2xcF4 .settingBtn_bQQyF:active {
+  color: #1d56bf;
+  border-color: #1d56bf;
+}
+.panelRoot_2exv- .footer_2xcF4 .settingBtn_bQQyF.phone_3ugU4:hover {
+  color: var(--upime-main-text);
+  border-color: #dbdbde;
+}
+.panelRoot_2exv- .footer_2xcF4 .settingBtn_bQQyF.phone_3ugU4:active {
+  color: var(--upime-main-text);
+  border-color: #dbdbde;
+}
 .panelRoot_2exv- .footer_2xcF4.center_1Wa8z {
   justify-content: center;
 }
@@ -20334,28 +20638,28 @@
   font-size: 14px;
   margin-right: 8px;
   cursor: pointer;
-  min-width: 72px;
+  white-space: nowrap;
   justify-content: center;
   align-items: center;
+  background-color: #fff;
 }
 .applyPermNoticeBox_1xavn .actionBox_2VjWq .refuse_18U93:hover {
   color: #5798f2;
   border-color: #5798f2;
 }
 .applyPermNoticeBox_1xavn .actionBox_2VjWq .refuse_18U93:active {
-  color: #1d568f;
-  border-color: #1d568f;
+  color: #1d56bf;
+  border-color: #1d56bf;
 }
 .applyPermNoticeBox_1xavn .actionBox_2VjWq .agree_1I3sn {
   padding: 3px 12px;
   border-radius: 4px;
-  border: 1px solid #dbdbde;
   display: flex;
   font-size: 14px;
   color: #fff;
   background-color: #2e73e5;
   cursor: pointer;
-  min-width: 72px;
+  white-space: nowrap;
   justify-content: center;
   align-items: center;
 }
@@ -20363,7 +20667,7 @@
   background-color: #5798f2;
 }
 .applyPermNoticeBox_1xavn .actionBox_2VjWq .agree_1I3sn:active {
-  background-color: #1d568f;
+  background-color: #1d56bf;
 }
 .applyPermNoticeBox_1xavn .actionBox_2VjWq .closeBox_LaiNL {
   display: flex;
@@ -20461,7 +20765,7 @@
 }
 .permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .infoBox_2rhnk > span {
   font-size: 14px;
-  max-width: 140px;
+  max-width: 136px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -20492,6 +20796,7 @@
   font-size: 14px;
   margin-right: 8px;
   cursor: pointer;
+  background-color: #fff;
 }
 .permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .actionBox_2VjWq .refuse_18U93:hover {
   color: #5798f2;
@@ -20504,7 +20809,6 @@
 .permApplyListModalBox_J73ps .listBox_31cRG .listitem_2Qwhx .actionBox_2VjWq .agree_1I3sn {
   padding: 3px 12px;
   border-radius: 4px;
-  border: 1px solid #dbdbde;
   display: flex;
   font-size: 14px;
   color: #fff;
@@ -20560,6 +20864,7 @@
   align-items: center;
   height: 36px;
   cursor: pointer;
+  border-radius: 2px;
 }
 .memberManageRoot_1were .header_dp6rJ .tab_12BLz span {
   text-align: center;
@@ -20577,7 +20882,7 @@
   flex-direction: row;
   justify-content: flex-end;
   align-items: center;
-  margin-bottom: 4px;
+  margin-bottom: 12px;
   padding-right: 16px;
 }
 .memberManageRoot_1were .toggle_39O0w > span {
@@ -20655,6 +20960,12 @@
   width: 18px;
   height: 18px;
 }
+.mb12_Ct2bh {
+  margin-bottom: 12px;
+}
+.heighttop98_1H6yD {
+  height: calc(100% - 98px);
+}
 
 .root_dZL59 {
   display: flex;
@@ -20758,6 +21069,10 @@
   pointer-events: none;
   color: var(--upime-disable);
 }
+.root_dZL59 .iconBox_1SE0A.active_YrSYd {
+  background-color: #eaf1fc;
+  color: #2e73e5;
+}
 .root_dZL59 .permActionBox_2ap47 {
   position: relative;
   display: flex;
@@ -20768,6 +21083,7 @@
 }
 .root_dZL59 .permActionBox_2ap47 .text_2vSdz {
   font-size: 14px;
+  white-space: nowrap;
 }
 .root_dZL59 .permActionBox_2ap47 .icon_2dM7j {
   margin-left: 2px;
@@ -20783,11 +21099,19 @@
   width: 100px;
   justify-content: flex-end;
 }
+.root_dZL59 .permActionBox_2ap47.active_YrSYd {
+  background-color: #eaf1fc;
+  color: #2e73e5;
+}
 .root_dZL59 .permTextBox_o8KZm {
   font-size: 14px;
   display: inline-block;
   padding: 7px 8px;
 }
+.root_dZL59 .permTextBox_o8KZm.en_1f6jw {
+  width: 85px;
+  text-align: right;
+}
 .root_dZL59 .permTextBox_o8KZm.disabled_ht8zx {
   pointer-events: none;
   color: var(--upime-disable);
@@ -20937,9 +21261,6 @@
   color: #fe5250;
   border-top: 1px solid #e6e7e9;
 }
-.do-hovers .moreIcon_I--ur:hover {
-  background: var(--upime-btn-bg-hover);
-}
 .hidden_LNqGT {
   display: none;
 }
@@ -20967,7 +21288,11 @@
   align-items: center;
 }
 .morePanel_740CJ > div:hover {
-  background-color: #f5f6f6;
+  background-color: rgba(0, 0, 0, 0.06);
+  color: #0c1024;
+}
+.morePanel_740CJ > div:active {
+  background-color: #eaf1fc;
   color: #2e73e5;
 }
 .kickoutModalBox_2Lmr9 {
@@ -21061,7 +21386,7 @@
   height: auto;
   height: initial;
   margin-left: 0;
-  padding: 6px;
+  padding: 8px;
 }
 .root_z5Dfc.inMemberCtrl_3a1W7 .iconBox_mLq0s > svg {
   margin-top: 0;
@@ -21072,6 +21397,10 @@
 .root_z5Dfc.inMemberCtrl_3a1W7 .iconBox_mLq0s:active {
   color: #2e73e5;
 }
+.root_z5Dfc.inMemberCtrl_3a1W7 .iconBox_mLq0s.active_bZKLF {
+  color: #2e73e5;
+  background-color: #EAF1FC;
+}
 .root_z5Dfc.inMemberCtrl_3a1W7 .panelRoot_3SIhM {
   z-index: 1;
   bottom: auto;
@@ -22396,69 +22725,69 @@
   transform: rotateY(180deg);
 }
 
-.root_8nb7U {
+.root_3Aofq {
   width: 40px;
   height: 48px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.root_8nb7U svg {
+.root_3Aofq svg {
   width: 22px;
   height: 22px;
   cursor: pointer;
 }
-.root_8nb7U.active_3_-cn {
+.root_3Aofq.active_3Pn19 {
   color: #2e73e5;
 }
-.root_8nb7U:hover {
+.root_3Aofq:hover {
   color: #2e73e5;
 }
-.root_8nb7U.phoneMode_3AKDE {
+.root_3Aofq.phoneMode_5StJY {
   width: 44px;
   height: 44px;
 }
-.gdIcon_3tBE5 {
+.gdIcon_39p2c {
   width: 24px;
   height: 24px;
 }
-.createContainer_21VVf {
+.createContainer_24LUP {
   position: relative;
   height: 100%;
 }
-.createContainer_21VVf .head_3Gu7o {
+.createContainer_24LUP .head_1vkan {
   height: 64px;
   padding: 17px 24px;
   display: flex;
   justify-content: space-between;
 }
-.createContainer_21VVf .head_3Gu7o > span {
+.createContainer_24LUP .head_1vkan > span {
   font-size: 20px;
 }
-.createContainer_21VVf .head_3Gu7o .iconBtn_1uSwj {
+.createContainer_24LUP .head_1vkan .iconBtn_2IhHu {
   cursor: pointer;
 }
-.createContainer_21VVf .head_3Gu7o .iconBtn_1uSwj:hover {
+.createContainer_24LUP .head_1vkan .iconBtn_2IhHu:hover {
   color: #2e73e5;
 }
-.createContainer_21VVf .body_3gm_a {
+.createContainer_24LUP .body_2o5F4 {
   padding: 12px 24px;
 }
-.createContainer_21VVf .body_3gm_a .geshuContainer_1zSIG {
+.createContainer_24LUP .body_2o5F4 .geshuContainer_2nY_L {
   margin-bottom: 48px;
 }
-.createContainer_21VVf .body_3gm_a .geshuContainer_1zSIG > div:first-child {
+.createContainer_24LUP .body_2o5F4 .geshuContainer_2nY_L > div:first-child {
   font-size: 16px;
   margin-bottom: 12px;
 }
-.createContainer_21VVf .body_3gm_a .geshuContainer_1zSIG > svg {
+.createContainer_24LUP .body_2o5F4 .geshuContainer_2nY_L > svg {
   width: 22px;
   height: 22px;
   position: relative;
   top: 7px;
   cursor: pointer;
 }
-.createContainer_21VVf .body_3gm_a .geshuContainer_1zSIG input {
+.createContainer_24LUP .body_2o5F4 .geshuContainer_2nY_L input {
   width: 80px;
   height: 36px;
   border-radius: 4px;
@@ -22467,22 +22796,22 @@
   margin-left: 16px;
   margin-right: 16px;
 }
-.createContainer_21VVf .body_3gm_a .geshuContainer_1zSIG input:focus {
+.createContainer_24LUP .body_2o5F4 .geshuContainer_2nY_L input:focus {
   border: 1px solid #2e73e5;
 }
-.createContainer_21VVf .body_3gm_a .contentContainer_2m1rc {
+.createContainer_24LUP .body_2o5F4 .contentContainer_3pWR4 {
   margin-bottom: 48px;
 }
-.createContainer_21VVf .body_3gm_a .contentContainer_2m1rc > div:first-child {
+.createContainer_24LUP .body_2o5F4 .contentContainer_3pWR4 > div:first-child {
   font-size: 16px;
   margin-bottom: 4px;
 }
-.createContainer_21VVf .body_3gm_a .contentContainer_2m1rc > div:nth-child(2) {
+.createContainer_24LUP .body_2o5F4 .contentContainer_3pWR4 > div:nth-child(2) {
   color: #91939c;
   font-size: 14px;
   margin-bottom: 12px;
 }
-.createContainer_21VVf .body_3gm_a .contentContainer_2m1rc .choose_1gJD_ {
+.createContainer_24LUP .body_2o5F4 .contentContainer_3pWR4 .choose_2sEUS {
   width: 292px;
   height: 64px;
   position: relative;
@@ -22496,10 +22825,10 @@
   border: 1px solid #e6e7e9;
   cursor: pointer;
 }
-.createContainer_21VVf .body_3gm_a .contentContainer_2m1rc .choose_1gJD_:hover {
+.createContainer_24LUP .body_2o5F4 .contentContainer_3pWR4 .choose_2sEUS:hover {
   border: 1px solid #2e73e5;
 }
-.createContainer_21VVf .body_3gm_a .contentContainer_2m1rc .choose_1gJD_ > span {
+.createContainer_24LUP .body_2o5F4 .contentContainer_3pWR4 .choose_2sEUS > span {
   width: 216px;
   height: 64px;
   display: inline-block;
@@ -22507,49 +22836,53 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.createContainer_21VVf .body_3gm_a .contentContainer_2m1rc .choose_1gJD_ .lianjie_2GEry {
+.createContainer_24LUP .body_2o5F4 .contentContainer_3pWR4 .choose_2sEUS .lianjie_2MLOQ {
   width: 16px;
   height: 16px;
   margin-right: 4px;
   position: relative;
   top: -25px;
 }
-.createContainer_21VVf .body_3gm_a .contentContainer_2m1rc .choose_1gJD_ .guanbi_1-sPa {
+.createContainer_24LUP .body_2o5F4 .contentContainer_3pWR4 .choose_2sEUS .guanbi_23AL6 {
   width: 14px;
   height: 14px;
   position: absolute;
   right: 16px;
   top: 25px;
 }
-.createContainer_21VVf .body_3gm_a .memberContainer_29zJ3 > div:first-child {
+.createContainer_24LUP .body_2o5F4 .contentContainer_3pWR4 .choose_2sEUS .nameTip_3tcPN {
+  color: #2e73e5;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.createContainer_24LUP .body_2o5F4 .memberContainer_2LlbH > div:first-child {
   font-size: 16px;
 }
-.createContainer_21VVf .body_3gm_a .memberContainer_29zJ3 .row_3MR6A {
+.createContainer_24LUP .body_2o5F4 .memberContainer_2LlbH .row_MhIw9 {
   margin-top: 8px;
   font-size: 14px;
 }
-.createContainer_21VVf .body_3gm_a .memberContainer_29zJ3 .row_3MR6A label {
+.createContainer_24LUP .body_2o5F4 .memberContainer_2LlbH .row_MhIw9 label {
   cursor: pointer;
 }
-.createContainer_21VVf .body_3gm_a .memberContainer_29zJ3 .row_3MR6A input {
+.createContainer_24LUP .body_2o5F4 .memberContainer_2LlbH .row_MhIw9 input {
   position: relative;
   top: 1px;
   margin-right: 8px;
   cursor: pointer;
 }
-.createContainer_21VVf .body_3gm_a .memberContainer_29zJ3 .row_3MR6A input:checked {
+.createContainer_24LUP .body_2o5F4 .memberContainer_2LlbH .row_MhIw9 input:checked {
   color: #2e73e5;
 }
-.createContainer_21VVf .body_3gm_a .memberContainer_29zJ3 .modedesc_2cEdS {
+.createContainer_24LUP .body_2o5F4 .memberContainer_2LlbH .modedesc_2G4DT {
   width: 292px;
-  height: 70px;
   line-height: 22px;
   color: #91939c;
-  font-size: 14px;
+  font-size: 12px;
   padding-left: 25px;
   word-break: break-word;
 }
-.createContainer_21VVf .body_3gm_a .createBtn_1SQku {
+.createContainer_24LUP .body_2o5F4 .createBtn_3_ZU6 {
   position: absolute;
   bottom: 24px;
   width: 292px;
@@ -22561,38 +22894,38 @@
   line-height: 44px;
   cursor: pointer;
 }
-.createContainer_21VVf .body_3gm_a .createBtn_1SQku:hover {
+.createContainer_24LUP .body_2o5F4 .createBtn_3_ZU6:hover {
   background-color: #5798f2;
 }
-.createContainer_21VVf .body_3gm_a .createBtn_1SQku.diabled_2giFZ {
+.createContainer_24LUP .body_2o5F4 .createBtn_3_ZU6.diabled_4MDGe {
   opacity: 0.5;
   cursor: no-drop;
   background-color: #2e73e5;
 }
-.scrollBar_1V_LY {
+.scrollBar_hgJ4z {
   scrollbar-color: #c2c3c8 transparent;
   scrollbar-width: thin;
 }
-.scrollBar_1V_LY::-webkit-scrollbar {
+.scrollBar_hgJ4z::-webkit-scrollbar {
   width: 4px;
 }
-.scrollBar_1V_LY::-webkit-scrollbar-track {
+.scrollBar_hgJ4z::-webkit-scrollbar-track {
   border-radius: 5px;
   background-color: transparent;
 }
-.scrollBar_1V_LY::-webkit-scrollbar-thumb {
+.scrollBar_hgJ4z::-webkit-scrollbar-thumb {
   border-radius: 2px;
   background-color: #c2c3c8;
 }
-.listContainer_298gx {
+.listContainer_XvAoi {
   height: calc(100% - 94px);
   padding-left: 24px;
   padding-right: 20px;
 }
-.listContainer_298gx .bukelikai_Mhqcu {
+.listContainer_XvAoi .bukelikai_1H2QE {
   margin-bottom: 13px;
 }
-.listContainer_298gx .bukelikai_Mhqcu > svg {
+.listContainer_XvAoi .bukelikai_1H2QE > svg {
   width: 18px;
   height: 18px;
   color: #ffa519;
@@ -22600,52 +22933,52 @@
   position: relative;
   top: 3px;
 }
-.listContainer_298gx .bukelikai_Mhqcu > span {
+.listContainer_XvAoi .bukelikai_1H2QE > span {
   color: #91939c;
   font-size: 14px;
 }
-.listContainer_298gx .shuomin_2H0Y- {
+.listContainer_XvAoi .shuomin_1G0Kt {
   color: #91939c;
   font-size: 14px;
   margin-bottom: 10px;
 }
-.listContainer_298gx .groupArea_1jT6d {
+.listContainer_XvAoi .groupArea_IMHOO {
   margin-bottom: 24px;
   height: calc(100% - 85px);
   overflow: auto;
   scrollbar-color: #c2c3c8 transparent;
   scrollbar-width: thin;
 }
-.listContainer_298gx .groupArea_1jT6d::-webkit-scrollbar {
+.listContainer_XvAoi .groupArea_IMHOO::-webkit-scrollbar {
   width: 4px;
 }
-.listContainer_298gx .groupArea_1jT6d::-webkit-scrollbar-track {
+.listContainer_XvAoi .groupArea_IMHOO::-webkit-scrollbar-track {
   border-radius: 5px;
   background-color: transparent;
 }
-.listContainer_298gx .groupArea_1jT6d::-webkit-scrollbar-thumb {
+.listContainer_XvAoi .groupArea_IMHOO::-webkit-scrollbar-thumb {
   border-radius: 2px;
   background-color: #c2c3c8;
 }
-.listContainer_298gx .groupArea_1jT6d .plusRow_1XNJM {
+.listContainer_XvAoi .groupArea_IMHOO .plusRow_g9so3 {
   text-align: center;
 }
-.listContainer_298gx .groupArea_1jT6d .plusRow_1XNJM > svg {
+.listContainer_XvAoi .groupArea_IMHOO .plusRow_g9so3 > svg {
   width: 32px;
   height: 32px;
   cursor: pointer;
 }
-.listContainer_298gx .groupArea_1jT6d.notManager_3odT6 {
+.listContainer_XvAoi .groupArea_IMHOO.notManager_2IjiF {
   height: 100%;
 }
-.listContainer_298gx .actionRow_OPtEO {
+.listContainer_XvAoi .actionRow_XoOaK {
   position: absolute;
   bottom: 24px;
 }
-.listContainer_298gx .actionRow_OPtEO > div {
+.listContainer_XvAoi .actionRow_XoOaK > div {
   display: inline-block;
 }
-.listContainer_298gx .actionRow_OPtEO .btn_DXcXC {
+.listContainer_XvAoi .actionRow_XoOaK .btn_3SQhy {
   width: 140px;
   height: 36px;
   border-radius: 4px;
@@ -22655,29 +22988,29 @@
   font-size: 14px;
   cursor: pointer;
 }
-.listContainer_298gx .actionRow_OPtEO .jiesan_8xc52 {
+.listContainer_XvAoi .actionRow_XoOaK .jiesan_3dNFl {
   color: #fe5250;
   border: 1px solid #fe5250;
   margin-right: 12px;
 }
-.listContainer_298gx .actionRow_OPtEO .jiesan_8xc52:hover {
+.listContainer_XvAoi .actionRow_XoOaK .jiesan_3dNFl:hover {
   opacity: 0.8;
 }
-.listContainer_298gx .actionRow_OPtEO .kaishi_3nckr {
+.listContainer_XvAoi .actionRow_XoOaK .kaishi_CukL6 {
   background-color: #2e73e5;
   color: #fff;
 }
-.listContainer_298gx .actionRow_OPtEO .kaishi_3nckr:hover {
+.listContainer_XvAoi .actionRow_XoOaK .kaishi_CukL6:hover {
   background-color: #5798f2;
 }
-.listContainer_298gx .actionRow_OPtEO .kaishi_3nckr.disabled_3z4VM {
+.listContainer_XvAoi .actionRow_XoOaK .kaishi_CukL6.disabled_SuNKR {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.listContainer_298gx .actionRow_OPtEO .kaishi_3nckr.disabled_3z4VM:hover {
+.listContainer_XvAoi .actionRow_XoOaK .kaishi_CukL6.disabled_SuNKR:hover {
   background-color: #2e73e5;
 }
-.groupContainer_1OifW {
+.groupContainer_19veS {
   width: 292px;
   height: 120px;
   border-radius: 8px;
@@ -22686,22 +23019,22 @@
   padding: 12px 16px;
   margin-bottom: 8px;
 }
-.groupContainer_1OifW.noManager_3VwWw {
+.groupContainer_19veS.noManager_3ldQY {
   background-color: #fff;
   border: 1px solid #dbdbde;
 }
-.groupContainer_1OifW.selected_2UWQd {
+.groupContainer_19veS.selected_MdleE {
   border: 1px solid #2e73e5 !important;
 }
-.groupContainer_1OifW.selected_2UWQd {
+.groupContainer_19veS.selected_MdleE {
   background-color: #eaf1fc;
 }
-.groupContainer_1OifW .name_FTC5W {
+.groupContainer_19veS .name_2qTTu {
   font-size: 14px;
   margin-bottom: 4px;
   position: relative;
 }
-.groupContainer_1OifW .name_FTC5W .text_ORJJE {
+.groupContainer_19veS .name_2qTTu .text_1ZDXk {
   display: inline-block;
   border: none;
   background-color: transparent;
@@ -22714,23 +23047,23 @@
   white-space: nowrap;
   overflow: hidden;
 }
-.groupContainer_1OifW .name_FTC5W .buttonBlock_RwgM4 {
+.groupContainer_19veS .name_2qTTu .buttonBlock_1e0zf {
   position: absolute;
   right: 2px;
 }
-.groupContainer_1OifW .name_FTC5W .buttonBlock_RwgM4 > svg {
+.groupContainer_19veS .name_2qTTu .buttonBlock_1e0zf > svg {
   width: 16px;
   height: 16px;
   margin-left: 14px;
   cursor: pointer;
 }
-.groupContainer_1OifW .name_FTC5W .buttonBlock_RwgM4 > svg:hover {
+.groupContainer_19veS .name_2qTTu .buttonBlock_1e0zf > svg:hover {
   color: #2e73e5;
 }
-.groupContainer_1OifW .name_FTC5W .buttonBlock_RwgM4 .shanchu_CpeMV:hover {
+.groupContainer_19veS .name_2qTTu .buttonBlock_1e0zf .shanchu_3SkCi:hover {
   color: #fe5250;
 }
-.groupContainer_1OifW .name_FTC5W .buttonBlock_RwgM4 .deletePop_xyB75 {
+.groupContainer_19veS .name_2qTTu .buttonBlock_1e0zf .deletePop_1_iVu {
   width: 205px;
   height: 104px;
   border-radius: 2px;
@@ -22741,7 +23074,7 @@
   z-index: 1;
   padding: 14px;
 }
-.groupContainer_1OifW .name_FTC5W .buttonBlock_RwgM4 .deletePop_xyB75 svg {
+.groupContainer_19veS .name_2qTTu .buttonBlock_1e0zf .deletePop_1_iVu svg {
   width: 18px;
   height: 18px;
   color: #fe5250;
@@ -22749,11 +23082,11 @@
   position: relative;
   top: 4px;
 }
-.groupContainer_1OifW .name_FTC5W .buttonBlock_RwgM4 .deletePop_xyB75 .action_15Azr {
+.groupContainer_19veS .name_2qTTu .buttonBlock_1e0zf .deletePop_1_iVu .action_3HgI1 {
   margin-top: 24px;
   text-align: right;
 }
-.groupContainer_1OifW .name_FTC5W .buttonBlock_RwgM4 .deletePop_xyB75 .action_15Azr div {
+.groupContainer_19veS .name_2qTTu .buttonBlock_1e0zf .deletePop_1_iVu .action_3HgI1 div {
   display: inline-block;
   width: 50px;
   height: 28px;
@@ -22765,11 +23098,11 @@
   margin-left: 16px;
   font-size: 12px;
 }
-.groupContainer_1OifW .name_FTC5W .buttonBlock_RwgM4 .deletePop_xyB75 .action_15Azr > div:last-child {
+.groupContainer_19veS .name_2qTTu .buttonBlock_1e0zf .deletePop_1_iVu .action_3HgI1 > div:last-child {
   background-color: #fe5250;
   color: #fff;
 }
-.groupContainer_1OifW .name_FTC5W .clearInput_pSooa {
+.groupContainer_19veS .name_2qTTu .clearInput_SwQ0p {
   position: absolute;
   right: 98px;
   top: 7px;
@@ -22782,39 +23115,41 @@
   justify-content: center;
   align-items: center;
 }
-.groupContainer_1OifW .name_FTC5W .clearInput_pSooa svg {
+.groupContainer_19veS .name_2qTTu .clearInput_SwQ0p svg {
   color: white;
   width: 10px;
   height: 10px;
 }
-.groupContainer_1OifW .name_FTC5W .freeAction_2Q80e {
+.groupContainer_19veS .name_2qTTu .freeAction_o0O5q {
   position: absolute;
   right: 0;
-  top: 3px;
-  width: 60px;
-  height: 28px;
+  top: 0px;
+  padding: 5px 12px;
+  font-size: 12px;
   border-radius: 4px;
   text-align: center;
-  line-height: 26px;
   cursor: pointer;
 }
-.groupContainer_1OifW .name_FTC5W .freeAction_2Q80e.leave_GVuxD {
+.groupContainer_19veS .name_2qTTu .freeAction_o0O5q.leave_5qHUU {
   border: 1px solid #2e73e5;
   color: #2e73e5;
+  background-color: #fff;
 }
-.groupContainer_1OifW .name_FTC5W .freeAction_2Q80e.join_3pCzb {
+.groupContainer_19veS .name_2qTTu .freeAction_o0O5q.join_3nPsU {
   border: 1px solid #e6e7e9;
+  background-color: #fff;
 }
-.groupContainer_1OifW .name_FTC5W .freeAction_2Q80e.suozaifenzu_2goyo {
-  font-size: 12px;
-  color: #2e73e5;
+.groupContainer_19veS .name_2qTTu .freeAction_o0O5q.lianmai_3vgop {
+  background-color: #2e73e5;
+  color: #fff;
+  border: 1px solid #2e73e5;
 }
-.groupContainer_1OifW .content_2WF9y {
+.groupContainer_19veS .content_zbWsK {
   font-size: 14px;
   margin-bottom: 8px;
   padding-left: 4px;
 }
-.groupContainer_1OifW .content_2WF9y .frameName_3uSha {
+.groupContainer_19veS .content_zbWsK .frameName_C001Q {
   max-width: 200px;
   height: 21px;
   display: inline-block;
@@ -22822,14 +23157,14 @@
   white-space: nowrap;
   overflow: hidden;
 }
-.groupContainer_1OifW .content_2WF9y .lianjie_2GEry {
+.groupContainer_19veS .content_zbWsK .lianjie_2MLOQ {
   width: 16px;
   height: 16px;
   margin-right: 4px;
   position: relative;
   top: -3px;
 }
-.groupContainer_1OifW .content_2WF9y .guanbi_1-sPa {
+.groupContainer_19veS .content_zbWsK .guanbi_23AL6 {
   width: 14px;
   height: 14px;
   margin-left: 8px;
@@ -22838,35 +23173,35 @@
   color: #c2c3c8;
   cursor: pointer;
 }
-.groupContainer_1OifW .content_2WF9y .noContent_9YVhR {
+.groupContainer_19veS .content_zbWsK .noContent_2spGY {
   color: #2e73e5;
   font-size: 14px;
   cursor: pointer;
   height: 27px;
-  max-width: 95px;
+  max-width: 150px;
 }
-.groupContainer_1OifW .content_2WF9y .noContent_9YVhR.notManager_3odT6 {
+.groupContainer_19veS .content_zbWsK .noContent_2spGY.notManager_2IjiF {
   color: #abc7f5;
   cursor: auto;
 }
-.groupContainer_1OifW .users_2rO7R {
+.groupContainer_19veS .users_2qAOk {
   position: relative;
   padding-left: 4px;
 }
-.groupContainer_1OifW .users_2rO7R .members_3wIdu {
+.groupContainer_19veS .users_2qAOk .members_3SGpi {
   width: 168px;
 }
-.groupContainer_1OifW .users_2rO7R .members_3wIdu .member_2g_rA {
+.groupContainer_19veS .users_2qAOk .members_3SGpi .member_13iLs {
   display: inline-block;
   position: relative;
   width: 28px;
   height: 28px;
   cursor: pointer;
 }
-.groupContainer_1OifW .users_2rO7R .members_3wIdu .member_2g_rA.more_btn_1Aa-i {
+.groupContainer_19veS .users_2qAOk .members_3SGpi .member_13iLs.more_btn_7NL3d {
   cursor: pointer;
 }
-.groupContainer_1OifW .users_2rO7R .members_3wIdu .member_2g_rA .more_num_HKcmJ {
+.groupContainer_19veS .users_2qAOk .members_3SGpi .member_13iLs .more_num_1qjgT {
   font-size: 12px;
   width: 34px;
   height: 34px;
@@ -22875,7 +23210,7 @@
   right: 15px;
   bottom: 7px;
 }
-.groupContainer_1OifW .users_2rO7R .userList_UUot0 {
+.groupContainer_19veS .users_2qAOk .userList_2BrnT {
   width: 240px;
   max-height: 256px;
   border-radius: 4px;
@@ -22888,32 +23223,32 @@
   scrollbar-color: #c2c3c8 transparent;
   scrollbar-width: thin;
 }
-.groupContainer_1OifW .users_2rO7R .userList_UUot0::-webkit-scrollbar {
+.groupContainer_19veS .users_2qAOk .userList_2BrnT::-webkit-scrollbar {
   width: 4px;
 }
-.groupContainer_1OifW .users_2rO7R .userList_UUot0::-webkit-scrollbar-track {
+.groupContainer_19veS .users_2qAOk .userList_2BrnT::-webkit-scrollbar-track {
   border-radius: 5px;
   background-color: transparent;
 }
-.groupContainer_1OifW .users_2rO7R .userList_UUot0::-webkit-scrollbar-thumb {
+.groupContainer_19veS .users_2qAOk .userList_2BrnT::-webkit-scrollbar-thumb {
   border-radius: 2px;
   background-color: #c2c3c8;
 }
-.groupContainer_1OifW .users_2rO7R .userList_UUot0 .row_3MR6A {
+.groupContainer_19veS .users_2qAOk .userList_2BrnT .row_MhIw9 {
   display: flex;
   padding: 8px 0;
 }
-.groupContainer_1OifW .users_2rO7R .userList_UUot0 .row_3MR6A > div {
+.groupContainer_19veS .users_2qAOk .userList_2BrnT .row_MhIw9 > div {
   margin-right: 12px;
 }
-.groupContainer_1OifW .users_2rO7R .userList_UUot0 .row_3MR6A > span {
+.groupContainer_19veS .users_2qAOk .userList_2BrnT .row_MhIw9 > span {
   flex: 1;
   align-self: center;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-.groupContainer_1OifW .users_2rO7R .addUser_LR10S {
+.groupContainer_19veS .users_2qAOk .addUser_1HcYw {
   width: 30px;
   height: 30px;
   position: absolute;
@@ -22921,7 +23256,7 @@
   top: 0px;
   cursor: pointer;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB {
   width: 280px;
   max-height: 400px;
   padding: 18px 15px 0px 15px;
@@ -22936,25 +23271,25 @@
   scrollbar-color: #c2c3c8 transparent;
   scrollbar-width: thin;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg::-webkit-scrollbar {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB::-webkit-scrollbar {
   width: 4px;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg::-webkit-scrollbar-track {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB::-webkit-scrollbar-track {
   border-radius: 5px;
   background-color: transparent;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg::-webkit-scrollbar-thumb {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB::-webkit-scrollbar-thumb {
   border-radius: 2px;
   background-color: #c2c3c8;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .tabBar_ce_Rz {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .tabBar_1Bfsl {
   width: 246px;
   height: 36px;
   border-radius: 4px;
   background-color: #ececee;
   padding: 2px;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .tabBar_ce_Rz > div {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .tabBar_1Bfsl > div {
   width: 121px;
   height: 32px;
   border-radius: 4px;
@@ -22965,27 +23300,27 @@
   text-align: center;
   cursor: pointer;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .searchRow_2j8yi {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .searchRow_YsuYg {
   margin-top: 10px;
   position: relative;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .searchRow_2j8yi > svg {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .searchRow_YsuYg > svg {
   position: absolute;
   top: 7px;
   left: 12px;
   color: #979797;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .searchRow_2j8yi input {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .searchRow_YsuYg input {
   width: 248px;
   height: 36px;
   border: 1px solid #dbdbde;
   border-radius: 4px;
   padding-left: 40px;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .searchRow_2j8yi input::placeholder {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .searchRow_YsuYg input::placeholder {
   color: #c2c3c8;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .searchRow_2j8yi .clearInput_pSooa {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .searchRow_YsuYg .clearInput_SwQ0p {
   position: absolute;
   right: 10px;
   top: 12px;
@@ -22998,23 +23333,23 @@
   justify-content: center;
   align-items: center;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .searchRow_2j8yi .clearInput_pSooa svg {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .searchRow_YsuYg .clearInput_SwQ0p svg {
   color: white;
   width: 10px;
   height: 10px;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .list_3faoJ {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .list_3HcRv {
   padding: 14px 0px;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .list_3faoJ .benzuRow_2YEnK {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .list_3HcRv .benzuRow_hlVN5 {
   height: 44px;
   padding: 6px 0px;
   position: relative;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .list_3faoJ .benzuRow_2YEnK:hover {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .list_3HcRv .benzuRow_hlVN5:hover {
   color: #2e73e5;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .list_3faoJ .avatar_FUMGS {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .list_3HcRv .avatar_2MKFb {
   display: inline-block;
   border-radius: 50%;
   margin-right: 12px;
@@ -23022,7 +23357,7 @@
   bottom: 6px;
   border-color: #fff;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .list_3faoJ .userName_HoSVJ {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .list_3HcRv .userName_3qeQy {
   display: inline-block;
   vertical-align: 12px;
   max-width: 160px;
@@ -23031,7 +23366,7 @@
   white-space: nowrap;
   overflow: hidden;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .list_3faoJ .guanbiIcon_17ACz {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .list_3HcRv .guanbiIcon_25KgS {
   width: 12px;
   height: 12px;
   position: absolute;
@@ -23039,31 +23374,31 @@
   top: 15px;
   cursor: pointer;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .list_3faoJ .subtitle_1jLUP {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .list_3HcRv .subtitle_1u7DJ {
   color: #91939c;
   font-size: 14px;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .list_3faoJ .otherRow_3V-Vd {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .list_3HcRv .otherRow_1kMnh {
   padding-top: 10px;
   position: relative;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .list_3faoJ .otherRow_3V-Vd:hover {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .list_3HcRv .otherRow_1kMnh:hover {
   color: #2e73e5;
 }
-.groupContainer_1OifW .users_2rO7R .addUserContainer_2evvg .list_3faoJ .noResult_1kwCd {
+.groupContainer_19veS .users_2qAOk .addUserContainer_2RFCB .list_3HcRv .noResult_3mknx {
   font-size: 14px;
   text-align: center;
   margin: 10px;
 }
-.whiteBorder_3nvwj {
+.whiteBorder_1sKzD {
   border-color: #fff !important;
   border-width: 1px !important;
 }
-.whiteBorder_3nvwj {
+.whiteBorder_1sKzD {
   width: 30px;
   height: 30px;
 }
-.chooseTipContainer_lEAOq {
+.chooseTipContainer_1A3dT {
   min-width: 321px;
   height: 40px;
   border-radius: 4px;
@@ -23078,12 +23413,12 @@
   z-index: 2;
   pointer-events: auto;
 }
-.chooseTipContainer_lEAOq > div {
+.chooseTipContainer_1A3dT > div {
   display: inline-block;
   position: relative;
   bottom: 3px;
 }
-.chooseTipContainer_lEAOq .divider_1Q1Zr {
+.chooseTipContainer_1A3dT .divider_2NIeK {
   width: 1px;
   height: 20px;
   background-color: #d8d8d8;
@@ -23092,7 +23427,7 @@
   position: relative;
   top: 2px;
 }
-.chooseTipContainer_lEAOq .tuichu_1xmOo {
+.chooseTipContainer_1A3dT .tuichu_ouDWv {
   width: 60px;
   height: 28px;
   right: 15px;
@@ -23104,19 +23439,21 @@
   bottom: 5px;
   line-height: 26px;
   cursor: pointer;
+  color: #fe5250;
+  border-color: #fe5250;
 }
-.talkReminderToastContainer_1ix5N > div {
+.talkReminderToastContainer_3jeQi > div {
   display: inline-block;
   font-size: 14px;
 }
-.talkReminderToastContainer_1ix5N > div:first-child {
+.talkReminderToastContainer_3jeQi > div:first-child {
   margin-right: 22px;
 }
-.talkReminderToastContainer_1ix5N .ruhecaozuo_3Axud {
+.talkReminderToastContainer_3jeQi .ruhecaozuo_2sLB1 {
   padding: 4px 12px;
   margin-right: 12px;
 }
-.talkReminderToastContainer_1ix5N > svg {
+.talkReminderToastContainer_3jeQi > svg {
   width: 16px;
   height: 16px;
   color: #fff;
@@ -23124,7 +23461,7 @@
   top: 3px;
   cursor: pointer;
 }
-.endTalk_1ZqtF {
+.endTalk_24JQA {
   width: 292px;
   height: 44px;
   border-radius: 4px;
@@ -23136,10 +23473,10 @@
   font-size: 16px;
   cursor: pointer;
 }
-.endTalk_1ZqtF:hover {
+.endTalk_24JQA:hover {
   opacity: 0.8;
 }
-.modalBox_1QHA_ {
+.modalBox_2GVnc {
   width: 480px;
   height: 170px;
   border-radius: 8px;
@@ -23150,10 +23487,10 @@
   transform: translate(-50%, -50%);
   padding: 24px;
 }
-.modalBox_1QHA_ .contentRow__1nGN {
+.modalBox_2GVnc .contentRow_2GmiB {
   margin-bottom: 54px;
 }
-.modalBox_1QHA_ .contentRow__1nGN > svg {
+.modalBox_2GVnc .contentRow_2GmiB > svg {
   width: 28px;
   height: 28px;
   margin-right: 14px;
@@ -23161,60 +23498,60 @@
   position: relative;
   top: 5px;
 }
-.modalBox_1QHA_ .contentRow__1nGN > span {
+.modalBox_2GVnc .contentRow_2GmiB > span {
   font-size: 20px;
   font-weight: 600;
 }
-.modalBox_1QHA_ .actionsRow_32AD9 {
+.modalBox_2GVnc .actionsRow_fle3w {
   text-align: right;
 }
-.modalBox_1QHA_ .actionsRow_32AD9 > button {
+.modalBox_2GVnc .actionsRow_fle3w > button {
   width: 72px;
   height: 40px;
   border-radius: 4px;
   margin-left: 12px;
   cursor: pointer;
 }
-.modalBox_1QHA_ .actionsRow_32AD9 > button:hover {
+.modalBox_2GVnc .actionsRow_fle3w > button:hover {
   opacity: 0.7;
 }
-.modalBox_1QHA_ .actionsRow_32AD9 > button:first-child {
+.modalBox_2GVnc .actionsRow_fle3w > button:first-child {
   background-color: #ffffff;
   border: 1px solid #e6e7e9;
 }
-.modalBox_1QHA_ .actionsRow_32AD9 > button:last-child {
+.modalBox_2GVnc .actionsRow_fle3w > button:last-child {
   background-color: #fe5250;
   border: none;
   color: #fff;
 }
-.timerContainer_EUEKq {
+.timerContainer_2kw-F {
   flex-grow: 1;
   margin-top: 5px;
   padding-left: 8px;
   color: #91939c;
 }
-.timerContainer_EUEKq > svg {
+.timerContainer_2kw-F > svg {
   width: 16px;
   height: 16px;
   margin-right: 4px;
   position: relative;
   top: 2px;
 }
-.timerContainer_EUEKq > span {
+.timerContainer_2kw-F > span {
   font-size: 14px;
 }
-.noPermisionContainer_3QmMB {
+.noPermisionContainer_3eWyp {
   padding: 0 24px;
   text-align: center;
   margin-top: 190px;
 }
-.noPermisionContainer_3QmMB .imgBox_3CF5i > img {
+.noPermisionContainer_3eWyp .imgBox_2uAmS > img {
   width: 140px;
 }
-.noPermisionContainer_3QmMB .textBox_3phQB {
+.noPermisionContainer_3eWyp .textBox_3mhj8 {
   font-size: 14px;
 }
-.daikaishi_jzkaq {
+.daikaishi_2GtOK {
   width: 100px;
   height: 22px;
   line-height: 22px;
@@ -23227,6 +23564,350 @@
   width: 24px !important;
   height: 42px !important;
 }
+.toolbarBox_30Xq3 {
+  position: absolute;
+  bottom: 8px;
+  background-color: #fff;
+  left: 50%;
+  transform: translateX(-50%);
+  border-radius: 4px;
+  border: 1px solid #c2c3c8;
+  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
+  display: flex;
+  align-items: center;
+  padding: 4px 12px;
+  pointer-events: auto;
+  padding-left: 4px;
+}
+.toolbarBox_30Xq3 .miniCtrlBox_3TxQJ {
+  display: flex;
+  align-items: center;
+  width: 24px;
+  height: 48px;
+  border-radius: 4px;
+}
+.toolbarBox_30Xq3 .miniCtrlBox_3TxQJ:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.toolbarBox_30Xq3 .mini_btn_split_26RaN {
+  width: 1px;
+  height: 48px;
+  background-color: #e6e7e9;
+  margin-left: 2px;
+}
+.toolbarBox_30Xq3 > .infoBox_17i9X {
+  display: flex;
+  font-size: 14px;
+  flex-direction: column;
+  margin-left: 12px;
+}
+.toolbarBox_30Xq3 > .infoBox_17i9X .text_1ZDXk {
+  color: #000;
+  margin-right: 8px;
+}
+.toolbarBox_30Xq3 > .infoBox_17i9X .timing_1XYpy {
+  color: #91939c;
+}
+.toolbarBox_30Xq3 .backtoframe_3L8Lh {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 2px;
+  border-radius: 4px;
+  margin-left: 8px;
+  cursor: pointer;
+  padding: 4px;
+}
+.toolbarBox_30Xq3 .backtoframe_3L8Lh > svg {
+  font-size: 22px;
+  margin-top: 4px;
+}
+.toolbarBox_30Xq3 .backtoframe_3L8Lh > span {
+  font-size: 10px;
+  margin-top: 2px;
+  color: #303445;
+  line-height: 18px;
+}
+.toolbarBox_30Xq3 .backtoframe_3L8Lh:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.toolbarBox_30Xq3 .leaveBtn_9Y5lk {
+  padding: 7px 12px;
+  display: flex;
+  border-radius: 4px;
+  border: 1px solid #fe5250;
+  color: #fe5250;
+  font-size: 14px;
+  cursor: pointer;
+  margin-left: 12px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn {
+  display: flex;
+  border-radius: 4px;
+  cursor: pointer;
+  margin-left: 8px;
+  padding: 4px;
+  position: relative;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .iconBox_Pyr4- {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .iconBox_Pyr4- > svg {
+  font-size: 22px;
+  margin-top: 4px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .iconBox_Pyr4- > span {
+  font-size: 10px;
+  color: #303445;
+  line-height: 18px;
+  margin-top: 2px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU {
+  bottom: calc(100% + 12px);
+  width: 400px;
+  border-radius: 4px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .panelRoot_tJwct {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding-top: 16px;
+  padding-bottom: 4px;
+  color: #0c1024;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .panelRoot_tJwct .title_3rFjx {
+  display: flex;
+  flex-direction: row;
+  height: 24px;
+  position: relative;
+  align-items: center;
+  justify-content: space-between;
+  margin: 0 16px;
+  margin-right: 8px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .panelRoot_tJwct .title_3rFjx .actionBox_1gEGA {
+  display: flex;
+  align-items: center;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .panelRoot_tJwct .title_3rFjx .mainText_2fa9X {
+  font-size: 16px;
+  height: 24px;
+  line-height: 24px;
+  font-weight: 600;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .panelRoot_tJwct .title_3rFjx .closeBtnBox_28tNw {
+  display: flex;
+  padding: 6px;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .panelRoot_tJwct .title_3rFjx .closeBtnBox_28tNw:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .panelRoot_tJwct .title_3rFjx .closeIcon_WCz7d {
+  width: 20px;
+  height: 20px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .memberManageRoot_1oYDf {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  overflow: hidden;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .memberManageRoot_1oYDf .header_3bsuU {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: #0c1024;
+  margin-bottom: 12px;
+  padding: 0 16px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .memberManageRoot_1oYDf .header_3bsuU .tab_15ipq {
+  flex: 1;
+  background: #f5f6f6;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 36px;
+  cursor: pointer;
+  border-radius: 2px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .memberManageRoot_1oYDf .header_3bsuU .tab_15ipq span {
+  text-align: center;
+  height: 22px;
+  line-height: 22px;
+  font-size: 14px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .memberManageRoot_1oYDf .header_3bsuU .tab_15ipq.active_3Pn19 {
+  background: #2e73e5;
+  color: white;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L {
+  overflow: auto;
+  padding: 0 16px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .entityRow_16P56 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 40px;
+  margin: 4px 0;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .entityRow_16P56 > .infoBox_17i9X {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .entityRow_16P56 > .infoBox_17i9X .textBlock_1jjeI {
+  display: flex;
+  flex-direction: column;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .entityRow_16P56 > .infoBox_17i9X .textBlock_1jjeI .name_2qTTu {
+  font-size: 15px;
+  line-height: 22px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .entityRow_16P56 > .infoBox_17i9X .textBlock_1jjeI .note_3Bqwv {
+  font-size: 13px;
+  line-height: 18px;
+  color: #91939c;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .entityRow_16P56 > .mediaBox_2P_bg {
+  display: flex;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .entityRow_16P56 > .mediaBox_2P_bg .iconBox_Pyr4- {
+  padding: 9px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .entityRow_16P56 > .mediaBox_2P_bg .iconBox_Pyr4- .icon_3_mxE {
+  cursor: pointer;
+  font-size: 18px;
+  position: relative;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .entityRow_16P56 > .mediaBox_2P_bg .iconBox_Pyr4- .icon_3_mxE.disabled_SuNKR {
+  pointer-events: none;
+  color: #c2c3c8;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .divider_2NIeK {
+  height: 30px;
+  line-height: 30px;
+  background-color: #f5f6f6;
+  font-size: 12px;
+  padding-left: 16px;
+  margin-left: -16px;
+  margin-right: -16px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .fullContainer_1ctB7 {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .fullContainer_1ctB7 > span {
+  color: #c2c3c8;
+  font-size: 14px;
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L::-webkit-scrollbar {
+  display: none;
+  -ms-overflow-style: none;
+  /* IE and Edge */
+  scrollbar-width: none;
+  /* Firefox */
+}
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.toolbarBox_30Xq3.miniMode_eAHps .miniCtrlBox_3TxQJ {
+  transform: rotate(180deg);
+  height: 24px;
+}
+.toolbarBox_30Xq3.miniMode_eAHps .mini_btn_split_26RaN {
+  height: 24px;
+}
+.toolbarBox_30Xq3.miniMode_eAHps .infoBox_17i9X {
+  flex-direction: row;
+}
+.toolbarBox_30Xq3.miniMode_eAHps .backtoframe_3L8Lh {
+  padding: 2px;
+  flex-direction: row;
+}
+.toolbarBox_30Xq3.miniMode_eAHps .backtoframe_3L8Lh > svg {
+  margin-top: 0;
+}
+.toolbarBox_30Xq3.miniMode_eAHps .memberCtrlBox_17_gn {
+  margin-left: 0;
+  padding: 2px;
+}
+.toolbarBox_30Xq3.miniMode_eAHps .memberCtrlBox_17_gn .iconBox_Pyr4- > svg {
+  margin-top: 0;
+}
+.toolbarBox_30Xq3.miniMode_eAHps .leaveBtn_9Y5lk {
+  padding: 2px 8px;
+}
+.rtclistRoot_1hpzf {
+  pointer-events: auto;
+}
+.callModal_GmNzb {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 480px;
+  padding: 24px;
+  border-radius: 12px;
+  background-color: #fff;
+}
+.callModal_GmNzb .titleRow_28PMV {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+.callModal_GmNzb .titleRow_28PMV > svg {
+  margin-right: 12px;
+  font-size: 28px;
+  color: #ffa519;
+  align-self: flex-start;
+}
+.callModal_GmNzb .titleRow_28PMV .title_3rFjx {
+  font-size: 20px;
+  font-weight: 500;
+}
+.callModal_GmNzb .subtitleRow_1cHc3 {
+  margin-bottom: 24px;
+}
+.callModal_GmNzb .subtitleRow_1cHc3 > span {
+  color: #616371;
+  font-size: 14px;
+  margin-left: 40px;
+}
+.callModal_GmNzb .actionRow_XoOaK {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+}
+.callModal_GmNzb .actionRow_XoOaK > div {
+  border-radius: 4px;
+  padding: 8px 16px;
+  font-size: 16px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.callModal_GmNzb .actionRow_XoOaK .later_2qmuT {
+  border: 1px solid #dbdbde;
+  color: #0c1024;
+}
+.callModal_GmNzb .actionRow_XoOaK .enable_9TQOL {
+  background-color: #2e73e5;
+  color: #fff;
+}
 
 .modal_u0yh4 {
   pointer-events: auto;