feat(frontend): Align admin and user API integration

frontend/video-frontend-web/src/views/login/register.vue

@@ -3,7 +3,7 @@
     <div class="register-container">
       <div class="register-header">
         <h1 class="logo">HAOVP</h1>
-        <p class="slogan">注册新账号</p>
+        <p class="slogan">创建账号，保存你的观看与创作记录</p>
       </div>
 
       <van-form @submit="handleRegister">
@@ -20,7 +20,7 @@
             name="email"
             label="邮箱"
             placeholder="请输入邮箱"
-            :rules="[{ required: true, message: '请输入邮箱' }, { type: 'email', message: '邮箱格式不正确' }]"
+            :rules="[{ required: true, message: '请输入邮箱' }]"
           />
           <van-field
             v-model="form.phone"
@@ -140,7 +140,10 @@ onMounted(() => {
 <style scoped lang="scss">
 .register-page {
   min-height: 100vh;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  background:
+    radial-gradient(circle at top left, rgba(34, 197, 94, 0.22), transparent 28%),
+    radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.24), transparent 26%),
+    linear-gradient(135deg, #0b1323 0%, #1d3557 55%, #0f766e 100%);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -149,11 +152,11 @@ onMounted(() => {
 
 .register-container {
   width: 100%;
-  max-width: 400px;
-  background: #fff;
-  border-radius: 16px;
-  padding: 30px 24px;
-  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
+  max-width: 430px;
+  background: rgba(255, 255, 255, 0.96);
+  border-radius: 28px;
+  padding: 34px 28px 28px;
+  box-shadow: 0 24px 80px rgba(4, 16, 33, 0.34);
 }
 
 .register-header {
@@ -168,9 +171,10 @@ onMounted(() => {
   }
 
   .slogan {
-    color: #999;
-    font-size: 14px;
-    margin-top: 8px;
+    margin-top: 10px;
+    color: #64748b;
+    font-size: 13px;
+    line-height: 1.7;
   }
 }