From 8aea3d891614150212a13f60d991af36214029ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Thu, 17 Sep 2026 17:16:54 +0800
Subject: [PATCH] =?UTF-8?q?feat(admin):=20=E7=99=BB=E5=BD=95=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95=E6=81=A2=E5=A4=8DArt=20Design=20Pro=E5=8E=9F=E7=89=88?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=88=E7=B4=A7=E5=87=9140px/=E5=B7=A6?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90/=E6=97=A0=E5=9B=BE=E6=A0=87=EF=BC=89?=
 =?UTF-8?q?=EF=BC=8C=E5=B7=A6=E4=BE=A7=E4=BF=9D=E7=95=99=E5=93=81=E7=89=8C?=
 =?UTF-8?q?=E5=8C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Code <noreply@anthropic.com>
---
 admin/src/views/auth/login/index.vue | 13 ++++---------
 admin/src/views/auth/login/style.css | 24 +++++++-----------------
 2 files changed, 11 insertions(+), 26 deletions(-)

diff --git a/admin/src/views/auth/login/index.vue b/admin/src/views/auth/login/index.vue
index 7243292..14d33fb 100644
--- a/admin/src/views/auth/login/index.vue
+++ b/admin/src/views/auth/login/index.vue
@@ -14,13 +14,12 @@
             :rules="rules"
             :key="formKey"
             @keyup.enter="handleSubmit"
-            class="login-form"
+            style="margin-top: 25px"
           >
             <ElFormItem prop="username">
               <ElInput
                 class="custom-height"
                 :placeholder="$t('login.placeholder.username')"
-                :prefix-icon="User"
                 v-model.trim="formData.username"
               />
             </ElFormItem>
@@ -28,7 +27,6 @@
               <ElInput
                 class="custom-height"
                 :placeholder="$t('login.placeholder.password')"
-                :prefix-icon="Lock"
                 v-model.trim="formData.password"
                 type="password"
                 autocomplete="off"
@@ -37,7 +35,7 @@
             </ElFormItem>
 
             <!-- 推拽验证 -->
-            <div class="relative pb-5 mt-4">
+            <div class="relative pb-5 mt-6">
               <div
                 class="relative z-[2] overflow-hidden select-none rounded-lg border border-transparent tad-300"
                 :class="{ '!border-[#FF4E4F]': !isPassing && isClickPass }"
@@ -49,10 +47,8 @@
                   textColor="#4D5875"
                   :successText="$t('login.sliderSuccessText')"
                   progressBarBg="var(--main-color)"
-                  background="#E8EEF6"
+                  background="#F1F1F4"
                   handlerBg="#FFFFFF"
-                  :height="56"
-                  radius="10px"
                 />
               </div>
               <p
@@ -69,7 +65,7 @@
               }}</ElCheckbox>
             </div>
 
-            <div class="mt-6">
+            <div style="margin-top: 30px">
               <ElButton
                 class="w-full custom-height"
                 type="primary"
@@ -89,7 +85,6 @@
 
 <script setup lang="ts">
   import AppConfig from '@/config'
-  import { User, Lock } from '@element-plus/icons-vue'
   import { useUserStore } from '@/store/modules/user'
   import { useI18n } from 'vue-i18n'
   import { HttpError } from '@/utils/http/error'
diff --git a/admin/src/views/auth/login/style.css b/admin/src/views/auth/login/style.css
index f140c84..982ff34 100644
--- a/admin/src/views/auth/login/style.css
+++ b/admin/src/views/auth/login/style.css
@@ -1,8 +1,8 @@
 @reference '@styles/core/tailwind.css';
 
-/* 授权页右侧区域（客迹V1：固定浅色，不随暗色主题变化） */
+/* 授权页右侧区域（表单样式恢复 Art Design Pro 原版观感） */
 .auth-right-bg {
-  /* 覆盖 Element Plus 暗色变量，防止 html.dark 时表单控件变暗 */
+  /* 固定浅色：覆盖暗色变量，防止 html.dark 时表单控件变暗 */
   --el-bg-color: #ffffff;
   --el-bg-color-overlay: #ffffff;
   --el-fill-color-blank: #ffffff;
@@ -12,13 +12,12 @@
   --el-border-color: #dcdfe6;
   --el-border-color-light: #e4e7ed;
   --el-border-color-lighter: #ebeef5;
-  /* 滑块暗色边框环修正（ArtDragVerify 内部使用） */
   --default-border-dashed: #dbdfe9;
-  background-color: #f7f8fa;
+  background-color: #ffffff;
 }
 
 .auth-right-wrap {
-  @apply absolute inset-0 w-[440px] h-[680px] py-[5px] m-auto overflow-hidden
+  @apply absolute inset-0 w-[440px] h-[650px] py-[5px] m-auto overflow-hidden
     max-sm:px-7 max-sm:w-full
     animate-[slideInRight_0.6s_cubic-bezier(0.25,0.46,0.45,0.94)_forwards]
     max-md:animate-none;
@@ -28,24 +27,15 @@
   }
 
   .title {
-    @apply text-[#1A1A1A] text-[32px] font-semibold text-center;
+    @apply text-[#262626] text-4xl font-semibold max-md:text-3xl max-sm:pt-10;
   }
 
   .sub-title {
-    @apply mt-[10px] text-[#8A94A6] text-[15px] text-center;
+    @apply mt-[10px] text-[#6b7280] text-sm;
   }
 
   .custom-height {
-    @apply !h-[56px];
-  }
-
-  .login-form {
-    margin-top: 25px;
-  }
-
-  /* 滑块去内部边框，高度宽度与输入框严格一致（56px/440px） */
-  :deep(.drag_verify) {
-    border: none;
+    @apply !h-[40px];
   }
 }