From b8a98f4c4ebb25e0b851a8adaea9aed8313c7db3 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Sun, 22 Mar 2026 11:23:15 +0800
Subject: [PATCH] =?UTF-8?q?style:=20account=E9=A1=B5=E9=9D=A2=E5=88=86?=
 =?UTF-8?q?=E5=9D=97=E5=8D=A1=E7=89=87=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .basic/.account/.oauth/.box-top各自独立白色卡片
- outline代替border避免压缩内部布局
- main-card背景改#F3F4F6灰底让白卡片突出
- 卡片10px圆角+1px灰边框
- 移除box-top的固定高度和底线
---
 clientarea/hgcloud/css/account.css | 38 +++++++++++++++++++++++-------
 1 file changed, 30 insertions(+), 8 deletions(-)

diff --git a/clientarea/hgcloud/css/account.css b/clientarea/hgcloud/css/account.css
index 35e16d4..80cc7fa 100644
--- a/clientarea/hgcloud/css/account.css
+++ b/clientarea/hgcloud/css/account.css
@@ -4,6 +4,8 @@
 /* === 内容卡片边距 === */
 #account .main-card {
   padding: 0.24rem 0.32rem;
+  background: #F3F4F6;
+  border-radius: 12px;
 }
 
 /* === 页面标题 === */
@@ -21,9 +23,7 @@
 
 /* === 用户栏 === */
 .box-top {
-  height: 0.6rem;
   width: 100%;
-  border-bottom: 1px solid #E5E7EB;
   display: flex;
   align-items: center;
 }
@@ -99,17 +99,39 @@
   color: #1F2937;
 }
 
-/* === 分组区块 — 轻卡片（无 padding 避免压缩布局） === */
-.account {
-  margin-top: 0.3rem !important;
+/* === 分组区块 — 独立卡片 === */
+#account .box-top {
+  background: #FFFFFF;
+  border-radius: 10px;
+  outline: 1px solid #E5E7EB;
+  padding: 0.16rem 0.2rem;
+  margin-bottom: 0.16rem;
+}
+#account .basic {
+  background: #FFFFFF;
+  border-radius: 10px;
+  outline: 1px solid #E5E7EB;
+  padding: 0.16rem 0.2rem 0.2rem;
+  margin-top: 0 !important;
+}
+#account .account {
+  background: #FFFFFF;
+  border-radius: 10px;
+  outline: 1px solid #E5E7EB;
+  padding: 0.16rem 0.2rem 0.2rem;
+  margin-top: 0.16rem !important;
+}
+#account .oauth {
+  background: #FFFFFF;
+  border-radius: 10px;
+  outline: 1px solid #E5E7EB;
+  padding: 0.16rem 0.2rem 0.2rem;
+  margin-top: 0.16rem;
 }
 .basic > .el-row,
 .account > .el-row {
   margin-top: 0.2rem;
 }
-.oauth {
-  margin-top: 0.3rem;
-}
 .wx-switch {
   margin-top: 0.2rem;
 }