/* 生词本 · 扫码导入弹窗 */

.nb-scan-btn { margin-left: 8px; }

.nbs-mask {
  position: fixed; inset: 0; z-index: 9998;
  background: rgba(15, 23, 42, .45);
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
}

.nbs-box {
  width: 100%; max-width: 400px;
  background: #fff; border-radius: 16px;
  padding: 22px 22px 18px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .22);
  text-align: center;
}
.nbs-title { font-size: 17px; font-weight: 700; color: #111827; margin: 0 0 6px; }
.nbs-sub { font-size: 13px; color: #6b7280; line-height: 1.6; margin: 0 0 16px; }

.nbs-qr {
  width: 200px; height: 200px; margin: 0 auto 14px;
  display: flex; align-items: center; justify-content: center;
  background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 12px;
}
.nbs-qr img, .nbs-qr canvas { max-width: 100%; max-height: 100%; border-radius: 8px; }

.nbs-code {
  font-size: 26px; font-weight: 700; letter-spacing: 3px;
  color: #2563eb; font-family: ui-monospace, Menlo, Consolas, monospace;
  margin: 0 0 6px;
}
.nbs-code-lbl { font-size: 12px; color: #9ca3af; margin-bottom: 14px; }

.nbs-url {
  font-size: 12px; color: #6b7280; word-break: break-all;
  background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 8px;
  padding: 8px 10px; margin-bottom: 14px;
}

.nbs-status {
  font-size: 13.5px; color: #6b7280; line-height: 1.6;
  min-height: 22px; margin-bottom: 14px;
}
.nbs-status.ok { color: #047857; font-weight: 600; }
.nbs-status.warn { color: #b45309; }
.nbs-status.err { color: #b91c1c; }

.nbs-ops { display: flex; gap: 10px; justify-content: center; }
.nbs-ops .btn { min-width: 110px; }

.nbs-manual { margin-top: 12px; font-size: 13px; }
.nbs-manual summary { cursor: pointer; color: #2563eb; }
.nbs-manual input {
  width: 100%; box-sizing: border-box; margin-top: 8px;
  padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 8px;
  font-size: 13px; letter-spacing: 1px; text-transform: uppercase;
}

/* 深色模式 */
[data-theme="dark"] .nbs-box, body.dark .nbs-box { background: #1f2937; }
[data-theme="dark"] .nbs-title, body.dark .nbs-title { color: #f3f4f6; }
[data-theme="dark"] .nbs-qr, body.dark .nbs-qr { background: #111827; border-color: #374151; }
[data-theme="dark"] .nbs-url, body.dark .nbs-url { background: #111827; border-color: #374151; color: #9ca3af; }
[data-theme="dark"] .nbs-manual input, body.dark .nbs-manual input { background: #111827; border-color: #4b5563; color: #f3f4f6; }