diff --git a/clientarea/hgcloud/css/regist.css b/clientarea/hgcloud/css/regist.css
index 5b117df..20b1f3a 100644
--- a/clientarea/hgcloud/css/regist.css
+++ b/clientarea/hgcloud/css/regist.css
@@ -1,6 +1,6 @@
 /* ============================================
-   注册页面 — BlackFruit 暗色科技风
-   配色：深蓝 #0a0c16 / 蓝 #38BDF8 / 紫 #6366F1
+   注册页面 — 参考 AkileCloud 极简暗色风格
+   无显性卡片 / 边缘光晕 / 无边框输入框 / 纯色按钮
    ============================================ */
 
 * {
@@ -15,34 +15,45 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  background: #0a0c16;
+  background: #0d1117;
+  /* 四角蓝色光晕 */
   background-image:
-    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(56, 189, 248, 0.08) 0%, transparent 60%),
-    radial-gradient(ellipse 60% 50% at 80% 100%, rgba(99, 102, 241, 0.06) 0%, transparent 50%);
+    radial-gradient(ellipse 50% 50% at 0% 0%, rgba(22, 93, 255, 0.12) 0%, transparent 70%),
+    radial-gradient(ellipse 50% 50% at 100% 0%, rgba(22, 93, 255, 0.08) 0%, transparent 70%),
+    radial-gradient(ellipse 50% 50% at 100% 100%, rgba(99, 102, 241, 0.08) 0%, transparent 70%),
+    radial-gradient(ellipse 50% 50% at 0% 100%, rgba(99, 102, 241, 0.06) 0%, transparent 70%);
 }
 
-/* ---- 登录容器 ---- */
+/* ---- 容器 — 无卡片，居中浮动 ---- */
 .login-container {
-  width: 960px;
-  min-height: 600px;
+  width: 100%;
+  max-width: 420px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
+  padding: 40px 20px;
 }
 
+/* 隐藏左侧装饰背景板 */
+.container-back {
+  display: none;
+}
+
+/* 跳转按钮 */
 .login-jump-btn {
-  position: absolute;
-  top: 20px;
-  right: 20px;
+  position: fixed;
+  top: 24px;
+  right: 24px;
   z-index: 20;
 }
 
 .login-jump-btn .btn {
-  background: rgba(56, 189, 248, 0.15);
-  border: 1px solid rgba(56, 189, 248, 0.3);
-  color: #38BDF8;
-  border-radius: 8px;
+  background: rgba(22, 93, 255, 0.1);
+  border: 1px solid rgba(22, 93, 255, 0.25);
+  color: #165DFF;
+  border-radius: 6px;
+  font-size: 13px;
 }
 
 .login-jump-btn .btn a {
@@ -50,118 +61,20 @@
   text-decoration: none;
 }
 
