feat: add admin console and account settings

Implement the admin dashboard with review, user, and image management workflows. Add profile settings, password reset, pending upload defaults, community placeholder routing, Vercel SPA rewrites, refreshed header styling, and the OpenCloud color-system skill.

src/views/auth/LoginView.vue

@@ -11,7 +11,10 @@ const route = useRoute()
 const email = ref('')
 const password = ref('')
 const error = ref('')
+const resetMessage = ref('')
+const resetMode = ref(false)
 const loading = ref(false)
+const resetLoading = ref(false)
 
 async function handleLogin() {
   error.value = ''
@@ -26,6 +29,26 @@ async function handleLogin() {
     loading.value = false
   }
 }
+
+async function handleSendResetEmail() {
+  error.value = ''
+  resetMessage.value = ''
+
+  if (!email.value) {
+    error.value = '请输入需要重置密码的邮箱。'
+    return
+  }
+
+  resetLoading.value = true
+  try {
+    await authStore.sendPasswordReset(email.value)
+    resetMessage.value = '重置密码邮件已发送，请查收邮箱。'
+  } catch (e: unknown) {
+    error.value = e instanceof Error ? e.message : '重置邮件发送失败，请稍后重试'
+  } finally {
+    resetLoading.value = false
+  }
+}
 </script>
 
 <template>
@@ -61,7 +84,7 @@ async function handleLogin() {
           <p class="mt-2 text-sm text-slate-500">输入邮箱和密码，继续你的天空档案。</p>
         </div>
 
-        <NForm @submit.prevent="handleLogin">
+        <NForm @submit.prevent="resetMode ? handleSendResetEmail() : handleLogin()">
           <NFormItem label="邮箱">
             <NInput
               v-model:value="email"
@@ -71,7 +94,7 @@ async function handleLogin() {
             />
           </NFormItem>
 
-          <NFormItem label="密码">
+          <NFormItem v-if="!resetMode" label="密码">
             <NInput
               v-model:value="password"
               type="password"
@@ -82,25 +105,47 @@ async function handleLogin() {
             />
           </NFormItem>
 
+          <p v-else class="mb-5 text-sm leading-6 text-slate-500">
+            输入注册邮箱，我们会发送一封密码重置邮件。点击邮件链接后即可设置新密码。
+          </p>
+
           <NAlert v-if="error" type="error" class="mb-4">
             {{ error }}
           </NAlert>
 
+          <NAlert v-if="resetMessage" type="success" class="mb-4">
+            {{ resetMessage }}
+          </NAlert>
+
           <NButton
             attr-type="submit"
             type="primary"
             block
             size="large"
-            :loading="loading"
+            :loading="resetMode ? resetLoading : loading"
           >
-            {{ loading ? '登录中...' : '登录' }}
+            <template v-if="resetMode">
+              {{ resetLoading ? '发送中...' : '发送重置邮件' }}
+            </template>
+            <template v-else>
+              {{ loading ? '登录中...' : '登录' }}
+            </template>
           </NButton>
         </NForm>
 
-        <p class="mt-6 text-sm text-slate-500">
-          没有账号？
-          <RouterLink to="/register" class="font-semibold text-teal-700 hover:text-teal-800">去注册</RouterLink>
-        </p>
+        <div class="mt-6 flex flex-wrap items-center justify-between gap-3 text-sm text-slate-500">
+          <p>
+            没有账号？
+            <RouterLink to="/register" class="font-semibold text-teal-700 hover:text-teal-800">去注册</RouterLink>
+          </p>
+          <button
+            type="button"
+            class="font-semibold text-teal-700 transition-colors hover:text-teal-800"
+            @click="resetMode = !resetMode; error = ''; resetMessage = ''"
+          >
+            {{ resetMode ? '返回登录' : '忘记密码？' }}
+          </button>
+        </div>
       </NCard>
     </div>
   </div>