/* 条形码生成器 */
.form-color{width:2.5rem;height:2rem;padding:0;border:1px solid #dee2e6;border-radius:.375rem;background:#fff}
.bc-mode{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}
.bc-mode .form-check{margin:0;padding-left:1.5em}
.bc-mode .form-check-input{margin-top:.25em}
.bc-adv-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border:1px solid #e4e8ee;
  border-radius:.375rem;background:#fff;color:#475467;font-size:.8125rem;line-height:1.4}
.bc-adv-toggle:hover{border-color:var(--site-primary);color:var(--site-primary)}
.bc-adv-toggle .bc-adv-arrow{transition:transform .2s}
.bc-adv-toggle.is-open .bc-adv-arrow{transform:rotate(180deg)}
.bc-adv-flag{padding:.05rem .35rem;border-radius:.375rem;background:var(--site-tint);color:var(--site-primary);font-size:.6875rem}
.bc-adv{margin-top:.75rem;padding:.75rem .875rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fafbfd}
.bar-stage{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;overflow:auto}
.bar-stage canvas{display:block;max-width:100%;height:auto}

.bc-list{display:flex;flex-direction:column;gap:.5rem}
.bc-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .65rem;border:1px solid #eef1f5;border-radius:.5rem;background:#fff}
.bc-row canvas{flex:none;max-width:9rem;height:3.25rem;width:auto;background:#fff}
.bc-row.is-bad{background:#fafbfd}
.bc-bad{flex:none;width:9rem;font-size:.75rem;color:#c92a2a}
.bc-row-main{flex:1 1 auto;min-width:0}
.bc-row-text{font-size:.8125rem;color:#2b3441;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  overflow-wrap:anywhere}

@media (max-width:575.98px){
  .bc-row{flex-wrap:wrap}
  .bc-row canvas,.bc-bad{max-width:100%;width:100%;height:auto}
}