/* 引导是探索状态：使用低饱和奶油杏色，避免看起来像报错或警告。 */
:root {
  --guide: #fbf4e9;
  --guide-line: #e6d5bf;
  --guide-ink: #594737;
  --guide-muted: #967654;
}

.guide-card {
  border-color: var(--guide-line);
  background: linear-gradient(145deg, #fffaf2 0%, var(--guide) 100%);
  box-shadow: 0 8px 22px rgba(100, 70, 38, 0.07);
}

.guide-title {
  color: var(--guide-ink);
}

.guide-meta {
  color: var(--guide-muted);
}

.guide-option {
  border-color: #e8d9c6;
  background: rgba(255, 253, 249, 0.94);
  color: #4f4338;
}

.guide-option:hover {
  border-color: #d7bb96;
  background: #fffdf8;
  box-shadow: 0 4px 12px rgba(100, 70, 38, 0.07);
}

.guide-quick-starts button {
  border-color: var(--guide-line);
  background: #fff9ee;
  color: #6b5237;
}

.guide-quick-starts button:hover {
  border-color: #d7bb96;
  background: #fff5e4;
  color: #513d2b;
}