/**
 * 小六壬 · 六曜 /xiaoliuren/
 * 前缀 xl-；引入顺序：site.css → chaxun.css → xiaoliuren.css
 * 两张当日卡、六神/六值辞书格、时辰表吉凶色；相邻日 / 续查分别走公用 .cx-siblings / .cx-tip
 */

/* 当日两卡：手机一列、桌面两列；禁止 auto-fit */
.xl-duo {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin-top: 14px;
}

@media (min-width: 769px) {
  .xl-duo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.xl-card {
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid var(--rule);
  border-left-width: 4px;
  border-radius: var(--radius);
  background: var(--card);
  border-left-color: var(--gilt);
}

.xl-card--good {
  border-left-color: var(--jade);
}

.xl-card--bad {
  border-left-color: var(--cinnabar);
}

.xl-card__h {
  margin: 0;
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--ink-soft);
}

.xl-card__name {
  margin: 8px 0 0;
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--ink);
}

.xl-card--good .xl-card__name {
  color: var(--jade);
}

.xl-card--bad .xl-card__name {
  color: var(--cinnabar);
}

.xl-card__meta {
  margin: 6px 0 0;
  font-size: 13px;
  letter-spacing: 0.06em;
  color: var(--ink-soft);
}

.xl-card__brief {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.65;
  color: var(--ink);
}

/* 六神 / 六值辞书：宽屏 3 列，平板 2，手机 1 */
.xl-gloss {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

@media (min-width: 601px) {
  .xl-gloss {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1025px) {
  .xl-gloss {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.xl-gloss__item {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  background: #ebe3cf; /* field 88% + gilt 12% */
}

.xl-gloss__item.xl-here {
  border-color: #789980; /* jade 55% + rule */
  background: #cad4c3; /* field 78% + jade 22% */
  box-shadow: inset 0 0 0 1px rgba(44, 110, 82, 0.35); /* jade @ 35% */
}

.xl-gloss__name {
  margin: 0;
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.xl-gloss__brief {
  margin: 6px 0 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--ink-soft);
}

.xl-gloss__note {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.7;
  color: var(--ink);
}

/* 时辰表吉凶色 */
.xl-good {
  color: var(--jade);
  font-weight: 700;
}

.xl-bad {
  color: var(--cinnabar);
  font-weight: 700;
}

@media (max-width: 768px) {
  .xl-card__name {
    font-size: 24px;
  }
}