/* setup.html／reset.html 共用：置中的單一表單卡 */
body{background:var(--paper)}
.ap{max-width:420px;margin:var(--s8) auto;background:var(--sheet);border:1px solid var(--line);border-radius:14px;padding:30px 28px;display:flex;flex-direction:column;gap:16px}
.ap h1{margin:0;font:700 22px/1.3 var(--f-display);letter-spacing:.06em;text-align:center}
.ap .lede{margin:0;color:var(--ink-2);font-size:14px;text-align:center;line-height:1.7}
.ap .seal{width:44px;height:44px;margin:0 auto}
.ap form{display:flex;flex-direction:column;gap:14px}
.f label{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:5px}
.f input{box-sizing:border-box;width:100%;height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:var(--sheet);color:var(--ink);font:15px var(--f-body)}
.f input:focus{outline:none;border-color:var(--ai);box-shadow:0 0 0 3px color-mix(in srgb,var(--ai) 18%,transparent)}
.f .h{font-size:12px;color:var(--ink-3);margin-top:5px}
.f.err input{border-color:var(--warn)}.f.err .h{color:var(--warn)}
.go{height:44px;border:0;border-radius:8px;background:var(--cover);color:#f4f5f2;font:600 15px var(--f-body);letter-spacing:.06em;cursor:pointer}
.go[aria-busy="true"]{opacity:.7;cursor:progress}
.msg{font-size:13.5px;border-radius:8px;padding:10px 12px;color:var(--warn);background:color-mix(in srgb,var(--warn) 8%,transparent)}
.msg.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}
.msg[hidden],[hidden]{display:none!important}
.links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.links a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);font-size:14px}
.links a.pri{background:var(--cover);border-color:var(--cover);color:#f4f5f2}
@media (max-width:760px){.ap{margin:var(--s5) auto;padding:24px 20px}}