/* 生产版（由本地 demo 版构建，已去掉 ?look 开关）—— 构建于 2026-10-06 */
/* ============================================================================
 * 提取码一键复制 —— 样式（**本机预览，未上线**）
 *   配合 qdm-copy-code-20261006.js：把扫码弹窗里那行「提取码 XXXXX」
 *   做成一枚可点的胶囊（等宽字体 + 虚框），右边跟一个线性图标的复制按钮。
 *   不覆盖原弹窗层的样式，只加新类。
 * ========================================================================== */

/* 提取码本身：做成"可以复制的东西"该有的样子 */
.qdm-copy-ready .qdm-qr-extraction-code {
  padding: 3px 9px;
  border: 1px dashed rgba(240, 161, 106, .55);
  border-radius: 8px;
  background: rgba(240, 161, 106, .10);
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  font-weight: 700;
  letter-spacing: .14em;
}
.qdm-copy-ready { cursor: pointer; }

/* 复制按钮 */
.qdm-copy-code {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 4px;
  padding: 5px 11px 5px 9px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: #d8d2cd;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
.qdm-copy-code svg { width: 14px; height: 14px; flex: 0 0 auto; }
.qdm-copy-code:hover {
  border-color: rgba(99, 102, 241, .65);
  background: rgba(99, 102, 241, .16);
  color: #fff;
  transform: translateY(-1px);
}
.qdm-copy-code:focus-visible {
  outline: 2px solid rgba(99, 102, 241, .75);
  outline-offset: 2px;
}
.qdm-copy-code.is-done {
  border-color: rgba(52, 211, 153, .70);
  background: rgba(52, 211, 153, .16);
  color: #6ee7b7;
}
.qdm-copy-code.is-fail {
  border-color: rgba(248, 113, 113, .70);
  background: rgba(248, 113, 113, .14);
  color: #fca5a5;
}