style: account页面分块卡片化

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

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;
 }