/* AI 增强层的样式，尽量沿用原站变量，不改变原有布局。 */

.ai-card {
  border-left: 3px solid var(--brand);
}

.ai-explain {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed var(--line);
}

.ai-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--brand);
  background: var(--brand-soft);
  color: var(--brand-strong);
  border-radius: 8px;
  padding: 6px 12px;
  font-size: .86rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s, opacity .15s;
}
.ai-btn:hover { background: var(--brand); color: var(--on-brand); }
.ai-btn:disabled { opacity: .55; cursor: progress; }

.ai-text {
  margin-top: 10px;
  white-space: pre-wrap;
  line-height: 1.75;
  color: var(--text);
}

.ai-text.ai-error {
  color: var(--bad);
}

.ai-explain .ai-text {
  font-size: .92rem;
}

@media print {
  .ai-card, .ai-explain, .ai-btn { display: none !important; }
}