:root { --bg:#fde6da; --card:#fff6ee; --ink:#3b2a3f; --muted:#7a5f6f; --accent:#8f7ce8; --line:rgba(59,42,63,.14) }
@media (prefers-color-scheme: dark) { :root { --bg:#241b26; --card:#33283a; --ink:#f3e7ee; --muted:#b49cab; --line:rgba(255,255,255,.12) } }
* { box-sizing:border-box }
body { margin:0; min-height:100vh; display:grid; place-items:center; background:var(--bg); color:var(--ink); font:16px/1.5 "PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif; padding:16px }
form { width:min(340px,100%); background:var(--card); border:1px solid var(--line); border-radius:16px; padding:28px 22px; display:grid; gap:12px; justify-items:center }
img { border-radius:14px }
h1 { font-family:"Songti SC","STSong",serif; margin:0 0 6px; font-size:26px }
p { margin:0; color:#d9485f; font-size:14px }
input { width:100%; font:inherit; color:inherit; border:1px solid var(--line); background:var(--bg); border-radius:10px; padding:10px 12px; outline:none }
input:focus { border-color:var(--accent) }
button { width:100%; font:inherit; font-weight:700; border:0; border-radius:10px; padding:10px; background:var(--accent); color:#fff; cursor:pointer }