/*!
 * MY5 · 移动端「Key 已创建」复制块适配修复
 * build: pc3-20261025-mcopy
 * 2026-10-25
 *
 * ── 问题 ────────────────────────────────────────────
 * 线上 .kc-cb-value 设了 user-select:all。实测（CDP 真实触摸事件）：
 *   sel-all + 轻点文本(50ms) → getSelection().length = 22  ← 关键
 *   sel-all + 长按文本(850ms) → 22
 * 也就是说 **轻点一下就会整段全选**，浏览器随即弹出系统文本菜单
 * （全选 / 复制 / 问问AI / 分享），盖住站内自己的「复制」按钮。
 * 用户主观感受 = "复制按钮用不了"。
 *
 * ── 修法 ────────────────────────────────────────────
 * all → text：轻点不再全选，系统菜单只在「用户主动长按」时出现，
 * 手动长按复制的路径保留（不剥夺用户预期操作）。
 *
 * ── 为什么用 any-pointer 而不是 pointer ───────────────
 * (pointer: coarse) 只看**主指针**。触屏笔记本（Windows 二合一 / 带触控屏的
 * 一体机）主指针是鼠标 = fine，于是整段规则失效，用户用手指点时
 * 「轻点全选 + 系统菜单」的问题原样存在。
 * 而 (any-pointer: coarse) 表示「设备上**存在**粗指针输入」，触屏笔记本命中。
 * 线上 CSS 完全没有 pointer 媒体查询（只有 max-width:760px），
 * 所以手机横屏（844 宽）与触屏笔记本都会漏掉 —— 本文件补上这个缺口。
 * 副作用仅限：带触控屏的桌面设备也会拿到 44px 按钮与按压反馈（外观级，可接受）。
 *
 * ── 特异性 ──────────────────────────────────────────
 * 用 .kc-created .kc-cb-value (0,2,0) 压线上 .kc-cb-value (0,1,0)，
 * 不依赖与本文件的加载先后顺序。已核实线上仅此一条 kc-cb-value 规则、
 * 无更高特异性后代规则、无 !important 命中。
 */
@media (any-pointer: coarse) {
  /* 1) 核心：轻点不再全选（all → text）；长按仍可手动选择 */
  .kc-created .kc-cb-value {
    -webkit-user-select: text;
    user-select: text;
  }

  /* 2) 干掉触摸双击缩放延迟（全局只给 button,a 设过，这里是 DIV / SPAN） */
  .kc-created .kc-copy-block,
  .kc-created .kc-cb-btn {
    touch-action: manipulation;
  }

  /* 3) 触控目标补足到 >=44px（线上实测 46x34，高度偏小易点空） */
  .kc-created .kc-cb-btn {
    min-height: 44px;
    min-width: 64px;
    padding: 0 14px;
    font-size: 13px;
    justify-content: center;
  }

  /* 4) 手机没有 hover，必须给 :active 按下反馈 */
  .kc-created .kc-copy-block:active {
    border-color: #9db8f0;
    background: var(--paper-2, #f5f7fa);
  }
  .kc-created .kc-cb-btn:active {
    background: var(--blue-light, #edf2ff);
    border-color: #9db8f0;
  }

  /* 5) 键盘 / 外接键盘聚焦时给可见焦点环。
        硬编码色而非 color-mix()：旧内核不支持 color-mix 时整条 outline 会失效，
        而全局 :focus-visible 兜底不覆盖 div[role=button]。 */
  .kc-created .kc-copy-block:focus-visible {
    outline: 3px solid rgba(49, 94, 255, 0.4);
    outline-offset: 2px;
  }

  /* 6) 顶部标签行与值之间留出呼吸，手指不易误触到边缘 */
  .kc-created .kc-cb-top {
    margin-bottom: 9px;
  }
}

/* 复制失败兜底态：JS 在 clipboard 与 execCommand 双双失败时给该块加 .kc-copy-manual，
   临时把文本放开为可选中并自动全选，让用户还能手动取走 Key（否则关闭弹窗后 Key 永久丢失）。
   注意：**不在这里改 .kc-cb-btn 的文案** —— 线上按钮是 `${icon('copy')} 复制`，
   直接写 textContent 会把内联 SVG 抹掉，而线上 done() 又用 innerHTML 快照/还原，
   会造成图标永久丢失。本文件已核实并规避。 */
.kc-created .kc-copy-block.kc-copy-manual .kc-cb-value {
  -webkit-user-select: all;
  user-select: all;
}
.kc-created .kc-copy-block.kc-copy-manual {
  border-color: #e0a94a;
  background: #fffaf0;
}
html[data-theme=dark] .kc-created .kc-copy-block.kc-copy-manual {
  background: #2a2417;
}

/* 兜底提示条：单独一个元素，不碰按钮内部结构。 */
.kc-created .kc-cb-hint {
  display: none;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
  color: #9a6a12;
}
.kc-created .kc-copy-block.kc-copy-manual .kc-cb-hint {
  display: block;
}
html[data-theme=dark] .kc-created .kc-cb-hint {
  color: #e0b464;
}