From 2150734cce3831c1905309f11f1082ed8c5971d9 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Sat, 21 Mar 2026 11:38:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20account.css=20V4=20=E2=80=94=20=E5=AE=8C?=
 =?UTF-8?q?=E5=85=A8=E6=81=A2=E5=A4=8D=E5=8E=9F=E5=A7=8B=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?,=E4=BB=85=E6=94=B93=E5=A4=84=E8=A7=86=E8=A7=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 恢复所有原始rem值(宽度/高度/间距/布局)
- 颜色从#E6E8EB改为#1F2937(用户名/标题/文字)
- 输入框加8px圆角+1px灰边框+hover/focus效果
- 保存按钮圆角8px+hover悬浮阴影
- 编辑图标hover变蓝
- Tabs下划线美化
- 弹窗圆角12px
- 标签颜色#6B7280(灰色更高对比度)
- 移除所有卡片容器/Grid/width:100%等会破坏布局的样式
---
 clientarea/hgcloud/css/account.css | 736 +++++++++++++----------------
 1 file changed, 341 insertions(+), 395 deletions(-)

diff --git a/clientarea/hgcloud/css/account.css b/clientarea/hgcloud/css/account.css
index e1d1235..6d115f4 100644
--- a/clientarea/hgcloud/css/account.css
+++ b/clientarea/hgcloud/css/account.css
@@ -1,275 +1,78 @@
-/* ====== Account Page — 高级简约风 V3 ====== */
-/* 策略：完全保留 el-row/el-col 原始栅格布局，仅美化视觉 */
+/* ====== Account Page — 简约美化 V4 ====== */
+/* 策略：零布局改动，只改颜色/圆角/阴影 */
 
 /* === 页面标题 === */
-#account .main-card-title {
-  font-size: 22px !important;
-  line-height: 1.3 !important;
-  font-weight: 700 !important;
-  color: #1F2937 !important;
-  letter-spacing: -0.01em;
+.main-card-title {
+  font-size: 0.28rem;
+  line-height: 0.28rem;
+  font-weight: 700;
+  color: #1F2937;
 }
 
 /* === 内容容器 === */
-#account .content-box {
-  margin-top: 20px;
+.content-box {
+  margin-top: 0.4rem;
 }
 
-/* === Tabs 美化 === */
-#account .el-tabs__header {
-  margin-bottom: 0;
+/* === 用户栏 === */
+.box-top {
+  height: 1rem;
+  width: 100%;
+  border-bottom: 1px solid #E5E7EB;
+  display: flex;
+  align-items: center;
 }
-#account .el-tabs__nav-wrap::after {
-  height: 1px;
-  background: #E5E7EB;
-}
-#account .el-tabs__item {
-  font-size: 14px !important;
-  font-weight: 500;
-  color: #6B7280;
-  height: 42px;
-  line-height: 42px;
-  transition: color 200ms;
-}
-#account .el-tabs__item:hover {
-  color: #374151;
-}
-#account .el-tabs__item.is-active {
-  color: #1F2937 !important;
-  font-weight: 600;
-}
-#account .el-tabs__active-bar {
-  height: 2px;
-  border-radius: 2px;
-  background: var(--color-primary, #4F46E5) !important;
-}
-
-/* === 用户信息栏 === */
-#account .box-top {
-  height: auto !important;
-  width: 100% !important;
-  padding: 16px 20px !important;
-  border-bottom: none !important;
-  background: linear-gradient(135deg, rgba(79,70,229,0.05) 0%, rgba(59,130,246,0.05) 100%) !important;
-  border-radius: 10px !important;
-  display: flex !important;
-  align-items: center !important;
-  margin-bottom: 4px !important;
-}
-#account .right-name {
+.right-name {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
 }
-
-/* === 用户名 — 深色 === */
-#account .name-text {
-  font-size: 18px !important;
-  font-weight: 700 !important;
-  line-height: 1.4 !important;
+.name-text {
+  font-size: 0.32rem;
+  font-family: Helvetica;
+  font-weight: bold;
+  line-height: 0.32rem;
   color: #1F2937 !important;
 }
-#account .name-country {
-  margin-top: 4px;
+.name-country {
+  margin-top: 0.1rem;
   display: flex;
   align-items: center;
 }
