From 3c2559fb295c891b56183c02a9e2de45bdd8b14c Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Sat, 21 Mar 2026 11:24:34 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20#account=E9=AB=98=E7=89=B9=E5=BC=82?=
 =?UTF-8?q?=E6=80=A7=E9=80=89=E6=8B=A9=E5=99=A8=E7=A1=AE=E4=BF=9DCSS?=
 =?UTF-8?q?=E8=A6=86=E7=9B=96=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 卡片分组改用#account前缀+!important
- 用户名颜色用三层选择器确保#111827生效
- 输入框样式用#account前缀+硬编码值
- Grid布局用#account前缀
- 卡片背景改为#FAFBFC区分白色底
---
 clientarea/hgcloud/css/account.css | 128 +++++++++++++++--------------
 1 file changed, 65 insertions(+), 63 deletions(-)

diff --git a/clientarea/hgcloud/css/account.css b/clientarea/hgcloud/css/account.css
index 4ee64d4..027df7f 100644
--- a/clientarea/hgcloud/css/account.css
+++ b/clientarea/hgcloud/css/account.css
@@ -32,16 +32,16 @@
 }
 
 /* === 用户栏 === */
-.box-top {
-  height: auto;
-  width: 100%;
-  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;
+#account .box-top {
+  height: auto !important;
+  width: 100% !important;
+  padding: 20px 24px !important;
+  border-bottom: none !important;
+  background: linear-gradient(135deg, rgba(79,70,229,0.04) 0%, rgba(59,130,246,0.04) 100%) !important;
+  border-radius: 10px !important;
+  display: flex !important;
+  align-items: center !important;
+  margin-bottom: 8px !important;
 }
 .right-name {
   display: flex;
@@ -49,11 +49,13 @@
   justify-content: space-between;
   width: 100%;
 }
-.name-text {
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 1.4;
-  color: var(--acc-text-primary) !important;
+.name-text,
+#account .name-text,
+#account .box-top .right-name .name-text {
+  font-size: 20px !important;
+  font-weight: 700 !important;
+  line-height: 1.4 !important;
+  color: #111827 !important;
 }
 .name-country {
   margin-top: 4px;
@@ -138,20 +140,20 @@
 }
 
 /* === 分组区块 — 基础资料/账户信息/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;
+#account .basic,
+#account .account,
+#account .oauth {
+  padding: 24px !important;
+  margin-top: 0 !important;
+  background: #FAFBFC !important;
+  border: 1px solid #E5E7EB !important;
+  border-radius: 10px !important;
+  margin-bottom: 16px !important;
 }
-.basic { margin-top: 24px; }
-.account { margin-top: 0 !important; }
-.oauth { margin-top: 0; }
-.wx-switch { margin-top: 0; padding: 0 24px 24px; }
+#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-title,
@@ -166,21 +168,21 @@
 }
 
 /* === 表单行 — 改用 Grid === */
-.basic > .el-row,
-.account > .el-row {
+#account .basic > .el-row,
+#account .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 {
+#account .basic > .el-row > .el-col-3,
+#account .account > .el-row > .el-col-3 {
   display: none !important;
 }
 /* 让 el-col 填满 Grid 列 */
-.basic > .el-row > .el-col,
-.account > .el-row > .el-col {
+#account .basic > .el-row > .el-col,
+#account .account > .el-row > .el-col {
   width: 100% !important;
   max-width: 100% !important;
   flex: none !important;
@@ -222,43 +224,43 @@
 }
 
 /* === 输入框 — 圆角边框 === */
-.box-item-b > .el-input,
-.box-item-b .el-select,
-.box-item-b .el-textarea {
+#account .box-item-b > .el-input,
+#account .box-item-b .el-select,
+#account .box-item-b .el-textarea {
   width: 100% !important;
-  border: none;
-  border-bottom: none;
+  border: none !important;
+  border-bottom: none !important;
 }
-.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);
+#account .box-item-b .el-input__inner {
+  height: 40px !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;
 }
-.box-item-b .el-input__inner:hover {
-  border-color: var(--acc-border-hover) !important;
+#account .box-item-b .el-input__inner:hover {
+  border-color: #D1D5DB !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;
+#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;
 }
 /* Select 输入框 */
-.box-item-b .el-select .el-input__inner {
-  border: 1px solid var(--acc-border) !important;
-  border-radius: var(--acc-radius-sm) !important;
+#account .box-item-b .el-select .el-input__inner {
+  border: 1px solid #E5E7EB !important;
+  border-radius: 8px !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);
+#account .box-item-b .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 {