/* ============================================================
   AIX Society — 會員登記＋課堂優惠碼兌換（join.html 專用）
   金 / 灰 / 黑 / 白。不使用藍與紫。
   本檔只在 join.html 載入（內頁），故可用內頁變數
   --ink / --muted / --gold / --gold-lt / --line / --line2 / --radius / --panel。
   ============================================================ */

/* ---------- 登記表單盒 ---------- */
.mfbox{border:1px solid var(--line);border-radius:16px;padding:clamp(20px,3vw,30px);
  background:linear-gradient(160deg,rgba(217,180,81,.08),transparent 70%)}
.mfbox .mfform{max-width:680px}

.mfform{margin:0;min-width:0}
.mfgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.mffield{display:flex;flex-direction:column;gap:6px;min-width:0}
.mffield.full{grid-column:1 / -1}
.mflabel{font-size:0.75rem;line-height:1.4;color:var(--muted);letter-spacing:.02em}
.mflabel .req{color:var(--gold-lt)}
.mfinput{width:100%;box-sizing:border-box;background:transparent;border:1px solid var(--line);
  border-radius:10px;color:var(--ink);font-family:inherit;font-size:0.875rem;line-height:1.4;
  padding:11px 14px;transition:border-color .2s}
.mfinput::placeholder{color:var(--muted);opacity:.85}
.mfinput:focus{outline:none;border-color:var(--gold-lt)}
.mfbtn{border:0;cursor:pointer;border-radius:10px;padding:13px 26px;font-family:inherit;
  font-size:0.875rem;font-weight:600;color:#141108;background:linear-gradient(140deg,var(--gold-lt),var(--gold));
  box-shadow:0 12px 30px rgba(217,180,81,.22);transition:transform .2s,box-shadow .2s}
.mfbtn:hover{transform:translateY(-2px)}
.mfbtn[disabled]{opacity:.5;cursor:default;transform:none}
/* 蜜罐欄位：真人不會填，機器人會填 */
.mfhp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}

.mfck{display:flex;gap:9px;align-items:flex-start;margin:14px 0 0;font-size:0.75rem;line-height:1.65;
  color:var(--muted);cursor:pointer}
.mfck input{margin:2px 0 0;flex:0 0 auto;width:14px;height:14px;accent-color:var(--gold)}
.mfmsg{margin:12px 0 0;font-size:0.8125rem;line-height:1.6;color:var(--muted)}
.mfmsg:empty{display:none}
.mfmsg.ok{color:var(--gold-lt)}
.mfmsg.err{color:#ff9b8f}
body.light .mfmsg.err{color:#9e2b20}
.mfmeta{margin:12px 0 0;font-size:0.71875rem;line-height:1.6;color:var(--muted);letter-spacing:.02em}
.mfmeta a{color:var(--gold-lt)}
.mfmeta a:hover{color:var(--ink)}

/* ---------- 響應式 ---------- */
@media (max-width:560px){
  .mfgrid{grid-template-columns:1fr}
}