/* 课程建设中占位页 */
.cs-main {
  min-height: calc(100vh - 64px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
}

.cs-card {
  max-width: 560px;
  width: 100%;
  text-align: center;
  /* --card-bg 全站未定义，原来的兜底 --surface-solid 在酷黑主题下是浅色（#f8f8fc），
     导致深色页面上浮出一张白卡、且白字标题看不见。改用主题卡片色 --bg-card */
  background: var(--bg-card);
  border: 1px solid rgba(var(--shadow-rgb),0.08);
  border-radius: 20px;
  padding: 48px 36px;
  box-shadow: 0 8px 30px rgba(var(--shadow-rgb),0.06);
}

.cs-badge {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 999px;
  background: rgba(var(--accent-1-rgb), 0.12);
  color: var(--accent-1);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 18px;
}

.cs-title {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 14px;
  color: var(--text-primary, var(--text-1));
}

.cs-desc {
  font-size: 15px;
  line-height: 1.8;
  color: var(--text-secondary, var(--text-3));
  margin: 0 0 28px;
}

.cs-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}