-#account .country-img {
-  height: 16px;
-  width: 24px;
-  border-radius: 2px;
+.country-img {
+  height: 0.25rem;
+  width: 0.4rem;
 }
 
 /* === 实名认证 === */
-#account .attestation-status {
+.attestation-status {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
-  padding: 6px 14px;
-  background: #FFFFFF;
-  border: 1px solid #E5E7EB;
-  border-radius: 999px;
-  transition: all 200ms;
-  margin-left: 4px;
+  margin-left: 0.04rem;
 }
-#account .attestation-status:hover {
-  border-color: var(--color-primary, #4F46E5);
-  box-shadow: 0 0 0 3px rgba(79,70,229,0.06);
+.attestation-status > img {
+  width: 0.26rem;
+  height: 0.26rem;
 }
-#account .attestation-status > img {
-  width: 18px;
-  height: 18px;
-}
-#account .attestation-text {
+.attestation-text {
   cursor: pointer;
-  margin-left: 6px;
-  font-size: 13px;
-  color: #6B7280 !important;
+  margin-left: 0.1rem;
+  font-size: 0.14rem;
+  color: #6B7280;
 }
 .bule-text {
-  color: var(--color-primary, #4F46E5) !important;
+  color: var(--color-primary) !important;
   font-weight: 600;
 }
 .bule-text .el-icon-arrow-right {
-  margin-left: 4px;
+  margin-left: 0.08rem;
 }
 
 /* === 主内容区 === */
-#account .box-main {
-  margin-top: 0;
-}
-
-/* === 分组区块 — 浅灰卡片 === */
-#account .basic {
-  padding: 20px !important;
-  margin-top: 20px !important;
-  background: #F9FAFB !important;
-  border: 1px solid #E5E7EB !important;
-  border-radius: 10px !important;
-}
-#account .account {
-  padding: 20px !important;
-  margin-top: 16px !important;
-  background: #F9FAFB !important;
-  border: 1px solid #E5E7EB !important;
-  border-radius: 10px !important;
-}
-#account .oauth {
-  padding: 20px !important;
-  margin-top: 16px !important;
-  background: #F9FAFB !important;
-  border: 1px solid #E5E7EB !important;
-  border-radius: 10px !important;
-}
-#account .wx-switch {
-  margin-top: 16px;
-}
-
-/* === 分组标题 === */
-#account .basic-title,
-#account .account-title {
-  border-left: 3px solid var(--color-primary, #4F46E5) !important;
-  padding-left: 10px !important;
-  font-size: 15px !important;
-  line-height: 1.3 !important;
-  font-weight: 600 !important;
-  color: #1F2937 !important;
-  text-align: left !important;
-}
-
-/* === 表单行间距 — 保留 el-row flex 布局 === */
-#account .basic > .el-row {
-  margin-top: 20px !important;
-}
-#account .account > .el-row {
-  margin-top: 20px !important;
-}
-#account .oauth-box {
-  margin-top: 20px !important;
-  display: flex;
-  flex-wrap: wrap;
-  row-gap: 20px;
-}
-
-/* === 表单项 === */
-#account .box-item {
-  display: flex;
-  flex-direction: column;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', sans-serif;
-}
-#account .box-item-t {
-  font-size: 13px !important;
-  font-weight: 500 !important;
-  height: auto !important;
-  color: #6B7280 !important;
-  margin-bottom: 6px !important;
-}
-
-/* === 输入框样式 — 圆角边框 === */
-#account .box-item-b > .el-input,
-#account .box-item-b .el-select,
-#account .box-item-b .el-textarea {
-  width: 3.2rem;
-  border: none !important;
-  border-bottom: none !important;
-}
-#account .box-item-b .el-input__inner {
-  height: 38px !important;
-  padding: 0 12px !important;
-  border: 1px solid #E5E7EB !important;
-  border-radius: 8px !important;
-  background: #FFFFFF !important;
-  font-size: 14px !important;
-  color: #1F2937 !important;
-  transition: border-color 200ms, box-shadow 200ms;
-}
-#account .box-item-b .el-input__inner:hover {
-  border-color: #D1D5DB !important;
-}
-#account .box-item-b .el-input__inner:focus {
-  border-color: var(--color-primary, #4F46E5) !important;
-  box-shadow: 0 0 0 3px rgba(79,70,229,0.08) !important;
-  outline: none !important;
-}
-#account .box-item-b .el-select .el-input__inner {
-  border: 1px solid #E5E7EB !important;
-  border-radius: 8px !important;
-  background: #FFFFFF !important;
-}
-#account .el-textarea .el-textarea__inner {
-  padding: 10px 12px !important;
-  border: 1px solid #E5E7EB !important;
-  border-radius: 8px !important;
-  font-size: 14px !important;
-}
-/* 禁用状态 */
-#account .el-input.is-disabled .el-input__inner {
-  background: #F3F4F6 !important;
-  color: #9CA3AF !important;
-  cursor: not-allowed;
-}
-
-/* === 编辑图标 === */
-#account .edit-icon {
-  cursor: pointer;
-  padding: 8px;
-  font-size: 14px;
-  color: #9CA3AF;
-  transition: color 200ms;
-}
-#account .edit-icon:hover {
-  color: var(--color-primary, #4F46E5);
-}
-#account .el-input__suffix {
-  display: flex;
-  align-items: center;
-}
-#account .el-input__inner {
-  height: 38px !important;
-}
-
-/* === 保存按钮 === */
-#account .btn-save {
-  width: 120px !important;
-  height: 40px !important;
-  margin-top: 20px !important;
-  background: var(--color-primary, #4F46E5) !important;
-  border-radius: 8px !important;
-  color: #ffffff !important;
-  font-size: 14px !important;
-  font-weight: 600 !important;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  cursor: pointer;
-  transition: all 200ms;
-  box-shadow: 0 1px 3px rgba(79,70,229,0.2);
-}
-#account .btn-save:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(79,70,229,0.3) !important;
+.box-main {
+  margin-top: 0.4rem;
 }
 
 /* === Popconfirm === */
