From 266886b70b669ec8e14c839369d457e4d1f2affc Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Sat, 21 Mar 2026 11:30:46 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20account.css=20V3=20=E2=80=94=20=E4=BF=9D?=
 =?UTF-8?q?=E7=95=99el-row=E6=A0=85=E6=A0=BC=E5=B8=83=E5=B1=80,=E4=BB=85?=
 =?UTF-8?q?=E7=BE=8E=E5=8C=96=E8=A7=86=E8=A7=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除所有display:grid强制覆盖,恢复el-row原生flex布局
- 保持el-col :span=7+7+7+3原始结构
- 输入框圆角8px+白底+灰边框
- 卡片#F9FAFB灰底+E5E7EB边框+10px圆角
- 用户名#1F2937深色
- 标题15px加粗+蓝色竖线
- 按钮/弹窗/编辑图标美化
---
 clientarea/hgcloud/css/account.css | 794 +++++++++++------------------
 1 file changed, 303 insertions(+), 491 deletions(-)

diff --git a/clientarea/hgcloud/css/account.css b/clientarea/hgcloud/css/account.css
index 027df7f..737c8b6 100644
--- a/clientarea/hgcloud/css/account.css
+++ b/clientarea/hgcloud/css/account.css
@@ -1,229 +1,191 @@
-/* ====== 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;
-}
+/* ====== Account Page — 高级简约风 V3 ====== */
+/* 策略：完全保留 el-row/el-col 原始栅格布局，仅美化视觉 */
 
 /* === 页面标题 === */
-.main-card-title {
-  font-size: 22px;
-  line-height: 1.3;
-  font-weight: 700;
-  color: var(--acc-text-primary);
+#account .main-card-title {
+  font-size: 22px !important;
+  line-height: 1.3 !important;
+  font-weight: 700 !important;
+  color: #1F2937 !important;
   letter-spacing: -0.01em;
 }
 
-/* === 概要卡片容器 === */
-.content-box {
-  margin-top: 24px;
+/* === 内容容器 === */
+#account .content-box {
+  margin-top: 20px;
 }
 
-/* === 用户栏 === */
+/* === Tabs 美化 === */
+#account .el-tabs__header {
+  margin-bottom: 0;
+}
+#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: 20px 24px !important;
+  padding: 16px 20px !important;
   border-bottom: none !important;
-  background: linear-gradient(135deg, rgba(79,70,229,0.04) 0%, rgba(59,130,246,0.04) 100%) !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: 8px !important;
+  margin-bottom: 4px !important;
 }
-.right-name {
+#account .right-name {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
 }
-.name-text,
-#account .name-text,
-#account .box-top .right-name .name-text {
-  font-size: 20px !important;
+
+/* === 用户名 — 深色 === */
+#account .name-text {
+  font-size: 18px !important;
   font-weight: 700 !important;
   line-height: 1.4 !important;
-  color: #111827 !important;
+  color: #1F2937 !important;
 }
-.name-country {
+#account .name-country {
   margin-top: 4px;
   display: flex;
   align-items: center;
 }
-.country-img {
+#account .country-img {
   height: 16px;
   width: 24px;
   border-radius: 2px;
-  object-fit: cover;
 }
 
-/* === 实名认证状态 === */
-.attestation-status {
+/* === 实名认证 === */
+#account .attestation-status {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   padding: 6px 14px;
-  background: var(--acc-surface);
-  border: 1px solid var(--acc-border);
+  background: #FFFFFF;
+  border: 1px solid #E5E7EB;
   border-radius: 999px;
-  transition: all var(--acc-transition);
-  gap: 6px;
+  transition: all 200ms;
+  margin-left: 4px;
 }
-.attestation-status:hover {
-  border-color: var(--acc-border-focus);
-  box-shadow: 0 0 0 3px rgba(79,70,229,0.08);
+#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 {
+#account .attestation-status > img {
   width: 18px;
   height: 18px;
 }
