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 {