@@ -280,56 +83,233 @@
   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: 600;
+  color: #1F2937;
+}
+
+/* === 分组区块 — 轻卡片（无 padding 避免压缩布局） === */
+.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: #6B7280;
+  margin-bottom: 0.25rem;
+}
+
+/* === 输入框 — 圆角边框（保持原始宽度 3.2rem） === */
+.box-item-b > .el-input,
+.box-item-b .el-select,
+.box-item-b .el-textarea {
+  width: 3.2rem;
+  border: none;
+  border-bottom: none;
+}
+.el-textarea .el-textarea__inner {
+  padding: 0;
+  border: none;
+}
+
+/* 核心美化：输入框圆角边框 */
+#account .box-item-b .el-input__inner {
+  border: 1px solid #E5E7EB !important;
+  border-radius: 8px !important;
+  padding: 0 12px;
+  background: #FFFFFF !important;
+  height: 0.46rem;
+  color: #1F2937;
+  transition: border-color 200ms, box-shadow 200ms;
+}
+#account .box-item-b .el-input__inner:hover {
+  border-color: #D1D5DB !important;
+}
+#account .box-item-b .el-input__inner:focus {
+  border-color: var(--color-primary, #4F46E5) !important;
+  box-shadow: 0 0 0 3px rgba(79,70,229,0.08) !important;
+  outline: none;
+}
+
+/* Select 下拉框也要圆角 */
+#account .box-item-b .el-select .el-input__inner {
+  border: 1px solid #E5E7EB !important;
+  border-radius: 8px !important;
+  background: #FFFFFF !important;
+}
+
+/* 禁用输入 */
+.el-input.is-disabled .el-input__inner {
+  background: #F3F4F6 !important;
+  color: #9CA3AF;
+}
+
+/* 通用 input 高度 */
+.el-input__inner {
+  height: 0.46rem;
+}
+.el-input__suffix {
+  display: flex;
+  align-items: center;
+}
+
+/* === 编辑图标 === */
+.edit-icon {
+  cursor: pointer;
+  padding: 0.15rem;
+  color: #9CA3AF;
+  transition: color 200ms;
+}
+.edit-icon:hover {
+  color: var(--color-primary, #4F46E5);
+}
+
+/* Select 前缀 */
+.input-with-select .el-input-group__prepend {
+  width: 60px;
+  border: none;
+  background: #161b22;
+}
+
+/* === 保存按钮 — 美化 === */
+.btn-save {
+  width: 1.2rem;
+  height: 0.4rem;
+  margin-top: 0.43rem;
+  background: var(--color-primary);
+  border-radius: 8px;
+  color: #ffffff;
+  font-weight: 600;
+  font-size: 0.14rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all 200ms;
+  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);
+}
+
+/* === 弹窗 === */
+#account .el-dialog {
+  border-radius: 12px !important;
+  overflow: hidden;
+}
+.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: rgba(79,70,229,0.06);
+  border: 1px solid rgba(79,70,229,0.12);
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-primary);
+  transition: background 200ms;
+}
+.code-btn:hover {
+  background: rgba(79,70,229,0.1);
+}
+.select-input {
+  width: auto !important;
+  min-width: 1.14rem;
+}
+
 /* === 搜索栏 === */
 .com-search {
   display: flex;
   justify-content: flex-end;
-  padding: 16px 0;
+  padding: 0.2rem 0;
 }
