/* ====================================================================
   月老姻緣「月下紅線」主題(2026-10-25)
   只在 <html class="theme-love"> 時生效(App\Support\LoveTheme::active():頁面在 PAGES 清單裡 + 開關 love.theme / 預覽 cookie)。
   classic(原本宣紙米色)時這支檔根本不載入,舊樣子完全不變。
   目前範圍:合婚配對填寫頁(/compatibility/start,含 /zh-CN),連同導覽列、公告列、頁尾、cookie 橫幅、LINE 側鈕。
   互動腳本 public/js/love-moon.js(背景多層紅線 + 桃花瓣 + 金色微光的 canvas、首屏牽到表單的紅線與同心結)。

   作法(照塔羅主題):先在 html.theme-love 重新定義全站色票(Tailwind --color-*、v2 --xd-*),大部分元件自動變深色;
   寫死色碼的舊規則(滾輪、提問區、價格說明的行內樣式)再逐一覆寫。

   色票:月下的深酒紅夜(看得出是紅夜,不是黑也不是正紅;低飽和、光暈弱、線條細、點綴用古金)
     底       #1f0d14 夜 / #2a1119 酒紅夜 / #3a1822 深胭脂
     中間色   #4a1f2b / #5a2a36 胭脂玫瑰灰 / #7a3a48 玫瑰灰(線、選中底、裝飾)
     字       #f4e8d8 月白暖米(本文)/ #d4b8b8 次要(在 #2a1119 上 9:1、在卡片 #3a1822 上 7.6:1)
     點綴     #d4b06a 古金 / #b8924a 暗金 / #e8d3a0 淡金
     紅線     #c8343c(只用在紅線、同心結、少量重點);深淺:遠 #7e2632、中 #a52c37、近 #c8343c、高光 #f0a7a3
     主按鈕   古金漸層 + 深酒紅字 + 細金邊(不用紅底紅按鈕,在紅夜上會被吃掉)
   ==================================================================== */