-.attestation-text {
+#account .attestation-text {
   cursor: pointer;
+  margin-left: 6px;
   font-size: 13px;
-  color: var(--acc-text-secondary);
-  margin-left: 0;
+  color: #6B7280 !important;
 }
 .bule-text {
-  color: var(--color-primary) !important;
+  color: var(--color-primary, #4F46E5) !important;
   font-weight: 600;
 }
 .bule-text .el-icon-arrow-right {
   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 {
+#account .box-main {
   margin-top: 0;
-  padding: 0;
 }
 
-/* === 分组区块 — 基础资料/账户信息/OAuth === */
-#account .basic,
-#account .account,
-#account .oauth {
-  padding: 24px !important;
-  margin-top: 0 !important;
-  background: #FAFBFC !important;
+/* === 分组区块 — 浅灰卡片 === */
+#account .basic {
+  padding: 20px !important;
+  margin-top: 20px !important;
+  background: #F9FAFB !important;
   border: 1px solid #E5E7EB !important;
   border-radius: 10px !important;
-  margin-bottom: 16px !important;
 }
-#account .basic { margin-top: 24px !important; }
-#account .account { margin-top: 0 !important; }
-#account .oauth { margin-top: 0 !important; }
-#account .wx-switch { margin-top: 0; padding: 0 24px 24px; }
+#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-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;
+#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;
 }
 
-/* === 表单行 — 改用 Grid === */
-#account .basic > .el-row,
-#account .account > .el-row {
-  display: grid !important;
-  grid-template-columns: 1fr 1fr 1fr !important;
-  gap: 16px 20px !important;
+/* === 表单行间距 — 保留 el-row flex 布局 === */
+#account .basic > .el-row {
   margin-top: 20px !important;
 }
-/* 隐藏 el-col span=3 空白列 */
-#account .basic > .el-row > .el-col-3,
-#account .account > .el-row > .el-col-3 {
-  display: none !important;
+#account .account > .el-row {
+  margin-top: 20px !important;
 }
-/* 让 el-col 填满 Grid 列 */
-#account .basic > .el-row > .el-col,
-#account .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;
+#account .oauth-box {
+  margin-top: 20px !important;
+  display: flex;
+  flex-wrap: wrap;
+  row-gap: 20px;
 }
 
 /* === 表单项 === */
-.box-item {
+#account .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;
+#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 {
@@ -232,14 +194,14 @@
   border-bottom: none !important;
 }
 #account .box-item-b .el-input__inner {
-  height: 40px !important;
+  height: 38px !important;
   padding: 0 12px !important;
   border: 1px solid #E5E7EB !important;
   border-radius: 8px !important;
   background: #FFFFFF !important;
   font-size: 14px !important;
-  color: #111827 !important;
-  transition: all 200ms ease-out;
+  color: #1F2937 !important;
+  transition: border-color 200ms, box-shadow 200ms;
 }
 #account .box-item-b .el-input__inner:hover {
   border-color: #D1D5DB !important;
@@ -249,78 +211,67 @@
   box-shadow: 0 0 0 3px rgba(79,70,229,0.08) !important;
   outline: none !important;
 }
-/* Select 输入框 */
 #account .box-item-b .el-select .el-input__inner {
   border: 1px solid #E5E7EB !important;
   border-radius: 8px !important;
+  background: #FFFFFF !important;
 }
-/* Textarea */
-#account .box-item-b .el-textarea .el-textarea__inner {
+#account .el-textarea .el-textarea__inner {
   padding: 10px 12px !important;
   border: 1px solid #E5E7EB !important;
   border-radius: 8px !important;
   font-size: 14px !important;
-  transition: all 200ms ease-out;
-  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);
+/* 禁用状态 */
+#account .el-input.is-disabled .el-input__inner {
+  background: #F3F4F6 !important;
+  color: #9CA3AF !important;
   cursor: not-allowed;
 }
 
 /* === 编辑图标 === */
-.edit-icon {
+#account .edit-icon {
   cursor: pointer;
   padding: 8px;
   font-size: 14px;
-  color: var(--acc-text-tertiary);
-  transition: color var(--acc-transition);
+  color: #9CA3AF;
+  transition: color 200ms;
 }
-.edit-icon:hover {
+#account .edit-icon:hover {
   color: var(--color-primary, #4F46E5);
 }
-.el-input__suffix {
+#account .el-input__suffix {
   display: flex;
   align-items: center;
 }
+#account .el-input__inner {
+  height: 38px !important;
+}
 
 /* === 保存按钮 === */
