后台界面独立

frontend/src/views/admin/AdminLoginView.vue

@@ -36,21 +36,28 @@ function readError(error: unknown, fallback: string) {
 </script>
 
 <template>
-  <section class="page">
-    <div class="page-header">
-      <p class="eyebrow">Admin Login</p>
-      <h1>后台登录</h1>
-      <p>开发态首次登录会初始化默认管理员，后续可接入角色权限和密码修改。</p>
-    </div>
+  <section class="admin-login-shell">
+    <div class="admin-login-panel">
+      <RouterLink class="admin-login-brand" to="/">
+        <span class="brand-mark">H</span>
+        <span>哈夫币后台</span>
+      </RouterLink>
 
-    <el-form class="login-form" label-position="top">
-      <el-form-item label="用户名">
-        <el-input v-model="form.username" placeholder="请输入管理员用户名" />
-      </el-form-item>
-      <el-form-item label="密码">
-        <el-input v-model="form.password" type="password" show-password placeholder="请输入管理员密码" />
-      </el-form-item>
-      <el-button type="primary" :loading="loading" @click="handleLogin">登录后台</el-button>
-    </el-form>
+      <div class="admin-login-header">
+        <p class="eyebrow">Admin Login</p>
+        <h1>后台登录</h1>
+        <p>管理员登录后进入后台管理系统。</p>
+      </div>
+
+      <el-form label-position="top">
+        <el-form-item label="用户名">
+          <el-input v-model="form.username" placeholder="请输入管理员用户名" />
+        </el-form-item>
+        <el-form-item label="密码">
+          <el-input v-model="form.password" type="password" show-password placeholder="请输入管理员密码" @keyup.enter="handleLogin" />
+        </el-form-item>
+        <el-button class="full-control" type="primary" :loading="loading" @click="handleLogin">登录后台</el-button>
+      </el-form>
+    </div>
   </section>
 </template>