/* =====================================================================
   GIAO DIỆN SÁNG – NHÓM CÔNG CỤ TÂY (nạp bởi JS khi khách chọn nền sáng; xem includes/site-tpv/theme-mode.php)
   Phủ: Thần số học (form + báo cáo), Thần số học tình yêu, Tìm sim hợp tuổi, Đặt tên (tsh-ui.css, dat-ten.css),
        Bói bài Tarot (plugins/tpv-tarot/assets/tarot.css), Lịch âm dương (lich-am.css).
   Cách làm: đổi lại biến --tpv-* của khối .tpv-tsh sang bảng sáng (giấy ngà, chữ tím than, vàng đồng, tím), rồi sửa riêng
   các chỗ CSS gốc ghi cứng màu sáng/tối. Mọi rule bắt đầu bằng html.tpv-light. Không đụng tới CSS gốc (nền tối giữ nguyên).
   ===================================================================== */

/* ---------- Bảng màu ---------- */
html.tpv-light .tpv-tsh, html.tpv-light .tpv-veil {
  --tpv-bg0: #fffdf8; --tpv-bg1: #f6efdf; --tpv-bg2: #e9dfc9;
  --tpv-card: rgba(91, 47, 192, 0.045); --tpv-card-2: rgba(91, 47, 192, 0.07);
  --tpv-line: rgba(138, 99, 0, 0.45); --tpv-line-soft: rgba(60, 40, 10, 0.17);
  --tpv-gold: #7a5600; --tpv-gold-2: #4a3300; --tpv-gold-deep: #6b4a00;
  --tpv-violet: #5b2fc0; --tpv-violet-2: #4a2a9a;
  --tpv-text: #2a2140; --tpv-muted: #5c5373;
  --tpv-danger: #b3261e; --tpv-ok: #1f6b3a;
  --tpv-rose: #a8124c; --tpv-rose-2: #8c0f40;
  color-scheme: light;
}

