/* ============================================================
   淺色主題（功能頁共用）— 參考競品乾淨風：白卡片、清楚邊框、鮮豔字、高對比。
   設計原則：卡片一律純白 #fff，邊框清楚不洗淡，五行用飽和色（字），版面排滿不留白。
   ============================================================ */
:root{ --wbg:#f4efe3; --wcard:#ffffff; --wline:#b3985a; --wink:#26313f; --wsoft:#4a5261; --wmuted:#7a715a; --wgold:#b8965a; --wgold-d:#9c7c44; --wclay:#c07a54; }
body{background:var(--wbg);color:var(--wink);}
.nav{background:#f6efe1cc;border-bottom:1px solid #e5dabf;padding:13px clamp(16px,4vw,26px);gap:14px;backdrop-filter:blur(6px);}
.nav .brand b{color:var(--wink);font-size:16.5px;letter-spacing:.03em;padding-left:0;}
.nav .brand span{color:var(--wgold-d);font-size:9.5px;letter-spacing:.2em;}
.nav .brandimg{width:34px;height:34px;border-radius:10px;}
.nav .brand b{color:var(--wink);} .nav .brand span{color:var(--wgold-d);}
.nav .navlink-lg{color:var(--wink);} .nav .navlink-lg:hover{color:#000;}
.nav .navlink{color:var(--wmuted);} .navlink:hover{color:var(--wink);}
.preview-head h1,.preview-head h2{color:var(--wink);}
.preview-head .en{color:var(--wclay);} .preview-head p{color:var(--wsoft);}
/* 即時給報告 橫幅（大地綠底＋純白字＋金色粗框）*/
.tool-instant{display:inline-block;margin:12px auto 0;padding:9px 22px;border-radius:24px;font-size:13.5px;font-weight:700;letter-spacing:.04em;color:#ffffff !important;background:#5e7850;border:2.5px solid #cba85f;box-shadow:0 4px 14px -7px rgba(70,90,55,.55);}
.tool-back a{color:var(--wmuted);} .tool-back a:hover{color:var(--wink);} .backbtn{color:var(--wmuted);}

/* ===== 命盤：文青版（紙感底＋墨棕粗畫框＋低飽和大地色）===== */
/* 大方塊（.panel 與 .nd-sec 兩條 render 路徑都套）：紙感底 + 墨棕粗畫框 + 文青標題 */
.panel,.nd-sec{background:#fbf6e9 !important;border:3px solid #574a33 !important;border-radius:10px;box-shadow:0 6px 22px -16px rgba(60,45,20,.45);}
.panel-title,.nd-sec h3{color:#3a3020 !important;font-weight:900;letter-spacing:.2em;}
.panel-title::before,.nd-sec h3::before{background:linear-gradient(#b0603f,#8c4530) !important;}
.nd-sec h3{border-bottom-color:#d8c8a6 !important;}
.group-title{border-bottom-color:var(--wline);} .group-title span{color:var(--wink);} .group-title i{color:var(--wmuted);}
/* 排盤下方細項：全部滿版直排，消除高低不齊的空白 */
#r-extra{grid-template-columns:1fr;}

/* 八字四柱 + 紫微宮格：統一紙卡 + 墨棕粗框（不再五行分色，!important 蓋過 style.css 的五行漸層底與細框）*/
.pillar,.pcell{background:#f5eeda !important;border:3px solid #7d6b48 !important;border-radius:8px;}
.pillar .plabel{color:#5a5245;letter-spacing:.1em;} .pillar .pgod{color:#5a5245;}
.pillar .pgan,.pillar .pzhi{color:#3a3020;font-size:34px;font-weight:900;} .pillar .phidden{color:#6a6152;} .pillar .pnayin{color:#6a6152;}
.pcell .pname{color:#5a5245;} .pcell .pgz{color:#7a715a;}
.pcell .star{color:#3a3020;} .pcell .star .br{color:#9a7228;}
.pcell .mstar{color:#5a5245;} .pcell .pdecadal{color:#7a715a;}
/* 干支五行＝低飽和大地色（霧綠/磚紅/赭黃/鐵灰/霧藍）*/
.wx-木{color:#3f7355 !important;} .wx-火{color:#b0503c !important;} .wx-土{color:#9a7228 !important;} .wx-金{color:#515a5c !important;} .wx-水{color:#3d6788 !important;}
/* 命宮：紫微盤導覽用的必要標記，維持紙卡、磚紅框 */
.pcell.ming{border-color:#b0603f !important;} .pcell.ming .pname{color:#b0503c;}
/* 中宮（命主天盤）：紙感深一階 + 墨棕框當焦點 */
.pcenter{background:#efe6ce !important;border:3px solid #574a33 !important;}
.pcenter .ctt{color:#3a3020;} .pcenter .cmeta{color:#6a6152;} .pcenter .cmeta b{color:#9a7228;} .pcenter .cdivider{background:#d8c8a6;}

/* 大運：紙卡 + 墨棕框 */
.dayun-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;overflow-x:visible;}
.dayun-card{background:#f5eeda !important;border:2px solid #7d6b48 !important;min-width:0;}
.dayun-card .dage{color:#7a715a;} .dayun-card .dgz{color:#3a3020;} .dayun-card .dyear{color:#9c7c44;}
.dayun-card.good{border-color:#3f7355 !important;} .dayun-card.good .dtag{background:rgba(63,115,85,.14);color:#3f7355;}
.dayun-card.bad{border-color:#b0503c !important;} .dayun-card.bad .dtag{background:rgba(176,80,60,.13);color:#b0503c;}
.dayun-card.neutral .dtag{background:rgba(122,113,90,.13);color:#7a715a;}

/* 試閱章節卡：紙感底 + 墨棕框 + 暖墨字 */
.topic{background:#fbf6e9 !important;border:2.5px solid #574a33 !important;}
.topic h3{color:#3a3020;} .topic .ttease{color:#6a6152;} .topic .tnum{color:#b0603f;} .topic .lock{color:#8a7d63;}

/* 五行分布條：加粗長條(15px) + 深軌道 + 深大地色填色(一眼看出長短與五行) */
.wx-item .wxbar{height:15px !important;background:#ddcca8 !important;border-radius:6px;}
.wx-item .wxbar i{border-radius:6px;}
.wx-item.wx-木 .wxbar i{background:#3f7355 !important;}
.wx-item.wx-火 .wxbar i{background:#b0503c !important;}
.wx-item.wx-土 .wxbar i{background:#9a7228 !important;}
.wx-item.wx-金 .wxbar i{background:#515a5c !important;}
.wx-item.wx-水 .wxbar i{background:#3d6788 !important;}
/* 五行名(木火土金水)＝該五行大地色、數字＝深墨，都加粗看得清（原本是淺色隱形）*/
.wx-item .wxn{color:inherit !important;font-weight:700;}
.wx-item .wxc{color:#3a3020 !important;font-weight:700;font-size:14px;}
/* 命理重點（.nd-kv 與 .kv 兩路徑都改：紙底暖墨字）*/
.nd-kv{border-bottom-color:#e6dabb !important;} .nd-kv span{color:#6a6152 !important;} .nd-kv b{color:#3a3020 !important;}
.nd-kv.nk-geju b{color:#9a7228 !important;} .nd-kv.nk-yong b{color:#3f7355 !important;} .nd-kv.nk-ji b{color:#b0503c !important;}
.kv{border-bottom-color:#e6dabb;} .kv .k{color:#6a6152;} .kv .v{color:#3a3020;} .kv .v b{color:#3a3020;}
/* 神煞：紙底 + 暖墨字 + 淡棕框 */
.ss-chip{color:#3a3020;background:#f0e8d2;border:1.5px solid #b09a6a;} .ss-chip b{color:#3a3020;} .ss-chip span{color:#7a6f52;} .ss-empty{color:#7a6f52;}
/* 頂部生辰 chips */
.chip{background:#fbf6e9;border:1.5px solid #b09a6a;color:#5a5245;} .chip b{color:#9a7228;}
/* 「即時產出，不用等・付費後馬上看報告」＝本站對同業的主要賣點（別人要等人工排，我們當場給）。
   所以不跟其他 chip 擠在同一列，獨立成一列放在 chips 下方，墨綠底白字、比 chip 大一號。 */
.instant-row{text-align:center;margin:14px 0 2px;}
.instant-bar{display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#3a6b55,#234c3a);border:1.5px solid #1c3f30;
  color:#fff;font-weight:700;font-size:15px;letter-spacing:.03em;line-height:1.5;
  padding:11px 22px;border-radius:999px;box-shadow:0 7px 20px -7px rgba(28,63,48,.6);
  animation:instantGlow 2.6s ease-in-out infinite;}
.instant-bar b{color:#fff;font-weight:900;}
@keyframes instantGlow{0%,100%{box-shadow:0 7px 20px -7px rgba(28,63,48,.6);}
  50%{box-shadow:0 9px 26px -7px rgba(28,63,48,.9);}}
@media (prefers-reduced-motion:reduce){ .instant-bar{animation:none;} }
@media(max-width:600px){ .instant-bar{font-size:13.2px;padding:10px 15px;letter-spacing:0;} }

/* ===== 行銷介紹區（.mkt 家族）文青版：原本深色主題的淺字在淺底糊掉 → 深墨字＋清楚金框卡 ===== */
.mkt-lead{color:#5a5245 !important;}
.mkt-pains h2,.mkt-solve h2,.mkt-feats h2,.mkt-steps-wrap h2,.mkt-faqs h2{color:#3a3020 !important;font-weight:900;}
.mkt-sub{color:#6a6152 !important;}
/* 卡片：紙感底＋清楚金棕框（不再洗淡）*/
.mkt-pain,.mkt-col,.mkt-feat,.mkt-step,.mkt-faq-item{background:#faf5e6 !important;border:2px solid #cbb079 !important;}
.mkt-col-d{border-bottom-color:#e7d9b4 !important;}
/* 卡片標題與內文：深墨/深棕，清楚可讀 */
.mkt-pain-t,.mkt-faq-q{color:#33291a !important;}
.mkt-col h3{color:#8a5320 !important;}
.mkt-feat-t{color:#9a6614 !important;}
.mkt-pain-d,.mkt-col-d,.mkt-feat-d,.mkt-faq-a,.mkt-col li{color:#5a5245 !important;}
.mkt-col li::before{color:#9a7228 !important;}
.ms-t{color:#33291a !important;} .ms-d{color:#5a5245 !important;} .ms-n{color:#9a6614 !important;}
/* 問號/Q 徽章：金字金框、紙底 */
.mkt-q,.mkt-q2{color:#9a6614 !important;background:#f4e7c6 !important;border-color:#cbb079 !important;}

/* 表單 / CTA / 免責 / footer / loading */
.card.card-solid{background:#fbf6e9 !important;border:3px solid #574a33 !important;box-shadow:0 8px 26px -18px rgba(60,45,20,.45);}
/* 表單裡的輸入框 / 分段 / 下拉：加粗墨棕框，跟畫框一致 */
.card.card-solid .inp,.card.card-solid .sel,.card.card-solid .seg{border:2px solid #a08a5f !important;}
.card.card-solid .date-conv,.card.card-solid .ctitle{color:#3a3020;}
.disclaimer{color:#5a5245 !important;border-top-color:var(--wline);} .disclaimer a{color:var(--wgold-d) !important;}
.disc-t{color:#3a3020 !important;font-weight:700 !important;}
.foot{color:var(--wmuted);border-top-color:var(--wline);} .foot a{color:var(--wmuted);}
.loading{background:rgba(244,239,227,.94);} .loading .ltxt{color:var(--wsoft);}
.extra-cta{border-top-color:var(--wline);}
.extra-cta.destiny{border-color:rgba(184,150,90,.4);}
.extra-cta.destiny h3{color:var(--wink);} .extra-cta.destiny p{color:var(--wsoft);}
.extra-cta.destiny .en{color:var(--wgold-d);} .extra-cta.destiny .navlink{color:var(--wgold-d);}

/* ===== 側欄（暖色抽屜，配淺色頁）===== */
.hamb{background:none;border:none;font-size:23px;color:var(--wink);cursor:pointer;line-height:1;padding:4px 6px;border-radius:9px;margin-right:2px;}
.nav .hamb:hover{background:#00000010;}
.wsidebar{position:fixed;left:0;top:0;height:100vh;width:300px;max-width:86vw;background:#f1e8d6;
  border-right:1px solid var(--wline);z-index:1300;transform:translateX(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 0 50px rgba(0,0,0,.18);}
.wsidebar.open{transform:none;}
.wscrim{position:fixed;inset:0;background:rgba(20,25,35,.5);z-index:1250;opacity:0;visibility:hidden;transition:.26s;}
.wscrim.show{opacity:1;visibility:visible;}
.wsb-head{display:flex;align-items:center;gap:11px;padding:20px 22px 16px;border-bottom:1px solid var(--wline);}
.wsb-head .logo{width:38px;height:38px;border-radius:11px;object-fit:cover;display:block;flex:0 0 auto;}
.wsb-home{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;min-width:0;}
.wsb-head h2{font-size:16px;font-weight:700;letter-spacing:.03em;color:var(--wink);margin:0;}
.wsb-head small{display:block;font-size:9.5px;color:var(--wmuted);letter-spacing:.2em;}
.wsb-close{margin-left:auto;background:none;border:none;font-size:20px;color:var(--wmuted);cursor:pointer;}
.wsb-g{padding:13px 12px 2px;} .wsb-g .gt{font-size:11px;color:var(--wmuted);letter-spacing:.18em;font-weight:700;padding:0 12px 6px;}
.wsb-i{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;text-decoration:none;transition:.15s;}
.wsb-i:hover{background:#ffffffb0;} .wsb-i.on{background:var(--wink);}
.wsb-i > span:first-child{flex:1;min-width:0;}
.wsb-i .t{display:block;font-size:14.5px;font-weight:700;color:var(--wink);} .wsb-i.on .t{color:#f3ecd8;}
.wsb-i .d{display:block;font-size:11.5px;color:var(--wmuted);line-height:1.5;margin-top:2px;} .wsb-i.on .d{color:#c9c1ac;}
.wsb-i .chev{margin-left:auto;color:var(--wmuted);font-size:14px;} .wsb-i.on .chev{color:#e9c987;}
.wsb-i .free{font-size:9.5px;color:#fff;background:#5f8a72;border-radius:20px;padding:1px 7px;font-weight:700;margin-left:6px;}
/* 側欄最上方的免費入口：站內唯一用柿紅的地方，在一片金褐裡一眼就跳出來 */
.wsb-hotg{padding-top:14px;padding-bottom:0;}
.wsb-i.hot{background:#fdf1e7;border:1px solid #f0cdb4;box-shadow:0 1px 0 #ffffffb0 inset;}
.wsb-i.hot:hover{background:#fbe8d9;border-color:#e6b795;}
.wsb-i.hot .t{color:#a8452a;}
.wsb-i.hot .d{color:#a58467;}
.wsb-i.hot .chev{color:#c2603f;}
.wsb-i .hotb{font-size:10px;color:#fff;background:#c2603f;border-radius:20px;padding:2px 8px;font-weight:700;
  margin-left:7px;letter-spacing:.06em;vertical-align:1px;white-space:nowrap;}
body.wsb-lock{overflow:hidden;}

/* ===== 一生大運總覽表（lifearc 專用）文青版 ===== */
.la-sec .la-cap{margin:2px 0 12px;color:#6a6152;font-size:13.5px;} .la-sec .la-cap b{color:#9a7228;}
.la-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:3px solid #574a33;border-radius:10px;background:#fbf6e9;}
.la-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px;}
.la-table th,.la-table td{padding:9px 12px;text-align:left;border-bottom:1.5px solid #d8c8a6;vertical-align:middle;}
.la-table thead th{background:#efe6ce;color:#3a3020;font-weight:900;letter-spacing:.12em;border-bottom:2.5px solid #574a33;white-space:nowrap;}
.la-table tbody tr:last-child td{border-bottom:none;}
.la-sect td{background:#f0e7cf;color:#7a5a2e;font-weight:800;letter-spacing:.28em;font-size:12px;padding:6px 12px;border-bottom:1.5px solid #cdbb92;}
.la-age{white-space:nowrap;color:#7a715a;font-weight:700;} .la-age small{color:#9c8f6f;font-weight:400;margin-left:1px;}
.la-gz{white-space:nowrap;color:#3a3020;font-weight:900;font-size:16px;letter-spacing:.08em;}
.la-gz small{display:block;color:#9c7c44;font-weight:400;font-size:11.5px;letter-spacing:0;margin-top:1px;}
.la-luck{color:#4a4636;} .la-tag{white-space:nowrap;} .la-note{color:#6a6152;font-size:13px;}
.la-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:middle;}
.la-dot.la-good{background:#3f7355;} .la-dot.la-neutral{background:#9a7228;} .la-dot.la-bad{background:#b0503c;}
.la-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:800;border:1.5px solid;}
.la-badge.la-good{color:#3f7355;border-color:#3f7355;background:rgba(63,115,85,.12);}
.la-badge.la-neutral{color:#9a7228;border-color:#b09a6a;background:rgba(154,114,40,.10);}
.la-badge.la-bad{color:#b0503c;border-color:#b0503c;background:rgba(176,80,60,.12);}
.la-row.la-cur td{background:linear-gradient(90deg,rgba(198,167,101,.20),rgba(198,167,101,.07));box-shadow:inset 0 2px 0 #c6a765, inset 0 -2px 0 #c6a765;}
.la-row.la-cur td:first-child{box-shadow:inset 2px 2px 0 #c6a765, inset 0 -2px 0 #c6a765;}
.la-row.la-cur td:last-child{box-shadow:inset -2px 2px 0 #c6a765, inset 0 -2px 0 #c6a765;}
.la-row.la-cur .la-gz{color:#8a6a1e;} .la-row.la-cur .la-note{color:#8a6a1e;font-weight:700;}
.la-legend{margin:10px 2px 0;color:#7a715a;font-size:12.5px;} .la-legend .la-dot{margin-left:4px;}

/* ===== 完整報告本文（.report-body .rsec）文青版：紙底墨棕框、深墨標題與內文 ===== */
.report-body .rsec{background:#fbf6e9 !important;border:2.5px solid #574a33 !important;box-shadow:0 6px 20px -15px rgba(60,45,20,.4);}
.report-body .rsec h3{color:#3a3020 !important;border-bottom-color:#d8c8a6 !important;position:relative;padding-left:15px;}
.report-body .rsec h3::before{content:"";position:absolute;left:0;top:2px;width:5px;height:19px;border-radius:2px;background:linear-gradient(#b0603f,#8c4530);}
.report-body .rtext{color:#3a3020 !important;}
/* 付費解鎖卡（文青版：紙底金框、深字、按鈕夠實）*/
.unlock-card{background:#fbf6e9 !important;border:2.5px solid #cbb079 !important;box-shadow:0 8px 26px -16px rgba(120,90,30,.4);}
.unlock-card .ulock{color:#8a5320 !important;} .unlock-card .uprice{color:#8a5320 !important;}
.preview-cta .note,.unlock-card .note,.report-actions .note{color:#7a715a !important;}
/* CTA 按鈕：實心深金、白字，夠醒目不淡 */
.cta{background:linear-gradient(135deg,#b8894a,#96702e) !important;color:#fff7e6 !important;box-shadow:0 6px 18px -8px rgba(120,90,30,.55);}
/* 報告頁 chrome 文青版：抬頭 / 連結框 / 生成橫幅（原本都是深色主題淺色）*/
.report-head{border-bottom-color:#d8c8a6 !important;}
.report-head h2{color:#3a3020 !important;} .report-head .rh-brand{color:#9a7228 !important;} .report-head .rh-meta{color:#6a6152 !important;}
.report-link{color:#6a6152 !important;}
.report-link .rlink{color:#8a5320 !important;background:#f4e7c6 !important;border:1px solid #cbb079 !important;}
.report-link .rlink-copy{color:#5a5245 !important;background:#f0e7cf !important;border:1px solid #b09a6a !important;}
.gen-banner.run{background:#f4e7c6 !important;border:1.5px solid #cbb079 !important;color:#8a5320 !important;}
.gen-banner.done{background:#dfe9d2 !important;border:1.5px solid #86986f !important;color:#3f5a34 !important;}
.gen-banner .gb-dot{background:#b8894a !important;} .gen-banner .gb-ok{color:#3f7355 !important;}
.report-link-top{background:#fbf6e9 !important;border:2px solid #574a33 !important;}
.report-link-top .rlt-title{color:#8a5320 !important;}
.report-link-top .rlink{color:#3a3020 !important;background:#f4e7c6 !important;border:1px solid #cbb079 !important;}
/* 財運/貴人宮位列（.nd-prow）文青版：宮位名金色藥丸、干支與星曜深墨 */
.nd-prow{border-bottom-color:#e6dabb !important;}
.nd-prow .ndpr-name{color:#8a5320 !important;background:#f4e7c6 !important;border:1px solid #cbb079 !important;}
.nd-prow .ndpr-gz{color:#7a6f52 !important;}
.nd-prow .ndpr-stars .star{color:#3a3020 !important;} .nd-prow .ndpr-stars .mstar{color:#7a5a2e !important;}

/* 試閱命盤補完（暖色頁）：四柱盤面、五格單字、五格數理、三才、格局說明、吉凶徽章——
   這些原本吃 style.css 深色主題色(近白/淺灰)，在米色底會糊掉，全部改成可讀深字。
   （.pcell 全紫微盤、.wx-* 五行色、.nd-kv 命理重點已於他處覆蓋，這裡只補剩下的） */
.nd-pillar{background:#f2ebd9 !important;border:1px solid #d5c49f !important;}
.nd-pillar .ndp-l{color:#8a7f68 !important;}
.nd-pillar .ndp-gz{color:#3a3020 !important;}
.nd-pillar .ndp-g{color:#9a7228 !important;}
.nd-char .ndc-c{color:#3a3020 !important;} .nd-char .ndc-n{color:#8a7f68 !important;}
.nd-ges{border-top-color:#e6dabb !important;}
.nd-ge .ndg-l{color:#8a7f68 !important;} .nd-ge .ndg-n{color:#3a3020 !important;}
.nd-sancai{color:#6a6152 !important;border-top-color:#e6dabb !important;} .nd-sancai b{color:#3a3020 !important;}
.nd-det .ndd-h{color:#3a3020 !important;} .nd-det .ndd-d{color:#6a6152 !important;}
.nd-lv.lv-good{color:#2e7d44 !important;} .nd-lv.lv-mid{color:#b07d1e !important;} .nd-lv.lv-bad{color:#a23b2e !important;}

/* ===== PayUni 付款確認框（退費告知＋明細＋金額，同意才前往付款）===== */
.payuni-ov{position:fixed;inset:0;z-index:1400;background:rgba(40,30,15,.5);display:flex;align-items:center;justify-content:center;padding:20px;}
.payuni-box{background:#fbf6e9;border:2.5px solid #574a33;border-radius:14px;max-width:420px;width:100%;padding:26px 26px 22px;box-shadow:0 20px 60px -20px rgba(0,0,0,.5);}
.payuni-box h3{font-family:"Noto Serif TC",serif;font-size:19px;font-weight:900;color:#3a3020;letter-spacing:.1em;margin-bottom:16px;text-align:center;}
.payuni-box .pu-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 2px;border-bottom:1px solid #d9c9a0;font-size:15px;}
.payuni-box .pu-row span{color:#4a3f28;font-weight:600;} .payuni-box .pu-row b{color:#241c10;font-weight:800;}
.payuni-box .pu-amt{color:#8a4a12 !important;font-family:"Noto Serif TC",serif;font-size:21px;font-weight:800;}
.payuni-box .pu-note{font-size:12.5px;line-height:1.85;color:#3d3524;margin:14px 0;background:#f1e6c8;border:1px solid #d3c197;border-radius:10px;padding:12px 14px;}
.payuni-box .pu-note b{color:#8a4a12;}
.payuni-box .pu-agree{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#241c10;font-weight:600;margin:12px 2px 16px;cursor:pointer;}
.payuni-box .pu-btns{display:flex;gap:10px;}
.payuni-box .pu-cancel{flex:0 0 auto;padding:12px 18px;border-radius:11px;border:1.5px solid #b09a6a;background:#f0e7cf;color:#5a5245;font-size:14px;cursor:pointer;}
.payuni-box .pu-go{flex:1;padding:12px;border-radius:11px;border:none;background:linear-gradient(135deg,#b8894a,#96702e);color:#fff7e6;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px -8px rgba(120,90,30,.6);}
.payuni-box .pu-go:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;}

/* ===== 首頁「命理測算工具」catalog（#view-products）文青多彩改版 ===== */
#view-products .preview-head .en{color:#9c7c44 !important;}
#view-products .preview-head h2{color:#26313f !important;}
#view-products .preview-head p{color:#6a6152 !important;}
#view-products .group-title{border-bottom-color:#e5dabf !important;}
#view-products .group-title span{color:#26313f !important;}
#view-products .group-title i{color:#8a8168 !important;}
/* 卡片：暖白底、圓角、彩色頂邊、hover 浮起 */
#view-products .product{background:#fffdf8 !important;border:1px solid #e5dabf !important;border-top:4px solid #c9a15a !important;border-radius:16px !important;box-shadow:0 6px 18px -14px rgba(58,45,20,.3);}
#view-products .product:hover{border-color:#b8965a !important;box-shadow:0 14px 32px -18px rgba(58,45,20,.5) !important;transform:translateY(-3px);}
#view-products .product h3{color:#26313f !important;}
#view-products .product .pdesc{color:#6a6152 !important;}
#view-products .product .pincl{color:#a2977f !important;}
#view-products .product .pmeta{border-top-color:#eaddbf !important;}
#view-products .product .price.free{color:#5f8a72 !important;font-weight:700;}
#view-products .product .buy{background:linear-gradient(135deg,#c9a86a,#b8965a) !important;color:#241c0d !important;font-weight:700;box-shadow:0 6px 16px -8px rgba(184,150,90,.5);}
#view-products .product.feature{background:#fffbf0 !important;}
/* 顏色豐富：每張卡不同重點色（頂邊＋標籤，8 色輪替） */
#view-products .topics .product:nth-child(8n+1){border-top-color:#c07a54 !important;} #view-products .topics .product:nth-child(8n+1) .ptag{color:#c07a54 !important;}
#view-products .topics .product:nth-child(8n+2){border-top-color:#5f8a72 !important;} #view-products .topics .product:nth-child(8n+2) .ptag{color:#5f8a72 !important;}
#view-products .topics .product:nth-child(8n+3){border-top-color:#6f88b0 !important;} #view-products .topics .product:nth-child(8n+3) .ptag{color:#6f88b0 !important;}
#view-products .topics .product:nth-child(8n+4){border-top-color:#9b7fb0 !important;} #view-products .topics .product:nth-child(8n+4) .ptag{color:#9b7fb0 !important;}
#view-products .topics .product:nth-child(8n+5){border-top-color:#c77a92 !important;} #view-products .topics .product:nth-child(8n+5) .ptag{color:#c77a92 !important;}
#view-products .topics .product:nth-child(8n+6){border-top-color:#b8965a !important;} #view-products .topics .product:nth-child(8n+6) .ptag{color:#b8965a !important;}
#view-products .topics .product:nth-child(8n+7){border-top-color:#8a9a5b !important;} #view-products .topics .product:nth-child(8n+7) .ptag{color:#8a9a5b !important;}
#view-products .topics .product:nth-child(8n+8){border-top-color:#bd6a5a !important;} #view-products .topics .product:nth-child(8n+8) .ptag{color:#bd6a5a !important;}

/* ===== 產品頁行銷區（.mkt）多彩文青升級 ===== */
.mkt-pains h2,.mkt-solve h2,.mkt-feats h2,.mkt-cross h2{font-family:"Noto Serif TC",serif;text-align:center;}
.mkt-sub{text-align:center;}
.mkt-pain-grid .mkt-pain{border-width:1px !important;}
.mkt-pain-grid .mkt-pain:nth-child(4n+1){background:#e9eef6 !important;border-color:#d4dceb !important;}
.mkt-pain-grid .mkt-pain:nth-child(4n+2){background:#eaf1ec !important;border-color:#d3e1d8 !important;}
.mkt-pain-grid .mkt-pain:nth-child(4n+3){background:#efe9f4 !important;border-color:#ddd2e8 !important;}
.mkt-pain-grid .mkt-pain:nth-child(4n+4){background:#f7e9ec !important;border-color:#ecd4da !important;}
.mkt-feat-grid .mkt-feat:nth-child(3n+1){background:#e9f0eb !important;border-color:#d2e0d6 !important;}
.mkt-feat-grid .mkt-feat:nth-child(3n+2){background:#f7efda !important;border-color:#e9dab2 !important;}
.mkt-feat-grid .mkt-feat:nth-child(3n+3){background:#f7e8df !important;border-color:#ecccba !important;}
.mkt-why{background:#fffdf8;border:1px solid #e5dabf;border-radius:16px;padding:26px 28px;margin:18px 0 4px;box-shadow:0 8px 24px -16px rgba(58,45,20,.35);}
.mkt-why h4{font-family:"Noto Serif TC",serif;font-size:19px;font-weight:900;color:#3a3020;margin:0 0 13px;}
.mkt-why p{font-size:14.5px;color:#4a4335;line-height:1.95;margin:0 0 10px;}
.mkt-why p:last-child{margin-bottom:0;}
.mkt-why .accent{color:#8a5320;font-weight:700;}

/* 防長英文溢位（占卜/測驗頁共用；overflow-wrap 只在字會溢位時才斷，安全）2026-07-29 */
.pcard, .pcard h5, .pcard p, .card, .deep-cta, .deep-title, .deep-btn, .cta, .again,
.pcard .go, .chip, .qtext, .opt, .rcard, .spread, .res-hero, .honesty, .about-body,
.method, .hero h2, .hero .lead { overflow-wrap:break-word; word-break:break-word; }

/* 四化流年標籤：原 .sihua-chip 用深底主題的淺字(var(--txt))＋淺藍底，套到暖色淺底會糊；改深墨字＋象牙底 2026-07-29 */
.sihua-chip{color:#3a3226 !important; background:#f1ead9 !important; border:1px solid #d8c8a6 !important;}