diff --git a/clientarea/hgcloud/css/account.css b/clientarea/hgcloud/css/account.css
index 902a2e6..4ee64d4 100644
--- a/clientarea/hgcloud/css/account.css
+++ b/clientarea/hgcloud/css/account.css
@@ -1,16 +1,47 @@
+/* ====== Account Page — 高级简约风重构 ====== */
+
+/* === 设计令牌 === */
+:root {
+  --acc-bg: #F8F9FB;
+  --acc-surface: #FFFFFF;
+  --acc-border: #E5E7EB;
+  --acc-border-hover: #D1D5DB;
+  --acc-border-focus: var(--color-primary, #4F46E5);
+  --acc-text-primary: #111827;
+  --acc-text-secondary: #6B7280;
+  --acc-text-tertiary: #9CA3AF;
+  --acc-radius: 10px;
+  --acc-radius-sm: 8px;
+  --acc-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06);
+  --acc-shadow-md: 0 4px 12px rgba(0,0,0,0.06);
+  --acc-transition: 200ms ease-out;
+}
+
+/* === 页面标题 === */
 .main-card-title {
-  font-size: 0.28rem;
-  line-height: 0.28rem;
+  font-size: 22px;
+  line-height: 1.3;
+  font-weight: 700;
+  color: var(--acc-text-primary);
+  letter-spacing: -0.01em;
 }
+
+/* === 概要卡片容器 === */
 .content-box {
-  margin-top: 0.4rem;
+  margin-top: 24px;
 }
+
+/* === 用户栏 === */
 .box-top {
-  height: 1rem;
+  height: auto;
   width: 100%;
-  border-bottom: 1px solid #e6e7eb;
+  padding: 20px 24px;
+  border-bottom: none;
+  background: linear-gradient(135deg, rgba(79,70,229,0.04) 0%, rgba(59,130,246,0.04) 100%);
+  border-radius: var(--acc-radius);
   display: flex;
   align-items: center;
+  margin-bottom: 8px;
 }
 .right-name {
   display: flex;
@@ -19,453 +50,771 @@
   width: 100%;
 }
 .name-text {
-  font-size: 0.32rem;
-  font-family: Helvetica;
-  font-weight: bold;
-  line-height: 0.32rem;
-  color: #E6E8EB;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1.4;
+  color: var(--acc-text-primary) !important;
 }
 .name-country {
-  margin-top: 0.1rem;
+  margin-top: 4px;
   display: flex;
   align-items: center;
 }
 .country-img {
-  height: 0.25rem;
-  width: 0.4rem;
+  height: 16px;
+  width: 24px;
+  border-radius: 2px;
+  object-fit: cover;
 }
+
+/* === 实名认证状态 === */
 .attestation-status {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
-  margin-left: 0.04rem;
+  padding: 6px 14px;
+  background: var(--acc-surface);
+  border: 1px solid var(--acc-border);
+  border-radius: 999px;
+  transition: all var(--acc-transition);
+  gap: 6px;
+}
+.attestation-status:hover {
+  border-color: var(--acc-border-focus);
+  box-shadow: 0 0 0 3px rgba(79,70,229,0.08);
 }
 .attestation-status > img {
-  width: 0.26rem;
-  height: 0.26rem;
+  width: 18px;
+  height: 18px;
 }
 .attestation-text {
   cursor: pointer;
-  margin-left: 0.1rem;
-  font-size: 0.14rem;
-  color: #E6E8EB;
+  font-size: 13px;
+  color: var(--acc-text-secondary);
+  margin-left: 0;
 }
 .bule-text {
   color: var(--color-primary) !important;
+  font-weight: 600;
 }
 .bule-text .el-icon-arrow-right {
-  margin-left: 0.08rem;
+  margin-left: 4px;
 }
