/* ============================================================
   周公解梦 (Zhougong Dream Interpretation) — Form + Result styles
   ============================================================ */

/* ---------- Form Panel ---------- */

/* Textarea for dream content */
#dream-content {
  width: 100%;
  min-height: 140px;
  padding: 12px 14px;
  font-size: 14px;
  font-family: 'Noto Sans SC', -apple-system, sans-serif;
  line-height: 1.7;
  color: #2d1b0e;
  background: #fff;
  border: 1px solid #d9cbb5;
  border-radius: 8px;
  resize: vertical;
  box-sizing: border-box;
  transition: border-color 0.2s;
}
#dream-content:focus {
  outline: none;
  border-color: #8b0000;
  box-shadow: 0 0 0 2px rgba(139, 0, 0, 0.1);
}
.dream-char-count {
  margin-top: 6px;
  text-align: right;
  font-size: 12px;
  color: #a08975;
}
.dream-char-count.dream-char-over {
  color: #c41e3a;
  font-weight: 600;
}

/* ---------- Result Page ---------- */

/* 梦境速读 card — 对标八字 .reading-card */
.dream-summary-card {
  background: #fdf6ec;
  border: 1px solid #e8d5b7;
  border-left: 4px solid #8b0000;
  border-radius: 14px;
  padding: 22px 26px;
  margin-bottom: 18px;
}
.dream-summary-card .dream-summary-label {
  display: inline-block;
  font-size: 12.5px;
  color: #fff;
  background: #8b0000;
  padding: 4px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
/* 梦境速读正文 — 对标 .reading-text 16px / line-height 2 */
.dream-summary-card .dream-summary-text {
  font-size: 16px;
  line-height: 2;
  color: #2d1b0e;
  font-family: 'Noto Serif SC', serif;
}

/* 梦境元信息 chip 行 */
.dream-meta-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.dream-meta-chip {
  background: #f4e8d3;
  color: #6b4c3b;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 13px;
  border: 1px solid #d9cbb5;
}
.dream-meta-chip strong {
  color: #8b0000;
  margin-left: 4px;
}

/* 关键象征 grid */
.dream-symbol-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.dream-symbol-card {
  background: #fff;
  border: 1px solid #e8d5b7;
  border-radius: 12px;
  padding: 18px 20px;
  transition: transform 0.2s, box-shadow 0.2s;
}
.dream-symbol-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 0, 0, 0.08);
}
.dream-symbol-name {
  font-size: 20px;
  font-weight: 700;
  color: #8b0000;
  font-family: 'Noto Serif SC', serif;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.dream-symbol-name .dream-symbol-icon {
  font-size: 24px;
}
.dream-symbol-meaning {
  font-size: 15px;
  color: #2d1b0e;
  line-height: 1.85;
  margin-bottom: 10px;
}
.dream-symbol-citation {
  font-size: 14px;
  color: #6b4c3b;
  background: #faf0e0;
  padding: 8px 12px;
  border-radius: 6px;
  border-left: 3px solid #d4a017;
  font-style: italic;
  line-height: 1.85;
}

/* 周公解梦原典 card */
.dream-zhougong-card {
  background: linear-gradient(135deg, #fef8eb 0%, #fdf6ec 100%);
  border: 1px solid #e4c97a;
  border-radius: 14px;
  padding: 22px 26px;
  margin-bottom: 18px;
  position: relative;
}
.dream-zhougong-card::before {
  content: '📜';
  position: absolute;
  top: -10px;
  left: 22px;
  font-size: 24px;
  background: #fdf6ec;
  padding: 0 8px;
}
.dream-zhougong-title {
  font-family: 'Noto Serif SC', serif;
  font-size: 20px;
  font-weight: 700;
  color: #8b0000;
  margin-bottom: 14px;
  padding-left: 32px;
}
.dream-zhougong-section {
  margin-top: 14px;
}
.dream-zhougong-section-label {
  display: inline-block;
  font-size: 13px;
  color: #fff;
  background: #d4a017;
  padding: 3px 12px;
  border-radius: 4px;
  margin-bottom: 8px;
  letter-spacing: 1px;
}
.dream-zhougong-ancient {
  font-family: 'Noto Serif SC', serif;
  font-size: 17px;
  color: #2d1b0e;
  line-height: 2;
  padding: 10px 16px;
  background: #fff;
  border-left: 3px solid #8b0000;
  border-radius: 4px;
  letter-spacing: 0.5px;
}
.dream-zhougong-translation,
.dream-zhougong-application {
  font-size: 16px;
  color: #2d1b0e;
  line-height: 2;
  padding: 8px 2px;
}

/* 心理分析 card */
.dream-psych-card {
  background: #fff;
  border: 1px solid #c3d4e8;
  border-left: 4px solid #4a7ba7;
  border-radius: 12px;
  padding: 22px 26px;
  margin-bottom: 18px;
}
.dream-psych-title {
  font-family: 'Noto Serif SC', serif;
  font-size: 20px;
  font-weight: 700;
  color: #4a7ba7;
  margin-bottom: 12px;
}
.dream-psych-body {
  font-size: 16px;
  color: #2d1b0e;
  line-height: 2;
}

/* 运势指引 card */
.dream-guidance-card {
  background: #fdf6ec;
  border: 1px solid #e8d5b7;
  border-radius: 12px;
  padding: 22px 26px;
  margin-bottom: 18px;
}
.dream-guidance-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 12px;
}
.dream-guidance-item {
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px solid #e8d5b7;
  background: #fff;
}
.dream-guidance-item-label {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.dream-guidance-item.dream-guidance-good { border-left: 4px solid #2d8a3e; }
.dream-guidance-item.dream-guidance-good .dream-guidance-item-label { color: #2d8a3e; }
.dream-guidance-item.dream-guidance-bad  { border-left: 4px solid #c41e3a; }
.dream-guidance-item.dream-guidance-bad  .dream-guidance-item-label { color: #c41e3a; }
.dream-guidance-item.dream-guidance-tip  { border-left: 4px solid #d4a017; }
.dream-guidance-item.dream-guidance-tip  .dream-guidance-item-label { color: #d4a017; }
.dream-guidance-item-body {
  font-size: 15px;
  color: #2d1b0e;
  line-height: 1.85;
}

/* 风水化解 list */
.dream-fengshui-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 0 0;
}
.dream-fengshui-list li {
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #e8d5b7;
  border-radius: 8px;
  margin-bottom: 8px;
  font-size: 15px;
  color: #2d1b0e;
  line-height: 1.85;
  position: relative;
  padding-left: 32px;
}
.dream-fengshui-list li::before {
  content: '✦';
  color: #d4a017;
  position: absolute;
  left: 12px;
  top: 12px;
  font-size: 16px;
}

/* 响应式 */
@media (max-width: 640px) {
  .dream-symbol-grid { grid-template-columns: 1fr; }
  .dream-guidance-row { grid-template-columns: 1fr; }
  .dream-zhougong-ancient { font-size: 16px; padding: 10px 14px; }
  .dream-summary-card { padding: 18px 20px; }
  .dream-zhougong-card { padding: 18px 20px; }
  .dream-psych-card { padding: 18px 20px; }
  .dream-guidance-card { padding: 18px 20px; }
}