/* Chat UI layout fix 2026-08-20 */
body.pages-chat-message .chat-presence.contact-meta[data-v-64b2e45d]{
  display:grid!important;
  grid-template-columns:minmax(0,max-content) max-content!important;
  grid-template-rows:18px 14px!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:5px!important;
  row-gap:0!important;
  height:44px!important;
  min-height:44px!important;
  top:0!important;
  padding:4px 56px!important;
  line-height:normal!important;
  box-sizing:border-box!important;
}
body.pages-chat-message .contact-name-red[data-v-64b2e45d]{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  max-width:min(240px,60vw)!important;
  font-size:14px!important;
  line-height:18px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.pages-chat-message .contact-vip-badge[data-v-64b2e45d]{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:start!important;
  margin:0!important;
}
body.pages-chat-message .presence-copy[data-v-64b2e45d]{
  grid-column:1 / 3!important;
  grid-row:2!important;
  justify-self:center!important;
  align-self:start!important;
  display:block!important;
  margin:0!important;
  font-size:11px!important;
  line-height:15px!important;
  color:#5f7087!important;
  white-space:nowrap!important;
}
body.pages-chat-message .presence-dot[data-v-64b2e45d]{
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
}
body.pages-chat-message .content .msg-list[data-v-64b2e45d]{
  top:4px!important;
}
body.pages-chat-message .content .msg-list .row .bubble.bubble-with-time[data-v-64b2e45d]{
  position:relative!important;
  box-sizing:border-box!important;
  min-width:76px!important;
  min-height:53px!important;
  padding:8px 12px 23px!important;
  align-items:flex-start!important;
  overflow:visible!important;
}
body.pages-chat-message .content .msg-list .row .bubble.bubble-with-time[data-v-64b2e45d] > uni-rich-text{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
body.pages-chat-message .content .msg-list .row .bubble-time[data-v-64b2e45d]{
  position:absolute!important;
  right:11px!important;
  bottom:6px!important;
  height:12px!important;
  margin:0!important;
  padding:0!important;
  font-size:9.5px!important;
  font-weight:400!important;
  line-height:12px!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  text-shadow:none!important;
  transform:none!important;
}
body.pages-chat-message .content .msg-list .row .my .bubble-time[data-v-64b2e45d]{
  color:rgba(255,255,255,.82)!important;
}
body.pages-chat-message .content .msg-list .row .read-state[data-v-64b2e45d]{
  align-self:flex-end!important;
  margin:0 2px 6px 5px!important;
  font-size:11px!important;
  line-height:12px!important;
  letter-spacing:-2px!important;
}
body.pages-chat-message .content .msg-list .row .bubble.voice[data-v-64b2e45d]{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:114px!important;
  min-height:57px!important;
  padding:9px 14px 23px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.pages-chat-message .content .msg-list .row .bubble.voice .length[data-v-64b2e45d]{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  font-size:16px!important;
  line-height:24px!important;
}
body.pages-chat-message .content .msg-list .row .bubble.voice .icon[data-v-64b2e45d]{
  position:relative!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:23px!important;
  line-height:24px!important;
}
body.pages-chat-message .content .msg-list .row .bubble.voice .icon[data-v-64b2e45d]::after{
  display:none!important;
  content:none!important;
}
body.pages-chat-message .content .msg-list .row .bubble.voice .voice-time[data-v-64b2e45d]{
  right:12px!important;
  bottom:6px!important;
}
body.pages-chat-message .input-box.chat-input-modern[data-v-64b2e45d]{
  align-items:center!important;
}
body.pages-chat-message .chat-input-modern .textbox .voice-mode[data-v-64b2e45d]{
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  border-radius:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
  line-height:40px!important;
  box-sizing:border-box!important;
}
body.pages-chat-message .chat-input-modern .voice[data-v-64b2e45d],
body.pages-chat-message .chat-input-modern .more[data-v-64b2e45d],
body.pages-chat-message .chat-input-modern .input-action[data-v-64b2e45d]{
  flex:0 0 40px!important;
  align-self:center!important;
}
body.pages-chat-message .chat-input-modern .send[data-v-64b2e45d],
body.pages-chat-message .chat-input-modern .send .btn[data-v-64b2e45d]{
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
body.pages-chat-message .chat-input-modern .send[data-v-64b2e45d]::before,
body.pages-chat-message .chat-input-modern .send[data-v-64b2e45d]::after,
body.pages-chat-message .chat-input-modern .send .btn[data-v-64b2e45d]::before,
body.pages-chat-message .chat-input-modern .send .btn[data-v-64b2e45d]::after{
  display:none!important;
  content:none!important;
}
@media (max-width:520px){
  body.pages-chat-message .chat-presence.contact-meta[data-v-64b2e45d]{padding-left:54px!important;padding-right:54px!important}
  body.pages-chat-message .contact-name-red[data-v-64b2e45d]{max-width:55vw!important}
}

body.pages-chat-message .content .msg-list .row .my .left .bubble.bubble-with-time[data-v-64b2e45d],
body.pages-chat-message .content .msg-list .row .other .right .bubble.bubble-with-time[data-v-64b2e45d]{
  position:relative!important;
  box-sizing:border-box!important;
  min-width:76px!important;
  min-height:53px!important;
  padding-top:8px!important;
  padding-right:12px!important;
  padding-bottom:23px!important;
  padding-left:12px!important;
  align-items:flex-start!important;
  overflow:visible!important;
}
body.pages-chat-message .content .msg-list .row .my .left .bubble.voice[data-v-64b2e45d],
body.pages-chat-message .content .msg-list .row .other .right .bubble.voice[data-v-64b2e45d]{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:114px!important;
  min-height:57px!important;
  padding-top:9px!important;
  padding-right:14px!important;
  padding-bottom:23px!important;
  padding-left:14px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

body.pages-chat-message .input-box.chat-input-modern .textbox .voice-mode.hidden[data-v-64b2e45d],
body.pages-chat-message .input-box.chat-input-modern .textbox .text-mode.hidden[data-v-64b2e45d],
body.pages-chat-message .input-box.chat-input-modern .more.hidden[data-v-64b2e45d],
body.pages-chat-message .input-box.chat-input-modern .send.hidden[data-v-64b2e45d]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  flex:0 0 0!important;
  width:0!important;
  min-width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
body.pages-chat-message .input-box.chat-input-modern .textbox .voice-mode:not(.hidden)[data-v-64b2e45d],
body.pages-chat-message .input-box.chat-input-modern .textbox .text-mode:not(.hidden)[data-v-64b2e45d]{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  max-width:100%!important;
  flex:1 1 100%!important;
}

body.pages-chat-message-more .private-chat-card[data-v-b0d76e70]{
  margin-top:12px!important;
}
body.pages-chat-message-more .private-chat-card .member-card-head[data-v-b0d76e70]{
  cursor:default!important;
}
body.pages-chat-message-more .private-chat-card .member-card-more[data-v-b0d76e70]{
  display:none!important;
}
body.pages-chat-message-more .private-chat-card .member-grid[data-v-b0d76e70]{
  grid-template-columns:repeat(auto-fill,72px)!important;
  justify-content:flex-start!important;
  min-height:94px!important;
}
body.pages-chat-message-more .private-chat-card .member-item[data-v-b0d76e70]{
  margin-right:0!important;
}

/* Modern UI refresh 2026-08-20 v5 */
body.pages-chat-message .chat-presence.contact-meta[data-v-64b2e45d]{
  width:270px!important;
  max-width:calc(100vw - 112px)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  z-index:999!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
body.pages-chat-message .contact-name-red[data-v-64b2e45d]{
  color:#df4048!important;
  font-size:15px!important;
  font-weight:700!important;
}
body.pages-chat-message .presence-copy[data-v-64b2e45d]{
  color:#315a8f!important;
  font-size:11px!important;
  font-weight:500!important;
}
body.pages-chat-message .content .msg-list[data-v-64b2e45d]{
  background:#f4f6f9!important;
  padding:14px 14px 28px!important;
}
body.pages-chat-message .content .msg-list .row[data-v-64b2e45d]{
  margin:0 0 8px!important;
  padding:3px 0!important;
}
body.pages-chat-message .content .msg-list .row .my[data-v-64b2e45d],
body.pages-chat-message .content .msg-list .row .other[data-v-64b2e45d]{
  align-items:flex-end!important;
}
body.pages-chat-message .content .msg-list .row .my .left .bubble[data-v-64b2e45d],
body.pages-chat-message .content .msg-list .row .other .right .bubble[data-v-64b2e45d]{
  max-width:78%!important;
  min-height:42px!important;
  padding-top:10px!important;
  padding-right:13px!important;
  padding-left:13px!important;
  border-radius:18px!important;
  font-size:15.5px!important;
  line-height:1.45!important;
  box-shadow:0 3px 12px rgba(33,53,78,.07)!important;
}
body.pages-chat-message .content .msg-list .row .my .left .bubble[data-v-64b2e45d]{
  background:linear-gradient(145deg,#428cf7,#2f78eb)!important;
  color:#fff!important;
  border-bottom-right-radius:6px!important;
}
body.pages-chat-message .content .msg-list .row .other .right .bubble[data-v-64b2e45d]{
  background:#fff!important;
  color:#1d2633!important;
  border-bottom-left-radius:6px!important;
}
body.pages-chat-message .content .msg-list .row .my .left .bubble.bubble-with-time[data-v-64b2e45d],
body.pages-chat-message .content .msg-list .row .other .right .bubble.bubble-with-time[data-v-64b2e45d]{
  padding-bottom:24px!important;
  min-height:58px!important;
}
body.pages-chat-message .content .msg-list .row .bubble-time[data-v-64b2e45d]{
  right:12px!important;
  bottom:7px!important;
  height:12px!important;
  font-size:9.5px!important;
  line-height:12px!important;
  opacity:.86!important;
}
body.pages-chat-message .content .msg-list .row .system[data-v-64b2e45d]{
  margin:10px 0 8px!important;
}
body.pages-chat-message .content .msg-list .row .system .text[data-v-64b2e45d],
body.pages-chat-message .content .msg-list .row .system uni-view[data-v-64b2e45d]{
  color:#9aa5b4!important;
  font-size:11px!important;
  line-height:18px!important;
}
body.pages-chat-message .content .msg-list .row .my .right uni-image[data-v-64b2e45d],
body.pages-chat-message .content .msg-list .row .other .left uni-image[data-v-64b2e45d]{
  width:40px!important;
  height:40px!important;
  border:3px solid rgba(255,255,255,.92)!important;
  border-radius:50%!important;
  box-shadow:0 3px 10px rgba(35,61,91,.12)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.pages-chat-message .content .msg-list .row .read-state[data-v-64b2e45d]{
  color:#6fa8ff!important;
  margin-bottom:7px!important;
}
body.pages-chat-message .content .msg-list .row .my .left .bubble.voice[data-v-64b2e45d],
body.pages-chat-message .content .msg-list .row .other .right .bubble.voice[data-v-64b2e45d]{
  min-width:126px!important;
  min-height:60px!important;
  padding:10px 15px 24px!important;
}
body.pages-chat-message .input-box.chat-input-modern[data-v-64b2e45d]{
  min-height:66px!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  padding:10px 12px!important;
  gap:8px!important;
  background:rgba(255,255,255,.98)!important;
  border-top:1px solid #e4e9f0!important;
  box-shadow:0 -6px 22px rgba(31,52,80,.06)!important;
  overflow:hidden!important;
  z-index:30!important;
}
body.pages-chat-message .input-box.chat-input-modern .textbox[data-v-64b2e45d]{
  min-height:44px!important;
  height:44px!important;
  padding:0!important;
  border:1px solid #dfe5ec!important;
  border-radius:23px!important;
  background:#f7f9fb!important;
  box-shadow:inset 0 1px 2px rgba(31,52,80,.03)!important;
}
body.pages-chat-message .input-box.chat-input-modern .textbox .text-mode[data-v-64b2e45d],
body.pages-chat-message .input-box.chat-input-modern .textbox .voice-mode[data-v-64b2e45d]{
  height:42px!important;
  min-height:42px!important;
  border:0!important;
  background:transparent!important;
  border-radius:22px!important;
}
body.pages-chat-message .input-box.chat-input-modern .voice[data-v-64b2e45d],
body.pages-chat-message .input-box.chat-input-modern .input-action[data-v-64b2e45d],
body.pages-chat-message .input-box.chat-input-modern .more[data-v-64b2e45d]{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  flex:0 0 38px!important;
  border:1px solid #e1e6ed!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(31,52,80,.06)!important;
}
body.pages-chat-message .input-box.chat-input-modern .send[data-v-64b2e45d]{
  width:66px!important;
  min-width:66px!important;
  height:42px!important;
}
body.pages-chat-message .input-box.chat-input-modern .send .btn[data-v-64b2e45d]{
  width:66px!important;
  height:40px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#438df7,#2e77ec)!important;
  font-size:14px!important;
  line-height:40px!important;
}
body.pages-chat-message .popup-layer[data-v-64b2e45d]{
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:260px!important;
  min-height:260px!important;
  left:50%!important;
  right:auto!important;
  top:100%!important;
  bottom:auto!important;
  padding:14px 12px 18px!important;
  transform:translate3d(-50%,0,0)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#f7f9fc!important;
  border:1px solid #e3e8ef!important;
  border-bottom:0!important;
  border-radius:20px 20px 0 0!important;
  box-shadow:0 -12px 32px rgba(31,52,80,.12)!important;
  z-index:22!important;
  transition:transform .2s ease!important;
}
body.pages-chat-message .popup-layer.showLayer[data-v-64b2e45d]{
  transform:translate3d(-50%,-260px,0)!important;
}
body.pages-chat-message .input-box.chat-input-modern.showLayer[data-v-64b2e45d],
body.pages-chat-message .input-box.chat-input-modern.input-box.showLayer[data-v-64b2e45d]{
  transform:translate3d(-50%,-260px,0)!important;
}
body.pages-chat-message .popup-layer .more-layer[data-v-64b2e45d]{
  width:100%!important;
  height:228px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:transparent!important;
  border:0!important;
}
body.pages-chat-message .popup-layer .more-layer .list[data-v-64b2e45d]{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px 8px!important;
  justify-content:stretch!important;
}
body.pages-chat-message .popup-layer .more-layer .list .box[data-v-64b2e45d]{
  width:auto!important;
  height:94px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:16px!important;
  background:transparent!important;
}
body.pages-chat-message .popup-layer .more-layer .list .box .icon[data-v-64b2e45d]{
  width:50px!important;
  height:50px!important;
  margin:0 0 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #e2e7ee!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(31,52,80,.07)!important;
  font-size:23px!important;
}
body.pages-chat-message .popup-layer .more-layer .list .box .text[data-v-64b2e45d],
body.pages-chat-message .popup-layer .more-layer .list .box uni-text[data-v-64b2e45d]{
  color:#364150!important;
  font-size:12px!important;
  line-height:18px!important;
}
body.pages-chat-message .popup-layer .emoji-swiper[data-v-64b2e45d]{
  width:100%!important;
  height:228px!important;
}
body.pages-chat-message .popup-layer .emoji-swiper uni-swiper-item[data-v-64b2e45d]{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  grid-auto-rows:48px!important;
  align-content:start!important;
  gap:2px 0!important;
}
body.pages-chat-message .popup-layer .emoji-swiper uni-swiper-item uni-view[data-v-64b2e45d]{
  width:auto!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.pages-chat-message .popup-layer .emoji-swiper uni-swiper-item uni-view uni-image[data-v-64b2e45d]{
  width:24px!important;
  height:24px!important;
}
body.pages-chat-index .chat-home-header[data-v-4856ab30]{
  background:linear-gradient(155deg,#3e8df7,#2d76ec)!important;
  box-shadow:0 8px 20px rgba(39,112,221,.18)!important;
}
body.pages-chat-index .uni-list-cell[data-v-4856ab30]{
  background:#fff!important;
}
body.pages-chat-index .uni-media-list[data-v-4856ab30]{
  min-height:78px!important;
  padding:10px 14px!important;
  box-sizing:border-box!important;
}
body.pages-chat-index .conversation-name[data-v-4856ab30]{
  font-size:16px!important;
  font-weight:650!important;
}
body.pages-chat-index .conversation-name:not(.conversation-name-user)[data-v-4856ab30]{
  color:#d33f67!important;
}
body.pages-chat-index .uni-media-list-text-bottom[data-v-4856ab30]{
  color:#7f8997!important;
  font-size:13px!important;
}
body.pages-chat-index .conversation-time[data-v-4856ab30]{
  color:#8e98a6!important;
  font-size:12px!important;
}
body.pages-chat-index .uni-swipe-action__btn{
  width:74px!important;
  min-width:74px!important;
  font-size:14px!important;
}
body.pages-in-login,
body.pages-in-reg{
  min-height:100vh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#edf3fb!important;
}
body.pages-in-login .content,
body.pages-in-reg .content{
  width:min(100%,480px)!important;
  min-height:100vh!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.pages-in-login .login-bg,
body.pages-in-reg .login-bg{
  position:relative!important;
  width:100%!important;
  min-height:100vh!important;
  height:auto!important;
  margin:0!important;
  padding:0 32px 40px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,#f7faff 0,#fff 42%,#fff 100%)!important;
}
body.pages-in-login .login-bg::before,
body.pages-in-reg .login-bg::before{
  position:absolute!important;
  top:-92px!important;
  right:-76px!important;
  width:230px!important;
  height:230px!important;
  content:""!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 60% 45%,#76a7ff 0 18%,#5d95fa 19% 38%,#4c86f5 39% 58%,#3979ef 59% 100%)!important;
  opacity:.95!important;
}
body.pages-in-login .titleText,
body.pages-in-reg .titleText{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:104px 0 0!important;
  box-sizing:border-box!important;
}
body.pages-in-login .titleText .hy,
body.pages-in-reg .titleText .hy{
  width:auto!important;
  height:auto!important;
  margin:0!important;
  color:#1e2a3a!important;
  font-size:36px!important;
  font-weight:750!important;
  line-height:1.25!important;
  letter-spacing:1px!important;
}
body.pages-in-login .titleText .xccp,
body.pages-in-reg .titleText .xccp{
  display:none!important;
}
body.pages-in-login .login-card,
body.pages-in-reg .login-card{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  margin:44px 0 0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.pages-in-login .login-card > uni-view:not(.uni-icon),
body.pages-in-reg .login-card > uni-view:not(.uni-icon){
  position:relative!important;
  width:100%!important;
  height:58px!important;
  margin:0 0 14px!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
  border:1px solid #dfe6ef!important;
  border-radius:16px!important;
  background:#f8fafd!important;
  box-shadow:0 4px 14px rgba(35,62,94,.04)!important;
}
body.pages-in-login .login-card uni-input,
body.pages-in-reg .login-card uni-input{
  width:100%!important;
  height:56px!important;
  max-width:100%!important;
  line-height:56px!important;
  box-sizing:border-box!important;
  color:#1f2b3a!important;
  font-size:16px!important;
}
body.pages-in-login .login-card .uni-input-wrapper,
body.pages-in-reg .login-card .uni-input-wrapper,
body.pages-in-login .login-card .uni-input-input,
body.pages-in-reg .login-card .uni-input-input{
  width:100%!important;
  height:56px!important;
  line-height:56px!important;
  box-sizing:border-box!important;
}
body.pages-in-login .login-card .uni-icon,
body.pages-in-reg .login-card .uni-icon{
  position:absolute!important;
  right:16px!important;
  top:17px!important;
  width:24px!important;
  height:24px!important;
  z-index:2!important;
}
body.pages-in-login .login-btn,
body.pages-in-reg .login-btn{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:52px!important;
  margin:26px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#438df7,#2e76ec)!important;
  box-shadow:0 10px 24px rgba(47,121,236,.23)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:650!important;
  letter-spacing:2px!important;
}
body.pages-in-login .login-function-old,
body.pages-in-reg .login-function-old{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  margin:20px 0 0!important;
  text-align:center!important;
}
body.pages-in-login .login-register,
body.pages-in-reg .login-register{
  width:100%!important;
  height:auto!important;
  color:#347ff0!important;
  font-size:14px!important;
  line-height:22px!important;
}
body.pages-in-reg .header{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:56px!important;
  margin:0!important;
  padding-top:14px!important;
  box-sizing:border-box!important;
}
body.pages-in-reg .goBack{
  position:relative!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  background:none!important;
}
body.pages-in-reg .goBack::before{
  position:absolute!important;
  left:8px!important;
  top:0!important;
  content:"‹"!important;
  color:#1d2a39!important;
  font-size:40px!important;
  font-weight:300!important;
  line-height:40px!important;
}
body.pages-in-reg .titleText{
  padding-top:34px!important;
}
body.pages-in-reg .login-card{
  margin-top:34px!important;
}
@media (max-width:520px){
  body.pages-chat-message .popup-layer[data-v-64b2e45d],
  body.pages-chat-message .input-box.chat-input-modern[data-v-64b2e45d]{
    width:100vw!important;
  }
  body.pages-in-login .login-bg,
  body.pages-in-reg .login-bg{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}

body.pages-in-login .login-card > uni-label,
body.pages-in-reg .login-card > uni-label{
  position:relative!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  margin:0 0 14px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border:1px solid #dfe6ef!important;
  border-radius:16px!important;
  background:#f8fafd!important;
  box-shadow:0 4px 14px rgba(35,62,94,.04)!important;
}
body.pages-in-login .login-card > uni-label > uni-view:first-child,
body.pages-in-reg .login-card > uni-label > uni-view:first-child{
  width:100%!important;
  height:56px!important;
  flex:1 1 auto!important;
}
body.pages-in-login .login-btn,
body.pages-in-reg .login-btn{
  width:calc(100% - 64px)!important;
  max-width:416px!important;
  margin:26px 32px 0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.pages-in-login .login-btn uni-button,
body.pages-in-reg .login-btn uni-button{
  width:100%!important;
  height:52px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:52px!important;
  box-shadow:none!important;
}
body.pages-in-login .login-btn uni-button::after,
body.pages-in-reg .login-btn uni-button::after{
  display:none!important;
  content:none!important;
}
body.pages-in-login .login-function-old,
body.pages-in-reg .login-function-old{
  width:calc(100% - 64px)!important;
  max-width:416px!important;
  margin:20px 32px 0!important;
  box-sizing:border-box!important;
}
body.pages-in-login .login-card .uni-input-placeholder,
body.pages-in-reg .login-card .uni-input-placeholder{
  color:#8994a3!important;
  font-size:15px!important;
  line-height:56px!important;
}
body.pages-in-login .login-card,
body.pages-in-reg .login-card{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}

body.pages-in-login .login-bg,
body.pages-in-reg .login-bg{
  min-height:0!important;
  padding-bottom:24px!important;
}
body.pages-in-login .content,
body.pages-in-reg .content{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}

body.pages-in-login .login-btn{
  width:100%!important;
  max-width:416px!important;
  margin:26px 0 0!important;
}
body.pages-in-login .login-function-old{
  width:100%!important;
  max-width:416px!important;
  margin:20px 0 0!important;
}
body.pages-in-login .login-card .uni-icon-eye,
body.pages-in-reg .login-card .uni-icon-eye{
  width:24px!important;
  height:24px!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  border:0!important;
  background:none!important;
  overflow:visible!important;
}
body.pages-in-login .login-card .uni-icon-eye::before,
body.pages-in-reg .login-card .uni-icon-eye::before{
  position:absolute!important;
  left:3px!important;
  top:6px!important;
  width:17px!important;
  height:11px!important;
  content:""!important;
  border:1.7px solid #5e6d7f!important;
  border-radius:70% 0 70% 0!important;
  background:transparent!important;
  transform:rotate(45deg)!important;
  box-sizing:border-box!important;
}
body.pages-in-login .login-card .uni-icon-eye::after,
body.pages-in-reg .login-card .uni-icon-eye::after{
  position:absolute!important;
  left:9px!important;
  top:10px!important;
  width:5px!important;
  height:5px!important;
  content:""!important;
  border-radius:50%!important;
  background:#5e6d7f!important;
}
