/* ============================================================
   Helpme AI 智能开发板块页专属样式
   基调复用 css/style.css + css/backend.css：酷黑 + 蓝紫渐变 + 圆角细边框 + 悬停上浮
   ============================================================ */

@import url('backend.css');

/* ---------- 卡片统一弹性布局：按钮沉底对齐 ---------- */
.frame-card {
  display: flex;
  flex-direction: column;
}

.frame-card .frame-tags {
  margin-bottom: 10px;
}

.frame-card .entry-btn {
  margin-top: 4px;
  align-self: flex-start;
}

/* ---------- AI 编程工具专区卡片（更醒目的渐变描边） ---------- */
.tool-card {
  background: linear-gradient(145deg, rgba(168, 85, 247, 0.12), rgba(99, 102, 241, 0.12));
  border: 1px solid rgba(168, 85, 247, 0.45);
}

.tool-card:hover {
  border-color: var(--accent-2);
  box-shadow: 0 12px 32px rgba(168, 85, 247, 0.22);
}

.tool-card .frame-name {
  font-size: 17px;
  font-weight: 800;
}