feat: 聊天界面修改&登录界面样式修改

src/views/stylist/components/Video.vue

@@ -40,8 +40,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch } from 'vue'
-import Video from '@/assets/media/example_video.mp4'
+import { ref, computed } from 'vue'
+import Video from '@/assets/media/example.mp4'
 // Props
 interface Props {
   videoSrc?: string

src/views/stylist/customer.vue

@@ -139,16 +139,20 @@ const handleConfirm = () => {
 
     .glass-form {
       height: 84.8rem;
-      border: 2px solid #FFFFFF;
+      border: 2px solid #ffffff;
       border-radius: 4.7rem;
-      background: rgba(115, 115, 115, 0.23);
-      backdrop-filter: blur(70px);
-      -webkit-backdrop-filter: blur(70px);
       margin: 0 14.2rem;
       padding: 8.2rem 7.9rem;
       margin-top: 7.5rem;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
 
+      background: radial-gradient(
+        100% 100% at 0% 0%,
+        rgba(115, 115, 115, 0.4) 0%,
+        rgba(0, 0, 0, 0) 100%
+      );
+      backdrop-filter: blur(35px);
+
       .form-field {
         margin-bottom: 3.6rem;
         &.email {
@@ -194,7 +198,7 @@ const handleConfirm = () => {
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
       }
     }
-    .copyright{
+    .copyright {
       font-family: 'satoshiRegular';
       font-size: 3rem;
       line-height: 124%;