/* octop-copybtn-patch.css v2 —— 让手机上的命令「完整可见 + 一键可复制」
 * 由 patch-codecopybtn.sh 幂等维护（Octop 升级后自动重打）
 * 撤销：patch-codecopybtn.sh --revert
 * 选择器用 [class*="xxx__"] 前缀模糊匹配，对 Octop 构建 hash 变化免疫。 */

/* ── 1. 代码块自动换行（核心：让长命令完整可见，无需横向滚动）── */
[class*="codeBlockWrapper__"] pre,
[class*="codeBlockWrapper__"] pre > code,
[class*="codeBlockWrapper__"] > div > pre,
[class*="codeBlockWrapper__"] > div[class*="codeBlock__"] {
  white-space: pre-wrap !important;
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
[class*="codeBlockWrapper__"] div[style*="overflow"] {
  white-space: pre-wrap !important;
  word-break: break-all !important;
  overflow-x: hidden !important;
  max-width: 100% !important;
}
[class*="codeBlock__"] {
  overflow-x: hidden !important;
  white-space: pre-wrap !important;
  word-break: break-all !important;
  max-width: 100% !important;
}

/* ── 2. 复制按钮：加大、醒目、常显 + 文字「复制」── */
[class*="codeCopyBtn__"] {
  font-size: 18px !important;
  line-height: 1 !important;
  min-width: 56px !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  background: #0a63c9 !important;
  border: 1px solid #0a63c9 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  visibility: visible !important;
  flex-shrink: 0 !important;
}
[class*="codeCopyBtn__"]::after {
  content: " 复制";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .5px;
}
[class*="codeCopyBtn__"]:active {
  background: #084a96 !important;
  transform: scale(0.96);
}

/* ── 3. header 常显 + 触摸设备加高热区 ── */
[class*="codeBlockHeader__"] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
  min-height: 44px !important;
}
[class*="codeBlockActions__"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  opacity: 1 !important;
  visibility: visible !important;
  flex-shrink: 0 !important;
}
@media (hover: none) {
  [class*="codeBlockHeader__"] {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-height: 48px !important;
  }
  [class*="codeCopyBtn__"] {
    min-width: 72px !important;
    min-height: 40px !important;
    font-size: 19px !important;
  }
}
@media (prefers-color-scheme: dark) {
  [class*="codeCopyBtn__"] {
    color: #0d1117 !important;
    background: #8cc6ff !important;
    border-color: #8cc6ff !important;
  }
  [class*="codeCopyBtn__"]:active { background: #6fb6ff !important; }
}