-
-/* === 消息搜索 === */
 .msg-search {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 16px 0;
+  padding: 0.2rem 0;
 }
 .msgsearch-left {
   display: flex;
   align-items: center;
 }
 .msgsearch-left .el-button {
-  border-radius: 6px;
-  border: 1px solid var(--color-primary);
+  border-radius: 0.03rem;
+  border: 0.01rem solid var(--color-primary);
   color: var(--color-primary);
-  font-size: 13px;
-  margin-right: 8px;
+  font-size: 0.16rem;
+  margin-right: 0.1rem;
 }
 .msgsearch-right {
   display: flex;
 }
 .msgsearch-right .el-select {
-  width: 180px;
-  margin-right: 8px;
+  width: 2.4rem;
+  margin-right: 0.1rem;
+  border: none;
 }
 .msgsearch-right .search-btn {
-  margin-left: 8px;
+  margin-left: 0.1rem;
   background: var(--color-primary);
-  font-size: 13px;
+  font-size: 0.16rem;
   color: rgba(255, 255, 255, 0.9);
   border-radius: 6px;
   border: none;
 }
+
+/* === 链接/消息 === */
 .a-text {
   color: #1F2937;
 }
 .a-text:hover {
   color: var(--color-primary);
   cursor: pointer;
-  text-decoration: none;
+  text-decoration: underline;
 }
 .msg-status {
-  margin-right: 4px;
+  margin-right: 0.05rem;
 }
 .is-read {
   color: #9CA3AF;
@@ -338,101 +318,57 @@
   color: var(--color-primary);
   font-weight: 600;
 }
-
-/* === 表格 === */
 tr > td {
-  padding-left: 16px !important;
+  padding-left: 20px !important;
 }
 th {
-  padding-left: 16px !important;
-}
-
-/* === 弹窗美化 === */
-#account .el-dialog {
-  border-radius: 12px !important;
-  overflow: hidden;
-}
-#account .el-dialog__body {
-  padding: 20px 28px;
-  font-size: 14px;
-}
-.mian-form {
-  margin-top: 16px;
-}
-.input-btn {
-  display: flex;
-  flex-direction: row;
-  gap: 8px;
-}
-.code-btn {
-  margin-left: 8px;
-  min-width: 100px;
-  background: rgba(79,70,229,0.06);
-  border: 1px solid rgba(79,70,229,0.12);
-  border-radius: 6px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--color-primary);
-  font-size: 13px;
-  cursor: pointer;
-  transition: background 200ms;
-}
-.code-btn:hover {
-  background: rgba(79,70,229,0.1);
-}
-.select-input {
-  width: auto !important;
-  min-width: 100px;
+  padding-left: 20px !important;
 }
 
 /* === 忘记密码 === */
 .forget-pass {
   display: flex;
   justify-content: flex-end;
-  line-height: 1;
-  font-size: 13px;
-  margin-top: 6px;
+  line-height: 0.14rem;
+  font-size: 0.14rem;
+  margin-top: 0.04rem;
 }
 .forget-pass > a {
   color: var(--color-primary);
   cursor: pointer;
 }
 
