/* ============================================================
   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;
}

/* ---------- 408 核心四科强调条 ---------- */
.core-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  margin-bottom: 20px;
  background: linear-gradient(135deg, rgba(var(--accent-1-rgb), 0.14), rgba(var(--accent-2-rgb), 0.14));
  border: 1px solid rgba(var(--accent-1-rgb), 0.35);
  border-radius: var(--radius);
  font-size: 13px;
  color: var(--text-secondary);
}

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

/* 核心科目横幅里的模拟考试入口：右侧按钮，不参与文字折行 */
.core-banner { flex-wrap: wrap; }
.core-banner .entry-btn {
  flex: 0 0 auto;
  margin-left: auto;
  white-space: nowrap;
  padding: 8px 18px;
  font-size: 13px;
}