/* taohua.css — 「正緣桃花」支柱頁專用樣式（暖象牙精品名牌風，沿用支柱頁色系）。
   本頁走亮色：在 :root 覆蓋 style.css 的暗金 token（本檔在 style.css / article.css 之後載入），
   整頁 chrome（header / footer / .article / .cta-card / .rizhu-card / .faq）自動翻亮；
   共用件沿用 article.css 結構，本檔只覆蓋配色/字體並補本頁專屬元件。 */

:root {
  --bg: #f7f3ec; --bg-card: #ffffff; --bg-input: #fffdf9; --border: #e4ddce;
  --text: #201d18; --text-dim: #6f685c; --gold: #a6824c; --gold-soft: #c0a070;
  --radius: 14px;
  /* 桃花 vs 正緣 */
  --peach:#c86b8a;   /* 桃花：緋玫 */
  --fate:#a6824c;    /* 正緣：古金 */
  /* 流年對日支 */
  --he:#4f8c5f;      /* 合：姻緣旺 綠 */
  --chong:#b45c3f;   /* 沖：動盪 緋 */
  --ping:#8a8f9c;    /* 平 灰 */
  --lux-serif: 'Cormorant Garamond', 'Noto Serif TC', Georgia, serif;
  --lux-sans: 'Jost', 'Noto Sans TC', 'Helvetica Neue', Arial, sans-serif;
}

body { font-family: var(--lux-sans); }
.article h1, .article h2, .th-note h2 { font-family: var(--lux-serif); font-weight: 600; }
.article h1 { font-size: 2.2rem; letter-spacing: 0.01em; line-height: 1.32; }
.article h2 { letter-spacing: 0.02em; }
.article .lead { font-size: 1.08rem; }

.th-sub { color: var(--text-dim); font-size: 0.98rem; margin: 0 0 18px; }

/* 桃花 vs 正緣 對照兩欄 */
.th-vs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 8px 0 12px; }
.th-col {
  background: var(--bg-card); border: 1px solid var(--border);
  border-top: 3px solid var(--cc); border-radius: 12px; padding: 16px 18px 14px;
}
.th-col .th-tag { font-family: var(--lux-sans); font-size: 0.66rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-dim); }
.th-col h3 { margin: 4px 0 4px; font-family: var(--lux-serif); font-size: 1.55rem; color: var(--cc); font-weight: 600; }
.th-col .th-one { font-size: 0.86rem; color: var(--text-dim); margin: 0 0 10px; }
.th-col ul { margin: 0; padding-left: 1.05em; }
.th-col li { color: var(--text); font-size: 0.92rem; line-height: 1.7; margin-bottom: 5px; }
.th-col li::marker { color: var(--cc); }

/* 配偶星 / 配偶宮 兩卡 */
.th-where { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 6px 0 10px; }
.th-card {
  background: var(--bg-card); border: 1px solid var(--border); border-left: 3px solid var(--gold);
  border-radius: 12px; padding: 16px 18px;
}
.th-card h3 { margin: 0 0 4px; font-family: var(--lux-serif); font-size: 1.3rem; color: var(--gold); font-weight: 600; }
.th-card .th-key { display: inline-block; margin: 0 0 8px; font-size: 0.74rem; color: #fffdf9; background: var(--gold-soft); padding: 3px 10px; border-radius: 999px; letter-spacing: 0.06em; }
.th-card p { margin: 0; color: var(--text); font-size: 0.92rem; line-height: 1.8; }
.th-card p + p { margin-top: 8px; }
.th-card b { color: var(--gold); }

/* 流年對配偶宮：合 / 沖 / 平 三態 */
.th-timing { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 6px 0 10px; }
.th-state {
  background: var(--bg-card); border: 1px solid var(--border); border-top: 3px solid var(--sc);
  border-radius: 12px; padding: 14px 14px 12px; text-align: center;
}
.th-state .th-glyph { font-family: var(--lux-serif); font-size: 1.7rem; color: var(--sc); font-weight: 600; }
.th-state .th-when { display: block; font-size: 0.82rem; color: var(--sc); margin: 2px 0 6px; font-weight: 500; }
.th-state p { margin: 0; color: var(--text-dim); font-size: 0.84rem; line-height: 1.7; }

/* 誠實話 */
.th-note {
  background: linear-gradient(160deg, var(--bg-card), var(--bg-input));
  border: 1px solid var(--border); border-radius: var(--radius);
  padding: 22px 24px; margin: 10px 0 8px;
}
.th-note h2 { margin-top: 0; }
.th-note p { color: var(--text-dim); }
.th-note b { color: var(--gold); }

/* 雙 CTA（排盤＋合盤） */
.cta-card .cta-btns .btn-affinity { border: 1px solid var(--peach); color: var(--peach); }

@media (max-width: 560px) {
  .th-vs, .th-where { grid-template-columns: 1fr; }
  .th-timing { grid-template-columns: 1fr; }
}
@media (max-width: 430px) {
  .article h1 { font-size: 1.82rem; }
}