-.btn-save {
-  width: 120px;
-  height: 40px;
-  margin-top: 8px;
-  margin-left: 24px;
-  margin-bottom: 24px;
+#account .btn-save {
+  width: 120px !important;
+  height: 40px !important;
+  margin-top: 20px !important;
   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;
+  border-radius: 8px !important;
+  color: #ffffff !important;
+  font-size: 14px !important;
+  font-weight: 600 !important;
+  display: flex;
   align-items: center;
   justify-content: center;
-  transition: all var(--acc-transition);
+  border: none;
+  cursor: pointer;
+  transition: all 200ms;
   box-shadow: 0 1px 3px rgba(79,70,229,0.2);
 }
-.btn-save:hover {
+#account .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 修复 === */
+/* === Popconfirm === */
 .el-popconfirm .el-popconfirm__main {
   margin: 14px 0;
 }
@@ -328,122 +279,66 @@
   display: initial !important;
 }
 
-/* === 链接文字 === */
-.a-text {
-  color: var(--acc-text-primary);
-  font-size: 14px;
-}
-.a-text:hover {
-  color: var(--color-primary, #4F46E5);
-  cursor: pointer;
-  text-decoration: none;
-}
-
-/* === 搜索栏 — 操作日志 === */
+/* === 搜索栏 === */
 .com-search {
   display: flex;
   justify-content: flex-end;
   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: 16px 0;
-  gap: 12px;
-  flex-wrap: wrap;
 }
 .msgsearch-left {
   display: flex;
   align-items: center;
-  gap: 8px;
 }
 .msgsearch-left .el-button {
-  border-radius: var(--acc-radius-sm);
-  border: 1px solid var(--acc-border);
-  color: var(--acc-text-primary);
+  border-radius: 6px;
+  border: 1px solid var(--color-primary);
+  color: var(--color-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);
+  margin-right: 8px;
 }
 .msgsearch-right {
   display: flex;
-  align-items: center;
-  gap: 8px;
 }
 .msgsearch-right .el-select {
-  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;
+  width: 180px;
+  margin-right: 8px;
 }
 .msgsearch-right .search-btn {
-  background: var(--color-primary, #4F46E5);
+  margin-left: 8px;
+  background: var(--color-primary);
   font-size: 13px;
-  font-weight: 500;
-  color: #fff;
+  color: rgba(255, 255, 255, 0.9);
+  border-radius: 6px;
   border: none;
-  border-radius: var(--acc-radius-sm);
-  padding: 8px 18px;
-  transition: all var(--acc-transition);
 }
-.msgsearch-right .search-btn:hover {
-  box-shadow: 0 2px 8px rgba(79,70,229,0.25);
+.a-text {
+  color: #1F2937;
+}
+.a-text:hover {
+  color: var(--color-primary);
+  cursor: pointer;
+  text-decoration: none;
+}
+.msg-status {
+  margin-right: 4px;
+}
+.is-read {
+  color: #9CA3AF;
+}
+.no-read {
+  color: var(--color-primary);
+  font-weight: 600;
 }
 
 /* === 表格 === */
-.content_table {
-  border-radius: var(--acc-radius);
-  overflow: hidden;
-}
-.tabledata .el-table {
-  border-radius: var(--acc-radius) !important;
-  overflow: hidden;
-  margin-bottom: 16px !important;
-}
-.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;
-}
-.tabledata .el-table td {
-  padding-left: 16px !important;
-  font-size: 14px;
-  color: var(--acc-text-primary);
-}
 tr > td {
   padding-left: 16px !important;
 }
@@ -451,96 +346,44 @@ th {
   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;
+/* === 弹窗美化 === */
+#account .el-dialog {
+  border-radius: 12px !important;
   overflow: hidden;
-  box-shadow: var(--acc-shadow-md) !important;
 }
-.el-dialog__body {
-  padding: 24px 32px;
+#account .el-dialog__body {
+  padding: 20px 28px;
   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;
+  margin-top: 16px;
 }
-.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 {
+  margin-left: 8px;
   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);
+  border-radius: 6px;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--color-primary, #4F46E5);
+  color: var(--color-primary);
   font-size: 13px;
-  font-weight: 500;
   cursor: pointer;
-  transition: all var(--acc-transition);
-  margin-left: 0;
+  transition: background 200ms;
 }
 .code-btn:hover {
   background: rgba(79,70,229,0.1);
 }
+.select-input {
+  width: auto !important;
+  min-width: 100px;
+}
 
 /* === 忘记密码 === */
 .forget-pass {
@@ -549,42 +392,35 @@ th {
   line-height: 1;
   font-size: 13px;
   margin-top: 6px;
-  color: var(--acc-text-tertiary);
 }
 .forget-pass > a {
-  color: var(--color-primary, #4F46E5);
+  color: var(--color-primary);
   cursor: pointer;
-  font-weight: 500;
 }
 
-/* === 验证码修改密码 Tab === */
+/* === 修改密码/邮箱 — Tab 切换 === */
 .login-top {
   display: flex;
   flex-direction: row;
   margin-top: 20px;
-  gap: 24px;
-  border-bottom: 1px solid var(--acc-border);
-  padding-bottom: 0;
+  gap: 20px;
 }
 .login-email,
 .login-phone {
-  color: var(--acc-text-secondary);
+  color: #6B7280;
   cursor: pointer;
   font-size: 14px;
-  font-weight: 500;
-  padding-bottom: 10px;
-  transition: color var(--acc-transition);
 }
 .login-phone {
   margin-left: 0;
 }
 .active {
-  color: var(--color-primary, #4F46E5);
+  color: var(--color-primary);
   padding-bottom: 10px;
-  border-bottom: 2px solid var(--color-primary, #4F46E5);
+  border-bottom: 2px solid var(--color-primary);
 }
 .form-main {
-  margin-top: 20px;
+  margin-top: 16px;
 }
 .form-item {
   margin-top: 16px;
@@ -594,119 +430,110 @@ th {
   flex-direction: row;
   gap: 8px;
 }
-.form-item .el-input .el-input__inner {
-  border: 1px solid var(--acc-border) !important;
-  border-radius: var(--acc-radius-sm) !important;
+.rember-item {
+  margin-top: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.rember-item a {
+  color: var(--color-primary);
+  cursor: pointer;
+}
+.login-btn {
+  width: 100%;
   height: 40px;
-  font-size: 14px;
+  background: var(--color-primary);
+  border-radius: 8px;
 }
-.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);
-}
-
-/* === Select 弹出框 === */
-.select-input {
-  width: auto !important;
-  min-width: 100px;
-}
-.code-pass-select {
-  width: auto;
-  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);
+  color: var(--color-primary);
   cursor: pointer;
 }
+.line-item {
+  margin-top: 20px;
+}
+.line-item text {
+  font-size: 14px;
+  color: #1F2937;
+}
+.type-btn {
+  width: 100%;
+  height: 40px;
+  font-size: 14px;
+}
+.code-pass-select {
+  width: auto;
+  height: 38px;
+  border: 1px solid #E5E7EB;
+  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 覆盖 === */
+/* === MessageBox === */
 .el-message-box__btns {
   display: flex;
   flex-direction: row-reverse;
-  gap: 8px;
 }
 .el-message-box__btns > .el-button {
   display: inline-block;
-  margin-left: 0;
+  margin-left: 10px;
 }
-
-/* === 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: 20px;
+  #account .main-card-title {
+    font-size: 18px !important;
   }
-  .name-text {
-    font-size: 18px;
+  #account .name-text {
+    font-size: 16px !important;
   }
-  .basic-title,
-  .account-title {
-    font-size: 15px;
-    font-weight: 700;
-    color: var(--acc-text-primary);
-    border-left: 3px solid var(--color-primary, #4F46E5);
-    padding-left: 12px;
+  #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;
   }
-  .box-item-t {
-    font-size: 13px;
+  #account .box-item-t {
+    font-size: 13px !important;
   }
-  .basic > .el-row,
-  .account > .el-row {
-    grid-template-columns: 1fr !important;
+  .el-row {
+    display: flex;
+    flex-direction: column;
   }
-  .oauth-box {
-    grid-template-columns: 1fr !important;
-  }
-  .box-item-b > .el-input,
-  .box-item-b .el-select,
-  .box-item-b .el-textarea {
+  .el-col {
     width: 100%;
   }
-  .btn-save {
+  #account .box-item-b > .el-input,
+  #account .box-item-b .el-select,
+  #account .box-item-b .el-textarea {
     width: 100%;
-    margin: 16px 24px 24px;
-    height: 44px;
-    font-size: 15px;
+    margin-bottom: 12px;
+  }
+  #account .el-input__inner {
+    font-size: 14px !important;
+    height: auto !important;
+  }
+  #account .btn-save {
+    width: calc(100% - 40px) !important;
+    margin: 16px auto !important;
+    height: 44px !important;
+    font-size: 15px !important;
   }
   .code-btn {
     width: auto;
@@ -715,7 +542,6 @@ th {
   }
   .dialog-footer {
     flex-direction: column;
-    gap: 8px;
   }
   .dialog-footer .btn-ok,
   .dialog-footer .btn-no {
@@ -725,65 +551,52 @@ th {
   }
   .dialog-footer .btn-no {
     margin-left: 0;
+    margin-top: 8px;
+  }
+  .el-form-item__label {
+    font-size: 14px;
+  }
+  #account .edit-icon {
+    font-size: 16px;
   }
   .dialog-title {
-    font-size: 17px;
-  }
-  .basic,
-  .account,
-  .oauth {
-    padding: 16px;
-    border-radius: var(--acc-radius-sm);
+    font-size: 16px;
   }
   .forget-pass {
     font-size: 13px;
   }
-  .com-search {
+  .content_searchbar .left_tips .tips_item {
+    margin-right: 8px;
+  }
+  .searchbar {
     width: 100%;
-    padding: 12px 0;
   }
-  .com-search .el-input {
+  .searchbar .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: 16px;
   }
   .mob-search-input {
     height: 44px;
-    background: var(--acc-bg);
-    border-radius: var(--acc-radius-sm) var(--acc-radius-sm) 0 0;
+    background: rgba(134, 146, 176, 0.1);
+    border-radius: 6px 6px 0 0;
   }
   .mob-search-input > input {
     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;
+    background: rgba(134, 146, 176, 0.1);
+    border-radius: 6px 6px 0 0;
   }
   .mob-tabledata {
     display: flex;
     flex-direction: column;
-    border: 1px solid var(--acc-border);
-    border-radius: 0 0 var(--acc-radius-sm) var(--acc-radius-sm);
+    border: 1px solid #E5E7EB;
+    border-radius: 0 0 6px 6px;
   }
   .mob-tabledata-item {
-    border-bottom: 1px solid var(--acc-border);
+    height: auto;
+    border-bottom: 1px solid #E5E7EB;
     display: flex;
     flex-direction: column;
     padding: 12px 16px;
@@ -797,15 +610,14 @@ th {
   .mob-item-row3,
   .mob-item-row-notes {
     font-size: 12px;
-    color: var(--acc-text-tertiary);
+    color: #9CA3AF;
   }
   .mob-item-row2-name {
     font-size: 14px;
-    color: var(--acc-text-primary);
-    font-weight: 500;
+    color: #1F2937;
   }
   .mob-item-row3 {
-    margin-bottom: 4px;
+    margin-bottom: 8px;
   }
   .back-top-img {
     width: 40px;
@@ -814,26 +626,26 @@ th {
     bottom: 60px;
   }
   .bottom-text {
-    font-size: 13px;
-    color: var(--acc-text-tertiary);
+    font-size: 12px;
+    color: #9CA3AF;
     margin: 16px 0;
     display: flex;
     justify-content: center;
   }
-  .basic > .el-row:nth-child(3) {
+  #account .basic > .el-row:nth-child(3) {
     margin-top: 0;
   }
   .select-input > .el-input--suffix {
     width: 120px;
   }
-  .box-top {
-    padding: 16px;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 12px;
+  #account .basic,
+  #account .account,
+  #account .oauth {
+    padding: 16px !important;
   }
-  .attestation-status {
-    width: 100%;
-    justify-content: center;
+  #account .box-top {
+    flex-direction: column !important;
+    align-items: flex-start !important;
+    gap: 8px;
   }
 }