html.theme-love {
  --lm-void: #1f0d14;
  --lm-night: #2a1119;
  --lm-wine: #3a1822;
  --lm-wine-2: #4a1f2b;
  --lm-rose: #5a2a36;
  --lm-rose-2: #7a3a48;
  --lm-moon: #f4e8d8;
  --lm-mute: #d4b8b8;
  --lm-faint: #b89a9c;
  --lm-gold: #d4b06a;
  --lm-gold-d: #b8924a;
  --lm-gold-l: #e8d3a0;
  --lm-thread: #c8343c;
  --lm-thread-hi: #f0a7a3;
  --lm-line: rgba(212, 176, 106, .18);
  --lm-line-2: rgba(212, 176, 106, .34);
  --lm-panel: linear-gradient(180deg, rgba(62, 26, 37, .96) 0%, rgba(46, 18, 27, .96) 100%);
  --lm-btn: linear-gradient(180deg, #ecd39a 0%, #d9b673 48%, #bf9851 100%);
  --lm-btn-ink: #3a1420;
  --lm-btn-bd: #8c6a32;

  /* ── Tailwind 色票(工具類都是 var(--color-*)):紙 → 酒紅夜、墨 → 月白、金 → 古金 ── */
  --color-paper-50: #34151f;
  --color-paper-100: #2a1119;
  --color-paper-200: #3f1c27;
  --color-paper-300: #4c2230;
  --color-paper-400: #5a2a36;
  --color-paper-500: #7a3a48;
  --color-paper: #2a1119;

  --color-ink-50: #34151f;
  --color-ink-100: #4c2230;
  --color-ink-200: #6a3442;
  --color-ink-300: #8a6a70;
  --color-ink-400: #b89a9c;
  --color-ink-500: #d4b8b8;
  --color-ink-600: #dcc6c0;
  --color-ink-700: #e6d4c8;
  --color-ink-800: #eedfd0;
  --color-ink-900: #f4e8d8;
  --color-ink-950: #5a2a36; /* 選中的性別/選項、選單小圖示底:胭脂玫瑰灰(比卡片亮一階,配古金字) */

  --color-brand-50: #3a1a22;
  --color-brand-100: #44202a;
  --color-brand-200: #7a5a44; /* 表單框線 border-brand-200/60 → 暗金細線 */
  --color-brand-300: #8a6a3e;
  --color-brand-400: #b8924a;
  --color-brand-500: #c6a15a;
  --color-brand-600: #d4b06a;
  --color-brand-700: #dfc185;
  --color-brand-800: #e8d3a0;
  --color-brand-900: #f0e2bf;
  --color-brand-950: #f7eedb;

  --color-accent: #d4b06a;
  --color-accent-dark: #b8924a;

  /* 朱紅:在紅夜上當字要提亮(印泥粉),當底用紅線色 */
  --color-cinnabar: #e8848a;
  --color-cinnabar-50: #3a1520;
  --color-cinnabar-100: #461a26;
  --color-cinnabar-200: #f0a7a3;
  --color-cinnabar-300: #e8848a;
  --color-cinnabar-400: #d65a62;
  --color-cinnabar-500: #c8343c;
  --color-cinnabar-600: #a82a32;
  --color-cinnabar-700: #f4bcb6;
  --color-rose-500: #f0a0a4;

  /* 綠色(免費、成功)→ 月白暖米(紅綠並列太像聖誕節) */
  --color-jade: #e6d6c8;
  --color-jade-50: #33181f;
  --color-jade-500: #e6d6c8;
  --color-jade-700: #f0e4d8;
  --color-emerald-50: #33181f;
  --color-emerald-100: #3b1c25;
  --color-emerald-200: #5a3a40;
  --color-emerald-500: #e6d6c8;
  --color-emerald-600: #7a5a5e;
  --color-emerald-700: #ecdcce;
  --color-emerald-800: #f4e8d8;
  --color-amber-50: #36191f;
  --color-amber-100: #3f1e25;
  --color-amber-200: #6a4a36;
  --color-amber-500: #d4b06a;
  --color-amber-600: #d4b06a;
  --color-amber-700: #e8d3a0;
  --color-amber-800: #f0e2bf;
  --color-red-50: #3a1520;
  --color-red-100: #461a26;
  --color-red-200: #6a2a36;
  --color-red-600: #f0a0a4;
  --color-red-700: #f4b4b4;
  --color-red-800: #f8caca;

  /* ── v2 材質色票 ── */
  --xd-paper: #2a1119;
  --xd-paper-2: #2f131c;
  --xd-paper-3: #36161f;
  --xd-paper-4: #4c2230;
  --xd-sheet: #36161f;
  --xd-ink: #f4e8d8;
  --xd-ink-2: #eedfd0;
  --xd-ink-3: #e0cbc2;
  --xd-ink-4: #d4b8b8;
  --xd-ink-5: #b89a9c;
  --xd-gold: #d4b06a;
  --xd-gold-2: #b8924a;
  --xd-gold-ink: #dfc185;
  --xd-gold-light: #e8d3a0;
  --xd-cinnabar: #c8343c;
  --xd-cinnabar-2: #a82a32;
  --xd-cinnabar-ink: #f0a7a3;
  --xd-rule: rgba(212, 176, 106, .18);
  --xd-rule-2: rgba(212, 176, 106, .32);
  --xd-rule-ink: rgba(244, 232, 216, .08);
  --xd-grain: none;
  --xd-shadow-sheet: 0 22px 50px -30px rgba(8, 2, 4, .85);
  --xd-shadow-lift: 0 26px 60px -28px rgba(8, 2, 4, .9), 0 0 0 1px rgba(212, 176, 106, .24);
  --xd-frame: inset 0 0 0 1px rgba(212, 176, 106, .2);

  background: var(--lm-void);
  color-scheme: dark;
}

/* ====================================================================
   1. 天幕:酒紅夜漸層 + 一輪淡月(月亮用 CSS 畫,不用等腳本;紅線、桃花瓣在 love-moon.js 的 canvas)
   ==================================================================== */
html.theme-love body,
html.theme-love.ui-v2 body {
  background: transparent;
  background-image: none;
  color: var(--lm-moon);
}
html.theme-love body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(60vmax 40vmax at 92% 6%, rgba(122, 58, 72, .42), transparent 64%),
    radial-gradient(50vmax 34vmax at 4% 46%, rgba(90, 38, 52, .38), transparent 70%),
    radial-gradient(60vmax 36vmax at 60% 104%, rgba(74, 28, 42, .55), transparent 72%),
    linear-gradient(180deg, #2c1119 0%, #26101a 46%, #1f0d14 100%);
}
/* 淡月:柔和月暈 + 極慢呼吸(只動 opacity,在合成層跑,不佔主執行緒) */
html.theme-love body::after {
  content: "";
  position: fixed;
  z-index: -2;
  pointer-events: none;
  width: clamp(116px, 12vw, 232px);
  aspect-ratio: 1;
  top: clamp(92px, 11vh, 132px);
  right: clamp(-58px, calc((100vw - 1280px) / 2 - 150px), 130px);
  border-radius: 50%;
  background:
    radial-gradient(circle at 63% 60%, rgba(226, 196, 160, .13) 0 11%, transparent 12%),
    radial-gradient(circle at 36% 66%, rgba(226, 196, 160, .1) 0 7%, transparent 8%),
    radial-gradient(circle at 46% 34%, rgba(226, 196, 160, .08) 0 9%, transparent 10%),
    radial-gradient(circle at 40% 38%, #fff6e6 0%, #f8e7cc 40%, #efd6b6 66%, rgba(236, 208, 176, .9) 69.5%, rgba(236, 208, 176, 0) 71%);
  box-shadow: 0 0 46px 6px rgba(248, 226, 190, .16), 0 0 160px 50px rgba(214, 150, 120, .08);
  opacity: .62;
  animation: lmMoon 16s ease-in-out infinite alternate;
  will-change: opacity;
}
@keyframes lmMoon {
  0% { opacity: .55; }
  100% { opacity: .7; }
}
/* 往下捲時月亮慢慢往下沉一點點,跟內容錯位(10-25 老闆)。用捲動時間軸,不跑 JS、在合成層動;不支援的瀏覽器月亮就照舊不動 */
@keyframes lmMoonDrift {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, 12vh, 0); }
}
@supports (animation-timeline: scroll()) {
  html.theme-love body::after {
    animation: lmMoon 16s ease-in-out infinite alternate, lmMoonDrift linear both;
    animation-timeline: auto, scroll(root block);
    will-change: opacity, transform;
  }
}
/* 背景 canvas(JS 建立):紅線三層 + 桃花瓣 + 金色微光 */
html.theme-love .lm-sky {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  display: block;
}

