/* ============================================================
 * AI 讨论复制按钮组（v1.9.2 新增）
 * 配套：js/ai-copy.js
 * 用途：在文章页提供"复制 main.md / 复制 AI 讨论版"按钮
 * 主题色：与健康理论 v1 保持一致（绿色 #059669）
 * ============================================================ */

.ai-copy-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 18px 0 8px;
  padding: 14px 18px;
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border: 1px solid #6ee7b7;
  border-left: 4px solid #059669;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(5, 150, 105, 0.08);
}

.ai-copy-bar .ai-copy-label {
  font-weight: 700;
  color: #047857;
  font-size: 0.95em;
  margin-right: 4px;
}

.ai-copy-bar .ai-copy-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #ffffff;
  color: #047857;
  border: 1.5px solid #059669;
  border-radius: 8px;
  font-size: 0.92em;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.18s ease;
  font-family: inherit;
  user-select: none;
}

.ai-copy-bar .ai-copy-btn:hover:not(:disabled) {
  background: #059669;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.25);
}

.ai-copy-bar .ai-copy-btn:active {
  transform: translateY(0);
}

.ai-copy-bar .ai-copy-btn:disabled {
  cursor: wait;
  opacity: 0.85;
}

.ai-copy-bar .ai-copy-btn.copied {
  background: #059669 !important;
  color: #ffffff !important;
  border-color: #047857 !important;
}

.ai-copy-bar .ai-copy-btn.failed {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  border-color: #fca5a5 !important;
}

.ai-copy-bar .ai-copy-tip {
  font-size: 0.78em;
  color: #047857;
  margin-left: auto;
  font-style: italic;
}

.ai-copy-bar .ai-copy-btn .ico {
  font-size: 1.05em;
}

@media (max-width: 720px) {
  .ai-copy-bar {
    padding: 12px 14px;
  }
  .ai-copy-bar .ai-copy-tip {
    margin-left: 0;
    width: 100%;
  }
}