@opendesign-plus-test/components 0.0.1-rc.176 → 0.0.1-rc.178

package/dist/treeshaking/components/user-center/internal/OUploadAvatar2.css

@@ -0,0 +1,304 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+:root [class^=el-] {
+  --el-color-primary: var(--o-color-primary1);
+  --el-border-color: var(--o-color-control1);
+  --el-fill-color-blank: var(--o-color-control5-light);
+  --el-input-placeholder-color: var(--el-text-color-placeholder);
+  --el-input-hover-border-color: var(--el-border-color-hover);
+  --el-input-clear-hover-color: var(--el-text-color-secondary);
+  --el-component-size-large: 36px;
+}
+@media (max-width: 840px) {
+:root [class^=el-] {
+    --el-component-size-large: var(--o-control_size-l);
+}
+}
+:root .el-date-editor.el-date-editor--daterange {
+  padding: 0 13px 0 15px;
+}
+:root .el-date-editor.el-date-editor--timerange {
+  padding: 0 16px;
+}
+:root .el-date-editor input {
+  text-align: left;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-date-editor .el-select__wrapper {
+  gap: 0;
+}
+:root .el-date-editor .el-input__wrapper .el-input__prefix {
+  order: 1;
+  font-size: 16px;
+}
+:root .el-date-editor .el-input__icon {
+  height: 100%;
+  order: 1;
+  font-size: 24px;
+  margin-right: 2px;
+  color: var(--o-color-info1);
+  background-color: var(--o-color-info2);
+  mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
+  background-size: 24px;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+:root .el-date-editor .el-input__icon svg {
+  display: none;
+}
+:root .el-popper .el-popper__arrow {
+  display: none;
+}
+:root .el-popper .el-picker-panel {
+  --cell-row-gap: 6px;
+  --cell-radius: var(--o-radius-xs);
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header {
+  padding: 12px 24px;
+  height: 48px;
+  border-bottom: 1px solid var(--o-color-control4);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
+  font-weight: 500;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
+  border-bottom: none;
+  height: 24px;
+  color: inherit;
+  padding: 0 0 var(--cell-row-gap);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
+  padding: var(--cell-row-gap) 0px;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
+  padding: 0;
+  height: 24px;
+  line-height: 22px;
+  border: 1px solid transparent;
+  border-radius: var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
+  border-color: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
+  background: none;
+  color: var(--o-color-info4);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
+  background: var(--o-color-control2-light);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
+  font-weight: normal;
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
+  background: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
+  background: none;
+  color: #fff;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
+  border-radius: 0;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
+  border-radius: var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
+  border-radius: var(--cell-radius);
+}
+:root .el-input {
+  --el-border-color: var(--o-color-control1);
+  --el-input-border-color: var(--o-color-control1);
+  --el-input-hover-border-color: var(--o-color-primary2);
+  --el-input-focus-border-color: var(--o-color-primary3);
+}
+:root .el-table {
+  --el-table-border-color: var(--o-color-control4) ;
+}
+:root .el-input__wrapper {
+  box-shadow: none;
+  border: 1px solid var(--el-input-border-color);
+}
+:root .el-date-editor.is-focus .el-input__wrapper {
+  box-shadow: none;
+  --el-input-border-color: var(--o-color-primary3);
+}
+:root .el-date-editor:hover .el-input__wrapper {
+  box-shadow: none;
+  --el-input-border-color: var(--o-color-primary2);
+}
+:root .el-date-editor.el-input__wrapper:hover {
+  box-shadow: none;
+  --el-input-border-color: var(--o-color-primary2);
+}
+:root .el-date-editor.el-input__wrapper.is-active {
+  --el-input-border-color: var(--o-color-primary3);
+}
+:root .el-calendar .el-calendar-table {
+  width: 100%;
+}
+:root .el-calendar .el-calendar-table th {
+  color: var(--o-color-info3);
+  font-weight: 400;
+  padding: 4px 0 16px 0;
+  text-align: center;
+}
+:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
+  color: var(--o-color-info4);
+}
+:root .el-select .el-select__placeholder {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-input-number {
+  --el-component-size-large: 34px;
+}
+@media (max-width: 840px) {
+:root .el-input-number {
+    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
+}
+}
+:root .el-input-number .el-input__wrapper:hover {
+  --el-input-border-color: var(--o-color-primary2);
+}
+:root .el-input-number .el-input__wrapper.is-focus {
+  --el-input-border-color: var(--o-color-primary3);
+}
+:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
+:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
+  box-shadow: none;
+}
+:root .el-input-number .el-input__wrapper {
+  box-shadow: none;
+}
+:root .el-input-number .el-input__wrapper.is-focus {
+  box-shadow: none;
+}
+:root .el-input-number.el-input-number--large {
+  line-height: var(--el-component-size-large);
+}
+.avatar-dialog {
+  --dlg-radius: 8px !important;
+}
+@media (max-width: 600px) {
+.avatar-dialog {
+    --dlg-width: calc(100vw - 48px) !important;
+}
+}

package/dist/treeshaking/components/user-center/rolesMap.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 角色映射（按社区可通过 props 覆盖）
+ * key: getRoles 接口返回的角色 id
+ * name: 角色显示名；desc: 角色说明（hover 气泡展示）
+ */
+export declare const rolesMap: Map<string, {
+    id: string;
+    name: string;
+    desc: string;
+}>;

package/dist/treeshaking/components/user-center/rolesMap.mjs

@@ -0,0 +1,29 @@
+const rolesMap = /* @__PURE__ */ new Map([
+  [
+    "maintainer",
+    {
+      id: "maintainer",
+      name: "Maintainer",
+      desc: "代码仓库的核心维护者，拥有代码合入权限。"
+    }
+  ],
+  [
+    "committer",
+    {
+      id: "committer",
+      name: "Committer",
+      desc: "具备审核者的所有职责，还主导组件的架构演进、质量保障和生态适配。"
+    }
+  ],
+  [
+    "creator",
+    {
+      id: "creator",
+      name: "会议管理员",
+      desc: "拥有创建会议的权限。"
+    }
+  ]
+]);
+export {
+  rolesMap
+};

package/dist/treeshaking/components/user-center/styles/global.css

@@ -0,0 +1,357 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+  .hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+  }
+}
+
+.o-icon svg {
+  width: 1em;
+  height: 1em;
+}
+
+/* 输入框统一圆角 */
+.o_box-main {
+  border-radius: 4px;
+}
+
+/* 隐藏表单必填星号（euler 风格无星号） */
+.o-form-require-symbol {
+  display: none !important;
+}
+
+.form-input {
+  width: 100%;
+}
+.form-input .o_box,
+.form-input .o_box-large {
+  --box-radius: var(--o-radius_control-xs);
+  width: 100%;
+}
+.form-input .o_box .o_input,
+.form-input .o_box-large .o_input {
+  width: 100%;
+}
+.form-input .o_box .o_input input::placeholder,
+.form-input .o_box-large .o_input input::placeholder {
+  font-size: var(--o-font_size-tip1);
+}
+.form-input .o_box .o_input-disabled,
+.form-input .o_box-large .o_input-disabled {
+  -webkit-text-fill-color: #a8abb2;
+  font-size: var(--o-font_size-tip1);
+}
+
+.o-form .o_box-main {
+  background-color: transparent;
+}
+.o-form .o_box-main:hover {
+  background-color: transparent;
+  border-color: var(--o-color-primary2);
+}
+
+.o-link-hover-underline:hover .o-link-label {
+  background: none;
+}
+
+/**
+* o-dialog寮规閲岃〃鍗曟牱寮忎慨鏀?
+*/
+.o-dlg-main.o-layer-main .main {
+  max-width: 480px;
+}
+.o-dlg-main.o-layer-main .o-form-item:last-child,
+.o-dlg-main.o-layer-main .o-form-item:last-child {
+  margin-bottom: var(--form-item-gap);
+}
+.o-dlg-main.o-layer-main .o-form-item-danger.o-form-item,
+.o-dlg-main.o-layer-main .o-form-item-warning.o-form-item {
+  margin-bottom: 0;
+}
+.o-dlg-main.o-layer-main .o-form-layout-h .o-form-item-label,
+.o-dlg-main.o-layer-main .o-form-layout-inline .o-form-item-label {
+  margin-bottom: 4px;
+}
+.o-dlg-main.o-layer-main .o-form-item-message {
+  padding-top: 0;
+  padding-left: 16px;
+}
+
+.o-btn.o-btn-large {
+  --btn-radius: 28px;
+}
+
+.o-btn + .o-btn {
+  margin-left: var(--o-spacing-h4);
+}
+
+:root {
+  font-weight: 400;
+}
+
+:root.dark {
+  font-weight: 400;
+}
+
+.o-form .o-form-item-label span {
+  white-space: nowrap;
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+.ellipsis {
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.o-dlg-main {
+  justify-content: center;
+  background-color: var(--o-color-fill2);
+  margin: 24px;
+}
+
+.modify-dialog .o-dlg-main {
+  border-radius: 8px;
+  padding: 24px;
+}
+.modify-dialog .o-form-layout-h .o-form-item {
+  margin-bottom: 16px !important;
+}
+.modify-dialog .o-dlg-body {
+  min-height: fit-content;
+}
+.modify-dialog .o_box-main {
+  border-radius: 4px;
+}
+.modify-dialog .o_box-main .o_input-suffix-icon {
+  display: inline-block;
+  height: 22px;
+  line-height: 22px;
+  margin-top: -2px;
+}
+.modify-dialog .o_box-main .o_input-suffix-icon .o-link-main {
+  font-size: 14px;
+}
+.modify-dialog .o_box-outline.o_box-normal {
+  --_box-bd-color-focus: var(--o-color-primary4);
+  --_box-bd-color-hover: var(--o-color-primary2);
+}
+.modify-dialog .o-link-main {
+  color: var(--o-color-primary1);
+}
+.modify-dialog .o-link-main:hover {
+  color: var(--o-color-primary2);
+}
+.modify-dialog .o-link-disabled .o-link-main, .modify-dialog .o-link-disabled:hover .o-link-main, .modify-dialog .o-link-disabled:active .o-link-main {
+  color: var(--o-color-primary3);
+}
+.modify-dialog .o_box-outline.o_box-normal {
+  width: 100%;
+}
+
+.unbind-dialog .o-dlg-header {
+  margin-bottom: 0;
+}
+.unbind-dialog .o-dlg-body {
+  min-height: fit-content;
+}
+.unbind-dialog .o-dlg-footer {
+  margin-top: 0;
+}
+.unbind-dialog .o_box-main {
+  border-radius: 4px;
+}
+.unbind-dialog .o_box-outline.o_box-normal {
+  --_box-bd-color-focus: var(--o-color-primary4);
+}
+
+.bind-email-dialog .o-dlg-body {
+  padding-left: 92px;
+  padding-right: 92px;
+  min-height: fit-content;
+}
+.bind-email-dialog .o-form-layout-h .o-form-item-label + .o-form-item-main,
+.bind-email-dialog .o-form-layout-inline .o-form-item-label + .o-form-item-main {
+  margin-left: 0;
+}
+.bind-email-dialog .o_box-main {
+  border-radius: 4px;
+}
+.bind-email-dialog .o_box-outline.o_box-normal {
+  --_box-bd-color-focus: var(--o-color-primary4);
+}
+
+.delete-account-dialog .o-dlg-main {
+  border-radius: 4px;
+}
+.delete-account-dialog .o-dlg-body-content {
+  height: 100%;
+}
+.delete-account-dialog .o-dlg-body {
+  min-height: fit-content;
+}
+.delete-account-dialog .o_box-main {
+  border-radius: 4px;
+}
+.delete-account-dialog .o_box-outline.o_box-normal {
+  --_box-bd-color-focus: var(--o-color-primary4);
+}
+.delete-account-dialog .o_box-main.o_box-disabled {
+  background-color: var(--o-color-control4-light);
+  border-color: var(--o-color-control4);
+}
+.delete-account-dialog .o_box-main.o_box-disabled:hover {
+  background-color: var(--o-color-control4-light);
+  border-color: var(--o-color-control4);
+}
+
+.o-popup.o-popup-pos-top {
+  --popup-radius: 4px;
+}
+.o-popup.o-popup-pos-top .o-popup-body {
+  border-radius: 8px;
+  border: 1px solid var(--o-color-control4);
+  box-shadow: 0 4px 24px 0 rgba(var(--o-grey-14), 0.15);
+}
+.o-popup.o-popup-pos-top .o-popup-anchor {
+  z-index: 2;
+}
+
+.o-popup-wrap {
+  border-radius: 8px;
+  background-color: var(--o-color-fill2);
+}
+
+[data-o-theme=dark] .o-popup,
+.dark .o-popup {
+  --popup-bg-color: var(--o-color-control5-light);
+}
+[data-o-theme=dark] .o-popup .o-popup-body,
+.dark .o-popup .o-popup-body {
+  border: none;
+}
+
+.valid-tip-content {
+  padding: 8px;
+}
+.valid-tip-content .tip-title {
+  font-size: 16px;
+  font-weight: 500;
+  margin-left: 18px;
+  margin-bottom: 5px;
+}
+.valid-tip-content .tip-item {
+  font-size: 14px;
+  color: var(--o-color-info4);
+  gap: 5px;
+  display: flex;
+  align-items: flex-start;
+}
+.valid-tip-content .tip-item.active {
+  color: #0bb151;
+}
+.valid-tip-content .tip-item .o-icon {
+  margin-top: 3px;
+  width: 20px;
+  height: 20px;
+}
+.valid-tip-content .tip-item .tip-desc {
+  display: inline-block;
+  line-height: 20px;
+}
+
+.form-item-extra {
+  padding-left: 16px;
+}
+.form-item-extra .error-tip {
+  margin-right: 3px;
+}
+.form-item-extra .error-color {
+  color: #eb232d;
+}
+
+.verifybox {
+  --border-radius: 4px;
+  --varify-error-color1: 240, 87, 90;
+  --varify-error-color2: 230, 0, 18;
+  border-radius: var(--border-radius);
+}
+.verifybox .verifybox-top {
+  padding: 32px 32px 12px;
+  height: auto;
+  line-height: normal;
+  font-size: 16px;
+  line-height: 24px;
+  color: rgba(var(--o-black), 0.6);
+}
+.verifybox .verifybox-bottom {
+  padding: 16px 32px 32px !important;
+}
+
+.o-message-list {
+  z-index: 1008;
+  --app-header-height: 64px;
+  --app-footer-height: 300px;
+  --message-list-top-offset: calc(var(--app-header-height) + 32px);
+  --message-list-bottom-offset: calc(var(--app-footer-height) + 32px);
+}
+.o-message-list .o-message {
+  border-radius: 4px !important;
+}
+
+.avatar-dialog .o-btn-primary.o-btn-solid {
+  width: 110px;
+  background-color: var(--o-color-primary1);
+  border-color: var(--o-color-primary1);
+}
+.avatar-dialog .o-btn-primary.o-btn-solid:hover {
+  background-color: var(--o-color-primary2);
+  border-color: var(--o-color-primary2);
+}
+.avatar-dialog .o-btn-outline {
+  width: 110px;
+  color: var(--o-color-primary1);
+  border-color: var(--o-color-primary1);
+}
+.avatar-dialog .o-btn-outline:hover {
+  color: var(--o-color-primary2);
+  border-color: var(--o-color-primary2);
+}
+
+.o-tag.tag-new {
+  background: linear-gradient(135deg, #0bb151 0%, #2dc165 100%);
+  border: 0 none;
+  color: var(--o-color-white);
+}
+.o-tag.tag-hot {
+  background: var(--o-color-danger1);
+  border: 0 none;
+  color: var(--o-color-white);
+}
+
+.view-agreement-dialog .o-dlg-main {
+  border-radius: 8px;
+}
+
+.unbind-dialog .o-dlg-main, .edit-org-dialog .o-dlg-main, .deregister-account-dialog .o-dlg-main {
+  border-radius: 8px;
+}
+
+.modify-dialog-pad .o-dlg-main {
+  padding: 16px;
+}
+.modify-dialog-pad .o-dlg-header {
+  margin-bottom: 16px;
+}
+.modify-dialog-pad .o-btn-primary.o-btn-solid, .modify-dialog-pad .o-btn-outline {
+  font-size: 16px !important;
+}
+.modify-dialog-pad .footer {
+  padding-top: 0;
+}