-/* ---- 左侧装饰背景板 ---- */
-.container-back {
-  width: 960px;
-  height: 560px;
-  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
-  border-radius: 20px;
-  overflow: hidden;
-  position: relative;
-  border: 1px solid rgba(255, 255, 255, 0.06);
-}
-
-.back-text {
-  font-size: 16px;
-  z-index: 10;
-  color: #FFFFFF;
-  margin-top: 140px;
-  margin-left: 65px;
-  font-weight: 400;
-  position: relative;
-}
-
-.text-welcome {
-  font-size: 48px;
-  font-family: 'Inter', 'Bahnschrift', sans-serif;
-  line-height: 1;
-  font-weight: 700;
-  background: linear-gradient(135deg, #38BDF8 0%, #6366F1 50%, #EC4899 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  letter-spacing: 4px;
-}
-
-.text-title {
-  margin-top: 12px;
-  font-size: 18px;
-  color: rgba(226, 232, 240, 0.85);
-}
-
-.text-level {
-  font-size: 13px;
-  margin-top: 60px;
-  color: rgba(148, 163, 184, 0.5);
-}
-
-/* 装饰光线 */
-.back-line1,
-.back-line2,
-.back-line3 {
-  width: 60px;
-  background: linear-gradient(180deg, rgba(56, 189, 248, 0.12) 0%, transparent 100%);
-  z-index: 2;
-  position: absolute;
-}
-
-.back-line1 {
-  height: 500px;
-  transform: rotate(45deg);
-  top: -120px;
-  left: 300px;
-}
-
-.back-line2 {
-  height: 600px;
-  transform: rotate(110deg);
-  top: 0;
-  left: 400px;
-  background: linear-gradient(180deg, rgba(99, 102, 241, 0.1) 0%, transparent 100%);
-}
-
-.back-line3 {
-  height: 500px;
-  transform: rotate(45deg);
-  top: 200px;
-  left: 100px;
-  background: linear-gradient(180deg, rgba(236, 72, 153, 0.08) 0%, transparent 100%);
-}
-
-/* ---- 右侧注册表单卡片（毛玻璃） ---- */
+/* ---- 表单区域 — 无卡片 ---- */
 .container-before {
-  width: 440px;
-  max-height: 580px;
-  overflow-y: auto;
-  background: rgba(15, 23, 42, 0.85);
-  backdrop-filter: blur(24px);
-  -webkit-backdrop-filter: blur(24px);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
-  position: absolute;
-  right: 60px;
-  border-radius: 16px;
-  z-index: 10;
-}
-
-/* 自定义滚动条 */
-.container-before::-webkit-scrollbar {
-  width: 4px;
-}
-
-.container-before::-webkit-scrollbar-track {
+  width: 100%;
   background: transparent;
-}
-
-.container-before::-webkit-scrollbar-thumb {
-  background: rgba(56, 189, 248, 0.2);
-  border-radius: 4px;
+  box-shadow: none;
+  border: none;
+  position: static;
+  overflow: visible;
 }
 
 .login {
-  padding: 48px 40px 36px;
+  padding: 0;
   font-size: 14px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
   line-height: 1.5;
 }
 
@@ -169,206 +82,253 @@
 .login-text {
   display: flex;
   flex-direction: column;
+  align-items: center;
+  text-align: center;
+  margin-bottom: 32px;
 }
 
 .login-text-title {
-  font-size: 24px;
-  color: #F1F5F9;
-  line-height: 1;
-  font-weight: 600;
+  font-size: 28px;
+  color: #FFFFFF;
+  line-height: 1.2;
+  font-weight: 700;
+  letter-spacing: 1px;
 }
 
 .login-text-regist {
-  margin-top: 8px;
-  color: rgba(148, 163, 184, 0.7);
+  margin-top: 10px;
+  color: rgba(139, 148, 158, 0.8);
   font-size: 14px;
 }
 
 .login-text-regist a {
-  color: #38BDF8;
+  color: #165DFF;
   cursor: pointer;
   text-decoration: none;
   transition: color 0.2s;
 }
 
 .login-text-regist a:hover {
-  color: #7DD3FC;
+  color: #4080FF;
 }
 
 /* ---- 切换标签（邮箱/手机） ---- */
 .login-form {
-  margin-top: 28px;
+  margin-top: 0;
 }
 
 .login-top {
   display: flex;
-  gap: 24px;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
-  padding-bottom: 0;
+  gap: 0;
+  margin-bottom: 20px;
+  background: rgba(255, 255, 255, 0.04);
+  border-radius: 8px;
+  padding: 4px;
 }
 
 .login-email,
 .login-phone {
-  padding-bottom: 10px;
-  color: rgba(148, 163, 184, 0.6);
+  flex: 1;
+  padding: 10px 0;
+  color: rgba(139, 148, 158, 0.7);
   cursor: pointer;
   font-size: 14px;
-  transition: color 0.2s;
-  border-bottom: 2px solid transparent;
-  margin-bottom: -1px;
+  text-align: center;
+  transition: all 0.25s ease;
+  border: none;
+  border-radius: 6px;
+  border-bottom: none;
+  margin-bottom: 0;
 }
 
 .login-email:hover,
 .login-phone:hover {
-  color: rgba(226, 232, 240, 0.8);
+  color: rgba(255, 255, 255, 0.8);
 }
 
 .active {
-  color: #38BDF8 !important;
-  border-bottom: 2px solid #38BDF8 !important;
+  color: #FFFFFF !important;
+  background: rgba(22, 93, 255, 0.15) !important;
+  border-bottom: none !important;
 }
 
-/* ---- 表单 ---- */
+/* ---- 表单输入 ---- */
 .form-main {
-  margin-top: 20px;
+  margin-top: 0;
 }
 
 .form-item {
-  margin-top: 16px;
+  margin-top: 14px;
 }
 
-/* Element UI 输入框覆盖 → 暗色风格 */
+.form-item:first-child {
+  margin-top: 0;
+}
+
+/* Element UI 输入框 → 无边框深灰底 */
 .form-main .el-input__inner,
 .form-main .el-textarea__inner,
 .form-main .el-select .el-input__inner,
 .custom-form .el-input__inner,
 .custom-form .el-textarea__inner {
-  background: rgba(30, 41, 59, 0.6) !important;
-  border: 1px solid rgba(255, 255, 255, 0.08) !important;
-  color: #E2E8F0 !important;
-  border-radius: 10px !important;
-  height: 44px !important;
-  line-height: 44px !important;
+  background: #1c2028 !important;
+  border: 1px solid transparent !important;
+  color: #E6E8EB !important;
+  border-radius: 8px !important;
+  height: 46px !important;
+  line-height: 46px !important;
+  font-size: 14px !important;
   transition: all 0.2s ease;
 }
 
+.form-main .el-input__inner:hover,
+.custom-form .el-input__inner:hover {
+  border-color: rgba(22, 93, 255, 0.2) !important;
+}
+
 .form-main .el-input__inner:focus,
 .form-main .el-textarea__inner:focus,
 .custom-form .el-input__inner:focus,
 .custom-form .el-textarea__inner:focus {
-  border-color: rgba(56, 189, 248, 0.4) !important;
-  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.08) !important;
+  border-color: #165DFF !important;
+  box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.12) !important;
 }
 
 .form-main .el-input__inner::placeholder,
 .custom-form .el-input__inner::placeholder {
-  color: rgba(148, 163, 184, 0.4) !important;
+  color: rgba(139, 148, 158, 0.5) !important;
 }
 
