@tuya-sat/sdf-main-sdk 2.0.0-alpha.21 → 2.0.0-alpha.211

package/dist/main.css

@@ -26,8 +26,7 @@ code {
   overflow: hidden;
   padding: 0;
   clip: rect(1px, 1px, 1px, 1px);
-  -webkit-clip-path: inset(50%);
-          clip-path: inset(50%);
+  clip-path: inset(50%);
   left: -999em;
 }
 #teconsent:has(span) + .main-divider.main-divider-vertical {
@@ -224,82 +223,524 @@ body.dark .purchaseCard__awz8N:nth-of-type(2)::after {
   opacity: 0.4;
 }
 
+.notificationContent__Rccee {
+  max-width: 400px;
+  font-size: 14px;
+  line-height: 1.5;
+}
+.messageContent__SDJ4t {
+  margin-bottom: 8px;
+  color: #666;
+  display: inline;
+}
+.detailContainer__m6MHQ {
+  margin-bottom: 8px;
+  display: inline-block;
+}
+.detailLink__Znp5G {
+  color: #1890ff;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.detailLink__Znp5G:hover {
+  color: #40a9ff;
+}
+.metaContainer__dGOxw {
+  margin-bottom: 12px;
+  font-size: 12px;
+  color: #999;
+}
+.imageContainer__vDZsz {
+  margin-bottom: 12px;
+  border-radius: 9px;
+  background: #F2F3F5;
+  overflow: hidden;
+  transition: transform 0.2s ease;
+  cursor: pointer;
+  width: -moz-max-content;
+  width: max-content;
+  display: flex;
+}
+.imageContainer__vDZsz:hover {
+  transform: scale(1.02);
+}
+.image__DVFDR {
+  width: 100%;
+  max-width: 120px;
+  aspect-ratio: 4/3;
+  border-radius: 6px;
+  display: block;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.buttonContainer__dPZ_4 {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 12px;
+}
+.notificationTitle__dJkAv {
+  font-size: 16px;
+  font-weight: 500;
+  color: #1D2129;
+}
+
 .header__kcggd {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
-  padding: 20px;
+  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;
-  background: var(--main-app-color-bg-container);
+  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 .anticon-fullscreen,
-.header__kcggd .anticon-fullscreen-exit {
+.header__kcggd .icon-fullscreen-out,
+.header__kcggd .icon-fullscreen-exit {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   position: absolute;
-  right: 20px;
-  top: 22px;
+  right: 28px;
+  top: 9px;
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
   margin: 0;
+  padding: 0;
+}
+.titleWrap__L4jJO {
+  display: inline-flex;
+  align-items: center;
 }
 .title__wfHuT {
-  display: flex;
+  display: inline-flex;
   align-items: center;
-  font-size: 20px;
+  font-size: 24px;
+  font-weight: 500;
   color: var(--main-app-color-text);
 }
 .title__wfHuT + .main-breadcrumb {
   margin: 5px 0 0 44px;
 }
+.actions__DiTrm {
+  margin-left: 32px;
+}
+.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;
+}
 
-.container__z9uTl {
-  text-align: center;
+.card__ZpLeg {
+  position: relative;
+  padding: 12px 44px 12px 12px;
+  color: var(--main-app-color-text);
+  border-radius: 8px;
+  border: 1px solid var(--main-app-color-border);
+  background: var(--main-app-color-bg-container);
 }
-.container__z9uTl svg {
-  height: 100px;
-  margin-bottom: 24px;
+.card__ZpLeg:hover {
+  cursor: pointer;
+  border-color: var(--main-app-color-primary-border-hover);
 }
-.img__xWmrv {
-  width: 100px;
-  height: 100px;
-  background: url(static/img/f3a9d2e90f21cc92f9ed.svg);
+.card__ZpLeg + .card__ZpLeg {
+  margin-top: 16px;
 }
-.title__aFVTo {
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 24px;
-  line-height: 1.8;
-  text-align: center;
+.card__ZpLeg.disabled {
+  cursor: not-allowed;
+  color: var(--main-app-color-text-quaternary);
+  border: 1px solid var(--main-app-color-fill-tertiary);
+  background: var(--main-app-color-fill-quaternary);
 }
-.desc__HDPzS {
-  color: rgba(0, 0, 0, 0.45);
+.card__ZpLeg.disabled > .meta > div {
+  color: var(--main-app-color-text-quaternary);
+  background: var(--main-app-color-bg-spotlight);
+}
+.card__ZpLeg.disabled > .arrow-right {
+  color: var(--main-app-color-text-quaternary);
+}
+.card__ZpLeg > .name {
+  margin-bottom: 8px;
   font-size: 14px;
-  line-height: 1.6;
-  text-align: center;
+  font-weight: 500;
+}
+.card__ZpLeg > .meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.card__ZpLeg > .meta > div {
+  margin: 0 4px 8px 0;
+  padding: 1px 8px;
+  color: var(--main-app-color-text-secondary);
+  background: var(--main-app-color-bg-spotlight);
+  border-radius: 4px;
+}
+.card__ZpLeg > .operate {
+  display: flex;
+  align-items: center;
+}
+.card__ZpLeg > .arrow-right {
+  position: absolute;
+  top: 50%;
+  right: 18px;
+  color: var(--main-app-color-text-secondary);
+  transform: translateY(-50%);
+}
+.statusTag__il7r1 {
+  display: inline-flex;
+  align-items: center;
+  padding-right: 12px;
+  margin-left: 8px;
+  border-radius: 11px;
+}
+.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);
+}
+.messageBadge___9Lkj {
+  margin-left: 4px;
+}
+.messageBadge___9Lkj .bellIcon__KuHdr {
+  font-size: 16px;
+  cursor: pointer;
+}
+.multiple__vVpnu .main-badge-multiple-words {
+  padding: 0 4px;
+}
+.page__Cbm30 {
+  display: flex;
+  flex-direction: column;
+  width: 800px;
+  height: 100vh;
+  padding: 36px 0;
+  margin: 0 auto;
+}
+.page__Cbm30 .enterprise-list {
+  flex: 1;
+  overflow: auto;
+}
+.pageHd__NJL15 {
+  display: flex;
+  align-items: center;
+}
+.pageHd__NJL15 > h3 {
+  flex: 1;
+  font-size: 16px;
+  font-weight: 500;
+}
+.pageHd__NJL15 > a {
+  display: flex;
+  align-items: center;
+}
+
+.textWrapper__KDFJ1 {
+  margin-left: 10px;
+  cursor: pointer;
+}
+.background__QRmpG {
+  padding: 20px 20px 20px 24px;
+  background-color: #fff;
+  border-radius: 4px;
+}
+.page-container__SVwOm {
+  display: flex;
+  justify-content: center;
+  height: 100%;
+  flex: 1;
+}
+.page-container__SVwOm .page-content__Jt3_Z {
+  flex: 1;
+  width: auto;
+  margin: 20px;
+  padding: 16px;
+}
+.page-container__SVwOm .page-content__Jt3_Z .header__G88Wn {
+  display: flex;
+  line-height: 20px;
+  align-items: center;
+}
+.page-container__SVwOm .page-content__Jt3_Z .header__G88Wn h3 {
+  margin-left: 10px;
+  font-size: 16px;
+  font-weight: 600;
+}
+.page-container__SVwOm .page-content__Jt3_Z .title__JjnHa {
+  margin-top: 16px;
+  margin-left: 24px;
+  margin-bottom: 32px;
+}
+.page-container__SVwOm .page-content__Jt3_Z .title__JjnHa .icon__rYcHc {
+  margin-right: 10px;
+}
+.page-container__SVwOm .page-content__Jt3_Z .title__JjnHa .icon__rYcHc:hover {
+  color: #1890ff;
+}
+.page-container__SVwOm .page-content__Jt3_Z .main-form-item {
+  margin-bottom: 0;
+}
+.page-container__SVwOm .page-content__Jt3_Z .main-form-item-label {
+  width: 85px;
+}
+.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 > .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 {
+  font-size: 14px;
+  color: var(--main-app-color-text-secondary);
+}
+.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;
+}
+.enterpriseActions__ntbPO {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.bellIcon__aeqGI {
+  font-size: 16px;
+  cursor: pointer;
+}
+.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);
 }
-body.dark .title__aFVTo {
-  color: hsla(0, 0%, 100%, 0.85);
+.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);
+  background: scroll no-repeat center;
+  background-size: contain;
 }
-body.dark .desc__HDPzS {
-  color: hsla(0, 0%, 100%, 0.45);
+.avatar__tfEIa::before {
+  content: '';
+  position: absolute;
+  z-index: -1;
+  inset: 0;
+  border-radius: 16px;
+  background: var(--main-app-color-primary);
+  opacity: 0.1;
+}
+.badge__sWatW {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: #ff4d4f;
+  z-index: 10;
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
 }
 
 .notice__qISTJ {
-  padding: 0px 32px 24px;
-  width: 1000px;
+  flex: 1;
+  width: auto;
+  margin: 20px;
+  padding: 16px;
   overflow-y: auto;
 }
 .notice__qISTJ .header__HkUBX {
   display: flex;
   line-height: 56px;
-  justify-items: center;
+  justify-content: space-between;
   align-items: center;
 }
 .notice__qISTJ .header__HkUBX h3 {
@@ -308,6 +749,16 @@ body.dark .desc__HDPzS {
   font-weight: 600;
   line-height: 24px;
 }
+.notice__qISTJ .headerRight__mNOKx {
+  display: flex;
+  align-items: center;
+  border-radius: 6px;
+}
+.notice__qISTJ .headerRight__mNOKx .soundLabel__BJOgf {
+  font-size: 14px;
+  color: #262626;
+  margin-left: 8px;
+}
 .notice__qISTJ .selected__DIvtt {
   overflow: hidden;
   margin-bottom: 16px;
@@ -324,6 +775,14 @@ body.dark .desc__HDPzS {
 .notice__qISTJ .selected-right__k83Rd button {
   margin-left: 8px;
 }
+.notice__qISTJ .filterSection__ShfFs {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+  width: 100%;
+  flex-wrap: wrap;
+}
 .notice__qISTJ .tools__Vbi86 .noChecked__sut5m {
   display: flex;
   justify-content: space-between;
@@ -351,64 +810,91 @@ body.dark .desc__HDPzS {
   height: 22px;
   line-height: 22px;
   display: inline-block;
+  margin-left: 16px;
 }
-
-.textWrapper__KDFJ1 {
-  margin-left: 10px;
-  cursor: pointer;
-}
-.background__QRmpG {
-  padding: 20px 20px 20px 24px;
-  background-color: #fff;
-  border-radius: 4px;
+.notice__qISTJ .statusDot__kHbkf {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-right: 8px;
+  display: inline-block;
 }
-.page-container__SVwOm {
-  display: flex;
-  justify-content: center;
-  height: 100%;
-  flex: 1;
+.notice__qISTJ .statusDot__kHbkf.unread__zKB5L {
+  background-color: #f53f3f;
 }
-.page-container__SVwOm .page-content__Jt3_Z {
-  width: 1000px;
-  padding: 24px 32px;
-  margin: 32px auto;
+.notice__qISTJ .statusDot__kHbkf.read__LZFY6 {
+  background-color: #00b42a;
 }
-.page-container__SVwOm .page-content__Jt3_Z .header__G88Wn {
+.notice__qISTJ .statusCell__Ar8Ni {
   display: flex;
-  line-height: 20px;
   align-items: center;
 }
-.page-container__SVwOm .page-content__Jt3_Z .header__G88Wn h3 {
-  margin-left: 10px;
-  font-size: 16px;
-  font-weight: 600;
+
+.container__z9uTl {
+  text-align: center;
 }
-.page-container__SVwOm .page-content__Jt3_Z .title__JjnHa {
-  margin-top: 16px;
-  margin-left: 24px;
-  margin-bottom: 32px;
+.container__z9uTl svg {
+  height: 100px;
+  margin-bottom: 24px;
 }
-.page-container__SVwOm .page-content__Jt3_Z .title__JjnHa .icon__rYcHc {
-  margin-right: 10px;
+.img__xWmrv {
+  width: 100px;
+  height: 100px;
+  background: url(static/img/f3a9d2e90f21cc92f9ed.svg);
 }
-.page-container__SVwOm .page-content__Jt3_Z .title__JjnHa .icon__rYcHc:hover {
-  color: #1890ff;
+.title__aFVTo {
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 24px;
+  line-height: 1.8;
+  text-align: center;
 }
-.page-container__SVwOm .page-content__Jt3_Z .main-form-item {
-  margin-bottom: 0;
+.desc__HDPzS {
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+  line-height: 1.6;
+  text-align: center;
 }
-.page-container__SVwOm .page-content__Jt3_Z .main-form-item-label {
-  width: 85px;
+body.dark .title__aFVTo {
+  color: hsla(0, 0%, 100%, 0.85);
 }
-.setting-item__qvLYa {
-  display: flex;
-  flex-direction: row;
-  line-height: 48px;
-  align-items: center;
+body.dark .desc__HDPzS {
+  color: hsla(0, 0%, 100%, 0.45);
+}
+
+.container__mkjP_ {
+  text-align: center;
+}
+.container__mkjP_ svg {
+  height: 100px;
+  margin-bottom: 24px;
+}
+.img__dL7bi {
+  width: 100px;
+  height: 100px;
+  background: url(static/img/f3a9d2e90f21cc92f9ed.svg);
+}
+.title__gwGlO {
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 24px;
+  line-height: 1.8;
+  text-align: center;
+}
+.desc__ov6Pg {
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+  line-height: 1.6;
+  text-align: center;
+}
+body.dark .title__gwGlO {
+  color: hsla(0, 0%, 100%, 0.85);
+}
+body.dark .desc__ov6Pg {
+  color: hsla(0, 0%, 100%, 0.45);
 }
 
 .pageLayout__b050v {
   display: flex;
+  flex-direction: column;
   height: 100vh;
 }
 .pageLayout__b050v .main-layout-header {
@@ -418,11 +904,10 @@ body.dark .desc__HDPzS {
   flex: 1;
 }
 .layoutContent___o1Q3 {
+  display: flex;
+  flex-direction: column;
   position: relative;
-  z-index: 2;
   height: 100%;
-  display: flex;
-  overflow: hidden;
 }
 .layoutContent___o1Q3 > div:only-child,
 .layoutContent___o1Q3 > .main-spin-nested-loading,
@@ -440,57 +925,98 @@ body.dark .desc__HDPzS {
 .layoutContent___o1Q3 #container > div {
   min-height: 100%;
   overflow-y: auto;
-  padding: 0 20px 20px;
+  padding: 0 28px;
 }
 .layoutContent___o1Q3 #container > div #root {
   min-height: 100%;
-  background: rgba(255, 255, 255, 0.06);
+  border-radius: 16px;
 }
-.layoutContent___o1Q3 .main-app-notice,
-.layoutContent___o1Q3 .main-app-setting {
-  flex: 1;
-  width: auto;
-  margin: 20px;
-  padding: 16px;
+.layoutContent___o1Q3.full-screen {
+  padding-top: 20px;
 }
-.layoutContent___o1Q3.main-app-has-subSider {
-  padding: 20px;
+.layoutContent___o1Q3.with-sider .J_app-header-wrap {
+  padding-top: 28px;
 }
-.layoutContent___o1Q3.main-app-has-subSider #container > div {
-  padding: 0;
+.layoutContent___o1Q3.with-sider .J_full-screen {
+  top: 29px;
+}
+.layoutContent___o1Q3.has-innerSider {
+  flex-direction: row;
+  border-top: 1px solid var(--main-app-color-border-secondary);
+}
+.layoutContent___o1Q3.has-innerSider.full-screen {
+  padding-top: 0;
 }
-.layoutContent___o1Q3.main-app-has-subSider .main-app-site-sider {
+.layoutContent___o1Q3.has-innerSider #container > div #root {
+  border-radius: 0;
+}
+.layoutContent___o1Q3.has-innerSider .main-app-site-sider {
   margin-right: 1px;
   border-radius: 8px 0 0 8px;
 }
-.layoutContent___o1Q3.main-app-has-subSider .main-app-breadcrumb {
+.layoutContent___o1Q3.has-innerSider .main-app-breadcrumb {
   margin-bottom: 1px;
   background: var(--main-app-color-bg-container);
   border-radius: 0 8px 0 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);
+.layoutContent___o1Q3.has-innerSider .main-app-breadcrumb:after {
+  border-bottom: 0 none !important;
 }
-.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);
+.layoutContent___o1Q3.hide-layout-padding #container > div {
+  padding: 0;
+}
+body.light .layoutContent___o1Q3 {
+  background: var(--main-app-color-bg-elevated);
+}
+body.light .layoutContent___o1Q3 #container > div #root {
+  background: var(--main-app-color-bg-elevated);
+}
+body.light .layoutContent___o1Q3::backdrop {
+  background: var(--main-app-color-bg-layout);
+}
+.main-drawer .main-drawer-header-title {
+  flex-direction: row-reverse;
+}
+
+.project__ReSr6 .main-select {
+  height: 36px;
+}
+.aside__FhKAI .main-select {
+  width: 100% !important;
+  height: 40px;
+}
+.collapsed__J2GST {
+  display: flex;
+  align-items: center;
+  height: 40px;
+  padding: 0 8px;
+  cursor: pointer;
+  border-radius: 8px;
+  background: var(--main-app-color-fill-tertiary);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.collapsed__J2GST .name {
+  min-width: 24px;
+  height: 24px;
+  line-height: 24px;
+  border-radius: 12px;
+  font-size: 14px;
+  font-weight: bold;
+  text-align: center;
+  color: var(--main-app-color-primary-text);
+  background: var(--main-app-color-bg-container);
+}
+.popover__j2eqo .main-popover-inner {
+  padding: 0;
+}
+.popover__j2eqo .main-menu-item {
+  padding-left: 12px !important;
+  padding-inline: 12px !important;
+}
+.popover__j2eqo .main-menu-inline-collapsed {
+  width: auto !important;
 }
 
 .horizontalMenu__knTR1 {
@@ -511,21 +1037,19 @@ body.dark .desc__HDPzS {
   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-menu-select-text) !important;
-  background: var(--main-app-navigate-menu-select-bg);
+  color: var(--main-app-navigate-text-hover-normal) !important;
 }
 .horizontalMenu__knTR1 > li a,
 .horizontalMenu__knTR1 > li a:hover {
   color: inherit;
 }
 .horizontalMenu__knTR1 > li.menuSelected__u4ILv {
-  color: var(--main-app-navigate-menu-select-text);
-  background: var(--main-app-navigate-menu-select-bg);
+  font-weight: 500;
+  color: var(--main-app-navigate-menu-select-text) !important;
 }
 .horizontalMenu__knTR1 > li.menuSelected__u4ILv .menu-arrow {
   margin-top: -3px;
@@ -559,16 +1083,34 @@ body.dark .desc__HDPzS {
 .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;
   background: transparent;
+  border-inline-end: 0 none !important;
 }
 .horizontalSubMenu__HyBkt > li {
   width: 100% !important;
 }
 .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;
 }
@@ -584,6 +1126,10 @@ body.dark .desc__HDPzS {
   color: var(--main-app-navigate-submenu-select-txt);
   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 {
   background: transparent !important;
 }
@@ -622,80 +1168,26 @@ body.dark .desc__HDPzS {
 .horizontalMenuPopover__WYV3T .main-popover-inner {
   padding: 0;
 }
-
-.appDownload__db5uD {
-  display: flex;
-  align-items: center;
-  font-size: 13px;
-}
-.appDownload__db5uD .anticon {
-  font-size: inherit;
-}
-.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;
+.trdMenu__gAY5a.main-menu-submenu-popup {
+  padding-inline-start: 6px !important;
 }
-.qrcodeImg__wx1gF {
-  position: relative;
-  flex: 1;
+.trdMenu__gAY5a .main-menu-sub {
+  min-width: unset !important;
 }
-.qrcodeImg__wx1gF canvas {
-  width: 200px;
-  height: 200px;
+body.light .horizontalMenu__knTR1 > li {
+  background: none;
 }
-.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%);
+body.light .horizontalMenu__knTR1 > li:hover {
+  color: var(--main-app-color-primary-text) !important;
+  background: none !important;
 }
-.qrTitle__CUp3e {
-  max-width: 270px;
-  font-weight: bold;
-  font-size: 14px;
-  text-align: center;
-  white-space: normal;
-  word-break: break-all;
+body.light .horizontalMenu__knTR1 > li.menuSelected__u4ILv {
+  color: var(--main-app-color-primary-text) !important;
+  background: none !important;
 }
-.hintImage__hhO5W {
-  max-width: 300px;
-  margin-left: -10px;
-  background-repeat: no-repeat;
-  background-size: contain;
+body.light .trdMenu__gAY5a .main-menu-item-selected {
+  color: var(--main-app-color-primary-text) !important;
+  background: none !important;
 }
 
 .navItem__pMpDc {
@@ -703,26 +1195,36 @@ body.dark .desc__HDPzS {
   align-items: center;
   font-size: 13px;
   overflow: hidden;
+  cursor: pointer;
 }
 .navItem__pMpDc .anticon {
-  font-size: inherit;
+  padding: 1px;
+  font-size: 14px;
+  color: var(--main-app-color-text-tertiary);
+}
+.navItem__pMpDc .main-menu-icon {
+  height: unset !important;
 }
 .navItem__pMpDc img {
   max-width: 14px;
   max-height: 14px;
 }
-.navItemTxt__tVFy0 {
+.navItemContent__vlAUd {
   flex: 1;
   display: flex;
   align-items: center;
   margin-left: 8px;
   white-space: nowrap;
 }
-.navItemTxt__tVFy0:only-child {
+.navItemContent__vlAUd:only-child {
   margin-left: 0;
 }
+.navItemTxt__tVFy0 {
+  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;
@@ -731,6 +1233,9 @@ body.dark .desc__HDPzS {
 .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;
@@ -738,7 +1243,7 @@ body.dark .desc__HDPzS {
   font-size: 13px;
 }
 .notification__BEJcE .anticon {
-  font-size: inherit;
+  font-size: 16px;
 }
 .notificationTxt__WHQs4 {
   display: flex;
@@ -753,17 +1258,22 @@ body.dark .desc__HDPzS {
   -webkit-box-orient: vertical;
 }
 .resetList__MfgMC {
-  width: 400px;
+  width: 450px;
 }
 .resetList__MfgMC .main-list-header {
-  padding: 0 0 8px;
+  padding: 0px;
+  border-block-end: none;
 }
-.resetList__MfgMC .main-list-item {
-  border-block-end-color: var(--main-app-color-border-secondary);
+.resetList__MfgMC .main-list-item,
+.resetList__MfgMC .main-list-item:last-child {
+  border-block-end: none !important;
+  margin: 16px 0;
+  padding: 0;
 }
 .resetList__MfgMC .main-list-item-meta-title {
   font-size: 12px;
-  color: var(--main-app-color-text-tertiary) !important;
+  font-weight: 400;
+  color: #1D2129 !important;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -771,18 +1281,16 @@ body.dark .desc__HDPzS {
 .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;
+  white-space: nowrap;
 }
-.multiple__n_p5g .main-badge-multiple-words {
-  padding: 0 4px;
+.resetList__MfgMC .main-list-item-meta-description .main-typography {
+  color: #4E5969 !important;
+  width: calc(100% - 40px);
 }
-.iconMargin__Hbfjg {
-  margin-right: 5px;
+.resetList__MfgMC .main-list-footer {
+  padding-block: 0;
 }
 .circle__l8iGG {
   display: flex;
@@ -791,12 +1299,15 @@ body.dark .desc__HDPzS {
 }
 .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 {
   line-height: 22px;
-  font-size: 12px;
-  color: var(--main-primary-color);
+  font-size: 14px;
+  color: #165DFF;
+  text-align: center;
 }
 .footer__NGaZB span {
   cursor: pointer;
@@ -806,6 +1317,66 @@ body.dark .desc__HDPzS {
   line-height: 24px;
   margin-left: 24px;
 }
+.messageContent__HVU3B {
+  font-size: 14px;
+  color: #4E5969;
+}
+.detailLink__E8Cro {
+  color: #3C7EFF;
+  cursor: pointer;
+  margin-left: 4px;
+  font-size: 14px;
+  display: inline-block;
+}
+.messageItem__D1z6Y {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+.messageContentArea__J0AtV {
+  flex: 1;
+  margin-right: 12px;
+  width: 100%;
+}
+.messageMeta__BOgAW {
+  margin-top: 4px;
+  font-size: 14px;
+  color: #86909C;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.buttonContainer__ABmnD {
+  display: flex;
+  justify-content: flex-start;
+  gap: 8px;
+  margin-top: 8px;
+}
+.imageContainer__chfSn {
+  border-radius: 9px;
+  background: #F2F3F5;
+  overflow: hidden;
+  transition: transform 0.2s ease;
+  cursor: pointer;
+  width: -moz-max-content;
+  width: max-content;
+  display: flex;
+}
+.imageContainer__chfSn:hover {
+  transform: scale(1.02);
+}
+.messageImage__fqhIX {
+  width: 100%;
+  max-width: 120px;
+  aspect-ratio: 4/3;
+  border-radius: 6px;
+  display: block;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+body.light .circle__l8iGG .main-badge-count {
+  color: #fff;
+}
 
 .main-dropdown .main-dropdown-menu > li.main-dropdown-menu-item, .main-dropdown .main-dropdown-menu > li.main-dropdown-menu-submenu > .main-dropdown-menu-submenu-title {
   color: var(--main-app-navigate-menu-text);
@@ -833,62 +1404,81 @@ body.dark .desc__HDPzS {
   color: var(--main-primary-color);
 }
 
-.userAccount__vvm0e {
+.appDownload__db5uD .main-popover-inner {
+  padding: 12px;
+}
+.appQrcode__OCK8v {
   display: flex;
   align-items: center;
-  font-size: 13px;
+  justify-content: center;
+  flex-direction: column;
+  min-width: 200px;
+  text-align: center;
 }
-.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;
+.appQrcode__OCK8v .main-app-qrTitle {
+  margin-bottom: 12px;
 }
-.nickname__iiOb3 {
-  margin-left: 8px;
+.appQrcode__OCK8v.TEXT_ON_LEFT,
+.appQrcode__OCK8v.TEXT_ON_RIGHT {
+  flex-direction: row;
+  max-width: 360px;
 }
-.userInfo__IljuA {
-  width: 250px;
-  padding: 12px;
-  border-bottom: 1px solid var(--main-app-color-border-secondary);
+.appQrcode__OCK8v.TEXT_ON_LEFT .main-app-qrTitle,
+.appQrcode__OCK8v.TEXT_ON_RIGHT .main-app-qrTitle {
+  max-width: 160px;
 }
-.userInfo__IljuA .topInfo {
-  display: flex;
-  align-items: center;
-  margin-bottom: 8px;
+.appQrcode__OCK8v.TEXT_ON_BOTTOM .main-app-qrTitle,
+.appQrcode__OCK8v.TEXT_ON_RIGHT .main-app-qrTitle {
+  order: 2;
 }
-.userInfo__IljuA .topInfo .nickname {
+.appQrcode__OCK8v.TEXT_ON_BOTTOM .main-app-qrTitle {
+  margin-top: 12px;
+  margin-bottom: 0;
+}
+.qrcodeImg__wx1gF {
+  position: relative;
   flex: 1;
-  margin-right: 8px;
+}
+.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;
-  font-weight: 400;
+  text-align: center;
+  white-space: normal;
+  word-break: break-word;
   overflow: hidden;
-  white-space: nowrap;
   text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
 }
-.userInfo__IljuA .main-tag {
-  padding-top: 1px;
-  padding-bottom: 1px;
-  border: 0 none;
-  background: var(--main-app-color-bg-container);
-}
-.logout__tECKi {
-  display: flex;
-  align-items: center;
-  height: 48px;
-  padding-left: 12px;
-  cursor: pointer;
-}
-.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 {
   flex: none;
   display: flex;
   align-items: center;
+  border-radius: 8px;
   color: var(--main-app-navigate-text);
 }
 .headerNav__udK6r .main-app-nav-item {
@@ -896,56 +1486,85 @@ body.dark .desc__HDPzS {
   align-items: center;
   justify-content: center;
   min-width: 36px;
-  height: 36px;
-  margin-left: 8px;
+  height: 30px;
   padding: 0 10px;
   border-radius: 8px;
   cursor: pointer;
 }
 .headerNav__udK6r .main-app-nav-item:hover {
   color: var(--main-app-navigate-text-hover-normal);
-  background: var(--main-app-navigate-menu-bg);
 }
 
 .layoutHeader__hSm9v {
   display: flex;
   align-items: center;
-  height: 68px;
+  height: 76px;
   line-height: inherit;
-  padding: 0 20px;
+  padding: 0 28px;
   flex-direction: row;
   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;
   margin: 0 2px;
   padding: 10px;
-  border-top: 1px solid #373739;
+  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;
@@ -962,16 +1581,47 @@ body.dark .desc__HDPzS {
 .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;
@@ -984,12 +1634,11 @@ body.dark .desc__HDPzS {
   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;
@@ -998,17 +1647,27 @@ body.dark .desc__HDPzS {
   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 {
+  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 {
@@ -1018,23 +1677,20 @@ body.dark .desc__HDPzS {
 .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 {
@@ -1042,7 +1698,20 @@ body.dark .desc__HDPzS {
   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 {
@@ -1050,13 +1719,13 @@ body.dark .desc__HDPzS {
 }
 .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: 30px !important;
+  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;
@@ -1068,58 +1737,130 @@ body.dark .desc__HDPzS {
   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%;
-  -webkit-margin-start: 0;
-          margin-inline-start: 0;
-  -webkit-margin-end: 0;
-          margin-inline-end: 0;
+  margin-inline-start: 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;
+}
+.siderMenu__NUToQ > .main-menu-light > li.main-menu-item.main-menu-item-selected,
+.siderMenu__NUToQ > .main-menu-light > li.main-menu-submenu.main-menu-item-selected,
+.siderMenu__NUToQ > .main-menu-light > li.main-menu-item.main-menu-submenu-selected,
+.siderMenu__NUToQ > .main-menu-light > li.main-menu-submenu.main-menu-submenu-selected {
+  color: var(--main-app-color-primary-text);
+}
+.siderMenu__NUToQ > .main-menu-light > li.main-menu-item.main-menu-item-selected > .main-menu-submenu-title,
+.siderMenu__NUToQ > .main-menu-light > li.main-menu-submenu.main-menu-item-selected > .main-menu-submenu-title,
+.siderMenu__NUToQ > .main-menu-light > li.main-menu-item.main-menu-submenu-selected > .main-menu-submenu-title,
+.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 > .main-menu-submenu > .main-menu-sub > .main-menu-item.main-menu-item-selected {
+  color: var(--main-app-color-primary-text) !important;
+}
+.siderMenu__NUToQ > .main-menu-light > .main-menu-submenu > .main-menu-sub > .main-menu-submenu.main-menu-submenu-open {
+  background: transparent;
+}
+.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;
+}
+.projectInfo__zxd5t {
+  margin: 0 12px;
+}
+.projectInfo__zxd5t + div {
+  padding-top: 8px;
 }
 .foldBtnWrap__C_LCy {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 8px 0;
+  color: var(--main-app-color-text-secondary);
 }
 .foldBtnWrap__C_LCy > span {
-  display: flex;
+  flex: 1;
   align-items: center;
   justify-content: center;
-  width: 32px;
-  height: 32px;
+  padding: 8px 0;
   cursor: pointer;
 }
-.foldBtnWrap__C_LCy .anticon {
-  color: var(--main-app-color-text-secondary);
-}
-.foldBtnWrap__C_LCy .anticon:hover {
-  color: var(--main-primary-color);
+.foldBtnWrap__C_LCy > span:hover {
+  background-color: var(--main-app-color-fill-tertiary);
 }
 .foldBtnFixed__tZVuF {
+  display: flex;
   position: absolute;
   z-index: 9;
   top: 50%;
   right: 0;
+  width: 32px;
+  height: 32px;
   margin-top: -34px;
   transform: translate(50%, -50%);
-  background: var(--main-app-color-bg-elevated);
-  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
+  background: var(--main-app-color-bg-elevated) !important;
+  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);
-  background: var(--main-primary-color);
+  color: var(--main-app-color-text) !important;
+  background: var(--main-primary-color) !important;
+  border-color: var(--main-primary-color);
+}
+body.light .siteSider__WRhb9 {
+  background: var(--main-app-color-bg-container);
+}
+body.light .foldBtnFixed__tZVuF:hover {
+  color: #fff !important;
 }
 
 :global .ant-pagination .ant-pagination-item-active,
@@ -1150,6 +1891,16 @@ body.dark .desc__HDPzS {
 }
 .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;
@@ -1183,6 +1934,12 @@ body.dark .desc__HDPzS {
      -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;
@@ -1195,26 +1952,40 @@ body.dark .desc__HDPzS {
 }
 
 .wrap__lilNp {
-  margin-bottom: 56px;
-  text-align: center;
+  margin-bottom: 42px;
+}
+.wrap__lilNp h3 {
+  margin: 0;
+  color: var(--main-app-color-text);
 }
 
 .wrap__OSJoi {
-  width: 100%;
   display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 22px;
-  line-height: 22px;
+  width: 100%;
   margin-top: 8px;
+  line-height: 22px;
+  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-primary);
 }
 
-.switchLang__hoKhd {
-  height: 100%;
-  cursor: pointer;
+.wrap__Nc8xQ {
   display: flex;
+  justify-content: space-between;
   align-items: center;
-  font-size: 13px;
+}
+.wrap__Nc8xQ .form-item__kTTSU {
+  flex: 1;
+}
+.wrap__Nc8xQ .code__GNunR {
+  margin: 5px 0 0 10px;
 }
 
 .container__DGA_S {
@@ -1236,14 +2007,23 @@ body.dark .desc__HDPzS {
 .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);
+  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;
+  color: var(--main-app-color-bg-container) !important;
+  background-color: rgba(255, 255, 255, 0.9) !important;
+}
+.container__DGA_S.login-page-center-layout .login__EWLFr .main-btn-primary.main-btn-lg:hover {
+  background-color: #ffffff !important;
 }
 .container__DGA_S::before {
   content: '';
@@ -1262,7 +2042,7 @@ body.dark .desc__HDPzS {
   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;
@@ -1290,9 +2070,6 @@ body.dark .desc__HDPzS {
   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;
 }
@@ -1339,6 +2116,23 @@ body.dark .desc__HDPzS {
   width: auto !important;
   text-align: right;
 }
+body.light .login-page-layout .login-page-form .main-btn-primary.main-btn-lg {
+  color: #FFFFFF;
+  background-color: #1D2129 !important;
+}
+body.light .login-page-layout .login-page-form .main-btn-primary.main-btn-lg:hover {
+  background-color: #1D2129 !important;
+}
+body.light .login-page-layout .login-page-nav {
+  color: var(--main-app-color-text-secondary);
+}
+body.light .login-page-layout .login-page-nav .main-select,
+body.light .login-page-layout .login-page-nav .main-select-selector {
+  color: inherit;
+}
+body.light .login-page-center-layout .login-page-form {
+  background: #ffffff;
+}
 @media screen and (max-width: 1439px) {
   .container__DGA_S {
     min-height: 760px;
@@ -1355,59 +2149,310 @@ body.dark .desc__HDPzS {
   }
 }
 
-.wrap__Nc8xQ {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.wrap__Nc8xQ .form-item__kTTSU {
-  flex: 1;
+.form__VghGp .main-input {
+  height: 0;
+  padding-top: 12px !important;
+  padding-bottom: 12px !important;
+  background-clip: content-box !important;
 }
-.wrap__Nc8xQ .code__GNunR {
-  margin: 6px 0 0 8px;
-}
-
 .icon__ErnBX {
   font-size: 32px !important;
   margin-right: 16px;
   cursor: pointer;
 }
 
-.icon__jlQyU {
-  font-size: 32px !important;
-  margin-right: 16px;
-  cursor: pointer;
+.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 ;
 }
 
-.container__mkjP_ {
+.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;
 }
-.container__mkjP_ svg {
-  height: 100px;
-  margin-bottom: 24px;
+.result__wtAme .result-img {
+  width: 220px;
+  height: 228px;
+  margin: 0 auto 24px;
+  background: center no-repeat;
+  background-size: contain;
 }
-.img__dL7bi {
-  width: 100px;
-  height: 100px;
-  background: url(static/img/f3a9d2e90f21cc92f9ed.svg);
+.result__wtAme .result-img.result-img-success {
+  background-image: url(static/img/b765d4caa82d7e5eae80.png);
 }
-.title__gwGlO {
-  color: rgba(0, 0, 0, 0.85);
+.result__wtAme .result-img.result-img-audit {
+  background-image: url(static/img/7d9900e808e2197745be.png);
+}
+.result__wtAme .result-title {
+  margin-bottom: 4px;
   font-size: 24px;
-  line-height: 1.8;
-  text-align: center;
+  font-weight: 500;
 }
-.desc__ov6Pg {
-  color: rgba(0, 0, 0, 0.45);
+.result__wtAme .result-desc {
   font-size: 14px;
-  line-height: 1.6;
+  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.dark .title__gwGlO {
-  color: hsla(0, 0%, 100%, 0.85);
+body.light .page__mUqKE {
+  background: var(--main-app-color-bg-container);
 }
-body.dark .desc__ov6Pg {
-  color: hsla(0, 0%, 100%, 0.45);
+
+.messageDetailModal__vcHR3 .ant-modal-content {
+  padding: 0;
+  border-radius: 8px;
+  overflow: hidden;
+}
+.messageDetailModal__vcHR3 .ant-modal-body {
+  padding: 0;
+}
+.modalContainer__f0tE8 {
+  display: flex;
+  flex-direction: column;
+  height: 80vh;
+  max-height: 600px;
+  background: #fff;
+}
+/* 固定标题栏 */
+.header__IFnZp {
+  background: #fff;
+  flex-shrink: 0;
+}
+.titleSection__VBIZt {
+  width: 100%;
+}
+.title__PkZDq {
+  font-size: 16px;
+  font-weight: 500;
+  color: #1D2129;
+  line-height: 24px;
+}
+.timeAndProject__WVLBd {
+  font-size: 14px;
+  color: #86909C;
+  line-height: 22px;
+  margin-top: 16px;
+}
+/* 可滚动内容区域 */
+.content__IUYSX {
+  flex: 1;
+  overflow-y: auto;
+  background: #fff;
+  overflow-x: hidden;
+}
+.loadingContainer__pe3Q6 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 200px;
+}
+.messageContent__Qo7Ix {
+  margin: 8px 0;
+  line-height: 22px;
+  color: #4E5969;
+  font-size: 14px;
+}
+/* 图片展示区域 */
+.imageContainer__LXy2N {
+  margin: 8px 0;
+}
+.imageGrid__Sf9F5 {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 16px;
+  max-width: 100%;
+}
+.imageWrapper__oev2g {
+  transition: transform 0.2s ease;
+  border-radius: 9px;
+  background: #F2F3F5;
+}
+.imageWrapper__oev2g:hover {
+  transform: scale(1.02);
+}
+.imageWrapper__oev2g .main-image {
+  position: relative;
+  width: 100%;
+  aspect-ratio: 4/3;
+  border-radius: 6px;
+  overflow: hidden;
+  cursor: pointer;
+}
+.messageImage__kLGDJ {
+  width: 100% !important;
+  height: 100% !important;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.messageImage__kLGDJ .ant-image-img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+/* 固定操作栏 */
+.footer__s14Y4 {
+  display: flex;
+  justify-content: flex-end;
+  padding-top: 16px;
+  flex-shrink: 0;
+}
+.primaryBtn__h8YcE {
+  margin-left: 8px;
+}
+/* 滚动条样式 */
+.content__IUYSX::-webkit-scrollbar {
+  width: 6px;
+}
+.content__IUYSX::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+.content__IUYSX::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+}
+.content__IUYSX::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}
+
+.switchLang__hoKhd {
+  height: 100%;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  font-size: 13px;
 }
 
 .wrap__isdmc {