/* Tailwind CDN 补充样式 */

/* 代码块 */
pre {
  position: relative;
}
pre .copy-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px 12px;
  font-size: 12px;
  color: #9CA3AF;
  background: #374151;
  border: 1px solid #4B5563;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
pre .copy-btn:hover {
  color: #E5E7EB;
  background: #4B5563;
}
pre .copy-btn.copied {
  color: #10B981;
}

/* FAQ 折叠 */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.faq-answer.open {
  max-height: 200px;
}

/* 导航激活状态 */
.nav-link.active {
  color: #2563EB;
  font-weight: 600;
}

/* 平滑滚动 */
html {
  scroll-behavior: smooth;
}

/* 定价卡片推荐高亮 */
.plan-recommended {
  border: 2px solid #2563EB;
  position: relative;
}
.plan-recommended .recommended-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #2563EB;
  color: white;
  padding: 2px 16px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}