html.theme-love ::selection { background: rgba(212, 176, 106, .34); color: #fff; }
html.theme-love :focus-visible { outline: 2px solid var(--lm-gold-l); outline-offset: 3px; }
html.theme-love .scroll-progress,
html.theme-love.ui-v2 .scroll-progress {
  height: 2px;
  background: linear-gradient(90deg, rgba(200, 52, 60, .5), var(--lm-thread) 70%, var(--lm-gold));
  box-shadow: none;
}

/* ====================================================================
   2. 導覽列:酒紅夜毛玻璃
   ==================================================================== */
html.theme-love body > nav,
html.theme-love.ui-v2 body > nav {
  background-color: rgba(36, 14, 21, .8) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(14px) saturate(110%);
  backdrop-filter: blur(14px) saturate(110%);
  border-bottom: 0;
  box-shadow: 0 1px 0 rgba(212, 176, 106, .16), 0 12px 30px -24px rgba(0, 0, 0, .9) !important;
}
html.theme-love body > nav .hidden.md\:flex > div > button,
html.theme-love body > nav .hidden.md\:flex > a:not(.rounded-full):not([class*="btn"]) { color: #ecdccb; }
/* 「免費註冊 / 送 1 次解鎖」的朱紅小字在深色導覽列上看不清 → 淺色 */
html.theme-love body > nav .xd-nav-login .xd-nav-gift { color: #f0a7a3; }
html.theme-love body > nav .hidden.md\:flex > div > button:hover,
html.theme-love body > nav .hidden.md\:flex > a:not(.rounded-full):not([class*="btn"]):hover { color: var(--lm-gold-l); text-shadow: none; }
/* AI 問事主打鈕 */
html.theme-love body > nav a.rounded-full.bg-ink-950 {
  background: rgba(74, 31, 43, .85);
  color: var(--lm-gold-l);
  box-shadow: 0 0 0 1px rgba(212, 176, 106, .5);
}
/* 下拉、頭像選單 */
html.theme-love body > nav [x-show].absolute.rounded-xl,
html.theme-love.ui-v2 body > nav [x-show].absolute.rounded-xl {
  background-color: #2c111a;
  background-image: radial-gradient(120% 80% at 0% 0%, rgba(122, 58, 72, .28), transparent 60%);
  border-color: rgba(212, 176, 106, .22);
  border-radius: 14px;
  box-shadow: 0 0 0 1px rgba(212, 176, 106, .08), 0 30px 60px -24px rgba(0, 0, 0, .9);
}
html.theme-love body > nav .bg-gradient-to-r.via-accent { background-image: linear-gradient(90deg, transparent, rgba(212, 176, 106, .5), transparent); }
html.theme-love body > nav .bg-ink-950 { background-color: #4a1f2b; }
html.theme-love body > nav .text-accent { color: var(--lm-gold-l); }
/* 行內寫死的棕金 / 朱紅小字(價格標籤、NEW)在深底提亮 */
html.theme-love body > nav [style*="color:#8A6D1F"] { color: var(--lm-gold) !important; }
html.theme-love body > nav [style*="color:#B4242C"] { color: #f0a7a3 !important; }
html.theme-love body > nav [style*="#c9a227"] { box-shadow: 0 0 0 2px var(--lm-gold) !important; }
/* 推薦項目(八字命書)的米金底卡、紅色「師父推薦」緞帶 */
html.theme-love body > nav [style*="#fff8e8"] {
  background: linear-gradient(135deg, rgba(90, 42, 54, .6), rgba(58, 24, 34, .6)) !important;
  box-shadow: 0 0 0 1px rgba(212, 176, 106, .42), 0 8px 20px -12px rgba(0, 0, 0, .7) !important;
}
html.theme-love body > nav [style*="#8f1c22"] { background: #8e2a33 !important; box-shadow: none !important; }
html.theme-love .text-emerald-600 { color: #e6d6c8; }
html.theme-love body > nav .text-paper-100\/75 { color: rgba(244, 232, 216, .8); }
html.theme-love body > nav .btn-ink-gold [style*="color:#4a3208"] { color: var(--lm-btn-ink) !important; }
html.theme-love body > nav .btn-ink-gold [style*="color:#6b4a10"] { color: rgba(58, 20, 32, .78) !important; }
/* 手機選單 */
html.theme-love body > nav > div.md\:hidden,
html.theme-love body > nav [x-show].md\:hidden {
  background-color: rgba(34, 13, 20, .98) !important;
  border-color: rgba(212, 176, 106, .16) !important;
}
html.theme-love body > nav .ring-1.bg-paper-50\/70 { background-color: rgba(74, 31, 43, .6); }
html.theme-love body > nav button.md\:hidden { color: #ecdccb; }
html.theme-love body > nav button.md\:hidden:hover { background-color: rgba(244, 232, 216, .07); }
/* 簡/繁切換小圓鈕 */
html.theme-love body > nav [data-zh-toggle],
html.theme-love body > nav a[hreflang] { color: #ecdccb; border-color: rgba(212, 176, 106, .32); background-color: rgba(74, 31, 43, .6); }

/* ====================================================================
   3. 按鈕、公告列、提示、cookie、LINE 側鈕
   ==================================================================== */
/* 主按鈕:古金漸層 + 深酒紅字 + 細金邊,光暈極弱 */
html.theme-love .btn-ink-cinnabar,
html.theme-love.ui-v2 .btn-ink-cinnabar,
html.theme-love .btn-ink-gold,
html.theme-love.ui-v2 .btn-ink-gold {
  color: var(--lm-btn-ink);
  background: var(--lm-btn);
  border-color: var(--lm-btn-bd);
  box-shadow: inset 0 1px 0 rgba(255, 246, 220, .55), 0 10px 24px -14px rgba(0, 0, 0, .8);
  text-shadow: none;
}
html.theme-love .btn-ink-cinnabar:hover,
html.theme-love .btn-ink-gold:hover {
  color: #2a0d16;
  border-color: #6e5226;
  box-shadow: inset 0 1px 0 rgba(255, 246, 220, .6), 0 0 0 1px rgba(232, 211, 160, .25), 0 14px 28px -14px rgba(0, 0, 0, .9);
}
html.theme-love .btn-ghost { color: #ecdccb; }
html.theme-love .btn-ghost:hover { background: rgba(244, 232, 216, .06); }

html.theme-love [data-free-mode-bar].xd-mix-bar {
  background: linear-gradient(90deg, rgba(40, 15, 23, .97), rgba(54, 21, 31, .97) 50%, rgba(40, 15, 23, .97));
  color: #ecdccb;
  border-bottom: 1px solid rgba(212, 176, 106, .18);
}
html.theme-love .xd-mix-bar .mb-dot { background: var(--lm-thread); box-shadow: none; }
html.theme-love .xd-mix-bar a { color: var(--lm-gold-l); }
html.theme-love .xd-mix-bar .mb-close { color: #cdb2b2; }
html.theme-love [data-free-mode-bar]:not(.xd-mix-bar) {
  background: linear-gradient(90deg, #3a1520 0%, #4a1f2b 50%, #3a1520 100%) !important;
  background-image: linear-gradient(90deg, #3a1520 0%, #4a1f2b 50%, #3a1520 100%) !important;
  color: #f0e2d4 !important;
  box-shadow: inset 0 -1px 0 rgba(212, 176, 106, .3);
}
html.theme-love [data-free-mode-bar]:not(.xd-mix-bar) > span > span:first-child { color: #3a1420 !important; background: #e8d3a0 !important; border-color: transparent !important; }

html.theme-love .card {
  background: rgba(46, 18, 27, .97);
  border: 1px solid rgba(212, 176, 106, .22);
  color: var(--lm-moon);
}
html.theme-love [role="status"] > .rounded-xl.shadow-lg { background: rgba(50, 20, 29, .98) !important; }

/* LINE 側鈕:保留 LINE 綠(品牌辨識),只把收合小鈕換成深底 */
html.theme-love #line-side-tab > a { box-shadow: 0 0 0 1px rgba(212, 176, 106, .35), 0 10px 26px -12px rgba(0, 0, 0, .85) !important; }
html.theme-love #line-side-tab > button {
  background: #3a1822 !important;
  color: #ecdccb !important;
  border-color: rgba(212, 176, 106, .32) !important;
}

/* ====================================================================
   4. 頁尾:收起宣紙山水,換夜色 + 一條細紅線牽著同心結
   ==================================================================== */
html.theme-love body > footer {
  position: relative;
  color: var(--lm-mute);
  background:
    radial-gradient(120% 70% at 50% 100%, rgba(90, 38, 52, .45), transparent 62%),
    linear-gradient(180deg, rgba(31, 13, 20, 0) 0%, rgba(31, 13, 20, .86) 30%, #1c0b12 100%);
  border-top: 1px solid rgba(212, 176, 106, .12);
}
html.theme-love body > footer > img,
html.theme-love body > footer > .absolute.inset-0 { display: none; }
html.theme-love body > footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 64px;
  pointer-events: none;
  opacity: .75;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='64' viewBox='0 0 1200 64'><path d='M0 30 C 160 52 300 10 440 30 S 540 40 574 32' fill='none' stroke='%23a52c37' stroke-opacity='.75' stroke-width='1.1'/><path d='M626 32 C 700 22 820 50 960 28 S 1120 20 1200 34' fill='none' stroke='%23a52c37' stroke-opacity='.75' stroke-width='1.1'/><g fill='none' stroke='%23c8343c' stroke-width='1.3' stroke-linecap='round'><path d='M574 32 C 586 18 596 18 600 32 C 604 46 614 46 626 32'/><path d='M574 32 C 586 46 596 46 600 32 C 604 18 614 18 626 32'/><circle cx='600' cy='32' r='3.2'/><path d='M597 35 L 591 54 M603 35 L 609 54' stroke-opacity='.8'/></g><g fill='%23d4b06a'><circle cx='440' cy='30' r='1.4'/><circle cx='960' cy='28' r='1.4'/><circle cx='600' cy='32' r='1.1'/></g></svg>") center top / 1200px 64px no-repeat;
}
html.theme-love body > footer h4 { color: var(--lm-moon); }
html.theme-love body > footer .footer-link,
html.theme-love.ui-v2 body > footer .footer-link { color: #cdb2b2; }
html.theme-love body > footer .footer-link:hover,
html.theme-love.ui-v2 body > footer .footer-link:hover { color: var(--lm-gold-l); text-shadow: none; }
html.theme-love body > footer .footer-link::after { background: linear-gradient(90deg, rgba(212, 176, 106, .7), transparent); }
html.theme-love body > footer .cloud-divider {
  height: 1px;
  margin: 0 auto;
  max-width: 80rem;
  background: linear-gradient(90deg, transparent, rgba(212, 176, 106, .3), rgba(200, 52, 60, .3), transparent);
}
html.theme-love body > footer > .container-wide:first-of-type,
html.theme-love.ui-v2 body > footer > .container-wide:first-of-type { border-top: 0; }
html.theme-love body > footer .text-ink-500 { color: var(--lm-mute); }
html.theme-love body > footer img.master-float { filter: none; }

/* ====================================================================
   5. 首屏:收起格線/幾何/古錢(換成月與紅線),封面卷軸原圖原色
   ==================================================================== */
html.theme-love main > section.bg-candle-glow { background: none; }
html.theme-love main > section:first-child > [aria-hidden="true"].absolute.inset-0,
html.theme-love main > section:first-child > img[src*="coin-icon"] { display: none; }
/* 首屏到表單的那條紅線(JS 建立的 SVG,在內容後面) */
html.theme-love .lm-tie {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: visible;
}
html.theme-love .lm-tie path { fill: none; stroke-linecap: round; stroke-linejoin: round; }
/* 首屏紅線跟背景紅線一起淡一點(10-25 老闆);打成同心結時不淡 */
html.theme-love .lm-tie:not(.is-tied) .lm-tie-main, html.theme-love .lm-tie:not(.is-tied) .lm-tie-sheen { opacity: .48; }
html.theme-love .lm-tie .lm-tie-shadow { stroke: rgba(10, 2, 5, .4); stroke-width: 2.6; }
html.theme-love .lm-tie .lm-tie-main { stroke: #b42f39; stroke-width: 1.7; transition: stroke .6s ease; }
html.theme-love .lm-tie .lm-tie-sheen { stroke: rgba(246, 190, 186, .4); stroke-width: .6; }
html.theme-love .lm-tie.is-hot .lm-tie-main { stroke: #d8424a; }
html.theme-love .lm-knot { opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(.4) rotate(-20deg); transition: opacity .9s ease, transform 1.1s cubic-bezier(.2, .9, .25, 1.15); }
html.theme-love .lm-knot path,
html.theme-love .lm-knot circle { fill: none; stroke: #c8343c; stroke-width: 1.5; stroke-linecap: round; }
html.theme-love .lm-knot .lm-knot-gold { stroke: #d4b06a; stroke-width: .9; }
html.theme-love .lm-tie.is-tied .lm-knot,
html.theme-love .lm-tie.is-peek .lm-knot { opacity: 1; transform: none; }
html.theme-love .lm-tie.is-peek:not(.is-tied) .lm-knot { opacity: .55; }
html.theme-love .lm-glint { fill: #f2dca6; opacity: 0; }

/* 封面卷軸:裱邊與卷軸棒原樣(像掛在夜裡的一幅畫),只把投影改深 */
html.theme-love .xd-cover-scroll { filter: drop-shadow(0 20px 26px rgba(8, 2, 4, .55)); }
html.theme-love .xd-start-title h1 span { color: var(--lm-gold); }
html.theme-love .xd-start-tagline { color: var(--lm-mute); }
/* 寬螢幕左欄的步驟編號:紅線色小方印 */
html.theme-love .xd-svc-steps li::before { background: #a82a32; color: #fbeee2; }

/* ====================================================================
   6. 表單:深胭脂申請箋 + 古金細框
   ==================================================================== */
html.theme-love form.card-paper,
html.theme-love.ui-v2 form.card-paper {
  background: var(--lm-panel);
  background-image: var(--lm-panel);
  box-shadow: inset 0 0 0 1px rgba(212, 176, 106, .26), inset 0 0 0 5px rgba(46, 18, 27, .6), inset 0 0 0 6px rgba(212, 176, 106, .1), 0 30px 60px -34px rgba(8, 2, 4, .9);
  color: var(--lm-moon);
}
html.theme-love form.card-paper label.text-ink-700,
html.theme-love form.card-paper > div > label { color: #ecdccb; }

/* 文字框、下拉、多行 */
html.theme-love main input[type="text"],
html.theme-love main input[type="email"],
html.theme-love main input[type="tel"],
html.theme-love main select,
html.theme-love main textarea,
html.theme-love.ui-v2 main input[type="text"],
html.theme-love.ui-v2 main select,
html.theme-love.ui-v2 main textarea {
  background-color: rgba(22, 8, 13, .5);
  border-color: rgba(212, 176, 106, .3);
  color: var(--lm-moon);
}
html.theme-love main input::placeholder,
html.theme-love main textarea::placeholder { color: #a8868a; opacity: 1; }
html.theme-love main input:focus,
html.theme-love main select:focus,
html.theme-love main textarea:focus {
  border-color: var(--lm-gold) !important;
  box-shadow: 0 0 0 3px rgba(212, 176, 106, .18) !important;
}
html.theme-love main select option { background: #2a1119; color: var(--lm-moon); }

/* 性別 / chips / 模式切換:未選 = 透明深底 + 暗金細框;已選 = 胭脂玫瑰灰 + 古金框與字 */
html.theme-love form.card-paper .peer + span {
  background-color: rgba(244, 232, 216, .035);
  border-color: rgba(212, 176, 106, .28);
  color: #e6d4c8;
}
html.theme-love form.card-paper .peer + span:hover { background-color: rgba(244, 232, 216, .07); }
html.theme-love form.card-paper .peer:checked + span,
html.theme-love.ui-v2 form.card-paper .peer:checked + span {
  background: linear-gradient(180deg, #66303d 0%, #522532 100%);
  border-color: var(--lm-gold);
  color: var(--lm-gold-l);
  box-shadow: inset 0 0 0 1px rgba(212, 176, 106, .55), 0 6px 16px -10px rgba(0, 0, 0, .7);
}
html.theme-love form.card-paper .peer:focus-visible + span { outline: 2px solid var(--lm-gold-l); outline-offset: 2px; }
html.theme-love form.card-paper button.bg-ink-950 { background: linear-gradient(180deg, #66303d 0%, #522532 100%); }
html.theme-love form.card-paper button.hover\:bg-paper-300:hover { background-color: rgba(244, 232, 216, .07); }

/* 日期 / 時間 / 城市滾輪(reading/_wheel-assets 寫死米白) */
html.theme-love .wheel { background: rgba(22, 8, 13, .5); border-color: rgba(212, 176, 106, .3); }
html.theme-love .wheel-item { color: #9c7c80; }
html.theme-love .wheel-item.is-active { color: var(--lm-moon); }
html.theme-love .wheel-col-label { color: #c8acac; }
html.theme-love .wheel-center {
  border-color: rgba(212, 176, 106, .55);
  background: linear-gradient(90deg, rgba(200, 52, 60, .1), rgba(212, 176, 106, .09) 50%, rgba(200, 52, 60, .1));
}
html.theme-love .wheel-other-input { background: rgba(22, 8, 13, .5); border-color: rgba(212, 176, 106, .4); color: var(--lm-moon); }
/* 半夜 12 點提示(brand-50 底) */
html.theme-love form.card-paper p.bg-brand-50\/70 { background: rgba(212, 176, 106, .08); border-color: rgba(212, 176, 106, .35); color: var(--lm-gold-l); }

/* 「這次最想問什麼」(livewire/reading/_ask-field 寫死米色) */
html.theme-love .ask-field { border-color: rgba(212, 176, 106, .34); background: rgba(244, 232, 216, .03); }
html.theme-love .ask-field.is-shake { border-color: #e8848a; box-shadow: 0 0 0 3px rgba(232, 132, 138, .18); }
html.theme-love .ask-label { color: var(--lm-moon); }
html.theme-love .ask-intro,
html.theme-love .ask-hint,
html.theme-love .ask-note { color: var(--lm-mute); }
html.theme-love .ask-chip,
html.theme-love .ask-pill { background: rgba(244, 232, 216, .04); border-color: rgba(212, 176, 106, .3); color: #ecdccb; }
html.theme-love .ask-chip:hover,
html.theme-love .ask-pill:hover { background: rgba(244, 232, 216, .08); border-color: rgba(212, 176, 106, .55); }
html.theme-love .ask-chip.is-on {
  background: linear-gradient(180deg, #66303d 0%, #522532 100%);
  color: var(--lm-gold-l);
  border-color: var(--lm-gold);
}
html.theme-love .ask-none { border-color: rgba(212, 184, 184, .42); color: var(--lm-mute); }
html.theme-love .ask-none:hover { background: rgba(244, 232, 216, .05); }
html.theme-love .ask-none.is-on { background: linear-gradient(180deg, #66303d 0%, #522532 100%); color: var(--lm-gold-l); border-color: var(--lm-gold); }
html.theme-love .ask-mic,
html.theme-love .mic-dictate { background: #3a1822; color: var(--lm-gold-l); border-color: rgba(212, 176, 106, .5); box-shadow: none; }
html.theme-love .ask-count { color: #a8868a; }
html.theme-love .ask-error { color: #f0a0a4; }

/* 快選膠囊 */
html.theme-love .quick-pill { background: rgba(244, 232, 216, .04); border-color: rgba(212, 176, 106, .3); color: #ecdccb; }

/* 送出鈕:滑過時紅線會亮一下(love-moon.js);按鈕本身維持古金 */
html.theme-love form.card-paper button[type="submit"].btn-ink-cinnabar { font-size: 1.0625rem; }

/* 價格說明(reading/_price-note 全行內樣式,要 !important) */
html.theme-love [data-price-note] {
  background: rgba(212, 176, 106, .07) !important;
  border-color: rgba(212, 176, 106, .38) !important;
}
html.theme-love [data-price-note] > p:first-child { color: var(--lm-gold-l) !important; }
html.theme-love [data-price-note] > p + p { color: var(--lm-mute) !important; }
html.theme-love [data-price-note] a { color: var(--lm-gold-l) !important; }
/* 額度用完的錯誤框 */
html.theme-love form [role="alert"][style*="#FDF3F3"] { background: rgba(200, 52, 60, .12) !important; border-color: rgba(232, 132, 138, .5) !important; color: #f4c4c0 !important; }
/* 已帶回剛才填的資料 */
html.theme-love form.card-paper [role="status"].bg-paper-50\/80 { background: rgba(212, 176, 106, .07); }
/* 表單下方小字 */
html.theme-love main .text-ink-400 { color: var(--lm-faint); }

/* ====================================================================
   7. 服務正文 + FAQ(reading/_service-content、public/css/service-content.css)與延伸閱讀
   色票會自動換;寫死的米色底、金線再覆寫。插畫原圖原色,不加濾鏡。
   ==================================================================== */
html.theme-love .sc-wrap {
  background: radial-gradient(56rem 24rem at 88% 0%, rgba(122, 58, 72, .22), transparent 70%), radial-gradient(36rem 20rem at 0% 38%, rgba(90, 38, 52, .2), transparent 70%);
  border-top: 1px solid rgba(212, 176, 106, .14);
}
html.theme-love .sc-cloud { display: none; }
html.theme-love .sc-cover { border-color: rgba(212, 176, 106, .28); background: #3a1822; box-shadow: 0 22px 50px -28px rgba(8, 2, 4, .95); }
html.theme-love .sc-toc-box { border-color: rgba(212, 176, 106, .22); background: rgba(46, 18, 27, .8); }
html.theme-love .sc-lead { border-color: rgba(212, 176, 106, .42); background: linear-gradient(to right, rgba(90, 42, 54, .45), transparent 78%); }
html.theme-love .sc-term {
  border-color: rgba(212, 176, 106, .2);
  background: linear-gradient(160deg, rgba(74, 31, 43, .7), rgba(46, 18, 27, .7));
  box-shadow: 0 10px 24px -18px rgba(0, 0, 0, .9);
}
html.theme-love .sc-term:hover { border-color: rgba(212, 176, 106, .45); }
html.theme-love .sc-faq-list,
html.theme-love .sc-faq-item { border-color: rgba(212, 176, 106, .2); }
html.theme-love .sc-q { border-color: #c8343c; color: #f0a7a3; }
html.theme-love .sc-faq-item[open] .sc-q { background: #a82a32; border-color: #a82a32; color: #fbeee2; }
html.theme-love .sc-a-mark { background: rgba(244, 232, 216, .07); color: #e6d4c8; }
html.theme-love .sc-cta-icon { background: rgba(90, 42, 54, .7); color: var(--lm-gold-l); }
html.theme-love .sc-toc::before { background: linear-gradient(to bottom, rgba(200, 52, 60, .1), rgba(200, 52, 60, .5), rgba(200, 52, 60, .1)); }
html.theme-love .sc-toc a.is-active::before { box-shadow: 0 0 0 3px rgba(212, 176, 106, .16); }
html.theme-love .sc-lib-icon { background: linear-gradient(145deg, #5a2a36, #3a1822); color: var(--lm-gold-l); box-shadow: inset 0 0 0 1px rgba(212, 176, 106, .35); }
html.theme-love .sc-wrap .card-paper,
html.theme-love.ui-v2 .sc-wrap .card-paper,
html.theme-love section[aria-labelledby^="related-heading"] .card-paper,
html.theme-love.ui-v2 section[aria-labelledby^="related-heading"] .card-paper {
  background: rgba(50, 20, 29, .9);
  box-shadow: inset 0 0 0 1px rgba(212, 176, 106, .16), 0 18px 40px -26px rgba(0, 0, 0, .85);
}
html.theme-love .sc-wrap .card-paper:hover,
html.theme-love.ui-v2 .sc-wrap .card-paper:hover,
html.theme-love.ui-v2 section[aria-labelledby^="related-heading"] .card-paper:hover { box-shadow: inset 0 0 0 1px rgba(212, 176, 106, .38), 0 18px 40px -22px rgba(0, 0, 0, .9); }
html.theme-love section[aria-labelledby^="related-heading"] { background: transparent; }

/* ====================================================================
   8. 結果頁(2026-10-25 整區上線時逐項看過):付費牆、解鎖預覽、問卷、快速回饋、下一步推薦、提問橫幅、追問卡、分享列。
   這些元件都是行內寫死的米白底與深棕字(其他服務共用,不能改原檔),要用 data-* 或行內色碼 + !important 蓋,範圍限 html.theme-love。
   ==================================================================== */
html.theme-love [data-paywall-state] > .card-paper { background: var(--lm-panel) !important; box-shadow: inset 0 0 0 1px rgba(212, 176, 106, .26), 0 30px 60px -36px rgba(0, 0, 0, .9) !important; }
html.theme-love [data-paywall-state] > .card-paper > img { opacity: .05 !important; }
html.theme-love [data-paywall-state] .input { background: rgba(22, 8, 13, .5); color: var(--lm-moon); border-color: rgba(212, 176, 106, .3); }
html.theme-love [data-paywall-state] input[type="checkbox"] { accent-color: #d4b06a; }
html.theme-love [data-paywall-state] a.underline { color: var(--lm-gold-l); }
html.theme-love [data-paywall-state] [style*="color:#2E7D4F"] { color: #e6d6c8 !important; }
html.theme-love [data-paywall-state] [style*="#EEF7F0"] { background: rgba(74, 31, 43, .85) !important; border: 1px solid rgba(230, 214, 200, .36) !important; }
html.theme-love [data-paywall-state] [style*="rgb(236 212 128"] { background: rgba(46, 18, 27, .85) !important; border-color: rgba(212, 176, 106, .36) !important; box-shadow: none !important; }
html.theme-love [data-paywall-state] [style*="#fff8e8"] { background: linear-gradient(150deg, rgba(90, 42, 54, .92), rgba(58, 24, 34, .92)) !important; box-shadow: 0 0 0 1px rgba(212, 176, 106, .58), 0 14px 30px -20px rgba(0, 0, 0, .9) !important; }
html.theme-love [data-paywall-state] [style*="#d63840"] { background: #a82a32 !important; color: #fbeee2 !important; box-shadow: none !important; }
html.theme-love [data-paywall-state] [style*="color:var(--color-cinnabar)"] { color: var(--lm-gold-l) !important; }
html.theme-love [data-paywall-state] [style*="dashed rgb(46 125 79"] { background: rgba(46, 18, 27, .8) !important; border-color: rgba(230, 214, 200, .32) !important; }
html.theme-love [data-pay-skip] > button,
html.theme-love [data-pay-skip] > p[style*="#7A6F5C"] { color: var(--lm-mute) !important; }
html.theme-love [data-pay-skip] > [x-show]:not(p),
html.theme-love [data-pay-skip] [style*="#F7F1E3"],
html.theme-love [data-pay-skip] [style*="rgb(247, 241, 227)"] { background: rgba(50, 20, 29, .95) !important; border-color: rgba(212, 176, 106, .3) !important; }
html.theme-love [data-pay-skip] [style*="color:#2A241A"] { color: var(--lm-moon) !important; }
html.theme-love [data-pay-skip] [style*="color:#7A6F5C"] { color: var(--lm-mute) !important; }
html.theme-love [data-pay-skip] button[style*="#FBF8F1"] { background: rgba(74, 31, 43, .8) !important; color: #ecdccb !important; border-color: rgba(212, 176, 106, .3) !important; }
html.theme-love [data-pay-skip] textarea { background: rgba(22, 8, 13, .5) !important; color: var(--lm-moon) !important; border-color: rgba(212, 176, 106, .3) !important; }
html.theme-love [data-unlock-preview] { background: rgba(46, 18, 27, .85) !important; border: 1px solid rgba(212, 176, 106, .36) !important; }
html.theme-love [data-unlock-preview] .text-ink-900 { color: var(--lm-moon) !important; }
html.theme-love [data-unlock-preview] .text-ink-600 { color: var(--lm-mute) !important; }


/* 行內米白卡(快速回饋 #F7F1E3、下一步推薦與提問橫幅 #FBF8F1、追問卡 #FFFDF8、推薦小卡 #fff)→ 深胭脂卡 + 暗金細框 */
html.theme-love main [style*="background:#F7F1E3"],
html.theme-love main [style*="background:#FBF8F1"],
html.theme-love main [style*="background:#FFFDF8"],
html.theme-love main [style*="rgb(247, 241, 227)"],
html.theme-love main [style*="rgb(251, 248, 241)"] {
  background: rgba(50, 20, 29, .94) !important;
  border-color: rgba(212, 176, 106, .32) !important;
}
html.theme-love main a[style*="background:#fff;"],
html.theme-love main [style*="background:#fff;"] {
  background: rgba(74, 31, 43, .55) !important;
  border-color: rgba(212, 176, 106, .3) !important;
}
html.theme-love main a[style*="background:#fff;"]:hover { border-color: rgba(212, 176, 106, .6) !important; }
html.theme-love main [style*="rgba(200,164,82,.07)"] { background: rgba(212, 176, 106, .07) !important; }
/* 行內深棕 / 灰褐字 → 月白 / 次要;棕金小標 → 古金;朱紅字 → 印泥粉 */
html.theme-love main [style*="color:#2A241A"],
html.theme-love main [style*="color:#0F0D08"],
html.theme-love main [style*="color:#3A3226"] { color: var(--lm-moon) !important; }
html.theme-love main [style*="color:#7A6F5C"],
html.theme-love main [style*="color:#5A5040"],
html.theme-love main [style*="color:#9A8F7C"],
html.theme-love main [style*="color:#7A6E54"] { color: var(--lm-mute) !important; }
html.theme-love main [style*="color:#8A6D1F"],
html.theme-love main [style*="color:#826024"] { color: var(--lm-gold) !important; }
html.theme-love main [style*="color:#B4242C"],
html.theme-love main [style*="color:#A8322A"] { color: #f0a7a3 !important; }
html.theme-love main [style*="color:#2E7D4F"] { color: #e6d6c8 !important; }
/* 快速回饋的選項:已選(黑底金字)→ 胭脂玫瑰灰 + 古金框,跟表單選中一致 */
html.theme-love main button[style*="background:#0F0D08"] {
  background: linear-gradient(180deg, #66303d 0%, #522532 100%) !important;
  color: var(--lm-gold-l) !important;
  border-color: var(--lm-gold) !important;
}
html.theme-love main button[style*="background:#FBF8F1"] { background: rgba(244, 232, 216, .04) !important; color: #ecdccb !important; border-color: rgba(212, 176, 106, .3) !important; }
html.theme-love main button[style*="background:#FBF8F1"]:hover { background: rgba(244, 232, 216, .08) !important; }
html.theme-love main button[style*="background:transparent;color:#7A6F5C"] { color: var(--lm-mute) !important; }
/* 追問卡的輸入框與範例問題 */
html.theme-love main input[style*="#FFFDF8"] { background: rgba(22, 8, 13, .5) !important; color: var(--lm-moon) !important; border-color: rgba(212, 176, 106, .32) !important; }
/* 外框按鈕(下載 PDF、再算一次、帶著問題重算):原本白底 → 透明 + 暗金框 + 月白字 */
html.theme-love .btn-outline {
  background: rgba(244, 232, 216, .03);
  border-color: rgba(212, 176, 106, .42);
  color: #ecdccb;
}
html.theme-love .btn-outline:hover { background: rgba(244, 232, 216, .08); border-color: var(--lm-gold); color: var(--lm-gold-l); }
/* 深色底的工具類(Threads 分享鈕 bg-ink-900、小徽章):墨色在這裡被換成月白,深色底要另外指回深色 */
html.theme-love main .bg-ink-900,
html.theme-love main .hover\:bg-ink-800:hover { background-color: #170a0f; }
html.theme-love main a[data-track-channel="threads"] { box-shadow: 0 0 0 1px rgba(212, 176, 106, .38); }
/* 命書本文:四柱/要點小格、引言框(玄燈贈言)、落款印 */
html.theme-love main .prose-bazi blockquote,
html.theme-love main .reading-body-card blockquote { border-left-color: rgba(200, 52, 60, .7); background: rgba(90, 42, 54, .35); color: #ecdccb; }
html.theme-love main .prose-bazi a { color: var(--lm-gold-l); }
html.theme-love main .prose-bazi mark { background: rgba(212, 176, 106, .2); color: var(--lm-moon); }
/* 試讀遮罩:底部淡出本來就是 mask,不用改色;串流游標改紅線色 */
html.theme-love .prose-bazi.is-streaming > *:last-child::after { color: #e8848a; }

/* 古金小徽章(「月老姻緣」「合婚配對指南」):金底配深酒紅字;四柱日主的朱紅字提亮成印泥粉(深底上 7:1) */
html.theme-love .badge-accent,
html.theme-love.ui-v2 .badge-accent { color: #3a1420; }
html.theme-love main .text-cinnabar { color: #ec8f94; }

/* ── /love 入口頁:首屏的淺色山水 + 米白漸層蓋板收掉,換成夜色裡一層極淡的遠山 ── */
html.theme-love body[data-page="love"] main section.bg-candle-glow > img[src*="landscape-hero"] { opacity: .07; mix-blend-mode: screen; }
html.theme-love body[data-page="love"] main section.bg-candle-glow > div[style*="250 246 238"] { display: none; }
html.theme-love main section > [aria-hidden="true"].absolute.inset-0.-z-10 { display: none; }
html.theme-love body[data-page="love"] main [style*="background:#FFF4E5"] { background: rgba(212, 176, 106, .1) !important; color: var(--lm-gold-l) !important; border-color: rgba(212, 176, 106, .4) !important; }
/* 服務卡沒有封面圖時的深色底 */
html.theme-love body[data-page="love"] main [style*="#3A301A"] { background: radial-gradient(120% 140% at 30% 20%, #5a2a36, #2a1119 70%) !important; }
/* 卡片 hover 光圈 */
html.theme-love body[data-page="love"] main a.card-paper:hover { box-shadow: inset 0 0 0 1px rgba(212, 176, 106, .45), 0 18px 40px -24px rgba(0, 0, 0, .9); }

/* ====================================================================
   9. 手機:月亮縮小靠邊,毛玻璃只留導覽列
   ==================================================================== */
@media (max-width: 767px) {
  html.theme-love body::after { width: 100px; top: 100px; right: -30px; }
}
@media (max-width: 767px), (pointer: coarse) {
  html.theme-love body > nav [x-show].absolute.rounded-xl { -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* ====================================================================
   10. 減少動態:月亮不呼吸、紅線同心結直接顯示(canvas 由 JS 只畫一張靜態)
   ==================================================================== */
@media (prefers-reduced-motion: reduce) {
  html.theme-love body::after { animation: none; }
  html.theme-love .lm-knot,
  html.theme-love .lm-tie .lm-tie-main { transition: none; }
}

/* 接力半價限時卡(_next-steps 的 [data-relay-offer],2026-10-27):行內淺粉底 #FFF6F2 不在上面的換色清單,
   字卻被換成月白/印泥粉 → 淺字淺底看不見。改成胭脂深底 + 印泥粉框,跟推薦小卡同一套 */
html.theme-love main [data-relay-offer] {
  background: linear-gradient(180deg, rgba(102, 48, 61, .92) 0%, rgba(74, 31, 43, .92) 100%) !important;
  border-color: rgba(240, 167, 163, .7) !important;
}

/* 2026-10-28 配色檢查:導覽列 FREE 角標灰玫瑰底白字(像沒上色)→ 古金底深酒紅字 */
html.theme-love body > nav span.bg-emerald-600 { background: #e3c27e; color: #2a1119; box-shadow: 0 0 0 1px #2a1119; }