/* 06-auth.css —— 登录页 · 门禁/卡片/一键续登
   从 web/index.html 拆出（yourcopy v3 · 2026-10-06）。
   拆分原则：**严格保持原始行序**。CSS 后写的赢，重排会悄悄改掉视觉，
   所以这里的规则顺序跟原文件里一模一样，不要按功能重排。

   文件序号 01/02/… 就是加载顺序（index.html 里 link 的顺序）。
   想合并相邻文件：把内容按序号顺序拼起来即可，不会变样。

   ⚠️ 改样式前先知道两件事：
      1) 同一个类名可能出现在多个文件里 —— 那是按"这条规则在原文件的位置"
         切出来的，不是漏了。要改某个类，用浏览器 F12 选中元素，
         看命中的规则在哪个文件（会标出行号）。
      2) 整体换配色：搜 var(--brand)（品牌红）/ var(--clone)（分身橙），
         这两个值散在多个文件里，用全局替换。
*/

.aqmail{font-size:12px;color:#8d97a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aqgo{flex:none;font-size:12.5px;color:var(--brand);border:1px solid var(--brand-line);background:var(--brand-soft);
  border-radius:999px;padding:4px 11px}
.aqother{margin-top:11px;text-align:center;font-size:12.5px}
.aqother span{color:#8d97a1;cursor:pointer}
.aqother span:hover{color:var(--brand);text-decoration:underline}

.afield{display:block;margin-bottom:14px}
.afield>span{display:block;font-size:12px;color:#5f6b76;margin-bottom:6px;letter-spacing:.3px}
.afield input{width:100%;box-sizing:border-box;height:42px;padding:0 13px;border-radius:9px;
  border:1px solid #e6e8ea;background:#fafbfc;font-size:14px;color:#1f2c3a;outline:none;
  transition:.15s;font-family:inherit}
.afield input:focus{border-color:var(--brand);background:#ffffff;box-shadow:0 0 0 3px rgba(196,30,58,.08)}
.afield input::placeholder{color:#adb5bd}
.acoderow{display:flex;gap:9px}
.acoderow input{flex:1;min-width:0}
.acodebtn{flex:none;height:42px;padding:0 14px;border-radius:9px;border:1px solid var(--brand);
  background:#ffffff;color:var(--brand);font-size:13px;cursor:pointer;white-space:nowrap;
  transition:.15s;font-family:inherit}
.acodebtn:hover:not(:disabled){background:var(--brand-soft)}
.acodebtn:disabled{border-color:#e6e8ea;color:#adb5bd;cursor:default}
/* 复选框这一行改成两列：勾选框 + 文案。文案可能很长（说明"这台设备"），
   单行居中会让它挤成一团，所以左对齐 + 允许换行。 */
.acheck{display:flex;align-items:flex-start;gap:9px;margin:4px 0 16px;cursor:pointer;
  font-size:12.5px;color:#5f6b76;user-select:none;line-height:1.5}
.acheck input{width:16px;height:16px;accent-color:var(--brand);cursor:pointer;flex:none;margin:1px 0 0}
.abtn{width:100%;height:44px;border-radius:9px;border:none;background:var(--brand);color:#fff;
  font-size:15px;letter-spacing:1px;cursor:pointer;transition:.15s;font-family:inherit}
.abtn:hover:not(:disabled){background:var(--brand-hover)}
.abtn:disabled{background:var(--brand-mute);cursor:default}
.amsg{font-size:12.5px;line-height:1.6;margin:0 0 13px;min-height:0;display:none}
.amsg.on{display:block}
.amsg.err{color:var(--brand)}
.amsg.ok{color:#1D9E75}
.alinks{display:flex;justify-content:space-between;margin-top:16px;font-size:13px}
.alinks a{color:#185FA5;cursor:pointer;text-decoration:none}
.alinks a:hover{text-decoration:underline}
.anote{margin-top:18px;padding-top:14px;border-top:1px solid #f1f2f4;
  font-size:12px;color:#8d97a1;line-height:1.7;text-align:center}
.anote b{color:#5f6b76;font-weight:600}
.acctrow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;
  border-bottom:1px solid #f1f2f4;font-size:13px}
.acctrow:last-child{border-bottom:none}
.acctrow span:first-child{color:#7a8794;flex:none}
.acctrow span:last-child{color:#1f2c3a;text-align:right;word-break:break-all}
.numid{font-weight:600;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.dlgap{border-top:1px dashed #e3e8ee;margin:14px 0 4px}
.mrow{display:flex;gap:8px;margin-top:8px}
.mrow .mfield{flex:1}
  /* PWA：手机「加到主屏」以 standalone 打开时全屏，并隐藏桌面工具栏/顶栏 */
  @media (display-mode: standalone){ body.appwin .offbar, body.appwin .bar{display:none!important} }