/* 雲端版登入頁 */
:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px;
  background: radial-gradient(900px 500px at 80% -10%, rgba(192,138,90,.18), transparent 60%), #f6f5f3;
  font: 16px/1.6 "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif; color: #2a2320; }
.box { width: min(380px, 100%); background: #fff; border: 1px solid #ebe7e2; border-radius: 20px; padding: 28px 24px;
  box-shadow: 0 18px 40px rgba(60,40,20,.08); }
.mark { font-size: 1.6rem; color: #c08a5a; }
h1 { margin: 4px 0 2px; font-size: 1.35rem; font-weight: 600; letter-spacing: .04em; }
.sub { margin: 0 0 18px; color: #7a6f66; font-size: .92rem; }
label { display: block; font-size: .85rem; color: #5b4636; margin: 10px 0 4px; }
input { width: 100%; font: inherit; padding: 11px 12px; border: 1px solid #d9d2ca; border-radius: 12px; background: #fcfbfa; }
input:focus { outline: 2px solid #c08a5a; outline-offset: 1px; }
button { margin-top: 16px; width: 100%; font: inherit; font-weight: 600; padding: 11px; border: 0; border-radius: 999px;
  background: #64210a; color: #fff; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
.msg { min-height: 1.4em; margin: 10px 0 0; color: #b3261e; font-size: .88rem; }
.foot { margin: 14px 0 0; color: #9a8f86; font-size: .78rem; }