-/* 自定义表单 label */
+/* 输入框前置图标颜色 */
+.form-main .el-input__prefix {
+  color: rgba(139, 148, 158, 0.5);
+}
+
+/* 自定义表单 */
 .custom-form {
-  margin-top: 8px;
+  margin-top: 6px;
+}
+
+.custom-form .el-form-item {
+  margin-bottom: 14px;
 }
 
 .custom-form .el-form-item__label {
-  color: rgba(226, 232, 240, 0.7) !important;
+  color: rgba(226, 232, 240, 0.6) !important;
   line-height: 1;
   padding-bottom: 6px !important;
   font-size: 13px;
 }
 
+.custom-form .el-select {
+  width: 100%;
+}
+
 .custom-form .el-checkbox__label {
-  color: rgba(148, 163, 184, 0.7) !important;
+  color: rgba(139, 148, 158, 0.6) !important;
 }
 
 /* 手机号 select 前置 */
 .input-with-select .el-input-group__prepend {
-  background: rgba(30, 41, 59, 0.6) !important;
-  border: 1px solid rgba(255, 255, 255, 0.08) !important;
-  border-right: none !important;
-  border-radius: 10px 0 0 10px !important;
-  color: #E2E8F0 !important;
+  background: #1c2028 !important;
+  border: 1px solid transparent !important;
+  border-right: 1px solid rgba(255,255,255,0.06) !important;
+  border-radius: 8px 0 0 8px !important;
+  color: #E6E8EB !important;
 }
 