-/* === 修改密码/邮箱 — Tab 切换 === */
+/* === 修改密码 Tab === */
 .login-top {
   display: flex;
   flex-direction: row;
-  margin-top: 20px;
-  gap: 20px;
+  margin-top: 0.3rem;
 }
 .login-email,
 .login-phone {
   color: #6B7280;
   cursor: pointer;
-  font-size: 14px;
 }
 .login-phone {
-  margin-left: 0;
+  margin-left: 0.4rem;
 }
 .active {
   color: var(--color-primary);
-  padding-bottom: 10px;
+  padding-bottom: 0.14rem;
   border-bottom: 2px solid var(--color-primary);
 }
 .form-main {
-  margin-top: 16px;
+  margin-top: 0.3rem;
 }
 .form-item {
-  margin-top: 16px;
+  margin-top: 0.3rem;
 }
 .code-item {
   display: flex;
   flex-direction: row;
-  gap: 8px;
 }
 .rember-item {
-  margin-top: 12px;
+  margin-top: 0.2rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -443,45 +379,34 @@ th {
 }
 .login-btn {
   width: 100%;
-  height: 40px;
+  height: 0.46rem;
   background: var(--color-primary);
-  border-radius: 8px;
 }
 .read-item {
-  margin-top: 12px;
+  margin-top: 0.2rem;
 }
 .read-item a {
   color: var(--color-primary);
   cursor: pointer;
 }
 .line-item {
-  margin-top: 20px;
+  margin-top: 0.4rem;
 }
 .line-item text {
-  font-size: 14px;
+  font-size: 16px;
   color: #1F2937;
 }
 .type-btn {
   width: 100%;
-  height: 40px;
-  font-size: 14px;
+  height: 0.46rem;
+  font-size: 0.16rem;
 }
 .code-pass-select {
   width: auto;
-  height: 38px;
-  border: 1px solid #E5E7EB;
+  height: 44px;
+  border: 1px solid rgba(255,255,255,0.06);
   border-right: none;
-  border-radius: 8px 0 0 8px;
 }
-.input-with-select .el-input-group__prepend {
-  width: 60px;
-  border: 1px solid #E5E7EB;
-  border-right: none;
-  background: #F9FAFB;
-  border-radius: 8px 0 0 8px;
-}
-
-/* === MessageBox === */
 .el-message-box__btns {
   display: flex;
   flex-direction: row-reverse;
@@ -494,24 +419,51 @@ th {
   display: none;
 }
 
+/* === Tabs 美化 === */
+#account .el-tabs__nav-wrap::after {
+  height: 1px;
+  background: #E5E7EB;
+}
+#account .el-tabs__item {
+  font-size: 0.16rem;
+  font-weight: 500;
+  color: #6B7280;
+  transition: color 200ms;
+}
+#account .el-tabs__item:hover {
+  color: #374151;
+}
+#account .el-tabs__item.is-active {
+  color: #1F2937;
+  font-weight: 600;
+}
+#account .el-tabs__active-bar {
+  height: 2px;
+  border-radius: 2px;
+  background: var(--color-primary) !important;
+}
+
 /* ====== Responsive ====== */
 @media screen and (max-width: 750px) {
-  #account .main-card-title {
-    font-size: 18px !important;
+  .main-card-title {
+    font-size: 0.48rem;
   }
-  #account .name-text {
-    font-size: 16px !important;
+  .name-text {
+    font-size: 0.4rem;
   }
-  #account .basic-title,
-  #account .account-title {
-    font-size: 14px !important;
-    font-weight: 700 !important;
-    color: var(--color-primary) !important;
-    border-left: none !important;
-    padding-left: 0 !important;
+  .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;
   }
