/* 二维码生成器 */
.qr-box{display:flex;align-items:center;justify-content:center;padding:1rem;border:1px solid #eef1f5;border-radius:.6rem;
  background:linear-gradient(45deg,#f7f8fa 25%,transparent 25%,transparent 75%,#f7f8fa 75%),
             linear-gradient(45deg,#f7f8fa 25%,#fff 25%,#fff 75%,#f7f8fa 75%);
  background-size:16px 16px;background-position:0 0,8px 8px}
.qr-box canvas{display:block;width:100%;max-width:20rem;height:auto;image-rendering:pixelated}
.form-color{width:2.5rem;height:2rem;padding:0;border:1px solid #dee2e6;border-radius:.375rem;background:#fff}

/* 批量模式：一格格二维码卡片 */
.qr-batch{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}
.qr-batch-item{padding:.625rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fff;text-align:center}
.qr-batch-item.is-bad{border-color:#f6d5d5;background:#fdf7f7}
.qr-batch-box{display:flex;align-items:center;justify-content:center;min-height:6rem;padding:.375rem;border-radius:.5rem;background:#fafbfd}
.qr-batch-box canvas{display:block;width:100%;max-width:9rem;height:auto;image-rendering:pixelated}
.qr-batch-err{color:#b42318;font-size:.75rem;line-height:1.5;word-break:break-all}
.qr-batch-txt{margin-top:.4rem;font-size:.75rem;color:#4d5259;line-height:1.35;max-height:2.7rem;overflow:hidden;word-break:break-all}
.qr-batch-name{margin-top:.15rem;font-size:.6875rem;color:#a7b0bb;word-break:break-all}
.qr-batch-btns{display:flex;gap:.25rem;justify-content:center;margin-top:.45rem}