/* 素养闯关卡片样式 */
.quests-section { padding: 40px 0 10px; }
.quest-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px;
}
.quest-card {
  background: #fff; border: 1px solid #e6ecf5; border-radius: 14px;
  padding: 18px 20px; box-shadow: 0 2px 10px rgba(26, 95, 180, 0.06);
  display: flex; flex-direction: column; transition: transform 0.15s, box-shadow 0.15s;
}
.quest-card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(26, 95, 180, 0.12); }
.quest-card-head { display: flex; justify-content: space-between; align-items: center; }
.quest-dim-icon { font-size: 1.5rem; }
.quest-points { color: #e8890c; font-weight: 700; }
.quest-title { margin: 8px 0 6px; font-size: 1.08rem; color: #17375e; }
.quest-desc {
  margin: 0 0 10px; color: #66788f; font-size: 0.9rem; flex: 1;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.quest-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.quest-tag { font-size: 0.76rem; padding: 2px 10px; border-radius: 999px; }
.quest-tag-dim { background: #e8f1fc; color: #1a5fb4; }
.quest-tag-think { background: #f1ebfb; color: #7c5cbf; }
.quest-foot { display: flex; justify-content: space-between; align-items: center; }
.quest-meta { color: #9aa8bb; font-size: 0.82rem; }
.quest-done { opacity: 0.75; background: #f7fafd; }
.quest-played { color: #2e9e5b; font-weight: 600; font-size: 0.9rem; }

/* 挑战页 */
.quest-play-card { max-width: 720px; margin: 26px auto; }
.quest-q { border: 1px solid #e6ecf5; border-radius: 12px; padding: 16px 18px; margin-bottom: 14px; }
.quest-q h4 { margin: 0 0 10px; color: #17375e; }
.quest-opt {
  display: block; padding: 9px 14px; margin: 6px 0; border: 1px solid #dbe4ef;
  border-radius: 10px; cursor: pointer; transition: background 0.12s;
}
.quest-opt:hover { background: #f2f7fd; }
.quest-opt input { margin-right: 8px; }
.quest-opt.sel { background: #e8f1fc; border-color: #1a5fb4; }
.quest-board { max-width: 720px; margin: 10px auto 30px; }