/* ============================================================
   Helpme 前端开发板块页专属样式
   基调复用 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;
}

/* ---------- 框架分区提示条 ---------- */
.core-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  margin-bottom: 20px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.14), rgba(168, 85, 247, 0.14));
  border: 1px solid rgba(99, 102, 241, 0.35);
  border-radius: var(--radius);
  font-size: 13px;
  color: var(--text-secondary);
}

.core-banner strong {
  color: var(--text-primary);
}