From 63facc24d67c8295a93061650e25603331bfbad8 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Thu, 19 Mar 2026 19:39:27 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=89=8B=E6=9C=BA=E5=8F=B7=E5=89=8D?=
 =?UTF-8?q?=E7=BC=80=E8=BE=93=E5=85=A5=E6=A1=86=E6=94=B9=E4=B8=BA=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80=E6=9A=97=E8=89=B2=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 整个 el-input-group 统一 background:#1c2028 + border-radius:8px
- prepend 和 input 内部全部 border:none，视觉无缝融合
- hover 时整体显示蓝色描边
- prepend 宽度 80px，内部 padding 合理
---
 clientarea/hgcloud/css/login.css  | 48 +++++++++++++++----------------
 clientarea/hgcloud/css/regist.css | 47 +++++++++++++++---------------
 2 files changed, 48 insertions(+), 47 deletions(-)

diff --git a/clientarea/hgcloud/css/login.css b/clientarea/hgcloud/css/login.css
index 46dcf48..9f20f42 100644
--- a/clientarea/hgcloud/css/login.css
+++ b/clientarea/hgcloud/css/login.css
@@ -329,48 +329,48 @@
 .form-main .el-input__inner::placeholder {
   color: rgba(139, 148, 158, 0.5) !important;
 }
-
+/* 手机号输入 — 统一暗色框 */
 .input-with-select .el-input-group__prepend {
   background: #1c2028 !important;
-  border: 1px solid transparent !important;
-  border-right: 1px solid rgba(255,255,255,0.06) !important;
+  border: none !important;
   border-radius: 8px 0 0 8px !important;
   color: #E6E8EB !important;
   padding: 0 !important;
-  width: 90px !important;
-  min-width: 90px !important;
+  width: 80px !important;
+}
+
+.input-with-select.el-input-group {
+  background: #1c2028 !important;
+  border-radius: 8px !important;
+  border: 1px solid transparent !important;
+  transition: border-color 0.2s;
+}
+
+.input-with-select.el-input-group:hover {
+  border-color: rgba(22, 93, 255, 0.2) !important;
+}
+
+.input-with-select.el-input-group .el-input__inner {
+  background: transparent !important;
+  border: none !important;
 }
 
 .input-with-select .el-input-group__prepend .el-select {
   width: 100% !important;
-}
-
-.input-with-select .el-input-group__prepend .el-select .el-input {
-  width: 100% !important;
+  margin: 0 !important;
 }
 
 .input-with-select .el-input-group__prepend .el-input__inner {
   background: transparent !important;
   border: none !important;
   color: #E6E8EB !important;
-  padding-left: 12px !important;
-  padding-right: 24px !important;
-  width: 100% !important;
-  text-align: left !important;
-}
-
-.input-with-select .el-input-group__prepend .el-select .el-input .el-input__inner {
-  color: #E6E8EB !important;
-  background: transparent !important;
+  padding-left: 14px !important;
+  padding-right: 22px !important;
 }
 
 .input-with-select .el-input-group__prepend .el-input__suffix {
-  color: rgba(139, 148, 158, 0.5) !important;
-  right: 4px !important;
-}
-
-.input-with-select .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {
-  color: #FFFFFF !important;
+  color: rgba(139, 148, 158, 0.4) !important;
+  right: 2px !important;
 }
 
 /* 验证码 */
diff --git a/clientarea/hgcloud/css/regist.css b/clientarea/hgcloud/css/regist.css
index 3d5f6ee..e6875d1 100644
--- a/clientarea/hgcloud/css/regist.css
+++ b/clientarea/hgcloud/css/regist.css
@@ -258,47 +258,48 @@
   color: rgba(139, 148, 158, 0.6) !important;
 }
 
+/* 手机号输入 — 统一暗色框 */
 .input-with-select .el-input-group__prepend {
   background: #1c2028 !important;
-  border: 1px solid transparent !important;
-  border-right: 1px solid rgba(255,255,255,0.06) !important;
+  border: none !important;
   border-radius: 8px 0 0 8px !important;
   color: #E6E8EB !important;
   padding: 0 !important;
-  width: 90px !important;
-  min-width: 90px !important;
+  width: 80px !important;
+}
+
+.input-with-select.el-input-group {
+  background: #1c2028 !important;
+  border-radius: 8px !important;
+  border: 1px solid transparent !important;
+  transition: border-color 0.2s;
+}
+
+.input-with-select.el-input-group:hover {
+  border-color: rgba(22, 93, 255, 0.2) !important;
+}
+
+.input-with-select.el-input-group .el-input__inner {
+  background: transparent !important;
+  border: none !important;
 }
 
 .input-with-select .el-input-group__prepend .el-select {
   width: 100% !important;
-}
-
-.input-with-select .el-input-group__prepend .el-select .el-input {
-  width: 100% !important;
+  margin: 0 !important;
 }
 
 .input-with-select .el-input-group__prepend .el-input__inner {
   background: transparent !important;
   border: none !important;
   color: #E6E8EB !important;
-  padding-left: 12px !important;
-  padding-right: 24px !important;
-  width: 100% !important;
-  text-align: left !important;
-}
-
-.input-with-select .el-input-group__prepend .el-select .el-input .el-input__inner {
-  color: #E6E8EB !important;
-  background: transparent !important;
+  padding-left: 14px !important;
+  padding-right: 22px !important;
 }
 
 .input-with-select .el-input-group__prepend .el-input__suffix {
-  color: rgba(139, 148, 158, 0.5) !important;
-  right: 4px !important;
-}
-
-.input-with-select .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {
-  color: #FFFFFF !important;
+  color: rgba(139, 148, 158, 0.4) !important;
+  right: 2px !important;
 }
 
 /* 验证码 */