/* ===================================================================
   WOW 乐园 · 任务中心浅色样式修复  2026-09-20
   -------------------------------------------------------------------
   问题背景：quest 卡片旧样式来自 portal.css 的深色主题
   （.quest-row 背景 rgba(3,23,43,.62)、白字、说明小字仅 10px 且用
   48% 透明度的 --portal-dim），在新浅色乐园页（.wow-play-page 浅色
   渐变背景）上对比度不足、字号过小，出现"字都看不见"。
   -------------------------------------------------------------------
   修复方式：以 .wow-play-page 为作用域，将任务卡片改为白底浅卡片，
   深色正文 + 大字号 + 清晰按钮，使任务专区在浅色主题下正常可读。
   =================================================================== */

.wow-play-page .quest-list {
  gap: 10px;
}

.wow-play-page .quest-row {
  min-height: 92px;
  padding: 15px;
  border: 1px solid #e2ebf0;
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(38, 79, 97, 0.06);
}

.wow-play-page .quest-row-copy strong {
  color: #143345;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.4;
}

.wow-play-page .quest-row-copy small {
  margin-top: 6px;
  color: #53636f;
  font-size: 12.5px;
  line-height: 1.6;
}

.wow-play-page .quest-row-action {
  min-width: 88px;
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  color: #ffffff;
  background: linear-gradient(90deg, #198fd4, #19ba93);
  font-size: 12.5px;
  font-weight: 800;
  box-shadow: 0 4px 10px rgba(25, 143, 212, 0.2);
}

.wow-play-page .quest-row-action:disabled {
  color: #8fa1ad;
  background: #edf1f5;
  box-shadow: none;
}

.wow-play-page .quest-row-link {
  text-decoration: none;
}

.wow-play-page .quest-row-status {
  color: #53636f;
  font-size: 11.5px;
  font-weight: 700;
}

.wow-play-page .quest-row-status.status-completed {
  color: #0c9d7a;
}

.wow-play-page .quest-row-status.status-pending,
.wow-play-page .quest-row-status.status-in-progress {
  color: #d97a12;
}

.wow-play-page .quest-empty {
  padding: 26px 18px;
  border: 1px dashed #cfdbe3;
  border-radius: 14px;
  color: #53636f;
  background: #f6f8fc;
  text-align: center;
}

.wow-play-page .quest-empty strong {
  display: block;
  color: #143345;
  font-size: 15px;
  margin-bottom: 6px;
}

.wow-play-page .quest-empty span {
  font-size: 12.5px;
  color: #6b7a87;
}

/* 分类页签：浅色下保持清晰 */
.wow-play-page .portal-tabs button {
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  color: #4a5c6b;
  background: #edf1f5;
  font-size: 13px;
  font-weight: 700;
}

.wow-play-page .portal-tabs button.is-active {
  color: #ffffff;
  background: linear-gradient(90deg, #198fd4, #19ba93);
}