:root { font-family: "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif; color: #203345; background: #eef3f6; }
* { box-sizing: border-box; }
body { display: grid; min-width: 320px; min-height: 100vh; margin: 0; place-items: center; padding: 20px; }
.login-panel { width: min(420px, 100%); padding: 28px; background: #fff; border: 1px solid #cedce6; border-radius: 8px; box-shadow: 0 16px 42px rgba(20, 48, 68, .12); }
.login-panel > span { color: #0b65b9; font-size: 12px; font-weight: 800; }
h1 { margin: 5px 0 8px; font-size: 24px; letter-spacing: 0; }
.login-panel > p { margin: 0 0 22px; color: #64798a; font-size: 13px; }
form { display: grid; gap: 9px; }
label { font-size: 13px; font-weight: 700; }
input { width: 100%; min-height: 42px; padding: 9px 10px; border: 1px solid #aebfcb; border-radius: 6px; font: inherit; }
input:focus { outline: 3px solid rgba(30, 136, 229, .16); border-color: #1e88e5; }
button { min-height: 42px; margin-top: 6px; color: #fff; background: #176fc1; border: 0; border-radius: 6px; font: inherit; font-weight: 700; cursor: pointer; }
.login-error { margin: 0; color: #b42318; font-size: 12px; }