From 9ac36d7a41f1b6ccb6427db9bf0538f924125520 Mon Sep 17 00:00:00 2001
From: zzh <zzh9953477@gmail.com>
Date: Sat, 22 Nov 2025 20:54:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=99=BB=E5=BD=95=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/assets/styles.css      |  5 +++++
 frontend/js/components/login.js | 18 +++++++++++++++---
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/frontend/assets/styles.css b/frontend/assets/styles.css
index f1b7d31..7167f27 100644
--- a/frontend/assets/styles.css
+++ b/frontend/assets/styles.css
@@ -53,6 +53,11 @@ body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui
 .input,select{background:#0c0f14;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px}
 .input:focus,select:focus{outline:1px solid var(--primary)}
 [data-theme="light"] .input,[data-theme="light"] select{background:#ffffff;color:var(--text)}
+/* Input with prefix icon */
+.input-wrapper{position:relative;display:flex;align-items:center}
+.input-wrapper .input-prefix{position:absolute;left:12px;color:var(--text-2);font-size:16px;pointer-events:none;display:flex;align-items:center}
+.input-wrapper .input{padding-left:40px}
+.input-wrapper .input:focus + .input-prefix,.input-wrapper .input:focus ~ .input-prefix{color:var(--primary)}
 /* Date input styling */
 input[type="date"]{color-scheme:dark}
 input[type="date"]::-webkit-calendar-picker-indicator{
diff --git a/frontend/js/components/login.js b/frontend/js/components/login.js
index b9090b8..5edd012 100644
--- a/frontend/js/components/login.js
+++ b/frontend/js/components/login.js
@@ -16,9 +16,21 @@ Router.register('/login', async () => {
   }, 0);
   return `<div class="grid cols-2">
     <div class="card">
-      <div style="font-weight:600;margin-bottom:8px">管理员登录</div>
-      <div class="field"><label>用户名</label><input id="login-username" class="input" /></div>
-      <div class="field"><label>密码</label><input id="login-password" type="password" class="input" /></div>
+      <div style="font-weight:600;margin-bottom:16px;font-size:18px">管理员登录</div>
+      <div class="field">
+        <label>用户名</label>
+        <div class="input-wrapper">
+          <input id="login-username" class="input" placeholder="请输入用户名" />
+          <span class="input-prefix">👤</span>
+        </div>
+      </div>
+      <div class="field">
+        <label>密码</label>
+        <div class="input-wrapper">
+          <input id="login-password" type="password" class="input" placeholder="请输入密码" />
+          <span class="input-prefix">🔒</span>
+        </div>
+      </div>
       <div class="actions"><button id="login-btn" class="btn">登录</button></div>
     </div>
   </div>`;