-/* 验证码按钮 */
+/* 验证码 */
 .code-item {
   display: flex;
   gap: 10px;
 }
 
 .code-btn {
-  background: linear-gradient(135deg, #38BDF8, #6366F1) !important;
+  background: #1c2028 !important;
   border: none !important;
-  color: #FFFFFF !important;
-  border-radius: 10px !important;
+  color: #165DFF !important;
+  border-radius: 8px !important;
   white-space: nowrap;
   padding: 0 16px !important;
   font-size: 13px;
+  font-weight: 500;
+  transition: background 0.2s;
 }
 
-/* ---- 协议勾选 ---- */
+.code-btn:hover {
+  background: rgba(22, 93, 255, 0.12) !important;
+}
+
+/* ---- 协议勾选区 ---- */
 .read-item {
-  margin-top: 12px;
+  margin-top: 14px;
 }
 
 .read-text {
   flex: 1;
   font-size: 13px;
   line-height: 1.6;
-  padding: 0 8px;
-  color: rgba(148, 163, 184, 0.6);
+  padding: 0 6px;
+  color: rgba(139, 148, 158, 0.55);
   font-weight: 400;
 }
 
 .read-item a {
-  color: #38BDF8;
+  color: #165DFF;
   cursor: pointer;
   text-decoration: none;
 }
 
 .read-item a:hover {
-  color: #7DD3FC;
+  color: #4080FF;
+  text-decoration: underline;
 }
 
 .read-item .el-checkbox__inner {
-  background: rgba(30, 41, 59, 0.6) !important;
-  border-color: rgba(255, 255, 255, 0.12) !important;
+  background: #1c2028 !important;
+  border-color: rgba(255, 255, 255, 0.1) !important;
+  border-radius: 3px;
 }
 
 .read-item .el-checkbox__input.is-checked .el-checkbox__inner {
-  background: #38BDF8 !important;
-  border-color: #38BDF8 !important;
+  background: #165DFF !important;
+  border-color: #165DFF !important;
 }
 
 /* 错误提示 */
 .read-item .el-alert--error {
-  background: rgba(239, 68, 68, 0.1) !important;
-  border: 1px solid rgba(239, 68, 68, 0.2);
+  background: rgba(239, 68, 68, 0.08) !important;
+  border: 1px solid rgba(239, 68, 68, 0.15);
   border-radius: 8px;
-  color: #FCA5A5 !important;
+  color: #F87171 !important;
 }
 
 .read-item .el-alert--error .el-alert__title {
-  color: #FCA5A5 !important;
+  color: #F87171 !important;
+  font-size: 13px;
 }
 
-/* ---- 注册按钮 ---- */
+/* ---- 注册按钮 — 纯蓝色 ---- */
 .login-btn {
   width: 100%;
   height: 46px;
-  background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
+  background: #165DFF !important;
   border: none !important;
-  border-radius: 10px !important;
+  border-radius: 8px !important;
   font-size: 15px !important;
   font-weight: 600;
-  letter-spacing: 2px;
-  transition: all 0.3s ease;
-  box-shadow: 0 4px 16px rgba(56, 189, 248, 0.3);
+  color: #FFFFFF !important;
+  letter-spacing: 1px;
+  transition: all 0.2s ease;
+  margin-top: 6px;
 }
 
 .login-btn:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 6px 24px rgba(56, 189, 248, 0.45);
+  background: #4080FF !important;
+}
+
+.login-btn:active {
+  background: #0E42D2 !important;
 }
 
 /* 隐藏的密码字段 */
@@ -379,34 +339,33 @@
   height: 0;
 }
 
-/* ---- 移动端适配 ---- */
+/* Element UI 下拉菜单暗色 */
+.el-select-dropdown {
+  background: #1c2028 !important;
+  border: 1px solid rgba(255,255,255,0.06) !important;
+}
+
+.el-select-dropdown__item {
+  color: #E6E8EB !important;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+  background: rgba(22, 93, 255, 0.1) !important;
+}
+
+/* ---- 移动端 ---- */
 @media screen and (max-width: 750px) {
   #regist {
-    background: #0a0c16;
+    background-image:
+      radial-gradient(ellipse 80% 40% at 50% 0%, rgba(22, 93, 255, 0.12) 0%, transparent 70%),
+      radial-gradient(ellipse 80% 40% at 50% 100%, rgba(99, 102, 241, 0.08) 0%, transparent 70%);
   }
 
   .login-container {
-    height: auto;
-    min-height: 100vh;
-    width: 100vw;
-    padding: 20px 16px;
-    flex-direction: column;
-  }
-
-  .container-back {
-    display: none;
-  }
-
-  .container-before {
-    width: 100%;
-    max-height: none;
-    position: static;
-    border-radius: 16px;
-    background: rgba(15, 23, 42, 0.9);
-  }
-
-  .login {
-    padding: 36px 24px 28px;
+    padding: 60px 24px 40px;
+    max-width: 100%;
+    align-items: flex-start;
   }
 
   .login-text-title {
@@ -417,23 +376,14 @@
     font-size: 13px;
   }
 
-  .login-top {
-    gap: 16px;
+  .login-text {
+    margin-bottom: 24px;
   }
 
-  .login-email,
-  .login-phone {
-    font-size: 14px;
-    width: 50%;
-    text-align: center;
-  }
-
-  .login-form {
-    margin-top: 20px;
-  }
-
-  .form-main {
-    margin-top: 16px;
+  .form-main .el-input__inner,
+  .custom-form .el-input__inner {
+    height: 44px !important;
+    line-height: 44px !important;
   }
 
   .login-btn {
@@ -446,11 +396,12 @@
     height: 44px;
   }
 
+  .login-jump-btn {
+    top: 16px;
+    right: 16px;
+  }
+
   .read-text {
     font-size: 12px;
   }
-
-  .el-checkbox__label {
-    font-size: 13px;
-  }
 }