/* ---------- Khung chính ---------- */
html.tpv-light .tpv-tsh {
  color: var(--tpv-text);
  background:
    radial-gradient(120% 70% at 50% -12%, rgba(124, 58, 237, 0.10), transparent 62%),
    radial-gradient(70% 45% at 100% 100%, rgba(200, 150, 30, 0.13), transparent 62%),
    linear-gradient(180deg, #fffdf8 0%, #f7f0e0 100%);
  box-shadow: 0 18px 46px rgba(60, 40, 10, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
html.tpv-light .tpv-sky { display: none; }
html.tpv-light .tpv-tsh p { color: var(--tpv-text); }
html.tpv-light .tpv-tsh strong { color: #2a1d00; }
html.tpv-light .tpv-tsh a { text-decoration-color: rgba(122, 86, 0, .5); }
html.tpv-light .tpv-tsh a:hover { color: #3a1c8a; }

/* ---------- Thầy, lời thầy ---------- */
html.tpv-light .tpv-master__name {
  background: linear-gradient(100deg, #5c4100 0%, #7a5600 45%, #8a6300 62%, #6b4a00 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}
html.tpv-light .tpv-master__frame::after { background: radial-gradient(circle, rgba(200, 150, 30, .28), transparent 65%); }
html.tpv-light .tpv-bubble { background: rgba(91, 47, 192, 0.06); border-color: rgba(60, 40, 10, .18); color: var(--tpv-text); }
html.tpv-light .tpv-say__text { color: var(--tpv-violet-2); background: rgba(91, 47, 192, .07); border-color: rgba(91, 47, 192, .22); }

/* ---------- Form ---------- */
html.tpv-light .tpv-label { color: #3a2a00; }
html.tpv-light .tpv-req { color: #9b1c13; }
html.tpv-light .tpv-hint { color: var(--tpv-muted); }
html.tpv-light .tpv-tsh .tpv-input {
  background-color: #fffdf8; color: #2a2140; border: 1px solid rgba(60, 40, 10, .3);
  box-shadow: inset 0 1px 2px rgba(60, 40, 10, .07);
}
html.tpv-light .tpv-tsh .tpv-input::placeholder { color: #6f6585 !important; opacity: 1; }
html.tpv-light .tpv-tsh .tpv-input:hover { border-color: rgba(138, 99, 0, .7); }
html.tpv-light .tpv-tsh .tpv-input:focus { border-color: #5b2fc0; box-shadow: 0 0 0 4px rgba(91, 47, 192, .16); background-color: #fff; color: #2a2140 !important; }
html.tpv-light .tpv-tsh .tpv-input:-webkit-autofill,
html.tpv-light .tpv-tsh .tpv-input:-webkit-autofill:hover,
html.tpv-light .tpv-tsh .tpv-input:-webkit-autofill:focus,
html.tpv-light .tpv-tsh .tpv-input:-webkit-autofill:active {
  -webkit-text-fill-color: #2a2140 !important; caret-color: #2a2140;
  -webkit-box-shadow: 0 0 0 1000px #fffdf8 inset !important; box-shadow: 0 0 0 1000px #fffdf8 inset !important;
}
html.tpv-light .tpv-tsh select.tpv-input {
  color-scheme: light; background-repeat: no-repeat; background-position: right 16px center; background-size: 14px 9px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%237a5600' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
html.tpv-light .tpv-field.is-invalid .tpv-input { border-color: #b3261e; box-shadow: 0 0 0 4px rgba(179, 38, 30, .14); }
html.tpv-light .tpv-error { color: #b3261e; }
html.tpv-light .tpv-trust { color: var(--tpv-muted); }

/* ---------- Nút ---------- */
html.tpv-light .tpv-tsh .tpv-btn--primary {
  color: #2a1d05; background: linear-gradient(135deg, #f8e6b4 0%, #e8c77d 45%, #c9a24a 100%);
  border-color: rgba(122, 86, 0, .45);
  box-shadow: 0 8px 22px rgba(122, 86, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .7);
}
html.tpv-light .tpv-tsh .tpv-btn--primary:hover { color: #1d1400; box-shadow: 0 12px 28px rgba(122, 86, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .8); }
html.tpv-light .tpv-tsh .tpv-btn--primary::after { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .32), transparent); }
html.tpv-light .tpv-tsh .tpv-btn--primary:focus-visible, html.tpv-light .tpv-tsh .tpv-btn--ghost:focus-visible { outline-color: #5b2fc0; }
html.tpv-light .tpv-tsh .tpv-btn--ghost { color: #3a2a00; background: #fffdf8; border-color: rgba(138, 99, 0, .55); }
html.tpv-light .tpv-tsh .tpv-btn--ghost:hover { background: #fff1cc; color: #2a1d00; }
html.tpv-light .tpv-alert { background: #fdecea; border-color: rgba(179, 38, 30, .45); color: #6b1610; }
html.tpv-light .tpv-alert strong { color: #4a0f0b; }

/* ---------- Overlay "Thầy đang xem" ---------- */
html.tpv-light .tpv-veil {
  color: var(--tpv-text);
  background:
    radial-gradient(90% 60% at 50% 0%, rgba(124, 58, 237, 0.14), transparent 60%),
    radial-gradient(60% 40% at 50% 100%, rgba(200, 150, 30, 0.18), transparent 60%),
    linear-gradient(180deg, #fffaf0 0%, #f3ead6 100%);
}
html.tpv-light .tpv-veil::before { display: none; }
html.tpv-light .tpv-orb__halo { background: radial-gradient(circle, rgba(200, 150, 30, .32), rgba(124, 58, 237, .12) 45%, transparent 70%); }
html.tpv-light .tpv-orb__digit { color: #4a3300; text-shadow: none; }
html.tpv-light .tpv-orb__avatar { box-shadow: 0 6px 24px rgba(122, 86, 0, .3); }
html.tpv-light .tpv-veil__name { color: #3a2a00; }
html.tpv-light .tpv-veil__step { color: #4a2a9a; }
html.tpv-light .tpv-veil__bar { background: rgba(60, 40, 10, .14); }

/* ---------- Báo cáo: hero, thông tin nhanh, mục lục ---------- */
html.tpv-light .tpv-type::after { color: #7a5600; }
html.tpv-light .tpv-facts__item { background: #fffdf8; border-color: rgba(60, 40, 10, .17); }
html.tpv-light .tpv-facts dt { color: var(--tpv-muted); }
html.tpv-light .tpv-facts dd { color: #2a1d00; }
html.tpv-light .tpv-toc { background: rgba(255, 253, 248, .96); border-color: rgba(138, 99, 0, .4); box-shadow: 0 6px 18px rgba(60, 40, 10, .12); }
html.tpv-light .tpv-toc__chip { color: #4a3d66; }
html.tpv-light .tpv-toc__chip:hover, html.tpv-light .tpv-toc__chip.is-active { color: #2a1d00; background: #fff1cc; border-color: rgba(138, 99, 0, .55); }

/* ---------- Thẻ (card) ---------- */
html.tpv-light .tpv-card { background: #fffdf8; border-color: rgba(138, 99, 0, .3); box-shadow: 0 6px 20px rgba(60, 40, 10, .08); }
html.tpv-light .tpv-card::before { background: radial-gradient(80% 40% at 50% 0%, rgba(200, 150, 30, .10), transparent 70%); }
html.tpv-light .tpv-card--sub { background: #fffcf4; }
html.tpv-light .tpv-card__head { border-bottom-color: rgba(138, 99, 0, .28); }
html.tpv-light .tpv-card__icon { color: #4a3300; background: rgba(200, 150, 30, .16); border-color: rgba(138, 99, 0, .5); text-shadow: none; }
html.tpv-light .tpv-card__title {
  background: linear-gradient(100deg, #5c4100 0%, #7a5600 45%, #8a6300 62%, #6b4a00 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}
html.tpv-light .tpv-card__badge, html.tpv-light .tpv-num-badge--lg {
  color: #2a1d05; background: linear-gradient(135deg, #f8e6b4, #e8c77d 60%, #c9a24a); box-shadow: 0 5px 14px rgba(122, 86, 0, .25); border: 1px solid rgba(122, 86, 0, .35);
}
html.tpv-light .tpv-tsh--love .tpv-card__badge { background: linear-gradient(135deg, #f8e6b4, #ffb3c8); }

/* Nội dung giải nghĩa */
html.tpv-light .tpv-prose h2, html.tpv-light .tpv-prose h3, html.tpv-light .tpv-prose h4 { color: #6b4a00 !important; border-left-color: #8a6300; -webkit-text-fill-color: #6b4a00 !important; }
html.tpv-light .tpv-prose h3 { color: #4a2a9a !important; border-left-color: #5b2fc0; -webkit-text-fill-color: #4a2a9a !important; }
html.tpv-light .tpv-sub, html.tpv-light .tpv-tsh .tpv-sub { color: #4a3300; }
html.tpv-light .tpv-sub.is-now, html.tpv-light .tpv-tsh .tpv-sub.is-now { color: #2a1d00; }
html.tpv-light .tpv-tag { color: #1f6b3a; background: rgba(31, 107, 58, .1); border-color: rgba(31, 107, 58, .4); }
html.tpv-light .tpv-num-badge { color: #3a2a00; background: rgba(200, 150, 30, .16); border-color: rgba(138, 99, 0, .5); }
html.tpv-light .tpv-list li { border-top-color: rgba(60, 40, 10, .2); }
html.tpv-light .tpv-arrow { background: rgba(91, 47, 192, .05); border-left-color: #8a6300; }
html.tpv-light .tpv-arrow--empty { border-left-color: #5b2fc0; }
html.tpv-light .tpv-arrow--alone { border-left-color: #b3261e; }

/* ---------- Con số chủ đạo ---------- */
html.tpv-light .tpv-core__orb::before { background: radial-gradient(circle, rgba(200, 150, 30, .30), rgba(124, 58, 237, .10) 55%, transparent 72%); }
html.tpv-light .tpv-core__ring { border-color: rgba(138, 99, 0, .65); }
html.tpv-light .tpv-core__ring::after { border-color: rgba(91, 47, 192, .4); }
html.tpv-light .tpv-core__num { color: #6b4a00; text-shadow: 0 2px 16px rgba(200, 150, 30, .35); }
html.tpv-light .tpv-core__num.is-rolling { color: #5b2fc0; text-shadow: 0 2px 14px rgba(91, 47, 192, .3); }
html.tpv-light .tpv-core__val { color: #6b4a00; }
html.tpv-light .tpv-core__sub { color: var(--tpv-muted); }
@keyframes tpv-burst-light { 0% { transform: scale(.7); opacity: .2; filter: blur(6px); } 55% { transform: scale(1.12); opacity: 1; filter: blur(0); text-shadow: 0 2px 26px rgba(200, 150, 30, .8); } 100% { transform: scale(1); } }
html.tpv-light .tpv-core__num.is-set { animation-name: tpv-burst-light; }

/* ---------- Biểu đồ ngày sinh 3x3 ---------- */
html.tpv-light .tpv-grid__box { background: rgba(138, 99, 0, .22); border-color: rgba(138, 99, 0, .5); }
html.tpv-light .tpv-grid__cell { background: #fffdf8; }
html.tpv-light .tpv-grid__ghost { color: #766c8b; }
html.tpv-light .tpv-grid__n { color: #5c4100; text-shadow: none; }
html.tpv-light .tpv-grid--name .tpv-grid__n, html.tpv-light .tpv-grid__n--name { color: #4a2a9a; text-shadow: none; }
html.tpv-light .tpv-grid__n--birth { color: #5c4100; }
html.tpv-light .tpv-grid__label { color: var(--tpv-muted); }
html.tpv-light .tpv-legend { color: var(--tpv-muted); }
html.tpv-light .tpv-legend__dot--birth { background: #8a6300; box-shadow: none; }
html.tpv-light .tpv-legend__dot--name { background: #5b2fc0; box-shadow: none; }
html.tpv-light .tpv-legend__dot--empty { background: rgba(60, 40, 10, .22); }

/* ---------- Kim tự tháp (SVG) ---------- */
html.tpv-light .tpv-pyr__lines path { stroke: #8a6300; opacity: .9; }
html.tpv-light .tpv-pyr__node circle { fill: #fffdf8; stroke: #8a6300; }
html.tpv-light .tpv-pyr__node--base circle { stroke: #5b2fc0; }
html.tpv-light .tpv-pyr__glow { fill: rgba(200, 150, 30, .18) !important; stroke: none !important; }
html.tpv-light .tpv-pyr__node.is-now .tpv-pyr__glow { fill: rgba(200, 150, 30, .32) !important; }
html.tpv-light .tpv-pyr__node.is-now circle:not(.tpv-pyr__glow) { fill: #e8c77d; stroke: #6b4a00; }
html.tpv-light .tpv-pyr__node.is-now .tpv-pyr__val, html.tpv-light .tpv-pyr__node.is-now .tpv-pyr__val--big { fill: #2a1d05; }
html.tpv-light .tpv-pyr__val { fill: #4a3300; }
html.tpv-light .tpv-pyr__lbl { fill: #4a4266; }
html.tpv-light .tpv-pyr__lbl--peak { fill: #2a1d00; }

/* ---------- Năm cá nhân, chỉ số năng lực ---------- */
html.tpv-light .tpv-years__item, html.tpv-light .tpv-index { background: #fffdf8; border-color: rgba(60, 40, 10, .2); }
html.tpv-light .tpv-years__item.is-now { border-color: #8a6300; background: #fff3cf; box-shadow: 0 4px 14px rgba(122, 86, 0, .2); }
html.tpv-light .tpv-years__year { color: var(--tpv-muted); }
html.tpv-light .tpv-years__num, html.tpv-light .tpv-index__num { color: #5c4100; text-shadow: none; }
html.tpv-light .tpv-years__tag { background: #6b4a00; color: #fff; }
html.tpv-light .tpv-index:hover { border-color: #8a6300; background: #fff6dd; }
html.tpv-light .tpv-index__name { color: var(--tpv-muted); }
html.tpv-light .tpv-again__summary { color: #3a2a00; }
html.tpv-light .tpv-again__icon { color: #7a5600; }

/* ---------- Tình yêu ---------- */
html.tpv-light .tpv-heart { text-shadow: none; }
html.tpv-light .tpv-duo__col { background: rgba(91, 47, 192, .04); border-color: rgba(60, 40, 10, .17); }
html.tpv-light .tpv-duo__col--2 { border-color: rgba(194, 24, 91, .35); }
html.tpv-light .tpv-duo__title { color: #3a2a00; }
html.tpv-light .tpv-duo__icon { background: rgba(200, 150, 30, .16); border-color: rgba(138, 99, 0, .5); }
html.tpv-light .tpv-duo__col--2 .tpv-duo__icon { background: rgba(194, 24, 91, .1); border-color: rgba(194, 24, 91, .45); color: #a01048; }
html.tpv-light .tpv-person { background: #fffdf8; border-color: rgba(60, 40, 10, .17); }
html.tpv-light .tpv-person__initial { color: #2a1d05; background: linear-gradient(135deg, #f8e6b4, #e8c77d); box-shadow: 0 4px 12px rgba(122, 86, 0, .25); }
html.tpv-light .tpv-person--2 .tpv-person__initial { background: linear-gradient(135deg, #ffe0ea, #ff9fbd); box-shadow: 0 4px 12px rgba(194, 24, 91, .22); }
html.tpv-light .tpv-person__label, html.tpv-light .tpv-person__meta { color: var(--tpv-muted); }
html.tpv-light .tpv-person__name, html.tpv-light .tpv-pair__name { color: #2a1d00; }
html.tpv-light .tpv-pair__sub { color: var(--tpv-muted); }
html.tpv-light .tpv-pair__code { color: #3a2a00; border-color: rgba(138, 99, 0, .5); background: rgba(200, 150, 30, .14); }
html.tpv-light .tpv-tension__label { color: #4a2a9a; }
html.tpv-light .tpv-tension__seg { background: rgba(60, 40, 10, .1); border-color: rgba(60, 40, 10, .22); }
html.tpv-light .tpv-tension__seg.is-on { background: linear-gradient(90deg, #c9a24a, #ff8fb1); }
html.tpv-light .tpv-tension__seg.is-cur { box-shadow: 0 0 0 2px rgba(194, 24, 91, .45); }
html.tpv-light.tpv-js .tpv-report .tpv-card:not(.is-in) .tpv-tension__seg.is-on { background: rgba(60, 40, 10, .1); }

/* ---------- Đặt tên (dat-ten.css) ---------- */
html.tpv-light .tpv-dt__num small { color: var(--tpv-muted); }
html.tpv-light .tpv-dt__hang--rat_hop { color: #1f6b3a; background: rgba(31, 107, 58, .1); border-color: rgba(31, 107, 58, .4); }
html.tpv-light .tpv-dt__hang--kha_hop { color: #5c4100; background: rgba(200, 150, 30, .18); border-color: rgba(138, 99, 0, .5); }
html.tpv-light .tpv-dt__hang--hop_mot_phan { color: #4a2a9a; background: rgba(91, 47, 192, .1); border-color: rgba(91, 47, 192, .38); }
html.tpv-light .tpv-dt__hang--trung_tinh { color: #4a4266; background: rgba(60, 40, 10, .06); border-color: rgba(60, 40, 10, .25); }
html.tpv-light .tpv-dt__bome-col, html.tpv-light .tpv-dt__card, html.tpv-light .tpv-dt__lq-card, html.tpv-light .tpv-dt__scd-item { background: #fffdf8; border-color: rgba(60, 40, 10, .2); }
html.tpv-light .tpv-dt__card { box-shadow: 0 3px 10px rgba(60, 40, 10, .06); }
html.tpv-light .tpv-dt__lq-card:hover { border-color: #8a6300; background: #fff6dd; }
html.tpv-light .tpv-dt__bome-col h4, html.tpv-light .tpv-dt__card-name, html.tpv-light .tpv-dt__lq-card strong { color: #3a2a00; }
html.tpv-light .tpv-dt__sub-h, html.tpv-light .tpv-dt__patch-diem { color: #6b4a00; }
html.tpv-light .tpv-dt__y-nghia, html.tpv-light .tpv-dt__lq-card span { color: var(--tpv-muted); }
html.tpv-light .tpv-dt__patch { border-top-color: rgba(60, 40, 10, .25); }
html.tpv-light .tpv-dt__patch-note--warn { color: #b3261e; }
html.tpv-light .tpv-dt__card-link { color: #5b2fc0; }
html.tpv-light .tpv-dt__card-link:hover { color: #3a1c8a; }
html.tpv-light .tpv-dt-cand__rm { color: #5c5373; border-color: rgba(60, 40, 10, .3); background: #fffdf8; }
html.tpv-light .tpv-dt-cand__rm:hover { border-color: #b3261e; color: #b3261e; }

/* ---------- Form Flatsome-kiểu nằm trong trang (tsh-page.css, nếu trang còn dùng) ---------- */
html.tpv-light body.tpv-page .page-wrapper input[type="text"]:not(.tpv-input),
html.tpv-light body.tpv-page .page-wrapper input[type="email"]:not(.tpv-input),
html.tpv-light body.tpv-page .page-wrapper input[type="tel"]:not(.tpv-input),
html.tpv-light body.tpv-page .page-wrapper input[type="number"]:not(.tpv-input),
html.tpv-light body.tpv-page .page-wrapper select:not(.tpv-input),
html.tpv-light body.tpv-page .page-wrapper textarea { background-color: #fffdf8; color: #2a2140; border-color: rgba(60, 40, 10, .3); }
html.tpv-light body.tpv-page .page-wrapper select:not(.tpv-input) {
  color-scheme: light;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%237a5600' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
html.tpv-light body.tpv-page .page-wrapper input::placeholder, html.tpv-light body.tpv-page .page-wrapper textarea::placeholder { color: #6f6585 !important; }
html.tpv-light body.tpv-page .page-wrapper label { color: #3a2a00; }

/* =====================================================================
   BÓI BÀI TAROT (plugins/tpv-tarot/assets/tarot.css) – nền giấy ngà; lá bài / mặt sau lá bài giữ khung tối riêng
   ===================================================================== */
html.tpv-light .tpv-tarot {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(124, 58, 237, .14) 0%, transparent 55%),
    radial-gradient(ellipse at 90% 100%, rgba(200, 150, 30, .16) 0%, transparent 55%),
    linear-gradient(180deg, #fbf7ee 0%, #f3ecdd 100%);
  color: #2a2140;
}
html.tpv-light .tpv-tarot .tpv-stars { opacity: .0; }
html.tpv-light .tpv-tarot .tpv-moon { color: #8a6300; text-shadow: 0 2px 16px rgba(200, 150, 30, .35); }
html.tpv-light .tpv-tarot .tpv-brand { color: #6b4a00; }
html.tpv-light .tpv-tarot .tpv-title { color: #3a2a00; text-shadow: none; }
html.tpv-light .tpv-tarot .tpv-title::after { background: linear-gradient(90deg, transparent, #8a6300, transparent); }
html.tpv-light .tpv-tarot .tpv-sub { color: #4a4266; }
html.tpv-light .tpv-tarot .tpv-q-label { color: #3a2a00; }
html.tpv-light .tpv-tarot .tpv-q-input { background: #fffdf8; border-color: rgba(60, 40, 10, .32); color: #2a2140; box-shadow: inset 0 1px 2px rgba(60, 40, 10, .07); }
html.tpv-light .tpv-tarot .tpv-q-input:focus { border-color: #5b2fc0; box-shadow: 0 0 0 3px rgba(91, 47, 192, .16); color: #2a2140 !important; }
html.tpv-light .tpv-tarot .tpv-q-input::placeholder { color: #6f6585 !important; opacity: 1; }
html.tpv-light .tpv-tarot .tpv-spread-label { color: #6b4a00; }
html.tpv-light .tpv-tarot .tpv-spread { background: #fffdf8; border-color: rgba(138, 99, 0, .45); box-shadow: 0 4px 14px rgba(60, 40, 10, .08); color: #2a2140; }
html.tpv-light .tpv-tarot .tpv-spread:hover { border-color: #8a6300; background: #fff6dd; box-shadow: 0 12px 28px rgba(60, 40, 10, .16); }
html.tpv-light .tpv-tarot .tpv-spread-name { color: #3a2a00; }
html.tpv-light .tpv-tarot .tpv-spread-desc { color: #4a4266; }
html.tpv-light .tpv-tarot .tpv-pick-hint { color: #3a2a00; }
html.tpv-light .tpv-tarot .tpv-pick-hint b { color: #6b4a00; }
html.tpv-light .tpv-tarot .tpv-pick-count { color: #6b4a00; }
/* mặt sau lá bài: giữ tối, đổ bóng ấm thay vì đen */
html.tpv-light .tpv-tarot .tpv-back { box-shadow: inset 0 0 0 2px #c9a84c, inset 0 0 0 5px #1a1138, inset 0 0 0 6px rgba(201,168,76,.5), 0 6px 14px rgba(60, 40, 10, .3); }
html.tpv-light .tpv-tarot .tpv-back.is-picked { box-shadow: inset 0 0 0 2px #f0d98c, inset 0 0 0 5px #1a1138, inset 0 0 0 6px rgba(240,217,140,.7), 0 0 0 3px rgba(91, 47, 192, .55), 0 10px 18px rgba(60, 40, 10, .35); }
html.tpv-light .tpv-tarot .tpv-fan.is-done .tpv-back.is-picked { animation-name: tpv-chosen-light; }
@keyframes tpv-chosen-light {
  from { box-shadow: inset 0 0 0 2px #f0d98c, inset 0 0 0 5px #1a1138, inset 0 0 0 6px rgba(240,217,140,.7), 0 0 0 3px rgba(91, 47, 192, .35), 0 10px 18px rgba(60, 40, 10, .35); }
  to   { box-shadow: inset 0 0 0 2px #fff3cc, inset 0 0 0 5px #1a1138, inset 0 0 0 6px rgba(255,243,204,.9), 0 0 0 5px rgba(91, 47, 192, .6), 0 10px 18px rgba(60, 40, 10, .35); }
}
html.tpv-light .tpv-tarot .tpv-reader-name { color: #3a2a00; }
html.tpv-light .tpv-tarot .tpv-reader-q { color: #4a4266; }
html.tpv-light .tpv-tarot .tpv-reader-greet { color: #3a2f5c; }
html.tpv-light .tpv-tarot .tpv-reader-greet.is-typing::after { color: #7a5600; }
html.tpv-light .tpv-tarot .tpv-result { background: #fffdf8; border-color: rgba(138, 99, 0, .4); box-shadow: 0 8px 24px rgba(60, 40, 10, .1); }
html.tpv-light .tpv-tarot .tpv-flip-face { box-shadow: 0 10px 22px rgba(60, 40, 10, .35), 0 0 0 1px rgba(201, 168, 76, .7); }
html.tpv-light .tpv-tarot .tpv-flip.is-glowing { animation-name: tpv-preflip-light; }
@keyframes tpv-preflip-light { 0%, 100% { filter: none; } 50% { filter: drop-shadow(0 0 20px rgba(138, 99, 0, .8)) brightness(1.15); } }
html.tpv-light .tpv-tarot .tpv-pos { border-color: #8a6300; color: #5c4100; background: rgba(200, 150, 30, .12); }
html.tpv-light .tpv-tarot .tpv-result-name { color: #3a2a00; }
html.tpv-light .tpv-tarot .tpv-orient { color: #4a4266; }
html.tpv-light .tpv-tarot .tpv-orient.is-rev { color: #a1261a; }
html.tpv-light .tpv-tarot .tpv-meaning { color: #2a2140; }
html.tpv-light .tpv-tarot .tpv-readmore { color: #5b2fc0 !important; border-bottom-color: rgba(91, 47, 192, .5); }
html.tpv-light .tpv-tarot .tpv-readmore:hover { color: #3a1c8a !important; border-color: #3a1c8a; }
html.tpv-light .tpv-tarot .tpv-note { color: #4a4266; }
html.tpv-light .tpv-tarot .tpv-again { color: #2a1d05; background: linear-gradient(160deg, #f8e6b4, #e8c77d 55%, #c9a24a); border: 1px solid rgba(122, 86, 0, .45); box-shadow: 0 6px 18px rgba(122, 86, 0, .28); }
html.tpv-light .tpv-tarot .tpv-again:hover { box-shadow: 0 10px 24px rgba(122, 86, 0, .38); }
html.tpv-light .tpv-tarot .tpv-foot p { color: #5c5373; }
html.tpv-light .tpv-tarot .tpv-sparkle { color: #6b4a00; text-shadow: 0 0 6px rgba(200, 150, 30, .7); }
/* màn hình "Thầy đang xem bài" */
html.tpv-light .tpv-tarot .tpv-avatar { border-color: #fffdf8; }
html.tpv-light .tpv-tarot .tpv-avatar-ring { animation-name: tpv-ringspin, tpv-ringglow-light; }
@keyframes tpv-ringglow-light { from { box-shadow: 0 0 14px rgba(138, 99, 0, .25); } to { box-shadow: 0 0 34px rgba(200, 150, 30, .55); } }
html.tpv-light .tpv-tarot .tpv-avatar-fallback { background: #f3ecdd; }
html.tpv-light .tpv-tarot .tpv-reading-name { color: #3a2a00; }
html.tpv-light .tpv-tarot .tpv-reading-msg { color: #3a2f5c; }
html.tpv-light .tpv-tarot .tpv-candle { filter: drop-shadow(0 0 6px rgba(255, 160, 40, .55)); }

/* =====================================================================
   LỊCH ÂM DƯƠNG (assets/lich-am/lich-am.css) – dùng biến --pg-* (đã sáng nhờ light-base.css), chỉnh phần ghi cứng màu
   ===================================================================== */
html.tpv-light .tpv-la { --la-good: #1f6b3a; --la-bad: #b3261e; --la-gold: #7a5600; --la-gold-2: #4a3300; --la-card: #fffdf8; --la-line-soft: rgba(60, 40, 10, .2); --la-line: rgba(138, 99, 0, .5); --la-muted: #5c5373; --la-text: #2a2140; }
html.tpv-light .tpv-la__title { color: #3a2a00; }
html.tpv-light .tpv-la__kicker { color: #6b4a00; }
html.tpv-light .tpv-la__today { background: linear-gradient(160deg, rgba(124, 58, 237, .08), #fffdf8 60%); box-shadow: 0 12px 32px rgba(60, 40, 10, .12); }
html.tpv-light .tpv-la__avatar img { border-color: #fffdf8; }
html.tpv-light .tpv-la__big-num { background: linear-gradient(100deg, #5c4100 0%, #7a5600 45%, #8a6300 62%, #6b4a00 100%); -webkit-background-clip: text; background-clip: text; }
html.tpv-light .tpv-la__big--lunar .tpv-la__big-num { color: #5b2fc0; }
html.tpv-light .tpv-la__facts dt { color: #6b4a00; }
html.tpv-light .tpv-la__today-rating a { color: #5b2fc0; }
html.tpv-light .tpv-la__tool, html.tpv-light .tpv-la__box { background: #fffdf8; box-shadow: 0 3px 10px rgba(60, 40, 10, .06); }
html.tpv-light .tpv-la__box h3, html.tpv-light .tpv-la__tool h3 { color: #3a2a00; }
html.tpv-light .tpv-la__btn { color: #2a1d05; background: linear-gradient(135deg, #f8e6b4, #e8c77d 55%, #c9a24a); border: 1px solid rgba(122, 86, 0, .45); box-shadow: 0 6px 16px rgba(122, 86, 0, .25); }
html.tpv-light .tpv-la__btn--ghost { background: #fffdf8; color: #3a2a00; border: 1px solid rgba(138, 99, 0, .55); box-shadow: none; }
html.tpv-light .tpv-la__month, html.tpv-light .tpv-la__detail { background: #fffcf4; box-shadow: 0 8px 24px rgba(60, 40, 10, .09); }
html.tpv-light .tpv-la__nav-btn { background: #fffdf8; color: #3a2a00; border-color: rgba(138, 99, 0, .5); }
html.tpv-light .tpv-la__nav-btn:hover { background: #fff1cc; }
html.tpv-light .tpv-la__wd { color: #6b4a00; }
html.tpv-light .tpv-la__wd.is-sun, html.tpv-light .tpv-la__cell.is-sun .tpv-la__cell-solar { color: #b3261e; }
html.tpv-light .tpv-la__cell { background: #fffdf8; color: #2a2140; border-color: rgba(60, 40, 10, .2); }
html.tpv-light .tpv-la__cell.is-empty { background: transparent; border: 0; }
html.tpv-light .tpv-la__cell:hover:not(.is-empty) { background: #fff6dd; border-color: #8a6300; }
html.tpv-light .tpv-la__cell-cc { opacity: 1; }
html.tpv-light .tpv-la__cell-lunar.is-first { color: #6b4a00; }
html.tpv-light .tpv-la__cell.is-good { background: #fff3cf; border-color: rgba(138, 99, 0, .6); }
html.tpv-light .tpv-la__cell.is-good .tpv-la__cell-solar { color: #4a3300; }
html.tpv-light .tpv-la__cell.is-bad { background: #fdeceb; border-color: rgba(179, 38, 30, .35); }
html.tpv-light .tpv-la__cell.is-bad .tpv-la__cell-solar { color: #b3261e; }
html.tpv-light .tpv-la__cell.is-hd::after { box-shadow: none; }
html.tpv-light .tpv-la__cell.is-today { box-shadow: inset 0 0 0 2px #5b2fc0; }
html.tpv-light .tpv-la__cell.is-selected { background: linear-gradient(135deg, #f8e6b4, #e8c77d 55%, #c9a24a) !important; color: #2a1d05; border-color: #7a5600; }
html.tpv-light .tpv-la__cell.is-selected span { color: #2a1d05 !important; }
html.tpv-light .tpv-la__dot--good { background: #fff3cf; border-color: #8a6300; }
html.tpv-light .tpv-la__dot--bad { background: #fdeceb; border-color: #b3261e; }
html.tpv-light .tpv-la__dot--hd { box-shadow: none; }
html.tpv-light .tpv-la__lunar-sample { color: #6b4a00; }
html.tpv-light .tpv-la__finder { background: linear-gradient(160deg, rgba(200, 150, 30, .12), #fffdf8 60%); }
html.tpv-light .tpv-la__job-title b, html.tpv-light .tpv-la__job-date b { color: #3a2a00; }
html.tpv-light .tpv-la__job-list button { background: #fffdf8; }
html.tpv-light .tpv-la__job-list li.is-great button { background: #fff3cf; border-color: rgba(138, 99, 0, .6); }
html.tpv-light .tpv-la__job-score { background: rgba(31, 107, 58, .12); }
html.tpv-light .tpv-la__job-list li.is-great .tpv-la__job-score { background: linear-gradient(135deg, #f8e6b4, #e8c77d); color: #2a1d05; }
html.tpv-light .tpv-la__mark.is-hop { color: #c2185b; }
html.tpv-light .tpv-la__tuoi.is-bad { color: #8a1d14; border-color: rgba(179, 38, 30, .5); }
html.tpv-light .tpv-la__tuoi.is-good { color: #1a5a31; border-color: rgba(31, 107, 58, .5); }
html.tpv-light .tpv-la__jobs li.is-great b, html.tpv-light .tpv-la__ltp li span, html.tpv-light .tpv-la__stars strong, html.tpv-light .tpv-la__hours strong, html.tpv-light .tpv-la__cc b { color: #4a3300; }
html.tpv-light .tpv-la__d-head { background: linear-gradient(120deg, rgba(200, 150, 30, .16), transparent 60%); }
html.tpv-light .tpv-la__d-head.is-bad { background: linear-gradient(120deg, rgba(179, 38, 30, .10), transparent 60%); }
html.tpv-light .tpv-la__hours.is-good li { background: rgba(31, 107, 58, .07); border-color: rgba(31, 107, 58, .4); }
html.tpv-light .tpv-la__hours.is-bad li { opacity: 1; background: rgba(60, 40, 10, .03); }
html.tpv-light .tpv-la__ltp li { background: #fffdf8; }

/* ---------- Khối nội dung đặt trong trang công cụ (col-inner nền tối ghi cứng bằng style inline, tpv-site.css dòng ~479) ---------- */
html.tpv-light #main .col-inner[style*="background-color:rgb(151, 0, 0)"], html.tpv-light #main .col-inner[style*="background-color: rgb(151, 0, 0)"],
html.tpv-light #main .col-inner[style*="background-color:rgba(10, 6, 32"], html.tpv-light #main .col-inner[style*="background-color: rgba(10, 6, 32"] {
  background-color: #fffdf8 !important; border: 1px solid rgba(138, 99, 0, .4); box-shadow: 0 6px 20px rgba(60, 40, 10, .08);
}
/* Khối UX Builder trong nội dung trang (nền tối đặt bằng <style> theo id hàng: #row-xxxx > .col > .col-inner) */
html.tpv-light #main .section-content .row > .col > .col-inner.text-center { background-color: #fffdf8 !important; border: 1px solid rgba(138, 99, 0, .4); border-radius: 18px; box-shadow: 0 6px 20px rgba(60, 40, 10, .08); }
/* dt/dd của thẻ thông tin nhanh bị theme để inline-block (nhãn dính với giá trị) → xếp dọc ở bản sáng */
html.tpv-light .tpv-facts dt, html.tpv-light .tpv-facts dd { display: block; }
/* Mũi tên ô chọn (select) của form kiểu cũ (tpv-site.css ghi cứng mũi tên vàng nhạt !important) → vàng đồng đậm */
html.tpv-light select:not(.tpv-input) {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%237a5600' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
}

/* =====================================================================
   TÌM SIM HỢP TUỔI – kết quả (includes/than-so-hoc/template/tsh-xem-boi-sim-public.php: màu viết cứng bằng style inline và <style> theo id)
   ===================================================================== */
html.tpv-light #text-2578421980, html.tpv-light #text-2578421980 > * { color: #3a2a00 !important; }
html.tpv-light #main span[style*="#e8c77d"], html.tpv-light #main h2 span[style*="#e8c77d"] { color: #6b4a00 !important; }
html.tpv-light #main span[style*="#d7c3ff"], html.tpv-light #main p[style*="#d7c3ff"] { color: #4a2a9a !important; }
html.tpv-light #main span[style*="#9fe3b5"] { color: #1f6b3a !important; }
html.tpv-light #main .col-inner[style*="background-color:rgba(255, 255, 255, 0.05)"], html.tpv-light #main .col-inner[style*="background-color: rgba(255, 255, 255, 0.05)"] {
  background-color: rgba(91, 47, 192, .045) !important; border: 1px solid rgba(60, 40, 10, .14); }
html.tpv-light #section_273596652 { background-color: #fffdf8; border-color: rgba(138, 99, 0, .45); box-shadow: 0 8px 24px rgba(60, 40, 10, .12); }
html.tpv-light #section_273596652 .section-bg-overlay { background-color: rgba(251, 247, 238, .55); }

/* Đặt tên 2.0 (2026-10-28) */
html.tpv-light .tpv-dt-tab { color: #4a4266; border-color: rgba(60,40,10,.25); }
html.tpv-light .tpv-dt-tab.is-active { color: #3a2a00; border-color: #8a6300; background: #fff6dd; }
html.tpv-light .tpv-dt-cand__ho { color: #3a2a00; }
html.tpv-light .tpv-dt-adv { border-color: rgba(60,40,10,.25); }
html.tpv-light .tpv-dt-adv[open] > summary, html.tpv-light .tpv-dt__more > summary, html.tpv-light .tpv-dt__tc-help > summary, html.tpv-light .tpv-dt__score, html.tpv-light .tpv-dt__bt-tong b, html.tpv-light .tpv-dt__thiep-links a { color: #6b4a00; }
html.tpv-light .tpv-dt__hanh--kim { color: #5c4a00; background: rgba(200,170,60,.16); border-color: rgba(138,99,0,.45); }
html.tpv-light .tpv-dt__hanh--moc { color: #1f6b3a; background: rgba(31,107,58,.1); border-color: rgba(31,107,58,.4); }
html.tpv-light .tpv-dt__hanh--thuy { color: #1c4f8a; background: rgba(28,79,138,.1); border-color: rgba(28,79,138,.4); }
html.tpv-light .tpv-dt__hanh--hoa { color: #a12a1a; background: rgba(161,42,26,.1); border-color: rgba(161,42,26,.4); }
html.tpv-light .tpv-dt__hanh--tho { color: #7a4b12; background: rgba(122,75,18,.12); border-color: rgba(122,75,18,.4); }
html.tpv-light .tpv-dt__master { color: #4a2a9a; }
html.tpv-light .tpv-dt__tc-bar { background: rgba(60,40,10,.1); }
html.tpv-light .tpv-dt__tc-bar i { background: linear-gradient(90deg, #5b2fc0, #c8961e); }
html.tpv-light .tpv-dt__bt tr.is-new td, html.tpv-light .tpv-dt__card--new { background: #fff6dd; }
html.tpv-light .tpv-dt__thiep-panel { background: #fffdf8; border-color: #8a6300; }
html.tpv-light .tpv-dt__thiep-h, html.tpv-light .tpv-dt-thiep__ten, html.tpv-light .tpv-dt-thiep__chuc, html.tpv-light .tpv-dt-thiep__cta h3 { color: #3a2a00; }
html.tpv-light .tpv-dt-thiep__meta b { color: #6b4a00; }
html.tpv-light .tpv-dt__nicks { border-color: rgba(60,40,10,.25); }
html.tpv-light .tpv-dt__nick { background: #fff6dd; border-color: rgba(138,99,0,.4); }
html.tpv-light .tpv-dt__nick b, html.tpv-light .tpv-dt__yeu strong, html.tpv-light .tpv-dt__tc-item.is-yeu .tpv-dt__tc-lab { color: #6b4a00; }
html.tpv-light .tpv-dt__bo--cand { border-color: rgba(60,40,10,.2); background: rgba(255,253,248,.6); }
html.tpv-light .tpv-dt__nd-list li, html.tpv-light .tpv-dt__nd-gd li, html.tpv-light .tpv-dt__nd-nam li, html.tpv-light .tpv-dt__nd-plan li { background: #fffdf8; border-color: rgba(60,40,10,.2); }
html.tpv-light .tpv-dt__nd-list li b, html.tpv-light .tpv-dt__nd-gd li b, html.tpv-light .tpv-dt__nd-nam li b, html.tpv-light .tpv-dt__nd-plan li b { color: #3a2a00; }
html.tpv-light .tpv-dt__nd-list li em i { color: #6b4a00; }
html.tpv-light .tpv-dt__nd-list li em.is-ok, html.tpv-light .tpv-dt__nd-dh li::before { color: #1f6b3a; }
html.tpv-light .tpv-dt__nd-gd li.is-now { background: #fff6dd; border-color: #8a6300; }
html.tpv-light .tpv-dt-modal__box, html.tpv-light .tpv-dt__nd-bo { background: #fffdf8; border-color: #8a6300; color: #2a2238; }
html.tpv-light .tpv-dt__nd-bo { border-color: rgba(60,40,10,.2); }
html.tpv-light .tpv-dt-modal__t, html.tpv-light .tpv-dt__nd-bo > summary strong, html.tpv-light .tpv-dt__more--popup > summary { color: #3a2a00; }
html.tpv-light .tpv-dt-modal__back { background: rgba(40,30,10,.45); }
/* Đặt tên 2.3.1: huy hiệu ngũ hành nền đặc (ghi đè các dòng nhạt phía trên) */
html.tpv-light .tpv-dt__hanh { color: #fff; border: 0; }
html.tpv-light .tpv-dt__hanh--kim { background: #b7791f; }
html.tpv-light .tpv-dt__hanh--moc { background: #2e7d32; }
html.tpv-light .tpv-dt__hanh--thuy { background: #1565c0; }
html.tpv-light .tpv-dt__hanh--hoa { background: #c62828; }
html.tpv-light .tpv-dt__hanh--tho { background: #8d5524; }
html.tpv-light .tpv-dt__hanh--none { background: #6b6480; }
html.tpv-light .tpv-dt__nd-quick { border-color: rgba(138,99,0,.35); color: #5a4a30; }
html.tpv-light .tpv-dt__nd-quick__lab, html.tpv-light .tpv-dt__nd-row.is-active .tpv-dt__nd-stt { color: #6b4a00; }
html.tpv-light .tpv-dt__nd-quick .tpv-dt__nick:hover, html.tpv-light .tpv-dt__nd-quick .tpv-dt__nick:focus-visible { background: #ffecb8; border-color: #8a6300; }
html.tpv-light .tpv-dt__nd-row.is-active .tpv-input { border-color: #8a6300; box-shadow: 0 0 0 2px rgba(138,99,0,.15); }