@tuya-sat/sdf-main-sdk 2.0.0-alpha.99 → 2.0.0-spaceUi

package/dist/main.css

@@ -231,17 +231,29 @@ body.dark .purchaseCard__awz8N:nth-of-type(2)::after {
   width: 100%;
   padding: 8px 28px 20px;
 }
+.header__kcggd:after {
+  content: '';
+  position: absolute;
+  left: 28px;
+  right: 28px;
+  bottom: 0;
+  border-bottom: 1px solid var(--main-app-color-border-secondary);
+}
 .header__kcggd .header-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   margin-right: 16px;
-  padding: 4px;
-  font-size: 16px;
-  border-radius: 6px;
+  width: 24px;
+  height: 24px;
+  border-radius: 4px;
+  color: var(--main-app-color-text-secondary);
   background: var(--main-app-color-bg-spotlight);
   cursor: pointer;
 }
 .header__kcggd .header-icon:hover {
   color: var(--main-app-color-text);
-  background: var(--main-primary-color);
+  background: var(--main-app-color-bg-small);
 }
 .header__kcggd .icon-fullscreen-out,
 .header__kcggd .icon-fullscreen-exit {
@@ -257,27 +269,39 @@ body.dark .purchaseCard__awz8N:nth-of-type(2)::after {
   margin: 0;
   padding: 0;
 }
+.titleWrap__L4jJO {
+  display: inline-flex;
+  align-items: center;
+}
 .title__wfHuT {
-  display: flex;
+  display: inline-flex;
   align-items: center;
-  padding: 4px 0;
-  font-size: 20px;
-  font-weight: 700;
+  font-size: 24px;
+  font-weight: 500;
   color: var(--main-app-color-text);
 }
 .title__wfHuT + .main-breadcrumb {
   margin: 5px 0 0 44px;
 }
-body.light .header__kcggd:after {
-  content: '';
-  position: absolute;
-  left: 28px;
-  right: 28px;
-  bottom: 0;
-  border-bottom: 1px solid var(--main-app-color-border-secondary);
+.actions__DiTrm {
+  margin-left: 32px;
 }
-body.light .header__kcggd .header-icon:hover {
-  background: var(--main-app-color-bg-small);
+.actions__DiTrm .actions-item {
+  display: inline-flex;
+  align-items: center;
+  font-size: 16px;
+  cursor: pointer;
+}
+.actions__DiTrm .actions-item.highlight {
+  font-weight: 500;
+}
+.actions__DiTrm .actions-item.highlight,
+.actions__DiTrm .actions-item:hover {
+  color: var(--main-app-color-link);
+}
+.actions__DiTrm .anticon-info-circle {
+  margin-left: 4px;
+  font-size: 14px;
 }
 
 .card__ZpLeg {
@@ -332,15 +356,21 @@ body.light .header__kcggd .header-icon:hover {
   color: var(--main-app-color-text-secondary);
   transform: translateY(-50%);
 }
-.expiredTag__uTOWu {
+.statusTag__il7r1 {
   display: inline-flex;
   align-items: center;
   padding-right: 12px;
   margin-left: 8px;
   border-radius: 11px;
 }
-.expiredTag__uTOWu .anticon {
-  margin-right: 8px;
+.statusTag__il7r1.main-tag-warning + .statusInfoIcon__WK5ev,
+.statusTag__il7r1.main-tag-error + .statusInfoIcon__WK5ev {
+  display: unset;
+}
+.statusInfoIcon__WK5ev.anticon {
+  display: none;
+  cursor: pointer;
+  color: var(--main-app-color-text-tertiary);
 }
 .page__Cbm30 {
   display: flex;
@@ -418,25 +448,192 @@ body.light .header__kcggd .header-icon:hover {
 }
 .setting-item__qvLYa {
   position: relative;
+  display: flex;
+  align-items: center;
   padding: 16px 0;
   border-bottom: 1px solid var(--main-app-color-border-secondary);
 }
-.setting-item__qvLYa > .title {
+.setting-item__qvLYa > .hd {
+  margin-right: 16px;
+}
+.setting-item__qvLYa > .bd {
+  flex: 1;
+}
+.setting-item__qvLYa > .extra {
+  margin-left: 16px;
+}
+.setting-item__qvLYa .title {
   margin-bottom: 4px;
   font-size: 16px;
   font-weight: 500;
   color: var(--main-app-color-text);
 }
-.setting-item__qvLYa > .content {
+.setting-item__qvLYa .content {
   font-size: 14px;
   color: var(--main-app-color-text-secondary);
 }
-.setting-item__qvLYa > a {
-  position: absolute;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
+.setting-item__qvLYa a {
+  color: var(--main-app-color-primary-text);
+}
+
+.upload__KaWeJ {
+  display: flex;
+  flex-direction: column;
+}
+.upload__KaWeJ .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,
+.upload__KaWeJ .ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload.ant-upload-select,
+.upload__KaWeJ .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container,
+.upload__KaWeJ .ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container,
+.upload__KaWeJ .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-container,
+.upload__KaWeJ .ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-list.ant-upload-list-picture-circle .ant-upload-list-item-container {
+  width: 104px;
+  height: 104px;
+}
+.uploadModal__r50Ae .img-crop-control {
+  border-radius: 8px;
+  background-color: var(--main-app-color-bg-small);
+  color: var(--main-app-color-text);
+}
+.uploadModal__r50Ae .img-crop-control button:disabled {
+  opacity: 0.6;
+  color: inherit;
+}
+.upload-container__jC8EI {
+  width: 104px;
+  height: 104px;
+  margin-bottom: 8px;
+}
+.tip__iKEO2 {
+  flex: 1;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 20px;
+  text-align: justify;
+  /* 浏览器可能不支持 */
+  color: var(--main-app-color-text-secondary);
+}
+body.light .uploadModal__r50Ae .img-crop-control {
+  background: none;
+}
+
+.userAccount__vvm0e {
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+  cursor: pointer;
+}
+.nickname__iiOb3 {
+  flex: 1;
+  width: 0;
+  margin-left: 8px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.userInfo__IljuA {
+  width: 250px;
+  margin-bottom: 6px;
+  padding: 16px 16px 2px;
+}
+.userInfo__IljuA .topInfo {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+.userInfo__IljuA .topInfo .nickname {
+  flex: 1;
+  margin-right: 8px;
+  font-size: 20px;
+  font-weight: 600;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.roleList__dmxfG {
+  margin: 0;
+}
+.roleList__dmxfG > span:not(.main-tag) {
+  display: none;
+}
+.roleList__dmxfG > span:not(.main-tag) + span {
+  display: inline-block;
+}
+.roleList__dmxfG .main-tag {
+  max-width: 210px;
+  margin-right: 4px;
+  margin-bottom: 4px;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  font-size: 14px;
+  border: 0 none;
   color: var(--main-app-color-primary-text);
+  background: var(--main-app-color-primary-bg);
+}
+.roleList__dmxfG .main-tag .main-typography {
+  color: inherit;
+}
+.roleList__dmxfG .main-tag-warning {
+  color: var(--main-app-color-warning-text);
+  background: var(--main-app-color-warning-bg);
+}
+.roleList__dmxfG .ellipsis-tag {
+  display: none;
+}
+.enterprise__shBl8 {
+  margin: 0 16px 16px;
+}
+.enterprise__shBl8:empty {
+  margin: 0;
+}
+.enterprise__shBl8 > div {
+  margin-bottom: 4px;
+  word-break: break-all;
+}
+.featureList__i3LhM {
+  padding: 4px 8px;
+  border-top: 1px solid var(--main-app-color-fill-secondary);
+}
+.featureList__i3LhM .main-app-nav-item {
+  padding: 8px;
+  border-radius: 8px;
+}
+.featureList__i3LhM .main-app-nav-item:hover {
+  background: var(--main-app-color-bg-spotlight);
+}
+.logout__tECKi {
+  display: flex;
+  align-items: center;
+  height: 48px;
+  cursor: pointer;
+  padding: 4px 16px;
+  color: var(--main-primary-color);
+  border-top: 1px solid var(--main-app-color-fill-secondary);
+}
+.avatar__tfEIa {
+  flex: none;
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  font-size: 17px;
+  border-radius: 50%;
+  cursor: pointer;
+  color: var(--main-app-color-primary);
+  overflow: hidden;
+  background: scroll no-repeat center;
+  background-size: contain;
+}
+.avatar__tfEIa::before {
+  content: '';
+  position: absolute;
+  z-index: -1;
+  inset: 0;
+  border-radius: 16px;
+  background: var(--main-app-color-primary);
+  opacity: 0.1;
 }
 
 .notice__qISTJ {
@@ -581,7 +778,6 @@ body.dark .desc__ov6Pg {
   flex-direction: column;
   position: relative;
   height: 100%;
-  overflow: hidden;
 }
 .layoutContent___o1Q3 > div:only-child,
 .layoutContent___o1Q3 > .main-spin-nested-loading,
@@ -599,7 +795,7 @@ body.dark .desc__ov6Pg {
 .layoutContent___o1Q3 #container > div {
   min-height: 100%;
   overflow-y: auto;
-  padding: 4px 28px 20px;
+  padding: 0 28px;
 }
 .layoutContent___o1Q3 #container > div #root {
   min-height: 100%;
@@ -608,8 +804,11 @@ body.dark .desc__ov6Pg {
 .layoutContent___o1Q3.full-screen {
   padding-top: 20px;
 }
-.layoutContent___o1Q3.with-sider > .main-spin-nested-loading {
-  padding-top: 20px;
+.layoutContent___o1Q3.with-sider .J_app-header-wrap {
+  padding-top: 28px;
+}
+.layoutContent___o1Q3.with-sider .J_full-screen {
+  top: 29px;
 }
 .layoutContent___o1Q3.has-innerSider {
   flex-direction: row;
@@ -645,33 +844,8 @@ body.light .layoutContent___o1Q3 #container > div #root {
 body.light .layoutContent___o1Q3::backdrop {
   background: var(--main-app-color-bg-layout);
 }
-body.light .layoutCircleBg1__gyB2K,
-body.light .layoutCircleBg2___XZpQ {
-  opacity: 0;
-}
-.layoutCircleBg1__gyB2K {
-  position: absolute;
-  left: 5%;
-  top: -5%;
-  z-index: -1;
-  width: 47.47%;
-  height: 66.5%;
-  transform: rotate(16.01deg);
-  opacity: 0.2;
-  pointer-events: none;
-  filter: blur(100px);
-}
-.layoutCircleBg2___XZpQ {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  z-index: -1;
-  width: 56.24%;
-  height: 53.59%;
-  transform: translate(30%, 10%) rotate(20.89deg);
-  opacity: 0.4;
-  pointer-events: none;
-  filter: blur(100px);
+.main-drawer .main-drawer-header-title {
+  flex-direction: row-reverse;
 }
 
 .horizontalMenu__knTR1 {
@@ -692,21 +866,19 @@ body.light .layoutCircleBg2___XZpQ {
   line-height: 36px;
   border-radius: 8px;
   color: var(--main-app-navigate-menu-text);
-  background: var(--main-app-navigate-menu-bg);
   cursor: pointer;
 }
 .horizontalMenu__knTR1 > li.main-popover-open,
 .horizontalMenu__knTR1 > li:hover {
   color: var(--main-app-navigate-text-hover-normal) !important;
-  background: var(--main-app-navigate-bg-hover);
 }
 .horizontalMenu__knTR1 > li a,
 .horizontalMenu__knTR1 > li a:hover {
   color: inherit;
 }
 .horizontalMenu__knTR1 > li.menuSelected__u4ILv {
+  font-weight: 500;
   color: var(--main-app-navigate-menu-select-text) !important;
-  background: var(--main-app-navigate-menu-select-bg) !important;
 }
 .horizontalMenu__knTR1 > li.menuSelected__u4ILv .menu-arrow {
   margin-top: -3px;
@@ -740,6 +912,22 @@ body.light .layoutCircleBg2___XZpQ {
 .horizontalMenu__knTR1 .menu-arrow::after {
   transform: rotate(45deg) translateX(-2.5px);
 }
+.horizontalMenu__knTR1 .ellpsis-menu-arrow {
+  display: inline-flex;
+  align-items: center;
+  padding: 6px;
+  margin: 0 -16px;
+  font-size: 16px;
+  cursor: pointer;
+  border-radius: 8px;
+  color: var(--main-app-color-text-secondary);
+  background: var(--main-app-color-fill-quaternary);
+  border: 1px solid transparent;
+}
+.horizontalMenu__knTR1 .ellpsis-menu-arrow:hover {
+  color: var(--main-app-color-primary);
+  border-color: var(--main-app-color-primary);
+}
 .horizontalSubMenu__HyBkt {
   max-height: 60vh;
   overflow: auto;
@@ -752,6 +940,7 @@ body.light .layoutCircleBg2___XZpQ {
 }
 .horizontalSubMenu__HyBkt > li.main-menu-item,
 .horizontalSubMenu__HyBkt > li.main-menu-submenu > .main-menu-submenu-title {
+  width: 100%;
   margin: 4px 0;
   padding-left: 12px !important;
 }
@@ -768,6 +957,7 @@ body.light .layoutCircleBg2___XZpQ {
   background: var(--main-app-navigate-submenu-select-bg);
 }
 .horizontalSubMenu__HyBkt > .main-menu-submenu > .main-menu-submenu-title {
+  width: 100%;
   background: none !important;
 }
 .horizontalSubMenu__HyBkt > .main-menu-submenu > .main-menu-sub {
@@ -808,20 +998,12 @@ body.light .layoutCircleBg2___XZpQ {
 .horizontalMenuPopover__WYV3T .main-popover-inner {
   padding: 0;
 }
-body.light .horizontalMenu__knTR1 > li {
-  background: none;
-}
-body.light .horizontalMenu__knTR1 > li:hover {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
-}
-body.light .horizontalMenu__knTR1 > li.menuSelected__u4ILv {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
+.trdMenu__gAY5a.main-menu-submenu-popup {
+  -webkit-padding-start: 6px !important;
+          padding-inline-start: 6px !important;
 }
-body.light .trdMenu__gAY5a .main-menu-item-selected {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
+.trdMenu__gAY5a .main-menu-sub {
+  min-width: unset !important;
 }
 body.light .horizontalMenu__knTR1 > li {
   background: none;
@@ -838,153 +1020,42 @@ body.light .trdMenu__gAY5a .main-menu-item-selected {
   color: var(--main-app-color-primary-text) !important;
   background: none !important;
 }
-body.light .horizontalMenu__knTR1 > li {
-  background: none;
+
+.navItem__pMpDc {
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+  overflow: hidden;
+  cursor: pointer;
 }
-body.light .horizontalMenu__knTR1 > li:hover {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
+.navItem__pMpDc .anticon {
+  padding: 1px;
+  font-size: 14px;
+  color: var(--main-app-color-text-tertiary);
 }
-body.light .horizontalMenu__knTR1 > li.menuSelected__u4ILv {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
+.navItem__pMpDc .main-menu-icon {
+  height: unset !important;
 }
-body.light .trdMenu__gAY5a .main-menu-item-selected {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
+.navItem__pMpDc img {
+  max-width: 14px;
+  max-height: 14px;
 }
-body.light .horizontalMenu__knTR1 > li {
-  background: none;
+.navItemContent__vlAUd {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  margin-left: 8px;
+  white-space: nowrap;
 }
-body.light .horizontalMenu__knTR1 > li:hover {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
-}
-body.light .horizontalMenu__knTR1 > li.menuSelected__u4ILv {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
-}
-body.light .trdMenu__gAY5a .main-menu-item-selected {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
-}
-body.light .horizontalMenu__knTR1 > li {
-  background: none;
-}
-body.light .horizontalMenu__knTR1 > li:hover {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
-}
-body.light .horizontalMenu__knTR1 > li.menuSelected__u4ILv {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
-}
-body.light .trdMenu__gAY5a .main-menu-item-selected {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
-}
-
-.appDownload__db5uD {
-  display: flex;
-  align-items: center;
-  font-size: 13px;
-}
-.appDownload__db5uD .anticon {
-  font-size: 16px;
-}
-.appDownloadTxt__uCyT4 {
-  display: flex;
-  align-items: center;
-  margin-left: 8px;
-}
-.appQrcode__OCK8v {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  min-width: 200px;
-  text-align: center;
-}
-.appQrcode__OCK8v .main-app-qrTitle {
-  margin-bottom: 12px;
-}
-.appQrcode__OCK8v.TEXT_ON_LEFT,
-.appQrcode__OCK8v.TEXT_ON_RIGHT {
-  flex-direction: row;
-  max-width: 360px;
-}
-.appQrcode__OCK8v.TEXT_ON_LEFT .main-app-qrTitle,
-.appQrcode__OCK8v.TEXT_ON_RIGHT .main-app-qrTitle {
-  max-width: 160px;
-}
-.appQrcode__OCK8v.TEXT_ON_BOTTOM .main-app-qrTitle,
-.appQrcode__OCK8v.TEXT_ON_RIGHT .main-app-qrTitle {
-  order: 2;
-}
-.appQrcode__OCK8v.TEXT_ON_BOTTOM .main-app-qrTitle {
-  margin-top: 12px;
-  margin-bottom: 0;
-}
-.qrcodeImg__wx1gF {
-  position: relative;
-  flex: 1;
-}
-.qrcodeImg__wx1gF canvas {
-  width: 200px;
-  height: 200px;
-}
-.qrcodeImg__wx1gF .favicon {
-  position: absolute;
-  z-index: 1;
-  left: 50%;
-  top: 50%;
-  width: 32px;
-  height: 32px;
-  border: 2px solid #ffffff;
-  border-radius: 3px;
-  transform: translate(-50%, -50%);
-}
-.qrTitle__CUp3e {
-  max-width: 270px;
-  font-weight: bold;
-  font-size: 14px;
-  text-align: center;
-  white-space: normal;
-  word-break: break-all;
-}
-.hintImage__hhO5W {
-  max-width: 300px;
-  margin-left: -10px;
-  background-repeat: no-repeat;
-  background-size: contain;
-}
-
-.navItem__pMpDc {
-  display: flex;
-  align-items: center;
-  font-size: 13px;
-  overflow: hidden;
-  cursor: pointer;
-}
-.navItem__pMpDc .anticon {
-  font-size: 16px;
-}
-.navItem__pMpDc img {
-  max-width: 14px;
-  max-height: 14px;
+.navItemContent__vlAUd:only-child {
+  margin-left: 0;
 }
 .navItemTxt__tVFy0 {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  margin-left: 8px;
-  white-space: nowrap;
-}
-.navItemTxt__tVFy0:only-child {
-  margin-left: 0;
+  color: var(--main-app-color-text-secondary);
 }
 .navItemPopover__jA5Ww .main-popover-inner {
   padding: 0;
+  overflow: hidden;
 }
 .navItemPopover__jA5Ww .main-menu-item {
   padding-left: 12px !important;
@@ -993,6 +1064,9 @@ body.light .trdMenu__gAY5a .main-menu-item-selected {
 .navItemPopover__jA5Ww .main-menu-inline-collapsed {
   width: auto !important;
 }
+.menu__EkD5i.main-menu-light .main-menu-item:not(.main-menu-item-selected):hover {
+  background: var(--main-app-color-bg-spotlight) !important;
+}
 
 .notification__BEJcE {
   display: flex;
@@ -1025,6 +1099,7 @@ body.light .trdMenu__gAY5a .main-menu-item-selected {
 }
 .resetList__MfgMC .main-list-item-meta-title {
   font-size: 12px;
+  font-weight: 400;
   color: var(--main-app-color-text-tertiary) !important;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1033,18 +1108,14 @@ body.light .trdMenu__gAY5a .main-menu-item-selected {
 .resetList__MfgMC .main-list-item-meta-description {
   font-size: 14px;
   font-weight: 400;
-  color: var(--main-app-color-text) !important;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
-.multiple__n_p5g .main-badge-multiple-words {
-  padding: 0 4px;
-}
-.iconMargin__Hbfjg {
-  margin-right: 5px;
+.resetList__MfgMC .main-list-item-meta-description .main-typography {
+  color: var(--main-app-color-text-secondary);
 }
 .circle__l8iGG {
   display: flex;
@@ -1053,11 +1124,14 @@ body.light .trdMenu__gAY5a .main-menu-item-selected {
 }
 .circle__l8iGG .main-badge-count {
   color: var(--main-app-navigate-text);
-  inset-inline-end: auto !important;
+}
+.circle__l8iGG .main-badge-multiple-words {
+  padding: 0 3px;
 }
 .footer__NGaZB {
+  margin-bottom: -12px;
   line-height: 22px;
-  font-size: 12px;
+  font-size: 14px;
   color: var(--main-primary-color);
 }
 .footer__NGaZB span {
@@ -1098,85 +1172,74 @@ body.light .circle__l8iGG .main-badge-count {
   color: var(--main-primary-color);
 }
 
-.userAccount__vvm0e {
-  display: flex;
-  align-items: center;
-  font-size: 13px;
-}
-.userAccount__vvm0e .avatar {
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  cursor: pointer;
-  background: var(--main-app-color-bg-elevated) url(data:image/png;base64,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) scroll no-repeat center;
-  background-size: contain;
-}
-.nickname__iiOb3 {
-  margin-left: 8px;
-}
-.userInfo__IljuA {
-  width: 250px;
-  padding: 16px 16px 2px;
+.appDownload__db5uD .main-popover-inner {
+  padding: 12px;
 }
-.userInfo__IljuA .topInfo {
+.appQrcode__OCK8v {
   display: flex;
   align-items: center;
-  margin-bottom: 8px;
-}
-.userInfo__IljuA .topInfo .nickname {
-  flex: 1;
-  margin-right: 8px;
-  font-size: 20px;
-  font-weight: 600;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  justify-content: center;
+  flex-direction: column;
+  min-width: 200px;
+  text-align: center;
 }
-.roleList__dmxfG {
-  margin: 0;
+.appQrcode__OCK8v .main-app-qrTitle {
+  margin-bottom: 12px;
 }
-.roleList__dmxfG > span:not(.main-tag) {
-  display: none;
+.appQrcode__OCK8v.TEXT_ON_LEFT,
+.appQrcode__OCK8v.TEXT_ON_RIGHT {
+  flex-direction: row;
+  max-width: 360px;
 }
-.roleList__dmxfG > span:not(.main-tag) + span {
-  display: inline-block;
+.appQrcode__OCK8v.TEXT_ON_LEFT .main-app-qrTitle,
+.appQrcode__OCK8v.TEXT_ON_RIGHT .main-app-qrTitle {
+  max-width: 160px;
 }
-.roleList__dmxfG .main-tag {
-  max-width: 210px;
-  margin-right: 4px;
-  margin-bottom: 4px;
-  padding-top: 1px;
-  padding-bottom: 1px;
-  font-size: 14px;
-  border: 0 none;
-  color: var(--main-app-color-text-secondary);
-  background: var(--main-app-color-bg-spotlight);
+.appQrcode__OCK8v.TEXT_ON_BOTTOM .main-app-qrTitle,
+.appQrcode__OCK8v.TEXT_ON_RIGHT .main-app-qrTitle {
+  order: 2;
 }
-.roleList__dmxfG .main-tag .main-typography {
-  color: inherit;
+.appQrcode__OCK8v.TEXT_ON_BOTTOM .main-app-qrTitle {
+  margin-top: 12px;
+  margin-bottom: 0;
 }
-.roleList__dmxfG .main-tag-warning {
-  color: var(--main-app-color-warning-text);
-  background: var(--main-app-color-warning-bg);
+.qrcodeImg__wx1gF {
+  position: relative;
+  flex: 1;
 }
-.roleList__dmxfG .ellipsis-tag {
-  display: none;
+.qrcodeImg__wx1gF canvas {
+  width: 200px;
+  height: 200px;
 }
-.enterprise__shBl8 {
-  cursor: pointer;
-  margin: 8px 16px;
-  line-height: 38px;
+.qrcodeImg__wx1gF .favicon {
+  position: absolute;
+  z-index: 1;
+  left: 50%;
+  top: 50%;
+  width: 32px;
+  height: 32px;
+  border: 2px solid #ffffff;
+  border-radius: 3px;
+  transform: translate(-50%, -50%);
 }
-.logout__tECKi {
-  display: flex;
-  align-items: center;
-  height: 48px;
-  margin: 0 16px;
-  cursor: pointer;
-  border-top: 1px solid var(--main-app-color-border-secondary);
+.qrTitle__CUp3e {
+  max-width: 270px;
+  font-weight: bold;
+  font-size: 14px;
+  text-align: center;
+  white-space: normal;
+  word-break: break-word;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
 }
-.logout__tECKi:hover {
-  color: var(--main-primary-color);
+.hintImage__hhO5W {
+  max-width: 300px;
+  margin-left: -10px;
+  background-repeat: no-repeat;
+  background-size: contain;
 }
 
 .headerNav__udK6r {
@@ -1185,7 +1248,6 @@ body.light .circle__l8iGG .main-badge-count {
   align-items: center;
   border-radius: 8px;
   color: var(--main-app-navigate-text);
-  background: var(--main-app-color-bg-spotlight);
 }
 .headerNav__udK6r .main-app-nav-item {
   display: flex;
@@ -1199,37 +1261,6 @@ body.light .circle__l8iGG .main-badge-count {
 }
 .headerNav__udK6r .main-app-nav-item:hover {
   color: var(--main-app-navigate-text-hover-normal);
-  background: var(--main-app-color-bg-elevated);
-}
-body.light .headerNav__udK6r {
-  background: none ;
-}
-body.light .headerNav__udK6r .main-app-nav-item:hover {
-  color: var(--main-app-color-primary-text) !important;
-}
-body.light .headerNav__udK6r {
-  background: none ;
-}
-body.light .headerNav__udK6r .main-app-nav-item:hover {
-  color: var(--main-app-color-primary-text) !important;
-}
-body.light .headerNav__udK6r {
-  background: none ;
-}
-body.light .headerNav__udK6r .main-app-nav-item:hover {
-  color: var(--main-app-color-primary-text) !important;
-}
-body.light .headerNav__udK6r {
-  background: none ;
-}
-body.light .headerNav__udK6r .main-app-nav-item:hover {
-  color: var(--main-app-color-primary-text) !important;
-}
-body.light .headerNav__udK6r {
-  background: none ;
-}
-body.light .headerNav__udK6r .main-app-nav-item:hover {
-  color: var(--main-app-color-primary-text) !important;
 }
 
 .layoutHeader__hSm9v {
@@ -1242,30 +1273,48 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
   color: var(--main-app-navigate-text);
   background-color: var(--main-app-navigate-bg);
   transition: all 0.2s;
+  overflow: hidden;
 }
 .siteInfo__X3cGp {
   flex: none;
   display: flex;
   align-items: center;
+  margin-right: 20px;
 }
 .siteInfo__X3cGp img {
   max-height: 36px;
+  max-width: 160px;
 }
 .siteInfo__X3cGp h1 {
-  display: none;
+  margin: 0 0 0 12px;
   font-size: 20px;
-  margin-left: 8px;
+  font-weight: 500;
+  color: var(--main-app-color-text);
+}
+.goHome__rL9nk {
+  margin-right: 8px;
+  padding: 8px;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+}
+.goHome__rL9nk:hover {
+  color: var(--main-app-color-primary-text);
+}
+.projectInfo__SJOn2 {
+  margin-right: 8px;
 }
 .headerMenu__X31e1 {
   position: relative;
   flex: 1;
   display: flex;
   align-items: center;
-  margin: 0 20px;
+  margin-right: 20px;
   overflow: hidden;
 }
 
 .siderNav__ujGXh {
+  position: relative;
   flex: none;
   display: flex;
   flex-direction: column;
@@ -1273,6 +1322,18 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
   padding: 10px;
   border-top: 1px solid var(--main-app-color-border-secondary);
 }
+.siderNav__ujGXh::before {
+  content: '';
+  position: absolute;
+  top: -81px;
+  left: 0;
+  right: 0;
+  height: 80px;
+  opacity: 1;
+  pointer-events: none;
+  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0%, #0A0A0A 100%);
+  transition: opacity ease-out 0.5s;
+}
 .siderNav__ujGXh .main-app-nav-item {
   display: flex;
   align-items: center;
@@ -1288,20 +1349,48 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
 .siderNav__ujGXh .main-app-nav-item:hover {
   background: var(--main-app-color-fill-tertiary);
 }
+.siderNav__ujGXh .main-app-nav-item [class*="navItemTxt"] {
+  flex: 1;
+  width: 0;
+  max-width: unset !important;
+}
 .siderNav__ujGXh .main-app-nav-item .avatar {
   width: 24px;
   height: 24px;
 }
+.siderNav__ujGXh .avatar {
+  margin-left: 3px;
+}
+.siderNav__ujGXh .nav-collapse-trigger {
+  order: -1;
+}
+.sideUserAccount__HImsz {
+  padding: 11px 0;
+  border-radius: 8px;
+}
+.sideUserAccount__HImsz:hover {
+  background: var(--main-app-color-fill-tertiary);
+}
+.collapsed__UKfPw .main-app-nav-item .anticon-right {
+  display: none;
+}
+body.light .siderNav__ujGXh::before {
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
+}
 
 .siteSider__WRhb9 {
   position: relative;
   z-index: 1;
-  color: var(--main-app-color-text-secondary) !important;
-  background: var(--main-app-color-bg-container) !important;
+  color: var(--main-app-color-text-secondary);
+  background: var(--main-app-color-bg-layout);
+  border-right: 1px solid var(--main-app-color-border-secondary);
 }
 .siteSider__WRhb9:hover {
   z-index: 10;
 }
+.siteSider__WRhb9:hover .foldBtnFixed__tZVuF {
+  opacity: 1;
+}
 .siteSider__WRhb9 > div {
   display: flex;
   flex-direction: column;
@@ -1313,12 +1402,11 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
   flex: none;
   display: flex;
   flex-wrap: nowrap;
-  justify-content: center;
-  align-items: center;
   margin: 16px 16px 0;
 }
 .siteInfo__Jr3Fh img {
   max-width: 100%;
+  max-height: 36px;
 }
 .siteInfo__Jr3Fh h1 {
   margin: 16px 0 16px 12px;
@@ -1327,21 +1415,28 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
   text-overflow: ellipsis;
   overflow: hidden;
 }
+.menuAtBottom__IR4lN + [class*="siderNav"]::before {
+  opacity: 0;
+}
 .siderMenu__NUToQ {
   flex: 1;
   padding: 12px;
   overflow: auto;
+  scrollbar-width: none;
 }
 .siderMenu__NUToQ > .main-menu {
   -webkit-border-end: 0 none !important;
           border-inline-end: 0 none !important;
 }
+.siderMenu__NUToQ > .main-menu .main-menu-icon {
+  margin: 0 !important;
+}
 .siderMenu__NUToQ > .main-menu > li {
   width: 100% !important;
 }
 .siderMenu__NUToQ > .main-menu > li:hover {
-  color: var(--main-app-color-text-secondary);
-  background: var(--main-app-color-fill-tertiary);
+  color: var(--main-primary-color) !important;
+  background: transparent !important;
 }
 .siderMenu__NUToQ > .main-menu > li.main-menu-item,
 .siderMenu__NUToQ > .main-menu > li.main-menu-submenu {
@@ -1351,23 +1446,20 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
 .siderMenu__NUToQ > .main-menu > li.main-menu-submenu.main-menu-item-selected,
 .siderMenu__NUToQ > .main-menu > li.main-menu-item.main-menu-submenu-selected,
 .siderMenu__NUToQ > .main-menu > li.main-menu-submenu.main-menu-submenu-selected {
-  color: var(--main-app-color-text);
-  background: var(--main-primary-color);
+  font-weight: 500;
+  color: var(--main-primary-color) !important;
+  background: transparent !important;
 }
 .siderMenu__NUToQ > .main-menu > li.main-menu-item.main-menu-item-selected > .main-menu-submenu-title,
 .siderMenu__NUToQ > .main-menu > li.main-menu-submenu.main-menu-item-selected > .main-menu-submenu-title,
 .siderMenu__NUToQ > .main-menu > li.main-menu-item.main-menu-submenu-selected > .main-menu-submenu-title,
 .siderMenu__NUToQ > .main-menu > li.main-menu-submenu.main-menu-submenu-selected > .main-menu-submenu-title {
-  color: var(--main-app-color-text);
+  color: var(--main-primary-color) !important;
   background: none;
 }
 .siderMenu__NUToQ > .main-menu > li.main-menu-item.main-menu-submenu-open,
 .siderMenu__NUToQ > .main-menu > li.main-menu-submenu.main-menu-submenu-open {
-  background: var(--main-app-color-fill-tertiary);
-}
-.siderMenu__NUToQ > .main-menu > li.main-menu-item.main-menu-submenu-open > .main-menu-submenu-title,
-.siderMenu__NUToQ > .main-menu > li.main-menu-submenu.main-menu-submenu-open > .main-menu-submenu-title {
-  color: var(--main-primary-color);
+  background: transparent !important;
 }
 .siderMenu__NUToQ > .main-menu > li.main-menu-item,
 .siderMenu__NUToQ > .main-menu > li.main-menu-submenu > .main-menu-submenu-title {
@@ -1375,7 +1467,20 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
   padding-right: 12px !important;
 }
 .siderMenu__NUToQ > .main-menu > li .main-menu-submenu-arrow {
-  inset-inline-end: 12px !important;
+  inset-inline-end: 5px !important;
+}
+.siderMenu__NUToQ > .main-menu > .main-menu-submenu > .main-menu-sub {
+  position: relative;
+}
+.siderMenu__NUToQ > .main-menu > .main-menu-submenu > .main-menu-sub::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 18px;
+  width: 1px;
+  display: block;
+  border-left: 1px solid var(--main-app-color-border-secondary);
 }
 .siderMenu__NUToQ > .main-menu > .main-menu-submenu > .main-menu-sub > .main-menu-item,
 .siderMenu__NUToQ > .main-menu > .main-menu-submenu > .main-menu-sub > .main-menu-submenu .main-menu-submenu-title {
@@ -1383,13 +1488,13 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
 }
 .siderMenu__NUToQ > .main-menu > .main-menu-submenu > .main-menu-sub > .main-menu-item:hover,
 .siderMenu__NUToQ > .main-menu > .main-menu-submenu > .main-menu-sub > .main-menu-submenu .main-menu-submenu-title:hover {
-  background: var(--main-app-color-fill-tertiary) !important;
+  background: transparent !important;
 }
 .siderMenu__NUToQ > .main-menu > .main-menu-submenu > .main-menu-sub > .main-menu-submenu .main-menu-submenu-title {
   padding-left: 32px !important;
 }
 .siderMenu__NUToQ > .main-menu > .main-menu-submenu > .main-menu-sub > .main-menu-submenu.main-menu-submenu-open {
-  background: var(--main-app-color-fill-tertiary);
+  background: transparent;
 }
 .siderMenu__NUToQ > .main-menu > .main-menu-submenu > .main-menu-sub > .main-menu-submenu.main-menu-submenu-open .main-menu-submenu-title {
   background: transparent !important;
@@ -1401,7 +1506,19 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
   padding-left: 46px !important;
 }
 .siderMenu__NUToQ > .main-menu > .main-menu-submenu > .main-menu-sub > .main-menu-submenu.main-menu-submenu-open > .main-menu-sub .main-menu-item:hover {
-  background: var(--main-app-color-fill-tertiary) !important;
+  background: transparent !important;
+}
+.siderMenu__NUToQ > .main-menu .main-menu-submenu:hover {
+  background: none !important;
+}
+.siderMenu__NUToQ > .main-menu .main-menu-submenu.main-menu-submenu-open {
+  background: none !important;
+}
+.siderMenu__NUToQ > .main-menu .main-menu-submenu.main-menu-submenu-open .main-menu-sub {
+  background: none !important;
+}
+.siderMenu__NUToQ > .main-menu .main-menu-submenu.main-menu-submenu-open .main-menu-sub .main-menu-item {
+  background: none !important;
 }
 .siderMenu__NUToQ > .main-menu .main-menu-submenu .main-menu-submenu-title {
   width: 100%;
@@ -1410,14 +1527,38 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
   -webkit-margin-end: 0;
           margin-inline-end: 0;
 }
+.siderMenu__NUToQ > .main-menu .main-menu-submenu .main-menu-submenu-title:hover {
+  color: var(--main-app-color-primary-text) !important;
+  background: none !important;
+}
 .siderMenu__NUToQ > .main-menu .main-menu-submenu .main-menu-sub {
   margin: 0;
   padding: 0 4px;
+  background: none !important;
 }
 .siderMenu__NUToQ > .main-menu .main-menu-submenu .main-menu-sub > .main-menu-item {
   margin-left: 0;
   margin-right: 0;
   width: 100%;
+  background: none !important;
+}
+.siderMenu__NUToQ > .main-menu .main-menu-item:hover,
+.siderMenu__NUToQ > .main-menu .main-menu-submenu:hover {
+  color: var(--main-app-color-primary-text) !important;
+  background: none !important;
+}
+.siderMenu__NUToQ > .main-menu .main-menu-item.main-menu-item-selected,
+.siderMenu__NUToQ > .main-menu .main-menu-submenu.main-menu-item-selected {
+  color: var(--main-app-color-primary-text) !important;
+  background: none !important;
+}
+.siderMenu__NUToQ > .main-menu .main-menu-item,
+.siderMenu__NUToQ > .main-menu .main-menu-submenu-title {
+  transition: none !important;
+}
+.siderMenu__NUToQ > .main-menu .main-menu-item *,
+.siderMenu__NUToQ > .main-menu .main-menu-submenu-title * {
+  transition: none !important;
 }
 .siderMenu__NUToQ > .main-menu-light a {
   transition: none !important;
@@ -1434,13 +1575,6 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
 .siderMenu__NUToQ > .main-menu-light > li.main-menu-submenu.main-menu-submenu-selected > .main-menu-submenu-title {
   color: var(--main-app-color-primary-text);
 }
-.siderMenu__NUToQ > .main-menu-light > li.main-menu-item.main-menu-submenu-open > .main-menu-submenu-title,
-.siderMenu__NUToQ > .main-menu-light > li.main-menu-submenu.main-menu-submenu-open > .main-menu-submenu-title {
-  color: var(--main-app-color-primary-text);
-}
-.siderMenu__NUToQ > .main-menu-light > .main-menu-submenu > .main-menu-sub {
-  position: relative;
-}
 .siderMenu__NUToQ > .main-menu-light > .main-menu-submenu > .main-menu-sub > .main-menu-item.main-menu-item-selected {
   color: var(--main-app-color-primary-text) !important;
 }
@@ -1450,21 +1584,11 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
 .siderMenu__NUToQ > .main-menu-light > .main-menu-submenu > .main-menu-sub > .main-menu-submenu.main-menu-submenu-open > .main-menu-sub .main-menu-item.main-menu-item-selected {
   color: var(--main-app-color-primary-text) !important;
 }
-.siderBg__GJilS {
-  display: none;
-  position: absolute;
-  inset: 0;
-  z-index: -1;
-  overflow: hidden;
-  pointer-events: none;
+.projectInfo__zxd5t {
+  margin: 0 12px;
 }
-.siderBg__GJilS::after {
-  content: '';
-  position: absolute;
-  width: 100%;
-  height: 600px;
-  filter: blur(100px);
-  transform: translate(-45%, -45%);
+.projectInfo__zxd5t + div {
+  padding-top: 8px;
 }
 .foldBtnWrap__C_LCy {
   display: flex;
@@ -1474,7 +1598,6 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
 }
 .foldBtnWrap__C_LCy > span {
   flex: 1;
-  display: flex;
   align-items: center;
   justify-content: center;
   padding: 8px 0;
@@ -1484,6 +1607,7 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
   background-color: var(--main-app-color-fill-tertiary);
 }
 .foldBtnFixed__tZVuF {
+  display: flex;
   position: absolute;
   z-index: 9;
   top: 50%;
@@ -1493,63 +1617,18 @@ body.light .headerNav__udK6r .main-app-nav-item:hover {
   margin-top: -34px;
   transform: translate(50%, -50%);
   background: var(--main-app-color-bg-elevated) !important;
-  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
+  border: 1px solid var(--main-app-color-border-secondary);
   border-radius: 50%;
+  opacity: 0;
+  transition: opacity 0.3s ease-out;
 }
 .foldBtnFixed__tZVuF:hover {
   color: var(--main-app-color-text) !important;
   background: var(--main-primary-color) !important;
+  border-color: var(--main-primary-color);
 }
 body.light .siteSider__WRhb9 {
-  border-right: 1px solid var(--main-app-color-border-secondary);
-}
-body.light .siderMenu__NUToQ .main-menu-item:hover,
-body.light .siderMenu__NUToQ .main-menu-submenu:hover {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
-}
-body.light .siderMenu__NUToQ .main-menu-item.main-menu-item-selected,
-body.light .siderMenu__NUToQ .main-menu-submenu.main-menu-item-selected {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
-}
-body.light .siderMenu__NUToQ .main-menu .main-menu-submenu:hover {
-  background: none !important;
-}
-body.light .siderMenu__NUToQ .main-menu .main-menu-submenu.main-menu-submenu-open {
-  background: none !important;
-}
-body.light .siderMenu__NUToQ .main-menu .main-menu-submenu.main-menu-submenu-open .main-menu-sub {
-  background: none !important;
-}
-body.light .siderMenu__NUToQ .main-menu .main-menu-submenu.main-menu-submenu-open .main-menu-sub .main-menu-item {
-  background: none !important;
-}
-body.light .siderMenu__NUToQ .main-menu .main-menu-submenu .main-menu-submenu-title:hover {
-  color: var(--main-app-color-primary-text) !important;
-  background: none !important;
-}
-body.light .siderMenu__NUToQ .main-menu > .main-menu-submenu.main-menu-submenu-selected {
-  background: none !important;
-}
-body.light .siderMenu__NUToQ .main-menu > .main-menu-submenu.main-menu-submenu-open > .main-menu-sub::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 18px;
-  width: 1px;
-  display: block;
-  border-left: 1px solid var(--main-app-color-border-secondary);
-}
-body.light .siderMenu__NUToQ .main-menu > .main-menu-submenu > .main-menu-submenu-title:hover {
-  background: none !important;
-}
-body.light .siderMenu__NUToQ .main-menu > .main-menu-submenu > .main-menu-sub > .main-menu-submenu > .main-menu-submenu-title:hover {
-  background: none !important;
-}
-body.light .siderMenu__NUToQ .main-menu > .main-menu-submenu > .main-menu-sub > .main-menu-submenu.main-menu-submenu-open > .main-menu-sub .main-menu-item {
-  background: none !important;
+  background: var(--main-app-color-bg-container);
 }
 body.light .foldBtnFixed__tZVuF:hover {
   color: #fff !important;
@@ -1583,6 +1662,16 @@ body.light .foldBtnFixed__tZVuF:hover {
 }
 .login-form__kYwID .main-form-item {
   margin-bottom: 42px;
+  text-align: left;
+}
+.login-form__kYwID .main-form-item-label {
+  display: none;
+}
+.login-form__kYwID .main-input {
+  height: 0;
+  padding-top: 12px !important;
+  padding-bottom: 12px !important;
+  background-clip: content-box !important;
 }
 .third-login__RyGZl {
   cursor: pointer;
@@ -1616,6 +1705,12 @@ body.light .foldBtnFixed__tZVuF:hover {
      -moz-user-select: none;
           user-select: none;
 }
+.wrap__yI3n0 a {
+  color: var(--main-app-color-primary);
+}
+.wrap__yI3n0 a:hover {
+  color: var(--main-app-color-primary);
+}
 .wrap__yI3n0 .clause__izKh6 {
   margin-left: 8px;
   height: 22px;
@@ -1628,8 +1723,11 @@ body.light .foldBtnFixed__tZVuF:hover {
 }
 
 .wrap__lilNp {
-  margin-bottom: 56px;
-  text-align: center;
+  margin-bottom: 42px;
+}
+.wrap__lilNp h3 {
+  margin: 0;
+  color: var(--main-app-color-text);
 }
 
 .wrap__OSJoi {
@@ -1637,13 +1735,16 @@ body.light .foldBtnFixed__tZVuF:hover {
   width: 100%;
   margin-top: 8px;
   line-height: 22px;
-  justify-content: flex-end;
+  justify-content: space-between;
 }
 .wrap__OSJoi a {
   color: var(--main-app-color-text-tertiary);
 }
+.wrap__OSJoi a.highlight {
+  color: var(--main-app-color-primary);
+}
 .wrap__OSJoi a:hover {
-  color: var(--main-app-color-link);
+  color: var(--main-app-color-primary);
 }
 
 .wrap__Nc8xQ {
@@ -1655,7 +1756,7 @@ body.light .foldBtnFixed__tZVuF:hover {
   flex: 1;
 }
 .wrap__Nc8xQ .code__GNunR {
-  margin: 0 0 10px 10px;
+  margin: 5px 0 0 10px;
 }
 
 .container__DGA_S {
@@ -1677,14 +1778,16 @@ body.light .foldBtnFixed__tZVuF:hover {
 .container__DGA_S.login-page-center-layout .login__EWLFr {
   padding: 40px;
   border-radius: 16px;
-  background: rgba(23, 23, 26, 0.7);
+  background: var(--main-app-color-bg-container);
   border: 1px solid rgba(255, 255, 255, 0.1);
   -webkit-backdrop-filter: blur(10px);
           backdrop-filter: blur(10px);
   box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3);
+  text-align: center;
 }
 .container__DGA_S.login-page-center-layout .login__EWLFr > form {
   padding-bottom: 0;
+  color: var(--main-app-color-text-tertiary);
 }
 .container__DGA_S.login-page-center-layout .login__EWLFr .main-btn-primary.main-btn-lg {
   font-weight: bold;
@@ -1711,7 +1814,7 @@ body.light .foldBtnFixed__tZVuF:hover {
   flex: 1;
   width: 50%;
   margin: 40px 0;
-  border-radius: 16px 0 0 16px;
+  border-radius: 16px;
   background: url(static/img/47a523d0027c7b5af83f.png) scroll no-repeat center right;
   background-size: cover;
   background-clip: content-box;
@@ -1739,9 +1842,6 @@ body.light .foldBtnFixed__tZVuF:hover {
   left: 0;
   right: 0;
 }
-.container__DGA_S .right__LWpo2 .rightContent__pQzzz h3 {
-  color: var(--main-app-color-text-base) !important;
-}
 .container__DGA_S .right__LWpo2 .rightContent__pQzzz .main-form-item-label label {
   color: var(--main-app-color-text-tertiary) !important;
 }
@@ -1821,17 +1921,185 @@ body.light .login-page-center-layout .login-page-form {
   }
 }
 
+.form__VghGp .main-input {
+  height: 0;
+  padding-top: 12px !important;
+  padding-bottom: 12px !important;
+  background-clip: content-box !important;
+}
 .icon__ErnBX {
   font-size: 32px !important;
   margin-right: 16px;
   cursor: pointer;
 }
 
-.icon__jlQyU {
-  font-size: 32px !important;
+.registerFormWrap__jKTuc {
+  width: 520px;
+  margin: 0 auto;
+}
+.accountFormHeader__n2jEt {
+  margin-bottom: 16px;
+  font-size: 14px;
+  color: var(--main-app-color-text-secondary);
+}
+.accountFormHeader__n2jEt h3 {
+  margin: 0 0 8px;
+  font-size: 16px;
+  font-weight: 500;
+  color: var(--main-app-color-text);
+}
+.accountGroup__oAcoC {
+  width: 100%;
+  align-items: center;
+}
+.accountGroup__oAcoC.main-input-group {
+  display: flex ;
+}
+
+.countryRegionCascader__L4cS8 {
+  width: 100%;
+  align-items: center;
+}
+.countryRegionCascader__L4cS8.main-input-group {
+  display: flex ;
+}
+.country__rh3OY {
+  min-width: 120px;
+}
+.region__aK1MU {
+  flex: 1;
+}
+.region__aK1MU .main-spin-nested-loading {
+  flex: 1;
+}
+.region__aK1MU .main-select-selector {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+
+.result__wtAme {
+  padding: 40px 0;
+  text-align: center;
+}
+.result__wtAme .result-img {
+  width: 220px;
+  height: 228px;
+  margin: 0 auto 24px;
+  background: center no-repeat;
+  background-size: contain;
+}
+.result__wtAme .result-img.result-img-success {
+  background-image: url(static/img/b765d4caa82d7e5eae80.png);
+}
+.result__wtAme .result-img.result-img-audit {
+  background-image: url(static/img/7d9900e808e2197745be.png);
+}
+.result__wtAme .result-title {
+  margin-bottom: 4px;
+  font-size: 24px;
+  font-weight: 500;
+}
+.result__wtAme .result-desc {
+  font-size: 14px;
+  color: var(--main-app-color-text-secondary);
+}
+.result__wtAme .result-operate {
+  margin-top: 24px;
+}
+.result__wtAme .apply-info {
+  display: flex;
+  align-items: center;
+  width: 840px;
+  padding: 32px;
+  margin: 32px auto 0;
+  border-radius: 16px;
+  color: var(--main-app-color-text-secondary);
+  background: var(--main-app-color-bg-layout);
+}
+.result__wtAme .apply-info .enterprise-img {
+  width: 240px;
+  padding: 24px;
+  margin-right: 32px;
+}
+.result__wtAme .apply-info .enterprise-img > img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.result__wtAme .apply-info .enterprise-info > .item {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 8px;
+  text-align: left;
+}
+.result__wtAme .apply-info .enterprise-info > .item > label {
+  flex: none;
+}
+body.light .result__wtAme .result-img.result-img-success {
+  background-image: url(static/img/a10132bbdef90aa7baaf.png);
+}
+body.light .result__wtAme .result-img.result-img-audit {
+  background-image: url(static/img/a20c372b6039996ba351.png);
+}
+
+.page__mUqKE {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  color: var(--main-app-color-text);
+  background: var(--main-app-color-bg-layout);
+}
+.pageHeader__wUg6q {
+  margin: 0 28px;
+  border-bottom: 1px solid var(--main-app-color-border-secondary);
+}
+.siteInfo__XC3op {
+  display: flex;
+  align-items: center;
+  padding: 20px 0;
+}
+.siteInfo__XC3op .logo img {
+  max-height: 36px;
+  vertical-align: top;
+}
+.pageTitle__I6_HQ {
+  display: flex;
+  align-items: center;
+  padding: 8px 0 20px;
+  font-size: 24px;
+  font-weight: 500;
+}
+.pageTitle__I6_HQ .icon-back {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   margin-right: 16px;
+  width: 24px;
+  height: 24px;
+  border-radius: 4px;
+  color: var(--main-app-color-text-secondary);
+  background: var(--main-app-color-bg-spotlight);
   cursor: pointer;
 }
+.pageTitle__I6_HQ .icon-back:hover {
+  color: var(--main-app-color-text);
+  background: var(--main-app-color-bg-small);
+}
+.pageBody__ijjb4 {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  padding: 24px 0;
+  overflow: auto;
+}
+.pageFooter__nhlZd {
+  flex: none;
+  padding: 16px 0;
+  text-align: center;
+  border-top: 1px solid var(--main-app-color-border-secondary);
+}
+body.light .page__mUqKE {
+  background: var(--main-app-color-bg-container);
+}
 
 .switchLang__hoKhd {
   height: 100%;