big update

frontend/src/views/RegisterView.vue

@@ -52,8 +52,8 @@ const strengthColor = computed(() => {
 
 // ==========================
 
-function startCooldown() {
-  countdown.value = CODE_RESEND_SECONDS
+function startCooldown(seconds = CODE_RESEND_SECONDS) {
+  countdown.value = Math.max(1, seconds)
   if (countdownTimer) clearInterval(countdownTimer)
   countdownTimer = setInterval(() => {
     countdown.value -= 1
@@ -76,6 +76,10 @@ async function handleSendCode() {
     successMessage.value = result.message || '验证码已发送'
     startCooldown()
   } catch (error) {
+    const retryAfter = (error as Error & { retryAfter?: number }).retryAfter
+    if (typeof retryAfter === 'number' && retryAfter > 0) {
+      startCooldown(retryAfter)
+    }
     errorMessage.value = error instanceof Error ? error.message : '验证码发送失败，请稍后重试'
   }
 }
@@ -242,18 +246,21 @@ onUnmounted(() => {
 </template>
 
 <style scoped>
-/* 大部分样式复用 Login 的 split-layout 体系 */
+/* ==========================================
+   全新高级分屏布局与背景
+========================================== */
 .split-layout {
   display: flex;
   min-height: 100vh;
+  background: var(--bg-base);
 }
 
 .brand-panel {
   flex: 1;
   display: none;
-  background-color: var(--bg-surface);
+  background: linear-gradient(135deg, var(--bg-surface), var(--bg-base));
   border-right: 1px solid var(--border-subtle);
-  padding: 60px;
+  padding: 80px;
   position: relative;
   overflow: hidden;
 }
@@ -269,50 +276,63 @@ onUnmounted(() => {
 .brand-content {
   position: relative;
   z-index: 2;
-  max-width: 480px;
+  max-width: 500px;
+  /* 增加悬浮透视感 */
+  background: rgba(255, 255, 255, 0.02);
+  padding: 40px;
+  border-radius: var(--radius-xl);
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  border: 1px solid rgba(255,255,255,0.05);
+  box-shadow: var(--shadow-xl);
 }
 
 .logo {
   display: flex;
   align-items: center;
   gap: 16px;
-  font-size: 26px;
-  font-weight: 700;
-  margin-bottom: 60px;
-}
-
-.logo-dot {
-  width: 14px;
-  height: 14px;
-  background: var(--brand-primary);
-  border-radius: 4px;
+  font-size: 28px;
+  font-weight: 800;
+  margin-bottom: 40px;
+  letter-spacing: -0.02em;
+  background: linear-gradient(to right, var(--text-primary), var(--text-secondary));
+  -webkit-background-clip: text;
+  color: transparent;
 }
 
 .brand-title {
-  font-size: 40px;
-  line-height: 1.2;
-  font-weight: 700;
-  letter-spacing: -0.02em;
+  font-size: 48px;
+  line-height: 1.1;
+  font-weight: 800;
+  letter-spacing: -0.03em;
   margin-bottom: 24px;
+  color: var(--text-primary);
 }
 
 .brand-desc {
-  font-size: 16px;
-  line-height: 1.6;
+  font-size: 18px;
+  line-height: 1.7;
   color: var(--text-secondary);
+  font-weight: 500;
 }
 
 .ambient-glow {
   position: absolute;
-  top: 60%;
+  top: 50%;
   left: -10%;
-  width: 500px;
-  height: 500px;
+  width: 80vw;
+  height: 80vw;
   background: radial-gradient(circle, var(--brand-primary-alpha) 0%, transparent 60%);
   transform: translateY(-50%);
-  filter: blur(50px);
+  filter: blur(80px);
   z-index: 1;
   pointer-events: none;
+  animation: float-glow 10s infinite alternate ease-in-out;
+}
+
+@keyframes float-glow {
+  0% { transform: translateY(-50%) scale(1); opacity: 0.5; }
+  100% { transform: translateY(-48%) scale(1.05); opacity: 0.8; }
 }
 
 .form-panel {
@@ -320,18 +340,21 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   position: relative;
+  background: var(--bg-surface);
+  backdrop-filter: var(--backdrop-blur);
+  -webkit-backdrop-filter: var(--backdrop-blur);
 }
 
 .top-actions {
   position: absolute;
-  top: 24px;
-  right: 24px;
+  top: 32px;
+  right: 32px;
 }
 
 .form-container {
   margin: auto;
   width: 100%;
-  max-width: 400px;
+  max-width: 440px;
   padding: 40px 24px;
 }
 
@@ -340,15 +363,16 @@ onUnmounted(() => {
 }
 
 .form-header h2 {
-  font-size: 28px;
-  font-weight: 700;
-  margin: 0 0 8px 0;
+  font-size: 32px;
+  font-weight: 800;
+  margin: 0 0 12px 0;
+  letter-spacing: -0.02em;
 }
 
 .form-header p {
   color: var(--text-secondary);
   margin: 0;
-  font-size: 15px;
+  font-size: 16px;
 }
 
 /* 现代密码强度条 */