/* login.css — 登入頁樣式（原 index.php 內嵌 <style> 逐字搬來，2026-09-30 Qoder-C）。
   色值一律走 css/tokens.css 的變數＋同值 fallback：少載入 tokens.css 也不會改版。
   這頁還是終端改版前的舊配色，要整站換主題時改的是 tokens.css，不是這裡。 */
body{background:var(--df-login-bg, #12161c);color:var(--df-login-text, #dfe6ef);font-family:"Microsoft JhengHei",Arial,sans-serif;display:flex;height:100vh;align-items:center;justify-content:center;margin:0}
.card{background:var(--df-login-card, #1b222b);border:1px solid var(--df-login-border, #2c3744);border-radius:10px;padding:28px 32px;width:330px}
h1{font-size:19px;margin:0 0 18px;color:var(--df-accent, #41a6ff)}
label{display:block;font-size:12px;color:var(--df-label, #8c9bb0);margin:12px 0 4px}
input{width:100%;box-sizing:border-box;background:var(--df-login-input-bg, #0e1319);border:1px solid var(--df-login-border, #2c3744);color:var(--df-login-input-text, #e8eef6);padding:9px;border-radius:5px}
button{margin-top:20px;width:100%;background:var(--df-accent, #41a6ff);border:0;color:var(--df-login-btn-text, #0b1016);font-weight:700;padding:11px;border-radius:5px;cursor:pointer}
.err{color:var(--df-login-err, #ff6b6b);font-size:13px;margin-top:14px}
/* 手機登入頁：卡片不超過螢幕寬度，100vh 在行動瀏覽器會含網址列（內容被頂掉），改用 min-height */
@media (max-width:520px){
  body{height:auto;min-height:100vh;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px))}
  .card{width:100%;max-width:330px;padding:22px 18px;margin:auto;box-sizing:border-box}
  input{font-size:16px;padding:12px 10px}
  button{font-size:16px;padding:14px 0;margin-top:16px}
}