/* auth.css — 紫禁賣塊會員系統共用樣式（2026-09-21） */
:root{
  --bg-dark:#121214; --bg-card:#1e1b18; --gold:#facc15; --gold-hover:#eab308;
  --text-main:#f8fafc; --text-muted:#94a3b8; --border:#334155; --red:#ef4444; --green:#4ade80;
}
*{box-sizing:border-box}
body{
  margin:0;min-height:100vh;background:var(--bg-dark);color:var(--text-main);
  font-family:'Microsoft JhengHei','PingFang TC','Noto Sans TC',sans-serif;
  display:flex;align-items:center;justify-content:center;padding:24px 14px;
}
.card{
  width:100%;max-width:460px;background:var(--bg-card);border:1px solid var(--gold);
  border-radius:14px;padding:30px 28px;box-shadow:0 0 30px rgba(250,204,21,.12);
}
.card.wide{max-width:720px}
.logo{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px}
.logo img{width:72px;height:72px}
.logo h1{margin:0;font-size:1.25rem;color:var(--gold);letter-spacing:2px}
h2{margin:0 0 6px;font-size:1.1rem;color:var(--gold)}
p.sub{margin:0 0 20px;color:var(--text-muted);font-size:.88rem;line-height:1.6}
label{display:block;margin:14px 0 6px;font-size:.85rem;color:var(--text-muted)}
input[type=text],input[type=email],input[type=password]{
  width:100%;padding:11px 13px;border-radius:8px;border:1px solid var(--border);
  background:#141416;color:var(--text-main);font-size:.95rem;outline:none;
}
input:focus{border-color:var(--gold)}
button,.btn{
  width:100%;margin-top:20px;padding:13px;border:none;border-radius:8px;cursor:pointer;
  background:var(--gold);color:#111;font-weight:bold;font-size:1rem;text-decoration:none;
  display:block;text-align:center;
}
button:hover,.btn:hover{background:var(--gold-hover)}
button:disabled{opacity:.55;cursor:not-allowed}
.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-main);font-weight:normal}
.btn-ghost:hover{background:#242020}
.msg{margin-top:14px;font-size:.88rem;min-height:1.3em;line-height:1.5}
.msg.err{color:var(--red)}
.msg.ok{color:var(--green)}
.foot{margin-top:20px;text-align:center;font-size:.85rem;color:var(--text-muted)}
.foot a{color:var(--gold);text-decoration:none}
.foot a:hover{text-decoration:underline}
.row{display:flex;gap:10px}
.row>*{flex:1}
.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:.75rem;border:1px solid var(--border)}
.badge.ok{color:var(--green);border-color:var(--green)}
.badge.no{color:var(--red);border-color:var(--red)}
.divider{display:flex;align-items:center;gap:10px;margin:20px 0;color:var(--text-muted);font-size:.8rem}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border)}
.topbar{position:fixed;top:14px;left:18px;font-size:.85rem}
.topbar a{color:var(--gold);text-decoration:none}
table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.85rem}
th,td{padding:8px;border-bottom:1px solid var(--border);text-align:left}
th{color:var(--gold);font-weight:normal}
.hint{font-size:.8rem;color:var(--text-muted);margin-top:6px}

/* ── 密碼規則清單 ── */
.pwr{font-size:.8rem;color:var(--text-muted);margin:2px 0;transition:color .2s}
.pwr.ok{color:var(--green)}

/* ── 全域 toast 提示（固定在最上方，不會被長頁面藏住）── */
.zjmkc-toast{
  position:fixed;top:0;left:0;right:0;z-index:99999;margin:0 auto;max-width:520px;
  padding:13px 18px;font-size:.92rem;font-weight:bold;text-align:center;
  border-radius:0 0 10px 10px;box-shadow:0 6px 20px rgba(0,0,0,.5);
  transition:opacity .3s;display:none;line-height:1.5
}
.zjmkc-toast.ok{background:#14532d;color:#bbf7d0;border:1px solid var(--green);border-top:none}
.zjmkc-toast.err{background:#4c0519;color:#fecdd3;border:1px solid var(--red);border-top:none}