-  #account .box-item-t {
-    font-size: 13px !important;
+  .box-item-t {
+    font-size: 0.28rem;
+    height: 0.28rem;
   }
   .el-row {
     display: flex;
@@ -520,26 +472,27 @@ th {
   .el-col {
     width: 100%;
   }
-  #account .box-item-b > .el-input,
-  #account .box-item-b .el-select,
-  #account .box-item-b .el-textarea {
+  .box-item-b > .el-input,
+  .box-item-b .el-select,
+  .box-item-b .el-textarea {
     width: 100%;
-    margin-bottom: 12px;
+    margin-bottom: 0.4rem;
   }
-  #account .el-input__inner {
-    font-size: 14px !important;
-    height: auto !important;
+  .el-input__inner {
+    font-size: 0.32rem;
+    height: auto;
   }
-  #account .btn-save {
-    width: calc(100% - 40px) !important;
-    margin: 16px auto !important;
-    height: 44px !important;
-    font-size: 15px !important;
+  .btn-save {
+    width: calc(100% - 0.6rem);
+    margin: 0 auto;
+    margin-top: 0.43rem;
+    height: 0.8rem;
+    font-size: 0.34rem;
   }
   .code-btn {
     width: auto;
-    height: 44px;
-    font-size: 14px;
+    height: 0.8rem;
+    font-size: 0.32rem;
   }
   .dialog-footer {
     flex-direction: column;
@@ -547,27 +500,28 @@ th {
   .dialog-footer .btn-ok,
   .dialog-footer .btn-no {
     width: 100%;
-    height: 44px;
-    font-size: 15px;
+    height: 0.8rem;
+    font-size: 0.34rem;
   }
   .dialog-footer .btn-no {
     margin-left: 0;
-    margin-top: 8px;
+    margin-top: 0.2rem;
   }
   .el-form-item__label {
-    font-size: 14px;
+    font-size: 0.32rem;
   }
-  #account .edit-icon {
-    font-size: 16px;
+  .edit-icon {
+    font-size: 0.4rem;
   }
   .dialog-title {
-    font-size: 16px;
+    font-size: 0.36rem;
   }
   .forget-pass {
-    font-size: 13px;
+    font-size: 0.28rem;
+    line-height: 0.29rem;
   }
   .content_searchbar .left_tips .tips_item {
-    margin-right: 8px;
+    margin-right: 0.1rem;
   }
   .searchbar {
     width: 100%;
@@ -577,76 +531,68 @@ th {
     width: 100% !important;
   }
   .mob-searchbar {
-    margin-top: 16px;
+    margin-top: 0.53rem;
   }
   .mob-search-input {
-    height: 44px;
+    height: 0.8rem;
     background: rgba(134, 146, 176, 0.1);
-    border-radius: 6px 6px 0 0;
+    border-radius: 3px 3px 0px 0px;
   }
   .mob-search-input > input {
-    height: 44px;
+    height: 0.8rem;
     background: rgba(134, 146, 176, 0.1);
-    border-radius: 6px 6px 0 0;
+    border-radius: 3px 3px 0px 0px;
   }
   .mob-tabledata {
     display: flex;
     flex-direction: column;
-    border: 1px solid #E5E7EB;
-    border-radius: 0 0 6px 6px;
+    border: 1px solid #d7d8db;
+    border-radius: 0px 0px 3px 3px;
   }
   .mob-tabledata-item {
     height: auto;
-    border-bottom: 1px solid #E5E7EB;
+    border-bottom: 1px solid #d7d8db;
     display: flex;
     flex-direction: column;
-    padding: 12px 16px;
+    padding: 0 0.3rem;
   }
   .mob-item-row {
     display: flex;
     justify-content: space-between;
-    margin-top: 8px;
+    margin-top: 0.2rem;
   }
   .mob-item-row1,
   .mob-item-row3,
   .mob-item-row-notes {
-    font-size: 12px;
-    color: #9CA3AF;
+    font-size: 0.26rem;
+    line-height: 0.27rem;
+    color: #8B949E;
   }
   .mob-item-row2-name {
-    font-size: 14px;
-    color: #1F2937;
+    font-size: 0.32rem;
+    line-height: 0.33rem;
   }
   .mob-item-row3 {
-    margin-bottom: 8px;
+    margin-bottom: 0.4rem;
   }
   .back-top-img {
-    width: 40px;
+    width: 0.88rem;
     position: fixed;
-    right: 16px;
-    bottom: 60px;
+    right: 0.3rem;
+    bottom: 1.17rem;
   }
   .bottom-text {
-    font-size: 12px;
-    color: #9CA3AF;
-    margin: 16px 0;
+    font-size: 0.26rem;
+    line-height: 0.27rem;
+    color: #8B949E;
+    margin: 0.4rem 0;
     display: flex;
     justify-content: center;
   }
-  #account .basic > .el-row:nth-child(3) {
+  .basic > .el-row:nth-child(3) {
     margin-top: 0;
   }
   .select-input > .el-input--suffix {
-    width: 120px;
-  }
-  #account .basic,
-  #account .account,
-  #account .oauth {
-    padding: 16px !important;
-  }
-  #account .box-top {
-    flex-direction: column !important;
-    align-items: flex-start !important;
-    gap: 8px;
+    width: 1.86rem;
   }
 }