+
+/* === Tabs 样式覆盖 === */
+.content-box .el-tabs__header {
+  margin-bottom: 0;
+  border-bottom: 1px solid var(--acc-border);
+}
+.content-box .el-tabs__nav-wrap::after {
+  display: none;
+}
+.content-box .el-tabs__item {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--acc-text-secondary);
+  padding: 0 24px;
+  height: 44px;
+  line-height: 44px;
+  transition: color var(--acc-transition);
+}
+.content-box .el-tabs__item:hover {
+  color: var(--acc-text-primary);
+}
+.content-box .el-tabs__item.is-active {
+  color: var(--acc-text-primary);
+  font-weight: 600;
+}
+.content-box .el-tabs__active-bar {
+  height: 2px;
+  border-radius: 2px;
+  background: var(--color-primary, #4F46E5);
+}
+
+/* === 主内容区 === */
 .box-main {
-  margin-top: 0.4rem;
+  margin-top: 0;
+  padding: 0;
 }
+
+/* === 分组区块 — 基础资料/账户信息/OAuth === */
+.basic,
+.account,
+.oauth {
+  padding: 24px;
+  margin-top: 0;
+  background: var(--acc-surface);
+  border: 1px solid var(--acc-border);
+  border-radius: var(--acc-radius);
+  margin-bottom: 16px;
+}
+.basic { margin-top: 24px; }
+.account { margin-top: 0 !important; }
+.oauth { margin-top: 0; }
+.wx-switch { margin-top: 0; padding: 0 24px 24px; }
+
+/* === 分组标题 === */
+.account-title,
+.basic-title {
+  border-left: 3px solid var(--color-primary, #4F46E5);
+  padding-left: 12px;
+  font-size: 15px;
+  line-height: 1.3;
+  font-weight: 600;
+  color: var(--acc-text-primary);
+  margin-bottom: 4px;
+}
+
+/* === 表单行 — 改用 Grid === */
+.basic > .el-row,
+.account > .el-row {
+  display: grid !important;
+  grid-template-columns: 1fr 1fr 1fr !important;
+  gap: 16px 20px !important;
+  margin-top: 20px !important;
+}
+/* 隐藏 el-col span=3 空白列 */
+.basic > .el-row > .el-col-3,
+.account > .el-row > .el-col-3 {
+  display: none !important;
+}
+/* 让 el-col 填满 Grid 列 */
+.basic > .el-row > .el-col,
+.account > .el-row > .el-col {
+  width: 100% !important;
+  max-width: 100% !important;
+  flex: none !important;
+  padding: 0 !important;
+}
+/* OAuth 横排 */
+.oauth-box {
+  margin-top: 20px;
+  display: grid !important;
+  grid-template-columns: 1fr 1fr 1fr !important;
+  gap: 16px 20px;
+}
+.oauth-box > .box-item {
+  width: 100% !important;
+  max-width: 100% !important;
+  flex: none !important;
+  padding: 0 !important;
+}
+
+/* === 表单项 === */
+.box-item {
+  display: flex;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', sans-serif;
+}
+.box-item-t {
+  font-size: 13px;
+  font-weight: 500;
+  height: auto;
+  color: var(--acc-text-secondary);
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+/* Switch 在标题中 */
+.box-item-t .el-switch {
+  margin-left: auto;
+}
+
+/* === 输入框 — 圆角边框 === */
+.box-item-b > .el-input,
+.box-item-b .el-select,
+.box-item-b .el-textarea {
+  width: 100% !important;
+  border: none;
+  border-bottom: none;
+}
+.box-item-b .el-input__inner {
+  height: 40px;
+  padding: 0 12px;
+  border: 1px solid var(--acc-border) !important;
+  border-radius: var(--acc-radius-sm) !important;
+  background: var(--acc-surface) !important;
+  font-size: 14px;
+  color: var(--acc-text-primary);
+  transition: all var(--acc-transition);
+}
+.box-item-b .el-input__inner:hover {
+  border-color: var(--acc-border-hover) !important;
+}
+.box-item-b .el-input__inner:focus {
+  border-color: var(--acc-border-focus) !important;
+  box-shadow: 0 0 0 3px rgba(79,70,229,0.08);
+  outline: none;
+}
+/* Select 输入框 */
+.box-item-b .el-select .el-input__inner {
+  border: 1px solid var(--acc-border) !important;
+  border-radius: var(--acc-radius-sm) !important;
+}
+/* Textarea */
+.box-item-b .el-textarea .el-textarea__inner {
+  padding: 10px 12px;
+  border: 1px solid var(--acc-border) !important;
+  border-radius: var(--acc-radius-sm) !important;
+  font-size: 14px;
+  transition: all var(--acc-transition);
+  min-height: 80px;
+}
+.box-item-b .el-textarea .el-textarea__inner:hover {
+  border-color: var(--acc-border-hover) !important;
+}
+.box-item-b .el-textarea .el-textarea__inner:focus {
+  border-color: var(--acc-border-focus) !important;
+  box-shadow: 0 0 0 3px rgba(79,70,229,0.08);
+}
+/* 禁用输入 */
+.box-item-b .el-input.is-disabled .el-input__inner {
+  background: var(--acc-bg) !important;
+  color: var(--acc-text-tertiary);
+  cursor: not-allowed;
+}
+
+/* === 编辑图标 === */
+.edit-icon {
+  cursor: pointer;
+  padding: 8px;
+  font-size: 14px;
+  color: var(--acc-text-tertiary);
+  transition: color var(--acc-transition);
+}
+.edit-icon:hover {
+  color: var(--color-primary, #4F46E5);
+}
+.el-input__suffix {
+  display: flex;
+  align-items: center;
+}
+
+/* === 保存按钮 === */
+.btn-save {
+  width: 120px;
+  height: 40px;
+  margin-top: 8px;
+  margin-left: 24px;
+  margin-bottom: 24px;
+  background: var(--color-primary, #4F46E5) !important;
+  border: none !important;
+  border-radius: var(--acc-radius-sm) !important;
+  color: #ffffff;
+  font-size: 14px;
+  font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: all var(--acc-transition);
+  box-shadow: 0 1px 3px rgba(79,70,229,0.2);
+}
+.btn-save:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(79,70,229,0.3) !important;
+}
+.btn-save:active {
+  transform: translateY(0);
+}
+
+/* === Popconfirm 修复 === */
 .el-popconfirm .el-popconfirm__main {
   margin: 14px 0;
 }
 .el-popconfirm .el-popconfirm__action .el-button {
   display: initial !important;
 }
-.account-title,
-.basic-title {
-  border-left: 3px solid var(--color-primary);
-  padding-left: 0.1rem;
-  font-size: 0.16rem;
-  line-height: 0.16rem;
-  font-weight: 400;
+
+/* === 链接文字 === */
+.a-text {
+  color: var(--acc-text-primary);
+  font-size: 14px;
 }
-.account {
-  margin-top: 0.62rem !important;
-}
-.basic > .el-row,
-.account > .el-row {
-  margin-top: 0.43rem;
-}
-.oauth {
-  margin-top: 0.62rem;
-}
-.wx-switch {
-  margin-top: 0.43rem;
-}
-.oauth-box {
-  margin-top: 0.43rem;
-  display: flex;
-  flex-wrap: wrap;
-  row-gap: 0.43rem;
-}
-.box-item {
-  display: flex;
-  flex-direction: column;
-  font-family: PingFang SC;
-}
-.box-item-t {
-  font-size: 0.13rem;
-  font-weight: 500;
-  height: 0.2rem;
-  color: #8B949E;
-  margin-bottom: 0.25rem;
-}
-.box-item-b > .el-input,
-.box-item-b .el-select,
-.box-item-b .el-textarea {
-  width: 3.2rem;
-  border: none;
-  border-bottom: 1px solid #e6e7eb;
-}
-.el-textarea .el-textarea__inner {
-  padding: 0;
-  border: none;
-}
-.box-item-b .el-input__inner {
-  border: none;
-  padding: 0;
-}
-.btn-save {
-  width: 0.88rem;
-  height: 0.32rem;
-  margin-top: 0.43rem;
-  background: var(--color-primary);
-  border-radius: 3px;
-  color: #ffffff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.el-input.is-disabled .el-input__inner {
-  background: #161b22;
-}
-.el-input__inner {
-  height: 0.46rem;
-}
-.el-input__suffix {
-  display: flex;
-  align-items: center;
-}
-.input-with-select .el-input-group__prepend {
-  width: 60px;
-  border: none;
-  background: #161b22;
-}
-.edit-icon {
+.a-text:hover {
+  color: var(--color-primary, #4F46E5);
   cursor: pointer;
-  padding: 0.15rem;
-}
-.el-dialog__body {
-  padding: 0.3rem 0.8rem;
-  font-size: 0.16rem;
-}
-.mian-form {
-  margin-top: 0.4rem;
-}
-.input-btn {
-  display: flex;
-  flex-direction: row;
-}
-.code-btn {
-  margin-left: 0.12rem;
-  width: 1.3rem;
-  background: #eef4ff;
-  opacity: 1;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--color-primary);
-}
-.select-input {
-  width: auto !important;
-  min-width: 1.14rem;
+  text-decoration: none;
 }
+
+/* === 搜索栏 — 操作日志 === */
 .com-search {
   display: flex;
   justify-content: flex-end;
-  padding: 0.2rem 0;
+  padding: 16px 0;
 }
+.com-search .el-input {
+  width: 280px !important;
+  margin-left: 0 !important;
+}
+.com-search .el-input .el-input__inner {
+  border: 1px solid var(--acc-border) !important;
+  border-radius: var(--acc-radius-sm) !important;
+  height: 36px;
+  font-size: 13px;
+}
+
+/* === 消息搜索栏 === */
 .msg-search {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0.2rem 0;
+  padding: 16px 0;
+  gap: 12px;
+  flex-wrap: wrap;
 }
 .msgsearch-left {
   display: flex;
   align-items: center;
+  gap: 8px;
 }
 .msgsearch-left .el-button {
-  border-radius: 0.03rem;
-  border: 0.01rem solid var(--color-primary);
-  color: var(--color-primary);
-  font-size: 0.16rem;
-  margin-right: 0.1rem;
+  border-radius: var(--acc-radius-sm);
+  border: 1px solid var(--acc-border);
+  color: var(--acc-text-primary);
+  font-size: 13px;
+  font-weight: 500;
+  padding: 8px 14px;
+  transition: all var(--acc-transition);
+}
+.msgsearch-left .el-button:hover {
+  border-color: var(--color-primary, #4F46E5);
+  color: var(--color-primary, #4F46E5);
+  background: rgba(79,70,229,0.04);
 }
 .msgsearch-right {
   display: flex;
+  align-items: center;
+  gap: 8px;
 }
 .msgsearch-right .el-select {
-  width: 2.4rem;
-  margin-right: 0.1rem;
-  border: none;
+  width: 160px;
+  margin-right: 0;
+}
+.msgsearch-right .el-select .el-input__inner {
+  border: 1px solid var(--acc-border) !important;
+  border-radius: var(--acc-radius-sm) !important;
+  height: 36px;
+}
+.msgsearch-right .el-input {
+  width: 220px !important;
+}
+.msgsearch-right .el-input .el-input__inner {
+  border: 1px solid var(--acc-border) !important;
+  border-radius: var(--acc-radius-sm) !important;
+  height: 36px;
 }
 .msgsearch-right .search-btn {
-  margin-left: 0.1rem;
-  background: var(--color-primary);
-  font-size: 0.16rem;
-  color: rgba(255, 255, 255, 0.9);
+  background: var(--color-primary, #4F46E5);
+  font-size: 13px;
+  font-weight: 500;
+  color: #fff;
+  border: none;
+  border-radius: var(--acc-radius-sm);
+  padding: 8px 18px;
+  transition: all var(--acc-transition);
 }
-.a-text {
-  color: #E6E8EB;
+.msgsearch-right .search-btn:hover {
+  box-shadow: 0 2px 8px rgba(79,70,229,0.25);
 }
-.a-text:hover {
-  color: var(--color-primary);
-  cursor: pointer;
-  text-decoration: underline;
+
+/* === 表格 === */
+.content_table {
+  border-radius: var(--acc-radius);
+  overflow: hidden;
 }
-.msg-status {
-  margin-right: 0.05rem;
+.tabledata .el-table {
+  border-radius: var(--acc-radius) !important;
+  overflow: hidden;
+  margin-bottom: 16px !important;
 }
-.is-read {
-  color: #8B949E;
+.tabledata .el-table th {
+  background: var(--acc-bg) !important;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--acc-text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  padding-left: 16px !important;
 }
-.no-read {
-  color: var(--color-primary);
+.tabledata .el-table td {
+  padding-left: 16px !important;
+  font-size: 14px;
+  color: var(--acc-text-primary);
 }
 tr > td {
-  padding-left: 20px !important;
+  padding-left: 16px !important;
 }
 th {
-  padding-left: 20px !important;
+  padding-left: 16px !important;
 }
+
+/* === 消息状态 === */
+.msg-status {
+  margin-right: 4px;
+  font-size: 12px;
+}
+.is-read {
+  color: var(--acc-text-tertiary);
+}
+.no-read {
+  color: var(--color-primary, #4F46E5);
+  font-weight: 600;
+}
+
+/* === 弹窗 === */
+.el-dialog {
+  border-radius: var(--acc-radius) !important;
+  overflow: hidden;
+  box-shadow: var(--acc-shadow-md) !important;
+}
+.el-dialog__body {
+  padding: 24px 32px;
+  font-size: 14px;
+}
+.dialog-title {
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--acc-text-primary);
+  padding: 24px 32px 0;
+}
+.mian-form {
+  margin-top: 20px;
+}
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  padding: 16px 32px 24px;
+}
+.dialog-footer .btn-ok {
+  background: var(--color-primary, #4F46E5) !important;
+  border: none !important;
+  border-radius: var(--acc-radius-sm) !important;
+  color: #fff;
+  font-weight: 600;
+  font-size: 14px;
+  padding: 10px 24px;
+  transition: all var(--acc-transition);
+}
+.dialog-footer .btn-ok:hover {
+  box-shadow: 0 2px 8px rgba(79,70,229,0.25);
+}
+.dialog-footer .btn-no {
+  background: var(--acc-surface) !important;
+  border: 1px solid var(--acc-border) !important;
+  border-radius: var(--acc-radius-sm) !important;
+  color: var(--acc-text-primary);
+  font-weight: 500;
+  font-size: 14px;
+  padding: 10px 24px;
+  transition: all var(--acc-transition);
+}
+.dialog-footer .btn-no:hover {
+  border-color: var(--acc-border-hover) !important;
+  background: var(--acc-bg) !important;
+}
+
+/* === 验证码输入 === */
+.input-btn {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+}
+.code-btn {
+  min-width: 100px;
+  background: rgba(79,70,229,0.06);
+  border: 1px solid rgba(79,70,229,0.12);
+  border-radius: var(--acc-radius-sm);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-primary, #4F46E5);
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all var(--acc-transition);
+  margin-left: 0;
+}
+.code-btn:hover {
+  background: rgba(79,70,229,0.1);
+}
+
+/* === 忘记密码 === */
 .forget-pass {
   display: flex;
   justify-content: flex-end;
-  line-height: 0.14rem;
-  font-size: 0.14rem;
-  margin-top: 0.04rem;
+  line-height: 1;
+  font-size: 13px;
+  margin-top: 6px;
+  color: var(--acc-text-tertiary);
 }
 .forget-pass > a {
-  color: var(--color-primary);
+  color: var(--color-primary, #4F46E5);
   cursor: pointer;
+  font-weight: 500;
 }
+
+/* === 验证码修改密码 Tab === */
 .login-top {
   display: flex;
   flex-direction: row;
-  margin-top: 0.3rem;
+  margin-top: 20px;
+  gap: 24px;
+  border-bottom: 1px solid var(--acc-border);
+  padding-bottom: 0;
 }
 .login-email,
 .login-phone {
-  color: #666b80;
+  color: var(--acc-text-secondary);
   cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  padding-bottom: 10px;
+  transition: color var(--acc-transition);
 }
 .login-phone {
-  margin-left: 0.4rem;
+  margin-left: 0;
 }
 .active {
-  color: var(--color-primary);
-  padding-bottom: 0.14rem;
-  border-bottom: 2px solid var(--color-primary);
+  color: var(--color-primary, #4F46E5);
+  padding-bottom: 10px;
+  border-bottom: 2px solid var(--color-primary, #4F46E5);
 }
 .form-main {
-  margin-top: 0.3rem;
+  margin-top: 20px;
 }
 .form-item {
-  margin-top: 0.3rem;
+  margin-top: 16px;
 }
 .code-item {
   display: flex;
   flex-direction: row;
+  gap: 8px;
 }
-.rember-item {
-  margin-top: 0.2rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+.form-item .el-input .el-input__inner {
+  border: 1px solid var(--acc-border) !important;
+  border-radius: var(--acc-radius-sm) !important;
+  height: 40px;
+  font-size: 14px;
 }
-.rember-item a {
-  color: var(--color-primary);
-  cursor: pointer;
+.form-item .el-input .el-input__inner:focus {
+  border-color: var(--acc-border-focus) !important;
+  box-shadow: 0 0 0 3px rgba(79,70,229,0.08);
 }
-.login-btn {
-  width: 100%;
-  height: 0.46rem;
-  background: var(--color-primary);
-}
-.read-item {
-  margin-top: 0.2rem;
-}
-.read-item a {
-  color: var(--color-primary);
-  cursor: pointer;
-}
-.line-item {
-  margin-top: 0.4rem;
-}
-.line-item text {
-  font-size: 16px;
-  color: #E6E8EB;
-}
-.type-btn {
-  width: 100%;
-  height: 0.46rem;
-  font-size: 0.16rem;
+
+/* === Select 弹出框 === */
+.select-input {
+  width: auto !important;
+  min-width: 100px;
 }
 .code-pass-select {
   width: auto;
-  height: 44px;
-  border: 1px solid rgba(255,255,255,0.06);
+  height: 40px;
+  border: 1px solid var(--acc-border);
   border-right: none;
+  border-radius: var(--acc-radius-sm) 0 0 var(--acc-radius-sm);
 }
+
+/* === 错误提示 === */
+.read-item {
+  margin-top: 12px;
+}
+.read-item a {
+  color: var(--color-primary, #4F46E5);
+  cursor: pointer;
+}
+
+/* === MessageBox 覆盖 === */
 .el-message-box__btns {
   display: flex;
   flex-direction: row-reverse;
+  gap: 8px;
 }
 .el-message-box__btns > .el-button {
   display: inline-block;
-  margin-left: 10px;
+  margin-left: 0;
 }
+
+/* === Form 标签 === */
+.el-form-item__label {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--acc-text-secondary);
+}
+.custom-form .el-form-item {
+  margin-bottom: 0;
+}
+
+/* === input-with-select 前缀 === */
+.input-with-select .el-input-group__prepend {
+  width: 60px;
+  border: 1px solid var(--acc-border);
+  border-right: none;
+  background: var(--acc-bg);
+  border-radius: var(--acc-radius-sm) 0 0 var(--acc-radius-sm);
+}
+
+/* === 移动端隐藏 === */
 .mobel {
   display: none;
 }
+
+/* === 微信开关 === */
+.wx-switch .box-item-t {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 14px;
+  color: var(--acc-text-primary);
+}
+
+/* ====== Responsive ====== */
 @media screen and (max-width: 750px) {
   .main-card-title {
-    font-size: 0.48rem;
+    font-size: 20px;
   }
   .name-text {
-    font-size: 0.4rem;
+    font-size: 18px;
   }
   .basic-title,
   .account-title {
-    font-size: 0.36rem;
-    font-family: PingFang SC;
-    font-weight: 800;
-    line-height: 0.36rem;
-    color: var(--color-primary);
-    border-left: none;
-    padding-left: 0;
+    font-size: 15px;
+    font-weight: 700;
+    color: var(--acc-text-primary);
+    border-left: 3px solid var(--color-primary, #4F46E5);
+    padding-left: 12px;
   }
   .box-item-t {
-    font-size: 0.28rem;
-    height: 0.28rem;
+    font-size: 13px;
   }
-  .el-row {
-    display: flex;
-    flex-direction: column;
+  .basic > .el-row,
+  .account > .el-row {
+    grid-template-columns: 1fr !important;
   }
-  .el-col {
-    width: 100%;
+  .oauth-box {
+    grid-template-columns: 1fr !important;
   }
   .box-item-b > .el-input,
   .box-item-b .el-select,
   .box-item-b .el-textarea {
     width: 100%;
-    margin-bottom: 0.4rem;
-  }
-  .el-input__inner {
-    font-size: 0.32rem;
-    height: auto;
   }
   .btn-save {
-    width: calc(100% - 0.6rem);
-    margin: 0 auto;
-    margin-top: 0.43rem;
-    height: 0.8rem;
-    font-size: 0.34rem;
+    width: 100%;
+    margin: 16px 24px 24px;
+    height: 44px;
+    font-size: 15px;
   }
   .code-btn {
     width: auto;
-    height: 0.8rem;
-    font-size: 0.32rem;
+    height: 44px;
+    font-size: 14px;
   }
   .dialog-footer {
     flex-direction: column;
+    gap: 8px;
   }
   .dialog-footer .btn-ok,
   .dialog-footer .btn-no {
     width: 100%;
-    height: 0.8rem;
-    font-size: 0.34rem;
+    height: 44px;
+    font-size: 15px;
   }
   .dialog-footer .btn-no {
     margin-left: 0;
-    margin-top: 0.2rem;
-  }
-  .el-form-item__label {
-    font-size: 0.32rem;
-  }
-  .edit-icon {
-    font-size: 0.4rem;
   }
   .dialog-title {
-    font-size: 0.36rem;
+    font-size: 17px;
+  }
+  .basic,
+  .account,
+  .oauth {
+    padding: 16px;
+    border-radius: var(--acc-radius-sm);
   }
   .forget-pass {
-    font-size: 0.28rem;
-    line-height: 0.29rem;
+    font-size: 13px;
   }
-  .content_searchbar .left_tips .tips_item {
-    margin-right: 0.1rem;
-  }
-  .searchbar {
+  .com-search {
     width: 100%;
+    padding: 12px 0;
   }
-  .searchbar .el-input {
+  .com-search .el-input {
     margin-left: 0;
     width: 100% !important;
   }
+  .msg-search {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  .msgsearch-right {
+    flex-wrap: wrap;
+  }
+  .msgsearch-right .el-select,
+  .msgsearch-right .el-input {
+    width: 100% !important;
+  }
   .mob-searchbar {
-    margin-top: 0.53rem;
+    margin-top: 16px;
   }
   .mob-search-input {
-    height: 0.8rem;
-    background: rgba(134, 146, 176, 0.1);
-    border-radius: 3px 3px 0px 0px;
+    height: 44px;
+    background: var(--acc-bg);
+    border-radius: var(--acc-radius-sm) var(--acc-radius-sm) 0 0;
   }
   .mob-search-input > input {
-    height: 0.8rem;
-    background: rgba(134, 146, 176, 0.1);
-    border-radius: 3px 3px 0px 0px;
+    height: 44px;
+    background: var(--acc-bg);
+    border-radius: var(--acc-radius-sm) var(--acc-radius-sm) 0 0;
+  }
+  .mobel {
+    display: block;
+  }
+  .content_table {
+    display: none;
   }
   .mob-tabledata {
     display: flex;
     flex-direction: column;
-    border: 1px solid #d7d8db;
-    border-radius: 0px 0px 3px 3px;
+    border: 1px solid var(--acc-border);
+    border-radius: 0 0 var(--acc-radius-sm) var(--acc-radius-sm);
   }
   .mob-tabledata-item {
-    height: auto;
-    border-bottom: 1px solid #d7d8db;
+    border-bottom: 1px solid var(--acc-border);
     display: flex;
     flex-direction: column;
-    padding: 0 0.3rem;
+    padding: 12px 16px;
   }
   .mob-item-row {
     display: flex;
     justify-content: space-between;
-    margin-top: 0.2rem;
+    margin-top: 8px;
   }
   .mob-item-row1,
   .mob-item-row3,
   .mob-item-row-notes {
-    font-size: 0.26rem;
-    line-height: 0.27rem;
-    color: #8B949E;
+    font-size: 12px;
+    color: var(--acc-text-tertiary);
   }
   .mob-item-row2-name {
-    font-size: 0.32rem;
-    line-height: 0.33rem;
+    font-size: 14px;
+    color: var(--acc-text-primary);
+    font-weight: 500;
   }
   .mob-item-row3 {
-    margin-bottom: 0.4rem;
+    margin-bottom: 4px;
   }
   .back-top-img {
-    width: 0.88rem;
+    width: 40px;
     position: fixed;
-    right: 0.3rem;
-    bottom: 1.17rem;
+    right: 16px;
+    bottom: 60px;
   }
   .bottom-text {
-    font-size: 0.26rem;
-    line-height: 0.27rem;
-    color: #8B949E;
-    margin: 0.4rem 0;
+    font-size: 13px;
+    color: var(--acc-text-tertiary);
+    margin: 16px 0;
     display: flex;
     justify-content: center;
   }
@@ -473,6 +822,16 @@ th {
     margin-top: 0;
   }
   .select-input > .el-input--suffix {
-    width: 1.86rem;
+    width: 120px;
+  }
+  .box-top {
+    padding: 16px;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+  }
+  .attestation-status {
+    width: 100%;
+    justify-content: center;
   }
 }