:root{--red:#D5011B;--ink:#1d1d1f;--mute:#6b6b70;--line:#e3e3e6;--bg:#f6f6f7}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC",system-ui,sans-serif;color:var(--ink)}
.box{width:min(380px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px 28px}
.brand{font-weight:700;font-size:18px;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}
.bar{display:block;width:36px;height:4px;background:var(--red)}
label{display:block;font-size:14px;color:var(--mute);margin-bottom:6px}
input{width:100%;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:6px}
input:focus{outline:2px solid var(--red);outline-offset:1px}
button{margin-top:16px;width:100%;padding:11px;font-size:16px;border:0;border-radius:6px;background:var(--ink);color:#fff;cursor:pointer}
button:hover{background:#000}
.err{color:var(--red);font-size:14px;margin:12px 0 0}
.foot{margin:24px 0 0;font-size:12px;color:var(--mute)}