/* SOURCE: intro-v42.css */
html.intro-v39-needed,html.intro-v39-needed body{overflow:hidden!important;overscroll-behavior:none!important}
#introV39.intro-v42-overlay{position:fixed;inset:0;z-index:2147483000;display:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;color:#fff5df;background:radial-gradient(ellipse at 50% 38%,#5d447a 0%,#2d214d 54%,#17112c 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;isolation:isolate}
html.intro-v39-needed #introV39.intro-v42-overlay{display:flex!important;align-items:center;justify-content:center}
#introV39[hidden]{display:none!important}
#introV39::before{content:"";position:fixed;inset:0;opacity:.65;pointer-events:none;z-index:0;background:radial-gradient(circle at 8% 16%,#f9dfbe 0 1px,transparent 2px),radial-gradient(circle at 83% 20%,#fff1d5 0 1px,transparent 2px),radial-gradient(circle at 30% 77%,#f6ddac 0 1.5px,transparent 2.4px),radial-gradient(circle at 70% 89%,#fff1c6 0 1px,transparent 2px);background-size:201px 157px,269px 228px,283px 235px,355px 308px}
#introV39 .intro-v42-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,1150px);margin:auto;min-height:100%;padding:clamp(18px,3vh,35px) 20px calc(22px + env(safe-area-inset-bottom,0px));box-sizing:border-box;text-align:center}
#introV39 .intro-v42-crest{color:#ffe5b8;margin:0 0 16px;font:750 clamp(12px,1.35vw,16px)/1.6 'Noto Serif TC',serif;letter-spacing:.23em;text-shadow:0 0 20px #ffdb9b80}
#introV39 .intro-v42-stage{position:relative;width:min(920px,100%,83vh);aspect-ratio:508/337;flex:0 0 auto;overflow:hidden;background:#1d1435;border-radius:clamp(18px,2.4vw,30px);border:3px solid #e6c58f;box-shadow:0 0 0 6px #fff0d716,0 24px 67px #090521a1,inset 0 0 0 3px #fff6d82b;box-sizing:border-box}
#introV39 .intro-v42-media,#introV39 .intro-v42-fallback,#introV39 .intro-v42-final{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#1d1435}
#introV39 .intro-v42-fallback[hidden],#introV39 .intro-v42-final[hidden]{display:none!important}
#introV39 .intro-v42-final{z-index:2}
#introV39 .intro-v42-stage::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px #fff2c94a,inset 0 0 35px #281b4c66;border-radius:inherit}
#introV39 .intro-v42-below{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:min(860px,100%);padding:19px 0 3px;min-height:168px}
#introV39 .intro-v42-progress{margin:7px 0 0;min-height:30px;color:#ffdeb0;font:650 14px/1.6 'Noto Serif TC',serif;letter-spacing:.14em}
#introV39 .intro-v42-welcome{margin:0 auto 18px;max-width:800px;color:#fff4de;font:800 clamp(18px,2.3vw,28px)/1.65 'Noto Serif TC',serif;letter-spacing:.025em;text-shadow:0 2px 16px #170c2e,0 1px 3px #35204f;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}
#introV39 .intro-v42-enter{display:inline-flex;align-items:center;justify-content:center;gap:15px;box-sizing:border-box;max-width:100%;min-height:55px;min-width:min(320px,88vw);padding:10px 35px;border:2px solid #e8bd7c;border-radius:999px;background:linear-gradient(180deg,#a077a7,#734a83 48%,#4c3162);color:#fff8df;text-decoration:none!important;font:800 clamp(18px,2vw,24px)/1.35 'Noto Serif TC',serif;letter-spacing:.16em;box-shadow:inset 0 0 0 3px #ffebc543,0 10px 25px #170f3275,0 0 24px #e6bc7830;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .35s ease,transform .35s ease,filter .18s ease}
#introV39 .intro-v42-enter span{color:#f7ce93;font-size:.95em}
#introV39 .intro-v42-enter:hover{filter:brightness(1.13)}
#introV39 .intro-v42-enter:focus-visible,#introV39 .intro-v42-replay:focus-visible{outline:3px solid #fff1ba;outline-offset:5px}
#introV39 .intro-v42-replay{margin-top:13px;padding:7px 19px;border:1px solid #b996ad;border-radius:999px;color:#f3dcc4;background:transparent;font-size:14px;cursor:pointer}
#introV39 .intro-v42-replay[hidden]{display:none!important}
#introV39.intro-v42-ready .intro-v42-progress{display:none}
#introV39.intro-v42-ready .intro-v42-welcome,#introV39.intro-v42-ready .intro-v42-enter{opacity:1;transform:translateY(0);pointer-events:auto}
html.intro-v42-closing #introV39{opacity:0;transition:opacity .38s ease;pointer-events:none}
@media(max-width:650px){
#introV39 .intro-v42-content{min-height:100%;padding:calc(22px + env(safe-area-inset-top,0px)) 13px calc(18px + env(safe-area-inset-bottom,0px))}
#introV39 .intro-v42-crest{font-size:11px;margin-bottom:13px;letter-spacing:.06em}
#introV39 .intro-v42-stage{width:100%;max-width:100%;border-radius:19px;border-width:2px}
#introV39 .intro-v42-below{padding:19px 0 2px;min-height:190px}
#introV39 .intro-v42-welcome{font-size:clamp(18px,4.55vw,23px);line-height:1.75;margin-bottom:22px;letter-spacing:.018em}
#introV39 .intro-v42-enter{width:min(340px,100%);font-size:20px;min-height:54px}
}
@media(max-height:580px) and (min-width:700px){
#introV39 .intro-v42-content{padding-top:12px;padding-bottom:12px}
#introV39 .intro-v42-stage{width:auto;max-width:88vw;height:48vh}
#introV39 .intro-v42-below{padding-top:8px;min-height:100px}
#introV39 .intro-v42-welcome{font-size:18px;margin-bottom:7px}
#introV39 .intro-v42-enter{min-height:43px}
}
@media(prefers-reduced-motion:reduce){
#introV39 .intro-v42-welcome,#introV39 .intro-v42-enter{transition:none!important}
}

/* v48: vertical user-supplied intro video (720 x 960). Keep entire frame visible. */
#introV39 .intro-v42-stage{
  width:min(430px, 96%, calc(64vh * .75));
  width:min(430px, 96%, calc(64dvh * .75));
  height:auto;
  max-height:none;
  aspect-ratio:3 / 4;
  border-radius:22px;
}
#introV39 .intro-v42-media,#introV39 .intro-v42-fallback,#introV39 .intro-v42-final{
  object-fit:contain;
}
#introV39 .intro-v42-content{justify-content:center;}
@media(max-width:650px){
  #introV39 .intro-v42-stage{width:min(96%, calc(58svh * .75), 390px);height:auto;aspect-ratio:3/4;}
  #introV39 .intro-v42-below{padding-top:12px;min-height:165px;}
  #introV39 .intro-v42-crest{margin-bottom:8px;}
}
@media(max-height:580px) and (min-width:700px){
  #introV39 .intro-v42-stage{width:min(300px,calc(48vh * .75));height:auto;max-height:none;aspect-ratio:3/4;}
}

/* v77: controls are accessible before animation script completes. */
#introV39 .intro-v77-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%;margin:0 0 5px}
#introV39 .intro-v77-controls [hidden]{display:none!important}
#introV39 .intro-v77-controls button,#introV39 .intro-v77-controls a{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #d9b77b;border-radius:999px;background:rgba(31,22,49,.76);color:#fff1d7!important;text-decoration:none!important;font:600 13px/1.4 'Noto Serif TC',serif;cursor:pointer;touch-action:manipulation;min-height:36px}
#introV39 .intro-v77-controls a{background:rgba(92,56,104,.82)}
#introV39 .intro-v77-controls :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:3px}
#introV39.intro-v42-ready .intro-v77-controls{display:none}
@media(max-width:650px){#introV39 .intro-v42-below{min-height:0}#introV39 .intro-v77-controls button,#introV39 .intro-v77-controls a{font-size:12px;min-height:34px;padding:7px 9px}}

/* SOURCE: index.css */
:root{--ink:#172337;--navy:#101a2a;--navy2:#1b2a40;--gold:#b9945b;--gold2:#e6d2ad;--paper:#f6f2ea;--white:#fffdf9;--muted:#738092;--line:#e5dfd3;--shadow:0 18px 60px rgba(19,30,47,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"PingFang TC","Noto Sans TC",sans-serif;line-height:1.65}button,input,select{font:inherit}.shell{max-width:1120px;margin:auto;padding:22px 22px 64px}.top{display:flex;align-items:center;justify-content:space-between;padding:10px 0 26px}.brand{display:flex;align-items:center;gap:12px}.seal{width:43px;height:43px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:serif;font-size:22px}.brandname{font-family:Georgia,serif;letter-spacing:.14em;font-size:17px}.brandname small{display:block;font:10px system-ui;letter-spacing:.26em;color:var(--muted);margin-top:2px}.topnote{font-size:12px;color:var(--muted)}.hero{background:linear-gradient(125deg,#101a2a,#1c2b42 76%,#26374e);color:#fff;padding:36px 38px;border-radius:5px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero:after{content:"知";position:absolute;right:36px;top:-55px;font-family:serif;font-size:250px;color:rgba(255,255,255,.035);pointer-events:none}.eyebrow{color:var(--gold2);font-size:11px;letter-spacing:.28em}.hero h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(29px,5vw,46px);font-weight:500;letter-spacing:.12em;margin:10px 0}.hero p{color:#c8d0db;max-width:620px;margin:8px 0 0;font-size:14px}.layout{display:grid;grid-template-columns:360px 1fr;gap:22px;margin-top:23px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:5px;padding:24px}.panel h2{font-family:Georgia,"Noto Serif TC",serif;font-weight:500;font-size:20px;margin:0 0 4px}.sub{font-size:12px;color:var(--muted);margin:0 0 22px}.field{margin:0 0 15px}.field label{display:block;font-size:12px;font-weight:650;margin-bottom:6px}.field input,.field select{width:100%;height:43px;border:1px solid #dcd6cb;background:#fffefa;border-radius:3px;padding:0 11px;color:var(--ink);outline:none}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b9945b22}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.checkrow{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#606c7d;margin:10px 0}.checkrow input{margin-top:4px;accent-color:var(--gold)}.hint{font-size:11px;color:var(--muted);margin-top:5px}.btn{border:0;background:var(--gold);color:#fff;padding:12px 18px;border-radius:3px;width:100%;font-weight:700;cursor:pointer;letter-spacing:.08em}.btn:hover{background:#a78049}.btn:disabled{opacity:.55;cursor:wait}.btn.secondary{background:transparent;border:1px solid var(--line);color:var(--ink);width:auto}.btnrow{display:flex;gap:8px;flex-wrap:wrap}.result-empty{min-height:470px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:35px}.empty-mark{font-family:serif;font-size:58px;color:#d6c6aa}.result{display:none}.result.show{display:block}.empty.hide{display:none}.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:17px}.result-head h2{font-size:24px}.pill{display:inline-block;border:1px solid #ded4c3;color:#8b7048;font-size:11px;padding:3px 9px;border-radius:20px}.meta{font-size:12px;color:var(--muted)}.chart{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:16px 0 20px}.chart-col{text-align:center;padding:14px 8px;border-right:1px solid var(--line);min-width:0}.chart-col:last-child{border:0}.chart-col h3{font-size:12px;color:var(--muted);font-weight:500;margin:0 0 8px}.chart-col .god{font-size:11px;color:#8b7048;min-height:22px}.hanzi{font-family:"Noto Serif TC",serif;font-size:33px;line-height:1.3;color:var(--navy);font-weight:600}.branch{font-family:"Noto Serif TC",serif;font-size:30px;line-height:1.3;color:#9a7442}.detail{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.8}.section{margin-top:22px}.section h3{font-size:14px;margin:0 0 11px;padding-bottom:8px;border-bottom:1px solid var(--line);letter-spacing:.08em}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.stat{border:1px solid var(--line);padding:11px 8px;text-align:center;background:#fff}.stat strong{display:block;font-size:22px;font-family:Georgia,serif}.stat span{font-size:11px;color:var(--muted)}.stat small{display:block;font-size:10px;color:#9a7442}.table-wrap{overflow-x:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:12px;min-width:560px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f7f3eb;color:#7d6b52;font-weight:600}tr:last-child td{border:0}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#f3eee5;border:1px solid #e5dccd;padding:5px 9px;font-size:11px;border-radius:3px;color:#675b4d}.notice{background:#f8f5ef;border-left:3px solid var(--gold);padding:12px 14px;font-size:12px;color:#6f6a60;margin-top:18px}.error{display:none;background:#fff2ef;border:1px solid #e8c5bb;color:#9b4230;padding:10px 12px;font-size:12px;margin:12px 0}.error.show{display:block}.footer{text-align:center;color:#9a9a95;font-size:11px;margin:28px 0 0}.hidden{display:none!important}@media(max-width:850px){.layout{grid-template-columns:1fr}.result-empty{min-height:190px}.hero{padding:28px 24px}.hero:after{right:0;font-size:180px}.topnote{display:none}}@media(max-width:480px){.shell{padding:14px 12px 40px}.panel{padding:18px}.chart-col{padding:11px 3px}.hanzi{font-size:27px}.branch{font-size:25px}.detail{font-size:10px}.chart-col .god{font-size:10px}.two{grid-template-columns:1fr 1fr}}
@media print{body{background:#fff}.shell{max-width:none;padding:0}.top,.hero,.form-panel,.btnrow,.footer{display:none!important}.layout{display:block;margin:0}.panel{box-shadow:none;border:0;padding:0}.result{display:block!important}.result-empty{display:none!important}}

/* Original inline declarations moved here to support strict CSP headers. */
.zh-index-inline-1{margin-top:18px}
.zh-index-inline-2{display:inline-block;color:#f0d9ad;border:1px solid #a88b59;padding:9px 15px;text-decoration:none;border-radius:3px}
.zh-index-inline-3{margin-top:14px}
.zh-index-inline-4{margin-top:8px}
.zh-index-inline-5{margin-top:9px}
.zh-index-inline-6{display:block;color:#6b6458;font-weight:500;margin:5px 0}
.zh-index-inline-7{font-size:12px}
.zh-index-inline-8{margin:8px 0 2px}
.zh-index-inline-9{margin-bottom:10px}
.zh-index-inline-10{font-size:11px;color:#7b7b75;padding-left:18px}
.zh-index-inline-11{color:inherit}
.zh-index-inline-12{color:#b9b2a6}

/* 2027 丁未流年｜獨立付費牆介面。排盤原本元件維持不動。 */
.annual-paywall{margin:24px 0 12px;border:1px solid #d8c6a5;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#fffcf4 0%,#f4eee2 100%);box-shadow:0 12px 32px rgba(50,42,27,.08)}
.annual-banner{display:flex;justify-content:space-between;gap:12px;padding:9px 19px;background:#15243a;color:#ead5ae;font-size:10px;letter-spacing:.17em}
.annual-heading{padding:21px 23px 8px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.annual-eyebrow{font-size:10px;letter-spacing:.16em;color:#aa864b;font-weight:700;margin-bottom:8px}
.annual-paywall .annual-heading h3{font-family:Georgia,"Noto Serif TC",serif;font-size:21px;font-weight:600;letter-spacing:.04em;color:#1e2c40;border:0;padding:0;margin:0 0 7px}
.annual-heading p{font-size:12px;color:#7d7a73;margin:0;line-height:1.75}
.annual-year-mark{font:italic 35px Georgia,serif;color:rgba(166,125,62,.4);white-space:nowrap}
.annual-stage{position:relative;margin:8px 15px 12px;min-height:365px;border:1px solid #e5d6bd;border-radius:8px;background:#fdfaf4;overflow:hidden}
.annual-preview{padding:28px;filter:blur(5.5px);opacity:.45;user-select:none;pointer-events:none;min-height:355px;line-height:2;font-size:13px;color:#3f4852;mask-image:linear-gradient(#000 14%,transparent 98%)}
.annual-preview-title{font-weight:700;font-size:16px;margin-bottom:10px}
.annual-preview p{margin:0 0 26px}
.annual-gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:15px;background:linear-gradient(180deg,rgba(253,249,242,.05),rgba(244,235,219,.47));z-index:1}
.annual-unlock-card{max-width:455px;width:100%;text-align:center;border:1px solid #e6d3ad;background:linear-gradient(160deg,#fffefd,#fff8ed);border-radius:12px;padding:23px 24px 18px;box-shadow:0 18px 55px rgba(51,43,30,.22),0 2px 4px rgba(30,40,60,.05)}
.annual-lock-symbol{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#f7ecd7;color:#ae8247;font-size:23px;margin:0 auto 10px}
.annual-gate-tag{font-size:10px;letter-spacing:.12em;color:#a17d4c;font-weight:700}
.annual-unlock-card h4{font-size:17px;color:#19283d;line-height:1.75;letter-spacing:.025em;margin:10px 0}
.annual-gate-desc{font-size:11px;line-height:1.9;color:#77756f;margin:0 auto 12px}
.annual-price{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:5px 10px;margin:7px 0 14px}
.annual-price strong{font:700 30px Georgia,serif;letter-spacing:.01em;color:#a8783d}
.annual-price span{font-size:12px;font-weight:700;color:#aa7440}
.annual-price del{font-size:11px;color:#9b9a96}
.annual-purchase-btn{display:flex;justify-content:center;align-items:center;gap:12px;background:linear-gradient(105deg,#b48a4e,#a6793c);color:#fff;border:0;width:100%;padding:13px 11px;border-radius:6px;font-size:13px;font-weight:700;letter-spacing:.03em;cursor:pointer;box-shadow:0 6px 14px rgba(161,118,62,.19)}
.annual-purchase-btn:hover{background:linear-gradient(105deg,#a97b3e,#95672f)}
.annual-purchase-btn:focus-visible,.pay-modal-actions button:focus-visible{outline:3px solid #c8a668;outline-offset:3px}
.annual-demo-label{font-size:10px;color:#878078;margin:13px 0 0}
.annual-disclaimer{font-size:10px;color:#8b877e;line-height:1.75;margin:10px 20px 18px}
.annual-paywall.is-unlocked .annual-stage{min-height:0;background:#fffdf8;overflow:visible}
.annual-report{padding:23px 26px 27px}
.annual-report-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e4d8c6;padding-bottom:15px;margin-bottom:18px}
.annual-report-head strong{font-size:17px;color:#1e2b42}
.annual-report-head span{border-radius:30px;background:#eef4ec;color:#567253;padding:3px 9px;font-size:10px;font-weight:700}
.annual-report-intro{font-size:13px;color:#535f6e;line-height:2;margin:0 0 15px}
.annual-report-section{border-top:1px solid #ece2d5;padding:19px 0 2px}
.annual-report-section h4{margin:0 0 12px;color:#8a6638;font-size:15px;line-height:1.65;letter-spacing:.04em}
.annual-report-section p{font-size:12px;color:#505a67;line-height:2.05;margin:0 0 13px}
.annual-report-footnote{margin-top:18px;border-radius:5px;background:#f6f0e5;color:#7b746b;padding:11px 13px;font-size:11px;line-height:1.8}
.pay-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:18px}
.pay-modal-backdrop{position:absolute;inset:0;background:rgba(13,21,34,.73);backdrop-filter:blur(5px)}
.pay-modal-dialog{position:relative;width:min(100%,450px);background:#fffdf9;border-radius:14px;border:1px solid #e6d5b9;padding:32px 30px 26px;text-align:center;box-shadow:0 28px 85px rgba(5,10,19,.45);outline:none}
.pay-modal-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:50%;background:#f5ebd9;color:#b1874b;font-size:27px;margin:auto auto 12px}
.pay-modal-kicker{font-size:10px;letter-spacing:.2em;color:#aa8e5d}
.pay-modal-dialog h2{font-family:Georgia,"Noto Serif TC",serif;font-weight:600;color:#1a283d;font-size:22px;margin:8px 0}
.pay-modal-dialog p{font-size:13px;color:#647184;line-height:1.85;margin:10px 0}
.pay-modal-order{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px;padding:15px 12px;background:#f8f3ea;border:1px solid #eee3d0;border-radius:7px;text-align:left;font-size:12px;color:#5c5f62}
.pay-modal-order strong{font-size:18px;color:#9a7442;white-space:nowrap}
.pay-modal-dialog .pay-modal-warning{font-size:11px;color:#9c784c;margin:10px 0 20px}
.pay-modal-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}
.pay-modal-actions button{padding:12px 8px;border-radius:6px;font-weight:700;border:0;cursor:pointer;font-size:12px}
.pay-confirm-btn{background:#b28a51;color:#fff}.pay-confirm-btn:hover{background:#9f753c}
.pay-cancel-btn{background:#f0ede6;color:#455061}.pay-cancel-btn:hover{background:#e9e3d8}
.pay-toast{position:fixed;z-index:2100;left:50%;bottom:32px;transform:translate(-50%,20px);padding:14px 20px;border-radius:9px;background:#1b3540;color:#fff;font-size:13px;font-weight:650;box-shadow:0 14px 42px rgba(15,25,33,.3);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;max-width:calc(100% - 32px);text-align:center}
.pay-toast.is-visible{opacity:1;transform:translate(-50%,0)}
body.pay-modal-open{overflow:hidden}
@media(max-width:540px){.annual-banner{padding:9px 12px;letter-spacing:.06em}.annual-heading{padding:16px 14px 7px}.annual-paywall .annual-heading h3{font-size:17px}.annual-year-mark{font-size:26px}.annual-stage{margin:8px}.annual-gate{padding:10px}.annual-unlock-card{padding:16px 13px 14px}.annual-unlock-card h4{font-size:15px}.annual-gate-desc{font-size:10px}.annual-price strong{font-size:27px}.annual-report{padding:18px 15px}.pay-modal-dialog{padding:25px 18px 20px}}
@media print{.annual-paywall:not(.is-unlocked){display:none!important}.annual-paywall.is-unlocked{break-inside:auto}.annual-paywall.is-unlocked .annual-stage{border:0;margin:0}.annual-paywall.is-unlocked .annual-report{padding:10px}.annual-report-section{break-inside:avoid}.pay-modal,.pay-toast{display:none!important}}
/* 行動裝置：避免表格與五行統計的最小內容寬度撐開整頁。 */
.layout>.panel{min-width:0}
.stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.stat{min-width:0}
@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.stat{padding:9px 2px}.stat span,.stat small{font-size:9px;overflow-wrap:anywhere}.result-head{flex-wrap:wrap}.annual-heading p{overflow-wrap:anywhere}}


/* 會員入口：新中式金墨導覽列 */
.brand-home{text-decoration:none;color:inherit;flex-shrink:0}
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:17px;flex-wrap:wrap;min-width:0}
.top-daily{text-decoration:none;font-size:12px;letter-spacing:.1em;color:#687588;white-space:nowrap}
.top-daily:hover{color:#a47d47}
.auth-nav{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.auth-nav button{cursor:pointer;border-radius:4px;font-size:12px;line-height:1.3;padding:9px 14px;transition:transform .15s ease,background .15s ease}
.auth-nav button:active{transform:translateY(1px)}
.auth-nav-ghost{border:1px solid #d5c5a9;color:#7a6038;background:#fffdf8}
.auth-nav-ghost:hover{background:#f8f0df}
.auth-nav-main{border:1px solid #a98550;color:#fff;background:#af8950;font-weight:700}
.auth-nav-main:hover{background:#94703d}
.auth-greeting{font-size:12px;color:#705737;letter-spacing:.035em;overflow-wrap:anywhere;max-width:235px}
.auth-loading{color:#7c857f;font-size:11px}
.member-required-note{background:#f7f0e1;color:#886a40;font-size:12px;padding:9px 12px;border:1px solid #e5d7ba;border-radius:4px;margin:0 0 18px}
.auth-modal{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;padding:15px}
.auth-modal-backdrop{position:absolute;inset:0;background:rgba(9,20,34,.72);backdrop-filter:blur(5px)}
.auth-dialog{position:relative;width:min(100%,438px);max-height:min(94vh,830px);overflow:auto;background:linear-gradient(150deg,#fffdf9,#f8f1e5);border:1px solid #ddc8a3;border-radius:10px;box-shadow:0 24px 75px #06122270;padding:26px 33px 24px;text-align:center;outline:none}
.auth-dialog::before{content:"";position:absolute;inset:8px;border:1px solid #e8dcc8;border-radius:6px;pointer-events:none}
.auth-close{position:absolute;top:13px;right:15px;border:0;background:transparent;color:#788090;font-size:26px;cursor:pointer;line-height:1;padding:6px;z-index:1}
.auth-close:hover{color:#9e7439}
.auth-symbol{font-family:serif;font-size:29px;width:54px;height:54px;margin:0 auto 9px;border:1px solid #aa854e;color:#b88f50;display:grid;place-items:center}
.auth-kicker{font-size:10px;letter-spacing:.2em;color:#a48253;margin:10px 0 6px}
.auth-dialog h2{font:500 25px Georgia,"Noto Serif TC",serif;color:#18283e;letter-spacing:.09em;margin:5px 0 6px}
.auth-intro{font-size:12px;color:#7c7f7f;margin:0 0 21px;line-height:1.8}
.auth-field{text-align:left;margin:0 0 15px}
.auth-field label{display:block;font-size:12px;color:#5b6874;font-weight:700;margin:0 0 7px}
.auth-field input{width:100%;height:44px;border:1px solid #dcd0be;border-radius:4px;background:#fffefa;padding:0 12px;font-size:14px;color:#223347;outline:none}
.auth-field input:focus{border-color:#aa8347;box-shadow:0 0 0 3px #ad8b5328}
.auth-password-hint{font-size:10px;color:#968466;margin:5px 0 0}
.auth-error{font-size:12px;color:#963b30;border:1px solid #ecc6bc;background:#fff2ef;padding:10px;margin:0 0 13px;text-align:left;border-radius:4px}
.auth-submit{width:100%;padding:12px 14px;background:linear-gradient(105deg,#ad8953,#95703d);color:#fff;border:0;border-radius:4px;font-weight:700;letter-spacing:.06em;cursor:pointer}
.auth-submit:hover{filter:brightness(.94)}
.auth-submit:disabled{opacity:.55;cursor:wait}
.auth-switch-line{font-size:12px;color:#727d87;margin:20px 0 0}
.auth-switch{background:transparent;color:#a47c44;border:0;border-bottom:1px solid #b38c51;font-weight:700;cursor:pointer;padding:3px 1px}
.auth-footnote{font-size:10px;line-height:1.8;color:#999185;margin:19px 0 0}
body.auth-modal-open{overflow:hidden}
/* 已登入會員的本機歷史 */
.history-panel{margin:24px 0 0;background:#fffdf9;border:1px solid #e2d7c5;border-radius:6px;padding:25px;box-shadow:var(--shadow)}
.history-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:15px}
.history-kicker{font-size:10px;color:#ae874c;letter-spacing:.22em}
.history-heading h2{font:500 22px Georgia,"Noto Serif TC",serif;color:#1e2d43;margin:5px 0}
.history-heading p{margin:0;font-size:12px;color:#8a8c8c}
.history-clear{white-space:nowrap;border:1px solid #dfcdb0;background:#fbf6ed;color:#9a784b;border-radius:4px;padding:9px 12px;font-size:11px;cursor:pointer}
.history-clear:disabled{opacity:.45;cursor:not-allowed}
.history-list{display:grid;gap:10px}
.history-empty{color:#888b91;border:1px dashed #dcccaf;background:#f9f6f0;padding:23px;text-align:center;font-size:12px;border-radius:5px}
.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fcfaf5;border:1px solid #e9e0d1;border-radius:5px}
.history-info{min-width:0}
.history-name{font-size:15px;font-weight:700;color:#334053}
.history-date{font-size:11px;color:#9b9489;margin-top:2px}
.history-pillars{font-size:12px;color:#866338;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}
.history-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:7px}
.history-actions button{font-size:11px;padding:7px 9px;cursor:pointer;border:1px solid #ddcdb3;color:#756045;background:#fffaf1;border-radius:4px}
.history-actions button.history-delete{color:#ac6c5f;background:#fffdfb;border-color:#e6d9d2}
.history-privacy{color:#99928a;font-size:10px;line-height:1.7;margin:14px 0 0}
@media(max-width:650px){.top{align-items:flex-start;gap:12px}.top-actions{gap:8px}.auth-greeting{max-width:100%;flex-basis:100%;text-align:right}.top-daily{display:none}.auth-nav button{padding:8px 11px}.history-item{align-items:flex-start;flex-direction:column}.auth-nav{gap:6px}}
@media(max-width:410px){.brandname{font-size:15px}.seal{width:38px;height:38px}.auth-dialog{padding:24px 21px}.history-heading{align-items:flex-start;flex-direction:column}.top{gap:8px}.auth-nav button{font-size:11px;padding:7px 8px}}
@media print{.auth-modal,.history-panel{display:none!important}}

/* SOURCE: match.css */
/* 知命 · 雙人合盤：以既有金墨設計為基礎，配合紅線／雙囍的胭脂色。 */
.fortune-tabs{display:flex;gap:10px;align-items:stretch;margin:23px 0 0;flex-wrap:wrap}
.fortune-tab{border:1px solid #ded1be;color:#7a6655;cursor:pointer;letter-spacing:.055em;font-size:14px;padding:13px 23px;background:#fffdf9;border-radius:5px 5px 0 0;min-height:52px;transition:background .15s,color .15s,border-color .15s}
.fortune-tab span{color:#a68050;padding-right:7px;font-family:serif;font-size:19px;vertical-align:middle}
.fortune-tab.is-selected{background:#1c2b41;border-color:#1c2b41;color:#f7e5c1;box-shadow:0 5px 15px #17233714}
.fortune-tab.is-selected span{color:#d5b481}.fortune-tab:hover:not(.is-selected){background:#f6f0e5}
.fortune-tab:focus-visible,.match-submit:focus-visible,.match-buy:focus-visible,.match-modal-actions button:focus-visible{outline:3px solid #c59373;outline-offset:2px}
.match-view{margin-top:22px;min-width:0}.match-hero{background:linear-gradient(115deg,#391f2a,#512d38 64%,#663c43);position:relative;overflow:hidden;color:#fbecdf;text-align:center;padding:35px 22px 22px;border:1px solid #8b6060;border-radius:6px 6px 0 0;box-shadow:var(--shadow)}
.match-hero:before,.match-hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #b890702b;border-radius:50%;pointer-events:none}.match-hero:before{top:-150px;left:-70px}.match-hero:after{right:-100px;bottom:-175px}
.match-hero-script{font-family:"Noto Serif TC",serif;position:absolute;font-size:215px;line-height:1;right:4%;top:-22px;opacity:.06;pointer-events:none}
.match-hero-kicker{color:#e4bfb6;letter-spacing:.24em;font-size:10px;margin:0}.match-hero h2{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(26px,4vw,39px);font-weight:500;letter-spacing:.14em;margin:8px 0 10px}.match-hero>p:not(.match-hero-kicker){font-size:13px;color:#e0cdd1;line-height:2;max-width:750px;margin:0 auto}.match-thread{height:30px;display:flex;gap:26px;align-items:center;justify-content:center;color:#eec8b0;font-family:serif;font-size:18px}.match-thread:before,.match-thread:after{content:"";height:1px;width:20%;max-width:140px;background:linear-gradient(90deg,transparent,#d2a09b)}.match-thread:after{transform:rotate(180deg)}.match-thread span:nth-child(2){font-size:24px;color:#e8b1a4}
.match-form{padding:26px 30px 30px;background:#fffdf9;border:1px solid #e5d5c5;border-top:0;box-shadow:var(--shadow);border-radius:0 0 6px 6px}.match-membership{padding:10px 13px;border-radius:4px;background:#f8eee8;border:1px solid #ebd3cb;color:#94624e;font-size:12px;margin:0 0 24px;line-height:1.8}
.match-partner-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;position:relative}.match-partner{margin:0;min-width:0;padding:19px 21px 16px;background:linear-gradient(160deg,#fffdfb,#f8f3ef);border:1px solid #e3d3c7;border-radius:5px}.match-partner legend{font-family:"Noto Serif TC",serif;font-size:20px;letter-spacing:.06em;color:#5b3c37;font-weight:700;padding:0 12px}.match-female{border-color:#e8cfcf;background:linear-gradient(160deg,#fffdfb,#faf0f0)}.match-person-symbol{display:inline-grid;place-items:center;margin-right:8px;width:30px;height:30px;background:#eee0d2;border:1px solid #d6b69c;border-radius:50%;font-size:15px;color:#8f654d}.match-female .match-person-symbol{background:#f5e1e1;border-color:#e9c6c6;color:#a25b67}
.match-partner .field{margin-bottom:16px}.match-partner .field:last-child{margin-bottom:0}.match-partner .field input,.match-partner .field select{background:#fffefa}.match-partner .field label{color:#645858}.match-mid-seal{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:1;background:#fff7ec;border:1px solid #ce9a87;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;color:#b56368;font-family:serif;font-size:22px;box-shadow:0 4px 22px #874b3826;pointer-events:none}
.match-settings{display:grid;grid-template-columns:auto minmax(0,310px);align-items:center;column-gap:15px;row-gap:7px;border-top:1px solid #eee2d4;margin-top:24px;padding-top:20px;color:#665f59}.match-settings label{font-size:12px;font-weight:700}.match-settings select{width:100%;height:41px;border:1px solid #dac9b4;border-radius:4px;background:#fffefa;color:#394254;padding:0 10px;min-width:0}.match-settings p{grid-column:1/-1;margin:6px 0 0;font-size:11px;color:#8d8682;line-height:1.9}
.match-form-error{color:#9c3c38;border:1px solid #e2c1ba;background:#fff3f0;border-radius:4px;padding:10px 12px;margin:16px 0 0;font-size:12px}
.match-submit{display:block;width:min(100%,680px);margin:25px auto 0;cursor:pointer;border:1px solid #ab6c68;border-radius:4px;padding:15px 17px;background:linear-gradient(100deg,#8e454f,#b76565,#924553);color:#fffdf6;font-size:16px;font-weight:750;letter-spacing:.08em;box-shadow:0 12px 26px #953f502e;transition:filter .15s,transform .15s}.match-submit span{float:right}.match-submit:hover{filter:brightness(1.07)}.match-submit:active{transform:translateY(1px)}.match-submit:disabled{opacity:.56;cursor:wait}
.match-empty{background:#fffcf8;border:1px solid #e5d5c5;border-radius:6px;margin-top:24px;padding:47px 20px;text-align:center;box-shadow:var(--shadow)}.match-empty-seal{width:69px;height:69px;border-radius:50%;display:grid;place-items:center;border:1px solid #dec1ac;background:#f9efe6;margin:auto;color:#af6c69;font:35px serif}.match-empty h3{font-family:serif;color:#3d2e37;margin:13px 0 2px;font-size:21px;font-weight:500}.match-empty p{color:#8c8181;font-size:12px;margin:0}
.match-result{margin-top:22px;background:#fffdf8;border:1px solid #e9d6c7;box-shadow:var(--shadow);border-radius:6px;padding:27px 26px 28px;min-width:0}.match-results-heading{text-align:center}.match-results-heading p{font-size:10px;color:#ad817c;letter-spacing:.24em;margin:0}.match-results-heading h2{margin:4px 0 3px;color:#4f323b;font:500 25px Georgia,"Noto Serif TC",serif}.match-results-heading span{color:#948b88;font-size:12px;overflow-wrap:anywhere}
.match-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:23px}.match-chart-card{border:1px solid #e5d8c9;border-top:3px solid #ab8660;padding:13px 12px 14px;background:linear-gradient(130deg,#fffdfa,#fbf6f0);min-width:0}.match-chart-card:nth-child(2){border-top-color:#bc717f;background:linear-gradient(130deg,#fffdfa,#fbf3f2)}.match-chart-card h3{margin:0 0 12px;text-align:center;font-size:14px;color:#725343;font-weight:650}.match-chart-card:nth-child(2) h3{color:#905564}
.match-four-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.match-pillar{text-align:center;border:1px solid #e7dfd5;border-radius:4px;background:#ffffffac;padding:9px 2px;min-width:0}.match-pillar-label{font-size:10px;color:#95877d}.match-pillar-stem,.match-pillar-branch{font-family:"Noto Serif TC",serif;font-size:26px;line-height:1.25;color:#2c3442;font-weight:600}.match-pillar-branch{color:#aa635b}.match-pillar-element{font-size:10px;color:#8a8c92;margin-top:3px;white-space:nowrap}.match-pillar-unknown{font-family:serif;color:#aab0b8;font-size:27px;padding:8px 0 0}.match-warning{font-size:11px;color:#997e71;margin-top:8px;line-height:1.7;text-align:center}
.match-score-panel{margin-top:23px;border:1px solid #ebd7c5;border-radius:5px;background:linear-gradient(120deg,#fffaf4,#fbf3ee);padding:22px 25px}.match-score-top{display:flex;gap:18px;justify-content:space-between;align-items:center}.match-score-kicker{font-size:9px;color:#af7d68;letter-spacing:.18em}.match-score-top h3{font-size:21px;font-family:serif;color:#633b42;margin:4px 0 5px}.match-score-top p{font-size:12px;color:#7f7373;line-height:1.85;margin:0;max-width:620px}.match-score-number{text-align:right;white-space:nowrap}.match-score-number strong{font:600 50px Georgia,serif;color:#a8515a;line-height:1}.match-score-number span{font-size:12px;color:#948481}.match-score-panel progress{width:100%;height:11px;margin-top:20px;border-radius:20px;overflow:hidden;border:none;background:#e6d9d1}.match-score-panel progress::-webkit-progress-bar{background:#e6d9d1;border-radius:20px}.match-score-panel progress::-webkit-progress-value{background:linear-gradient(90deg,#ba8c7c,#a6505e);border-radius:20px}.match-score-panel progress::-moz-progress-bar{background:#ac5760;border-radius:20px}.match-score-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.match-signal{border:1px solid #e7d8ca;background:#fffdf9;border-radius:4px;padding:11px 12px}.match-signal strong{font-size:12px;color:#6f5b4f}.match-signal p{font-size:11px;color:#777777;margin:4px 0 0;line-height:1.85}.match-signal.is-helpful{border-left:3px solid #9c9570}.match-signal.is-caution{border-left:3px solid #c67d7d}.match-score-disclaimer{font-size:10px;color:#958e8b;margin:17px 0 0;line-height:1.7}
.match-paywall{border:1px solid #e6d1c5;border-radius:5px;overflow:hidden;margin-top:25px;background:#fffaf5}.match-paid-banner{background:#54303c;display:flex;justify-content:space-between;gap:10px;padding:11px 18px;color:#f1c3bd;font-size:10px;letter-spacing:.13em}.match-paid-heading{padding:21px 23px 6px}.match-paid-heading h3{font-size:21px;font-family:"Noto Serif TC",serif;font-weight:600;color:#5a3641;margin:0 0 3px}.match-paid-heading p{font-size:12px;color:#8e7f80;margin:0}.match-pay-stage{position:relative;min-height:360px;overflow:hidden;margin:14px;background:linear-gradient(#fffdf8,#f8eae7)}.match-paid-preview{padding:20px 30px 30px;filter:blur(5px);opacity:.62;user-select:none;pointer-events:none;max-height:345px;overflow:hidden;mask-image:linear-gradient(#000 10%,transparent 96%)}.match-paid-preview h4{font-size:16px;font-family:serif;color:#7b4a4f}.match-paid-preview p{font-size:13px;line-height:2.2;color:#8e7470}.match-pay-gate{position:absolute;inset:0;display:grid;place-items:center;padding:14px;background:linear-gradient(0deg,#fff7f1c9,#fff7f135 80%)}.match-pay-card{border:1px solid #e4c3ad;border-radius:9px;background:#fffdf9;box-shadow:0 18px 55px #58333a31;padding:24px 25px 22px;width:min(100%,480px);text-align:center;position:relative}.match-card-seal{color:#a85760;font:31px serif;margin:-9px auto 5px}.match-exclusive{color:#ba8c7c;letter-spacing:.18em;font-size:10px}.match-pay-card h4{font:600 19px/1.6 Georgia,"Noto Serif TC",serif;color:#5c2d3d;margin:10px 0}.match-pay-card p{font-size:12px;color:#8a7572;line-height:1.75;margin:3px 0 12px}.match-price{display:flex;justify-content:center;gap:12px;align-items:baseline;margin-bottom:13px}.match-price span{color:#a37e67;font-size:12px}.match-price strong{color:#a04752;font:700 33px Georgia,serif}.match-buy{cursor:pointer;border:0;background:linear-gradient(100deg,#934653,#b55e64);color:#fff;width:100%;padding:12px 7px;border-radius:5px;font-size:13px;font-weight:700}.match-buy:hover{filter:brightness(1.07)}.match-pay-card small{display:block;margin:12px 0 0;font-size:10px;color:#99908b;line-height:1.6}
.match-paywall.is-unlocked .match-pay-stage{min-height:0;overflow:visible;background:#fffcf8}.match-full-report{padding:20px 24px 30px}.match-full-report h4{color:#6d3746;font:600 17px Georgia,"Noto Serif TC",serif;margin:20px 0 10px;border-bottom:1px solid #e7d4c7;padding-bottom:10px}.match-full-report p{font-size:13px;line-height:2.15;color:#666069;margin:0 0 12px}.match-full-report ul{font-size:13px;line-height:2.05;color:#62595e;margin:0;padding-left:22px}.match-report-intro{background:#f8f0e9;border-left:3px solid #ac6672;padding:14px 15px}.match-report-footnote{font-size:11px!important;background:#faf1ee;border-radius:5px;padding:12px;margin-top:15px!important;color:#897877!important}
.match-modal{position:fixed;inset:0;display:grid;place-items:center;padding:15px;z-index:2600}.match-modal-backdrop{position:absolute;inset:0;background:#231822cc;backdrop-filter:blur(5px)}.match-modal-dialog{position:relative;width:min(100%,445px);border:1px solid #ddbeb4;border-radius:10px;padding:29px 25px 25px;box-shadow:0 30px 80px #26151b77;background:linear-gradient(155deg,#fffdf9,#fff4ee);text-align:center;outline:0}.match-modal-seal{width:52px;height:52px;display:grid;place-items:center;border:1px solid #ce9f9c;border-radius:50%;font:29px serif;color:#ad5e69;margin:0 auto 10px;background:#fff8f3}.match-modal-dialog h2{font:600 23px "Noto Serif TC",serif;margin:8px 0;color:#653846}.match-modal-dialog p{font-size:12px;line-height:1.8;color:#7f7880;margin:8px 0}.match-modal-product{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f8ece6;border:1px solid #ead6ca;padding:13px 12px;margin:20px 0 12px;font-size:12px;text-align:left}.match-modal-product strong{font-size:19px;color:#a04c55;white-space:nowrap}.match-modal-dialog .match-modal-notice{color:#a67a73;font-size:11px;margin:10px 0 19px}.match-modal-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:9px}.match-modal-actions button{border:0;border-radius:4px;cursor:pointer;padding:12px 8px;font-weight:700;font-size:12px}.match-modal-actions button:first-child{background:#a65460;color:#fff}.match-modal-actions button:last-child{background:#efe4dc;color:#5b5660}.match-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,16px);z-index:2700;background:#56333c;color:#fff;padding:12px 19px;border-radius:8px;box-shadow:0 14px 38px #20101345;font-size:13px;max-width:calc(100% - 30px);text-align:center;pointer-events:none;opacity:0;transition:opacity .22s,transform .22s}.match-toast.is-visible{opacity:1;transform:translate(-50%,0)}body.match-modal-open{overflow:hidden}
@media(max-width:780px){.match-partner-grid{gap:15px}.match-partner{padding:13px 12px}.match-mid-seal{width:36px;height:36px;font-size:17px}.match-four-pillars{gap:3px}.match-pillar-stem,.match-pillar-branch{font-size:23px}.match-chart-grid{gap:8px}.match-chart-card{padding:11px 6px}}
@media(max-width:620px){.fortune-tabs{gap:6px}.fortune-tab{flex:1;min-width:0;font-size:12px;padding:11px 7px}.fortune-tab span{padding-right:3px}.match-hero{padding:28px 16px 16px}.match-form{padding:21px 13px}.match-partner-grid{grid-template-columns:minmax(0,1fr);gap:20px}.match-partner{padding:17px 15px}.match-mid-seal{position:relative;left:auto;top:auto;transform:none;margin:-26px auto;z-index:2;width:42px;height:42px}.match-settings{grid-template-columns:1fr}.match-settings p{grid-column:auto}.match-chart-grid{grid-template-columns:1fr;gap:12px}.match-result{padding:22px 12px}.match-four-pillars{gap:5px}.match-pillar-stem,.match-pillar-branch{font-size:26px}.match-score-panel{padding:17px 13px}.match-score-top{align-items:flex-start}.match-score-number strong{font-size:42px}.match-score-number span{display:block}.match-score-signals{grid-template-columns:1fr}.match-paid-banner{padding:10px;font-size:9px}.match-paid-heading{padding:17px 13px 4px}.match-paid-heading h3{font-size:18px}.match-pay-stage{margin:9px;min-height:355px}.match-pay-card{padding:17px 13px}.match-pay-card h4{font-size:17px}.match-full-report{padding:16px 12px 25px}}
@media print{.fortune-tabs,.match-form,.match-empty,.match-modal,.match-toast,.match-pay-gate{display:none!important}#personalView.hidden,#matchView.hidden{display:none!important}#matchView:not(.hidden){display:block!important}#matchResult.hidden{display:none!important}#matchPaywall:not(.is-unlocked){display:none!important}.match-view,.match-result{box-shadow:none;border:0}.match-chart-card,.match-score-panel{break-inside:avoid}}

.match-four-pillars .match-warning{grid-column:1/-1}
.match-partner .three{grid-template-columns:repeat(3,minmax(0,1fr))}
.match-partner .three input,.match-partner .two select{min-width:0}

/* 婚配深度報告 v2｜四世婚緣卷，不影響免費排盤與付款遮罩 */
.match-deep-report{--wine:#763e4b;--wine-dark:#4a2937;--ink:#514449;--edge:#e5d5c8;--gold:#b08a5d;color:var(--ink);font-family:"Noto Sans TC",system-ui,sans-serif;max-width:980px;margin:auto}
.match-deep-hero{position:relative;overflow:hidden;text-align:center;padding:38px 25px 32px;border:1px solid #decbbb;border-radius:12px;background:radial-gradient(circle at 5% 4%,#efdcd430,transparent 38%),radial-gradient(circle at 90% 87%,#e8c6b350,transparent 36%),linear-gradient(145deg,#fffdf9,#faf2eb);box-shadow:0 9px 29px #4e343015}
.match-deep-hero:before,.match-deep-hero:after{content:"囍";position:absolute;font:120px "Noto Serif TC",serif;color:#ad6d7033;pointer-events:none}.match-deep-hero:before{left:-25px;top:-50px;transform:rotate(-16deg)}.match-deep-hero:after{right:-20px;bottom:-55px;transform:rotate(15deg)}
.match-deep-eyebrow{font-size:10px!important;letter-spacing:.24em;color:#a1786b!important;margin:0 0 9px!important}.match-deep-hero h3{font:650 clamp(21px,3vw,30px)/1.5 "Noto Serif TC",serif;letter-spacing:.11em;color:#58333e;margin:0 0 6px}.match-deep-hero-sub{font-size:12px;color:#92786e}.match-deep-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px auto 15px}.match-deep-chips span{padding:6px 10px;border:1px solid #dfc1b8;background:#fff9f4;border-radius:25px;font-size:11px;color:#895868}.match-deep-hero-note{font-size:11px!important;color:#8b7f7b!important;max-width:680px;margin:0 auto!important;line-height:1.95!important}
.match-deep-chapter{position:relative;overflow:hidden;isolation:isolate;margin-top:19px;padding:24px clamp(16px,3vw,32px) 26px;border:1px solid var(--edge);border-radius:12px;background:linear-gradient(160deg,#fffefa 5%,#fbf6f2 100%);box-shadow:0 7px 18px #583d3810;break-inside:avoid}
.match-deep-chapter:nth-of-type(2){border-top:3px solid #b4777e}.match-deep-chapter:nth-of-type(3){border-top:3px solid #b99e72}.match-deep-chapter:nth-of-type(4){border-top:3px solid #9c7b7e}.match-deep-chapter:nth-of-type(5){border-top:3px solid #a07f67}
.match-deep-chapter-watermark{position:absolute;right:16px;top:-22px;font:115px/1 "Noto Serif TC",serif;color:#b18f7619;z-index:-1;pointer-events:none}
.match-deep-chapter-head{position:relative;padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid #e8d7c6}.match-deep-ordinal{color:#a78974;font-size:10px;letter-spacing:.2em;font-weight:650}.match-deep-chapter-head h3{font:700 clamp(18px,2.6vw,23px)/1.5 "Noto Serif TC",serif;color:#663c48;margin:8px 0 3px;letter-spacing:.035em}.match-deep-chapter-head p{font-size:12px!important;color:#97847b!important;margin:0!important;letter-spacing:.09em}
.match-deep-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}.match-deep-insight{border:1px solid #eadbcd;background:linear-gradient(135deg,#fffefa,#f8ede9);border-radius:7px;padding:13px 12px;min-width:0}.match-deep-insight span{display:block;font-size:10px;color:#95796d;margin-bottom:6px}.match-deep-insight strong{display:block;font:650 15px/1.5 "Noto Serif TC",serif;color:#653e49;overflow-wrap:anywhere}
.match-deep-paragraph{margin:0 0 18px}.match-deep-paragraph:last-child{margin-bottom:0}.match-deep-paragraph h4{display:flex;align-items:center;gap:9px;margin:0 0 7px!important;border:0!important;padding:0!important;font:700 14px/1.5 "Noto Serif TC",serif!important;color:#69434e!important}.match-deep-paragraph h4:before{content:"";display:block;width:4px;height:15px;border-radius:3px;background:#ad7378;flex:none}.match-deep-paragraph p{font-size:13px!important;line-height:2.08!important;color:#615b60!important;margin:0!important;letter-spacing:.015em;overflow-wrap:anywhere}
.match-deep-years{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:15px 0 20px}.match-deep-year{border:1px solid #e6d8cb;border-left:4px solid #bea386;background:#fffdf9;border-radius:8px;padding:15px 14px 14px;min-width:0}.match-deep-year--sensitive{border-left-color:#af5b68;background:linear-gradient(140deg,#fffaf9,#f9edf0)}.match-deep-year--watch{border-left-color:#bd9065}.match-deep-year--warm{border-left-color:#8c9877}.match-deep-year-top{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}.match-deep-year-top strong{font:700 16px "Noto Serif TC",serif;color:#63434c}.match-deep-year-top span{font-size:10px;color:#965462;border:1px solid #eed0d3;background:#fff8f8;padding:4px 7px;border-radius:20px;white-space:nowrap}.match-deep-year--warm .match-deep-year-top span{color:#717f61;background:#f5f7ef;border-color:#dfe7ce}.match-deep-year p{font-size:12px!important;line-height:1.9!important;color:#696369!important;margin:0 0 8px!important}.match-deep-year-evidence{font-weight:650;color:#6a5058!important}.match-deep-year-gods{border-top:1px dashed #e3d7cd;margin-top:10px;padding-top:10px;color:#8b7f7d;font-size:11px;line-height:1.9}
.match-deep-actions{padding:0;margin:8px 0 24px;list-style:none;display:grid;gap:12px}.match-deep-action{padding:13px 15px;border:1px solid #e5d6cc;border-radius:8px;background:#fffefa}.match-deep-action strong{display:block;color:#74464f;font-size:13px;margin-bottom:6px}.match-deep-action span{display:block;color:#6d6363;font-size:12px;line-height:2}
.match-deep-footer{margin-top:19px;padding:17px 18px;border:1px dashed #decfbe;border-radius:7px;background:#f8f3ed}.match-deep-footer strong{color:#806e61;font-size:12px}.match-deep-footer p{font-size:11px!important;color:#877d7b!important;line-height:1.9!important;margin:6px 0 0!important}
@media(max-width:700px){.match-deep-chapter{padding:19px 14px}.match-deep-years{grid-template-columns:1fr}.match-deep-insights{grid-template-columns:1fr 1fr}.match-deep-hero{padding:29px 15px}.match-deep-chips{gap:6px}.match-deep-insight{padding:11px 10px}.match-deep-year{padding:13px 11px}}
@media(max-width:360px){.match-deep-insights{grid-template-columns:1fr}.match-deep-hero h3{font-size:19px}.match-deep-chapter-head h3{font-size:18px}}
@media print{.match-deep-chapter,.match-deep-year,.match-deep-hero{break-inside:avoid;box-shadow:none!important}.match-deep-years{grid-template-columns:1fr 1fr}}

/* SOURCE: wealth.css */
/* 知命 · 財富大運主題，採用獨立前綴避免覆蓋會員、合盤與個人排盤樣式 */
.wealth-view{margin-top:22px;min-width:0;color:#534633;--wealth-gold:#b48a46;--wealth-deep:#684c2c;--wealth-line:#e7d9bd;--wealth-ink:#544633}
.wealth-hero{position:relative;min-height:225px;overflow:hidden;border:1px solid #967642;box-shadow:0 13px 33px #59411e24;border-radius:8px 8px 0 0;background:radial-gradient(circle at 92% 18%,#d9b56b44,transparent 38%),radial-gradient(circle at 8% 94%,#d9b56b2e,transparent 35%),linear-gradient(119deg,#2e2a27 3%,#51402d 60%,#715432 100%);display:flex;align-items:center;justify-content:center;gap:22px;padding:27px clamp(15px,4vw,45px);color:#fff2d5}
.wealth-hero:before{content:'❧';position:absolute;left:-28px;bottom:-72px;font:210px serif;color:#e0bf7b1a;transform:rotate(-27deg);pointer-events:none}.wealth-hero:after{content:'❦';position:absolute;right:-9px;top:-70px;font:195px serif;color:#e0bf7b24;pointer-events:none}
.wealth-hero-coin{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:112px;height:112px;border-radius:50%;border:7px double #dfbc75;box-shadow:0 0 0 9px #c1a26328,0 0 0 11px #d9ba743e,0 10px 26px #1d17148c;background:radial-gradient(circle,#e5c983,#a0783b);color:#634521;text-shadow:0 1px #f5e7ba}
.wealth-hero-coin:before{content:'';position:absolute;width:26px;height:26px;transform:rotate(45deg);border:3px solid #725224;background:#543e2b}
.wealth-hero-coin span{position:relative;z-index:2;font:600 43px "Noto Serif TC",serif;text-shadow:0 1px #fff1b5,1px 1px 6px #7f5e38;transform:translateY(-1px)}
.wealth-hero-copy{z-index:1;text-align:left;max-width:720px}.wealth-kicker{font-size:10px;color:#e6c888;letter-spacing:.22em;margin:0 0 10px}.wealth-hero h2{font:600 clamp(24px,3.3vw,37px)/1.45 "Noto Serif TC",serif;color:#fff0ce;letter-spacing:.065em;margin:0 0 8px}.wealth-hero-copy>p:not(.wealth-kicker){color:#eee0c2;font-size:13px;line-height:1.9;margin:0}.wealth-hero-mark{margin-top:13px;color:#e0c48a;font-size:12px;letter-spacing:.21em}
.wealth-workspace{display:grid;grid-template-columns:minmax(300px,410px) minmax(0,1fr);align-items:stretch;gap:18px;margin-top:18px}
.wealth-input-card,.wealth-empty,.wealth-results{min-width:0;background:#fffdf9;border:1px solid #e4d8c5;border-radius:7px;box-shadow:0 8px 24px #4e35130a}
.wealth-input-card{padding:25px 26px 23px;border-top:3px solid #bb9455}.wealth-section-kicker{font-size:10px;letter-spacing:.17em;color:#a88651}.wealth-input-card h3{font:600 23px "Noto Serif TC",serif;color:#59482f;margin:7px 0 9px}.wealth-muted{font-size:12px;line-height:1.95;color:#897d6d;margin:0 0 18px}.wealth-input-card .field{margin-top:14px}.wealth-input-card .field label{color:#574a39}.wealth-hint{font-size:11px;color:#938776;line-height:1.75;margin:6px 0 0}.wealth-autofill{display:block;width:100%;text-align:center;margin:19px 0 7px;padding:10px 12px;border:1px solid #d5bd91;border-radius:4px;background:#fffcf4;color:#936d36;font-weight:650;font-size:12px;cursor:pointer}.wealth-autofill:hover{background:#fbf1dc}.wealth-submit{width:100%;border:0;border-radius:5px;cursor:pointer;padding:15px 11px;background:linear-gradient(112deg,#86612e,#c29a50 48%,#947038);color:#fff9e9;font:700 15px "Noto Serif TC",serif;letter-spacing:.05em;box-shadow:0 8px 18px #b48c4f3c;margin-top:18px}.wealth-submit:hover{filter:brightness(1.06)}.wealth-submit:disabled{opacity:.6;cursor:wait}.wealth-error{font-size:12px;color:#9b4436;background:#fff0e9;border:1px solid #e9c3b2;border-radius:4px;padding:11px;margin-top:13px;line-height:1.7}
.wealth-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px 35px;background:radial-gradient(circle at 51% 33%,#e8d9b950,transparent 36%),linear-gradient(#fffdf9,#fcf8f0)}.wealth-empty-icon{width:106px;height:106px;border-radius:50%;display:grid;place-items:center;border:2px solid #cfb680;color:#c3a66c;font-size:60px;background:#fdf7e7;box-shadow:0 0 0 9px #f4e8cb}.wealth-empty h3{font:600 21px "Noto Serif TC",serif;color:#836b4e;margin:23px 0 4px}.wealth-empty p{font-size:13px;line-height:1.85;max-width:320px;color:#968b80}
.wealth-results{margin-top:20px;padding:23px clamp(14px,3vw,30px) 30px;background:linear-gradient(#fffefa,#fffaf2)}.wealth-result-title{text-align:center;padding:13px 0 18px}.wealth-result-title>span{color:#a58246;letter-spacing:.2em;font-size:10px}.wealth-result-title h2{font:650 clamp(21px,3vw,28px) "Noto Serif TC",serif;margin:8px 0 6px;color:#68502c}.wealth-result-title p{font-size:12px;color:#8e8073;margin:5px 0;overflow-wrap:anywhere}
.wealth-overview{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:15px}.wealth-overview article{border:1px solid #e3d0ab;background:#fffdf8;border-radius:8px;padding:20px 23px;min-width:0}.wealth-card-kicker{font-size:10px;letter-spacing:.16em;color:#ad8a5d;margin:0}.wealth-overview article h3{font:650 19px "Noto Serif TC",serif;color:#765629;margin:8px 0}.wealth-index-card{background:radial-gradient(circle at 100% 0,#f7e8c2a0,transparent 60%),#fffdf8!important}.wealth-index-number{display:flex;align-items:baseline;justify-content:center;gap:7px;margin:26px 0 14px}.wealth-index-number strong{font:700 clamp(66px,8vw,95px)/1 Georgia,"Noto Serif TC",serif;color:#9b722e}.wealth-index-number span{font-size:17px;color:#ad9672}.wealth-index-card progress{width:100%;height:11px;appearance:none;border:none;background:#ece0c9;border-radius:99px;overflow:hidden}.wealth-index-card progress::-webkit-progress-bar{background:#ece0c9}.wealth-index-card progress::-webkit-progress-value{background:linear-gradient(90deg,#b7945b,#7c632d);border-radius:99px}.wealth-index-card progress::-moz-progress-bar{background:#99753d}.wealth-index-card>p:last-child,.wealth-radar-card>p:last-child{line-height:1.9;font-size:12px;color:#817664;margin:13px 0 0}.wealth-radar{width:100%;max-width:400px;margin:auto}.wealth-radar svg{display:block;width:100%;height:auto}.wealth-radar-summary{font-size:11px;color:#846e4a;text-align:center;line-height:1.9;margin-top:-4px}
.wealth-basics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.wealth-basic{min-width:0;border:1px solid #e5d5b7;background:#fffdf9;border-radius:7px;padding:15px 13px}.wealth-basic span{display:block;color:#a38961;font-size:11px;margin-bottom:7px}.wealth-basic strong{display:block;font:650 15px/1.5 "Noto Serif TC",serif;color:#71552b;overflow-wrap:anywhere}.wealth-basic p{margin:7px 0 0;color:#958777;font-size:11px;line-height:1.8}.wealth-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 6px}.wealth-signal{border:1px solid #e6d9c2;border-radius:5px;background:#fffcf7;padding:10px 12px;display:flex;gap:9px;align-items:flex-start}.wealth-signal-dot{color:#b69155;flex:none}.wealth-signal p{margin:0;font-size:12px;color:#736956;line-height:1.9}
.wealth-paywall{margin-top:25px;border:1px solid #dfcba4;border-radius:7px;overflow:hidden;background:#fffaf0}.wealth-paid-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;background:#5c4628;color:#f4dba9;font-size:11px;letter-spacing:.13em}.wealth-paid-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 27px 11px}.wealth-paid-header>div>span{color:#ae8b54;letter-spacing:.15em;font-size:10px}.wealth-paid-header h3{font:650 23px/1.5 "Noto Serif TC",serif;color:#6d522d;margin:5px 0}.wealth-paid-header p{font-size:12px;line-height:1.7;color:#93836b;margin:0}.wealth-paid-seal{font:51px "Noto Serif TC",serif;color:#d9c18e;opacity:.8}
.wealth-pay-stage{position:relative;min-height:365px;overflow:hidden;margin:12px;background:linear-gradient(155deg,#fffdf8,#f7edda)}.wealth-preview{padding:20px 30px 30px;filter:blur(6px);opacity:.57;pointer-events:none;user-select:none;max-height:365px;overflow:hidden;mask-image:linear-gradient(#000 30%,transparent)}.wealth-preview-chart{height:125px;border-bottom:2px solid #d7b878;display:flex;gap:9%;align-items:end;justify-content:center}.wealth-preview-chart span{width:27px;background:linear-gradient(#bb9056,#e6d2a7);border-radius:5px 5px 0 0}.wealth-preview h4{font-size:17px;font-family:"Noto Serif TC",serif;color:#785c30}.wealth-preview p{font-size:13px;line-height:2;color:#867760}.wealth-gate{position:absolute;inset:0;display:grid;place-items:center;padding:14px;background:linear-gradient(0deg,#fff8e8d9,#fffbf24a)}.wealth-gate-card{position:relative;text-align:center;width:min(100%,480px);padding:25px 27px 22px;border-radius:10px;border:1px solid #e3c997;background:#fffdf8;box-shadow:0 24px 65px #62502e2e}.wealth-gate-medallion{font:38px Georgia,serif;color:#af873d}.wealth-exclusive{color:#ae864a;font-size:10px;letter-spacing:.17em;margin:0 0 10px}.wealth-gate-card h4{font:650 20px/1.6 "Noto Serif TC",serif;color:#684b27;margin:6px 0}.wealth-gate-card>p:not(.wealth-exclusive){font-size:12px;color:#89795f;line-height:1.8;margin:7px 0 13px}.wealth-pricing{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:10px 0 16px}.wealth-pricing span{font-size:12px;color:#987a51}.wealth-pricing strong{color:#a4772b;font:700 34px Georgia,serif}.wealth-purchase{width:100%;border:0;border-radius:5px;color:#fffaf0;background:linear-gradient(100deg,#80612d,#b99045);padding:14px 7px;cursor:pointer;font:650 13px "Noto Sans TC",sans-serif}.wealth-purchase:hover{filter:brightness(1.07)}.wealth-gate-card small{display:block;color:#a39988;font-size:10px;line-height:1.7;margin-top:12px}.wealth-disclaimer{font-size:11px;line-height:1.95;color:#9a8d7b;padding:0 4px;margin:19px 0 0}
.wealth-full-report{padding:10px 12px 24px;min-width:0}.wealth-report-inner{max-width:1030px;margin:0 auto}.wealth-report-intro{text-align:center;padding:27px 15px 21px;border:1px solid #e3d4b9;border-radius:10px;background:radial-gradient(circle at 50% -30%,#ead6a57a,transparent 66%),#fffefa}.wealth-intro-kicker{font-size:11px;letter-spacing:.23em;color:#ac8746}.wealth-report-intro h3{font:650 clamp(21px,3vw,29px)/1.55 "Noto Serif TC",serif;color:#715225;margin:10px 0}.wealth-report-intro p{font-size:12px;line-height:1.9;color:#907e65;margin:0}.wealth-report-card{margin-top:17px;padding:24px clamp(15px,3vw,30px);background:#fffefa;border:1px solid #e4d4b6;border-top:3px solid #b48e4e;border-radius:9px;break-inside:avoid}.wealth-report-card-head{border-bottom:1px solid #e9dcca;padding:0 0 15px;margin-bottom:19px}.wealth-report-card-head>span{color:#ac8650;font-size:10px;letter-spacing:.16em}.wealth-report-card-head h3{font:650 22px "Noto Serif TC",serif;color:#74542c;margin:7px 0}.wealth-report-card-head p{font-size:12px;color:#9a886e;line-height:1.8;margin:0}.wealth-report-text{margin:0 0 21px}.wealth-report-text h4{font:700 15px "Noto Serif TC",serif;color:#795c36;margin:0 0 8px;padding:0 0 0 10px;border-left:3px solid #b49460}.wealth-report-text p{margin:0;font-size:13px;line-height:2.05;color:#6c6558;overflow-wrap:anywhere}.wealth-curve-wrap{background:#fffaf0;border:1px solid #e6d8bd;border-radius:7px;padding:12px 8px 5px}.wealth-curve-wrap svg{display:block;width:100%;height:auto}.wealth-curve-caption{font-size:11px;line-height:1.7;color:#8b7c67;margin:0 9px 10px}.wealth-decade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.wealth-decade-cell{background:#fffaf3;border:1px solid #e9dac0;border-left:3px solid #b59456;padding:14px 15px;border-radius:5px;min-width:0}.wealth-decade-cell strong{font:700 16px "Noto Serif TC",serif;color:#69502e}.wealth-decade-value,.wealth-decade-gz{display:block;margin-top:5px;font-size:12px;color:#9b6d32}.wealth-decade-gz{font-size:11px;color:#87735c}.wealth-decade-cell p{font-size:12px;line-height:1.85;color:#776c5d;margin:9px 0 0}.wealth-decade-cell .wealth-decade-advice{border-top:1px dashed #e4d4bc;padding-top:8px;color:#8b7250}.wealth-report-disclosure{margin-top:18px;background:#f7f1e5;border:1px dashed #d8c399;border-radius:6px;padding:15px 20px}.wealth-report-disclosure strong{color:#7b633d;font-size:12px}.wealth-report-disclosure p{font-size:11px;color:#877a66;line-height:1.9;margin:6px 0 0}
.wealth-modal{position:fixed;inset:0;z-index:2705;display:grid;place-items:center;padding:15px}.wealth-modal-backdrop{position:absolute;inset:0;background:#211a11c9;backdrop-filter:blur(5px)}.wealth-modal-dialog{position:relative;outline:none;text-align:center;width:min(100%,460px);padding:28px 26px 25px;background:linear-gradient(155deg,#fffefa,#fff4df);border:1px solid #dfc38f;border-radius:12px;box-shadow:0 24px 82px #24170985}.wealth-modal-coin{margin:0 auto 10px;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:4px double #c59f55;color:#8e6b2e;font:28px "Noto Serif TC",serif;background:#fff6d9}.wealth-modal-kicker{font-size:10px;color:#a98a53;letter-spacing:.16em}.wealth-modal-dialog h2{font:650 23px "Noto Serif TC",serif;color:#70532c;margin:9px 0}.wealth-modal-dialog p{font-size:12px;color:#82755f;line-height:1.8}.wealth-modal-product{background:#faf0dc;border:1px solid #e6d1a9;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:13px;margin:19px 0 11px;font-size:12px}.wealth-modal-product strong{font-size:20px;color:#98702d;white-space:nowrap}.wealth-modal-dialog .wealth-modal-warning{font-size:11px;color:#a28c65}.wealth-modal-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:9px;margin-top:20px}.wealth-modal-actions button{cursor:pointer;border:0;border-radius:5px;padding:12px 7px;font-weight:700;font-size:12px}.wealth-modal-actions button:first-child{background:#997535;color:#fff}.wealth-modal-actions button:last-child{background:#eee3ce;color:#615138}.wealth-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,14px);z-index:2710;opacity:0;pointer-events:none;background:#65512d;box-shadow:0 12px 37px #2d241451;color:#fff;padding:12px 16px;max-width:calc(100% - 24px);text-align:center;border-radius:7px;font-size:12px;transition:opacity .2s,transform .2s}.wealth-toast.is-visible{opacity:1;transform:translate(-50%,0)}body.wealth-modal-open{overflow:hidden}
.wealth-autofill:focus-visible,.wealth-submit:focus-visible,.wealth-purchase:focus-visible,.wealth-modal-actions button:focus-visible{outline:3px solid #c9a362;outline-offset:3px}
@media(max-width:900px){.wealth-workspace{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.wealth-basics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){.wealth-workspace{grid-template-columns:1fr}.wealth-empty{min-height:220px}.wealth-overview{grid-template-columns:1fr}.wealth-radar-card .wealth-radar{max-width:330px}.wealth-decade-grid{grid-template-columns:1fr}.wealth-hero-coin{width:85px;height:85px}.wealth-hero-coin span{font-size:32px}.wealth-hero-coin:before{width:20px;height:20px}}
@media(max-width:540px){.fortune-tabs{gap:4px;flex-wrap:nowrap}.fortune-tab{flex:1 1 0;min-width:0;white-space:nowrap;font-size:11px;letter-spacing:0;padding:11px 1px;overflow:hidden}.fortune-tab span{display:none}.wealth-hero{flex-direction:column;text-align:center;padding:25px 15px;gap:16px}.wealth-hero-copy{text-align:center}.wealth-hero-coin{width:73px;height:73px;border-width:5px}.wealth-hero-coin span{font-size:27px}.wealth-hero-mark{font-size:10px}.wealth-input-card{padding:21px 15px}.wealth-results{padding:17px 10px}.wealth-overview article{padding:18px 15px}.wealth-basics-grid{gap:7px}.wealth-basic{padding:13px 9px}.wealth-basic strong{font-size:13px}.wealth-signals{grid-template-columns:1fr}.wealth-paid-header{padding:18px 12px 10px}.wealth-paid-header h3{font-size:18px}.wealth-paid-seal{font-size:34px}.wealth-pay-stage{margin:7px}.wealth-gate{padding:9px}.wealth-gate-card{padding:18px 13px}.wealth-gate-card h4{font-size:17px}.wealth-pricing strong{font-size:29px}.wealth-full-report{padding:8px 5px 14px}.wealth-report-card{padding:19px 12px}.wealth-report-card-head h3{font-size:18px}.wealth-decade-cell{padding:12px}.wealth-modal-dialog{padding:24px 17px}}
@media print{.wealth-form,.wealth-input-card,.wealth-empty,.wealth-modal,.wealth-toast,.wealth-gate{display:none!important}.wealth-view.hidden{display:none!important}.wealth-view:not(.hidden){display:block!important}.wealth-workspace{display:none}.wealth-results{box-shadow:none}.wealth-paywall:not(.is-unlocked){display:none}.wealth-report-card,.wealth-overview article,.wealth-basic{break-inside:avoid;box-shadow:none!important}}

/* SOURCE: gpt-bazi.css */
/* 深靛 x 香檳金；GPT 客製命理報告及追問區 */
.ai-personal-panel,.ai-qa,.ai-report-card,.ai-report-heading,.ai-report-closing{box-sizing:border-box}
.ai-personal-panel{margin:24px 0 18px;border:1px solid #bba57280;padding:22px;border-radius:18px;background:linear-gradient(140deg,#fffdf7,#f3e9d5)}
.ai-general-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between}
.ai-personal-panel h3,.ai-qa h2{margin:0 0 7px;color:#233042;font-size:clamp(18px,2vw,26px)}
.ai-personal-panel p,.ai-qa p{line-height:1.85}
.ai-start-btn,.ai-ask-btn{border:0;border-radius:11px;background:linear-gradient(110deg,#957037,#c19b52);color:#fff;padding:13px 20px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #856b3440}
.ai-start-btn:disabled,.ai-ask-btn:disabled{opacity:.55;cursor:not-allowed}
.ai-report{display:grid;gap:17px;color:#263241;text-align:left;max-width:100%;overflow-wrap:anywhere}
.ai-report-heading{background:linear-gradient(135deg,#1e2836,#384457);color:#fbf1d8;border-radius:17px;padding:25px 28px;box-shadow:0 12px 30px #1d27341b}
.ai-report-kicker{font-size:11px;color:#e3c99a;letter-spacing:1.5px}
.ai-report-heading h3{font-size:clamp(21px,2.3vw,30px);color:#fff5df;margin:12px 0}
.ai-report-heading p{color:#f5e7cc;white-space:pre-wrap;line-height:2;margin:0}
.ai-report-card{background:#fffdf7;border:1px solid #d7c8a7;border-radius:15px;padding:23px;box-shadow:0 8px 28px #3832210d}
.ai-report-card h4{color:#604721;font-size:clamp(18px,2vw,23px);margin:0 0 20px;padding-bottom:15px;border-bottom:1px solid #e9dac0}
.ai-report-field{display:grid;grid-template-columns:135px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:18px}
.ai-report-field:last-child{margin-bottom:0}
.ai-report-field strong{display:block;color:#916725;font-size:14px;padding-top:4px}
.ai-report-field p{margin:0;color:#323a42;line-height:2;white-space:pre-wrap;font-size:15px}
.ai-report-closing{padding:20px 23px;border-radius:14px;background:#eee7d9;color:#27364a;line-height:2}
.ai-report-closing span{font-weight:800;color:#8b652c}
.ai-disclaimer{font-size:12px!important;color:#6e6d69!important;line-height:1.8!important;margin:0}
.ai-report-loading,.ai-report-error{background:#fff8ec;padding:22px;border:1px dashed #bf9e63;border-radius:12px;color:#71542d;line-height:1.85;text-align:center}
.ai-report-error{border-color:#c17b72;color:#9b3b34;background:#fff6f4}
.ai-wealth-chart{background:#fffdf9;border:1px solid #e4d5b9;border-radius:14px;padding:20px;overflow:hidden}
.ai-wealth-chart h4{color:#88631d;margin:0 0 10px}
.ai-qa{max-width:1100px;margin:38px auto;padding:clamp(19px,3vw,36px);background:linear-gradient(145deg,#fffdf8,#f2eadd);border:1px solid #bdab8b;border-radius:22px;box-shadow:0 14px 35px #493d261a}
.ai-qa-top{display:flex;align-items:center;gap:17px;border-bottom:1px solid #d4c3a6;padding-bottom:22px;margin-bottom:22px}
.ai-qa-seal{flex:none;width:57px;height:57px;border-radius:50%;border:2px solid #c79b55;display:grid;place-items:center;color:#8c642d;font-weight:800;font-size:26px}
.ai-qa-kicker{font-size:11px;letter-spacing:2px;color:#9d773f;margin:0 0 5px!important}
.ai-context-name{padding:10px 14px;border-radius:10px;background:#eae1ce;margin:10px 0;color:#624b2e;font-size:14px;line-height:1.6}
.ai-chat-messages{display:grid;gap:14px;margin:18px 0}
.ai-message{background:#fff;border-radius:14px;border:1px solid #d9c8ab;padding:20px;line-height:1.9}
.ai-message-meta{font-size:12px;color:#977241;letter-spacing:.6px}
.ai-message h4{margin:7px 0 11px;color:#222d3a;font-size:18px}
.ai-answer-main{white-space:pre-wrap;color:#2b3441}
.ai-answer-list{margin:14px 0;padding:14px;border-left:3px solid #bd9658;background:#f9f5ec;border-radius:0 8px 8px 0}
.ai-answer-list strong{color:#7e5420}
.ai-answer-list ul{padding-left:22px;margin:8px 0 0}
.ai-answer-list li{margin-bottom:8px}
.ai-answer-caveat{font-size:12px;color:#666!important}
.ai-ask-form textarea{display:block;box-sizing:border-box;width:100%;min-height:112px;border-radius:12px;border:1px solid #c7b28e;background:#fffefa;font-size:15px;padding:15px;resize:vertical;color:#253345;font-family:inherit}
.ai-ask-form textarea:focus{outline:2px solid #cba768;outline-offset:2px}
.ai-ask-suggest{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.ai-ask-suggest button{cursor:pointer;border:1px solid #c9b99c;border-radius:20px;padding:7px 12px;background:#fff9ed;color:#66502d;font-size:13px}
.ai-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#575550;line-height:1.6;margin:15px 0}
.ai-consent input{margin-top:4px}
.ai-qa-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.ai-daily-hint{font-size:12px;color:#766d5e}
.ai-qa-error{color:#af493d;min-height:1.6em;font-size:13px;margin:8px 0}
@media(max-width:680px){.ai-report-field{display:block}.ai-report-field strong{margin:0 0 6px}.ai-report-card{padding:17px}.ai-report-heading{padding:20px}.ai-qa{margin:20px 10px}.ai-start-btn,.ai-ask-btn{width:100%}}
@media print{.ai-qa,.ai-start-btn{display:none!important}}

/* Unlocked reports and retry state: never return to a payment gate after a report error. */
.ai-retry-panel{max-width:720px;margin:12px auto;padding:24px;background:#fffdf8;border:1px solid #c9a36b;border-radius:14px;box-shadow:0 10px 30px #4d392414;text-align:center;color:#574124}
.ai-retry-panel h4{font-size:21px;margin:0 0 12px;color:#725022}
.ai-retry-panel p{line-height:1.75;overflow-wrap:anywhere}
.ai-retry-note{font-size:13px;color:#8a7452}
.ai-retry-button{cursor:pointer;border:0;background:linear-gradient(90deg,#957037,#c19b52);color:white;font-weight:700;padding:12px 24px;border-radius:9px;min-height:44px}
.ai-retry-button:hover{filter:brightness(1.05)}

/* 個別化專屬文章：總評、重點、動態主題與時間軸，不再逐卷填四格表 */
.zh-story{display:grid;gap:18px;max-width:100%;color:#2f3946;overflow-wrap:anywhere}
.zh-story-hero{background:linear-gradient(145deg,#1a283b,#30425a);color:#f9f2e6;border:1px solid #a78c60;border-radius:17px;padding:28px 30px}
.zh-story-eyebrow{display:block;color:#dfc392;font-size:12px;letter-spacing:.16em;margin-bottom:10px}
.zh-story-hero h3{font-size:clamp(21px,2.5vw,30px);margin:0 0 14px;color:#fff7e7;line-height:1.4}
.zh-story-verdict{font-size:clamp(16px,1.8vw,19px);font-weight:500;line-height:1.85;margin:0;color:#f8e9cc}
.zh-story-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px}
.zh-story-highlight{padding:19px 18px;border:1px solid #d3bb89;border-radius:13px;background:linear-gradient(145deg,#fffdf7,#faf2e3)}
.zh-story-highlight strong{font-size:17px;line-height:1.5;color:#775529}
.zh-story-highlight p{font-size:14px;line-height:1.85;margin:7px 0 0;color:#4b4b49}
.zh-story-topic{border:1px solid #decdb1;border-radius:15px;background:#fffdf9;padding:clamp(19px,3vw,29px);box-shadow:0 5px 22px #4c34190b}
.zh-story-topic-heading{display:flex;align-items:baseline;gap:12px;padding-bottom:13px;margin-bottom:17px;border-bottom:1px solid #e8dcca}
.zh-story-topic-number{font:500 13px Georgia,serif;color:#aa8b5e;letter-spacing:.06em}
.zh-story-topic h4{font-size:clamp(19px,2vw,23px);color:#57432d;line-height:1.45;margin:0}
.zh-story-lead{font-size:17px;font-weight:600;color:#29374a;line-height:1.85;margin:0 0 10px}
.zh-story-body{font-size:15px;color:#525963;line-height:1.95;margin:0 0 13px}
.zh-story-cases{display:grid;gap:9px;margin:0 0 13px}
.zh-story-case{font-size:14px;color:#5b554d;line-height:1.85;margin:0;padding:11px 14px;border-left:3px solid #b49a6f;background:#f7f2e9;border-radius:0 7px 7px 0}
.zh-story-next{margin:14px 0 0;padding:14px 17px;background:#ebf0f3;border-radius:9px;border-left:4px solid #697c91;line-height:1.85;color:#273e51;font-size:14px}
.zh-story-next span:first-child{font-weight:800;color:#435d76;white-space:nowrap}
.zh-story-basis{margin-top:14px;padding:10px 2px 0;border-top:1px dashed #ded4c5;color:#6c6b64;font-size:13px;line-height:1.85}
.zh-story-basis summary{cursor:pointer;user-select:none;color:#8c785b;font-weight:600}
.zh-story-basis p{margin:8px 0 0}
.zh-story-basis ul{padding-left:20px;margin:7px 0}
.zh-story-timeline{background:#fbf7ef;border:1px solid #dccaaa;border-radius:15px;padding:23px}
.zh-story-timeline h4{font-size:22px;color:#70512a;margin:0 0 17px}
.zh-story-time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px}
.zh-story-time-item{border-radius:10px;border:1px solid #e1d1b5;background:#fffdfa;padding:15px}
.zh-story-time-item strong{color:#806039;font-size:16px}
.zh-story-time-item p{color:#514b43;font-size:14px;line-height:1.8;margin:8px 0 0}
.zh-story-time-item .zh-story-time-action{color:#49637a;font-weight:550}
.zh-story-closing{padding:16px 20px;border:1px solid #d6c39c;border-radius:10px;background:#f4eddf;line-height:1.85}
.zh-story-closing span{font-weight:800;color:#8b642c}
.zh-story-closing p{margin:5px 0 0;color:#4e4c48}
.zh-story-note{margin:0;color:#79746e;font-size:12px;line-height:1.7}
/* 個別化的節氣月份提示：依資料才出現，不按一至十二月硬排。 */
.zh-story-months{padding:24px;background:linear-gradient(165deg,#f8f1e5,#fffdf7);border:1px solid #d5bc8f;border-radius:15px}
.zh-story-month-heading{margin-bottom:15px}.zh-story-month-heading h4{font-size:22px;color:#72532c;margin:0 0 5px}
.zh-story-month-caption{color:#857259;font-size:12px;line-height:1.65;margin:0}
.zh-story-month-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:13px}
.zh-story-month-card{padding:20px 18px;background:#fffdf9;border:1px solid #e1d1b7;border-left:4px solid #b39058;border-radius:11px;min-width:0}
.zh-story-month-card h5{font-size:16px;color:#77552a;margin:0 0 11px;line-height:1.55}
.zh-story-month-reason,.zh-story-month-scenario{font-size:14px;line-height:1.9;color:#4d4c4b;margin:0 0 10px}
.zh-story-month-scenario{color:#65625b}
.zh-story-month-action{margin:12px 0 0;padding:11px 12px;border-radius:7px;background:#f0f4f4;color:#324d5a;font-size:13px;line-height:1.85}
.zh-story-month-action strong{color:#385b62}
@media(max-width:650px){.zh-story-months{padding:16px 13px}.zh-story-month-grid{grid-template-columns:minmax(0,1fr)}.zh-story-month-card{padding:17px 13px}}
@media(max-width:650px){.zh-story-hero{padding:20px 17px}.zh-story-topic{padding:19px 15px}.zh-story-highlights{grid-template-columns:1fr}.zh-story-time-grid{grid-template-columns:1fr}.zh-story-timeline{padding:17px}}

/* v68: 每日免費一題，追加每題 NT$49 的公開付款確認。 */
.ai-question-payment{margin:14px 0 18px;padding:18px;border:1px solid #d6b586;border-radius:16px;background:linear-gradient(145deg,#fffdf8,#faf1e5);box-shadow:0 6px 18px #775c3620;color:#64445a}
.ai-question-payment.hidden{display:none!important}
.ai-question-payment strong{display:block;font:800 18px/1.5 'Noto Serif TC',serif;color:#70486c}
.ai-question-payment p{margin:7px 0 16px;font-size:14px;line-height:1.75;color:#6d5b50}
.ai-question-payment-actions{display:flex;gap:10px;flex-wrap:wrap}
.ai-question-payment-actions button,.ai-question-retry button{border:1px solid #bd916e;border-radius:999px;min-height:44px;padding:10px 18px;font-weight:750;cursor:pointer}
#aiQuestionDemoPay,.ai-question-retry button{color:#fffaf0;background:linear-gradient(125deg,#855180,#b4778c);box-shadow:0 4px 12px #88547825}
#aiQuestionPayCancel{background:#fff9f2;color:#765c62}
.ai-question-retry{padding:18px;border:1px solid #d6b586;border-radius:14px;background:#fff9f1;color:#775267;line-height:1.8}
.ai-question-retry button{margin-top:8px}
@media(max-width:620px){.ai-question-payment-actions{flex-direction:column}.ai-question-payment-actions button{width:100%}}

.ai-qa-recent{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px solid #e7d6bc}
.ai-qa-recent button{border:1px solid #c5a783;background:#fffaf2;color:#75546e;border-radius:999px;padding:9px 15px;min-height:40px;font-weight:650;cursor:pointer}
.ai-qa-recent span,.ai-previous-question-note{font-size:12px;color:#87736d;line-height:1.7}

/* v77: safe, member/chart-scoped recent conversation presentation. */
#aiQa .ai-conversation-intro{margin:8px 0 12px;padding:10px 12px;border-left:3px solid #bb8cbb;color:#66496d;background:rgba(250,242,248,.83);border-radius:9px;font-size:13px;line-height:1.65}
#aiQa .ai-conversation-turn{margin:10px 0;border:1px solid rgba(176,131,178,.4);border-radius:12px;background:rgba(255,249,244,.83);overflow:visible;max-width:100%;box-sizing:border-box}
#aiQa .ai-conversation-turn > summary{cursor:pointer;display:list-item;list-style-position:inside;padding:12px 14px;color:#614369;font-weight:700;line-height:1.7;overflow-wrap:anywhere;touch-action:manipulation}
#aiQa .ai-conversation-turn[open] > summary{border-bottom:1px solid rgba(176,131,178,.25)}
#aiQa .ai-conversation-turn > .ai-message-assistant{margin:8px 10px 12px;max-width:calc(100% - 20px)}
@media(max-width:700px){#aiQa .ai-conversation-turn > summary{font-size:14px;padding:10px 11px}#aiQa .ai-conversation-turn > .ai-message-assistant{margin:6px 7px 9px;max-width:calc(100% - 14px)}}

/* SOURCE: life-profile.css */
/* 新中式生活近況問答 */
.life-modal-open{overflow:hidden}
.life-modal{position:fixed;inset:0;z-index:10005;display:grid;place-items:center;padding:18px}
.life-modal.hidden{display:none!important}
.life-backdrop{position:absolute;inset:0;background:rgba(28,30,28,.68);backdrop-filter:blur(5px)}
.life-dialog{position:relative;width:min(100%,510px);max-height:min(86vh,790px);overflow:auto;border:1px solid #d9b875;border-radius:16px;background:linear-gradient(154deg,#fffdf8 0%,#f8f0e2 100%);box-shadow:0 24px 80px #24170650;padding:30px 28px;color:#4e3825}
.life-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.life-kicker{font-size:12px;letter-spacing:.16em;color:#ac8246}
.life-close{border:0;background:transparent;color:#775c40;font-size:28px;cursor:pointer;padding:0 6px}
.life-dialog h2{font-size:27px;line-height:1.4;color:#684521;margin:8px 0}
.life-intro{font-size:14px;line-height:1.8;color:#7a6756;margin:4px 0 18px}
.life-progress-rail{height:5px;border-radius:8px;background:#ece0cb;overflow:hidden;margin:8px 0 10px}
.life-progress{height:100%;background:linear-gradient(90deg,#c49a4d,#87602b);transition:width .2s}
.life-counter{color:#9a7b56;font-size:12px;text-align:right}
.life-question h3{font-size:23px;color:#54371c;line-height:1.45;margin:13px 0 17px}
.life-options{display:grid;gap:10px}
.life-option{border:1px solid #dec9a6;background:#fffdf9;text-align:left;padding:13px 16px;border-radius:10px;font-size:15px;color:#543d26;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.life-option:hover{border-color:#ae844a;background:#f9f1e2}
.life-option.is-picked{background:#74522b;color:#fffaf0;border-color:#74522b;box-shadow:0 3px 12px #9d713032}
.life-option.is-picked:before{content:'✓　'}
.life-hint{font-size:13px;color:#826d51;line-height:1.75;margin:12px 0 5px}
.life-hint:empty{display:none}
.life-actions{position:sticky;bottom:-1px;z-index:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding:12px 0 5px;background:linear-gradient(#fbf4e8f5,#fbf4e8);border-top:1px solid #eadcc6}
.life-action{border:1px solid #d4bd97;border-radius:9px;padding:11px 16px;cursor:pointer;background:#fff9ec;color:#684b2c;font-size:14px}
.life-action.primary{flex:1;background:linear-gradient(110deg,#7b582b,#b48a47);color:#fff;border-color:transparent;font-weight:600}
.life-action:disabled{opacity:.5;cursor:default}
.life-cancel{border:none;background:transparent;color:#897965;cursor:pointer;display:block;margin:14px auto 0;text-decoration:underline;font-size:13px}
.life-note{border-top:1px solid #eadcc6;padding-top:12px;margin-top:15px;color:#8a7964;font-size:12px;line-height:1.7}
.life-edit{background:transparent;border:1px solid #bfa177;border-radius:30px;color:#825e32;font-size:13px;padding:7px 13px;cursor:pointer}
.life-edit.hidden{display:none!important}
.life-edit:hover{background:#f3e5d0}
@media(max-width:520px){.life-dialog{padding:23px 18px}.life-dialog h2{font-size:23px}.life-question h3{font-size:21px}.life-option{padding:12px 13px}.life-action{padding:10px 12px}}

/* SOURCE: astro-meihua.css */
/* 占星與梅花易數：沿用知命的米白、深藍及淡金系統。 */
.fortune-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;align-items:center}
.fortune-tabs .fortune-tab{flex:1 1 190px;min-width:0}
.astro-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.astro-location-grid .field{min-width:0}
.astro-panel{margin:22px 0;background:#fffdfa;border:1px solid #dbc7a3;border-radius:10px;overflow:hidden}
.astro-heading{padding:19px 22px 12px;background:linear-gradient(105deg,#142439,#263b50);color:#f5e5cb}
.astro-heading h3{font:500 22px Georgia,'Noto Serif TC',serif;margin:5px 0}
.astro-heading p{color:#d0d7dc;font-size:12px;margin:6px 0}
.astro-kicker{font-size:11px;letter-spacing:.18em;color:#d4b780}
.astro-state{padding:30px 20px;text-align:center;font-size:13px;color:#746751}
.astro-output{padding:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:15px}
.astro-sky{margin:0 auto;background:#17263c;border-radius:8px;min-width:0;width:100%;max-width:580px;box-shadow:0 12px 28px #12203526}
.astro-sky svg{width:100%;height:auto;display:block}
.astro-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:7px 0 18px}
.astro-quick>div{min-width:0;border:1px solid #e5dac8;background:#f9f5ec;padding:10px 5px;text-align:center;border-radius:6px}
.astro-quick span,.astro-quick small{display:block;font-size:11px;color:#8a7861}
.astro-quick strong{display:block;font-size:15px;color:#253951;margin:3px 0}
.astro-meta{font-size:11px;color:#786b5c;line-height:1.7;margin:0 0 13px;overflow-wrap:anywhere}
.astro-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #e7dcca;border-radius:6px}
.astro-table-wrap table{min-width:410px;width:100%;font-size:12px}
.astro-table-wrap td,.astro-table-wrap th{padding:9px 8px}
.astro-table-wrap small{color:#a7724f}
.astro-details{border-top:1px solid #e9dfd0;margin:5px 0 0;padding:12px 0 4px}
.astro-details h4{font-size:14px;color:#7a6039;margin:10px 0}
#astroCusps,#astroAspects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}
#astroCusps span,#astroAspects span{background:#f9f5ed;border:1px solid #eee4d6;padding:7px;font-size:11px;color:#59616e;border-radius:5px}
.meihua-view{margin-top:23px;color:#1d2d3f}
.meihua-hero{background:linear-gradient(108deg,#1d3040,#39505d);border-radius:9px;color:#f8efdf;padding:32px 35px;position:relative;overflow:hidden}
.meihua-hero::after{content:'易';position:absolute;right:45px;top:-80px;font:260px serif;color:#ffffff0d;pointer-events:none}
.meihua-hero span{font-size:11px;letter-spacing:.2em;color:#e0c394}
.meihua-hero h2{font:500 clamp(24px,4.5vw,35px) Georgia,'Noto Serif TC',serif;letter-spacing:.08em;margin:12px 0 5px}
.meihua-hero p{font-size:13px;color:#d0d9df;position:relative}
.meihua-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start;margin-top:19px}
.meihua-form,.meihua-results{padding:24px;background:#fffdf9;border:1px solid #e3d9ca;border-radius:8px;box-shadow:0 10px 22px #2735450a;min-width:0}
.meihua-form textarea{width:100%;min-height:105px;padding:10px 12px;resize:vertical;color:#253b52;background:#fffefa;border:1px solid #dcd6cb;border-radius:5px;font:inherit;font-size:14px}
.meihua-form input:focus,.meihua-form textarea:focus{outline:2px solid #c0a170;outline-offset:1px}
.meihua-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.meihua-submit{width:100%;padding:13px 15px;color:white;background:linear-gradient(120deg,#81653d,#b18e55);border:0;border-radius:5px;cursor:pointer;font-weight:700}
.meihua-submit:hover{filter:brightness(.95)}.meihua-submit:active{transform:translateY(1px)}.meihua-submit:disabled{opacity:.55}
.meihua-error{background:#fff0ef;color:#9e4b3e;border:1px solid #e7c0b6;padding:9px;margin:12px 0;font-size:12px;border-radius:4px}
.meihua-results>h3{font:500 20px Georgia,'Noto Serif TC',serif;margin:0 0 16px}
.mh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mh-card{text-align:center;background:linear-gradient(155deg,#fcf6e9,#f7efe2);border:1px solid #e8d4b5;border-radius:8px;padding:14px 7px;min-width:0}
.mh-card h4{font-size:12px;letter-spacing:.12em;color:#9c7539;margin:0 0 6px}
.mh-card>strong{font-size:17px;font-family:Georgia,'Noto Serif TC',serif}
.mh-card p{font-size:11px;color:#7b6851;line-height:1.55;margin:7px 0 0}
.mh-card .mh-theme{color:#58677a}
.mh-lines{display:flex;flex-direction:column;gap:7px;align-items:center;margin:14px auto;max-width:103px}
.mh-line{position:relative;height:7px;display:flex;gap:10px;width:100%;justify-content:center}
.mh-line>span{display:block;background:#2b4355;border-radius:2px;flex:1}
.mh-line.moving>span{background:#c3934d}
.mh-line>b{position:absolute;right:-22px;top:-5px;font-size:9px;color:#bd7d3c}
.mh-proof,.mh-reading{font-size:13px;line-height:1.9;padding:12px 0;border-top:1px solid #eee0cd;margin-top:16px}
.mh-proof h4,.mh-reading h4{font-size:14px;color:#76592f;margin:12px 0 7px}
.mh-proof ol,.mh-reading ol{padding-left:23px;margin:8px 0}
.mh-proof li,.mh-reading li{padding-left:2px;margin-bottom:8px;overflow-wrap:anywhere}
.mh-proof>p,.mh-caution{font-size:11px;color:#958778}
@media(max-width:900px){.meihua-layout{grid-template-columns:minmax(0,1fr)}.fortune-tabs .fortune-tab{flex-basis:175px}}
@media(max-width:560px){.astro-output{padding:9px}.astro-heading{padding:15px}.astro-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#astroCusps,#astroAspects{grid-template-columns:minmax(0,1fr)}.meihua-hero{padding:24px 20px}.meihua-form,.meihua-results{padding:15px}.mh-card>strong{font-size:14px}.mh-card{padding:10px 3px}.mh-lines{max-width:72px}.mh-line>b{right:-14px}.fortune-tabs .fortune-tab{flex-basis:43%;font-size:12px;padding:10px 6px}}
@media print{.meihua-form{display:none}.meihua-layout{display:block}.astro-panel,.mh-card{break-inside:avoid}}

.astro-reading h4{font-size:14px;color:#755c37;margin:8px 0 12px}
#astroInterpret{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#astroInterpret article{padding:13px;background:#f9f5ec;border:1px solid #ece0cc;border-radius:7px}
#astroInterpret article span{font-size:10px;color:#987645;letter-spacing:.12em}
#astroInterpret h5{font-size:13px;color:#273c50;margin:6px 0}
#astroInterpret p{font-size:11px;color:#6b6e6c;line-height:1.75;margin:0}
@media(max-width:560px){#astroInterpret{grid-template-columns:1fr}}

.mh-deep{border-top:1px solid #e8d7be;margin-top:22px;padding-top:15px}
.mh-deep>button{width:100%;padding:11px;border:1px solid #b99762;border-radius:6px;background:#fff9ed;color:#856039;font-weight:700;cursor:pointer}
.mh-deep>button:disabled{opacity:.6;cursor:wait}
#meihuaDeepReport{margin-top:16px;border:1px solid #dec8aa;border-radius:7px;background:#fcf8f0;padding:18px;line-height:1.85;font-size:13px}
#meihuaDeepReport h4{font:500 20px Georgia,'Noto Serif TC',serif;color:#72512c;margin:5px 0}
#meihuaDeepReport h5{font-size:14px;color:#785a2b;margin:17px 0 6px}
#meihuaDeepReport li{margin:0 0 10px}


/* 獨立西洋占星分頁 */
.astro-view{display:block}
.astro-page-hero{display:flex;align-items:center;gap:22px;padding:26px 28px;margin-top:28px;background:linear-gradient(135deg,#152540,#20375c);border:1px solid #243758;border-radius:18px;color:#f7ecd4;box-shadow:0 18px 40px #0f1d3214}
.astro-page-symbol{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;border:1px solid #d8bb87;color:#f6ddb0;font-size:40px;background:radial-gradient(circle at 35% 35%,#2a4368,#162743)}
.astro-page-kicker{margin:0 0 6px;font-size:12px;letter-spacing:.24em;color:#dfc08f}.astro-page-copy h2{margin:0 0 8px;font-size:34px;color:#fff8ec}.astro-page-copy p{margin:0;color:#d9e4f2;line-height:1.8}
.astro-page-workspace{margin-top:18px}.astro-page-note{margin:0 0 14px;padding:14px 18px;border:1px dashed #ccb27a;border-radius:14px;background:#fffaf1;color:#8a6d47;line-height:1.7}.astro-view .astro-panel{margin-top:0}
@media(max-width:560px){.astro-page-hero{padding:20px 16px;gap:14px;align-items:flex-start}.astro-page-symbol{width:58px;height:58px;font-size:30px}.astro-page-copy h2{font-size:25px}.astro-page-copy p{font-size:14px}}

/* SOURCE: wuxing.css */
/* 五行人格 · 新中式深藍金色，沿用知命版面 */
.wuxing-view{margin-top:24px;color:#26374a;min-width:0;--wx-gold:#b99460;--wx-deep:#18283f;--wx-line:#e8d9bf}
.wx-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(120deg,#172840,#344965);padding:35px 40px;border:1px solid #314564;border-radius:12px;color:#fff7e6;overflow:hidden}.wx-eyebrow{font-size:11px;letter-spacing:.2em;color:#ddbd88;margin:0 0 11px}.wx-hero h2{font:600 clamp(25px,3.5vw,36px)/1.4 'Noto Serif TC',serif;margin:0 0 10px}.wx-hero p:not(.wx-eyebrow){font-size:14px;color:#d9e0e7;margin:0}.wx-hero-seal{font:180px/1 'Noto Serif TC',serif;color:#d7b78220;margin:-60px 0;flex:none}
.wx-overview,.wx-pair,.wx-deep{border:1px solid #e6d9c4;background:#fffdf9;border-radius:12px;box-shadow:0 12px 30px #1c25370a;margin-top:20px;padding:26px;min-width:0}.wx-section-title{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:20px}.wx-section-title span,.wx-deep-head>div>span{color:#ad8959;font-size:11px;letter-spacing:.1em}.wx-section-title h3,.wx-deep-head h3{color:#253852;font:600 clamp(20px,2.5vw,26px)/1.4 'Noto Serif TC',serif;margin:7px 0 0}.wx-section-title p{font-size:12px;color:#8d8172;margin:0}.wx-elements{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.wx-element{background:#f9f6ef;border:1px solid #e6dac6;border-radius:9px;padding:14px 5px;display:flex;align-items:center;flex-direction:column;cursor:pointer;gap:5px;color:#776951;min-width:0;transition:transform .12s,box-shadow .12s,background .12s}.wx-element-char{font:700 32px 'Noto Serif TC',serif}.wx-element strong{font-size:12px;font-weight:600}.wx-element:hover{transform:translateY(-2px);background:#fffaf0}.wx-element.is-active{background:linear-gradient(155deg,#203451,#324965);color:#fff4d9;border-color:#324965;box-shadow:0 7px 18px #24334831}.wx-element:focus-visible,.wx-primary:focus-visible,.wx-deep-button:focus-visible,.wx-jump:focus-visible{outline:3px solid #b99561;outline-offset:3px}
.wx-profile-status{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:17px 0;padding:13px 17px;background:#f7f1e6;border:1px solid #ecddbf;border-radius:8px;font-size:12px;color:#897657}.wx-profile-status strong{font-size:13px;color:#46556a}.wx-jump{border:1px solid #b99863;color:#795a2c;background:#fffbf2;border-radius:5px;cursor:pointer;padding:6px 12px;margin-left:auto}.wx-personality{min-width:0}.wx-personality-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebdfca;gap:18px;padding:20px 0}.wx-personality-tag{font-size:11px;letter-spacing:.1em;color:#aa8755}.wx-personality-head h3{font:600 27px 'Noto Serif TC',serif;margin:9px 0;color:#2c4056}.wx-personality-head p{margin:0;font-size:13px;color:#6c7280}.wx-personality-mark{font:68px 'Noto Serif TC',serif;color:#c3a474}.wx-personal-evidence{background:#eef4f7;border-left:4px solid #6b8d9e;padding:12px 17px;margin:16px 0;border-radius:5px}.wx-personal-evidence strong{font-size:14px;color:#2c4455}.wx-personal-evidence p{font-size:12px;color:#66747f;line-height:1.9;margin:6px 0 0}.wx-focus{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:#fff9ed;padding:14px 17px;margin:17px 0;border-radius:8px}.wx-focus span{color:#987240;font-weight:700;white-space:nowrap}.wx-focus p{margin:0;line-height:1.8;font-size:13px;color:#5f5346}.wx-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wx-info-card{border:1px solid #e9dcca;background:#fcfaf6;border-radius:9px;padding:18px;min-width:0}.wx-info-card h4{font:650 17px 'Noto Serif TC',serif;color:#745a37;margin:0 0 10px}.wx-info-card>strong{display:block;color:#4e6072;font-size:12px;margin-bottom:6px}.wx-info-card p{margin:0;white-space:pre-line;line-height:1.85;color:#68717a;font-size:13px;overflow-wrap:anywhere}.wx-info-card.wx-wide{grid-column:1/-1}.wx-sexuality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wx-sexuality-grid .wx-info-card{background:#fffefa;border-color:#e9dcc8;padding:14px}.wx-sexuality-grid h4{font-size:14px}.wx-relation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.wx-relation-chip{min-width:0;border-radius:6px;padding:12px 10px;border:1px solid #e2d4bf;background:#fffefa}.wx-relation-chip strong{color:#3e5268;display:block;font-size:12px}.wx-relation-chip span{display:inline-block;background:#f6ecd9;color:#987045;border-radius:15px;padding:3px 7px;margin:6px 0;font-size:11px}.wx-relation-chip p{font-size:11px;line-height:1.7;color:#6e746f;margin:0}.wx-soft-note,.wx-footer-note{font-size:12px;line-height:1.8;color:#94877a}
.wx-pair-help{font-size:13px;color:#7e7569;line-height:1.8;margin:0 0 17px}.wx-pair-main{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:16px;align-items:stretch}.wx-partner-form{background:#faf7f1;border:1px solid #e9ddca;border-radius:9px;padding:18px}.wx-partner-form .field{margin:0 0 13px}.wx-partner-form input,.wx-partner-form select{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.wx-form-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:15px}.wx-form-head span{font:650 16px 'Noto Serif TC',serif;color:#415169}.wx-form-head small{color:#978b7e;font-size:11px}.wx-consent{display:flex;align-items:flex-start;font-size:11px;color:#958778;line-height:1.6}.wx-consent input{width:auto;flex:none;margin-top:3px}.wx-consent a{color:#866843}.wx-primary{width:100%;padding:13px 16px;border-radius:6px;border:0;background:linear-gradient(110deg,#74572e,#ad8a50);color:#fffdf6;cursor:pointer;font-size:14px;font-weight:700}.wx-primary:disabled{opacity:.65;cursor:wait}.wx-error{padding:10px 12px;border-radius:5px;border:1px solid #e8b9b1;background:#fff2ef;color:#934839;font-size:12px;line-height:1.7}.wx-partner-result{border:1px solid #e8d9c0;border-radius:9px;padding:22px;background:#fffefa;min-width:0}.wx-result-placeholder{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:#897b6d}.wx-result-placeholder span{font:34px 'Noto Serif TC',serif;color:#d8c6a7;letter-spacing:.4em}.wx-result-placeholder strong{font:600 19px 'Noto Serif TC',serif;color:#6b6258}.wx-result-placeholder p{font-size:12px;color:#938678;line-height:1.7}.wx-result-heading span{font-size:11px;color:#ac8856;letter-spacing:.13em}.wx-result-heading h3{color:#34485e;font:600 22px 'Noto Serif TC',serif;margin:6px 0 19px}.wx-partners{display:flex;gap:15px;align-items:stretch}.wx-partner-token{flex:1;background:#f4f0e9;border:1px solid #e7dac4;text-align:center;border-radius:7px;padding:16px 8px;min-width:0}.wx-partner-token span,.wx-partner-token small{display:block;font-size:12px;color:#8b795b;overflow-wrap:anywhere}.wx-partner-token strong{display:block;font:700 36px 'Noto Serif TC',serif;color:#364d69;margin:10px auto}.wx-relation-label{text-align:center;background:#eaf0f5;padding:13px;margin:16px 0;border-radius:6px;color:#526c80}.wx-relation-label strong{display:block;font:650 24px 'Noto Serif TC',serif}.wx-relation-label span{font-size:12px}.wx-result-lead{line-height:1.85;color:#5c666e;font-size:14px}.wx-result-details{display:grid;gap:11px}.wx-result-details .wx-info-card{padding:14px}.wx-result-details h4{font-size:14px}
.wx-deep-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.wx-deep-head p{font-size:13px;color:#89796b;line-height:1.8;margin:8px 0 0}.wx-deep-button{min-width:135px;padding:12px 18px;border:1px solid #b99460;color:#fdf7e8;background:#263b56;border-radius:5px;cursor:pointer}.wx-deep-button:disabled{opacity:.5;cursor:not-allowed}.wx-deep-report{padding:16px 0;margin-top:15px}.wx-footer-note{margin:18px 4px 28px;text-align:center}
@media(max-width:900px){.wx-pair-main{grid-template-columns:1fr}.wx-relation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.wx-hero{padding:27px 19px}.wx-hero-seal{font-size:100px;margin:-35px 0}.wx-overview,.wx-pair,.wx-deep{padding:16px}.wx-section-title{align-items:flex-start;flex-direction:column}.wx-elements{gap:5px}.wx-element{padding:12px 1px}.wx-element-char{font-size:25px}.wx-element strong{font-size:10px}.wx-info-grid,.wx-sexuality-grid{grid-template-columns:1fr}.wx-info-card.wx-wide{grid-column:auto}.wx-relation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wx-focus{grid-template-columns:1fr;gap:5px}.wx-deep-head{flex-direction:column;align-items:stretch}.wx-deep-button{width:100%}.wx-partners{gap:8px}.wx-partner-token{padding:11px 4px}.wx-partner-token strong{font-size:27px}}
@media print{.wx-elements,.wx-partner-form,.wx-deep-button{display:none!important}.wx-info-card{break-inside:avoid}}

/* 未排盤與通用五行的明確區隔，避免誤認為個人命盤已算出。 */
.wx-generic-preview{background:linear-gradient(140deg,#faf5eb,#fffefa);border:1px solid #e9d9c0;border-radius:11px;margin-top:18px;padding:22px 24px;color:#5b5f62;line-height:1.85}
.wx-generic-preview>strong{display:block;font:650 17px 'Noto Serif TC',serif;color:#816039;margin-bottom:9px}
.wx-generic-preview p{font-size:14px;margin:0 0 10px}
.wx-generic-preview .wx-generic-boundary{font-size:12px;color:#8d8376;margin:0;border-top:1px solid #e6d8c4;padding-top:11px}
.wx-generic-alert{background:#f3f7f8;border:1px solid #c6d7df;border-left:4px solid #668ea6;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;margin:17px 0}
.wx-generic-alert strong{font-size:14px;color:#31516b}.wx-generic-alert p{font-size:12px;line-height:1.75;margin:4px 0 0;color:#677b86}
.wx-back-personal{flex:none;background:#2d4660;color:#fffbea;border:0;border-radius:6px;padding:9px 14px;cursor:pointer;font-weight:600;font-size:12px}
.wx-back-personal:hover{background:#20354b}.wx-back-personal:focus-visible{outline:3px solid #b99561;outline-offset:3px}
.wx-status-generic{font-size:12px;color:#486c84}
@media(max-width:620px){.wx-generic-preview{padding:17px 15px}.wx-generic-alert{flex-direction:column;align-items:stretch}.wx-back-personal{width:100%}}

/* 雙人五行：重點式長篇詳批，不再只有兩張簡短提示卡 */
.wx-pair-detail-hero{border-radius:12px;background:linear-gradient(135deg,#1b2b43,#2e4860);color:#fff8e9;padding:25px 23px;margin:-1px -1px 20px}
.wx-pair-detail-eyebrow{display:block;color:#ddc397;letter-spacing:.16em;font-size:11px;margin-bottom:10px}
.wx-pair-detail-hero h3{font:600 clamp(20px,2.1vw,27px)/1.5 'Noto Serif TC',serif;color:#fff8e9;margin:0 0 5px}
.wx-pair-detail-identities{color:#d9e3ef;line-height:1.9;overflow-wrap:anywhere;font-size:12px}
.wx-pair-detail-relation{border-radius:7px;background:#ffffff18;border:1px solid #ffffff3c;padding:12px 16px;color:#f9deb3;font:600 20px 'Noto Serif TC',serif;margin:15px 0}
.wx-pair-detail-main-point{color:#fff6e8;line-height:1.9;font-size:14px;margin:8px 0 0}
.wx-pair-detail-section{margin:23px 0}.wx-pair-detail-section-title{color:#6b4f29;border-bottom:1px solid #e6d4b8;padding-bottom:9px;margin:0 0 12px;font:650 18px/1.5 'Noto Serif TC',serif}
.wx-pair-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.wx-pair-detail-card{border:1px solid #eadfcf;border-radius:9px;background:#fbf8f2;padding:15px;min-width:0}
.wx-pair-detail-card h4{font:650 15px/1.55 'Noto Serif TC',serif;margin:0 0 8px;color:#40516a}
.wx-pair-detail-card p{color:#555c60;font-size:13px;line-height:1.95;margin:0;overflow-wrap:anywhere;white-space:pre-line}
.wx-pair-detail-scenarios .wx-pair-detail-list,.wx-pair-detail-actions .wx-pair-detail-list{grid-template-columns:1fr}
.wx-pair-detail-scenarios .wx-pair-detail-card{border-left:3px solid #b89a6a;background:#fffefa}
.wx-pair-detail-actions .wx-pair-detail-card{background:#f4f7f6;border-color:#dbe6df}
.wx-pair-detail-evidence{margin:20px 0;border:1px solid #e5dacb;border-radius:9px;padding:13px 17px;background:#fffdfa}
.wx-pair-detail-evidence summary{cursor:pointer;color:#765c3e;font-weight:700;font-size:13px}
.wx-pair-detail-evidence-lines{padding-top:10px}.wx-pair-detail-evidence-lines p{font-size:12px;line-height:1.85;color:#6a7074}
.wx-pair-detail-caution{font-size:11px;color:#9a8d7e;line-height:1.8}
.wx-pair-detail-more{border:1px solid #9e7b48;background:linear-gradient(110deg,#715630,#ad8950);color:#fffdf7;border-radius:7px;padding:12px 18px;width:100%;font-weight:700;cursor:pointer;margin:12px 0 0}
.wx-pair-detail-more:hover{filter:brightness(1.07)}.wx-pair-detail-more:focus-visible{outline:3px solid #b99561;outline-offset:3px}
@media(max-width:620px){.wx-pair-detail-hero{padding:19px 14px}.wx-pair-detail-list{grid-template-columns:1fr}.wx-pair-detail-card{padding:14px}.wx-partner-result{padding:12px}}

@media(min-width:901px){.wx-pair-main.wx-pair-detailed{grid-template-columns:minmax(295px,.31fr) minmax(0,.69fr);align-items:start}}

/* v4 雙人深度分析：長篇內容保持可讀，不靠多餘裝飾填空。 */
.wx-pair-detail-main-point{font-size:15px;line-height:1.85}
.wx-pair-detail-card{padding:17px 18px}
.wx-pair-detail-card h4{font-size:15px;margin-bottom:9px}
.wx-pair-detail-card p{font-size:14px;line-height:1.85;letter-spacing:.01em}
.wx-pair-detail-dynamics .wx-pair-detail-card:last-child:nth-child(odd){grid-column:1/-1}
.wx-pair-detail-pillars .wx-pair-detail-card{border-left:3px solid #c2ab80;background:#fffdf8}
.wx-pair-detail-scenarios .wx-pair-detail-card h4{color:#835c2c}
.wx-pair-detail-actions .wx-pair-detail-card{border-left:3px solid #7b9a90}
@media(max-width:620px){
 .wx-pair-detail-dynamics .wx-pair-detail-card:last-child:nth-child(odd){grid-column:auto}
 .wx-pair-detail-card{padding:14px 13px}
 .wx-pair-detail-card p{font-size:13.5px;line-height:1.8}
 .wx-pair-detail-main-point{font-size:14px;line-height:1.85}
}

/* SOURCE: tarot.css */
/* 知命 · 每日塔羅：獨立分頁，米白／深藍／香檳金，響應式 */
.tarot-view{margin-top:24px;min-width:0;color:#27344c}
.tarot-view button:focus-visible{outline:3px solid #b88b53;outline-offset:4px}
.tarot-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:24px;padding:38px 42px;border-radius:15px;background:linear-gradient(125deg,#101d33,#283e5d);color:#f9edcf;box-shadow:0 15px 28px #18223719}
.tarot-hero-sigil{font-family:serif;font-size:83px;line-height:1;color:#e2c18a;width:94px;text-align:center;flex-shrink:0;text-shadow:0 0 25px #debd876c}
.tarot-kicker{font-size:12px;letter-spacing:.19em;text-transform:uppercase;color:#b28a56}
.tarot-hero .tarot-kicker{color:#e5c28c}
.tarot-hero h2{font:400 clamp(28px,4vw,42px)/1.25 Georgia,"Noto Serif TC",serif;margin:7px 0}
.tarot-hero p{margin:0;color:#d3e0f1}
.tarot-meta-line{display:flex;gap:20px;flex-wrap:wrap;margin-top:13px!important;font-size:12px;color:#d4bd97!important}
.tarot-screen{background:linear-gradient(#fffefb,#fcf6e9);border:1px solid #e5d7bc;border-radius:15px;padding:25px;margin-top:16px;min-height:180px}
.tarot-notice{text-align:center;color:#8b7450;font-size:14px;margin:9px 0}
.tarot-notice:empty{display:none}
.tarot-pick-panel{text-align:center;padding:6px 3px 14px}.tarot-pick-panel h3{font:400 27px/1.4 "Noto Serif TC",serif;color:#574028;margin:4px 0}.tarot-pick-panel p{margin:0 0 22px;color:#806f60;font-size:14px}
.tarot-deck{display:flex;align-items:flex-start;justify-content:center;gap:24px;flex-wrap:wrap;perspective:1000px}
.tarot-pick{appearance:none;border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:13px;color:#9c7744;cursor:pointer;min-width:0;transition:transform .2s}
.tarot-pick img{width:175px;max-width:100%;aspect-ratio:390/650;border-radius:9px;box-shadow:0 11px 28px #121b3133;border:1px solid #c5ab82;transition:transform .3s,box-shadow .3s}
.tarot-pick:hover img{transform:translateY(-9px) rotate(-2deg);box-shadow:0 19px 32px #13233f44}
.tarot-pick:disabled{cursor:wait;opacity:.55}.tarot-pick.is-chosen img{transform:rotateY(180deg) scale(.94)}
.tarot-result{animation:tarot-appear .65s ease both}
@keyframes tarot-appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.tarot-result-grid{display:grid;grid-template-columns:minmax(175px,250px) minmax(0,1fr);gap:30px;align-items:start}
.tarot-result-figure{position:relative;text-align:center;max-width:260px;margin:0 auto}
.tarot-result-figure img{width:100%;border-radius:12px;box-shadow:0 13px 30px #15223831;background:#1d304a;border:1px solid #c0a26b}
.tarot-result-figure img.tarot-reversed{transform:rotate(180deg)}
.tarot-orientation{display:inline-block;background:#ead9bc;border-radius:40px;padding:5px 16px;margin-top:16px;color:#70512e;font-size:14px}
.tarot-result-text h3{font:400 38px/1.3 Georgia,"Noto Serif TC",serif;color:#534025;margin:6px 0 1px}
.tarot-english{font:italic 15px Georgia,serif;color:#9b8665;margin-top:4px}
.tarot-result-text h4{font-size:16px;letter-spacing:.1em;color:#725429;margin:19px 0 5px}
.tarot-result-text>p:not(.tarot-english){margin:0;color:#514f4d;line-height:1.9}
.tarot-meaning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.tarot-meaning-grid article{background:#fffdf7;border:1px solid #e7d9bf;padding:16px 13px;border-radius:12px}
.tarot-meaning-grid strong{display:block;color:#73542d;font-size:13px}
.tarot-meaning-grid p{font-size:13px;color:#625d55;margin:7px 0 0;line-height:1.85}
.tarot-result-text .tarot-action{margin-top:16px!important;border-left:3px solid #c9a568;background:#f5eee0;padding:12px 16px}
.tarot-deep-area{margin-top:32px;border-top:1px solid #dacbac;padding-top:25px}
.tarot-deep-area h4{font-size:22px;font-weight:500;color:#3a2f23;margin:0}.tarot-deep-area p{margin:4px 0 13px;color:#756c61;font-size:13px}
.tarot-deep-btn{background:linear-gradient(115deg,#82622f,#b69352);border:0;color:#fff;font-size:15px;font-weight:600;border-radius:9px;padding:13px 32px;cursor:pointer}
.tarot-deep-btn:hover{filter:brightness(1.1)}.tarot-deep-btn:disabled{opacity:.6;cursor:wait}
.tarot-error{color:#9b4439;background:#fff2ee;border:1px solid #dbb6af;padding:10px 14px;border-radius:6px}
.tarot-deep-report{padding:26px;margin-top:18px;background:#fffaf0;border:1px solid #e3d0a9;border-radius:12px}
.tarot-deep-report h4{font:400 25px "Noto Serif TC",serif}.tarot-deep-report h5{font-size:17px;color:#72542d;margin:23px 0 8px}
.tarot-deep-report p,.tarot-deep-report li{color:#494949;line-height:1.95;font-size:15px;white-space:pre-line}
.tarot-history-wrap{margin-top:25px;background:#fffdf9;border:1px solid #e4d5ba;border-radius:13px;padding:23px}
.tarot-history-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.tarot-history-title h3{font:400 25px "Noto Serif TC",serif;color:#554028;margin:4px 0}.tarot-history-title>span{font-size:12px;color:#99856a}
.tarot-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:11px}
.tarot-history article{display:flex;gap:11px;align-items:center;border:1px solid #ede0cc;background:#fffefa;border-radius:10px;padding:10px}
.tarot-history img{width:52px;aspect-ratio:390/650;border-radius:4px}.tarot-history img.tarot-reversed{transform:rotate(180deg)}
.tarot-history strong{display:block;color:#5f432b;font-size:14px}.tarot-history small{color:#8f7c61;display:block;line-height:1.8}
.tarot-history p{color:#87765e;font-size:13px}
.tarot-footnote{font-size:12px;color:#967f63;margin:17px 3px 0}
@media(max-width:760px){.tarot-hero{padding:28px 24px}.tarot-result-grid{grid-template-columns:1fr}.tarot-result-figure{max-width:200px}.tarot-meaning-grid{grid-template-columns:1fr}}
@media(max-width:520px){.tarot-hero{gap:14px;padding:23px 15px}.tarot-hero-sigil{font-size:50px;width:50px}.tarot-hero h2{font-size:27px}.tarot-hero p{font-size:13px}.tarot-screen{padding:16px 11px}.tarot-pick-panel h3{font-size:23px}.tarot-deck{gap:10px;flex-wrap:nowrap}.tarot-pick{width:31%;font-size:12px}.tarot-pick img{width:100%}.tarot-result-text h3{font-size:30px}.tarot-history-wrap{padding:16px 13px}}
/* 六個功能分頁：寬螢幕單列，平板三列兩行，手機兩列三行。 */
.fortune-tabs{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.fortune-tabs .fortune-tab{min-width:0!important;flex:none!important;width:100%;padding:11px 6px;font-size:13px;white-space:normal;line-height:1.4}
@media(max-width:990px){.fortune-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.fortune-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fortune-tabs .fortune-tab{padding:11px 5px;font-size:12px}}
@media print{#tarotPickPanel,.tarot-deep-btn{display:none!important}}

/* --- Cat premium tarot refresh 20261105 --- */
#tarotView .tarot-hero{
  background:
    radial-gradient(circle at 15% 18%, rgba(255,232,243,.55), transparent 18%),
    radial-gradient(circle at 88% 16%, rgba(255,220,192,.46), transparent 15%),
    linear-gradient(135deg,#7c568e 0%,#b880a0 36%,#f6d6d2 100%)!important;
  border:1px solid #e9cfb1;
  position:relative;
}
#tarotView .tarot-hero::before,
#tarotView .tarot-hero::after{content:'';position:absolute;pointer-events:none;opacity:.45;background-repeat:no-repeat;background-size:contain}
#tarotView .tarot-hero::before{left:-8px;bottom:-12px;width:220px;height:120px;background-image:radial-gradient(circle at 35px 64px,#fff6f8 0 28px,transparent 29px),radial-gradient(circle at 74px 54px,#fff6f8 0 26px,transparent 27px),radial-gradient(circle at 108px 66px,#fff6f8 0 24px,transparent 25px),radial-gradient(circle at 146px 58px,#fff6f8 0 23px,transparent 24px)}
#tarotView .tarot-hero::after{right:18px;top:16px;width:82px;height:82px;background-image:radial-gradient(circle at 16px 18px,#f9eed5 0 5px,transparent 6px),radial-gradient(circle at 28px 12px,#f9eed5 0 4px,transparent 5px),radial-gradient(circle at 42px 18px,#f9eed5 0 4px,transparent 5px),radial-gradient(circle at 30px 28px,#f9eed5 0 11px,transparent 12px)}
#tarotView .tarot-screen,
#tarotView .tarot-history-wrap{
  background:
    linear-gradient(180deg,rgba(255,254,251,.96),rgba(253,243,238,.97)),
    radial-gradient(circle at 6% 14%,rgba(255,217,230,.22),transparent 18%),
    radial-gradient(circle at 96% 4%,rgba(244,210,181,.2),transparent 16%),
    linear-gradient(transparent 94%,rgba(225,198,165,.22) 100%)!important;
  border-color:#e8c9a8;
}
#tarotView .tarot-screen::before,
#tarotView .tarot-history-wrap::before,
#tarotView .tarot-result-text::before,
#tarotView .tarot-premium-panel::before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:
    radial-gradient(circle at 22% 20%,rgba(255,255,255,.55) 0 14px,transparent 15px),
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.55) 0 12px,transparent 13px),
    radial-gradient(circle at 34% 21%,rgba(255,255,255,.55) 0 10px,transparent 11px),
    radial-gradient(circle at 88% 18%,rgba(198,159,117,.22) 0 5px,transparent 6px),
    radial-gradient(circle at 91% 11%,rgba(198,159,117,.22) 0 4px,transparent 5px),
    radial-gradient(circle at 94% 18%,rgba(198,159,117,.22) 0 4px,transparent 5px),
    radial-gradient(circle at 91% 26%,rgba(198,159,117,.22) 0 10px,transparent 11px);
}
#tarotView .tarot-screen,#tarotView .tarot-history-wrap,#tarotView .tarot-result-text,#tarotView .tarot-premium-panel{position:relative;overflow:hidden}
#tarotView .tarot-result-text{border:1px solid #e6c6a8;box-shadow:0 12px 30px rgba(119,70,52,.08)}
#tarotView .tarot-result-text>*{position:relative;z-index:1}
#tarotView .tarot-pick-panel h3,#tarotView .tarot-history-title h3{color:#70453a}
#tarotView .tarot-result-text h3{color:#6f4160}
#tarotView .tarot-result-text .tarot-english{color:#9b6f78}
#tarotView .tarot-action{background:linear-gradient(115deg,#fff6ef,#fde8de);border:1px solid #edd3bb;border-radius:18px;padding:12px 14px}
#tarotView .tarot-deep-area{background:linear-gradient(120deg,#fff8f0,#fffbf6);border:1px solid #ead0b0;border-radius:22px;padding:18px 18px 20px;box-shadow:0 10px 25px rgba(110,67,49,.08)}
#tarotView .tarot-deep-area.hidden{display:none!important}

.tarot-premium-panel{margin-top:18px;border:1px solid #e9cfb0;border-radius:24px;padding:16px;background:linear-gradient(160deg,#fffaf5,#fff2eb);box-shadow:0 12px 26px rgba(131,83,60,.08)}
.tarot-service-head{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:end;margin-bottom:12px}
.tarot-service-head span{font-size:11px;letter-spacing:.18em;color:#b88371;text-transform:uppercase}
.tarot-service-head strong{font:800 20px/1.5 'Noto Serif TC',serif;color:#764b46}
.tarot-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tarot-service-item{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border:1px solid #efd7c0;border-radius:18px;padding:12px 14px;background:rgba(255,255,255,.68)}
.tarot-service-item h5{margin:0 0 4px;font-size:15px;color:#70443f}
.tarot-service-item p{margin:0;font-size:12px;line-height:1.7;color:#8b7262}
.tarot-service-item strong{font:800 16px/1.4 'Noto Serif TC',serif;color:#925b6b;white-space:nowrap}
.tarot-service-item.is-featured{background:linear-gradient(120deg,#fff4fb,#fff4ec);border-color:#ddb8cc;box-shadow:0 8px 20px rgba(162,106,132,.11)}
.tarot-unlock-box{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-top:14px;padding:18px;border-radius:22px;border:1px solid #e2bfd1;background:linear-gradient(120deg,#fff7fb 0%,#fff5f0 56%,#fff9f3 100%)}
.tarot-unlock-badge{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff8f5,#f2d1e4 62%,#c191b2 100%);border:3px solid #fff3f8;outline:1px solid #dcb8cb;font:900 17px/1.3 'Noto Serif TC',serif;color:#7b5068;text-align:center;box-shadow:0 8px 18px rgba(143,96,126,.18)}
.tarot-unlock-kicker{margin:0 0 4px;font-size:11px;letter-spacing:.18em;color:#b87c7a;text-transform:uppercase}
.tarot-unlock-copy h4{margin:0 0 6px;font:900 27px/1.35 'Noto Serif TC',serif;color:#754157}
.tarot-unlock-copy p{margin:0;color:#86685d;line-height:1.8}
.tarot-unlock-perks{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tarot-unlock-perks span,.tarot-unlocked-banner strong+span{border:1px solid #e5c9aa;background:#fffaf5;border-radius:999px;padding:6px 11px;font-size:12px;color:#8c6b59}
.tarot-premium-btn{border:0;border-radius:999px;padding:14px 18px;background:linear-gradient(135deg,#9f617f,#d18a74);color:#fff;font:800 15px/1.2 'Noto Sans TC',sans-serif;box-shadow:0 10px 22px rgba(143,85,104,.24);cursor:pointer;white-space:nowrap}
.tarot-premium-btn:hover{transform:translateY(-1px)}
.tarot-unlock-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.tarot-unlock-actions small{color:#937768;text-align:right;line-height:1.7}
.tarot-unlocked-banner{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;margin-top:14px;padding:16px 18px;border-radius:20px;background:linear-gradient(120deg,#fff8ef,#fff5fb);border:1px solid #e5c8d9}
.tarot-unlocked-banner strong{display:block;color:#6e4756;font-size:18px}
.tarot-unlocked-banner p{margin:4px 0 0;color:#896e63;line-height:1.8;flex:1 1 260px}
.tarot-share-action-slot{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:220px}
.tarot-share-action-slot .cat-share-btn{margin:0}

.tarot-pay-modal.hidden{display:none!important}
.tarot-pay-modal{position:fixed;inset:0;z-index:90}
.tarot-pay-backdrop{position:absolute;inset:0;background:rgba(25,18,28,.46);backdrop-filter:blur(3px)}
.tarot-pay-dialog{position:relative;z-index:1;max-width:460px;margin:min(10vh,48px) auto 0;background:linear-gradient(170deg,#fffaf6,#fff1ec);border:1px solid #e2bfd1;border-radius:28px;padding:24px 22px 22px;box-shadow:0 24px 56px rgba(42,22,33,.24)}
.tarot-pay-seal{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:radial-gradient(circle at 30% 28%,#fff8fd,#efd5e4 60%,#c292b5 100%);font-size:34px}
.tarot-pay-kicker{margin:0;text-align:center;font-size:12px;letter-spacing:.18em;color:#b2747a;text-transform:uppercase}
.tarot-pay-dialog h3{margin:8px 0;font:900 30px/1.25 'Noto Serif TC',serif;color:#724459;text-align:center}
.tarot-pay-copy,.tarot-pay-note{color:#8a6d60;text-align:center;line-height:1.85}
.tarot-pay-product{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #ebcfbe;background:#fffdf9;border-radius:18px;padding:14px 16px;margin:14px 0}
.tarot-pay-product span{color:#714749;font-weight:700}.tarot-pay-product strong{font:900 26px/1 'Noto Serif TC',serif;color:#8d5871}
.tarot-pay-lines{display:grid;gap:8px}
.tarot-pay-lines>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #e7d1c0;color:#7f675b}
.tarot-pay-actions{display:flex;gap:10px;margin-top:18px}
.tarot-pay-actions button{flex:1;border:0;border-radius:14px;padding:13px 14px;font:800 15px/1.2 'Noto Sans TC',sans-serif;cursor:pointer;background:linear-gradient(135deg,#9a5d7d,#d08974);color:#fff}
.tarot-pay-actions button.ghost{background:#fff;color:#7d5961;border:1px solid #e0c3cd}
body.modal-open{overflow:hidden}

@media(max-width:900px){
  .tarot-service-list{grid-template-columns:1fr}
  .tarot-unlock-box{grid-template-columns:1fr;justify-items:start}
  .tarot-unlock-actions{width:100%;align-items:stretch}
  .tarot-premium-btn{width:100%}
  .tarot-share-action-slot{width:100%;justify-content:flex-start}
}
@media(max-width:560px){
  .tarot-service-head strong{font-size:18px}
  .tarot-service-item{padding:11px 12px}
  .tarot-service-item h5{font-size:14px}
  .tarot-unlock-copy h4{font-size:22px}
  .tarot-premium-panel{padding:13px}
  .tarot-pay-dialog{margin:18px 14px 0;padding:20px 16px}
  .tarot-pay-dialog h3{font-size:25px}
  .tarot-pay-actions{flex-direction:column}
}

/* 紫月塔羅免費／模擬付款分層及新中式貓咪解鎖卡 */
#tarotShareActions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px auto 12px}
#tarotShareActions .cat-share-btn{border:2px solid #dcb697!important;border-radius:999px!important;background:linear-gradient(100deg,#7b547b,#aa7192)!important;color:#fff5eb!important;padding:12px 25px!important;font-weight:800;box-shadow:0 5px 0 #bd9c91,0 10px 22px #8f60832a}
.tarot-premium-panel{display:grid;grid-template-columns:minmax(115px,30%) minmax(0,1fr);gap:18px;align-items:center;position:relative;overflow:hidden;margin:18px 0 16px;padding:20px;border-radius:24px;border:2px solid #d5a784;background:url('/assets/cat-theme/cloud-paws.svg') center/850px auto,linear-gradient(150deg,#fff1ee,#f9e7f3,#fff7e9);box-shadow:0 8px 30px #9b649228}
.tarot-premium-panel::before{content:'✦';position:absolute;top:12px;right:17px;font-size:27px;color:#d7a4c0;opacity:.8;pointer-events:none}
.tarot-premium-cat{display:block;width:100%;max-height:260px;aspect-ratio:4/5;object-fit:cover;object-position:center 32%;border-radius:18px;border:4px solid #fffaf3;outline:2px solid #d5af8d;box-shadow:0 8px 22px #78536d32}
.tarot-premium-copy{min-width:0;text-align:center}
.tarot-premium-kicker{display:block;letter-spacing:.12em;color:#a16e8a;font-size:12px;font-weight:800}
.tarot-premium-copy h4{font:900 clamp(21px,3vw,29px)/1.45 'Noto Serif TC',serif;color:#744369;margin:9px 0}
.tarot-premium-copy p{color:#7d636e;font-size:14px;line-height:1.8;margin:8px 0}
.tarot-premium-price{display:flex;align-items:baseline;gap:14px;justify-content:center;margin:14px auto}
.tarot-premium-price strong{font:900 38px/1.2 'Noto Serif TC',serif;color:#a24b80}
.tarot-premium-price span{font-size:12px;color:#8f6a81}
.tarot-premium-copy .tarot-deep-btn{display:block;margin:0 auto;max-width:100%;width:min(360px,100%);background:linear-gradient(105deg,#704c7f,#ac6487);border:2px solid #dcc294;color:#fff5ee;border-radius:30px;min-height:49px}
.tarot-premium-copy small{display:block;color:#997a80;margin-top:12px;line-height:1.7}
.tarot-deep-area{background:url('/assets/cat-theme/cloud-paws.svg') center top/850px auto,linear-gradient(135deg,#fff9f1,#fff0ee)!important;border-radius:22px!important;border:1px solid #e2bdb6!important;padding:20px!important}
.tarot-future-plans{margin:20px 0 14px;border-radius:19px;padding:15px 18px;background:#fff9f2;border:1px solid #ebd0c1;color:#7b526e}
.tarot-future-plans summary{cursor:pointer;font-weight:800;list-style:none}
.tarot-future-plans summary::before{content:'✧ ';color:#b684ae}
.tarot-future-plans summary small{color:#aa889a;font-weight:500}
.tarot-plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0}
.tarot-plans-grid>div{display:flex;justify-content:space-between;gap:6px;border-radius:12px;background:#fff3f4;border:1px solid #edd5db;padding:11px 12px;font-size:12px;align-items:center}
.tarot-plans-grid strong{font-weight:700;color:#795273}
.tarot-plans-grid span{flex-shrink:0;color:#a97a99}
.tarot-future-plans p{font-size:12px;color:#957b8b}
.tarot-modal-open,.cat-share-preview-open{overflow:hidden}
.tarot-pay-modal,.cat-share-preview{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;background:#3b2b3ca6;backdrop-filter:blur(7px)}
.tarot-pay-modal.hidden,.cat-share-preview.hidden{display:none!important}
.tarot-pay-dialog{position:relative;overflow:auto;max-height:min(92dvh,880px);width:min(100%,450px);margin:auto;background:linear-gradient(155deg,#fffbf6,#fce6ec);border-radius:26px;border:3px solid #dfb794;padding:20px 26px;text-align:center;box-shadow:0 25px 95px #39213c66,0 0 0 6px #fff7f2 inset;color:#74465f}
.tarot-pay-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:27px;color:#815878;cursor:pointer}
.tarot-pay-dialog>img{width:104px;height:104px;object-fit:cover;border-radius:50%;outline:2px solid #c79b83;border:4px solid white;margin:4px auto 13px;display:block}
.tarot-pay-dialog>span{font-size:12px;letter-spacing:.1em;color:#b5849b;font-weight:800}
.tarot-pay-dialog h3{font:900 24px/1.5 'Noto Serif TC',serif;margin:8px 0}
.tarot-pay-dialog>strong{font:900 41px 'Noto Serif TC',serif;color:#9b4c7f}
.tarot-pay-dialog>p{font-size:13px;line-height:1.75;margin:10px auto}
.tarot-pay-dialog .tarot-pay-warning{background:#fff3ef;border:1px solid #eacac5;border-radius:12px;padding:10px}
.tarot-pay-dialog .checkrow{text-align:left;font-size:12px;line-height:1.8;display:flex;gap:8px;margin:13px 0}
.tarot-pay-dialog .checkrow input{width:18px;height:18px;flex-shrink:0;margin-top:3px}
.tarot-pay-actions{display:grid;gap:8px;margin:13px 0 0}
.tarot-pay-actions button{padding:12px;border-radius:999px;font-weight:800;cursor:pointer}
#tarotPayConfirm{background:linear-gradient(95deg,#845279,#af6985);border:1px solid #e6c18c;color:#fff}
#tarotPayCancel{background:#fffaf3;border:1px solid #e6c3aa;color:#775d6d}
.tarot-pay-actions button:disabled{opacity:.62;cursor:progress}
.tarot-pay-dialog .tarot-error{font-weight:800;color:#a33644}
/* share image preview */
.cat-share-preview-panel{width:min(95vw,590px);max-height:94dvh;overflow:auto;margin:auto;border-radius:25px;background:#fff8f5;box-shadow:0 18px 70px #2c182f7d;border:2px solid #d9aa9c;padding:13px;display:flex;flex-direction:column;align-items:center;gap:12px}
.cat-share-preview-top{width:100%;display:flex;align-items:center;justify-content:space-between;padding:4px 7px;color:#755077}
.cat-share-preview-top strong{font-size:17px}
.cat-share-close{border:0;background:#f8e9ee;border-radius:50%;width:35px;height:35px;font-size:23px;color:#8e5d79;cursor:pointer}
.cat-share-preview-panel>img{display:block;width:min(100%,390px);height:auto;max-height:58dvh;object-fit:contain;border-radius:12px;border:1px solid #e4bcb4}
.cat-share-preview-panel>p{font-size:12px;text-align:center;color:#986d87;margin:0}
.cat-share-preview-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.cat-share-preview-actions>*{display:inline-flex;padding:10px 17px;align-items:center;justify-content:center;min-width:120px;text-decoration:none;border-radius:999px;background:#865482;color:#fff;border:0;cursor:pointer;font-size:13px;font-weight:800}
.cat-share-preview-actions>button{background:#e7cedd;color:#74476f}
@media(max-width:560px){.tarot-premium-panel{grid-template-columns:105px minmax(0,1fr);padding:13px 10px;gap:11px}.tarot-premium-cat{max-height:160px}.tarot-premium-copy h4{font-size:18px;margin:5px 0}.tarot-premium-copy p{font-size:11px;margin:3px 0}.tarot-premium-kicker{font-size:9px}.tarot-premium-price{margin:7px auto;gap:4px;flex-wrap:wrap}.tarot-premium-price strong{font-size:27px}.tarot-premium-price span{font-size:10px}.tarot-premium-copy .tarot-deep-btn{padding:9px 7px;font-size:11px;min-height:0}.tarot-premium-copy small{font-size:10px}.tarot-plans-grid{grid-template-columns:1fr}.tarot-pay-dialog{padding:15px 19px}}
@media(max-width:355px){.tarot-premium-panel{grid-template-columns:1fr;text-align:center}.tarot-premium-cat{width:135px;aspect-ratio:1;justify-self:center}}

/* SOURCE: cat-theme.css */
/* 玄機閣 · 貓咪古風主題：只改視覺，不更動原有會員/計算/付款功能 */
:root{--ink:#4c3026;--navy:#4a3029;--navy2:#674533;--gold:#b98145;--gold2:#f4d5a4;--paper:#fff2e7;--white:#fffaf3;--muted:#9b765f;--line:#ead0ae;--shadow:0 12px 30px #84573718;--cat-red:#a53b3a;--cat-rose:#e9b1a7}
html{scroll-behavior:smooth;scroll-padding-top:15px}
body{background:radial-gradient(ellipse at 4% 12%,#f6cbbf9a,transparent 29%),radial-gradient(ellipse at 96% 14%,#f9d2b2a6,transparent 27%),linear-gradient(180deg,#fff0e9 0%,#fff9f0 53%,#fbeddf 100%);color:var(--ink);font-family:"Noto Serif TC","Songti TC","Noto Sans TC","Microsoft JhengHei",serif}
body::before,body::after{content:"";position:fixed;z-index:-1;pointer-events:none;width:260px;height:340px;background:url('/assets/cat-theme/cherry-corner.webp') center/contain no-repeat;opacity:.22;filter:saturate(.75)}
body::before{left:-92px;top:150px}body::after{right:-115px;bottom:20px;transform:scaleX(-1) rotate(10deg)}
button,input,select,textarea{font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif}
button{transition:filter .16s ease,transform .13s ease,box-shadow .18s ease}
button:active{transform:translateY(2px) scale(.992)}
a{color:#9b5f3d}
.shell{max-width:1440px;padding:0 28px 55px}
.top{gap:20px;position:relative;margin:0;padding:11px 17px 12px;border-bottom:1px solid #d9b48670;min-height:82px;background:linear-gradient(90deg,#fff5eacc,#fff2e7bb);z-index:8}
.brand{gap:10px}.brand-home:hover{text-decoration:none}
.seal{position:relative;width:57px;height:57px;border:2px solid #9c7043;border-radius:50%;background:radial-gradient(circle,#f6e3c9,#f9dbba);font-size:32px;color:#543a2b;box-shadow:0 0 0 3px #fff5df inset,0 2px 7px #6d4b2b29}
.brandname{font-family:"Noto Serif TC","Songti TC",serif;font-size:29px;font-weight:900;letter-spacing:.15em;color:#502b25;line-height:1.15;text-shadow:0 1px 0 #fff}
.brandname small{margin-top:5px;font-family:"Noto Serif TC",serif;letter-spacing:.2em;color:#925936;font-size:11px;font-weight:600}
.top-actions{gap:16px}.top-daily{font-size:14px;color:#744630;font-weight:700}
.auth-nav button,.top-actions .life-edit{border-radius:30px;padding:10px 18px;font-weight:800;box-shadow:0 2px 5px #6f4d3019}
.auth-nav-main,.auth-submit{background:linear-gradient(110deg,#9f3d38,#c95646);color:#fff9e8;border:1px solid #b46b43}
.auth-nav-ghost{background:#ffe7c9;border:1px solid #be9660;color:#6e412e}
.auth-greeting{color:#754730}
.hero.cat-hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(405px,.97fr);align-items:center;gap:4px;min-height:455px;padding:20px 32px 22px 0;margin-top:15px;border:2px solid #edc7a4;border-radius:26px;box-shadow:0 13px 44px #b5765526;background:radial-gradient(circle at 20% 30%,#fff2df 0%,#fff6e8 43%,transparent 70%),radial-gradient(circle at 92% 4%,#f7c8b3,transparent 48%),linear-gradient(155deg,#fff3e9,#fff0dd);overflow:hidden;color:#543127}
.cat-hero::after{content:"";position:absolute;right:-15px;top:-40px;width:260px;height:180px;background:radial-gradient(ellipse,#ffe4c3c0,transparent 72%);pointer-events:none}
.cat-hero-art{width:100%;height:100%;min-height:400px;display:flex;align-items:flex-end;justify-content:flex-start;position:relative;isolation:isolate}
.cat-hero-art::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(to right,transparent 70%,#fff3e9 100%),linear-gradient(to bottom,#fff3e9b5 0%,transparent 16%,transparent 86%,#fff0e5 100%)}
.cat-hero-art img{display:block;width:100%;height:100%;max-height:505px;object-fit:cover;object-position:center 42%;filter:saturate(.95)}
.cat-hero-copy{position:relative;z-index:2;max-width:595px;margin:0 auto;width:100%;text-align:center;padding:10px 8px}
.cat-kicker{margin:0;color:#b1834b!important;letter-spacing:.24em;font:700 13px/1.7 "Noto Serif TC",serif!important}
.cat-hero h1{font:900 clamp(40px,5vw,68px)/1.17 "Noto Serif TC","Songti TC",serif;letter-spacing:.18em;color:#532b20;margin:6px 0 4px;text-shadow:2px 3px #f8d5b1}
.cat-hero-slogan{font:700 clamp(19px,2.2vw,27px)/1.55 "Noto Serif TC",serif;letter-spacing:.18em;color:#663723}
.cat-hero-subtitle{font-size:13px!important;color:#8c5741!important;margin:8px auto 16px!important}
.cat-quick-form{position:relative;display:grid;grid-template-columns:115px 1fr;gap:8px 12px;align-items:center;max-width:510px;margin:20px auto 0;padding:35px 24px 16px;border:2px solid #d4aa78;border-radius:16px;background:linear-gradient(120deg,#fff5e8f6,#ffe7d9f2);box-shadow:inset 0 0 0 4px #fffbf1,0 13px 30px #aa6c422b}
.cat-quick-form::before,.cat-quick-form::after{content:"❀";position:absolute;top:9px;font-size:15px;color:#cd9c7e}.cat-quick-form::before{left:12px}.cat-quick-form::after{right:12px}
.cat-quick-ribbon{position:absolute;left:50%;top:-19px;transform:translateX(-50%);padding:7px 30px;white-space:nowrap;border-radius:26px;border:2px solid #cd9c69;background:linear-gradient(115deg,#603a31,#8e5142 48%,#603a31);box-shadow:0 3px 1px #ac805e;color:#ffedc8;font-weight:750;font-size:15px;letter-spacing:.12em}
.cat-quick-form label{font-size:14px;color:#75503a;text-align:left;font-weight:750;white-space:nowrap}
.cat-quick-form label span{font-size:19px;color:#bd8b55;vertical-align:middle;margin-right:6px}
.cat-quick-form input,.cat-quick-form select{width:100%;height:39px;border:1px solid #dec09d;border-radius:8px;background:#fffaf4;color:#6d4331;padding:0 10px;font-size:14px;outline:none}
.cat-quick-form input:focus,.cat-quick-form select:focus{box-shadow:0 0 0 3px #b87c5930;border-color:#b78355}
.cat-quick-submit,.cat-gold-link{border:2px solid #daab6a;background:linear-gradient(#c65c50,#a33f39);color:#fff1d7;box-shadow:0 4px 0 #864339,0 8px 16px #75492f26;font-weight:850;text-shadow:0 1px #7f332b;cursor:pointer;border-radius:30px}
.cat-quick-submit{grid-column:1/-1;max-width:300px;width:100%;justify-self:center;padding:11px 24px;font-size:17px;letter-spacing:.11em;margin-top:6px}
.cat-quick-submit:hover,.cat-gold-link:hover{filter:brightness(1.07)}
/* 七個功能入口：沿用原有 tab id 與互動 */
.fortune-tabs{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:19px 0 13px!important;align-items:stretch;overflow:visible;scrollbar-width:none}
.fortune-tabs .fortune-tab{min-width:0!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;position:relative;border:2px solid #efd3b5;border-radius:24px!important;background:linear-gradient(157deg,#fffcf5,#ffe8d6);box-shadow:0 5px 13px #95634d18,0 0 0 4px #fff8ed inset;min-height:122px;padding:12px 4px!important;color:#67432e;font-family:"Noto Serif TC",serif!important;font-size:14px;flex:none!important;letter-spacing:0}
.fortune-tabs .fortune-tab span{font-size:33px;line-height:1.2;display:block!important;padding:0!important;margin-bottom:4px;filter:drop-shadow(0 2px 1px #b8754c33)}
.fortune-tabs .fortune-tab strong{display:block;font-size:15px;font-weight:900;line-height:1.5;color:inherit;white-space:normal;text-align:center}
.fortune-tabs .fortune-tab small{display:block;font-size:10px;line-height:1.4;color:#98735d;white-space:nowrap}
.fortune-tabs .fortune-tab.is-selected{background:linear-gradient(145deg,#9d4a3f,#ba6350)!important;border-color:#c68b55!important;color:#fff6e3!important;box-shadow:0 6px 17px #984d3a34,0 0 0 4px #eac59c52 inset}
.fortune-tabs .fortune-tab.is-selected small{color:#ffe5c8}
.fortune-tabs .fortune-tab:hover:not(.is-selected){background:#ffecde;transform:translateY(-3px);box-shadow:0 11px 20px #9963422a}
/* 首頁入口卡片 */
.cat-home-extras{display:grid;grid-template-columns:.9fr 1.1fr;gap:17px;margin:0 0 22px}
.cat-daily-feature,.cat-feature-panel{overflow:hidden;border:2px solid #e5c29e;border-radius:22px;background:linear-gradient(145deg,#fff8ed,#fff1e2);box-shadow:0 8px 22px #8b5c3a1c;min-width:0}
.cat-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;background:linear-gradient(95deg,#724a3a,#a36f53 50%,#f8e6d1);color:#fff5dd}
.cat-section-heading>span{font-size:17px;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.cat-section-heading small{font-size:11px;color:#6f452d;text-align:right}
.cat-daily-body{display:grid;grid-template-columns:45% 1fr;align-items:center;min-height:210px}
.cat-daily-body img{width:100%;height:240px;object-fit:cover;object-position:50% 50%;border-radius:0 30% 35% 0;mask-image:linear-gradient(to right,#000 76%,transparent 100%)}
.cat-daily-content{padding:12px 15px;text-align:center}.cat-daily-label{font-size:12px;letter-spacing:.16em;color:#ad7050}
.cat-daily-content h2{font:800 clamp(19px,2.1vw,29px) "Noto Serif TC",serif;color:#64382a;margin:9px 0}.cat-daily-content p{font-size:12px;color:#937260;line-height:1.8}
.cat-gold-link{display:inline-block;text-decoration:none;padding:9px 17px;font-size:12px;margin-top:6px}
.cat-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px;min-height:225px}
.cat-feature-card{border:1px solid #e3bfa2;overflow:hidden;border-radius:14px;background:#fff7ee;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 12px;cursor:pointer;min-width:0;color:#6b412c;box-shadow:0 4px 13px #70463212}
.cat-feature-card img{height:137px;width:100%;object-fit:cover;object-position:center;display:block}
.cat-feature-card strong{margin-top:10px;font-size:16px;font-weight:850}.cat-feature-card>span{color:#977960;font-size:11px;margin-top:2px}
.cat-feature-card:hover{transform:translateY(-3px);box-shadow:0 9px 17px #70463229}
/* 內容區改成宣紙卡片、金線邊框與毛筆色標題 */
.layout{grid-template-columns:minmax(310px,405px) minmax(0,1fr);gap:20px;margin-top:20px}
.panel,.history-panel,.ai-qa,.astro-view .astro-page-workspace,.match-form,.match-result,.wealth-input-card,.wealth-results,.wx-overview,.wx-pair,.tarot-result,.tarot-history-wrap,.meihua-form,.meihua-results,.card{background:linear-gradient(145deg,#fffdf9,#fff5e8)!important;border:1px solid #e6c49e!important;border-radius:17px!important;box-shadow:0 7px 24px #80563717!important;color:#604634}
.panel{padding:26px}.panel h2,.history-heading h2{font-size:23px;color:#62352a;font-weight:750}
.section h3{border-color:#ead3b6;color:#7b4b35}.sub,.hint,.meta,.field label,.auth-dialog p,.ai-disclaimer{color:#98775e}
.field input,.field select,.auth-field input,textarea{background:#fffdfa;border-color:#e1c6a4;border-radius:8px;color:#633c30}
.field input:focus,.field select:focus,.auth-field input:focus,textarea:focus{border-color:#bd8b55;box-shadow:0 0 0 3px #cb916634}
.btn,.auth-submit,.match-submit,.wealth-submit,.ai-start-btn,.ai-ask-btn,.wx-pair-submit,.tarot-deep-btn{border-radius:10px!important;background:linear-gradient(110deg,#ad4a42,#c0674a)!important;color:#fff9ea!important;border:1px solid #bd8565!important;box-shadow:0 4px 0 #9b5847,0 6px 10px #974f381c;cursor:pointer}
.btn.secondary{background:#fff7ed!important;color:#755137!important;border-color:#d7b38f!important;box-shadow:none}
.member-required-note,.notice,.history-empty{background:#fff0da;color:#986f46;border-color:#edcfad;border-radius:8px}
.result-empty{background:radial-gradient(ellipse at center,#fff2df,#fffdf8 64%);border:1px dashed #e6c8a3;border-radius:13px;min-height:390px}.empty-mark{color:#c88f60}
.chart{border-color:#d9b898;border-radius:12px;overflow:hidden}.chart-col{border-color:#ead4be;background:#fffaf1}.hanzi{color:#6f3e2c}.branch{color:#bc7d4e}
.stat,.chip,.table-wrap,.pay-modal-dialog{background:#fff8eb;border-color:#e8ccaa}
th{background:#f9ebd9;color:#875e41}td{border-color:#edddc8}
.annual-paywall,.match-paywall,.wealth-paywall{border-color:#e3c19c!important;border-radius:16px;background:linear-gradient(160deg,#fff7e7,#fffdf8)}
.annual-banner,.match-paid-banner,.wealth-paid-banner{background:linear-gradient(90deg,#704737,#9f6d4e);color:#fff2d6}
.annual-unlock-card,.match-pay-card,.wealth-gate-card{background:linear-gradient(145deg,#fffef9,#fff1e2);border-color:#e3b98b}
.annual-purchase-btn,.match-buy,.wealth-purchase{background:linear-gradient(110deg,#a8453c,#c16b4c)!important;color:#fff7eb!important;border-radius:10px!important}
.auth-dialog,.life-dialog,.pay-modal-dialog,.match-modal-dialog,.wealth-modal-dialog{background:linear-gradient(145deg,#fffdfa,#fff0e3);border:2px solid #d9ab7b;border-radius:20px}
.top-daily:hover{color:#b54f44}.footer{border-top:2px solid #dbb286;background:linear-gradient(90deg,#583d38,#7b4d3a,#583d38);border-radius:14px;color:#ffe2b3;font-size:13px;margin:36px auto 0;padding:17px}.footer a{color:#fff4dc}
/* 二級頁和模組統一色系 */
.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero{background:radial-gradient(ellipse at 100% 2%,#f7d1ad,transparent 45%),linear-gradient(120deg,#fff0dd,#fff8ef)!important;border:2px solid #e5bc93!important;color:#693e2e!important;border-radius:20px!important;box-shadow:0 7px 24px #9c5c361a}
.match-hero h2,.wealth-hero h2,.wx-hero h2,.astro-page-copy h2,.meihua-hero h2,.tarot-hero h2{color:#63382a!important;text-shadow:none}
.match-hero p,.wealth-hero p,.wx-hero p,.astro-page-hero p,.meihua-hero p,.tarot-hero p{color:#906746!important}
.astro-page-symbol,.wx-hero-seal,.tarot-hero-sigil{color:#c68254!important}
.tarot-result-figure img{border-radius:12px}.tarot-result,.wx-personality{background:#fffaf2}
.astro-page-workspace{padding:15px}.meihua-layout,.wx-overview{min-width:0}
/* 每日運勢獨立頁 */
body:has(.wrap){max-width:1280px;margin:0 auto;padding:0 15px}
body:has(.wrap) .top{border-radius:0 0 14px 14px}
body:has(.wrap) .top a{color:#8b4d39;text-decoration:none;font-weight:700}
body:has(.wrap) .hero.cat-daily-hero{display:flex;align-items:center;gap:25px;min-height:250px;background:linear-gradient(120deg,#fff4e4,#f9dcc9)!important;border:2px solid #dfbb91;border-radius:18px;color:#6e392a;padding:8px 25px}
body:has(.wrap) .hero.cat-daily-hero img{width:200px;max-height:250px;object-fit:cover;border-radius:18px;mask-image:linear-gradient(90deg,#000 75%,transparent 100%)}
body:has(.wrap) .hero.cat-daily-hero h1{color:#6e392a;font-weight:800}
body:has(.wrap) .hero.cat-daily-hero p{color:#85634f}
body:has(.wrap) .wrap{max-width:1080px;margin:0 auto}
body:has(.wrap) .card{padding:24px;margin:20px 0}
body:has(.wrap) .btn{width:auto}
/* 尊重減少動畫 */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}
@media(max-width:1220px){.shell{padding:0 18px 45px}.fortune-tabs{gap:8px}.fortune-tabs .fortune-tab{min-height:110px}.fortune-tabs .fortune-tab strong{font-size:13px}.fortune-tabs .fortune-tab small{font-size:9px}.cat-hero{grid-template-columns:50% 50%!important}}
@media(max-width:900px){.cat-hero{grid-template-columns:1fr 1fr!important;min-height:410px!important;padding-right:15px!important}.cat-hero-art{min-height:340px}.cat-quick-form{grid-template-columns:94px 1fr;padding:32px 15px 15px}.cat-quick-form label{font-size:12px}.cat-hero h1{font-size:43px}.cat-hero-slogan{font-size:17px}.cat-home-extras{grid-template-columns:1fr}.layout{grid-template-columns:minmax(0,1fr)}.fortune-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.fortune-tabs .fortune-tab{min-height:100px}.fortune-tabs .fortune-tab span{font-size:27px}.fortune-tabs .fortune-tab strong{font-size:14px}.cat-daily-body img{height:200px}}
@media(max-width:620px){body::before,body::after{opacity:.09}.shell{padding:0 10px 32px}.top{padding:10px 4px 14px;align-items:center;gap:8px}.seal{width:44px;height:44px;font-size:26px}.brandname{font-size:21px}.brandname small{font-size:9px}.top-actions{gap:6px;max-width:59%}.top-daily{display:none}.auth-nav{gap:4px}.auth-nav button{padding:7px 8px;font-size:11px}.top-actions .life-edit{font-size:10px;padding:6px 7px}.cat-hero{display:flex!important;flex-direction:column;gap:0;margin-top:10px!important;padding:0 13px 22px!important;min-height:0!important;border-radius:20px!important}.cat-hero-art{min-height:0;height:220px;width:calc(100% + 26px);margin:0 -13px 0}.cat-hero-art img{height:100%;max-height:250px;object-fit:cover;object-position:50% 36%}.cat-hero-art::after{background:linear-gradient(to bottom,transparent 76%,#fff3e9 100%)}.cat-hero-copy{padding:0 2px}.cat-hero h1{font-size:39px;margin:2px 0}.cat-hero-slogan{font-size:18px}.cat-kicker{font-size:10px!important}.cat-hero-subtitle{font-size:11px!important;margin:5px auto 17px!important}.cat-quick-form{margin-top:21px;padding:30px 12px 14px;grid-template-columns:85px minmax(0,1fr);gap:7px}.cat-quick-ribbon{font-size:12px;padding:6px 19px;top:-15px}.cat-quick-form input,.cat-quick-form select{height:37px;font-size:13px}.cat-quick-submit{max-width:none;font-size:15px;padding:10px}.fortune-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;margin:12px 0!important}.fortune-tabs .fortune-tab{min-height:93px!important;border-radius:15px!important;padding:7px 2px!important}.fortune-tabs .fortune-tab span{font-size:26px;margin:0}.fortune-tabs .fortune-tab strong{font-size:11px}.fortune-tabs .fortune-tab small{font-size:9px;white-space:normal}.cat-section-heading{padding:9px 11px}.cat-section-heading>span{font-size:14px}.cat-section-heading small{font-size:10px}.cat-home-extras{gap:10px;margin-bottom:14px}.cat-daily-body{grid-template-columns:40% 1fr;min-height:160px}.cat-daily-body img{height:165px}.cat-daily-content{padding:5px 6px}.cat-daily-content h2{font-size:18px;margin:5px 0}.cat-daily-content p{font-size:10px}.cat-gold-link{padding:7px 9px;font-size:10px;margin-top:2px}.cat-feature-cards{gap:5px;padding:8px;min-height:165px}.cat-feature-card img{height:95px}.cat-feature-card strong{font-size:12px}.cat-feature-card>span{font-size:9px}.layout{gap:12px;margin-top:13px}.panel{padding:15px}.panel h2{font-size:20px}.result-empty{min-height:220px}.footer{font-size:10px;padding:12px}body:has(.wrap) .hero.cat-daily-hero{padding:9px;gap:10px;min-height:175px}body:has(.wrap) .hero.cat-daily-hero img{width:118px;max-height:165px}body:has(.wrap) .hero.cat-daily-hero h1{font-size:25px}body:has(.wrap) .card{padding:15px}}
@media print{body{background:white!important}.cat-hero,.cat-home-extras,.fortune-tabs{display:none!important}.panel{background:white!important;box-shadow:none!important}.shell{max-width:none;padding:0}.footer{display:none!important}}

/* === 2026-11-05 使用者指定的第二輪貓咪介面強化 === */
html,body,.shell,.shell *{box-sizing:border-box}
.cat-hero-copy,.cat-quick-form,.cat-quick-form>*,.field,.field>*{min-width:0}
.cat-quick-form{width:100%}
.cat-quick-form input,.cat-quick-form select{max-width:100%}
.fortune-tabs .fortune-tab{gap:6px;padding:12px 8px!important}
.fortune-tabs .fortune-tab .fortune-tab-art{display:flex!important;align-items:center;justify-content:center;width:68px;height:68px;padding:0;margin:0 auto 2px;border-radius:22px;background:linear-gradient(145deg,#fff6ec,#ffe5d4);box-shadow:0 5px 12px #b9795f1d inset,0 4px 10px #9f654414;overflow:hidden;border:1px solid #efcfb5}
.fortune-tabs .fortune-tab .fortune-tab-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.fortune-tabs .fortune-tab.is-selected .fortune-tab-art{background:linear-gradient(145deg,#fff8ee,#f7ddcf);border-color:#ffd1b1}
.fortune-tabs .fortune-tab strong{font-size:15px}
.fortune-tabs .fortune-tab small{font-size:10px;white-space:normal;text-align:center}
.cat-personal-banner,.cat-inline-hero-media{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:16px;align-items:center;margin-top:18px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff7ef,#ffefdf);border:1px solid #e8c7a4;box-shadow:0 8px 20px #9d6b4614}
.cat-personal-banner img,.cat-inline-hero-media img{width:100%;max-width:170px;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border-radius:18px;border:1px solid #edd0b7;box-shadow:0 6px 18px #8e5d3d1d}
.cat-personal-banner span,.cat-inline-hero-copy span{display:inline-block;margin-bottom:5px;font-size:12px;letter-spacing:.18em;color:#b17f59;font-weight:800}
.cat-personal-banner strong,.cat-inline-hero-copy strong{display:block;font:800 22px/1.4 "Noto Serif TC",serif;color:#683e2d}
.cat-personal-banner p,.cat-inline-hero-copy p{margin:8px 0 0;color:#8d6b57;line-height:1.8;font-size:13px}
.cat-hero-panel{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:16px;align-items:center}
.cat-share-btn{white-space:nowrap}
.cat-loading-open{overflow:hidden}
.cat-loading-overlay{position:fixed;inset:0;z-index:9999;background:#4f33254d;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px}
.cat-loading-overlay.hidden{display:none}
.cat-loading-card{width:min(92vw,460px);padding:22px 20px 18px;border-radius:28px;background:linear-gradient(160deg,#fffaf3,#ffe9dc);border:2px solid #e7c39b;box-shadow:0 24px 80px #57352242;text-align:center;color:#69402f}
.cat-loading-card strong{display:block;font:900 28px/1.4 "Noto Serif TC",serif;color:#6b3b2c;margin-top:12px}
.cat-loading-card p{margin:8px 0 0;color:#8c634d;line-height:1.8}
.cat-chase-scene{position:relative;height:154px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 12%,#fffaf4 0%,#ffefe2 48%,#ffe4d2 100%);border:1px solid #f0ccb1}
.cat-chase-scene::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 32%,rgba(201,168,152,.18) 0 2px,transparent 3px),radial-gradient(circle at 22% 38%,rgba(201,168,152,.15) 0 1.5px,transparent 2.5px),radial-gradient(circle at 18% 40%,rgba(201,168,152,.15) 0 1.5px,transparent 2.5px),radial-gradient(circle at 20% 44%,rgba(201,168,152,.15) 0 1.5px,transparent 2.5px),radial-gradient(circle at 74% 28%,rgba(201,168,152,.15) 0 2px,transparent 3px),radial-gradient(circle at 79% 34%,rgba(201,168,152,.15) 0 1.5px,transparent 2.5px),radial-gradient(circle at 76% 37%,rgba(201,168,152,.15) 0 1.5px,transparent 2.5px),radial-gradient(circle at 78% 42%,rgba(201,168,152,.15) 0 1.5px,transparent 2.5px);opacity:.7;pointer-events:none}
.cat-cloud{position:absolute;width:78px;height:24px;background:linear-gradient(180deg,#fffdf9,#ffe7da);border:1px solid #f0d5bf;border-radius:999px;box-shadow:0 4px 12px #f2cdb133}
.cat-cloud::before,.cat-cloud::after{content:"";position:absolute;background:inherit;border:inherit;border-radius:50%}
.cat-cloud::before{width:30px;height:30px;left:10px;top:-12px}
.cat-cloud::after{width:38px;height:38px;right:8px;top:-18px}
.cloud-a{left:34px;top:18px;transform:scale(.92)}
.cloud-b{right:42px;top:24px;transform:scale(.82)}
.cat-track{position:absolute;left:24px;right:24px;bottom:20px;height:52px;border:2px dashed #e6b58e;border-radius:999px;opacity:.8;background:linear-gradient(180deg,transparent 0 62%,rgba(255,245,236,.65) 62% 100%)}
.yarn-ball{position:absolute;right:42px;bottom:46px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2f7 0 18%,#f6bfd2 19% 42%,#d784a4 43% 100%);box-shadow:0 4px 8px #b06f8a30;border:1px solid #d18ba6;animation:yarnHop 1s ease-in-out infinite alternate}
.yarn-ball::before,.yarn-ball::after{content:"";position:absolute;inset:4px;border-top:1.6px solid rgba(255,255,255,.7);border-radius:50%}
.yarn-ball::after{inset:3px 6px;transform:rotate(90deg)}
.chaser{position:absolute;bottom:20px;width:96px;height:96px;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}
.cat-one{left:8px;animation:catRunLead 2.5s linear infinite}
.cat-two{left:-12px;animation:catRunChase 2.5s linear infinite}
.paw{position:absolute;font-size:20px;opacity:.42;animation:pawFloat 2.4s ease-in-out infinite}
.paw-one{left:28%;top:26px}.paw-two{left:51%;top:84px;animation-delay:.4s}.paw-three{left:71%;top:36px;animation-delay:.8s}
@keyframes catRunLead{0%{transform:translate(0,0) scaleX(1)}10%{transform:translate(16px,-10px) scaleX(1)}24%{transform:translate(58px,0) scaleX(1)}36%{transform:translate(108px,-10px) scaleX(1)}50%{transform:translate(158px,0) scaleX(1)}64%{transform:translate(215px,-10px) scaleX(1)}78%{transform:translate(272px,0) scaleX(1)}90%{transform:translate(315px,-8px) scaleX(1)}100%{transform:translate(332px,0) scaleX(1)}}
@keyframes catRunChase{0%{transform:translate(0,6px) scaleX(1)}8%{transform:translate(8px,-4px) scaleX(1)}20%{transform:translate(36px,6px) scaleX(1)}34%{transform:translate(84px,-5px) scaleX(1)}48%{transform:translate(134px,6px) scaleX(1)}62%{transform:translate(192px,-5px) scaleX(1)}76%{transform:translate(250px,6px) scaleX(1)}90%{transform:translate(300px,-5px) scaleX(1)}100%{transform:translate(316px,4px) scaleX(1)}}
@keyframes yarnHop{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(-6px) rotate(12deg)}}
@keyframes pawFloat{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(-8px);opacity:.55}}
@media(max-width:1050px){.cat-hero-panel{grid-template-columns:minmax(0,1fr)}.cat-inline-hero-media{margin-top:10px}}
@media(max-width:620px){.fortune-tabs .fortune-tab .fortune-tab-art{width:54px;height:54px;border-radius:18px}.fortune-tabs .fortune-tab strong{font-size:11px}.fortune-tabs .fortune-tab small{font-size:9px}.cat-personal-banner,.cat-inline-hero-media{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:10px 11px;border-radius:16px}.cat-personal-banner img,.cat-inline-hero-media img{max-width:92px;border-radius:14px}.cat-personal-banner strong,.cat-inline-hero-copy strong{font-size:16px}.cat-personal-banner p,.cat-inline-hero-copy p{font-size:11px;line-height:1.65}.cat-quick-form{grid-template-columns:82px minmax(0,1fr)!important;width:100%}.cat-quick-form input,.cat-quick-form select{width:100%;max-width:100%}.cat-quick-ribbon{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.cat-hero-copy{width:100%}.cat-hero{overflow:hidden}.cat-loading-card{padding:18px 14px}.cat-chase-scene{height:132px}.cat-track{left:16px;right:16px;bottom:18px;height:46px}.cat-cloud{transform:scale(.72)}.cloud-a{left:16px;top:20px}.cloud-b{right:20px;top:24px}.yarn-ball{right:28px;bottom:42px}.chaser{bottom:20px;width:78px;height:78px}#catQuickPlace{min-width:0}}
@media(max-width:420px){.fortune-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cat-quick-form{grid-template-columns:1fr!important}.cat-quick-form label{text-align:left}.cat-quick-ribbon{top:-14px}.cat-quick-submit{margin-top:2px}.cat-daily-body{grid-template-columns:1fr}.cat-daily-body img{width:100%;height:200px;border-radius:0 0 18px 18px;mask-image:none}}

.cat-one{color:#b57359}.cat-two{color:#6b57bf}

/* === 玄機閣貓咪精品卡與整站內頁 v3 === */
.fortune-tabs{gap:12px!important;margin:22px 0 20px!important;align-items:stretch!important}
.fortune-tabs .fortune-tab.cat-boutique-card{
  --card-ink:#724a37;--card-soft:#fff4e8;
  min-height:198px!important;padding:16px 8px 15px!important;gap:5px;
  border:2px solid #ebcaac!important;border-radius:28px!important;
  background:radial-gradient(ellipse at 50% -10%,#fffefd 0%,#fff4e9 60%,#fce5d7 100%)!important;
  box-shadow:0 8px 18px #aa78502a,0 0 0 4px #fffbf6 inset,0 3px 0 #edc7a3!important;
  color:var(--card-ink)!important; isolation:isolate;overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease,border-color .2s ease!important
}
.fortune-tabs .fortune-tab.cat-boutique-card::before{
  content:"✦";position:absolute;right:11px;top:8px;color:#cfa67f;font-size:14px;opacity:.6;pointer-events:none
}
.fortune-tabs .fortune-tab.cat-boutique-card::after{
  content:"";position:absolute;inset:10px;border:1px solid #efdcc7;border-radius:21px;pointer-events:none;opacity:.8
}
.fortune-tabs .fortune-tab.cat-boutique-card .fortune-tab-art{
  width:min(100%,116px)!important;height:116px!important;margin:2px auto 4px!important;
  border-radius:43% 43% 33% 33%!important;overflow:hidden;
  border:3px solid #fff8e9!important;outline:2px solid #dcb38d;
  background:linear-gradient(145deg,#fff2e6,#fae0d4)!important;
  box-shadow:0 8px 15px #80533724,0 0 0 1px #ebd0b0 inset!important;
  position:relative;z-index:1;flex-shrink:0
}
.fortune-tabs .fortune-tab.cat-boutique-card .fortune-tab-art img{
  width:100%;height:100%;object-fit:cover;object-position:center 26%;transform:scale(1.08);
  filter:saturate(.98);transition:transform .22s ease
}
.fortune-tabs .fortune-tab.cat-boutique-card strong{font-size:15px!important;line-height:1.45;z-index:1;color:#68412f!important}
.fortune-tabs .fortune-tab.cat-boutique-card small{font-size:10px!important;color:#b38b72!important;z-index:1}
.fortune-tabs .fortune-tab.cat-boutique-card:hover{
  transform:translateY(-5px);border-color:#d9aa86!important;box-shadow:0 15px 25px #aa785044,0 0 0 4px #fffbf6 inset!important
}
.fortune-tabs .fortune-tab.cat-boutique-card:hover img{transform:scale(1.15)}
.fortune-tabs .fortune-tab.cat-boutique-card.is-selected{
  background:linear-gradient(145deg,#af604c,#a4443b)!important;
  border-color:#d59b6c!important;box-shadow:0 12px 24px #7f403d56,0 0 0 4px #f3c89b44 inset!important;
  color:#fff8ed!important
}
.fortune-tabs .fortune-tab.cat-boutique-card.is-selected::after{border-color:#f2ca9f99}
.fortune-tabs .fortune-tab.cat-boutique-card.is-selected strong{color:#fff9e6!important}
.fortune-tabs .fortune-tab.cat-boutique-card.is-selected small{color:#ffe9cd!important}
.fortune-tabs .fortune-tab.cat-boutique-card.is-selected .fortune-tab-art{outline-color:#f3c68e}
.fortune-tabs .fortune-tab.cat-boutique-card:focus-visible{outline:3px solid #8f4c45!important;outline-offset:4px}
.fortune-tabs .fortune-tab.cat-boutique-wealth{--card-ink:#87602c}
.fortune-tabs .fortune-tab.cat-boutique-match{--card-ink:#a85e70}
.fortune-tabs .fortune-tab.cat-boutique-astro{--card-ink:#65528d}
.fortune-tabs .fortune-tab.cat-boutique-tarot{--card-ink:#895895}

/* 小幅裝飾，報告內的互動與舊資料容器不更動 */
.cat-decor{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}
.cat-decor img{display:block;width:78px;height:78px;object-fit:cover;object-position:center 23%;border-radius:23px;border:3px solid #fff9f0;outline:1px solid #d9aa87;box-shadow:0 7px 14px #98694d24;flex-shrink:0}
.cat-decor-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.cat-decor-copy>span{font:750 10px/1.4 "Noto Sans TC",sans-serif;letter-spacing:.13em;color:#b48261!important}
.cat-decor-copy>strong{font:800 17px/1.5 "Noto Serif TC",serif;color:#71432e!important;overflow-wrap:anywhere}
.cat-decor-strip{max-width:100%;padding:10px 13px;background:linear-gradient(105deg,#fff3e2,#fffaf2);border:1px solid #e9cfad;border-radius:20px}
.cat-decor-portrait{display:flex;flex-direction:column;align-items:center;max-width:120px;text-align:center;gap:7px}
.cat-decor-portrait img{width:100px;height:100px;border-radius:50%}
.cat-decor-portrait .cat-decor-copy>span{font-size:9px}
.cat-decor-portrait .cat-decor-copy>strong{font-size:11px;line-height:1.5}
.cat-decor-paywall{margin:0 auto 13px;justify-content:center;max-width:100%;gap:13px}
.cat-decor-paywall img{width:87px;height:87px;border-radius:28px}
.cat-decor-paywall .cat-decor-copy{text-align:left}
.cat-decor-paywall .cat-decor-copy>strong{font-size:15px}
.cat-decor-modal{justify-content:center;gap:10px;margin:0 auto 10px}
.cat-decor-modal img{width:62px;height:62px;border-radius:19px}
.cat-decor-modal .cat-decor-copy>strong{font-size:14px}
#result .result-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
#result .result-head>.cat-decor{margin-right:4px}
#result .result-head .btnrow{margin-left:auto;gap:8px;flex-wrap:wrap}
.ai-personal-panel .ai-general-actions{flex-wrap:wrap;gap:12px}
.ai-personal-panel .cat-decor{max-width:240px;margin-bottom:5px}
#annualPaywall .annual-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#annualPaywall .annual-heading>div:first-child{flex:1 1 260px;min-width:0}
#annualPaywall .annual-heading>.cat-decor{margin-left:auto}
#annualPaywall .annual-year-mark{display:none}
#annualGate .annual-unlock-card{border-radius:23px!important;box-shadow:0 18px 40px #83553a31!important}
#matchResult .match-results-heading{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#matchResult .match-results-heading .cat-decor{margin:0 0 4px}
#matchPaywall .match-paid-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
#matchPaywall .match-paid-heading>.cat-decor{order:1;margin-left:auto}
#matchPaywall .match-paid-heading>h3{flex:1 1 240px}
#matchPaywall .match-paid-heading>p{flex:1 1 100%}
#matchPayGate .match-pay-card{border-radius:22px!important}
#wealthResults .wealth-result-title{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
#wealthPaywall .wealth-paid-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#wealthPaywall .wealth-paid-header>.cat-decor{order:2;margin-left:auto}
#wealthPaywall .wealth-paid-header>.wealth-paid-seal{display:none}
#wealthGate .wealth-gate-card{border-radius:22px!important}
#wuxingView .wx-overview .wx-section-title,#wxPairSection .wx-section-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#wuxingView .wx-overview .wx-section-title>.cat-decor,#wxPairSection .wx-section-title>.cat-decor{margin-left:auto}
#astroPanel .astro-heading{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;background:linear-gradient(110deg,#fff0dc,#fff9ef)!important}
#astroPanel .astro-heading>.astro-kicker,#astroPanel .astro-heading>h3,#astroPanel .astro-heading>p{width:calc(100% - 142px)}
#astroPanel .astro-heading>h3{color:#6f4334!important}
#astroPanel .astro-heading>.cat-decor{margin-left:auto;margin-top:-80px}
#meihuaResult>.cat-decor{margin-bottom:17px}
#tarotResultPanel .tarot-result-text>.cat-decor{max-width:100%;margin:0 0 16px}
#tarotView .tarot-deep-area>.cat-decor{margin-bottom:12px}
#aiQa .ai-qa-top>.cat-decor{margin-left:auto}
#result .card>.cat-decor{margin-bottom:15px}
#result .card>.cat-decor img{width:65px;height:65px}
#result .card>.cat-decor .cat-decor-copy strong{font-size:15px}

/* 三份付費詳批，依主題使用不同貓咪邊飾 */
#annualStage:has(#annualGate:not(.hidden)),.match-pay-stage:has(#matchPayGate:not(.hidden)),
.wealth-pay-stage:has(#wealthGate:not(.hidden)){min-height:505px}
#annualReport .zh-story-hero,#aiGeneralContent .zh-story-hero,#matchFullReport .zh-story-hero,#wealthFullReport .zh-story-hero,#wxDeepReport .zh-story-hero,#dailyAiReport .zh-story-hero{
  background:linear-gradient(120deg,#fff1df,#fff9ec)!important;border:2px solid #e0b98e;border-radius:22px;padding:26px 28px;color:#5d372b;
  box-shadow:0 7px 20px #8e634519;position:relative;overflow:hidden
}
.zh-story-hero .zh-story-eyebrow{color:#aa7158!important}
.zh-story-hero h3{color:#6b3f2e!important;position:relative;z-index:1}
.zh-story-hero .zh-story-verdict{color:#76543b!important;position:relative;z-index:1}
#annualReport .zh-story-hero:after,#aiGeneralContent .zh-story-hero:after,#matchFullReport .zh-story-hero:after,#wealthFullReport .zh-story-hero:after,#wxDeepReport .zh-story-hero:after{
  content:"";position:absolute;width:175px;height:190px;right:-17px;top:-45px;opacity:.13;background-size:cover;background-position:50% 28%;background-repeat:no-repeat;pointer-events:none
}
#annualReport .zh-story-hero:after,#aiGeneralContent .zh-story-hero:after{background-image:url('/assets/cat-theme/bazi-cat.webp')}
#matchFullReport .zh-story-hero:after{background-image:url('/assets/cat-theme/match-cat.webp')}
#wealthFullReport .zh-story-hero:after{background-image:url('/assets/cat-theme/wealth-cat.webp')}
#wxDeepReport .zh-story-hero:after{background-image:url('/assets/cat-theme/custom/wuxing-main-custom.webp')}
.zh-story-highlight,.zh-story-topic,.zh-story-month-card{border-radius:20px!important;border-color:#e9c9a8!important;background:#fffaf2!important}
.zh-story-topic-heading h4{color:#744635!important}
.zh-story-highlight strong:before{content:"✿ ";font-size:14px;color:#b97f61}
.zh-story-month-action{border-left-color:#c18d60!important}
#astroPanel .astro-sky{border-radius:18px!important;overflow:hidden}
#meihuaContent .mh-card{border-radius:18px!important}
#tarotView .tarot-result-figure img{border-radius:17px}
.cat-feature-card{border-radius:22px!important}
.cat-feature-card img{height:155px;object-fit:cover;object-position:50% 25%}
.cat-share-btn{border-radius:12px!important}

@media(max-width:1220px){
 .fortune-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .fortune-tabs .fortune-tab.cat-boutique-card{min-height:186px!important}
 .fortune-tabs .fortune-tab.cat-boutique-card .fortune-tab-art{width:105px!important;height:105px!important}
}
@media(max-width:800px){
 .fortune-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .cat-decor-portrait img{width:76px;height:76px}
 .cat-decor-portrait{max-width:93px}
 #astroPanel .astro-heading>h3,#astroPanel .astro-heading>p,#astroPanel .astro-heading>.astro-kicker{width:calc(100% - 111px)}
}
@media(max-width:620px){
 .fortune-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .fortune-tabs .fortune-tab.cat-boutique-card{min-height:172px!important;padding:11px 5px!important;border-radius:23px!important}
 .fortune-tabs .fortune-tab.cat-boutique-card .fortune-tab-art{height:102px!important;width:102px!important}
 .fortune-tabs .fortune-tab.cat-boutique-card strong{font-size:13px!important}
 .fortune-tabs .fortune-tab.cat-boutique-card small{font-size:10px!important}
 .cat-decor{gap:9px}
 .cat-decor img{width:64px;height:64px;border-radius:17px}
 .cat-decor-copy>strong{font-size:14px}
 .cat-decor-paywall img{width:65px;height:65px}
 .cat-decor-paywall .cat-decor-copy>strong{font-size:12px}
 .cat-decor-portrait img{width:70px;height:70px;border-radius:50%}
 .cat-decor-portrait{max-width:82px}
 .cat-decor-portrait .cat-decor-copy>strong{font-size:10px}
 #annualPaywall .annual-heading>.cat-decor{margin:0}
 #matchPaywall .match-paid-heading>.cat-decor{order:0;margin-left:0}
 #wealthPaywall .wealth-paid-header>.cat-decor{order:0;margin-left:0}
 #astroPanel .astro-heading>.cat-decor{margin-top:0}
 #astroPanel .astro-heading>h3,#astroPanel .astro-heading>p,#astroPanel .astro-heading>.astro-kicker{width:100%}
 #annualStage:has(#annualGate:not(.hidden)),.match-pay-stage:has(#matchPayGate:not(.hidden)),.wealth-pay-stage:has(#wealthGate:not(.hidden)){min-height:645px}
 .zh-story-hero{padding:20px 16px!important}
 #annualReport .zh-story-hero:after,#aiGeneralContent .zh-story-hero:after,#matchFullReport .zh-story-hero:after,#wealthFullReport .zh-story-hero:after,#wxDeepReport .zh-story-hero:after{width:95px;height:125px;opacity:.11}
 .cat-feature-card img{height:115px}
}
@media(prefers-reduced-motion:reduce){.fortune-tabs .fortune-tab.cat-boutique-card{transition:none!important}.fortune-tabs .fortune-tab.cat-boutique-card .fortune-tab-art img{transition:none!important}}
/* 追逐動畫改為兩隻靈貓沿著步道追逐玩耍 */
.chaser img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom;border:0;border-radius:0;box-shadow:none;background:transparent;filter:drop-shadow(0 8px 10px rgba(130,80,60,.22))}
.cat-two img{transform:scale(.94)}


/* v4 真正的逐格貓咪跑步動畫：腳步、跳躍、尾巴在 12 格中實際變化。 */
.cat-loading-card .cat-chase-scene.cat-chase-scene-animated{
  display:block;position:relative;width:100%;max-width:100%;height:auto!important;
  aspect-ratio:358 / 222;overflow:hidden;padding:0!important;
  border-radius:22px;border:1px solid #e5bda0;
  background:#ffebdf;box-shadow:inset 0 0 0 3px #fff8f180;
}
.cat-chase-scene-animated .cat-running-animation{
  display:block;width:100%;height:100%;aspect-ratio:358 / 222;
  object-fit:fill;object-position:center;
  border:0;outline:0;box-shadow:none;
}
@media (max-width:620px){
  .cat-loading-card .cat-chase-scene.cat-chase-scene-animated{height:auto!important}
}
@media (prefers-reduced-motion:reduce){
  /* 動畫持續由 GIF 控制；保持相同外觀，沒有額外位移或轉圈 CSS。 */
  .cat-chase-scene-animated .cat-running-animation{animation:none!important;transform:none!important}
}

/* SOURCE: cat-interior.css */
/* 玄機閣：七個分頁內頁貓主題、付費詳批卷軸、窄螢幕表單修正 */
:root{--cat-peach:#faecdc;--cat-cream:#fff9ef;--cat-frame:#deb88c;--cat-text:#754a34}

/* 所有命理內容：以紙張、花瓣、金線與小型貓像為主，減少干擾閱讀 */
.cat-themed-surface{position:relative;min-width:0;isolation:isolate}
.cat-themed-surface::before{content:'🐾';position:absolute;top:8px;right:14px;font-size:19px;color:#bf8866;opacity:.38;pointer-events:none;z-index:0}
.cat-themed-surface>*,.cat-themed-surface>form{position:relative;z-index:1}
.cat-themed-bazi{--cat-highlight:#ac8066}
.cat-themed-match{--cat-highlight:#bc7893}
.cat-themed-wealth{--cat-highlight:#ad8543}
.cat-themed-wuxing{--cat-highlight:#799c70}
.cat-themed-astro{--cat-highlight:#9180b9}
.cat-themed-meihua{--cat-highlight:#ab8261}
.cat-themed-tarot{--cat-highlight:#9173b1}
.cat-inner-ribbon{
  display:flex;align-items:center;gap:15px;min-width:0;max-width:100%;margin:0 0 20px;
  padding:12px 15px;border:1px solid #e4c29d;border-radius:18px;
  background:linear-gradient(110deg,#fff0e2 0%,#fffaf1 74%,#f5e8dc 100%);
  box-shadow:inset 0 0 0 3px #fffaf17d,0 5px 14px #82523610;
}
.cat-inner-ribbon img{display:block;width:80px;height:80px;flex:0 0 80px;object-fit:cover;object-position:center 26%;border-radius:50%;border:3px solid #fffaf1;outline:1px solid var(--cat-highlight,#c69d75);box-shadow:0 4px 11px #9c694224}
.cat-inner-ribbon>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.cat-inner-ribbon span{font:700 10px/1.5 'Noto Sans TC',sans-serif;letter-spacing:.16em;color:#af866b}
.cat-inner-ribbon strong{font:900 22px/1.45 'Noto Serif TC',serif;letter-spacing:.06em;color:#6b3f32}
.cat-inner-ribbon small{font:500 12px/1.75 'Noto Sans TC',sans-serif;color:#9d745c;white-space:normal}
.cat-themed-surface .field>label,.cat-themed-surface .form-label,.cat-themed-surface .wx-form-head{color:#85543d}
.cat-themed-surface .section>h3,
.cat-themed-surface .ai-report h4,
.cat-themed-surface .zh-story-topic-heading>h4,
.cat-themed-surface h3:not(.annual-heading h3){text-wrap:balance}
.cat-themed-surface .section>h3::before,.zh-story-topic-heading>h4::before{content:'✿';font-size:.8em;color:#c8946b;margin-right:6px;opacity:.8}
.cat-themed-surface .section,.cat-themed-surface .wx-card,.cat-themed-surface .tarot-meaning-card{border-color:#edceb0!important}

/* 華麗但輕量的貓咪解鎖卡，保持文字與按鈕可點擊 */
.cat-gilded-gate{position:relative;isolation:isolate;outline:3px double #ecd1ae;outline-offset:-8px;background:linear-gradient(160deg,#fff9f0,#fff3e2)!important;overflow:visible;min-width:0}
.cat-gilded-gate::before,.cat-gilded-gate::after{position:absolute;font-family:serif;color:#bf8b60;font-size:19px;z-index:0;pointer-events:none;line-height:1}
.cat-gilded-gate::before{content:'✿';top:16px;left:17px}
.cat-gilded-gate::after{content:'✿';bottom:15px;right:18px}
.cat-gilded-gate>*{position:relative;z-index:1}
.cat-gilded-gate button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
/* 三種付費報告標頭保留各自的貓咪肖像，正文換成宣紙式卡片 */
#annualPaywall,#matchPaywall,#wealthPaywall{background-image:radial-gradient(circle at 99% 2%,#edd3b542,transparent 35%)}
#annualReport .zh-story-topic,#matchFullReport .zh-story-topic,#wealthFullReport .zh-story-topic{
  background:linear-gradient(160deg,#fffdf6,#fff6ec)!important;
  border:1px solid #e7c7a5!important;border-radius:19px!important
}
#annualReport .zh-story-month-card,#matchFullReport .zh-story-month-card,#wealthFullReport .zh-story-month-card{background:#fff9ef!important}
#aiQa .ai-qa-top,#tarotResultPanel .tarot-result-text,.match-results-heading,.wealth-result-title{
  background-image:linear-gradient(115deg,#fff7ecdd,#f9e9d9a0);
  border-radius:18px;padding:12px 15px
}
/* 非阻擋性邊飾：所有內頁有細緻貓爪與花瓣意象 */
#personalView .panel,#matchView .match-form,#wealthView .wealth-input-card,#wuxingView .wx-overview,
#astroView .astro-page-workspace,#meihuaView .meihua-form,#tarotView .tarot-pick-panel{
  background-image:radial-gradient(circle at 98% 4%,#f5d5b54d,transparent 25%),linear-gradient(#fffdf8,#fff7ed)!important;
}
#matchView .match-form,#wealthView .wealth-input-card,#meihuaView .meihua-form,
#tarotView .tarot-pick-panel,#astroView .astro-page-workspace{
  border:1px solid #eac8a3!important;border-radius:19px!important;
  box-shadow:0 6px 18px #81583a15!important;
}
#tarotResultPanel .tarot-result-figure img{border:4px solid #fbead7;outline:1px solid #e0b58a;box-shadow:0 12px 25px #67462b28}

/* 重要：修正首頁出生年月日／時間 input 超出右側金色表單框。
   根因是多段 @media 規則疊加後，原生日期時間欄位仍保留 min-content 寬度。 */
html,body{max-width:100%;overflow-x:clip}
.shell,.hero.cat-hero,.cat-hero-copy,.cat-hero-art,.cat-quick-form,.cat-quick-form>*{box-sizing:border-box;min-width:0}
.hero.cat-hero .cat-hero-copy{min-width:0;width:100%;max-width:100%}
.hero.cat-hero .cat-quick-form{
  box-sizing:border-box;min-width:0;width:min(100%,510px);max-width:100%;
  grid-template-columns:minmax(0,115px) minmax(0,1fr);overflow:visible;
}
.hero.cat-hero .cat-quick-form>input,
.hero.cat-hero .cat-quick-form>select{
  box-sizing:border-box;display:block;min-width:0;width:100%;max-width:100%;
  margin:0;padding:0 10px;flex-shrink:1;-webkit-appearance:none;appearance:none;
}
.hero.cat-hero .cat-quick-form>input[type=date],
.hero.cat-hero .cat-quick-form>input[type=time]{min-width:0!important;max-width:100%!important;min-height:42px}
.hero.cat-hero .cat-quick-form>select{padding-right:20px}
.hero.cat-hero .cat-quick-submit{min-width:0;max-width:100%;white-space:normal}
.cat-quick-ribbon{max-width:calc(100% - 16px);box-sizing:border-box}
@media(max-width:620px){
  .shell{width:100%;max-width:100vw;padding-left:10px;padding-right:10px}
  .hero.cat-hero{width:100%;max-width:100%;overflow:hidden}
  .hero.cat-hero .cat-hero-copy{padding:0 2px;width:100%;max-width:100%}
  .hero.cat-hero .cat-quick-form{
    width:100%;min-width:0;max-width:100%;
    grid-template-columns:minmax(0,82px) minmax(0,1fr)!important;
    column-gap:7px;row-gap:10px;padding:35px 12px 13px;
  }
  .hero.cat-hero .cat-quick-form>label{font-size:11px;letter-spacing:0;overflow-wrap:anywhere;white-space:normal}
  .hero.cat-hero .cat-quick-form>label span{font-size:15px;margin-right:4px}
  .hero.cat-hero .cat-quick-form>input,
  .hero.cat-hero .cat-quick-form>select{font-size:13px;line-height:1.2}
  .cat-inner-ribbon{padding:11px 12px;gap:11px;margin-bottom:16px}
  .cat-inner-ribbon img{width:58px;height:58px;flex-basis:58px}
  .cat-inner-ribbon strong{font-size:17px}
  .cat-inner-ribbon small{font-size:11px}
  #aiQa .ai-qa-top,#tarotResultPanel .tarot-result-text{padding:9px 11px}
}
/* 特別窄的 iPhone 舊款／小型 Android：欄位整列顯示、完全避免原生日期控件撐寬 */
@media(max-width:400px){
  .hero.cat-hero{padding-left:12px!important;padding-right:12px!important}
  .hero.cat-hero .cat-hero-copy{padding:0!important}
  .hero.cat-hero .cat-quick-form{
    grid-template-columns:minmax(0,1fr)!important;
    padding:31px 13px 14px!important;
    gap:4px!important;
  }
  .hero.cat-hero .cat-quick-form>label{width:100%;margin:4px 0 0;text-align:left;font-size:12px}
  .hero.cat-hero .cat-quick-form>input,
  .hero.cat-hero .cat-quick-form>select{width:100%;min-width:0;max-width:100%;height:41px}
  .hero.cat-hero .cat-quick-submit{grid-column:1;margin-top:12px;width:100%;min-width:0}
  .hero.cat-hero .cat-quick-ribbon{font-size:11px;padding:6px 16px;white-space:nowrap;max-width:calc(100% - 24px)}
  .cat-inner-ribbon img{width:52px;height:52px;flex-basis:52px}
  .cat-inner-ribbon strong{font-size:16px}
  .cat-inner-ribbon small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.cat-inner-ribbon img{transition:none}}

/* --- richer inner cat backgrounds 20261105 --- */
.cat-themed-surface{overflow:hidden}
.cat-themed-surface::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background-image:
    radial-gradient(circle at 8% 16%,rgba(255,255,255,.75) 0 18px,transparent 19px),
    radial-gradient(circle at 11% 14%,rgba(255,255,255,.75) 0 14px,transparent 15px),
    radial-gradient(circle at 14% 17%,rgba(255,255,255,.75) 0 12px,transparent 13px),
    radial-gradient(circle at 86% 12%,rgba(201,156,122,.18) 0 5px,transparent 6px),
    radial-gradient(circle at 89% 8%,rgba(201,156,122,.18) 0 4px,transparent 5px),
    radial-gradient(circle at 92% 12%,rgba(201,156,122,.18) 0 4px,transparent 5px),
    radial-gradient(circle at 89% 18%,rgba(201,156,122,.18) 0 10px,transparent 11px),
    linear-gradient(transparent 0 95%,rgba(227,202,171,.12) 100%);
}
.cat-themed-surface .panel,
.cat-themed-surface .match-form,
.cat-themed-surface .wealth-input-card,
.cat-themed-surface .wx-overview,
.cat-themed-surface .astro-page-workspace,
.cat-themed-surface .meihua-form,
.cat-themed-surface .tarot-pick-panel,
.cat-themed-surface .tarot-history-wrap,
.cat-themed-surface #tarotPremiumPanel,
.cat-themed-surface .ai-qa-top{
  position:relative;overflow:hidden;
}
.cat-themed-surface .panel::before,
.cat-themed-surface .match-form::before,
.cat-themed-surface .wealth-input-card::before,
.cat-themed-surface .wx-overview::before,
.cat-themed-surface .astro-page-workspace::before,
.cat-themed-surface .meihua-form::before,
.cat-themed-surface .tarot-pick-panel::before,
.cat-themed-surface .tarot-history-wrap::before,
.cat-themed-surface #tarotPremiumPanel::before,
.cat-themed-surface .ai-qa-top::before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.36;
  background-image:
    url('/assets/cat-theme/cherry-corner.webp'),
    radial-gradient(circle at 94% 8%,rgba(203,164,129,.16) 0 4px,transparent 5px),
    radial-gradient(circle at 96% 4%,rgba(203,164,129,.16) 0 3px,transparent 4px),
    radial-gradient(circle at 91% 10%,rgba(203,164,129,.16) 0 3px,transparent 4px),
    radial-gradient(circle at 95% 14%,rgba(203,164,129,.16) 0 8px,transparent 9px);
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
  background-size:150px auto,auto,auto,auto,auto;
  background-position:left bottom,94% 8%,96% 4%,91% 10%,95% 14%;
}
.cat-themed-bazi .panel,.cat-themed-match,.cat-themed-wealth,.cat-themed-wuxing,.cat-themed-astro,.cat-themed-meihua,.cat-themed-tarot{
  --cat-cloud-a:rgba(255,252,248,.88);
  --cat-cloud-b:rgba(248,225,205,.24);
}
.cat-themed-surface .panel,
.cat-themed-surface .match-form,
.cat-themed-surface .wealth-input-card,
.cat-themed-surface .wx-overview,
.cat-themed-surface .astro-page-workspace,
.cat-themed-surface .meihua-form,
.cat-themed-surface .tarot-pick-panel,
.cat-themed-surface .tarot-history-wrap,
.cat-themed-surface #tarotPremiumPanel,
.cat-themed-surface .ai-qa-top{
  background-image:
    radial-gradient(circle at 10% 10%,var(--cat-cloud-a) 0 28px,transparent 29px),
    radial-gradient(circle at 15% 8%,var(--cat-cloud-a) 0 22px,transparent 23px),
    radial-gradient(circle at 20% 11%,var(--cat-cloud-a) 0 19px,transparent 20px),
    radial-gradient(circle at 88% 88%,var(--cat-cloud-b) 0 60px,transparent 61px),
    linear-gradient(180deg,#fffdf8,#fff6ec)!important;
}
#aiQa .ai-qa-top,
#tarotResultPanel .tarot-result-text,
#meihuaResult,
#matchResult .match-results-heading,
#wealthResults .wealth-result-title{box-shadow:0 12px 28px rgba(130,91,64,.08)}
@media(max-width:620px){
  .cat-themed-surface .panel::before,
  .cat-themed-surface .match-form::before,
  .cat-themed-surface .wealth-input-card::before,
  .cat-themed-surface .wx-overview::before,
  .cat-themed-surface .astro-page-workspace::before,
  .cat-themed-surface .meihua-form::before,
  .cat-themed-surface .tarot-pick-panel::before,
  .cat-themed-surface .tarot-history-wrap::before,
  .cat-themed-surface #tarotPremiumPanel::before,
  .cat-themed-surface .ai-qa-top::before{background-size:100px auto,auto,auto,auto,auto;opacity:.28}
}

/* 玄機閣：各分頁使用淡雅祥雲＋貓掌，不覆蓋正文或表單 */
#personalView,#matchView,#wealthView,#wuxingView,#astroView,#meihuaView,#tarotView,#aiQa{
  background-image:url('/assets/cat-theme/cloud-paws.svg'),radial-gradient(ellipse at 98% 1%,rgba(246,213,201,.22),transparent 42%);
  background-size:min(900px,100%) auto,auto;
  background-position:top center,center;
  background-repeat:repeat-y,no-repeat;
}
#personalView .panel,#matchView .match-form,#wealthView .wealth-input-card,
#meihuaView .meihua-form,#tarotView .tarot-screen,#aiQa,
#astroView .astro-page-workspace,#wuxingView .wx-overview{
  background-image:url('/assets/cat-theme/cloud-paws.svg'),linear-gradient(150deg,#fffbf5,#fff1e9)!important;
  background-size:900px 380px,cover;background-position:top center,center;background-repeat:repeat-y,no-repeat;
  border:1px solid #e8c2a5!important;
  box-shadow:0 12px 30px #b77a6020,0 0 0 4px rgba(255,248,238,.66) inset!important;
}
.cat-inner-ribbon{position:relative;overflow:hidden;
  background-image:url('/assets/cat-theme/cloud-paws.svg'),linear-gradient(115deg,#fff0e7,#fffaf3 55%,#f9e8dc)!important;
  background-size:650px 275px,cover;background-position:center,center;
  border:1px solid #deaf89;box-shadow:0 7px 20px rgba(127,79,60,.12),inset 0 0 0 4px rgba(255,255,255,.6)
}
.cat-inner-ribbon::after{content:'✿  🐾  ✿';position:absolute;right:20px;bottom:6px;font-size:11px;letter-spacing:.18em;color:#c79689;opacity:.56;pointer-events:none}
.cat-inner-ribbon img{border-color:#fffbf1;outline:2px solid #d4a37d;box-shadow:0 5px 18px #9c665329}
#aiQa .ai-qa-top>.cat-decor{display:none} /* 避免上下重複兩個相同問答貓標頭 */
#tarotView .tarot-hero{background-image:url('/assets/cat-theme/cloud-paws.svg'),linear-gradient(125deg,#513b6c,#8e6c97)!important;background-size:900px 380px,cover;background-position:center}
#tarotView .tarot-hero h2,#tarotView .tarot-hero p{color:#fff7f4!important}
#tarotView .tarot-screen{padding-top:22px}
@media(max-width:620px){
  #personalView,#matchView,#wealthView,#wuxingView,#astroView,#meihuaView,#tarotView,#aiQa{background-size:600px auto,auto}
  .cat-inner-ribbon::after{right:8px;bottom:4px;font-size:9px}
  #tarotView .tarot-screen{padding:14px 10px!important}
}

/* SOURCE: miaoshuo-theme.css */
/* 喵說星語 · 連續花雲版 v2
   一張全站連續的星雲紋理，獨立的宣紙卡片。避免反覆裁切首頁示意截圖。
   不修改任何功能的貓咪插畫來源、會員、排盤、付費與塔羅資料。
*/
:root{
  --ink:#523650;--navy:#4e315c;--navy2:#78528a;
  --gold:#b98366;--gold2:#f0d7aa;--paper:#fff8f3;--white:#fffdf9;
  --muted:#8f6d81;--line:#e9c8b8;--cat-red:#a84659;--cat-rose:#eeb7cd;
  --ms-violet:#694576;--ms-rose:#b86c92;--ms-gold:#d5a06a;
}
html,body{max-width:100%;overflow-x:clip}
body{
  color:#593e57;
  background:
    url('/assets/cat-theme/starlit-floral-pattern.svg') center top/850px 680px repeat,
    radial-gradient(ellipse 58% 42% at 6% 13%,#f6cee2 0%,transparent 75%),
    radial-gradient(ellipse 54% 40% at 97% 30%,#ead7f4 0%,transparent 82%),
    linear-gradient(180deg,#fbe7f3,#ffefe7 49%,#f9e8f5 100%);
}
/* 舊版此處會顯示帶有書本文字的裁切圖片；取消它以免頁面邊緣斷裂 */
body::before,body::after{display:none!important}
.shell{
  position:relative;isolation:isolate;
  background:
    url('/assets/cat-theme/starlit-floral-pattern.svg') center top/850px 680px repeat,
    linear-gradient(180deg,rgba(255,244,251,.88),rgba(255,250,244,.85) 39%,rgba(254,242,250,.89));
  border-left:1px solid #edc4c2;border-right:1px solid #edc4c2;
  box-shadow:0 20px 85px #855b9033,0 0 0 7px #fffdfb63 inset;
  padding-bottom:70px;
}
.top{
  border:1px solid #e0b7b1;border-radius:0 0 25px 25px;
  background:linear-gradient(110deg,rgba(255,250,248,.97),rgba(253,231,245,.96) 65%,rgba(255,250,246,.96));
  box-shadow:0 8px 23px #83507421;min-height:82px;
}
.top::before{content:'✦　☾　✧';position:absolute;right:24%;top:6px;font-size:10px;color:#b990b5;opacity:.55;pointer-events:none}
.brandname,.top .brandname{color:#65396c!important;font-family:'Noto Serif TC','Songti TC',serif!important;text-shadow:0 1px 0 #fff8ed!important}
.brandname small{color:#9d7289!important}
.seal{font-size:0!important;background:url('/assets/tarot/back-miaoshuo.webp') center 60%/145% auto no-repeat,radial-gradient(circle,#ffebdc,#b47bba)!important;border:3px solid #d2a56c!important;outline:2px solid #fff7e7;box-shadow:0 0 0 4px #d2a1b744,0 5px 13px #8757832e!important}
.auth-nav-main,.auth-submit,.auth-nav-ghost{border-radius:999px!important;border:1px solid #dba77d!important;box-shadow:0 3px 0 #ac735a37,0 0 0 2px #fff9f1 inset!important}
.auth-nav-main,.auth-submit{background:linear-gradient(135deg,#7b4b90,#a96e9c)!important;color:#fffaf7!important}
.auth-nav-ghost{background:linear-gradient(135deg,#fff0f1,#fff8ed)!important;color:#754768!important}
.top-daily,.auth-greeting{color:#825a7b!important}
/* 主視覺使用原有貓咪主圖。背景只用連續色階，不使用局部宮闕圖片。 */
.hero.cat-hero{
  border:2px solid #e4b88c!important;border-radius:30px!important;
  background:
    radial-gradient(ellipse at 95% 16%,rgba(230,200,243,.72),transparent 55%),
    radial-gradient(ellipse at 20% 70%,rgba(255,225,205,.62),transparent 55%),
    linear-gradient(130deg,#fff0e7 0%,#fce6f0 48%,#f9e6fa 100%)!important;
  box-shadow:0 16px 35px #93648c26,0 0 0 5px #fffaf2 inset!important;
}
.hero.cat-hero::after{content:'';pointer-events:none;position:absolute;inset:auto 0 0 auto;width:42%;height:25%;background:linear-gradient(0deg,#fce8f584,transparent);z-index:0}
.cat-hero-art::after{background:linear-gradient(to right,transparent 70%,#fce8f0 100%),linear-gradient(to bottom,#f9e9ee88,transparent 13%,transparent 82%,#fce5ee 100%)}
.cat-hero h1{color:#68396e!important;text-shadow:2px 3px 0 #fff0da!important}
.cat-kicker,.cat-hero-slogan{color:#855280!important}
.cat-hero-subtitle{color:#896d82!important}
.cat-quick-form{
  border:2px solid #dca986!important;border-radius:22px!important;
  background:linear-gradient(138deg,#fffdf8f5,#fff0f6f8 78%,#ffedf8fa)!important;
  box-shadow:0 12px 29px #8a63832a,inset 0 0 0 4px #fff9ed!important;
}
.cat-quick-ribbon,.cat-section-heading{
  color:#fff5df!important;
  background:linear-gradient(110deg,#693c7a,#8b578f 52%,#633975)!important;
  border:2px solid #d8ae7c!important;
  box-shadow:0 3px 0 #caa476,0 6px 16px #784d7c30!important;
  text-shadow:0 1px 2px #53385e!important;
}
.cat-quick-form input,.cat-quick-form select{max-width:100%;min-width:0;border-color:#dfb8b6!important;border-radius:12px!important;background:#fffcf9!important;color:#5d455a!important}
.cat-quick-submit,.cat-gold-link,.btn:not(.alt):not(.secondary),.tarot-purchase,.tarot-deep-btn,.ai-start-btn,.wealth-purchase,.match-purchase{
  border:2px solid #edbe86!important;border-radius:999px!important;
  background:linear-gradient(180deg,#bd5c74,#a44158)!important;
  color:#fff8ec!important;box-shadow:0 4px 0 #8d4d61,0 7px 16px #8a5b772e!important;
  text-shadow:0 1px 1px #733d53!important;
}
button:active{transform:translateY(2px)!important}
/* 原本七個功能肖像不替換，只調整卡片外框 */
.fortune-tabs .fortune-tab.cat-boutique-card{
  background:linear-gradient(155deg,rgba(255,254,250,.98),rgba(251,231,244,.97))!important;
  border:2px solid #e5bca4!important;border-radius:25px!important;
  box-shadow:0 9px 17px #92627f28,0 0 0 4px #fffcf6 inset!important;
}
.fortune-tabs .fortune-tab.cat-boutique-card.is-selected{
  background:linear-gradient(155deg,#774984,#9c5d92)!important;
  border-color:#d9aa83!important;
}
.fortune-tabs .fortune-tab.cat-boutique-card .fortune-tab-art{outline-color:#d9af8d!important}
.fortune-tabs .fortune-tab.cat-boutique-card:before{content:'✧'!important;color:#c68faf!important}
.cat-home-extras{position:relative}
.cat-daily-feature,.cat-feature-panel,.cat-feature-card{
  border-color:#e3bfae!important;
  background:linear-gradient(145deg,#fffdf8f7,#fceaf5f8)!important;
  box-shadow:0 8px 19px #976c8725!important;
}
.cat-home-extras::after{content:'✦　🐾　☾　✧　🐾　✦';position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font-size:11px;color:#ba8aab;white-space:nowrap;pointer-events:none}
/* 修正關鍵：所有功能的外部區塊只顯示相同背景，不再各自放建築截圖 */
:is(#personalView,#matchView,#wealthView,#wuxingView,#astroView,#meihuaView,#tarotView){
  position:relative;min-width:0;
  background:transparent!important;
  border:1px solid rgba(225,179,180,.7)!important;
  border-radius:25px!important;
  padding:clamp(12px,2vw,22px);
  box-shadow:0 9px 22px #825b7915,inset 0 0 0 4px rgba(255,251,248,.5);
}
:is(#personalView,#matchView,#wealthView,#wuxingView,#astroView,#meihuaView,#tarotView)::after{content:none!important}
:is(#matchView,#wealthView,#wuxingView,#astroView,#meihuaView,#tarotView){margin-top:20px}
.cat-themed-surface::after{display:none!important}
/* 同樣移除原本每張卡片左下角的書本裁圖，不讓卡片圖案互相干擾 */
.cat-themed-surface .panel::before,.cat-themed-surface .match-form::before,
.cat-themed-surface .wealth-input-card::before,.cat-themed-surface .wx-overview::before,
.cat-themed-surface .astro-page-workspace::before,.cat-themed-surface .meihua-form::before,
.cat-themed-surface .tarot-pick-panel::before,.cat-themed-surface .tarot-history-wrap::before,
.cat-themed-surface #tarotPremiumPanel::before,.cat-themed-surface .ai-qa-top::before{
  display:none!important;
}
/* 重新整理內頁的標題橫幅：小朵星雲點綴，不含硬裁切圖 */
:is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero){
  position:relative;min-width:0;
  background:
    url('/assets/cat-theme/starlit-floral-pattern.svg') center center/620px 495px repeat,
    linear-gradient(112deg,#fff6f1,#f9e9f6)!important;
  border:2px solid #e3bd9f!important;border-radius:23px!important;
  box-shadow:0 8px 17px #96688823,inset 0 0 0 3px #fff9f2!important;
  color:#6c4668!important;
}
:is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero)::before{
  content:'✦　❀　🐾';position:absolute;right:14px;top:9px;
  color:#d1a0b9;opacity:.55;font-size:11px;pointer-events:none;
}
:is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero) h2,
:is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero) h3{color:#6a3c6d!important}
:is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero) p{color:#896d85!important}
.cat-inner-ribbon,.cat-personal-banner,.cat-inline-hero-media,.cat-decor-strip{
  position:relative;min-width:0;
  background:linear-gradient(118deg,#fff8f2,#fce9f5 79%,#fffaf6)!important;
  border:1.5px solid #e8bd9d!important;border-radius:21px!important;
  box-shadow:0 6px 18px #9267811b,inset 0 0 0 3px #fffaf4!important;
}
.cat-inner-ribbon::after{opacity:.23;pointer-events:none}
.cat-inner-ribbon strong,.cat-decor-copy>strong{color:#784873!important}
.cat-inner-ribbon span,.cat-decor-copy>span{color:#ad7699!important}
/* 卡片為清晰宣紙，而不是含有宮殿拼貼的背景 */
:is(.panel,.match-form,.match-result,.wealth-input-card,.wealth-results,.wx-overview,.wx-pair,
.astro-page-workspace,.meihua-form,.meihua-results,.tarot-screen,.tarot-result,
.tarot-history-wrap,.history-panel,.ai-qa,.card){
  background:linear-gradient(152deg,rgba(255,253,249,.98),rgba(255,246,251,.98))!important;
  border:1.5px solid #e5c4b3!important;border-radius:21px!important;
  box-shadow:0 7px 19px #95698017,inset 0 0 0 3px #fffcf6!important;
  min-width:0;
}
.cat-themed-surface .panel,.cat-themed-surface .match-form,.cat-themed-surface .wealth-input-card,
.cat-themed-surface .wx-overview,.cat-themed-surface .astro-page-workspace,
.cat-themed-surface .meihua-form,.cat-themed-surface .tarot-pick-panel{
  background:linear-gradient(152deg,rgba(255,253,249,.98),rgba(255,245,251,.97))!important;
  background-image:none!important;
}
#personalView .result-empty{
  min-height:305px;border-radius:17px;
  background:
    url('/assets/cat-theme/starlit-floral-pattern.svg') center/680px 544px repeat,
    linear-gradient(145deg,#fffdfa,#fef2f8)!important;
  border:1px dashed #dfb9b1;
}
#personalView .empty-mark{color:#c6a084!important}
:is(#aiQa .ai-qa-top,#tarotResultPanel .tarot-result-text,.match-results-heading,.wealth-result-title){
  background:linear-gradient(105deg,#fffaf6,#f8e9f5)!important;border-radius:18px;
}
/* 付費牆、報告標題、塔羅卡：花邊與正文分離 */
:is(.annual-paywall,.match-paywall,.wealth-paywall){border-color:#e5bfa6!important;border-radius:20px!important}
:is(.annual-unlock-card,.match-pay-card,.wealth-gate-card){background:linear-gradient(145deg,#fffdf9,#fff0f7)!important;border-color:#e5bb9a!important;border-radius:22px!important}
:is(.annual-banner,.match-paid-banner,.wealth-paid-banner){background:linear-gradient(90deg,#754a7b,#9f6391)!important;color:#fff3da!important}
:is(#annualReport .zh-story-hero,#matchFullReport .zh-story-hero,#wealthFullReport .zh-story-hero,#wxDeepReport .zh-story-hero){background:linear-gradient(115deg,#fffcf6,#f8e8f5)!important}
.tarot-result-figure img,.tarot-pick img{border-radius:16px!important}
#tarotView .tarot-result-text,#tarotPremiumPanel,#tarotView .tarot-deep-area{background:linear-gradient(130deg,#fff9f4,#f8ebf6)!important;border:1px solid #e9c3b5!important}
/* 分享預覽與按鈕 */
.cat-share-preview-panel{border:2px solid #e6b391!important;background:linear-gradient(155deg,#fffaf6,#f9e6f5)!important}
.cat-share-preview-top strong{color:#704472!important}
.cat-share-download{background:linear-gradient(110deg,#71457f,#94619b)!important;color:#fff9f4!important;border-radius:999px!important}
#catShareNative{background:linear-gradient(120deg,#fff3f4,#fce3f2)!important;color:#744675!important;border-radius:999px!important}
.footer{position:relative;background:linear-gradient(90deg,#5f416b,#7f517b,#5f416b)!important;color:#fdf0da!important;border:1px solid #d7b28e;border-radius:17px;margin-top:30px;padding:20px}
.footer a{color:#fff6e7!important}
/* 每日運勢獨立頁：同樣使用連續底紋而不是獨立截圖 */
body:has(.wrap) .hero.cat-daily-hero{
  background:
    url('/assets/cat-theme/starlit-floral-pattern.svg') center/660px 528px repeat,
    linear-gradient(120deg,#fff3e9,#f8e1f3)!important;
  border:2px solid #e1b99e!important;color:#74476e!important;
}
body:has(.wrap) .hero.cat-daily-hero h1{color:#714375!important}
body:has(.wrap) .hero.cat-daily-hero p{color:#896d83!important}
/* 內容流與尺寸完整性 */
.shell,.shell *{box-sizing:border-box}
:where(.panel,.match-form,.wealth-input-card,.wx-overview,.astro-page-workspace,.meihua-form,.tarot-screen) {overflow-wrap:break-word}
@media(max-width:900px){
 .top::before{display:none}
 .shell{padding-left:12px;padding-right:12px}
}
@media(max-width:620px){
 .shell{padding-left:9px;padding-right:9px;padding-bottom:55px}
 .top{padding:9px 8px;border-radius:0 0 19px 19px;gap:8px}
 .brandname{font-size:21px!important;letter-spacing:.05em!important}
 .brandname small{font-size:9px!important}
 .seal{width:43px!important;height:43px!important}
 .top-actions{gap:5px!important}
 .auth-nav button{padding:7px 9px!important;font-size:11px!important}
 .hero.cat-hero{border-radius:23px!important;padding:0 12px 19px!important;overflow:hidden}
 .hero.cat-hero .cat-hero-art::after{background:linear-gradient(to bottom,transparent 74%,#fce9f2 100%)}
 .hero.cat-hero .cat-quick-form{min-width:0;max-width:100%;overflow:visible}
 :is(#personalView,#matchView,#wealthView,#wuxingView,#astroView,#meihuaView,#tarotView){padding:9px;border-radius:18px!important}
 :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero){border-radius:17px!important;padding:15px 11px!important}
 :is(.panel,.match-form,.match-result,.wealth-input-card,.wealth-results,.wx-overview,.wx-pair,
 .astro-page-workspace,.meihua-form,.meihua-results,.tarot-screen,.tarot-result,.tarot-history-wrap,.card){border-radius:16px!important}
 #personalView .result-empty{min-height:210px}
}
@media(max-width:400px){.hero.cat-hero .cat-quick-form{grid-template-columns:1fr!important}}
@media print{.shell{background:#fff!important}.footer{display:none!important}}
/* 統一較高優先度的舊版深色塔羅標頭，避免低對比文字與另一套背景打架。 */
#tarotView .tarot-hero{
  background:
    url('/assets/cat-theme/starlit-floral-pattern.svg') center center/620px 495px repeat,
    linear-gradient(112deg,#fff5f3,#f9e8f6)!important;
  border:2px solid #e3bd9f!important;color:#6c4668!important;
}
#tarotView .tarot-hero h2,
#tarotView .tarot-hero p,
#tarotView .tarot-hero .tarot-kicker,
#tarotView .tarot-hero .tarot-meta-line{color:#734b70!important}
#tarotView .tarot-hero .cat-inline-hero-media p{color:#896d85!important}
#tarotView .tarot-hero::after{opacity:.20!important}
/* 男女合盤原本直接子元件被 CSS grid 分散到兩欄，造成標題在右、圖片在左且大片空白。 */
#matchView .match-hero.cat-hero-panel{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
  gap:7px;text-align:center;padding:20px 24px!important;
}
#matchView .match-hero .cat-inline-hero-media{
  width:min(100%,625px);max-width:625px;align-self:center;
  display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);
  margin:11px auto 0;text-align:left;
}
#matchView .match-hero .cat-inline-hero-media img{max-width:135px;aspect-ratio:1/1;object-fit:cover}
#matchView .match-hero .match-hero-script{z-index:0;opacity:.025}
#matchView .match-hero>h2,#matchView .match-hero>p{position:relative;z-index:1}
@media(max-width:620px){
 #matchView .match-hero.cat-hero-panel{padding:17px 12px!important}
 #matchView .match-hero .cat-inline-hero-media{grid-template-columns:88px minmax(0,1fr);gap:11px;margin:10px auto 0}
 #matchView .match-hero .cat-inline-hero-media img{max-width:85px}
}

/* SOURCE: celestial-palace.css */
/* 靈喵觀星閣 · 櫻月仙宮。 Original art is used directly; atlas crops are CSS only. */
:root{--lm-ink:#57394d;--lm-purple:#765279;--lm-gold:#bf8748;--lm-paper:#fff6e9;--lm-line:#d7b17a;--lm-scene:url('/assets/celestial/palace-background-v82.webp');--lm-atlas:url('/assets/celestial/floral-atlas-v82.webp');--lm-moon:url('/assets/celestial/moon-atlas-v82.webp')}
html{background:#f6e5dc!important;scroll-behavior:smooth;scroll-padding-top:100px}
html body.celestial-palace{background:var(--lm-scene) center top / 100% auto repeat-y!important;color:var(--lm-ink);font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;line-height:1.75;margin:0;min-height:100vh}
body.celestial-palace::before,body.celestial-palace::after{display:none!important}
body.celestial-palace *{box-sizing:border-box}
body.celestial-palace .shell{width:min(1180px,calc(100% - 64px));max-width:1180px;margin:24px auto 0;padding:0 24px;background:rgba(255,248,233,.44)!important;border:1px solid #e3c6a0;border-radius:28px 28px 0 0;box-shadow:0 12px 70px #6d496124}
body.celestial-palace :is(h1,h2,h3,h4,.brandname){font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;color:var(--lm-ink)}
body.celestial-palace :is(p,small){text-wrap:pretty}
body.celestial-palace :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
body.celestial-palace button{cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}
body.celestial-palace button:active{transform:translateY(2px) scale(.985)!important;filter:brightness(.94)}
body.celestial-palace :is(button,a,input,select,textarea):focus-visible{outline:3px solid #90609e!important;outline-offset:4px}
body.celestial-palace :is(button:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.55}
body.celestial-palace :is(.top,header.top#catTop){position:relative;top:auto;min-height:88px;margin:0 -24px 20px;padding:15px 28px;background:linear-gradient(90deg,#fff7e6e8,#fff1e7df),var(--lm-scene) center 15% / cover!important;border:0;border-bottom:3px double var(--lm-line);border-radius:28px 28px 0 0;box-shadow:0 4px 20px #9a685520!important;gap:16px}
body.celestial-palace .top::before{content:'✧';right:48%;top:25px;font-size:23px;color:#b68b53}
body.celestial-palace .brandname{font-size:23px!important;letter-spacing:.13em}
body.celestial-palace .brandname small{font-size:10px!important;letter-spacing:.16em;color:#96765d!important}
body.celestial-palace .seal{width:46px;height:46px;background:var(--lm-atlas) 51% 4% / 560% auto!important;border:2px solid #c69a5d!important;box-shadow:0 0 0 3px #fff9df,0 0 0 4px #d8bb8e!important}
body.celestial-palace .top-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}
body.celestial-palace :is(.auth-nav-main,.auth-submit){background:linear-gradient(115deg,#72517e,#a87794)!important;border:1px solid #bb925d!important;color:#fff8e8!important}
body.celestial-palace :is(.auth-nav-ghost,.top-daily,.life-edit){background:#fff8ebd9!important;border:1px solid #d4b48a!important;border-radius:999px;color:#795369!important;padding:7px 15px}
/* Hero: original illustrated upper strip, then a real editable plaque and form. */
body.celestial-palace .hero.cat-hero#homeHero{display:block!important;position:relative;margin:0 0 28px;padding:0 24px 30px!important;border:1px solid #d8b17d!important;border-radius:130px 130px 22px 22px!important;background:linear-gradient(180deg,#fff4e100,#fff5e5dd 57%,#fff5e8ed),var(--lm-scene) center 35% / cover!important;overflow:hidden;min-height:0!important;box-shadow:0 0 0 5px #fff4e48c,0 0 0 6px #dabc933d,0 12px 28px #80506e1c!important}
body.celestial-palace #homeHero::before,body.celestial-palace #homeHero::after{content:none!important}
body.celestial-palace #homeHero .cat-hero-art{position:relative!important;inset:auto!important;margin:0 -24px;width:calc(100% + 48px)!important;height:auto!important;aspect-ratio:1423/332;background:var(--lm-atlas) center top / 100% auto no-repeat!important;transform:none!important;mask-image:linear-gradient(#000 85%,transparent)}
body.celestial-palace #homeHero .cat-hero-art::after{content:none!important}
body.celestial-palace #homeHero .cat-hero-copy{position:relative!important;display:block!important;margin:-12px auto 0!important;padding:0!important;width:100%!important;max-width:880px!important;text-align:center;background:none!important}
body.celestial-palace #homeHero .cat-hero-copy::before{content:none!important}
body.celestial-palace #homeHero .cat-kicker{display:block!important;font-size:12px;letter-spacing:.22em;margin:8px 0 4px;color:#9b744d!important}
body.celestial-palace #homeHero h1#catHeroTitle{display:flex!important;align-items:center;justify-content:center;width:440px!important;max-width:100%!important;height:104px!important;margin:0 auto!important;padding:0 40px!important;background:var(--lm-atlas) 82.15% 39.75% / 355.75% auto no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;filter:none!important;color:#6f466d!important;font:900 43px/1.3 'Noto Serif TC','PMingLiU',serif!important;letter-spacing:.1em!important;text-shadow:0 2px #fff7e3!important;white-space:nowrap}
body.celestial-palace #homeHero h1::before,body.celestial-palace #homeHero h1::after{content:none!important}
body.celestial-palace #homeHero .cat-hero-slogan{font-size:20px!important;letter-spacing:.3em!important;color:#805c79!important;margin:8px 0 4px!important}
body.celestial-palace #homeHero .cat-hero-subtitle{font-size:13px!important;color:#816757!important;margin:5px 0 30px!important}
body.celestial-palace #homeHero .cat-quick-form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;position:relative;max-width:790px!important;width:100%!important;margin:0 auto!important;padding:38px 24px 22px!important;background:linear-gradient(140deg,#fffaf2eb,#fff0deea)!important;border:3px double #c89d65!important;outline:1px solid #fffaf0;outline-offset:-8px;border-radius:18px!important;box-shadow:0 8px 20px #8e5e5120!important;text-align:left}
body.celestial-palace #homeHero .cat-quick-form::before,body.celestial-palace #homeHero .cat-quick-form::after{content:none!important}
body.celestial-palace #homeHero .cat-quick-ribbon{position:absolute;top:-16px!important;left:50%!important;transform:translateX(-50%);width:220px!important;text-align:center;border:1px solid #d0a367!important;border-radius:999px!important;background:linear-gradient(100deg,#78618c,#9b7297,#78618c)!important;color:#fff5dc!important;padding:5px 16px!important;font-size:14px!important;letter-spacing:.14em;box-shadow:0 0 0 3px #fff2dc!important}
body.celestial-palace #homeHero .cat-quick-field{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;min-width:0}
body.celestial-palace #homeHero .cat-quick-field>label{display:flex!important;width:auto!important;height:auto!important;gap:6px!important;font-size:13px!important;padding:0!important;white-space:nowrap;color:#76543c!important}
body.celestial-palace #homeHero .cat-quick-field>label>span{display:grid!important;place-items:center;width:25px!important;height:25px!important;background:#fae9cf!important;border:1px solid #d4ad73;border-radius:50%}
body.celestial-palace #homeHero .cat-quick-field label svg{width:16px;height:16px}
body.celestial-palace #homeHero .cat-native-input{display:block!important;position:relative;height:46px!important}
body.celestial-palace #homeHero .cat-native-hint{display:none!important}
body.celestial-palace #homeHero .cat-native-input input::-webkit-datetime-edit{color:#684955!important}
body.celestial-palace #homeHero .cat-quick-submit{grid-column:1/-1!important;justify-self:center;width:min(100%,390px)!important;margin:2px 0 0!important;height:52px!important;font-size:18px!important;letter-spacing:.2em;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:9px!important}
body.celestial-palace #homeHero .lm-reader{position:absolute;right:8px;top:-69px;width:90px;pointer-events:none}
/* Reusable atlas details; no raster resampling, painted labels, or screenshot controls. */
.lm-sprite{display:block;flex:none;background-repeat:no-repeat;pointer-events:none}
.lm-reader{aspect-ratio:400/315;background-image:var(--lm-atlas);background-size:355.75% auto;background-position:60.6% 100%;mask-image:radial-gradient(ellipse at center,#000 57%,transparent 73%)}
.lm-oracle{aspect-ratio:410/350;background-image:var(--lm-atlas);background-size:347.07% auto;background-position:0 100%;mask-image:radial-gradient(ellipse at center,#000 56%,transparent 73%)}
body.celestial-palace .lm-section-title{text-align:center;margin:28px auto 17px;position:relative}
.lm-section-title span{display:block;font:700 25px/1.5 'PMingLiU',serif;color:#70496c;letter-spacing:.24em}
.lm-section-title span::before,.lm-section-title span::after{content:' ✦ ';color:#c49757;font-size:15px}
.lm-section-title small{display:block;font-size:12px;letter-spacing:.1em;color:#8d735d}
body.celestial-palace .fortune-tabs{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:13px!important;padding:8px 0 24px!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body.celestial-palace .fortune-tabs .fortune-tab.cat-boutique-card{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:3px;min-width:0!important;min-height:0!important;padding:9px 3px 14px!important;background:linear-gradient(160deg,#fff9edeb,#f5dfd5dc)!important;border:1px solid #cead7d!important;border-radius:70px 70px 12px 12px!important;box-shadow:0 4px 0 #a5785324,inset 0 0 0 4px #fff5e6!important;overflow:visible}
body.celestial-palace .fortune-tabs .fortune-tab.cat-boutique-card::before{content:'✧'!important;position:absolute;top:6px;left:8px;color:#a1743f!important;font-size:15px}
body.celestial-palace .fortune-tabs .fortune-tab.cat-boutique-card::after{content:none!important}
body.celestial-palace .fortune-tabs .fortune-tab .fortune-tab-art{width:100%!important;max-width:110px;height:auto!important;aspect-ratio:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:50%!important;overflow:hidden;margin:0 auto 3px!important}
body.celestial-palace .fortune-tab-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
body.celestial-palace .fortune-tabs .fortune-tab strong{font:700 15px/1.6 'PMingLiU',serif!important;color:#66415e!important;white-space:nowrap;letter-spacing:.08em}
body.celestial-palace .fortune-tabs .fortune-tab small{font-size:10px!important;letter-spacing:.08em;color:#927151!important}
body.celestial-palace .fortune-tabs .fortune-tab.is-selected{background:linear-gradient(145deg,#f7e6ee,#dfc9e0)!important;border-color:#9573a2!important;box-shadow:0 5px 0 #986d9840,inset 0 0 0 4px #fff1df!important;transform:translateY(-4px)}
@media(hover:hover){body.celestial-palace .fortune-tabs .fortune-tab:hover{transform:translateY(-5px);filter:brightness(1.04)}}
/* Gold double-line frames, illustrated corners, and restrained paper behind copy. */
body.celestial-palace :is(.panel,.match-form,.match-empty,.match-results,.wealth-input-card,.wealth-empty,.wealth-results,.wx-overview,.wx-card,.wx-pair-section,.astro-page-workspace,.astro-panel,.meihua-form,.meihua-results,.tarot-screen,.tarot-result,.tarot-history-wrap,.history-panel,.ai-qa,.card,.cat-daily-feature,.cat-feature-panel){position:relative;border:3px double #cda16b!important;outline:1px solid #fff9ec;outline-offset:-8px;border-radius:20px 6px 20px 6px!important;background:linear-gradient(130deg,#fff9edee,#fff5e9ef),var(--lm-scene) center / cover!important;box-shadow:0 7px 22px #8555681a,0 0 0 4px #fff6e354!important;color:#5d4552!important;isolation:isolate}
body.celestial-palace :is(.panel,.match-form,.wealth-input-card,.wx-overview,.astro-page-workspace,.meihua-form,.tarot-screen,.card,.ai-qa)::before{content:''!important;position:absolute!important;inset:5px auto auto 5px!important;width:49px!important;height:49px!important;border:0!important;background:url('/assets/cat-theme/cherry-corner.webp') center/contain no-repeat!important;opacity:.75!important;pointer-events:none!important;z-index:0!important}
body.celestial-palace :is(.panel,.match-form,.wealth-input-card,.wx-overview,.astro-page-workspace,.meihua-form,.tarot-screen,.card,.ai-qa)::after{content:'✧'!important;display:block!important;position:absolute!important;inset:auto 12px 5px auto!important;color:#c89b60!important;background:none!important;font-size:25px!important;width:auto!important;height:auto!important;pointer-events:none!important;opacity:.6!important}
body.celestial-palace :is(.panel,.match-form,.wealth-input-card,.wx-overview,.astro-page-workspace,.meihua-form,.card){padding:28px!important}
body.celestial-palace .lm-chapter{scroll-margin-top:28px}
body.celestial-palace .lm-chapter>.cat-inner-ribbon{margin:0 0 24px!important}
body.celestial-palace :is(.cat-inner-ribbon,.cat-personal-banner,.cat-decor-strip){background:linear-gradient(110deg,#f2e0e8,#fff5e5 74%)!important;border:1px solid #d5ae7b!important;border-radius:45px 9px 9px 45px!important;box-shadow:0 3px 0 #b68b5830;padding:8px 16px 8px 8px!important;min-height:88px}
body.celestial-palace :is(.cat-inner-ribbon,.cat-decor-strip) img{width:80px!important;height:80px!important;border-radius:50%;border:2px solid #c49b67!important;object-fit:cover}
body.celestial-palace :is(.cat-inner-ribbon strong,.cat-decor-copy>strong){font-family:'PMingLiU',serif;font-size:22px!important;color:#735171!important;letter-spacing:.06em}
body.celestial-palace :is(.cat-inner-ribbon span,.cat-decor-copy>span){font-size:10px!important;color:#95724e!important}
body.celestial-palace .cat-personal-banner{display:none!important}
body.celestial-palace .cat-inner-ribbon::after{display:none!important}
body.celestial-palace :is(.field,.auth-field){margin-bottom:16px}
body.celestial-palace :is(label,.field label,.auth-field label){color:#76543e!important;font-weight:600;letter-spacing:.03em}
body.celestial-palace :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid #c8aa83!important;border-radius:10px!important;background:linear-gradient(#fffdfa,#fff8ee)!important;color:#5c4252!important;box-shadow:inset 0 2px 5px #9169490c,0 2px 0 #fff9ec!important;font:400 15px/1.5 'Microsoft JhengHei',sans-serif;min-height:46px;max-width:100%;padding:10px 12px}
body.celestial-palace :is(input,select,textarea):focus{border-color:#9c75a4!important;background:#fffefa!important;box-shadow:0 0 0 3px #b98fb91c!important}
body.celestial-palace textarea{min-height:120px;resize:vertical}
body.celestial-palace input:is([type=checkbox],[type=radio]){accent-color:#8a5d8c;width:18px;height:18px;flex:none}
body.celestial-palace :is(.hint,.meta,.auth-footnote,.life-note){color:#887060!important;font-size:12px;line-height:1.85}
body.celestial-palace :is(.checkrow,.saved,.notice){background:#f3e7d959;border-radius:9px;padding:10px 12px;border-color:#dbc09c}
body.celestial-palace :is(.btn:not(.alt):not(.secondary),.cat-quick-submit,.match-submit,.match-buy,.wealth-submit,.wealth-buy,.ai-start-btn,.ai-send,.tarot-deep-btn,.tarot-purchase,.meihua-submit,.cat-gold-link){background:linear-gradient(110deg,#75517d,#a16f92 52%,#75517d)!important;color:#fff5df!important;border:1px solid #c39863!important;box-shadow:inset 0 0 0 3px #ffffff20,0 4px 0 #67445e33!important;border-radius:10px!important;min-height:47px;letter-spacing:.08em}
body.celestial-palace :is(.btn.secondary,.btn.alt,.auth-nav-ghost){color:#81566b!important;background:linear-gradient(#fffaf0,#f7ead9)!important;border:1px solid #cead7b!important;box-shadow:0 2px 0 #a7774126!important;border-radius:9px!important}
body.celestial-palace :is(.pill,.tag,.wx-tag){color:#805b77!important;background:#f4e4ec!important;border:1px solid #d4b7bb!important;border-radius:99px;padding:4px 10px}
body.celestial-palace :is(.section,.chart,.match-metric,.wealth-metric,.wx-trait,.stat){border-color:#dfbf96!important}
body.celestial-palace :is(th,.annual-banner,.match-paid-banner,.wealth-paid-banner){background:linear-gradient(100deg,#e9d5e5,#f7e5d1)!important;color:#684b60!important;border-color:#d5b58c!important}
body.celestial-palace td{border-color:#ead9c2!important;background:#fffaf3b0}
body.celestial-palace :is(.ai-report,.match-full-report,.wealth-full-report){color:#5d4853;line-height:1.95}
body.celestial-palace :is(.ai-report,.match-full-report,.wealth-full-report) h3{border-bottom:1px solid #dabb8b;padding-bottom:12px;margin-top:28px;color:#79567c}
/* Two requested wreaths: exact regions of image three, with live HTML letters. */
body.celestial-palace :is(.match-empty-seal,.ai-qa-seal,.empty-mark,.auth-symbol,.wealth-empty-icon){display:flex!important;align-items:center;justify-content:center;position:relative;width:172px!important;height:172px!important;margin:8px auto 15px!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;background:var(--lm-atlas) 0% 47.83% / 490.69% auto no-repeat!important;color:#785176!important;font:700 56px/1 'PMingLiU',serif!important;padding:0 0 30px!important;transform:none!important;flex:none;isolation:isolate}
body.celestial-palace :is(.match-empty-seal,.ai-qa-seal,.empty-mark,.auth-symbol,.wealth-empty-icon)::before,body.celestial-palace :is(.match-empty-seal,.ai-qa-seal,.empty-mark,.auth-symbol,.wealth-empty-icon)::after{content:none!important}
body.celestial-palace .ai-qa-seal{background-position:49.6% 50.63%!important;background-size:508.21% auto!important;padding:12px 0 0!important;width:155px!important;height:174px!important}
body.celestial-palace :is(.match-empty,.wealth-empty,.result-empty){padding:30px 18px!important;min-height:300px!important;background-color:#fff5e8!important;text-align:center}
body.celestial-palace #personalView .result-empty{background:radial-gradient(ellipse,#fff9eede,#fff0e5cc)!important}
body.celestial-palace :is(.match-empty h3,.wealth-empty h3){font-size:25px;letter-spacing:.09em}
body.celestial-palace .ai-qa-top{display:flex;align-items:center;gap:22px;background:none!important;border:0!important}
body.celestial-palace .ai-qa-top>.cat-decor{display:none!important}
body.celestial-palace .ai-qa-top h2{font-size:24px;line-height:1.6}
body.celestial-palace .ai-qa-kicker{font-size:11px;letter-spacing:.15em;color:#a17b4b}
/* All six secondary sections receive a painted chapter cover. */
body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero){position:relative;isolation:isolate;overflow:hidden;display:block!important;border:3px double #d3ac76!important;border-radius:22px!important;padding:32px 36px!important;margin:12px 0 26px!important;background:linear-gradient(100deg,#fff4e6f5,#fff4e6c9 62%,#fff4e68a),var(--lm-scene) center 10% / cover!important;box-shadow:0 8px 24px #8257791c!important;color:#6a4c63!important;min-height:0!important}
body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero)::before,body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero)::after{content:none!important}
body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero) h2{font-size:31px!important;color:#704e72!important;line-height:1.5;letter-spacing:.08em;margin:6px 0 12px}
body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero) p{color:#7d665d!important;max-width:720px;font-size:14px}
body.celestial-palace :is(.match-hero-script,.wealth-hero-coin,.wx-hero-seal,.tarot-hero-sigil){display:none!important}
body.celestial-palace .cat-inline-hero-media{position:relative!important;inset:auto!important;display:flex!important;align-items:center;gap:18px;width:100%!important;max-width:none!important;height:auto!important;padding:16px 0 0!important;margin:18px 0 0!important;border:0!important;border-top:1px solid #c9a976!important;border-radius:0!important;background:none!important;box-shadow:none!important;opacity:1!important;transform:none!important}
body.celestial-palace .cat-inline-hero-media>img{position:static!important;width:110px!important;height:110px!important;object-fit:cover;border:3px double #c5a16d;border-radius:50%;mask-image:none!important;opacity:1!important}
body.celestial-palace .cat-inline-hero-copy{position:static!important;background:none!important;padding:0!important;max-width:650px!important;display:block!important}
body.celestial-palace .cat-inline-hero-copy>span{font-size:10px;color:#a47c4c;letter-spacing:.15em}
body.celestial-palace .cat-inline-hero-copy strong{display:block;font:700 21px/1.6 'PMingLiU',serif;color:#795478}
body.celestial-palace .cat-inline-hero-copy p{font-size:12px!important;line-height:1.75;margin:3px 0!important}
body.celestial-palace .cat-home-extras{gap:22px;margin:7px 0 32px}
body.celestial-palace .cat-section-heading{padding:12px 15px!important;border:0!important;border-bottom:3px double #d4b07f!important;background:linear-gradient(100deg,#eee0ed,#fae8d5)!important;color:#795578!important;font-family:'PMingLiU',serif}
body.celestial-palace .cat-section-heading small{color:#977b61!important;font-size:10px}
body.celestial-palace .cat-daily-body{padding:12px 14px!important;display:flex;align-items:center;gap:10px}
body.celestial-palace .cat-daily-body .lm-oracle{width:43%;max-width:190px}
body.celestial-palace .cat-daily-content h2{font-size:25px!important}
body.celestial-palace .cat-feature-cards{padding:14px;gap:12px}
body.celestial-palace .cat-feature-card{background:#fff7e9!important;border:1px solid #dbb984!important;border-radius:40px 40px 9px 9px!important;box-shadow:0 4px 8px #96636d15!important}
body.celestial-palace .cat-feature-card img{border-radius:50%;mix-blend-mode:multiply}
body.celestial-palace .cat-feature-card strong{color:#785471!important;font-family:'PMingLiU',serif}
/* Paywalls and every dialog are part of the same illustrated collection. */
body.celestial-palace :is(.annual-paywall,.match-paywall,.wealth-paywall,#tarotPremiumPanel){border:3px double #cda16b!important;background:#fff5e9!important;border-radius:16px!important;overflow:hidden}
body.celestial-palace :is(.annual-unlock-card,.match-pay-card,.wealth-gate-card){background:linear-gradient(#fff9efee,#fff0e4e8),var(--lm-scene) center/cover!important;border:3px double #be965f!important;border-radius:24px!important;box-shadow:0 15px 35px #84557530!important}
body.celestial-palace :is(.auth-dialog,.life-dialog,.pay-modal-dialog,.match-modal-dialog,.wealth-modal-dialog,.tarot-pay-dialog,.cat-share-preview-panel){background:linear-gradient(145deg,#fff8ebee,#fff1e8e8),var(--lm-scene) center/cover!important;border:3px double #c49a61!important;border-radius:25px!important;box-shadow:0 0 0 5px #fff4db75,0 24px 70px #44213d55!important;color:#67495d!important}
body.celestial-palace :is(.auth-symbol){width:120px!important;height:120px!important;font-size:34px!important;padding-bottom:22px!important;margin:0 auto!important}
body.celestial-palace :is(.auth-close,.life-close,.tarot-pay-close){background:#f5e7dc!important;border:1px solid #cda575!important;color:#76536d!important;border-radius:50%}
body.celestial-palace :is(.auth-modal-backdrop,.life-backdrop,.pay-modal-backdrop,.match-modal-backdrop,.wealth-modal-backdrop){background:#50334f88!important;backdrop-filter:blur(5px)}
body.celestial-palace .cat-loading-card{background:var(--lm-paper)!important;border:3px double #bf9a67!important;border-radius:25px!important}
body.celestial-palace .tarot-pick{border-color:#c6a06d!important;box-shadow:0 5px 18px #774f7726!important}
body.celestial-palace .tarot-pick:focus-visible{outline-offset:6px!important}
body.celestial-palace .history-panel{margin-top:28px}
body.celestial-palace .history-list button{border-color:#d7b98f;background:#fff6e9}
body.celestial-palace .wrap{max-width:1080px;width:calc(100% - 64px);margin:24px auto}
body.celestial-palace .cat-daily-hero{background:linear-gradient(100deg,#fff3e5cc,#fff7e4b0),var(--lm-scene) center 12%/cover!important;border:3px double #cca16b!important;border-radius:100px 16px 16px 16px;display:flex;align-items:center;gap:25px;padding:16px 30px!important;min-height:230px}
body.celestial-palace .cat-daily-hero .lm-oracle{width:230px;max-width:40%}
body.celestial-palace>.top{width:calc(100% - 64px);max-width:1080px;margin:24px auto!important;border-radius:20px!important}
body.celestial-palace>.footer{max-width:1080px;width:calc(100% - 64px);margin:24px auto 0!important}
body.celestial-palace .footer{position:relative;margin:36px -24px 0!important;padding:100px 20px 35px!important;border:0!important;border-top:1px solid #d9b887;border-radius:0!important;background:linear-gradient(180deg,#fff5e300,#fff4e2c9 48%,#fff4e9ed),var(--lm-scene) center bottom / 100% auto no-repeat!important;color:#7b5a6a!important;font-size:12px;text-align:center;text-shadow:0 1px #fff8eb}
body.celestial-palace .footer::before,body.celestial-palace .footer::after{content:none!important}
body.celestial-palace .footer a{color:#785377!important}
.lm-footer-blessing{margin-bottom:25px}
.lm-footer-blessing>span{display:block;font-size:35px;color:#ad824a}
.lm-footer-blessing>strong{display:block;font:700 22px/1.7 'PMingLiU',serif;letter-spacing:.13em;color:#74516b}
.lm-footer-blessing>small{font-size:11px;letter-spacing:.1em}
@media(max-width:900px){
 body.celestial-palace .shell{width:calc(100% - 28px);padding:0 16px;margin-top:14px}
 body.celestial-palace :is(.top,header.top#catTop){margin:0 -16px 16px;padding:14px 18px}
 body.celestial-palace .fortune-tabs{gap:8px!important}
 body.celestial-palace .fortune-tabs .fortune-tab strong{font-size:13px!important}
 body.celestial-palace .fortune-tabs .fortune-tab small{font-size:9px!important}
 body.celestial-palace .footer{margin-inline:-16px!important}
}
@media(max-width:620px){
 html body.celestial-palace{background-size:100% auto!important}
 body.celestial-palace .shell{width:100%;padding:0 12px;margin:0;border:0;border-radius:0;background:transparent!important;box-shadow:none}
 body.celestial-palace :is(.top,header.top#catTop){margin:0 -12px 12px!important;padding:12px 16px!important;border-radius:0!important;min-height:78px;display:flex!important;flex-wrap:wrap;gap:9px!important;background:linear-gradient(90deg,#fff8e4e6,#f8e5e9d9),var(--lm-scene) center top / 100% auto!important}
 body.celestial-palace .brandname{font-size:20px!important}
 body.celestial-palace .top-actions{display:flex!important;gap:6px!important;flex:1 1 140px;justify-content:flex-end}
 body.celestial-palace .top-actions :is(.top-daily,.life-edit){font-size:10px!important;padding:4px 8px!important}
 body.celestial-palace .top-actions button{font-size:12px!important;padding:6px 12px!important}
 body.celestial-palace .auth-loading{font-size:10px}
 body.celestial-palace .brandname small{font-size:9px!important;letter-spacing:.08em}
 body.celestial-palace .seal{width:35px;height:35px}
 body.celestial-palace .hero.cat-hero#homeHero{padding:0 12px 24px!important;border-radius:70px 70px 15px 15px!important;margin:0 0 20px!important}
 body.celestial-palace #homeHero .cat-hero-art{width:calc(100% + 24px)!important;margin:0 -12px;aspect-ratio:1423/510!important;background-size:155% auto!important;background-position:center top!important}
 body.celestial-palace #homeHero .cat-hero-copy{margin:-4px auto 0!important}
 body.celestial-palace #homeHero .cat-kicker{font-size:10px;letter-spacing:.08em;margin:0 0 5px}
 body.celestial-palace #homeHero h1#catHeroTitle{height:auto!important;aspect-ratio:400/95;width:min(100%,400px)!important;font-size:clamp(26px,8vw,34px)!important;padding:0 30px!important;letter-spacing:.09em!important;background-position:82.15% 39.75%!important}
 body.celestial-palace #homeHero .cat-hero-slogan{font-size:16px!important;letter-spacing:.15em!important;margin:4px 0!important}
 body.celestial-palace #homeHero .cat-hero-subtitle{font-size:11px!important;margin:6px 0 30px!important}
 body.celestial-palace #homeHero .cat-quick-form{grid-template-columns:1fr!important;padding:30px 13px 15px!important;gap:12px!important}
 body.celestial-palace #homeHero .cat-quick-field{grid-template-columns:105px minmax(0,1fr)!important;grid-column:1/-1;align-items:center;gap:8px!important}
 body.celestial-palace #homeHero .cat-quick-field>label{font-size:12px!important;letter-spacing:0;gap:5px!important}
 body.celestial-palace #homeHero .cat-quick-field>label>span{width:24px!important;height:24px!important}
 body.celestial-palace #homeHero .cat-native-input>input,body.celestial-palace #homeHero .cat-quick-field>select{height:45px!important;font-size:14px!important;padding:8px!important;border-radius:9px!important}
 body.celestial-palace #homeHero .cat-quick-ribbon{width:194px!important;font-size:12px!important}
 body.celestial-palace #homeHero .lm-reader{width:65px;top:-49px;right:-5px}
 body.celestial-palace #homeHero .cat-quick-submit{font-size:16px!important;height:49px!important}
 body.celestial-palace .lm-section-title{margin:25px auto 12px}
 .lm-section-title span{font-size:22px}.lm-section-title small{font-size:10px}
 body.celestial-palace .fortune-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px 8px!important;padding:4px 0 22px!important;overflow:visible!important}
 body.celestial-palace .fortune-tabs .fortune-tab.cat-boutique-card{padding:5px 2px 10px!important;min-height:120px!important}
 body.celestial-palace .fortune-tabs .fortune-tab:nth-child(n+5){transform:translateX(50%)}
 body.celestial-palace .fortune-tabs .fortune-tab:nth-child(n+5).is-selected{transform:translate(50%,-4px)}
 body.celestial-palace .fortune-tabs .fortune-tab .fortune-tab-art{max-width:83px!important}
 body.celestial-palace .fortune-tabs .fortune-tab strong{font-size:12px!important;letter-spacing:0}
 body.celestial-palace .fortune-tabs .fortune-tab small{font-size:9px!important}
 body.celestial-palace :is(.panel,.match-form,.wealth-input-card,.wx-overview,.astro-page-workspace,.meihua-form,.card){padding:20px 16px!important}
 body.celestial-palace :is(.panel,.match-form,.match-empty,.match-results,.wealth-input-card,.wealth-empty,.wealth-results,.wx-overview,.wx-card,.wx-pair-section,.astro-page-workspace,.astro-panel,.meihua-form,.meihua-results,.tarot-screen,.tarot-result,.tarot-history-wrap,.history-panel,.ai-qa,.card){border-radius:17px 5px 17px 5px!important}
 body.celestial-palace :is(.cat-inner-ribbon strong,.cat-decor-copy>strong){font-size:19px!important}
 body.celestial-palace :is(.cat-inner-ribbon,.cat-decor-strip){padding:7px!important;gap:12px;min-height:74px}
 body.celestial-palace :is(.cat-inner-ribbon,.cat-decor-strip) img{width:65px!important;height:65px!important}
 body.celestial-palace .cat-inner-ribbon small{font-size:10px!important}
 body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero){padding:23px 20px!important;margin:0 0 22px!important}
 body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero) h2{font-size:24px!important;letter-spacing:.04em}
 body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero) p{font-size:12px!important}
 body.celestial-palace .cat-inline-hero-media{gap:12px;margin-top:15px!important;padding-top:15px!important}
 body.celestial-palace .cat-inline-hero-media>img{width:85px!important;height:85px!important}
 body.celestial-palace .cat-inline-hero-copy strong{font-size:18px}
 body.celestial-palace .cat-inline-hero-copy p{font-size:10px!important}
 body.celestial-palace .cat-home-extras{display:grid!important;grid-template-columns:1fr!important;gap:18px;margin:0 0 24px!important}
 body.celestial-palace .cat-daily-body .lm-oracle{width:42%}
 body.celestial-palace .cat-daily-content h2{font-size:23px!important}
 body.celestial-palace .cat-daily-content p{font-size:11px}
 body.celestial-palace .cat-section-heading{font-size:16px!important;padding:10px 12px!important}
 body.celestial-palace .cat-section-heading small{font-size:9px!important}
 body.celestial-palace .cat-gold-link{font-size:12px!important;padding:8px 10px!important;min-height:36px}
 body.celestial-palace .ai-qa-top{gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;text-align:center}
 body.celestial-palace .ai-qa-top>div:nth-child(2){flex:1 1 170px}
 body.celestial-palace .ai-qa-top h2{font-size:21px}
 body.celestial-palace .ai-qa-seal{width:136px!important;height:152px!important;font-size:47px!important}
 body.celestial-palace .ai-qa{padding:22px 16px!important}
 body.celestial-palace :is(.match-empty,.wealth-empty,.result-empty){padding:24px 14px!important;min-height:290px!important}
 body.celestial-palace :is(.match-empty p,.wealth-empty p){font-size:12px}
 body.celestial-palace .wrap{width:calc(100% - 24px);margin:16px auto}
 body.celestial-palace>.top{width:100%!important;margin:0 0 16px!important}
 body.celestial-palace .cat-daily-hero{padding:15px!important;min-height:180px;gap:10px;border-radius:65px 15px 15px 15px}
 body.celestial-palace .cat-daily-hero h1{font-size:26px!important}
 body.celestial-palace .cat-daily-hero p{font-size:12px!important}
 body.celestial-palace .footer{margin:25px -12px 0!important;padding:100px 18px 30px!important;font-size:10px;background-size:100% auto!important}
 body.celestial-palace>.footer{width:100%;margin:25px 0 0!important}
 .lm-footer-blessing>strong{font-size:19px;letter-spacing:.06em}.lm-footer-blessing>small{font-size:10px}
 body.celestial-palace :is(.auth-dialog,.life-dialog,.pay-modal-dialog,.match-modal-dialog,.wealth-modal-dialog,.tarot-pay-dialog){max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 32px);overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.celestial-palace *,body.celestial-palace *::before,body.celestial-palace *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{html body.celestial-palace,body.celestial-palace .shell{background:white!important;color:#222!important;box-shadow:none!important;width:100%;border:0;padding:0;margin:0}body.celestial-palace :is(.footer,.lm-section-title,.cat-inner-ribbon,.cat-decor,.cat-inline-hero-media,.lm-sprite){display:none!important}body.celestial-palace :is(.panel,.card,.match-results,.wealth-results){background:white!important;box-shadow:none!important}body.celestial-palace .panel::before,body.celestial-palace .card::before{display:none!important}}
/* Bound legacy intrinsic sizes so the illustration remains a scene, not a visible atlas. */
body.celestial-palace #homeHero .cat-hero-art{min-height:0!important;max-height:none!important}
body.celestial-palace .cat-paw-icon{display:inline-block!important;width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px!important;vertical-align:middle}
body.celestial-palace #homeHero .cat-quick-ribbon{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:33px!important;white-space:nowrap;bottom:auto!important;right:auto!important;min-width:0!important}
body.celestial-palace #homeHero .cat-quick-submit{white-space:nowrap!important;line-height:1.3!important;padding:10px 18px!important;min-width:0!important}
body.celestial-palace .fortune-tabs .fortune-tab.cat-boutique-card.is-selected strong{color:#68416a!important}
body.celestial-palace .fortune-tabs .fortune-tab.cat-boutique-card.is-selected small{color:#765e7b!important}
body.celestial-palace .fortune-tabs .fortune-tab.cat-boutique-card strong{font-size:15px!important}
body.celestial-palace :is(.match-empty,.wealth-empty,.ai-qa,.panel,.match-form,.wealth-input-card,.meihua-form,.astro-page-workspace,.wx-overview,.card,.tarot-screen){background-image:url('/assets/celestial/ornate-frame.svg'),linear-gradient(130deg,#fff9edef,#fff5e9ed),var(--lm-scene)!important;background-size:100% 100%,cover,cover!important;background-position:center!important;background-repeat:no-repeat!important}
body.celestial-palace .match-empty-seal{background-size:490.69% auto!important;background-position:0% 47.48%!important;mask-image:radial-gradient(ellipse at center,#000 63%,transparent 76%)}
body.celestial-palace .ai-qa-seal{mask-image:radial-gradient(ellipse at center,#000 62%,transparent 76%)}
body.celestial-palace .cat-daily-body{display:flex!important}
body.celestial-palace .cat-daily-feature{overflow:hidden}
body.celestial-palace .cat-hero-copy .cat-native-input input{width:100%;min-width:0}
body.celestial-palace .cat-hero-copy .cat-quick-field select{width:100%;min-width:0}
body.celestial-palace :is(.annual-unlock-card,.match-pay-card,.wealth-gate-card) .cat-decor-paywall img{border:0!important;background:transparent!important;border-radius:50%;box-shadow:0 0 0 2px #cfa96f}
/* Image two's crescent and floral seal accompany the daily and paid sections. */
body.celestial-palace .cat-feature-panel::after{content:'';position:absolute;right:8px;bottom:3px;width:38px;height:42px;background:var(--lm-moon) 84.3% 45.3% / 473.33% auto;pointer-events:none;opacity:.75;mask-image:radial-gradient(#000 50%,transparent 73%)}
body.celestial-palace .lm-footer-blessing>span{width:90px;height:90px;margin:0 auto 5px;font-size:0;background:var(--lm-moon) 84.3% 45.3% / 473.33% auto;mask-image:radial-gradient(#000 57%,transparent 73%)}
@media(max-width:620px){body.celestial-palace .fortune-tabs .fortune-tab.cat-boutique-card strong{font-size:12px!important}body.celestial-palace .cat-hero-copy .cat-native-input input{font-size:13px!important}body.celestial-palace .cat-quick-field label>span{margin:0!important}body.celestial-palace:has(.wrap){padding:0!important}}
/* Preserve JS-controlled hidden states even when layout components use display overrides. */
html body.celestial-palace .hidden{display:none!important}
@media(max-width:360px){body.celestial-palace #homeHero .cat-quick-field{grid-template-columns:88px minmax(0,1fr)!important;gap:5px!important}body.celestial-palace #homeHero .cat-quick-field>label{font-size:11px!important}body.celestial-palace #homeHero .cat-quick-field>label>span{width:21px!important;height:21px!important}body.celestial-palace #homeHero .cat-native-input>input,body.celestial-palace #homeHero .cat-quick-field>select{font-size:12px!important;padding:6px!important}}
/* Nine-slice ornaments retain their proportions on long forms. */
body.celestial-palace :is(.match-empty,.wealth-empty,.ai-qa,.panel,.match-form,.wealth-input-card,.meihua-form,.astro-page-workspace,.wx-overview,.card,.tarot-screen){background-image:linear-gradient(130deg,#fff9edef,#fff5e9ed),var(--lm-scene)!important;background-size:cover!important;border-image:url('/assets/celestial/ornate-frame.svg') 160 / 25px / 0 stretch!important}
body.celestial-palace :is(.panel,.match-form,.wealth-input-card,.wx-overview,.astro-page-workspace,.meihua-form,.tarot-screen,.card,.ai-qa)::before{width:42px!important;height:50px!important;inset:2px auto auto 2px!important;background:var(--lm-atlas) .5% 46% / 1800% auto!important;mask-image:radial-gradient(ellipse,#000 40%,transparent 72%);opacity:.65!important}
body.celestial-palace :is(.auth-symbol,.empty-mark,.wealth-empty-icon){background-position:.6% 47.48%!important;mask-image:radial-gradient(ellipse,#000 62%,transparent 75%)}
body.celestial-palace:has(.wrap){max-width:none!important;padding:0!important}
body.celestial-palace:has(.wrap) .hero.cat-daily-hero{background:linear-gradient(100deg,#fff3e5cc,#fff7e4b0),var(--lm-scene) center 12% / cover!important;border:3px double #cca16b!important;border-radius:75px 16px 16px 16px!important;display:flex;align-items:center;padding:16px 24px!important}
body.celestial-palace .cat-daily-top .brand{display:flex;align-items:center;gap:12px}
body.celestial-palace .cat-daily-top .brandname small{display:block}

body.celestial-palace .top .brand{color:#714c6a!important}

/* SOURCE: palace-rich-frames.css */
/* 喵說星語 2026-11-06：採用使用者提供的花雲、雙貓與金框素材。
   只加強外觀，保留所有表單 ID、付款、會員、批算及七隻導覽貓咪。 */
:root{
  --rich-ink:#70435a;--rich-rose:#a97683;--rich-gold:#c99555;
  --rich-cream:#fffaf0;--rich-flower:url('/assets/celestial/flower-vertical-scene.webp');
  --rich-panel:url('/assets/celestial/flower-paper-panel.webp');
  --rich-ribbon:url('/assets/celestial/flower-ribbon.webp');
  --rich-corner:url('/assets/cat-theme/cherry-corner.webp');
  --rich-frame:url('/assets/cat-theme/gold-flower-frame.svg');
}
/* 恢復原本綠眼命理師與睡覺橘貓，不使用新版五行插畫替代首頁主貓。 */
html body.celestial-palace #homeHero .cat-hero-art,
html body.celestial-palace #homeHero .cat-hero-art.lm-palace-scene{
  background-image:url('/assets/cat-theme/reference-cat-scene.webp')!important;
  background-color:#fff1e4!important;
  background-position:center 47%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
@media (max-width:620px){
  html body.celestial-palace #homeHero .cat-hero-art,
  html body.celestial-palace #homeHero .cat-hero-art.lm-palace-scene{
    background-image:url('/assets/cat-theme/reference-cat-scene.webp')!important;
    background-position:center 49%!important;
    background-size:cover!important;
  }
}
/* 核心問題：日期過小且色彩過淡，看起來像是字體模糊。改為真正清楚可讀的日期徽章。 */
html body.celestial-palace .cat-section-heading{
  min-height:57px!important;
  padding:12px 20px!important;
  display:flex!important;gap:12px!important;align-items:center!important;justify-content:space-between!important;
  background-image:linear-gradient(90deg,rgba(255,246,232,.18),rgba(255,249,240,.10)),var(--rich-ribbon)!important;
  background-size:100% 100%,100% 100%!important;background-position:center!important;
  border:0!important;border-bottom:1px solid #d9b381!important;
  color:#78416f!important;text-shadow:none!important;
  font-family:'Microsoft JhengHei','Noto Sans TC',sans-serif!important;
}
html body.celestial-palace .cat-section-heading>span{
  font-size:clamp(17px,1.5vw,21px)!important;
  font-weight:900!important;line-height:1.35!important;letter-spacing:.04em!important;
  color:#763e6e!important;text-shadow:0 1px 0 #fff8ec!important;
}
html body.celestial-palace .cat-section-heading small,
html body.celestial-palace #catDateLabel{
  color:#5c3452!important;background:rgba(255,250,244,.95)!important;
  border:1px solid #c9976d!important;border-radius:999px!important;
  box-shadow:0 2px 5px rgba(101,65,55,.08)!important;
  font-family:'Microsoft JhengHei','Noto Sans TC',sans-serif!important;
  font-size:13px!important;line-height:1.5!important;letter-spacing:0!important;
  font-weight:750!important;opacity:1!important;filter:none!important;
  text-shadow:none!important;padding:5px 10px!important;text-align:center!important;
  white-space:normal!important;font-synthesis:none;
  -webkit-font-smoothing:auto!important;text-rendering:optimizeLegibility!important;
}
/* 今日運勢、熱門詳批：完整繪製外框、花朵與宣紙背景。 */
html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel){
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  padding:8px!important;
  border:2px solid #c69b64!important;border-radius:26px!important;
  background-image:linear-gradient(135deg,rgba(255,250,243,.90),rgba(255,244,238,.88)),var(--rich-panel)!important;
  background-size:cover,100% 100%!important;background-position:center!important;
  box-shadow:0 0 0 3px rgba(255,250,232,.84) inset,0 0 0 7px rgba(216,174,110,.2) inset,0 12px 25px rgba(113,60,88,.18)!important;
}
html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel)::before{
  content:""!important;position:absolute!important;inset:1px!important;
  background:var(--rich-frame) center / 100% 100% no-repeat!important;
  pointer-events:none!important;z-index:3!important;opacity:.95!important;
}
html body.celestial-palace .cat-daily-feature::after{
  content:""!important;position:absolute!important;right:0!important;bottom:0!important;
  width:115px!important;height:115px!important;
  background:var(--rich-corner) center/contain no-repeat!important;
  pointer-events:none!important;z-index:0!important;opacity:.43!important;
}
html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel)>*{position:relative;z-index:1}
html body.celestial-palace .cat-home-extras{gap:21px!important}
html body.celestial-palace .cat-daily-body{padding:20px 22px 22px!important;min-height:236px;background:linear-gradient(120deg,#fff8eee0,#fff3edb0)!important;gap:18px!important}
html body.celestial-palace .cat-daily-content{position:relative;z-index:1}
html body.celestial-palace .cat-gold-link{
  border:2px solid #d2a36a!important;border-radius:999px!important;
  background:linear-gradient(180deg,#a06e9b,#754a7f)!important;color:#fff9e7!important;
  font-weight:800!important;box-shadow:0 4px 0 #a0776533!important;
  text-decoration:none!important;
}
html body.celestial-palace .cat-feature-cards{padding:23px 21px 22px!important;gap:13px!important;min-height:230px!important}
html body.celestial-palace .cat-feature-card{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  padding:10px 6px 12px!important;border:2px solid #d4aa76!important;
  border-radius:18px!important;
  background-image:linear-gradient(#fff9eddd,#fff2ecdf),var(--rich-flower)!important;
  background-size:cover,cover!important;background-position:center!important;
  box-shadow:0 0 0 4px #fff5e4 inset,0 5px 12px #8b627a27!important;
  transition:transform .18s ease, box-shadow .18s ease!important;
}
html body.celestial-palace .cat-feature-card::before{
  content:''!important;position:absolute!important;inset:1px!important;
  border:1px solid #d9b583!important;border-radius:15px!important;pointer-events:none!important;z-index:2!important;
}
html body.celestial-palace .cat-feature-card::after{
  content:''!important;position:absolute!important;right:-4px!important;bottom:-6px!important;
  width:54px!important;height:54px!important;background:var(--rich-corner) center/contain no-repeat!important;
  opacity:.35!important;pointer-events:none!important;z-index:1!important;
}
html body.celestial-palace .cat-feature-card img{
  display:block!important;margin:0 auto!important;max-width:100%!important;
  object-fit:cover!important;border:2px solid #d5ac75!important;border-radius:48% 48% 38% 38%!important;
  box-shadow:0 0 0 3px #fff7e8,0 3px 8px #85608030!important;
  mix-blend-mode:normal!important;
}
html body.celestial-palace .cat-feature-card strong{font-size:17px!important;color:#71436a!important}
html body.celestial-palace .cat-feature-card>span{color:#8b6a60!important}
html body.celestial-palace .cat-feature-card:hover{transform:translateY(-4px)}
/* 統一內頁各類大框：金色雙層邊、櫻花角、紙紋與月光。避免不同背景斷圖。 */
html body.celestial-palace :is(
 .panel,.match-form,.match-empty,.match-results,.wealth-input-card,.wealth-empty,.wealth-results,
 .wx-overview,.wx-card,.wx-pair-section,.astro-page-workspace,.astro-panel,
 .meihua-form,.meihua-results,.tarot-screen,.tarot-result,.tarot-history-wrap,
 .history-panel,.ai-qa,.card,.tarot-meaning-card,.wx-info-card,.wx-element,
 .cat-decor-strip,.cat-inner-ribbon,.match-pay-card,.annual-unlock-card,.wealth-gate-card){
  border-image:none!important;
  border:2px solid #cfaa7d!important;border-radius:22px!important;
  background-image:linear-gradient(130deg,rgba(255,250,241,.95),rgba(255,240,238,.92)),var(--rich-flower)!important;
  background-position:center!important;background-size:cover!important;
  box-shadow:0 0 0 4px rgba(255,255,242,.73) inset,0 0 0 7px rgba(201,157,111,.17) inset,0 8px 20px rgba(121,69,99,.13)!important;
}
html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel,.panel,.match-form,.wx-overview,.wealth-input-card,.meihua-form,.astro-page-workspace,.tarot-screen){overflow:visible!important}
/* 對內頁主標題使用空白金色飾牌（不用含印刷文字的圖片），保持可翻譯／可選取。 */
html body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero){
  border:2px solid #cda36f!important;border-radius:27px!important;
  background-image:linear-gradient(110deg,rgba(255,249,241,.82),rgba(255,249,237,.67)),var(--rich-flower)!important;
  background-position:center!important;background-size:cover!important;
  box-shadow:inset 0 0 0 6px rgba(255,253,241,.72),0 10px 22px rgba(97,59,89,.17)!important;
}
/* 五行頁：主插畫使用上傳圖三，與 HTML 文案區分，不把文字畫死。 */
html body.celestial-palace #wuxingView .wx-two-cats{
  position:relative;display:block!important;margin:18px 0 12px!important;
  border:2px solid #cfaa78;border-radius:24px;overflow:hidden;
  background:linear-gradient(145deg,#fff6e7,#f9e4ee);
  box-shadow:0 0 0 5px #fff9eab3 inset,0 8px 19px #91648c24;
}
html body.celestial-palace #wuxingView .wx-two-cats picture{display:block;width:100%}
html body.celestial-palace #wuxingView .wx-two-cats img{
  display:block;width:100%;height:auto;max-height:320px;object-fit:contain;object-position:center;
}
html body.celestial-palace #wuxingView .wx-two-cats figcaption{
  padding:9px 14px;text-align:center;color:#754e72;
  font:800 15px/1.65 'Noto Serif TC','Microsoft JhengHei',serif;
  background:linear-gradient(105deg,#fff7e5,#f7e6ef);
}
/* 五行既有七個導覽貓不動；五行頁的舊小圖條由新雙貓大圖取代。 */
html body.celestial-palace #wuxingView .wx-hero>.cat-inline-hero-media{display:none!important}
html body.celestial-palace #wuxingView .wx-elements,
html body.celestial-palace #wuxingView .wx-relation-grid{gap:10px!important}
html body.celestial-palace #wuxingView .wx-element{min-width:0;position:relative;padding:13px 8px!important}
html body.celestial-palace #wuxingView .wx-element:where(:hover,:focus-visible){outline:2px solid #bb8dce!important;outline-offset:2px}
/* 所有表單框與報告小卡也承接金線細節，但不蓋住表格、按鈕。 */
html body.celestial-palace :is(.section,.wx-info-grid>.wx-info-card,.wx-relation-grid>div,.match-summary-card,.tarot-meaning-card,.tarot-focus-card){
  border:1px solid #d8b88f!important;border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,252,246,.94),rgba(255,241,236,.90))!important;
  box-shadow:inset 0 0 0 3px #fff9e8,0 4px 13px #815c6920!important;
}
@media(max-width:900px){
 html body.celestial-palace .cat-section-heading{padding:10px 12px!important;flex-wrap:wrap!important}
 html body.celestial-palace .cat-section-heading>span{font-size:17px!important}
 html body.celestial-palace .cat-section-heading small,html body.celestial-palace #catDateLabel{font-size:12px!important;padding:3px 9px!important}
}
@media(max-width:620px){
 html body.celestial-palace .cat-home-extras{gap:19px!important}
 html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel){padding:6px!important;border-radius:21px!important}
 html body.celestial-palace .cat-section-heading{min-height:55px!important;padding:10px 11px!important;gap:8px!important;flex-wrap:nowrap!important}
 html body.celestial-palace .cat-section-heading>span{font-size:16px!important;white-space:nowrap}
 html body.celestial-palace .cat-section-heading small,html body.celestial-palace #catDateLabel{font-size:13px!important;line-height:1.4!important;padding:5px 8px!important}
 html body.celestial-palace .cat-daily-body{padding:15px 13px 17px!important;gap:10px!important;min-height:180px!important}
 html body.celestial-palace .cat-feature-cards{padding:18px 11px!important;gap:7px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html body.celestial-palace .cat-feature-card{padding:7px 3px 9px!important}
 html body.celestial-palace .cat-feature-card img{width:100%!important;max-height:110px!important}
 html body.celestial-palace .cat-feature-card strong{font-size:12px!important}
 html body.celestial-palace .cat-feature-card>span{font-size:9px!important}
 html body.celestial-palace #wuxingView .wx-two-cats{margin:13px 0 8px!important;border-radius:17px!important}
 html body.celestial-palace #wuxingView .wx-two-cats img{height:auto!important;max-height:none!important;object-fit:contain!important}
 html body.celestial-palace #wuxingView .wx-two-cats figcaption{font-size:13px!important}
 html body.celestial-palace :is(.panel,.match-form,.wealth-input-card,.wx-overview,.astro-page-workspace,.meihua-form,.tarot-screen,.card){padding:17px 13px!important}
}
@media(max-width:360px){
 html body.celestial-palace .cat-section-heading small,html body.celestial-palace #catDateLabel{font-size:12px!important;padding:4px 6px!important}
 html body.celestial-palace .cat-section-heading>span{font-size:15px!important}
 html body.celestial-palace #wuxingView .wx-two-cats img{height:auto!important}
}

/* 第二輪實際畫面核對：每日運勢貓咪不可撐開右側文字區。 */
html body.celestial-palace .cat-daily-body>img{
  display:block!important;flex:0 0 41%!important;width:41%!important;max-width:41%!important;
  height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;
  border:2px solid #d6aa78!important;border-radius:18px!important;
  box-shadow:0 0 0 3px #fff7ed,0 7px 13px rgba(102,73,80,.17)!important;
}
html body.celestial-palace .cat-daily-body>.cat-daily-content{min-width:0!important;flex:1 1 auto!important;max-width:59%!important;align-self:center!important}
html body.celestial-palace .cat-daily-content h2{font-size:clamp(18px,1.8vw,24px)!important;line-height:1.5!important;overflow-wrap:anywhere}
html body.celestial-palace .cat-feature-card strong,html body.celestial-palace .cat-feature-card>span{
 position:relative!important;z-index:4!important;text-shadow:0 1px 0 #fff9ed!important;
}
@media(max-width:620px){
 html body.celestial-palace .cat-daily-body>img{flex-basis:42%!important;width:42%!important;max-width:42%!important}
 html body.celestial-palace .cat-daily-body>.cat-daily-content{max-width:58%!important}
 html body.celestial-palace .cat-daily-content h2{font-size:20px!important}
 html body.celestial-palace .cat-gold-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;white-space:nowrap!important;padding:7px 9px!important}
}

/* SOURCE: wuxing-reference.css */
/* 喵說星語｜五行性格圖鑑・2026/11/06 正確參考圖完整整合
   使用使用者提供的五行插畫製作五個獨立互動卡片，並保留命盤與五行運算邏輯。
   必須最後載入：避免舊版全站框飾覆蓋。 */

html body.celestial-palace #wuxingView{--wx-gold:#d5ae7b;--wx-rose:#995f7d;--wx-purple:#744c81;--wx-ink:#755342;--wx-paper:#fff9f1;--wx-gilt:#e8c793;min-width:0;color:var(--wx-ink)}
/* 舊版錯誤雙貓太極主圖已退出這個分頁；保留其他六個入口及原五行入口的貓咪。 */
html body.celestial-palace #wuxingView>.wx-hero{display:none!important}

html body.celestial-palace #wuxingView>.wx-overview{
    isolation:isolate;position:relative;min-width:0;
    overflow:hidden!important;
    border:3px solid #d8ae7d!important;border-radius:23px!important;
    margin:12px 0 22px!important;padding:0 0 23px!important;
    background:linear-gradient(180deg,#fff5ed 0%,#fff9f2 63%,#fff5eb 100%)!important;
    box-shadow:inset 0 0 0 5px #fff9ee,inset 0 0 0 7px #e7c59e,0 10px 24px #8c5b7255!important;
}
html body.celestial-palace #wuxingView>.wx-overview::before{
    content:''!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;
    background:url('/assets/cat-theme/starlit-floral-pattern.svg') center top/340px auto repeat!important;
    opacity:.11!important;z-index:0!important;pointer-events:none!important;transform:none!important;
}
html body.celestial-palace #wuxingView>.wx-overview::after{
    content:'✿  ✦  🐾  ✦  ✿'!important;
    position:absolute!important;left:50%!important;right:auto!important;bottom:3px!important;top:auto!important;
    transform:translateX(-50%)!important;
    width:max-content!important;height:auto!important;
    background:none!important;color:#c89c77!important;font-size:14px!important;
    opacity:.65!important;pointer-events:none!important;
}
html body.celestial-palace #wuxingView>.wx-overview>*{position:relative;z-index:1}

/* 上半部一比一保留原圖紫金題匾、花枝、宮燈、木火土金水題字。 */
html body.celestial-palace #wuxingView .wx-reference-banner{
    display:block!important;position:relative!important;
    width:100%!important;max-width:none!important;
    padding:0!important;margin:0!important;gap:0!important;
    background:none!important;border:0!important;border-radius:0!important;
    overflow:hidden!important;line-height:0!important;
    box-shadow:none!important;text-align:center!important;
}
html body.celestial-palace #wuxingView .wx-reference-banner>img{
    display:block!important;width:100%!important;height:auto!important;
    aspect-ratio:942/256;object-fit:fill!important;
    border:0!important;margin:0!important;padding:0!important;max-width:none!important;
    border-radius:0!important;filter:none!important;
}
/* 卡片和參考圖完全一樣，但每張都是真實按鈕，並非整張無法操作的貼圖。 */
html body.celestial-palace #wuxingView .wx-elements{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;justify-items:stretch!important;
    gap:1.35%!important;
    padding:0 5.8% 10px!important;margin:-1px 0 4px!important;
    position:relative!important;z-index:2!important;
    background:linear-gradient(180deg,#fff3e9f5,#fff8f0e6)!important;
}
html body.celestial-palace #wuxingView .wx-element{
    display:block!important;position:relative!important;min-width:0!important;min-height:0!important;
    aspect-ratio:158/231!important;
    padding:0!important;margin:0!important;overflow:visible!important;
    border:none!important;border-radius:21px!important;
    background:transparent!important;color:#67465a!important;
    box-shadow:none!important;cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:transform .16s ease, filter .16s ease!important;
}
html body.celestial-palace #wuxingView .wx-element:before{display:none!important}
html body.celestial-palace #wuxingView .wx-element:after{
    content:''!important;display:block!important;
    position:absolute!important;inset:3px!important;
    border:2px solid transparent!important;
    border-radius:22px!important;
    pointer-events:none!important;box-shadow:none!important;
    background:none!important;width:auto!important;height:auto!important;
    opacity:1!important;filter:none!important;transform:none!important;
}
html body.celestial-palace #wuxingView .wx-element.is-active:after{
    border-color:#a874aa!important;box-shadow:0 0 0 2px #fff6e9,0 0 0 4px #b987aa66!important;
}
html body.celestial-palace #wuxingView .wx-element:hover{transform:translateY(-4px)!important;filter:brightness(1.04)!important}
html body.celestial-palace #wuxingView .wx-element:active{transform:translateY(0) scale(.965)!important}
html body.celestial-palace #wuxingView .wx-element:focus-visible{outline:3px solid #b17bba!important;outline-offset:3px!important}
html body.celestial-palace #wuxingView .wx-element-art{
    display:block!important;width:100%!important;height:100%!important;
    object-fit:fill!important;border:0!important;margin:0!important;
    border-radius:18px!important;background:transparent!important;
}
html body.celestial-palace #wuxingView .wx-element-art[hidden]{display:none!important}
html body.celestial-palace #wuxingView .wx-element-fallback{display:none!important}
html body.celestial-palace #wuxingView .wx-element.wx-art-missing .wx-element-fallback{
    display:grid!important;place-items:center!important;text-align:center!important;
    width:100%;height:100%;font:700 15px/1.6 'Noto Serif TC',serif;
    color:#774d69;background:#fff6ee;border:2px solid #dcb381;border-radius:20px;
}

/* 排盤前提示：不要讓通用五行解釋誤裝成已完成個人命盤。 */
html body.celestial-palace #wuxingView .wx-profile-status{
    margin:11px clamp(12px,3vw,34px) 13px!important;padding:12px 16px!important;
    border:1px solid #e7c997!important;border-radius:15px!important;
    background:#fffaf1eb!important;
    box-shadow:inset 0 0 0 3px #fff9ee!important;
    color:#765544!important;gap:8px!important;
}
html body.celestial-palace #wuxingView .wx-profile-status strong{font-weight:800!important;color:#784c6e!important}
html body.celestial-palace #wuxingView .wx-profile-status .wx-jump{
    border-radius:999px!important;border:1px solid #c69c66!important;
    background:linear-gradient(180deg,#fff9ed,#ffe9d6)!important;color:#7f5368!important;
    box-shadow:0 3px 7px #b67e8b22!important;
}
html body.celestial-palace #wuxingView .wx-personality{
    margin:0 clamp(12px,3vw,34px) 14px!important;
    padding:20px!important;overflow:hidden!important;
    border:2px solid #ddbf98!important;border-radius:23px!important;
    background:linear-gradient(150deg,#fffdf9ee,#fff5edee),url('/assets/celestial/flower-paper-panel.webp') center/cover!important;
    box-shadow:inset 0 0 0 5px #fff9ef,0 6px 14px #c7a0a622!important;
}
html body.celestial-palace #wuxingView .wx-personality .wx-personality-head h3,
html body.celestial-palace #wuxingView .wx-personality .wx-personality-mark{color:#764d73!important}
html body.celestial-palace #wuxingView .wx-personality .wx-info-card,
html body.celestial-palace #wuxingView .wx-generic-preview,
html body.celestial-palace #wuxingView .wx-focus,
html body.celestial-palace #wuxingView .wx-relation-chip{
    border:1px solid #e3bf9b!important;border-radius:16px!important;
    background:#fffaf4e8!important;
    box-shadow:inset 0 0 0 3px #fff9e8,0 4px 9px #a86e771a!important;
}
html body.celestial-palace #wuxingView .wx-info-card h4{color:#795064!important}

/* 雙人五行：與圖鑑同一套紫金花框，不使用過去的藍灰表單。 */
html body.celestial-palace #wuxingView .wx-pair,
html body.celestial-palace #wuxingView .wx-deep{
    position:relative!important;min-width:0!important;
    border:2px solid #d7ad81!important;border-radius:24px!important;
    background:linear-gradient(155deg,#fff8f3f5,#fff3e8f0),url('/assets/celestial/flower-paper-panel.webp') center/cover!important;
    box-shadow:inset 0 0 0 5px #fff9ec,0 11px 22px #a874882e!important;
}
html body.celestial-palace #wuxingView .wx-pair .wx-section-title,
html body.celestial-palace #wuxingView .wx-deep .wx-deep-head{
    position:relative!important;align-items:center!important;
    border-radius:18px!important;padding:14px 18px!important;
    border:1px solid #e5bd8f!important;
    background:linear-gradient(105deg,#fff8f2,#f8e4f2)!important;
    box-shadow:inset 0 0 0 3px #fff9ed!important;
}
html body.celestial-palace #wuxingView .wx-pair .wx-section-title h3,
html body.celestial-palace #wuxingView .wx-deep .wx-deep-head h3{color:#754872!important}
html body.celestial-palace #wuxingView .wx-pair .wx-section-title>div>span,
html body.celestial-palace #wuxingView .wx-deep .wx-deep-head span{color:#b07972!important}
html body.celestial-palace #wuxingView .wx-partner-form,
html body.celestial-palace #wuxingView .wx-partner-result{
    min-width:0!important;
    border:2px solid #dcb68a!important;border-radius:23px!important;
    padding:19px!important;
    background:linear-gradient(170deg,#fffcf7,#fff5ed)!important;
    box-shadow:inset 0 0 0 4px #fff9ee,0 8px 15px #a9798324!important;
}
html body.celestial-palace #wuxingView .wx-partner-form input,
html body.celestial-palace #wuxingView .wx-partner-form select{
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
    border:1px solid #d8b38e!important;border-radius:13px!important;
    background:#fffefa!important;color:#5e4851!important;
}
html body.celestial-palace #wuxingView .wx-partner-form .wx-primary,
html body.celestial-palace #wuxingView .wx-deep-button,
html body.celestial-palace #wuxingView .wx-pair-detail-more{
    border-radius:999px!important;border:2px solid #d5ad75!important;
    background:linear-gradient(120deg,#815188,#ad6385,#86507e)!important;
    color:#fff8e5!important;box-shadow:inset 0 0 0 2px #ffffff38,0 6px 10px #8e5b792e!important;
}
html body.celestial-palace #wuxingView .wx-pair-detail-hero{
    border-radius:20px!important;
    background:linear-gradient(125deg,#7d527c,#ae7d98)!important;
    border:1px solid #cba774!important;
}
html body.celestial-palace #wuxingView .wx-pair-detail-card,
html body.celestial-palace #wuxingView .wx-result-details .wx-info-card{
    border-radius:17px!important;border-color:#dfbd9a!important;
    background:#fffbf5!important;box-shadow:inset 0 0 0 3px #fff7ec!important;
}
html body.celestial-palace #wuxingView .wx-result-placeholder{min-height:245px!important;color:#795f6c!important}
html body.celestial-palace #wuxingView .wx-result-placeholder span{color:#d4a475!important;letter-spacing:.16em!important}
html body.celestial-palace #wuxingView .wx-result-placeholder strong{color:#795075!important}
html body.celestial-palace #wuxingView .wx-partner-token,
html body.celestial-palace #wuxingView .wx-relation-label{
    background:linear-gradient(145deg,#fffcf5,#f7ebf3)!important;
    border:1px solid #e7c69f!important;border-radius:15px!important;
}
html body.celestial-palace #wuxingView .wx-pair-detail-relation{background:#fff8e323!important}

@media(max-width:900px){
    html body.celestial-palace #wuxingView .wx-pair-main{grid-template-columns:1fr!important}
    html body.celestial-palace #wuxingView .wx-pair .wx-section-title{flex-direction:column!important;align-items:flex-start!important}
}
@media(max-width:620px){
    html body.celestial-palace #wuxingView>.wx-overview{margin:8px 0 14px!important;padding:0 0 15px!important;border-radius:17px!important;border-width:2px!important}
    html body.celestial-palace #wuxingView .wx-elements{gap:1.2%!important;padding:0 4.8% 7px!important}
    html body.celestial-palace #wuxingView .wx-element{border-radius:11px!important}
    html body.celestial-palace #wuxingView .wx-element-art{border-radius:8px!important}
    html body.celestial-palace #wuxingView .wx-element:after{inset:1px!important;border-radius:11px!important;border-width:1px!important}
    html body.celestial-palace #wuxingView .wx-profile-status{margin:12px 9px 11px!important;gap:6px!important;padding:12px!important}
    html body.celestial-palace #wuxingView .wx-profile-status .wx-jump{margin-left:0!important;width:100%!important}
    html body.celestial-palace #wuxingView .wx-personality{margin:0 9px 11px!important;padding:13px!important;border-radius:16px!important}
    html body.celestial-palace #wuxingView .wx-pair,html body.celestial-palace #wuxingView .wx-deep{padding:14px 12px!important;border-radius:17px!important}
    html body.celestial-palace #wuxingView .wx-partner-form,html body.celestial-palace #wuxingView .wx-partner-result{padding:12px!important;border-radius:16px!important}
    html body.celestial-palace #wuxingView .wx-pair-detail-hero{padding:16px!important}
}
@media(max-width:350px){
    html body.celestial-palace #wuxingView .wx-elements{gap:.75%!important;padding-left:3.6%!important;padding-right:3.6%!important}
}
@media(prefers-reduced-motion:reduce){
    html body.celestial-palace #wuxingView .wx-element{transition:none!important}
}

/* v28｜依使用者範例重整五行頁：恢復上方題圖、五行靈貓主卡、晶球提示列與大按鈕。 */
html body.celestial-palace #wuxingView>.wx-hero.wx-reference-hero{
    display:block!important;position:relative!important;overflow:hidden!important;
    margin:10px 0 16px!important;padding:20px 18px 16px!important;
    border:2px solid #ddb88b!important;border-radius:26px!important;
    background:
      linear-gradient(180deg,rgba(255,250,244,.76),rgba(255,248,240,.70)),
      url('/assets/cat-theme/decor-cloud-city.webp') center top/cover no-repeat!important;
    box-shadow:inset 0 0 0 5px #fff8ec,0 10px 26px #bf93a43b!important;
}
html body.celestial-palace #wuxingView>.wx-hero.wx-reference-hero::before{
    content:'';position:absolute;inset:0;
    background:
      url('/assets/cat-theme/cherry-corner.webp') left top/240px auto no-repeat,
      url('/assets/cat-theme/cherry-corner.webp') right top/240px auto no-repeat;
    pointer-events:none;opacity:.88;
}
html body.celestial-palace #wuxingView .wx-reference-scene{
    position:relative;z-index:1;
    min-height:240px;padding:18px 24px 22px;
    display:grid;place-items:center;text-align:center;
    background:linear-gradient(180deg,rgba(255,248,240,.18),rgba(255,252,248,.12));
}
html body.celestial-palace #wuxingView .wx-reference-seal{
    position:absolute;left:12px;top:18px;display:grid;place-items:center;
    width:120px;height:120px;border-radius:999px;
    font:800 76px/1 'Noto Serif TC',serif;color:#9d6a40;
    background:radial-gradient(circle at 45% 42%,#fffef8 0,#fff5e6 56%,#f3dfc0 75%,#e0bd8d 100%);
    border:3px solid #d8b07d;box-shadow:0 0 0 6px #fff8ea,inset 0 0 0 2px #f5e5c9,0 6px 18px #bb8d6a33;
}
html body.celestial-palace #wuxingView .wx-reference-copy{max-width:820px;padding:10px 0 0}
html body.celestial-palace #wuxingView .wx-reference-copy .wx-eyebrow{
    margin:0 0 10px;color:#9f7b56;letter-spacing:.08em;font-weight:700
}
html body.celestial-palace #wuxingView .wx-reference-copy h2{
    margin:0;font:800 clamp(34px,4.1vw,58px)/1.14 'Noto Serif TC',serif;color:#7f4f62;
    text-shadow:0 1px 0 #fff7ef;
}
html body.celestial-palace #wuxingView .wx-reference-copy p{
    margin:10px auto 0;max-width:760px;font-size:20px;line-height:1.8;color:#765447;
}
html body.celestial-palace #wuxingView .wx-reference-divider{
    margin-top:18px;color:#b08a63;font-size:22px;letter-spacing:.18em
}

html body.celestial-palace #wuxingView>.wx-overview{
    padding:0 0 24px!important;
}
html body.celestial-palace #wuxingView .wx-feature-card{
    margin:18px clamp(14px,3vw,34px) 18px!important;
    display:grid;grid-template-columns:minmax(210px,295px) minmax(0,1fr);align-items:center;gap:22px;
    border:2px solid #dbb384;border-radius:24px;padding:18px 20px!important;
    background:linear-gradient(180deg,#fffaf2 0%,#fff5ea 100%)!important;
    box-shadow:inset 0 0 0 5px #fff9ef,0 8px 18px #bf92a72a!important;
}
html body.celestial-palace #wuxingView .wx-feature-visual{
    position:relative;border-radius:22px;padding:8px;background:radial-gradient(circle at 50% 35%,#fffdf9 0,#fff5e9 68%,#f0d8b3 100%);
    border:2px solid #e2be92;box-shadow:inset 0 0 0 4px #fff8eb;
}
html body.celestial-palace #wuxingView .wx-feature-visual img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 16px #c48d6a30)}
html body.celestial-palace #wuxingView .wx-feature-copy{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
html body.celestial-palace #wuxingView .wx-feature-pill{
    display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;
    color:#fff4df;font-weight:800;letter-spacing:.08em;background:linear-gradient(180deg,#8f5c97,#7e4d88);
    border:2px solid #d7b279;box-shadow:inset 0 0 0 2px #ffffff24,0 6px 12px #8b64772b;
}
html body.celestial-palace #wuxingView .wx-feature-copy h3{
    margin:0;color:#7f475f;font:800 clamp(28px,3vw,48px)/1.12 'Noto Serif TC',serif;
}
html body.celestial-palace #wuxingView .wx-feature-copy p{
    margin:0;max-width:540px;color:#765446;font-size:27px;line-height:1.7;
}

html body.celestial-palace #wuxingView .wx-reference-banner{margin-top:4px!important}
html body.celestial-palace #wuxingView .wx-guide-strip{
    margin:16px clamp(14px,3vw,34px) 10px!important;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
}
html body.celestial-palace #wuxingView .wx-guide-note{
    flex:1 1 340px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:18px;
    border:1px solid #e0bb8b;background:linear-gradient(180deg,#fffdf7,#fff5e9);
    box-shadow:inset 0 0 0 4px #fff9f0,0 6px 12px #c9978f1c;color:#735141;font-weight:700;
}
html body.celestial-palace #wuxingView .wx-guide-orb{
    flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
    background:radial-gradient(circle at 35% 30%,#cfa9ff 0,#9f78df 36%,#7a5aaf 68%,#5e467b 100%);
    box-shadow:0 0 0 3px #fff0fa,inset 0 0 18px rgba(255,255,255,.22);
    font-size:18px;
}
html body.celestial-palace #wuxingView .wx-guide-button{
    flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:280px;
    padding:16px 28px;border-radius:999px;border:2px solid #d7af78;background:linear-gradient(180deg,#8c5a97,#7b4d88);color:#fff6e4;
    font:800 26px/1.1 'Noto Serif TC',serif;box-shadow:inset 0 0 0 2px #ffffff2b,0 10px 18px #8b647f35;
}
html body.celestial-palace #wuxingView .wx-guide-button:hover{filter:brightness(1.04)}
html body.celestial-palace #wuxingView .wx-guide-button.hidden{display:none!important}

html body.celestial-palace #wuxingView .wx-personality.hidden{display:none!important}

@media(max-width:900px){
  html body.celestial-palace #wuxingView .wx-feature-card{grid-template-columns:1fr;justify-items:center;text-align:center}
  html body.celestial-palace #wuxingView .wx-feature-copy{align-items:center}
  html body.celestial-palace #wuxingView .wx-feature-copy p{max-width:unset}
  html body.celestial-palace #wuxingView .wx-reference-seal{position:relative;left:auto;top:auto;margin:0 auto 14px}
  html body.celestial-palace #wuxingView .wx-reference-scene{padding-top:12px}
}
@media(max-width:620px){
  html body.celestial-palace #wuxingView>.wx-hero.wx-reference-hero{margin:8px 0 12px!important;padding:10px 8px 8px!important;border-radius:18px!important}
  html body.celestial-palace #wuxingView .wx-reference-scene{min-height:auto;padding:8px 8px 14px}
  html body.celestial-palace #wuxingView .wx-reference-seal{width:88px;height:88px;font-size:54px;margin-bottom:10px;box-shadow:0 0 0 4px #fff8ea,inset 0 0 0 2px #f5e5c9,0 4px 10px #bb8d6a33}
  html body.celestial-palace #wuxingView .wx-reference-copy .wx-eyebrow{font-size:12px;margin-bottom:6px}
  html body.celestial-palace #wuxingView .wx-reference-copy h2{font-size:clamp(24px,8vw,38px)}
  html body.celestial-palace #wuxingView .wx-reference-copy p{font-size:15px;line-height:1.7;padding:0 4px}
  html body.celestial-palace #wuxingView .wx-reference-divider{font-size:16px;margin-top:10px}
  html body.celestial-palace #wuxingView .wx-feature-card{margin:12px 9px 12px!important;padding:12px 12px 14px!important;border-radius:16px!important;gap:12px}
  html body.celestial-palace #wuxingView .wx-feature-visual{max-width:240px;padding:6px;border-radius:16px}
  html body.celestial-palace #wuxingView .wx-feature-pill{padding:8px 16px;font-size:14px}
  html body.celestial-palace #wuxingView .wx-feature-copy h3{font-size:18px}
  html body.celestial-palace #wuxingView .wx-feature-copy p{font-size:14px;line-height:1.7}
  html body.celestial-palace #wuxingView .wx-guide-strip{margin:12px 9px 8px!important;gap:10px}
  html body.celestial-palace #wuxingView .wx-guide-note{padding:12px 14px;border-radius:14px;font-size:13px}
  html body.celestial-palace #wuxingView .wx-guide-orb{width:30px;height:30px;font-size:15px}
  html body.celestial-palace #wuxingView .wx-guide-button{width:100%;min-width:0;padding:14px 20px;font-size:16px}
}

/* v29 精準行動版：與使用者五行範例同樣採連續水彩卷軸，不再分離堆疊三個大卡片。
   本段只限定 #wuxingView，保留五行選擇、本人八字與配對運算的 DOM ID。 */
html body.celestial-palace #wuxingView.wuxing-view{
  position:relative!important;isolation:isolate;overflow:hidden!important;
  margin:14px 0 22px!important;padding:0 0 18px!important;
  border:3px solid #d7ae7c!important;border-radius:26px!important;
  background:
    linear-gradient(180deg,rgba(255,247,238,.14),rgba(255,250,241,.70) 39%,rgba(255,247,236,.88) 100%),
    url('/assets/cat-theme/decor-cloud-city.webp') center top/cover no-repeat!important;
  box-shadow:0 14px 34px #9a6f7828,inset 0 0 0 5px #fff8eacc,inset 0 0 0 8px #d5aa796a!important;
}
html body.celestial-palace #wuxingView.wuxing-view::before{
  content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.55;
  background:
    url('/assets/cat-theme/cherry-corner.webp') left top/230px auto no-repeat,
    url('/assets/cat-theme/starlit-floral-pattern.svg') center top/520px auto repeat-y,
    url('/assets/cat-theme/cherry-corner.webp') right bottom/200px auto no-repeat;
}
html body.celestial-palace #wuxingView.wuxing-view::after{
  content:'';position:absolute;z-index:2;bottom:0;right:0;pointer-events:none;
  width:130px;height:162px;
  background:url('/assets/wuxing-reference/sleeping-cat-books.png') right bottom/contain no-repeat;
}
html body.celestial-palace #wuxingView>.wx-hero.wx-reference-hero{
  display:block!important;overflow:visible!important;
  margin:0!important;padding:18px 18px 11px!important;
  border:0!important;border-radius:0!important;
  background:linear-gradient(180deg,#fff9f1b4,#fff9f166)!important;
  box-shadow:none!important;
}
html body.celestial-palace #wuxingView>.wx-hero.wx-reference-hero::before{
  content:''!important;position:absolute;inset:0;opacity:.6;pointer-events:none;
  background:url('/assets/cat-theme/cherry-corner.webp') left top/190px auto no-repeat;
}
html body.celestial-palace #wuxingView .wx-reference-scene{
  display:grid!important;grid-template-columns:clamp(100px,20%,168px) minmax(0,1fr)!important;
  align-items:center!important;gap:12px!important;justify-content:stretch!important;
  min-height:0!important;margin:0 auto!important;padding:8px 6px 12px!important;
  text-align:left!important;background:transparent!important;
  max-width:1080px;
}
html body.celestial-palace #wuxingView .wx-reference-seal{
  position:relative!important;top:auto!important;left:auto!important;grid-column:1!important;
  width:clamp(100px,12vw,160px)!important;height:clamp(100px,12vw,160px)!important;
  margin:0 auto!important;box-shadow:0 0 0 5px #fff8e9aa,inset 0 0 0 2px #f5e5c9,0 6px 18px #bb8d6a33!important;
  font-size:clamp(61px,7vw,94px)!important;
}
html body.celestial-palace #wuxingView .wx-reference-copy{
  grid-column:2!important;max-width:unset!important;padding:0!important;
}
html body.celestial-palace #wuxingView .wx-reference-copy .wx-eyebrow{
  font-size:clamp(10px,1.16vw,14px)!important;line-height:1.45!important;margin:0 0 5px!important;
  color:#a47754!important;letter-spacing:.06em!important;
}
html body.celestial-palace #wuxingView .wx-reference-copy h2{
  font-size:clamp(22px,3vw,42px)!important;line-height:1.35!important;letter-spacing:.025em!important;
  color:#8b535e!important;margin:0!important;text-wrap:balance;
}
html body.celestial-palace #wuxingView .wx-reference-copy p:not(.wx-eyebrow){
  font-size:clamp(12px,1.3vw,17px)!important;line-height:1.62!important;
  margin:6px 0 0!important;padding:0!important;color:#805f59!important;
}
html body.celestial-palace #wuxingView .wx-reference-divider{margin:3px 0 0!important;font-size:14px!important}
html body.celestial-palace #wuxingView>.wx-overview{
  border:0!important;border-radius:0!important;margin:0!important;padding:0 0 130px!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
html body.celestial-palace #wuxingView>.wx-overview::before{
  content:''!important;inset:0!important;pointer-events:none!important;
  opacity:.1!important;background:url('/assets/cat-theme/starlit-floral-pattern.svg') center top/350px auto repeat!important;
}
html body.celestial-palace #wuxingView>.wx-overview::after{content:none!important;display:none!important}
html body.celestial-palace #wuxingView .wx-feature-card{
  position:relative!important;grid-template-columns:minmax(180px,.44fr) minmax(0,.56fr)!important;
  gap:16px!important;align-items:center!important;
  margin:0 12px!important;padding:9px 20px 10px 10px!important;
  border:3px solid #daa76c!important;border-radius:23px!important;
  background:
    radial-gradient(circle at 20% 25%,rgba(244,222,226,.45),transparent 45%),
    linear-gradient(180deg,rgba(255,251,246,.90),rgba(255,242,238,.88))!important;
  box-shadow:inset 0 0 0 4px #fff7ea,inset 0 0 0 6px #f0d1a5,0 6px 15px #c28f9033!important;
}
html body.celestial-palace #wuxingView .wx-feature-visual{
  height:auto!important;max-width:295px!important;min-width:0!important;
  border:0!important;border-radius:50%!important;padding:0!important;
  background:transparent!important;box-shadow:none!important;
  mask-image:radial-gradient(ellipse 67% 62% at 50% 51%,#000 53%,transparent 99%);
  -webkit-mask-image:radial-gradient(ellipse 67% 62% at 50% 51%,#000 53%,transparent 99%);
}
html body.celestial-palace #wuxingView .wx-feature-visual img{height:238px!important;width:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important}
html body.celestial-palace #wuxingView .wx-feature-copy{align-items:flex-start!important;gap:5px!important;text-align:left!important;min-width:0!important}
html body.celestial-palace #wuxingView .wx-feature-pill{
  font-size:clamp(11px,1vw,15px)!important;line-height:1.2!important;padding:7px 15px!important;
}
html body.celestial-palace #wuxingView .wx-feature-copy h3{font-size:clamp(22px,3vw,39px)!important;line-height:1.3!important;margin:3px 0!important}
html body.celestial-palace #wuxingView .wx-feature-copy p{font-size:clamp(13px,1.8vw,21px)!important;line-height:1.63!important;color:#875e53!important}
html body.celestial-palace #wuxingView .wx-reference-banner{
  margin:8px 0 0!important;padding:0!important;line-height:0!important;
}
html body.celestial-palace #wuxingView .wx-elements{
  background:transparent!important;padding:0 5.2% 4px!important;margin:-2px 0 0!important;
}
html body.celestial-palace #wuxingView .wx-guide-strip{
  position:relative;z-index:1;display:flex!important;flex-direction:column!important;align-items:stretch!important;
  margin:5px clamp(9px,2.7vw,28px) 0!important;padding:0!important;gap:10px!important;
  max-width:calc(100% - 136px)!important;
}
html body.celestial-palace #wuxingView .wx-guide-note{
  flex:0 0 auto!important;min-height:44px!important;padding:7px 11px!important;border-radius:13px!important;
  font-size:clamp(11px,1.2vw,15px)!important;line-height:1.6!important;
}
html body.celestial-palace #wuxingView .wx-guide-orb{width:29px!important;height:29px!important}
html body.celestial-palace #wuxingView .wx-guide-button{
  min-width:0!important;width:100%!important;min-height:50px!important;
  font-size:clamp(16px,1.8vw,23px)!important;padding:12px 14px!important;
}
html body.celestial-palace #wuxingView .wx-personality:not(.hidden){
  position:relative;z-index:3;margin:24px 14px 0!important;
}
html body.celestial-palace #wuxingView .wx-profile-status:not(.hidden){margin:14px 14px 0!important}

@media(max-width:620px){
  html body.celestial-palace #wuxingView.wuxing-view{margin:10px 0 16px!important;border-radius:20px!important}
  html body.celestial-palace #wuxingView>.wx-hero.wx-reference-hero{padding:7px 6px 5px!important}
  html body.celestial-palace #wuxingView .wx-reference-scene{
    grid-template-columns:clamp(87px,24vw,123px) minmax(0,1fr)!important;
    gap:8px!important;padding:10px 10px 12px!important;min-height:0!important;
  }
  html body.celestial-palace #wuxingView .wx-reference-seal{
    width:clamp(80px,23vw,119px)!important;height:clamp(80px,23vw,119px)!important;font-size:clamp(55px,13vw,81px)!important;
  }
  html body.celestial-palace #wuxingView .wx-reference-copy{text-align:left!important}
  html body.celestial-palace #wuxingView .wx-reference-copy .wx-eyebrow{font-size:10px!important}
  html body.celestial-palace #wuxingView .wx-reference-copy h2{font-size:clamp(19px,4.1vw,25px)!important;line-height:1.3!important}
  html body.celestial-palace #wuxingView .wx-reference-copy p:not(.wx-eyebrow){font-size:clamp(10px,2.23vw,12px)!important;line-height:1.6!important}
  html body.celestial-palace #wuxingView .wx-reference-divider{margin:3px 0 0!important;font-size:11px!important}
  html body.celestial-palace #wuxingView .wx-feature-card{
    grid-template-columns:clamp(135px,40%,205px) minmax(0,1fr)!important;gap:8px!important;
    min-height:0!important;margin:0 6px!important;padding:9px 9px 9px 1px!important;border-radius:18px!important;
    justify-items:stretch!important;text-align:left!important;
  }
  html body.celestial-palace #wuxingView .wx-feature-visual{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  html body.celestial-palace #wuxingView .wx-feature-visual img{width:100%!important;height:clamp(164px,38vw,214px)!important;object-fit:contain!important}
  html body.celestial-palace #wuxingView .wx-feature-copy{gap:4px!important;align-items:flex-start!important;text-align:left!important}
  html body.celestial-palace #wuxingView .wx-feature-pill{font-size:clamp(9px,2.2vw,12px)!important;padding:5px 9px!important;white-space:nowrap}
  html body.celestial-palace #wuxingView .wx-feature-copy h3{font-size:clamp(19px,4.2vw,27px)!important;white-space:normal}
  html body.celestial-palace #wuxingView .wx-feature-copy p{font-size:clamp(12px,2.75vw,15px)!important;line-height:1.62!important}
  html body.celestial-palace #wuxingView .wx-reference-banner{margin:3px 0 0!important}
  html body.celestial-palace #wuxingView .wx-elements{padding:0 4% 3px!important}
  html body.celestial-palace #wuxingView .wx-guide-strip{
    max-width:calc(100% - 116px)!important;
    margin:7px 11px 0!important;gap:9px!important;
  }
  html body.celestial-palace #wuxingView .wx-guide-note{padding:7px 8px!important;font-size:clamp(10px,2.35vw,12px)!important;line-height:1.45!important}
  html body.celestial-palace #wuxingView .wx-guide-orb{width:25px!important;height:25px!important;font-size:13px!important}
  html body.celestial-palace #wuxingView .wx-guide-button{width:100%!important;font-size:clamp(14px,3.5vw,18px)!important;padding:11px 5px!important}
  html body.celestial-palace #wuxingView>.wx-overview{padding-bottom:62px!important}
  html body.celestial-palace #wuxingView.wuxing-view::after{width:100px;height:125px;background-size:contain;}
}
/* v29 視覺核對：全頁場景按自然比例顯示；底部貓咪不被舊版 ::after 規則關閉 */
html body.celestial-palace #wuxingView.wuxing-view{
  background:
    linear-gradient(180deg,rgba(255,248,241,.82),rgba(255,250,244,.92) 45%,#fff5ea 100%),
    url('/assets/cat-theme/decor-cloud-city.webp') center top/100% auto no-repeat!important;
}
html body.celestial-palace #wuxingView.wuxing-view::after{
  content:''!important;display:block!important;position:absolute!important;
  bottom:0!important;right:0!important;left:auto!important;top:auto!important;
  width:130px!important;height:162px!important;
  background:url('/assets/wuxing-reference/sleeping-cat-books.png') right bottom/contain no-repeat!important;
  opacity:1!important;transform:none!important;pointer-events:none!important;
}
@media(max-width:620px){
  html body.celestial-palace #wuxingView.wuxing-view::after{width:105px!important;height:132px!important}
}
/* v29 最終 QA：不透出全站底圖、修正手機底部提示與裝飾重疊 */
html body.celestial-palace #wuxingView.wuxing-view{
  background:
    url('/assets/cat-theme/decor-cloud-city.webp') center top/100% auto no-repeat,
    linear-gradient(180deg,#fff9f2 0%,#fff7ef 42%,#fff3e9 100%)!important;
}
html body.celestial-palace #wuxingView>.wx-overview{padding-bottom:80px!important}
html body.celestial-palace #wuxingView .wx-footer-note{
  position:relative!important;z-index:3!important;
  max-width:calc(100% - 164px)!important;
  margin:4px auto 10px 18px!important;
  text-align:left!important;line-height:1.6!important;color:#998477!important;
}
@media(max-width:620px){
  html body.celestial-palace #wuxingView>.wx-overview{padding-bottom:38px!important}
  html body.celestial-palace #wuxingView .wx-footer-note{
    margin:8px auto 10px 12px!important;
    max-width:calc(100% - 126px)!important;
    font-size:10px!important;
  }
}
/* v29 接縫修正：原本 cherry-corner.webp 有實底，不能直接拼貼到卷軸右下角 */
html body.celestial-palace #wuxingView.wuxing-view::before{
  background:
    url('/assets/wuxing-reference/cherry-soft-v82.webp') left top/180px auto no-repeat,
    url('/assets/cat-theme/starlit-floral-pattern.svg') center top/520px auto repeat-y!important;
  opacity:.5!important;
}
html body.celestial-palace #wuxingView>.wx-hero.wx-reference-hero::before{
  background:url('/assets/wuxing-reference/cherry-soft-v82.webp') left top/150px auto no-repeat!important;
}

/* SOURCE: ornate-unified.css */
/* 喵說星語・2026-11-06 全站視覺重新整合 v7
   最後載入本樣式：移除舊版重複宮殿背景，避免假圖截斷、標籤被花框蓋住。
   原本命理、會員、付款 JS 與七個功能入口貓咪圖檔保持不動。 */
:root {
  --mu-bg:url('/assets/ornate-unified/single-scene.webp');
  --mu-border:url('/assets/ornate-unified/frame-grand.webp');
  --mu-border-mini:url('/assets/ornate-unified/frame-celebrate.webp');
  --mu-plum:#74416f;--mu-gold:#d0a05e;--mu-rose:#ad6d77;--mu-ink:#583c51;
  --mu-paper:rgba(255,250,239,.95);
}
html {background:#f8e6df!important}
html body.celestial-palace {
  position:relative!important;isolation:isolate!important;
  background:transparent!important;
  color:var(--mu-ink)!important;
  min-height:100vh;
}
/* 只鋪一張圖，對應整個可視畫面；不 repeat-y、不使用拼接圖。 */
html body.celestial-palace::before {
  content:""!important;display:block!important;position:fixed!important;inset:0!important;
  background-image:var(--mu-bg)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  pointer-events:none!important;z-index:-1!important;
}
html body.celestial-palace::after{display:none!important;content:none!important}
html body.celestial-palace .shell{
  background:rgba(255,249,240,.65)!important;
  backdrop-filter:blur(3px);
  border-color:#e6c99e!important;
  box-shadow:0 10px 45px rgba(107,64,94,.12)!important;
}
html body.celestial-palace :is(.top,header.top#catTop){
  background:linear-gradient(110deg,rgba(255,250,242,.97),rgba(255,234,245,.92))!important;
  border-bottom:2px solid #dab681!important;
}
/* 主視覺：讓原綠眼命理師與小橘貓佔約 2/3，保留真實可操作表單。 */
html body.celestial-palace .hero.cat-hero#homeHero{
  position:relative!important;overflow:hidden!important;
  padding:0 22px 26px!important;
  margin:0 0 23px!important;
  border:2px solid #d5a366!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,rgba(255,248,239,.12) 0%,rgba(255,246,235,.84) 70%,rgba(255,247,236,.96) 100%)!important;
  box-shadow:inset 0 0 0 7px #fff6e4b0,0 12px 28px #7e506934!important;
}
html body.celestial-palace #homeHero .cat-hero-art,
html body.celestial-palace #homeHero .cat-hero-art.lm-palace-scene{
  height:clamp(390px,45vw,610px)!important;
  min-height:390px!important;
  aspect-ratio:auto!important;
  margin:0 -22px!important;
  width:calc(100% + 44px)!important;
  position:relative!important;
  background-image:url('/assets/cat-theme/reference-cat-scene.webp')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  filter:saturate(1.06)!important;
  mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%)!important;
}
html body.celestial-palace #homeHero .cat-hero-art::after{content:none!important}
html body.celestial-palace #homeHero .cat-hero-copy{
  position:relative!important;max-width:870px!important;
  margin:-36px auto 0!important;padding:0 0 5px!important;
  background:transparent!important;
}
html body.celestial-palace #homeHero .cat-hero-copy::before{content:none!important}
html body.celestial-palace #homeHero h1#catHeroTitle{
  color:#75396a!important;
  text-shadow:0 2px 0 #fffaf0!important;
  filter:drop-shadow(0 3px 3px #be98723c)!important;
}
html body.celestial-palace #homeHero .cat-kicker{
  color:#94633f!important;text-shadow:0 1px 0 white!important;
  margin:7px 0 2px!important;
}
html body.celestial-palace #homeHero .cat-hero-subtitle{margin-bottom:22px!important;color:#795b55!important}
html body.celestial-palace #homeHero .cat-quick-form{
  border:9px solid transparent!important;
  border-image-source:var(--mu-border)!important;
  border-image-slice:80 85 70 85!important;
  border-image-width:19px!important;
  border-image-repeat:stretch!important;
  outline:0!important;border-radius:24px!important;
  padding:36px 24px 19px!important;
  max-width:810px!important;
  background:linear-gradient(145deg,rgba(255,250,242,.97),rgba(255,241,229,.97))!important;
  box-shadow:0 9px 22px #a36f6c22!important;
}
html body.celestial-palace #homeHero .cat-quick-ribbon{
  z-index:4!important;box-shadow:0 0 0 3px #fff0d6,0 4px 8px #91687d38!important;
  background:linear-gradient(150deg,#8a5c96,#633d73)!important;
}
html body.celestial-palace #homeHero .cat-quick-field>label{color:#724d43!important;font-weight:800!important}
html body.celestial-palace #homeHero .cat-native-input input,
html body.celestial-palace #homeHero .cat-quick-field select{
  background:#fffcf8!important;border:1px solid #cda77c!important;
  box-shadow:inset 0 2px 5px rgba(153,93,90,.07)!important;
}
/* 全站底圖是單一畫面，內容卡只使用米白透明宣紙，不再貼第二張宮殿背景。 */
html body.celestial-palace :is(.panel,.form-panel,.result-panel,.match-form,.match-empty,.match-result,.match-score-panel,.match-chart-card,.match-paywall,.wealth-input-card,.wealth-empty,.wealth-result,.wealth-paywall,.wealth-results,.wx-overview,.wx-pair,.wx-deep,.astro-page-workspace,.astro-panel,.meihua-form,.meihua-results,.tarot-screen,.tarot-result,.tarot-history-wrap,.history-panel,.ai-qa,.card,.cat-daily-feature,.cat-feature-panel,.annual-paywall,.annual-unlock-card,.match-pay-card,.wealth-gate-card) {
  background:linear-gradient(140deg,rgba(255,251,245,.97),rgba(255,242,237,.94))!important;
  box-shadow:inset 0 0 0 4px rgba(255,253,244,.72),0 8px 23px rgba(119,79,103,.15)!important;
  border-radius:22px!important;
  border:11px solid transparent!important;
  border-image-source:var(--mu-border)!important;
  border-image-slice:72 75 72 75!important;
  border-image-width:24px!important;
  border-image-repeat:stretch!important;
  outline:0!important;
}
/* 注意：取消舊版覆蓋文字的整幅框線遮罩，邊框改由 border-image 外圈繪製。 */
html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel)::before,
html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel)::after {
  content:none!important;display:none!important;
}
html body.celestial-palace .cat-home-extras{gap:18px!important;margin:10px 0 30px!important}
html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel){
  min-width:0!important;overflow:hidden!important;
  padding:0!important;
}
/* 標籤左右各保留安全邊距，避免四角花朵與日期重疊。 */
html body.celestial-palace .cat-section-heading {
  position:relative!important;z-index:2!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:9px!important;min-height:65px!important;
  padding:12px 30px 13px!important;
  background:linear-gradient(95deg,#fff3e8,#fbe9f3)!important;
  border:0!important;border-bottom:2px solid #e5c29c!important;
  color:#6c406b!important;text-shadow:none!important;
}
html body.celestial-palace .cat-section-heading::before,
html body.celestial-palace .cat-section-heading::after {content:'✿'!important;display:block!important;position:absolute!important;top:2px!important;color:#d9a35b!important;opacity:.65!important;font-size:14px!important;pointer-events:none!important}
html body.celestial-palace .cat-section-heading::before{left:8px!important}
html body.celestial-palace .cat-section-heading::after{right:8px!important}
html body.celestial-palace .cat-section-heading>span{
  position:relative!important;z-index:3!important;flex:0 1 auto!important;min-width:0!important;
  color:#743e70!important;font-weight:900!important;font-size:clamp(16px,1.7vw,22px)!important;
  white-space:nowrap!important;
}
html body.celestial-palace .cat-section-heading small,
html body.celestial-palace #catDateLabel{
  position:relative!important;z-index:3!important;
  max-width:55%!important;margin:0!important;flex-shrink:1!important;
  background:#fffaf2!important;color:#613e54!important;
  font-size:clamp(10px,1.1vw,13px)!important;font-weight:800!important;
  line-height:1.6!important;padding:5px 9px!important;
  border:1px solid #d4a56f!important;border-radius:99px!important;
  text-align:center!important;white-space:nowrap!important;
}
html body.celestial-palace .cat-daily-body{
  background:rgba(255,248,242,.84)!important;
  padding:19px 22px 22px!important;
}
html body.celestial-palace .cat-feature-cards{
  background:rgba(255,248,240,.8)!important;
  padding:19px 18px 20px!important;
}
/* 所有中小卡片都有真實花邊，並留出文字安全區域。 */
html body.celestial-palace :is(.cat-feature-card,.wx-info-card,.wx-relation-chip,.wx-partner-form,.wx-partner-result,.wx-pair-detail-card,.wx-pair-detail-evidence,.match-partner,.match-paid-preview,.match-paid-heading,.match-chart-card,.match-score-panel,.wealth-stat,.wealth-summary,.wealth-feature,.tarot-meaning-card,.tarot-focus-card,.tarot-info-card,.astro-reading,.astro-details,.astro-cusp-card,.meihua-line,.meihua-reading,.ai-report-section,.annual-card,.annual-signal,.stat,.field-group,.section,.match-paid-banner,.wx-generic-preview){
  position:relative!important;min-width:0!important;
  border:7px solid transparent!important;
  border-image-source:var(--mu-border-mini)!important;
  border-image-slice:35 65 35 65!important;
  border-image-width:13px!important;
  border-image-repeat:stretch!important;
  background:linear-gradient(145deg,#fffbf5,#fff4ed)!important;
  border-radius:16px!important;
  box-shadow:inset 0 0 0 2px #fff8ece9,0 5px 14px #9e61741c!important;
}
html body.celestial-palace .cat-feature-card{padding:10px 9px 14px!important}
html body.celestial-palace .cat-feature-card::before,
html body.celestial-palace .cat-feature-card::after{display:none!important;content:none!important}
/* 正常焦點態/點擊態仍保留 */
html body.celestial-palace :is(.cat-feature-card,.wx-element,.fortune-tab):hover{filter:brightness(1.035)}
html body.celestial-palace :is(.cat-feature-card,.wx-element,.fortune-tab):focus-visible{outline:3px solid #9265a7!important;outline-offset:3px!important}
/* 有插畫的主題卡：主體不再截斷到不同圖片拼接。 */
html body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero){
  overflow:hidden!important;
  padding:38px clamp(24px,5vw,72px)!important;
  border:13px solid transparent!important;
  border-image-source:var(--mu-border)!important;
  border-image-slice:75 75 75 75!important;
  border-image-width:28px!important;
  border-image-repeat:stretch!important;
  border-radius:25px!important;
  background:linear-gradient(135deg,rgba(255,249,240,.96),rgba(255,234,238,.96))!important;
  box-shadow:0 12px 28px #96637627!important;
}
/* 合盤：更喜氣，艷紅金線、囍字、花枝；依然用原本合盤貓素材。 */
html body.celestial-palace #matchView .match-hero{
  border-image-source:url('/assets/ornate-unified/love-ornate.webp')!important;
  border-image-slice:125 130 125 130!important;
  border-image-width:40px!important;
  background:linear-gradient(115deg,#fff8eef4,#fff0ecf0 57%,#ffe8e5ea)!important;
  text-align:center!important;
}
html body.celestial-palace #matchView .match-hero h2{
  color:#b7353e!important;
  font-size:clamp(30px,4.1vw,51px)!important;
  text-shadow:0 2px 0 #ffe0b2!important;
}
html body.celestial-palace #matchView .match-hero-kicker,
html body.celestial-palace #matchView .match-hero .match-thread{color:#bd4556!important}
html body.celestial-palace #matchView .match-hero .match-thread span:nth-child(2){
  background:radial-gradient(circle,#ffe7a3,#b93445)!important;
  border:2px solid #edb36b!important;
  box-shadow:0 0 14px #e9a24d60!important;
}
html body.celestial-palace #matchView :is(.match-submit,.match-confirm,.match-pay-button){
  background:linear-gradient(135deg,#b5434f,#dc6b6d,#a72b47)!important;
  border:2px solid #e4b277!important;color:#fff9e8!important;
  border-radius:999px!important;
  box-shadow:inset 0 2px 0 #fff4d255,0 5px 0 #85334455!important;
}
html body.celestial-palace #matchView :is(.match-partner,.match-score-panel,.match-chart-card,.match-paywall){
  background:linear-gradient(130deg,#fff9f4,#fff0ed)!important;
  border-image-source:url('/assets/ornate-unified/frame-celebrate.webp')!important;
}
/* 招財區：金元寶與金幣只在邊緣當裝飾，真正文字保持可選取、可操作。 */
html body.celestial-palace #wealthView .wealth-hero{
  border-image-source:url('/assets/ornate-unified/wealth-ornate.webp')!important;
  border-image-slice:125 125 120 125!important;
  border-image-width:40px!important;
  background:linear-gradient(110deg,#fff9e9f9,#fff6e5f7,#ffeed6f9)!important;
  color:#6e4d36!important;
}
html body.celestial-palace #wealthView .wealth-hero-copy h2{
  color:#804475!important;font-size:clamp(29px,3.8vw,47px)!important;
  text-shadow:0 1px 0 #ffe39e!important;
}
html body.celestial-palace #wealthView .wealth-hero-coin{
  border:3px solid #d5a150!important;
  background:radial-gradient(circle,#fff2bb 8%,#f7cc75 45%,#c58930 100%)!important;
  box-shadow:0 0 22px #dfa84a79,inset 0 0 0 4px #fff0c1!important;
}
html body.celestial-palace #wealthView :is(.wealth-submit,.wealth-pay-button,.wealth-unlock-btn){
  background:linear-gradient(115deg,#af7834,#d5ad58,#a56a2a)!important;
  color:#fffdf2!important;border:2px solid #edc77e!important;
  border-radius:999px!important;
}
html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-paywall,.wealth-results,.wealth-stat){
  border-image-source:url('/assets/ornate-unified/frame-grand.webp')!important;
  background:linear-gradient(140deg,#fffdf2,#fff5db)!important;
}
/* 模態框、解鎖卡、QA 和每日運勢內頁也有同樣的花金框。 */
html body.celestial-palace :is(.auth-dialog,.life-dialog,.pay-modal-dialog,.match-modal-dialog,.wealth-modal-dialog,.tarot-pay-dialog,.cat-share-preview-panel,.ai-qa,.ai-report,.ai-report-card,.annual-unlock-card,.match-pay-card,.wealth-gate-card){
  border:10px solid transparent!important;
  border-image-source:var(--mu-border)!important;
  border-image-slice:70 70 70 70!important;
  border-image-width:22px!important;
  border-image-repeat:stretch!important;
  background:linear-gradient(140deg,#fffaf2,#fff2ed)!important;
  box-shadow:0 15px 30px #5d355744!important;
}
html body.celestial-palace :is(.auth-dialog,.life-dialog,.pay-modal-dialog,.match-modal-dialog,.wealth-modal-dialog,.tarot-pay-dialog,.cat-share-preview-panel){padding:25px 24px!important}
/* 日運頁（原本 body .card 有不同 CSS） */
html body.celestial-palace .wrap>.hero.cat-daily-hero {background:linear-gradient(130deg,#fff7ec,#fce6ef)!important}
html body.celestial-palace .wrap .card{padding:24px!important}
/* 手機縮排：花飾不得遮住文字；表單控制項無水平溢出。 */
@media(max-width:900px){
  html body.celestial-palace .shell{width:calc(100% - 20px)!important;padding:0 12px!important;margin-top:9px!important}
  html body.celestial-palace :is(.top,header.top#catTop){margin:0 -12px 14px!important;padding:12px 15px!important}
  html body.celestial-palace .cat-section-heading{padding:11px 24px 12px!important;min-height:60px!important}
}
@media(max-width:620px){
  html body.celestial-palace #homeHero.hero.cat-hero{
    border-radius:22px!important;padding:0 11px 16px!important;
    margin-bottom:13px!important;
  }
  html body.celestial-palace #homeHero .cat-hero-art,
  html body.celestial-palace #homeHero .cat-hero-art.lm-palace-scene{
    width:calc(100% + 22px)!important;margin:0 -11px!important;
    height:clamp(420px,126vw,595px)!important;min-height:0!important;
    background-image:url('/assets/ornate-unified/hero-mobile.webp')!important;
    background-size:cover!important;background-position:center 42%!important;
    mask-image:linear-gradient(#000 0%,#000 91%,transparent 100%)!important;
  }
  html body.celestial-palace #homeHero .cat-hero-copy{
    margin:-50px auto 0!important;padding:0 0 8px!important;
  }
  html body.celestial-palace #homeHero h1#catHeroTitle{
    height:76px!important;width:min(100%,360px)!important;
    font-size:clamp(27px,8vw,39px)!important;
    letter-spacing:.1em!important;padding:0 8px!important;
  }
  html body.celestial-palace #homeHero .cat-hero-slogan{font-size:17px!important;margin:4px 0 2px!important}
  html body.celestial-palace #homeHero .cat-hero-subtitle{font-size:11px!important;margin-bottom:18px!important}
  html body.celestial-palace #homeHero .cat-quick-form{
    display:grid!important;grid-template-columns:1fr!important;
    width:100%!important;gap:8px!important;
    padding:30px 13px 15px!important;
    border:9px solid transparent!important;
    border-image-width:19px!important;
    margin:0 auto!important;
  }
  html body.celestial-palace #homeHero .cat-quick-field{
    display:grid!important;grid-template-columns:minmax(92px,35%) minmax(0,1fr)!important;
    align-items:center!important;gap:5px!important;
  }
  html body.celestial-palace #homeHero .cat-quick-field>label{
    display:flex!important;align-items:center!important;
    gap:5px!important;min-width:0!important;
    white-space:nowrap!important;font-size:12px!important;margin:0!important;
  }
  html body.celestial-palace #homeHero .cat-quick-field>label>span{width:27px!important;height:27px!important;flex:0 0 27px!important}
  html body.celestial-palace #homeHero .cat-quick-field .cat-native-input,
  html body.celestial-palace #homeHero .cat-quick-field>select{min-width:0!important;width:100%!important;max-width:100%!important}
  html body.celestial-palace #homeHero .cat-quick-submit{width:100%!important;margin-top:8px!important;height:53px!important}
  html body.celestial-palace .cat-home-extras{gap:16px!important}
  html body.celestial-palace .cat-section-heading{padding:10px 19px!important;gap:6px!important;min-height:58px!important}
  html body.celestial-palace .cat-section-heading>span{font-size:15px!important}
  html body.celestial-palace .cat-section-heading small,
  html body.celestial-palace #catDateLabel{font-size:11px!important;padding:3px 7px!important;max-width:60%!important}
  html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel){border-image-width:17px!important}
  html body.celestial-palace .cat-daily-body{padding:14px 12px 16px!important}
  html body.celestial-palace .cat-feature-cards{padding:12px 9px 15px!important;gap:5px!important}
  html body.celestial-palace .cat-feature-card{padding:7px 3px 10px!important;border-width:5px!important;border-image-width:9px!important}
  html body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,.meihua-hero,.tarot-hero){
    padding:20px 14px 24px!important;border-width:10px!important;border-image-width:18px!important;
  }
  html body.celestial-palace #matchView .match-hero h2{font-size:31px!important}
  html body.celestial-palace #wealthView .wealth-hero-copy h2{font-size:29px!important}
  html body.celestial-palace :is(.panel,.form-panel,.result-panel,.match-form,.match-empty,.match-result,.match-paywall,.wealth-input-card,.wealth-paywall,.wealth-results,.wx-overview,.wx-pair,.wx-deep,.astro-page-workspace,.meihua-form,.tarot-screen,.tarot-history-wrap,.card){
    border-width:8px!important;border-image-width:16px!important;padding:14px 10px!important;
  }
  html body.celestial-palace :is(.match-partner,.match-paid-preview,.match-score-panel,.match-chart-card,.wx-info-card,.wx-relation-chip,.wealth-stat,.tarot-meaning-card){
    border-width:5px!important;border-image-width:10px!important;
  }
}
@media(max-width:360px){
  html body.celestial-palace #homeHero .cat-quick-field{grid-template-columns:88px minmax(0,1fr)!important}
  html body.celestial-palace #homeHero .cat-quick-field>label{font-size:11px!important;gap:3px!important}
  html body.celestial-palace .cat-section-heading{padding-inline:16px!important}
  html body.celestial-palace .cat-section-heading>span{font-size:14px!important}
  html body.celestial-palace #catDateLabel{font-size:10px!important}
}

/* v7.1：合盤／財運生成美術稿含文字，嚴禁直接當 9-slice 框，避免與真實標題重疊。 */
html body.celestial-palace #matchView .match-hero,
html body.celestial-palace #wealthView .wealth-hero {
  position:relative!important;
  border-image-source:url('/assets/ornate-unified/frame-grand.webp')!important;
  border-image-slice:72 75 72 75!important;
  border-image-width:27px!important;
  border-image-repeat:stretch!important;
}
html body.celestial-palace #matchView .match-hero {
  background:linear-gradient(105deg,rgba(255,248,239,.94),rgba(255,230,233,.93),rgba(255,245,239,.94))!important;
}
html body.celestial-palace #wealthView .wealth-hero {
  background:linear-gradient(115deg,rgba(255,250,236,.94),rgba(255,241,208,.93),rgba(255,247,223,.94))!important;
}
html body.celestial-palace #matchView .match-hero::after,
html body.celestial-palace #wealthView .wealth-hero::after {
  content:""!important;display:block!important;position:absolute!important;
  z-index:0!important;right:0!important;bottom:0!important;
  width:36%!important;height:85%!important;
  background-image:url('/assets/ornate-unified/love-bloom.webp')!important;
  background-repeat:no-repeat!important;background-size:auto 100%!important;
  background-position:left bottom!important;opacity:.17!important;
  transform:scaleX(-1)!important;pointer-events:none!important;
}
html body.celestial-palace #wealthView .wealth-hero::after {
  background-image:url('/assets/ornate-unified/wealth-ingots.webp')!important;
  opacity:.22!important;
}
html body.celestial-palace #matchView .match-hero>*,
html body.celestial-palace #wealthView .wealth-hero>* {
  position:relative!important;z-index:1!important;
}
/* 專屬無字框：真正從喜慶／招財原畫的四邊提取，中央完全透明，沒有影像內的假文字。 */
html body.celestial-palace #matchView .match-hero{
  border-image-source:url('/assets/ornate-unified/love-frame-clean-v82.webp')!important;
  border-image-slice:110 170 110 170!important;
  border-image-width:32px!important;
}
html body.celestial-palace #wealthView .wealth-hero{
  border-image-source:url('/assets/ornate-unified/wealth-frame-clean-v82.webp')!important;
  border-image-slice:110 170 110 170!important;
  border-image-width:32px!important;
}
/* 最終排版：兩個主題標題在小手機仍完整單行，去掉裁切殘影。 */
html body.celestial-palace #matchView .match-hero::after,
html body.celestial-palace #wealthView .wealth-hero::after{
  content:none!important;display:none!important;
}
@media(max-width:620px){
 html body.celestial-palace #matchView .match-hero h2{
  font-size:clamp(20px,6.15vw,27px)!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  line-height:1.55!important;
 }
 html body.celestial-palace #wealthView .wealth-hero-copy h2{
  font-size:clamp(19px,6.1vw,26px)!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  line-height:1.55!important;
 }
 html body.celestial-palace #matchView .match-hero,
 html body.celestial-palace #wealthView .wealth-hero{
  padding:25px 18px!important;
 }
}
/* 動態插入的貓咪主題標題、分頁、合盤說明與問答也不可留普通細框。 */
html body.celestial-palace :is(.cat-inner-ribbon,.cat-inline-hero-media,.fortune-tab.cat-boutique-card,.wx-generic-alert,.wx-profile-status,.tarot-pick,.tarot-result-summary,.tarot-premium-gate,.tarot-history-item,.astro-aspect,.match-score-signal,.match-chart-card,.wealth-basics-card,.wealth-report-card,.wealth-decade-cell,.life-question,.life-question-card,.ai-qa-item,.ai-report-heading){
  border:6px solid transparent!important;
  border-image-source:url('/assets/ornate-unified/frame-grand.webp')!important;
  border-image-slice:70 70 70 70!important;
  border-image-width:12px!important;
  border-image-repeat:stretch!important;
  background:linear-gradient(130deg,rgba(255,251,242,.97),rgba(255,239,237,.93))!important;
  box-shadow:0 5px 14px rgba(119,72,96,.10)!important;
}
html body.celestial-palace :is(.cat-inner-ribbon,.cat-inline-hero-media){
  padding:12px 17px!important;
  min-width:0!important;
  overflow:visible!important;
}
html body.celestial-palace .fortune-tab.cat-boutique-card{
  border-image-width:10px!important;border-radius:25px!important;
}

/* SOURCE: three-precise-fixes.css */
/* 喵說星語 2026-11-06：三處精準回修。此檔在舊樣式後載入。
   1 手機主貓不要被 126vw 的直幅素材撐長。
   2 全頁僅一張固定底圖，中央內容區獨立捲動。
   3 恢復今日運勢／熱門詳批原有櫻花金線框，僅將標題與右側徽章往內移。 */

/* 單張背景固定於視窗；實際捲動由中央 .shell 負責。 */
html:has(body.celestial-palace > .shell),
html:has(body.celestial-palace > .shell) body.celestial-palace {
  height:100%;
  min-height:100%;
  overflow:hidden!important;
  overscroll-behavior:none;
}
html body.celestial-palace:has(> .shell) {
  position:relative!important;
  isolation:isolate!important;
  background:#f6e4ed!important;
}
html body.celestial-palace:has(> .shell)::before {
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  background-image:url('/assets/ornate-unified/single-scene.webp')!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  opacity:1!important;
  pointer-events:none!important;
}
html body.celestial-palace:has(> .shell)::after {content:none!important;display:none!important}
html body.celestial-palace > .shell {
  position:relative!important;
  z-index:1!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-x:clip!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scroll-behavior:smooth;
  background:rgba(255,250,244,.22)!important;
  backdrop-filter:none!important;
  box-shadow:0 10px 45px rgba(107,64,94,.13)!important;
  padding-bottom:max(72px,env(safe-area-inset-bottom))!important;
}
/* 表單、內頁、導覽仍保有各自的宣紙底，不在 shell 疊上一大塊不透明白色底。 */

/* 兩張大卡改回原先的繪製式花框：不更換花框圖片／造型。 */
html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel) {
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:8px!important;
  border:2px solid #c69b64!important;
  border-image:none!important;
  border-radius:26px!important;
  background-image:linear-gradient(135deg,rgba(255,250,243,.90),rgba(255,244,238,.88)),url('/assets/celestial/flower-paper-panel.webp')!important;
  background-size:cover,100% 100%!important;
  background-position:center!important;
  box-shadow:0 0 0 3px rgba(255,250,232,.84) inset,0 0 0 7px rgba(216,174,110,.2) inset,0 12px 25px rgba(113,60,88,.18)!important;
}
html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel)::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:1px!important;
  background:url('/assets/cat-theme/gold-flower-frame.svg') center/100% 100% no-repeat!important;
  pointer-events:none!important;
  z-index:2!important;
  opacity:.95!important;
}
html body.celestial-palace .cat-daily-feature::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:115px!important;height:115px!important;
  background:url('/assets/cat-theme/cherry-corner.webp') center/contain no-repeat!important;
  pointer-events:none!important;
  z-index:0!important;opacity:.43!important;
}
html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel) > * {
  position:relative!important;z-index:3!important;
}
/* 背景標題帶保持原有花紋；把字及右側標籤從兩側花角中間移入。 */
html body.celestial-palace .cat-section-heading {
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:57px!important;
  padding:10px clamp(32px,3.2vw,48px)!important;
  border:0!important;
  border-bottom:1px solid #d9b381!important;
  background-image:linear-gradient(90deg,rgba(255,246,232,.18),rgba(255,249,240,.10)),url('/assets/celestial/flower-ribbon.webp')!important;
  background-size:100% 100%,100% 100%!important;
  background-position:center!important;
  color:#78416f!important;
  text-shadow:none!important;
}
html body.celestial-palace .cat-section-heading::before,
html body.celestial-palace .cat-section-heading::after {content:none!important;display:none!important}
html body.celestial-palace .cat-section-heading > span,
html body.celestial-palace .cat-section-heading > small {
  position:relative!important;
  z-index:5!important;
}
html body.celestial-palace .cat-section-heading>span {
  flex:0 0 auto!important;
  font-size:clamp(15px,1.5vw,21px)!important;
  line-height:1.4!important;
  white-space:nowrap!important;
}
html body.celestial-palace .cat-section-heading small,
html body.celestial-palace #catDateLabel {
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:60%!important;
  font-size:clamp(10px,1vw,13px)!important;
  line-height:1.4!important;
  padding:5px 9px!important;
  color:#5c3452!important;
  background:rgba(255,250,244,.95)!important;
  border:1px solid #c9976d!important;
  border-radius:99px!important;
  white-space:nowrap!important;
  text-shadow:none!important;
  overflow:visible!important;
}
/* 不把舊框改成其他 border-image；底部三張熱門詳批小卡亦保持原狀。 */

@media (max-width:620px) {
  /* 手機不採用上一版的 126vw 高直幅畫：換回熟悉的橫向綠眼主貓。 */
  html body.celestial-palace #homeHero.hero.cat-hero {
    padding:0 11px 14px!important;
    margin-bottom:12px!important;
    min-height:0!important;
  }
  html body.celestial-palace #homeHero .cat-hero-art,
  html body.celestial-palace #homeHero .cat-hero-art.lm-palace-scene {
    height:clamp(195px,61vw,300px)!important;
    min-height:0!important;
    max-height:300px!important;
    width:calc(100% + 22px)!important;
    margin:0 -11px!important;
    flex:none!important;
    aspect-ratio:auto!important;
    background-image:url('/assets/cat-theme/reference-cat-scene.webp')!important;
    background-size:cover!important;
    background-position:center 44%!important;
    background-repeat:no-repeat!important;
    mask-image:linear-gradient(#000 0%,#000 91%,transparent 100%)!important;
  }
  html body.celestial-palace #homeHero .cat-hero-copy {
    margin:-12px auto 0!important;
    padding:0 0 5px!important;
  }
  html body.celestial-palace #homeHero h1#catHeroTitle {
    height:62px!important;
    margin:0 auto 2px!important;
  }
  html body.celestial-palace #homeHero .cat-kicker {margin:0 0 2px!important}
  html body.celestial-palace #homeHero .cat-hero-slogan {margin:2px 0!important}
  html body.celestial-palace #homeHero .cat-hero-subtitle {margin:1px auto 14px!important}
  html body.celestial-palace #homeHero .cat-quick-form {
    margin:0 auto!important;
    padding:27px 11px 12px!important;
    gap:6px!important;
  }
  html body.celestial-palace #homeHero .cat-quick-submit {height:48px!important;min-height:48px!important;margin-top:5px!important}
  html body.celestial-palace .cat-section-heading {
    min-height:52px!important;
    padding:8px 25px!important;
    gap:5px!important;
  }
  html body.celestial-palace .cat-section-heading>span {font-size:clamp(13px,3.6vw,17px)!important}
  html body.celestial-palace .cat-section-heading small,
  html body.celestial-palace #catDateLabel {
    font-size:clamp(9px,2.65vw,12px)!important;
    padding:4px 7px!important;
  }
}
@media(max-width:355px){
  html body.celestial-palace .cat-section-heading{padding-inline:19px!important}
  html body.celestial-palace .cat-section-heading>span{font-size:13px!important}
  html body.celestial-palace #catDateLabel{font-size:9px!important;padding:3px 5px!important}
}

/* SOURCE: verified-visual-repair-v8.css */
/* 喵說星語 2026-11-06 v8 — 僅修三處顯示故障，保留會員/計算/卡片內容。
  1. 重置舊 body::before 的 width:260px,height:340px，讓單張底圖覆蓋整個視窗。
  2. 手機主圖加高，但絕不把貓咪圖片拉伸；資訊欄往上重疊以控制整體高度。
  3. 合盤/財運移除失真的 9-slice 大圖，改用真實透明角飾、比例固定。
*/

/* 之前 body::before 曾是 260×340px 的角飾，這是背景右邊空白的直接原因。 */
html body.celestial-palace:has(> .shell)::before {
  display:block!important;
  content:""!important;
  position:fixed!important;
  inset:0!important;
  left:0!important;top:0!important;right:0!important;bottom:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-width:100vw!important;
  min-height:100dvh!important;
  transform:none!important;
  background-image:url('/assets/ornate-unified/single-scene.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:0!important;
}
html body.celestial-palace:has(> .shell)::after {content:none!important;display:none!important}
html body.celestial-palace:has(> .shell) {background:#f8e7ed!important;isolation:isolate!important;}
html body.celestial-palace> .shell {
  position:relative!important;z-index:1!important;
  overflow-x:clip!important;overflow-y:auto!important;
  background:rgba(255,251,248,.18)!important;
  backdrop-filter:none!important;
}

/* 與桌機 hero 獨立，僅調整手機寬度；文字與表單仍是真正可操作的 HTML。 */
@media(max-width:620px){
  html body.celestial-palace #homeHero.hero.cat-hero{
    padding:0 11px 11px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  html body.celestial-palace #homeHero .cat-hero-art,
  html body.celestial-palace #homeHero .cat-hero-art.lm-palace-scene {
    height:clamp(310px,96vw,425px)!important;
    max-height:425px!important;
    min-height:0!important;
    width:calc(100% + 22px)!important;
    margin:0 -11px!important;
    flex:none!important;
    aspect-ratio:auto!important;
    background-image:url('/assets/cat-theme/reference-cat-scene.webp')!important;
    background-size:cover!important;
    background-position:center 45%!important;
    background-repeat:no-repeat!important;
    /* 底部單方向柔和銜接，不加一大片空白圖。 */
    mask-image:linear-gradient(#000 0%,#000 87%,transparent 100%)!important;
    filter:none!important;
  }
  html body.celestial-palace #homeHero .cat-hero-copy{
    position:relative!important;
    z-index:2!important;
    margin:-38px auto 0!important;
    padding:0 0 5px!important;
    min-width:0!important;
  }
  html body.celestial-palace #homeHero h1#catHeroTitle{height:53px!important;margin:0 auto 1px!important;font-size:clamp(24px,7.7vw,34px)!important;line-height:1.2!important}
  html body.celestial-palace #homeHero .cat-kicker{margin:0 auto 1px!important;font-size:9px!important}
  html body.celestial-palace #homeHero .cat-hero-slogan{margin:0!important;font-size:clamp(14px,4vw,17px)!important}
  html body.celestial-palace #homeHero .cat-hero-subtitle{margin:0 auto 13px!important;font-size:11px!important}
  html body.celestial-palace #homeHero .cat-quick-form{padding:24px 12px 9px!important;gap:5px!important;margin:0 auto!important}
  html body.celestial-palace #homeHero .cat-quick-field{min-height:45px!important}
  html body.celestial-palace #homeHero .cat-quick-field .cat-native-input,
  html body.celestial-palace #homeHero .cat-quick-field>select{min-height:41px!important;height:41px!important}
  html body.celestial-palace #homeHero .cat-quick-submit{height:46px!important;min-height:46px!important;margin-top:3px!important}
}

/* 頁面主題 hero：不使用全寬 artwork 9-slice。 */
html body.celestial-palace #matchView .match-hero,
html body.celestial-palace #wealthView .wealth-hero {
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:2px solid #daa56c!important;
  border-image:none!important;
  border-image-source:none!important;
  border-image-width:1!important;
  border-radius:26px!important;
  box-shadow:inset 0 0 0 4px #fff9ed,inset 0 0 0 6px #d7b17a,0 11px 24px rgba(142,72,82,.16)!important;
}
html body.celestial-palace #matchView .match-hero {
  color:#873b47!important;
  background:linear-gradient(140deg,rgba(255,250,238,.98),rgba(255,233,229,.97) 49%,rgba(255,250,240,.97))!important;
}
html body.celestial-palace #wealthView .wealth-hero {
  color:#78542e!important;
  background:linear-gradient(140deg,rgba(255,252,236,.99),rgba(255,242,211,.97) 54%,rgba(255,251,238,.98))!important;
}
/* 把舊 CSS 留下的巨型圓形、遮罩全部停用；角飾使用真正分離的透明圖片。 */
html body.celestial-palace #matchView .match-hero::before,
html body.celestial-palace #matchView .match-hero::after,
html body.celestial-palace #wealthView .wealth-hero::before,
html body.celestial-palace #wealthView .wealth-hero::after {content:none!important;display:none!important}
html body.celestial-palace :is(#matchView .match-hero,#wealthView .wealth-hero) > :not(.theme-hero-decor){position:relative!important;z-index:2!important}
html body.celestial-palace .theme-hero-decor {
  position:absolute!important;inset:0!important;z-index:0!important;
  width:100%!important;height:100%!important;
  display:block!important;
  pointer-events:none!important;
  border:0!important;
  background-repeat:no-repeat!important;
  opacity:.97!important;
}
/* 避免正文與角飾重疊，保留足夠的文字安全區。 */
html body.celestial-palace #matchView .match-hero{
  padding:65px clamp(22px,8vw,95px) 74px!important;
  text-align:center!important;
}
html body.celestial-palace #wealthView .wealth-hero{
  padding:65px clamp(22px,7vw,88px) 74px!important;
  text-align:center!important;
  gap:18px!important;
}
html body.celestial-palace #matchView .match-hero>h2{
  color:#b12637!important;
  font-weight:800!important;
  text-shadow:0 1px 0 #fff8df!important;
}
html body.celestial-palace #matchView .match-hero-kicker{color:#965345!important;font-size:13px!important;letter-spacing:.1em!important}
html body.celestial-palace #matchView .match-hero .match-thread span:nth-child(2){color:#c53040!important;font-size:35px!important}
html body.celestial-palace #wealthView .wealth-hero-copy h2{color:#70446f!important;font-weight:800!important}
html body.celestial-palace #wealthView .wealth-kicker{color:#8c633b!important;font-size:13px!important}
html body.celestial-palace #wealthView .wealth-hero-copy>p:not(.wealth-kicker){color:#845d43!important}
html body.celestial-palace #wealthView .wealth-hero-mark{color:#a47539!important}
html body.celestial-palace #wealthView .wealth-hero-coin{background:radial-gradient(circle,#ffefae,#dca54b 64%,#a36a29)!important}
/* 下面的貓咪主題卡：保留貓圖，拿掉不適用的 stretched grand frame。 */
html body.celestial-palace #matchView .cat-inline-hero-media,
html body.celestial-palace #wealthView .cat-inline-hero-media,
html body.celestial-palace #matchView .cat-inner-ribbon,
html body.celestial-palace #wealthView .cat-inner-ribbon {
  border:2px solid #d2a66d!important;
  border-image:none!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,252,243,.97),rgba(255,239,235,.95))!important;
  box-shadow:inset 0 0 0 4px rgba(255,252,242,.95),0 5px 15px rgba(133,75,89,.12)!important;
}
html body.celestial-palace #matchView .cat-inline-hero-media img,
html body.celestial-palace #wealthView .cat-inline-hero-media img {object-fit:cover!important;aspect-ratio:1!important;border-radius:50%!important}
@media(max-width:620px){
 html body.celestial-palace #matchView .match-hero,
 html body.celestial-palace #wealthView .wealth-hero{
   padding:52px 21px 55px!important;
   border:2px solid #d1a066!important;
   border-image:none!important;
   border-radius:22px!important;
 }
 html body.celestial-palace .theme-hero-love,
 html body.celestial-palace .theme-hero-wealth{
   background-size:100px auto,100px auto,105px auto,105px auto,106px auto,88px auto!important;
 }
 html body.celestial-palace #matchView .match-hero h2,
 html body.celestial-palace #wealthView .wealth-hero-copy h2{
   font-size:clamp(20px,5.45vw,27px)!important;
   line-height:1.5!important;
   letter-spacing:0!important;
   white-space:normal!important;
   overflow-wrap:anywhere!important;
 }
 html body.celestial-palace #wealthView .wealth-hero{display:flex!important;flex-direction:column!important;gap:8px!important}
 html body.celestial-palace #wealthView .wealth-hero-coin{width:58px!important;height:58px!important;box-shadow:0 0 0 5px #f4d4946b!important}
 html body.celestial-palace #wealthView .wealth-hero-coin span{font-size:26px!important}
 html body.celestial-palace #matchView .cat-inline-hero-media,
 html body.celestial-palace #wealthView .cat-inline-hero-media{padding:12px!important;min-width:0!important;max-width:100%!important}
}

/* 細節回修：舊 v7 的 .match-hero > * 會把裝飾圖強制改為 position:relative，
   導致透明角飾被塞進文字流而完全看不見。以下選擇器特別提高權重。 */
html body.celestial-palace #matchView .match-hero > .theme-hero-decor,
html body.celestial-palace #wealthView .wealth-hero > .theme-hero-decor {
  position:absolute!important;
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;height:100%!important;
  flex:none!important;
  transform:none!important;
  opacity:.97!important;
  pointer-events:none!important;
}
/* 巢狀欄位也禁止把大型裝飾圖拉成細長框。只用輕量金線 + 宣紙，不會失真。 */
html body.celestial-palace #matchView :is(.match-form,.match-partner,.match-empty,.match-result,.match-chart-card,.match-score-panel,.match-paid-preview,.match-paywall,.match-pay-card),
html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results,.wealth-overview article,.wealth-basic,.wealth-gate-card,.wealth-report-card,.wealth-decade-cell) {
  border:1.5px solid #d9b583!important;
  border-image:none!important;
  border-image-source:none!important;
  border-radius:20px!important;
  background-color:rgba(255,250,241,.95)!important;
  box-shadow:inset 0 0 0 3px rgba(255,251,244,.9),0 6px 19px rgba(128,81,83,.11)!important;
}
html body.celestial-palace #matchView :is(.match-partner,.match-chart-card,.match-score-panel,.match-paid-preview) {
  background-image:linear-gradient(135deg,#fffaf4,#fff0ec)!important;
}
html body.celestial-palace #wealthView :is(.wealth-overview article,.wealth-basic,.wealth-gate-card,.wealth-report-card,.wealth-decade-cell){
  background-image:linear-gradient(125deg,#fffdf2,#fff3d9)!important;
}
/* 留空輸入欄與報告的原本邏輯，文字統一在花框內不碰邊緣。 */
html body.celestial-palace #matchView .match-partner{padding:20px 16px!important}
html body.celestial-palace #wealthView .wealth-input-card{padding:22px 17px!important}
@media(max-width:620px){
 html body.celestial-palace #matchView .match-partner{padding:17px 13px!important}
 html body.celestial-palace #wealthView .wealth-input-card{padding:19px 14px!important}
}

/* 還原招財銅錢徽章：原宮殿樣式曾把它強制 display:none。 */
html body.celestial-palace #wealthView .wealth-hero > .wealth-hero-coin {
  display:grid!important;
  place-items:center!important;
  width:76px!important;height:76px!important;
  margin:0 auto 6px!important;
  flex:0 0 auto!important;
  border:5px double #e2b86e!important;
  border-radius:50%!important;
  color:#78501d!important;
  background:radial-gradient(circle at 38% 32%,#fff9d3,#efc779 53%,#b77b2d)!important;
  box-shadow:0 0 0 5px rgba(240,206,122,.22),0 5px 14px rgba(132,78,38,.17)!important;
}
html body.celestial-palace #wealthView .wealth-hero > .wealth-hero-coin::before {
  width:22px!important;height:22px!important;
}
html body.celestial-palace #wealthView .wealth-hero > .wealth-hero-coin span {font-size:30px!important}
@media(min-width:700px){
  html body.celestial-palace #wealthView .wealth-hero > .wealth-hero-coin{margin:0!important;width:92px!important;height:92px!important}
  html body.celestial-palace #wealthView .wealth-hero > .wealth-hero-coin span{font-size:37px!important}
}

/* 純透明矢量裝飾，不再使用舊圖的長方形裁切片。 */
html body.celestial-palace #matchView .match-hero > .theme-hero-decor.theme-hero-love {
  background-image:url('/assets/theme-symbols-v9/love-lantern.svg'),url('/assets/theme-symbols-v9/love-lantern.svg')!important;
  background-position:left 5px top 25px,right 5px top 25px!important;
  background-size:125px auto,125px auto!important;
  background-repeat:no-repeat!important;
  opacity:.85!important;
}
html body.celestial-palace #wealthView .wealth-hero > .theme-hero-decor.theme-hero-wealth {
  background-image:url('/assets/theme-symbols-v9/wealth-ingots.svg'),url('/assets/theme-symbols-v9/wealth-ingots.svg')!important;
  background-position:left 4px bottom 5px,right 4px bottom 5px!important;
  background-size:125px auto,125px auto!important;
  background-repeat:no-repeat!important;
  opacity:.77!important;
}
@media(max-width:620px){
 html body.celestial-palace #matchView .match-hero > .theme-hero-decor.theme-hero-love {
   background-position:left 0 top 42px,right 0 top 42px!important;
   background-size:55px auto,55px auto!important;
   opacity:.78!important;
 }
 html body.celestial-palace #wealthView .wealth-hero > .theme-hero-decor.theme-hero-wealth {
   background-position:left 1px bottom 16px,right 1px bottom 16px!important;
   background-size:58px auto,58px auto!important;
   opacity:.75!important;
 }
}

/* 比例修正：照片本身占主要視覺約六成以上；標題貼合照片的淡出區，避免增加空白高度。 */
@media (min-width:361px) and (max-width:620px) {
 html body.celestial-palace #homeHero .cat-hero-art,
 html body.celestial-palace #homeHero .cat-hero-art.lm-palace-scene {
  height:clamp(406px,110vw,480px)!important;
  max-height:480px!important;
  mask-image:linear-gradient(#000 0%,#000 73%,transparent 99%)!important;
 }
 html body.celestial-palace #homeHero .cat-hero-copy{
  margin:-98px auto 0!important;
 }
}
/* 320px 以下不強行放大成超長圖，保留按鈕／表單可操作性。 */
@media(max-width:360px){
 html body.celestial-palace #homeHero .cat-hero-art,
 html body.celestial-palace #homeHero .cat-hero-art.lm-palace-scene{
  height:clamp(310px,107vw,355px)!important;
  mask-image:linear-gradient(#000 0%,#000 73%,transparent 99%)!important;
 }
 html body.celestial-palace #homeHero .cat-hero-copy{margin:-72px auto 0!important}
}
/* 招財圖案在文字前方不要留下舊的方形古錢陰影。 */
html body.celestial-palace #wealthView .wealth-hero > .wealth-hero-coin::before {display:none!important;content:none!important}

/* 讓主標題完全落在照片淡出的宣紙區，不蓋住正在睡覺的小貓。 */
@media(min-width:361px) and (max-width:620px){
 html body.celestial-palace #homeHero .cat-hero-copy{margin:-66px auto 0!important}
 html body.celestial-palace #homeHero .cat-hero-art,
 html body.celestial-palace #homeHero .cat-hero-art.lm-palace-scene{
  mask-image:linear-gradient(#000 0%,#000 68%,transparent 95%)!important;
 }
}

/* 極窄手機：給出生城市完整文字更多寬度。 */
@media(max-width:360px){
 html body.celestial-palace #homeHero .cat-quick-field{
   grid-template-columns:78px minmax(0,1fr)!important;
 }
 html body.celestial-palace #homeHero #catQuickPlace{
   font-size:11px!important;
 }
}

/* SOURCE: safe-ornate-fix-v9.css */
/* 喵說星語 v9 — 安全式華麗花框：不拉伸邊框、不讓囍字蓋住內容。 */

/* 共通：把舊版的 border-image 統一關閉，只在需要的幾個重點卡片中處理。
   角飾都是固定比例的透明 SVG，長文字仍可以自然撐開卡片。 */
html body.celestial-palace #matchView .match-hero,
html body.celestial-palace #wealthView .wealth-hero,
html body.celestial-palace section.history-panel#historySection,
html body.celestial-palace #matchView :is(.match-form,.match-empty,.match-result,.match-paywall),
html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results){
  border-image:none!important;
  border-image-source:none!important;
  border-image-repeat:initial!important;
  background-repeat:no-repeat!important;
  border-radius:23px!important;
  box-sizing:border-box!important;
}
/* 主題插畫/文字/選項各層彼此分開。不設 fixed 高度，不裁切長文。 */
html body.celestial-palace #matchView .match-hero{
  overflow:hidden!important;
  border:3px double #b96461!important;
  padding:48px clamp(22px,6vw,62px) 32px!important;
  background-image:
    url('/assets/safe-ornaments-v9/love-tl.svg'),url('/assets/safe-ornaments-v9/love-tr.svg'),
    url('/assets/safe-ornaments-v9/love-bl.svg'),url('/assets/safe-ornaments-v9/love-br.svg'),
    radial-gradient(ellipse at 50% 5%,rgba(247,188,173,.20),transparent 55%),
    linear-gradient(145deg,#fffaf0,#ffede8 57%,#fff8f0)!important;
  background-position:left top,right top,left bottom,right bottom,center,center!important;
  background-size:96px 96px,96px 96px,96px 96px,96px 96px,cover,cover!important;
  box-shadow:inset 0 0 0 5px #fffaf0,inset 0 0 0 7px rgba(209,152,90,.77),0 10px 28px rgba(144,53,65,.20)!important;
}
/* 囍字只屬於獨立的尾部徽章，不得絕對定位或疊到段落。 */
html body.celestial-palace #matchView .match-hero .match-hero-script{display:none!important}
html body.celestial-palace #matchView .match-hero > p:not(.match-hero-kicker){
  position:relative!important;
  margin:13px auto 0!important;
  padding:0 10px!important;
  max-width:660px!important;
  font-size:clamp(12px,1.1vw,15px)!important;
  line-height:1.9!important;
  color:#815454!important;
}
html body.celestial-palace #matchView .match-hero .match-thread{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  width:auto!important;
  height:auto!important;
  min-height:66px!important;
  margin:17px auto 0!important;
  padding:2px 0 4px!important;
  transform:none!important;
  color:#a85c61!important;
}
html body.celestial-palace #matchView .match-hero .match-thread::before,
html body.celestial-palace #matchView .match-hero .match-thread::after{
  content:""!important;display:block!important;
  position:static!important;flex:0 1 75px!important;
  height:1px!important;width:auto!important;
  border:0!important;background:linear-gradient(90deg,transparent,#c88c6d)!important;
  transform:none!important;
}
html body.celestial-palace #matchView .match-hero .match-thread::after{
  transform:rotate(180deg)!important;
}
html body.celestial-palace #matchView .match-hero .match-thread span{
  flex:0 0 auto!important;
  position:static!important;
}
html body.celestial-palace #matchView .match-hero .match-thread span:nth-child(2){
  display:grid!important;place-items:center!important;
  width:60px!important;height:60px!important;
  box-sizing:border-box!important;
  padding:0!important;
  line-height:1!important;
  margin:0!important;
  font:700 32px/1 'Noto Serif TC',serif!important;
  color:#ad263e!important;
  background:radial-gradient(circle at 33% 24%,#fff8d0,#f9cd90 60%,#e9a66c)!important;
  border:3px solid #bd7556!important;
  border-radius:50%!important;
  box-shadow:inset 0 0 0 3px #fff7dc,0 3px 12px rgba(182,79,81,.22)!important;
}
html body.celestial-palace #matchView .match-hero h2{
  margin:8px auto 12px!important;
  max-width:680px!important;
  color:#ae2c43!important;
  letter-spacing:.04em!important;
  text-shadow:0 1px #fff6e8!important;
}
html body.celestial-palace #matchView .match-hero > .theme-hero-decor{opacity:.42!important}

/* 財運主卡：金色角飾、元寶底紋與優雅雙線框，完全不拉伸貓圖。 */
html body.celestial-palace #wealthView .wealth-hero{
  padding:53px clamp(22px,5.5vw,58px) 42px!important;
  border:3px double #c49342!important;
  background-image:
    url('/assets/safe-ornaments-v9/wealth-tl.svg'),url('/assets/safe-ornaments-v9/wealth-tr.svg'),
    url('/assets/safe-ornaments-v9/wealth-bl.svg'),url('/assets/safe-ornaments-v9/wealth-br.svg'),
    radial-gradient(ellipse at center 0,rgba(255,233,170,.4),transparent 60%),
    linear-gradient(155deg,#fffdf0,#fff3d8 58%,#fffaf0)!important;
  background-position:left top,right top,left bottom,right bottom,center,center!important;
  background-size:96px 96px,96px 96px,96px 96px,96px 96px,cover,cover!important;
  box-shadow:inset 0 0 0 5px #fffaf1,inset 0 0 0 7px #d6b269,0 10px 28px rgba(143,103,43,.18)!important;
}

/* 歷史紀錄：獨立花框，側邊不拉伸長圖；最常伸縮的內容區需要這種做法。 */
html body.celestial-palace section.history-panel#historySection{
  position:relative!important;
  isolation:isolate!important;
  padding:46px clamp(20px,3vw,36px) 31px!important;
  margin-top:25px!important;
  border:3px double #bb8b61!important;
  outline:0!important;
  background-image:
    url('/assets/safe-ornaments-v9/neutral-tl.svg'),url('/assets/safe-ornaments-v9/neutral-tr.svg'),
    url('/assets/safe-ornaments-v9/neutral-bl.svg'),url('/assets/safe-ornaments-v9/neutral-br.svg'),
    radial-gradient(ellipse at center top,rgba(255,243,221,.9),transparent 65%),
    linear-gradient(145deg,#fffdf5,#fff8f0 65%,#fff4ef)!important;
  background-position:left top,right top,left bottom,right bottom,center,center!important;
  background-size:84px 84px,84px 84px,84px 84px,84px 84px,cover,cover!important;
  box-shadow:inset 0 0 0 5px #fffdf6,inset 0 0 0 7px #dfbc89,0 10px 25px rgba(128,84,89,.16)!important;
}
html body.celestial-palace section.history-panel#historySection > *{position:relative;z-index:1}
html body.celestial-palace section.history-panel#historySection .history-heading{
  padding:0 0 15px!important;
  border-bottom:1px solid #dfc49f!important;
  margin-bottom:18px!important;
}
html body.celestial-palace section.history-panel#historySection .history-heading h2{
  color:#774966!important;font-size:clamp(22px,3vw,28px)!important;
  font-weight:750!important;
}
html body.celestial-palace section.history-panel#historySection .history-kicker{
  color:#aa774e!important;font-weight:800!important;
}
html body.celestial-palace section.history-panel#historySection .history-empty,
html body.celestial-palace section.history-panel#historySection .history-item{
  position:relative!important;
  border:1px solid #dfc097!important;
  border-image:none!important;
  border-radius:14px!important;
  background:linear-gradient(150deg,#fffaf0,#ffefdf)!important;
  box-shadow:inset 0 0 0 3px #fffaf5,0 4px 10px #ae89701a!important;
  color:#80604c!important;
}
html body.celestial-palace section.history-panel#historySection .history-empty{padding:22px 16px!important;line-height:1.8!important}
html body.celestial-palace section.history-panel#historySection .history-empty::before{
  content:'✦  ❀  ✦'!important;display:block!important;
  font-size:16px!important;color:#c2926b!important;
  margin-bottom:7px!important;
}
html body.celestial-palace section.history-panel#historySection .history-privacy{
  padding:12px 0 0!important;
  color:#8c766e!important;line-height:1.9!important;
}

/* 合盤/財運的內部可伸長卡片，全部使用安全邊框而非受長度影響的圖框。 */
html body.celestial-palace #matchView :is(.match-form,.match-empty,.match-result,.match-paywall),
html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results){
  position:relative!important;
  border:2px solid #d5aa77!important;
  border-radius:22px!important;
  padding-inline:max(18px,3vw)!important;
  background-image:
    url('/assets/safe-ornaments-v9/neutral-tl.svg'),url('/assets/safe-ornaments-v9/neutral-tr.svg'),
    url('/assets/safe-ornaments-v9/neutral-bl.svg'),url('/assets/safe-ornaments-v9/neutral-br.svg'),
    linear-gradient(145deg,rgba(255,250,244,.98),rgba(255,241,235,.97))!important;
  background-position:left top,right top,left bottom,right bottom,center!important;
  background-size:54px 54px,54px 54px,54px 54px,54px 54px,cover!important;
  box-shadow:inset 0 0 0 5px #fffaf3,inset 0 0 0 7px #e0c29a,0 7px 18px rgba(144,80,95,.13)!important;
}
html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results){
  background-image:
    url('/assets/safe-ornaments-v9/wealth-tl.svg'),url('/assets/safe-ornaments-v9/wealth-tr.svg'),
    url('/assets/safe-ornaments-v9/wealth-bl.svg'),url('/assets/safe-ornaments-v9/wealth-br.svg'),
    linear-gradient(145deg,rgba(255,251,239,.99),rgba(255,241,215,.97))!important;
  box-shadow:inset 0 0 0 5px #fffaf3,inset 0 0 0 7px #dbc090,0 7px 18px rgba(138,112,60,.13)!important;
}

@media(max-width:620px){
  html body.celestial-palace #matchView .match-hero{
    padding:44px 19px 20px!important;
    background-size:62px 62px,62px 62px,62px 62px,62px 62px,cover,cover!important;
  }
  html body.celestial-palace #matchView .match-hero > p:not(.match-hero-kicker){
    margin-top:12px!important;padding:0 10px!important;font-size:12px!important;line-height:1.85!important;
  }
  html body.celestial-palace #matchView .match-hero .match-thread{
    min-height:61px!important;
    margin-top:18px!important;
    padding-top:7px!important;
  }
  html body.celestial-palace #matchView .match-hero .match-thread span:nth-child(2){width:54px!important;height:54px!important;font-size:29px!important}
  html body.celestial-palace #wealthView .wealth-hero{
    padding:44px 17px 34px!important;
    background-size:62px 62px,62px 62px,62px 62px,62px 62px,cover,cover!important;
  }
  html body.celestial-palace section.history-panel#historySection{
    padding:40px 20px 24px!important;
    background-size:61px 61px,61px 61px,61px 61px,61px 61px,cover,cover!important;
  }
  html body.celestial-palace #matchView :is(.match-form,.match-empty,.match-result,.match-paywall),
  html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results){
    padding-inline:14px!important;
    background-size:42px 42px,42px 42px,42px 42px,42px 42px,cover!important;
  }
}

/* 附加紫金貓掌花紋徽章：固定像素尺寸，不拉伸，避開正文。 */
html body.celestial-palace #matchView .match-hero{
  padding-top:60px!important;
  padding-bottom:40px!important;
  background-image:url('/assets/safe-ornaments-v9/love-crest.svg'),
    url('/assets/safe-ornaments-v9/love-tl.svg'),url('/assets/safe-ornaments-v9/love-tr.svg'),
    url('/assets/safe-ornaments-v9/love-bl.svg'),url('/assets/safe-ornaments-v9/love-br.svg'),
    radial-gradient(ellipse at 50% 5%,rgba(247,188,173,.20),transparent 55%),
    linear-gradient(145deg,#fffaf0,#ffede8 57%,#fff8f0)!important;
  background-position:center top 3px,left top,right top,left bottom,right bottom,center,center!important;
  background-size:230px 39px,96px 96px,96px 96px,96px 96px,96px 96px,cover,cover!important;
}
html body.celestial-palace #wealthView .wealth-hero{
  padding-top:58px!important;
  background-image:url('/assets/safe-ornaments-v9/wealth-crest.svg'),
    url('/assets/safe-ornaments-v9/wealth-tl.svg'),url('/assets/safe-ornaments-v9/wealth-tr.svg'),
    url('/assets/safe-ornaments-v9/wealth-bl.svg'),url('/assets/safe-ornaments-v9/wealth-br.svg'),
    radial-gradient(ellipse at center top,rgba(255,233,170,.4),transparent 60%),
    linear-gradient(155deg,#fffdf0,#fff3d8 58%,#fffaf0)!important;
  background-position:center top 3px,left top,right top,left bottom,right bottom,center,center!important;
  background-size:230px 39px,96px 96px,96px 96px,96px 96px,96px 96px,cover,cover!important;
}
html body.celestial-palace section.history-panel#historySection{
  padding-top:59px!important;
  background-image:url('/assets/safe-ornaments-v9/neutral-crest.svg'),
    url('/assets/safe-ornaments-v9/neutral-tl.svg'),url('/assets/safe-ornaments-v9/neutral-tr.svg'),
    url('/assets/safe-ornaments-v9/neutral-bl.svg'),url('/assets/safe-ornaments-v9/neutral-br.svg'),
    radial-gradient(ellipse at center top,rgba(255,243,221,.9),transparent 65%),
    linear-gradient(145deg,#fffdf5,#fff8f0 65%,#fff4ef)!important;
  background-position:center top 4px,left top,right top,left bottom,right bottom,center,center!important;
  background-size:215px 36px,84px 84px,84px 84px,84px 84px,84px 84px,cover,cover!important;
}
@media(max-width:620px){
  html body.celestial-palace #matchView .match-hero{
    padding-top:48px!important;padding-bottom:27px!important;
    background-size:150px 27px,62px 62px,62px 62px,62px 62px,62px 62px,cover,cover!important;
  }
  html body.celestial-palace #wealthView .wealth-hero{
    padding-top:50px!important;
    background-size:150px 27px,62px 62px,62px 62px,62px 62px,62px 62px,cover,cover!important;
  }
  html body.celestial-palace section.history-panel#historySection{
    padding-top:46px!important;
    background-size:150px 27px,61px 61px,61px 61px,61px 61px,61px 61px,cover,cover!important;
  }
}

/* SOURCE: ultra-luxury-match-wealth-v10.css */
/* 喵說星語｜2026-11-06 v10：合盤喜慶與財運招財完整裝飾。維持真正 HTML 控制項及文字安全區。
   本樣式位於 v9 之後，使用獨立固定尺寸飾物，禁止拉伸 border-image。
 */
html body.celestial-palace #matchView,
html body.celestial-palace #wealthView{--lux-gold:#d8ad61;--lux-white:#fff9ef}
html body.celestial-palace #matchView{--lux-accent:#a6324c;--lux-secondary:#f0b4ae}
html body.celestial-palace #wealthView{--lux-accent:#996126;--lux-secondary:#efd38f}

/* 讓原先被舊版 CSS 給予顯示限制的主視覺回到固定比例，不做 border-image 裁切。 */
html body.celestial-palace #matchView .match-hero,
html body.celestial-palace #wealthView .wealth-hero{
  isolation:isolate!important;
  display:block!important;
  text-align:center!important;
  position:relative!important;
  padding:20px clamp(19px,4vw,42px) 27px!important;
  border-radius:24px!important;
  border-image:none!important;
  overflow:hidden!important;
}
html body.celestial-palace #matchView .match-hero{
  border:3px solid #c28465!important;
  background-image:
    url('/assets/ultra-match-wealth/love-corner-tl.webp'),url('/assets/ultra-match-wealth/love-corner-tr.webp'),
    url('/assets/ultra-match-wealth/love-corner-bl.webp'),url('/assets/ultra-match-wealth/love-corner-br.webp'),
    radial-gradient(ellipse 75% 55% at 50% 25%,rgba(253,215,221,.75),transparent 90%),
    linear-gradient(155deg,#fff6f0,#fff2ed 47%,#ffe2e0 100%)!important;
  background-position:0 0,100% 0,0 100%,100% 100%,center,center!important;
  background-size:168px 168px,168px 168px,168px 168px,168px 168px,cover,cover!important;
  box-shadow:inset 0 0 0 5px #fff8e9,inset 0 0 0 8px #d8ae77,0 15px 37px rgba(138,45,67,.25)!important;
}
html body.celestial-palace #wealthView .wealth-hero{
  border:3px solid #c69648!important;
  background-image:
    url('/assets/ultra-match-wealth/wealth-corner-tl.webp'),url('/assets/ultra-match-wealth/wealth-corner-tr.webp'),
    url('/assets/ultra-match-wealth/wealth-corner-bl.webp'),url('/assets/ultra-match-wealth/wealth-corner-br.webp'),
    radial-gradient(ellipse 78% 52% at 50% 13%,rgba(254,236,169,.74),transparent 90%),
    linear-gradient(151deg,#fff9ed,#fff0d5 58%,#fffaf0)!important;
  background-position:0 0,100% 0,0 100%,100% 100%,center,center!important;
  background-size:168px 168px,168px 168px,168px 168px,168px 168px,cover,cover!important;
  box-shadow:inset 0 0 0 5px #fff9e9,inset 0 0 0 8px #dec185,0 15px 37px rgba(136,101,47,.23)!important;
}
/* v9 decorative layers remain subtle and cannot sit above content */
html body.celestial-palace #matchView .match-hero > .theme-hero-decor,
html body.celestial-palace #wealthView .wealth-hero > .theme-hero-decor{opacity:.2!important;pointer-events:none!important;z-index:0!important}
html body.celestial-palace #matchView .match-hero > :not(.theme-hero-decor),
html body.celestial-palace #wealthView .wealth-hero > :not(.theme-hero-decor){position:relative;z-index:1}
html body.celestial-palace #matchView .match-hero:before,
html body.celestial-palace #matchView .match-hero:after,
html body.celestial-palace #wealthView .wealth-hero:before,
html body.celestial-palace #wealthView .wealth-hero:after{content:none!important}

/* 上方獨立貓咪戲台：插畫都以等比 contain 呈現，背景也不包含任何烘焙文字。 */
html body.celestial-palace .ultra-v10-visual{
  width:min(100%,640px);
  height:193px;
  margin:0 auto 12px;
  position:relative!important;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
  pointer-events:none;
}
html body.celestial-palace .ultra-v10-visual:before{
  content:'';
  position:absolute;inset:15px 7% 22px;
  border-radius:46% 46% 38% 38%;
  background:radial-gradient(ellipse at 50% 60%,#fffaf2 10%,rgba(255,236,219,.38) 52%,transparent 75%);
  border-bottom:2px solid rgba(209,159,90,.68);
  box-shadow:0 8px 17px -16px #93624a;
}
html body.celestial-palace .ultra-v10-visual:after{
  content:'✦　❀　✧　❀　✦';
  position:absolute;bottom:3px;left:50%;transform:translateX(-50%);
  white-space:nowrap;font-size:14px;
  letter-spacing:5px;color:#c89665;
}
html body.celestial-palace .ultra-v10-love{
  background:radial-gradient(circle at 22% 64%,rgba(238,119,130,.10),transparent 35%),radial-gradient(circle at 78% 64%,rgba(251,201,157,.17),transparent 37%);
}
html body.celestial-palace .ultra-v10-love-portrait{
  display:block;width:200px;height:174px;object-fit:contain;
  border-radius:38%;
  filter:drop-shadow(0 11px 12px rgba(143,51,74,.22));
  position:relative;z-index:2;
}
html body.celestial-palace .ultra-v10-lantern{
  position:absolute;top:2px;display:block;
  width:92px;height:150px;
  background:url('/assets/theme-symbols-v9/love-lantern.svg') center center / contain no-repeat;
  filter:drop-shadow(0 6px 5px rgba(174,66,58,.18));
  z-index:1;
}
html body.celestial-palace .ultra-v10-left{left:calc(50% - 202px)}
html body.celestial-palace .ultra-v10-right{right:calc(50% - 202px)}
html body.celestial-palace .ultra-v10-petal{
  position:absolute;z-index:1;
  color:#e597ad;font-size:35px;
  text-shadow:0 0 0 #fff,0 2px 6px #a74d7c2f;
}
html body.celestial-palace .ultra-v10-petal-a{left:9%;top:45%}
html body.celestial-palace .ultra-v10-petal-b{right:9%;top:40%;font-size:28px}
html body.celestial-palace .ultra-v10-love-symbol{
  display:grid;place-items:center;
  width:39px;height:39px;border:2px solid #d19c63;border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#fffde8,#ffdbba);
  box-shadow:0 2px 6px #bd7c6055;
  color:#a84d5d;font:700 20px/1 'Noto Serif TC',serif;
  position:absolute;right:22%;bottom:21px;z-index:3;
}
html body.celestial-palace #matchView .match-hero-kicker{
  display:table;margin:8px auto 7px!important;
  padding:4px 17px;border-top:1px solid #dfb996;border-bottom:1px solid #dfb996;
  color:#98596c!important;font-weight:800;letter-spacing:.25em!important;
}
html body.celestial-palace #matchView .match-hero h2{
  font-weight:800!important;
  color:#b12c44!important;
  text-shadow:0 1px #fff7df,0 2px 10px rgba(185,46,66,.12)!important;
  font-size:clamp(25px,3.7vw,39px)!important;
  line-height:1.5!important;
  margin:9px auto 7px!important;
}
html body.celestial-palace #matchView .match-hero > p:not(.match-hero-kicker){
  color:#7d4c54!important;
  max-width:595px!important;
  margin:9px auto 0!important;
  padding-inline:clamp(5px,2.5vw,24px)!important;
  line-height:1.9!important;
}
html body.celestial-palace #matchView .match-hero .match-thread{margin-top:14px!important}

/* 財運獨立戲台：招財貓、聚寶物與轉動銅錢分開，不再把整張圖壓縮成框。 */
html body.celestial-palace .ultra-v10-wealth{height:190px;gap:10px}
html body.celestial-palace .ultra-v10-lucky-cat{
  display:block;width:155px;height:166px;object-fit:contain;
  filter:drop-shadow(0 8px 9px rgba(131,92,31,.18));
  position:relative;z-index:2;
}
html body.celestial-palace .ultra-v10-treasure{
  display:block;width:150px;height:166px;object-fit:contain;
  filter:drop-shadow(0 8px 9px rgba(131,92,31,.18));
  position:relative;z-index:2;
}
html body.celestial-palace .ultra-v10-gold-orbit{
  position:relative;z-index:1;flex:0 0 92px;width:92px;height:92px;
  display:flex;align-items:center;justify-content:center;gap:4px;
  border:6px double #cf9d46;border-radius:50%;
  background:radial-gradient(circle at 32% 25%,#fffce2,#f9d88b 60%,#dfa446);
  box-shadow:0 0 0 4px rgba(255,239,199,.82),0 7px 21px rgba(172,121,36,.25),inset 0 0 0 2px #fff1c6;
  font:800 25px/1 'Noto Serif TC',serif;color:#895321;text-shadow:0 1px #fffcdd;
}
html body.celestial-palace .ultra-v10-money-seal{
  position:absolute;z-index:3;
  font-size:24px;line-height:1;
  color:#eebd67;text-shadow:0 1px #fff9d9,0 2px 7px #b98737;
}
html body.celestial-palace .ultra-v10-money-a{left:17%;top:11%}
html body.celestial-palace .ultra-v10-money-b{right:19%;top:9%}
html body.celestial-palace #wealthView .wealth-hero-coin{
  width:55px!important;height:55px!important;
  position:absolute!important;right:35px;top:20px;z-index:2!important;
  border-width:4px!important;opacity:.82;
  background:radial-gradient(circle,#fffad9,#e8be6c)!important;
  box-shadow:inset 0 0 0 3px #ffecc4,0 2px 9px #b99c6559!important;
}
html body.celestial-palace #wealthView .wealth-hero-coin:before{width:12px;height:12px;border-width:2px}
html body.celestial-palace #wealthView .wealth-hero-coin span{font-size:20px!important}
html body.celestial-palace #wealthView .wealth-hero-copy{
  position:relative;z-index:3;
  max-width:680px;margin:0 auto;text-align:center!important;
}
html body.celestial-palace #wealthView .wealth-kicker{
  display:table;margin:3px auto 10px!important;
  border-block:1px solid #dbb478;padding:4px 16px;
  color:#9a6a33!important;font-weight:800;letter-spacing:.25em!important;
}
html body.celestial-palace #wealthView .wealth-hero h2{
  color:#77406f!important;font-weight:800!important;
  text-shadow:0 1px #fff8e8,0 2px 9px rgba(155,111,47,.13)!important;
  font-size:clamp(24px,3.65vw,39px)!important;
  line-height:1.5!important;margin:8px 0 10px!important;
}
html body.celestial-palace #wealthView .wealth-hero-copy > p:not(.wealth-kicker){
  font-size:clamp(12px,1.18vw,15px)!important;
  line-height:1.9!important;color:#7d6040!important;
  max-width:610px;margin:0 auto!important;
}
html body.celestial-palace #wealthView .wealth-hero-mark{
  display:table;margin:15px auto 0!important;
  color:#9d6d30!important;font-weight:750;
  background:linear-gradient(90deg,transparent,#fff3cf,transparent);
  padding:6px 13px;
}

/* 主內容卡片：小角花 / 錢幣只放在邊線，文字使用足夠的實際內距。 */
html body.celestial-palace #matchView :is(.match-form,.match-empty,.match-result,.match-paywall),
html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results){
  background-repeat:no-repeat!important;
  border-image:none!important;
  border-radius:22px!important;
  box-shadow:inset 0 0 0 4px #fffaed,inset 0 0 0 7px #e0ba87,0 12px 31px rgba(146,76,65,.17)!important;
}
html body.celestial-palace #matchView :is(.match-form,.match-empty,.match-result,.match-paywall){
  border:2px solid #bc8871!important;
  background-image:
     url('/assets/ultra-match-wealth/love-corner-tl.webp'),url('/assets/ultra-match-wealth/love-corner-tr.webp'),
     url('/assets/ultra-match-wealth/love-corner-bl.webp'),url('/assets/ultra-match-wealth/love-corner-br.webp'),
     radial-gradient(circle at 0% 3%,rgba(255,204,211,.3),transparent 35%),
     linear-gradient(160deg,#fffdf8,#fff5ed)!important;
  background-position:left top,right top,left bottom,right bottom,center,center!important;
  background-size:83px 83px,83px 83px,83px 83px,83px 83px,cover,cover!important;
}
html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results){
  border:2px solid #c69c57!important;
  background-image:
    url('/assets/ultra-match-wealth/wealth-corner-tl.webp'),url('/assets/ultra-match-wealth/wealth-corner-tr.webp'),
    url('/assets/ultra-match-wealth/wealth-corner-bl.webp'),url('/assets/ultra-match-wealth/wealth-corner-br.webp'),
    radial-gradient(circle at 0% 4%,rgba(255,228,160,.24),transparent 37%),
    linear-gradient(160deg,#fffdf5,#fff6e9)!important;
  background-position:left top,right top,left bottom,right bottom,center,center!important;
  background-size:83px 83px,83px 83px,83px 83px,83px 83px,cover,cover!important;
}
html body.celestial-palace #matchView .match-form,
html body.celestial-palace #wealthView .wealth-input-card{
  padding-top:clamp(27px,4vw,37px)!important;
  padding-bottom:clamp(26px,3vw,38px)!important;
}
html body.celestial-palace #matchView .match-membership{
  border:1px solid #e3b6aa!important;
  background:linear-gradient(100deg,#fff0e8,#fff9f2)!important;
  border-left:5px solid #c85e6d!important;
  border-radius:12px!important;color:#8c5c52!important;
  box-shadow:inset 0 0 0 2px #fff9f1;
}
html body.celestial-palace #matchView .match-partner{
  position:relative;
  border:2px solid #e2b493!important;border-radius:18px!important;
  background:linear-gradient(145deg,#fffdfa,#fff5ee)!important;
  box-shadow:inset 0 0 0 4px #fff9ee,0 7px 20px #b16c6c1b!important;
  padding:22px 19px!important;
}
html body.celestial-palace #matchView .match-female{
  border-color:#dbb2ba!important;
  background:linear-gradient(140deg,#fffdfa,#fff0f4)!important;
}
html body.celestial-palace #matchView .match-partner legend{
  color:#92435c!important;font-weight:800!important;
  padding:4px 14px!important;border:1px solid #eac9ab;border-radius:99px;
  background:#fff8eb;box-shadow:0 2px 7px #be987a22;
}
html body.celestial-palace #matchView .match-partner legend:after{
  content:'✿';color:#d27c81;margin-left:7px;font-size:15px;
}
html body.celestial-palace #matchView .match-mid-seal{
  border:3px double #c68e75!important;
  background:radial-gradient(circle,#fff9d9,#fce7d7)!important;
  width:49px;height:49px;color:#ab4d64!important;
}
html body.celestial-palace #matchView :is(.match-submit,.match-buy){
  border:2px solid #d7a86b!important;
  border-radius:999px!important;
  background:linear-gradient(125deg,#9d354f 0%,#c85366 50%,#a83751 100%)!important;
  box-shadow:inset 0 0 0 3px #fae5bd55,0 8px 15px #ba667047!important;
  color:#fff8ea!important;
}
html body.celestial-palace #wealthView .wealth-section-kicker{
  color:#ab7b36!important;font-weight:800;letter-spacing:.24em!important;
}
html body.celestial-palace #wealthView .wealth-input-card h3{
  color:#8d5d2f!important;font-weight:800!important;
  padding-bottom:10px;border-bottom:1px solid #d9b77d;
}
html body.celestial-palace #wealthView :is(.wealth-submit,.wealth-purchase){
  border-radius:999px!important;border:2px solid #dfbb69!important;
  background:linear-gradient(115deg,#86612b,#d5a34d,#946b2e)!important;
  box-shadow:inset 0 0 0 3px #fff0b944,0 8px 18px #ad864253!important;
  color:#fffdf4!important;
}
html body.celestial-palace #wealthView .wealth-basics-grid .wealth-basic,
html body.celestial-palace #wealthView :is(.wealth-score-card,.wealth-radar-card,.wealth-signal,.wealth-decade-cell,.wealth-report-card,.wealth-gate-card){
  border-radius:15px!important;
  border:1px solid #ddc092!important;
  background:linear-gradient(155deg,#fffdf7,#fff4e5)!important;
  box-shadow:inset 0 0 0 3px #fffaf2,0 4px 12px #bb91592a!important;
}
html body.celestial-palace #matchView :is(.match-chart-card,.match-score-panel,.match-pay-card,.match-deep-chapter){
  border:1px solid #e0b9a9!important;border-radius:15px!important;
  background:linear-gradient(145deg,#fffefa,#fff3f1)!important;
  box-shadow:inset 0 0 0 3px #fff9f4,0 5px 14px #b9828429!important;
}
html body.celestial-palace #matchView .match-paid-banner{
  background:linear-gradient(100deg,#8e3752,#c65868,#8d3653)!important;
  color:#fff1db!important;
}
html body.celestial-palace #wealthView .wealth-paid-banner{
  background:linear-gradient(105deg,#765128,#c0913b,#78502a)!important;
  color:#fff6db!important;
}
html body.celestial-palace #matchView .match-paid-heading,
html body.celestial-palace #wealthView .wealth-paid-header{position:relative;padding-top:24px!important}
html body.celestial-palace #matchView .match-paid-heading:before,
html body.celestial-palace #wealthView .wealth-paid-header:before{
  content:'❀ ─── ✦ ─── ❀';display:block;text-align:center;
  color:#c19a6c;font-size:14px;letter-spacing:.1em;
  margin-bottom:12px;
}

/* 手機優先：大圖不被伸長；留標題空間；頂部貓咪戲台保持完整。 */
@media(max-width:620px){
 html body.celestial-palace #matchView .match-hero,
 html body.celestial-palace #wealthView .wealth-hero{padding:15px 16px 22px!important;border-radius:19px!important}
 html body.celestial-palace #matchView .match-hero{
  background-size:89px 89px,89px 89px,89px 89px,89px 89px,cover,cover!important;
 }
 html body.celestial-palace #wealthView .wealth-hero{
  background-size:89px 89px,89px 89px,89px 89px,89px 89px,cover,cover!important;
 }
 html body.celestial-palace .ultra-v10-visual{height:154px;margin-bottom:8px}
 html body.celestial-palace .ultra-v10-visual:before{inset:10px 5% 23px}
 html body.celestial-palace .ultra-v10-love-portrait{width:162px;height:145px}
 html body.celestial-palace .ultra-v10-lantern{width:67px;height:110px;top:5px}
 html body.celestial-palace .ultra-v10-left{left:calc(50% - 142px)}
 html body.celestial-palace .ultra-v10-right{right:calc(50% - 142px)}
 html body.celestial-palace .ultra-v10-love-symbol{width:31px;height:31px;font-size:17px;right:12%;bottom:19px}
 html body.celestial-palace .ultra-v10-petal-a{left:3%;font-size:24px}
 html body.celestial-palace .ultra-v10-petal-b{right:3%;font-size:20px}
 html body.celestial-palace .ultra-v10-wealth{height:146px;gap:4px}
 html body.celestial-palace .ultra-v10-lucky-cat{width:100px;height:128px}
 html body.celestial-palace .ultra-v10-treasure{width:100px;height:128px}
 html body.celestial-palace .ultra-v10-gold-orbit{flex-basis:57px;width:57px;height:57px;font-size:17px;border-width:4px}
 html body.celestial-palace #wealthView .wealth-hero-coin{width:36px!important;height:36px!important;top:11px;right:14px;border-width:3px!important}
 html body.celestial-palace #wealthView .wealth-hero-coin span{font-size:14px!important}
 html body.celestial-palace #wealthView .wealth-hero-coin:before{width:8px;height:8px}
 html body.celestial-palace #matchView .match-hero h2,
 html body.celestial-palace #wealthView .wealth-hero h2{font-size:clamp(22px,6.4vw,30px)!important;letter-spacing:.03em!important}
 html body.celestial-palace #matchView .match-hero > p:not(.match-hero-kicker),
 html body.celestial-palace #wealthView .wealth-hero-copy>p:not(.wealth-kicker){font-size:12px!important;line-height:1.75!important}
 html body.celestial-palace #matchView .match-hero .match-thread{min-height:56px!important;margin-top:11px!important}
 html body.celestial-palace #matchView .match-hero .match-thread span:nth-child(2){width:50px!important;height:50px!important;font-size:25px!important}
 html body.celestial-palace #matchView :is(.match-form,.match-empty,.match-result,.match-paywall),
 html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results){
   background-size:55px 55px,55px 55px,55px 55px,55px 55px,cover,cover!important;
   padding-inline:17px!important;
 }
 html body.celestial-palace #matchView .match-partner{padding:19px 11px!important}
 html body.celestial-palace #matchView .match-paid-banner,
 html body.celestial-palace #wealthView .wealth-paid-banner{font-size:10px!important;letter-spacing:0!important}
}
@media(max-width:345px){
 html body.celestial-palace .ultra-v10-love-portrait{width:140px;height:126px}
 html body.celestial-palace .ultra-v10-lantern{width:51px;height:94px}
 html body.celestial-palace .ultra-v10-left{left:calc(50% - 120px)}
 html body.celestial-palace .ultra-v10-right{right:calc(50% - 120px)}
 html body.celestial-palace .ultra-v10-lucky-cat,
 html body.celestial-palace .ultra-v10-treasure{width:86px;height:118px}
 html body.celestial-palace .ultra-v10-gold-orbit{flex-basis:53px;width:53px;height:53px}
}
@media(prefers-reduced-motion:no-preference){
 html body.celestial-palace .ultra-v10-money-seal,
 html body.celestial-palace .ultra-v10-petal{animation:ultra-v10-twinkle 3.3s ease-in-out infinite}
 html body.celestial-palace .ultra-v10-money-b,
 html body.celestial-palace .ultra-v10-petal-b{animation-delay:1.3s}
 @keyframes ultra-v10-twinkle{0%,100%{opacity:.68;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
}

/* 用站內原本招財靈貓完整角色替代不完整裁切，避免身體被截斷。 */
html body.celestial-palace .ultra-v10-lucky-cat{
  width:144px;height:158px;
  object-fit:cover;object-position:center 30%;
  border:3px solid #dfb77a;border-radius:48% 48% 32% 32%;
  background:#fff9ed;box-shadow:inset 0 0 0 4px #fff1ce,0 7px 17px rgba(159,105,33,.21);
}
html body.celestial-palace #wealthView .wealth-hero-coin{display:none!important}
@media(max-width:620px){
 html body.celestial-palace .ultra-v10-lucky-cat{width:106px;height:124px}
}
@media(max-width:345px){
 html body.celestial-palace .ultra-v10-lucky-cat{width:89px;height:112px}
}

/* 固定比例兩側花雲裝飾：明顯增加華麗感，但中央保留文字安全區。 */
html body.celestial-palace #matchView .ultra-v10-side,
html body.celestial-palace #wealthView .ultra-v10-side{
  position:absolute!important;z-index:0!important;pointer-events:none;
  top:58px;bottom:35px;width:clamp(90px,17vw,220px);
  background-repeat:no-repeat;background-size:auto 100%;
  opacity:.42;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.42) 44%,transparent 100%);
}
html body.celestial-palace .ultra-v10-side-left{left:0;background-position:left center}
html body.celestial-palace .ultra-v10-side-right{right:0;transform:scaleX(-1);background-position:left center}
html body.celestial-palace .ultra-v10-side-love{background-image:url('/assets/ornate-unified/love-bloom.webp')}
html body.celestial-palace .ultra-v10-side-wealth{background-image:url('/assets/ornate-unified/wealth-ingots.webp');opacity:.33}
@media(max-width:620px){
 html body.celestial-palace #matchView .ultra-v10-side,
 html body.celestial-palace #wealthView .ultra-v10-side{
   top:60px;bottom:45px;width:54px;opacity:.18;
 }
}

/* 2026-11-06 v11+：財富大運加強版，盡量把招財元素做滿但不壓文字。 */
html body.celestial-palace #wealthView .wealth-hero{padding-bottom:36px!important}
html body.celestial-palace #wealthView .wealth-hero::before,
html body.celestial-palace #wealthView .wealth-hero::after{content:''!important;position:absolute;pointer-events:none;z-index:0!important;opacity:.92}
html body.celestial-palace #wealthView .wealth-hero::before{
  left:10px;bottom:-4px;width:min(26vw,300px);height:min(12vw,128px);
  background:url('/assets/ornate-unified/wealth-ingots.webp') left bottom/contain no-repeat;
  filter:drop-shadow(0 8px 9px rgba(170,126,43,.20));
}
html body.celestial-palace #wealthView .wealth-hero::after{
  right:8px;bottom:-10px;width:min(19vw,205px);height:min(15vw,165px);
  background:url('/assets/ornate-unified/wealth-ornate.webp') right bottom/contain no-repeat;
  opacity:.58;filter:drop-shadow(0 8px 10px rgba(172,127,45,.14));
}
html body.celestial-palace #wealthView .wealth-hero-copy{
  padding:0 24px 6px;
}
html body.celestial-palace #wealthView .wealth-hero-copy:before,
html body.celestial-palace #wealthView .wealth-hero-copy:after{
  content:'✦ ✧ ✦';
  display:block; text-align:center;
  font-size:15px; letter-spacing:.34em; color:#d4a24d;
}
html body.celestial-palace #wealthView .wealth-hero-copy:before{margin:2px auto 8px}
html body.celestial-palace #wealthView .wealth-hero-copy:after{margin:12px auto 0}
html body.celestial-palace #wealthView .wealth-hero-mark{
  position:relative;overflow:hidden;border-radius:999px;
  border:1px solid rgba(220,183,100,.55);
  box-shadow:inset 0 0 0 2px rgba(255,249,225,.66),0 4px 14px rgba(177,137,64,.08);
}
html body.celestial-palace #wealthView .wealth-hero-mark::before,
html body.celestial-palace #wealthView .wealth-hero-mark::after{
  content:'◈';position:absolute;top:50%;transform:translateY(-50%);
  color:#ddb15a;font-size:13px;opacity:.9;
}
html body.celestial-palace #wealthView .wealth-hero-mark::before{left:10px}
html body.celestial-palace #wealthView .wealth-hero-mark::after{right:10px}

html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results,.wealth-paywall,.wealth-gate-card,.wealth-score-card,.wealth-radar-card,.wealth-basic,.wealth-report-card,.wealth-decade-cell,.wealth-signal){
  position:relative!important;overflow:hidden!important;
}
html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results)::before{
  content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);
  width:104px;height:26px;pointer-events:none;opacity:.92;
  background:url('/assets/safe-ornaments-v9/wealth-crest.svg') center/contain no-repeat;
}
html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results)::after{
  content:'';position:absolute;right:0;bottom:0;width:190px;height:92px;pointer-events:none;opacity:.35;
  background:url('/assets/ornate-unified/wealth-ingots.webp') right bottom/contain no-repeat;
}
html body.celestial-palace #wealthView .wealth-input-card{
  background-image:
    url('/assets/ultra-match-wealth/wealth-corner-tl.webp'),url('/assets/ultra-match-wealth/wealth-corner-tr.webp'),
    url('/assets/ultra-match-wealth/wealth-corner-bl.webp'),url('/assets/ultra-match-wealth/wealth-corner-br.webp'),
    radial-gradient(circle at 0% 4%,rgba(255,228,160,.24),transparent 37%),
    radial-gradient(circle at 100% 0%,rgba(254,238,190,.28),transparent 33%),
    linear-gradient(160deg,#fffdf5,#fff6e9)!important;
  background-position:left top,right top,left bottom,right bottom,center,center,center!important;
  background-size:83px 83px,83px 83px,83px 83px,83px 83px,cover,cover,cover!important;
}
html body.celestial-palace #wealthView .wealth-input-card h3,
html body.celestial-palace #wealthView .wealth-result-title h2,
html body.celestial-palace #wealthView .wealth-paid-header h3{
  text-shadow:0 1px 0 #fff9df,0 2px 7px rgba(183,139,60,.10);
}
html body.celestial-palace #wealthView .wealth-result-title{
  position:relative;padding-top:28px!important;padding-bottom:10px!important;
}
html body.celestial-palace #wealthView .wealth-result-title::before{
  content:'✦  財富命盤初探  ✦';display:block;text-align:center;margin-bottom:10px;
  color:#b48537;font-weight:800;letter-spacing:.18em;font-size:13px;
}
html body.celestial-palace #wealthView .wealth-overview,
html body.celestial-palace #wealthView .wealth-basics-grid,
html body.celestial-palace #wealthView .wealth-signals{
  position:relative;z-index:1;
}
html body.celestial-palace #wealthView .wealth-overview article::before,
html body.celestial-palace #wealthView .wealth-basics-grid .wealth-basic::before,
html body.celestial-palace #wealthView .wealth-gate-card::before{
  content:'';position:absolute;top:8px;right:8px;width:42px;height:42px;opacity:.22;pointer-events:none;
  background:url('/assets/theme-symbols-v9/wealth-ingots.svg') center/contain no-repeat;
}
html body.celestial-palace #wealthView .wealth-basics-grid .wealth-basic::after,
html body.celestial-palace #wealthView .wealth-score-card::after,
html body.celestial-palace #wealthView .wealth-radar-card::after,
html body.celestial-palace #wealthView .wealth-gate-card::after{
  content:'財';position:absolute;left:10px;bottom:8px;width:20px;height:20px;display:grid;place-items:center;
  font:800 11px/1 'Noto Serif TC',serif;color:#b07b2d;border:1px solid #e2c07a;border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#fff9de,#f5d588);
  box-shadow:inset 0 0 0 2px #fff3c9;
  opacity:.7;
}
html body.celestial-palace #wealthView .wealth-paid-banner{
  position:relative;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,240,196,.45),0 6px 15px rgba(124,83,31,.18)!important;
}
html body.celestial-palace #wealthView .wealth-paid-banner::before,
html body.celestial-palace #wealthView .wealth-paid-banner::after{
  content:'✦';position:absolute;top:50%;transform:translateY(-50%);font-size:15px;color:#fff0c0;opacity:.95;
}
html body.celestial-palace #wealthView .wealth-paid-banner::before{left:14px}
html body.celestial-palace #wealthView .wealth-paid-banner::after{right:14px}
html body.celestial-palace #wealthView .wealth-paid-header{
  background:linear-gradient(180deg,rgba(255,250,238,.65),rgba(255,247,229,.18));
  border-radius:16px!important;
  box-shadow:inset 0 0 0 1px rgba(229,201,149,.34);
}
html body.celestial-palace #wealthView .wealth-paid-header::after{
  content:'';position:absolute;right:10px;top:10px;width:72px;height:72px;opacity:.16;pointer-events:none;
  background:url('/assets/theme-symbols-v9/wealth-ingots.svg') center/contain no-repeat;
}
html body.celestial-palace #wealthView .wealth-paid-seal{
  box-shadow:0 6px 15px rgba(171,127,52,.17),inset 0 0 0 3px rgba(255,248,214,.62)!important;
}
html body.celestial-palace #wealthView .wealth-full-report,
html body.celestial-palace #wealthView #wealthFullReport{
  position:relative;z-index:1;
}
html body.celestial-palace #wealthView .wealth-disclaimer{
  display:table;margin:16px auto 0;padding:7px 16px;border-radius:999px;
  background:linear-gradient(90deg,rgba(255,250,237,.55),rgba(255,243,214,.9),rgba(255,250,237,.55));
  border:1px solid rgba(220,192,134,.65); color:#8b6a39!important;
}

@media(max-width:620px){
  html body.celestial-palace #wealthView .wealth-hero{padding-bottom:28px!important}
  html body.celestial-palace #wealthView .wealth-hero::before{left:-6px;width:128px;height:58px;opacity:.52}
  html body.celestial-palace #wealthView .wealth-hero::after{right:-2px;width:92px;height:74px;opacity:.42}
  html body.celestial-palace #wealthView .wealth-hero-copy{padding:0 6px 4px}
  html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results)::before{width:82px;height:20px;top:6px}
  html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results)::after{width:108px;height:52px;opacity:.23}
  html body.celestial-palace #wealthView .wealth-overview article::before,
  html body.celestial-palace #wealthView .wealth-basics-grid .wealth-basic::before,
  html body.celestial-palace #wealthView .wealth-gate-card::before{width:28px;height:28px;top:7px;right:7px;opacity:.18}
  html body.celestial-palace #wealthView .wealth-basics-grid .wealth-basic::after,
  html body.celestial-palace #wealthView .wealth-score-card::after,
  html body.celestial-palace #wealthView .wealth-radar-card::after,
  html body.celestial-palace #wealthView .wealth-gate-card::after{transform:scale(.86);transform-origin:left bottom}
}

/* 2026-11-06 v12：財富大運極致豪華版。重做頂部財運語彙，移除不相關角圖，改用滿版招財元素。 */
html body.celestial-palace #wealthView .ultra-v10-side-wealth,
html body.celestial-palace #wealthView .theme-hero-decor.theme-hero-wealth{
  display:none!important;
}
html body.celestial-palace #wealthView .wealth-hero{
  position:relative!important;
  overflow:hidden!important;
  border:2px solid #d9ae61!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,244,202,.88),transparent 36%),
    linear-gradient(180deg,#fff8e5 0%,#fff5db 20%,#fff8ea 54%,#fff4df 100%)!important;
  box-shadow:
    inset 0 0 0 5px rgba(255,252,242,.92),
    inset 0 0 0 9px rgba(225,186,106,.72),
    0 16px 38px rgba(164,124,45,.16)!important;
  padding-top:34px!important;
  padding-bottom:42px!important;
}
html body.celestial-palace #wealthView .wealth-hero::before,
html body.celestial-palace #wealthView .wealth-hero::after{
  content:''!important;position:absolute!important;top:20px;width:188px;height:188px;pointer-events:none;z-index:1!important;
  background-repeat:no-repeat!important;background-size:contain!important;opacity:.98!important;
  filter:drop-shadow(0 10px 18px rgba(177,130,40,.18));
}
html body.celestial-palace #wealthView .wealth-hero::before{
  left:18px;background-image:url('/assets/ultra-match-wealth/golden-lucky-cat.webp')!important;background-position:left top!important;
}
html body.celestial-palace #wealthView .wealth-hero::after{
  right:18px;background-image:url('/assets/ultra-match-wealth/wealth-treasure.webp')!important;background-position:right top!important;
}
html body.celestial-palace #wealthView .wealth-hero > *{position:relative;z-index:3}
html body.celestial-palace #wealthView .ultra-v10-visual.ultra-v10-wealth{
  position:relative;isolation:isolate;
  height:204px;gap:14px;margin-bottom:14px;
}
html body.celestial-palace #wealthView .ultra-v10-visual.ultra-v10-wealth::before{
  content:'';position:absolute;left:50%;top:30px;transform:translateX(-50%);
  width:min(78%,740px);height:112px;z-index:0;border-radius:999px;
  background:
    radial-gradient(circle at 50% 30%,rgba(255,254,241,.96),rgba(255,246,219,.92) 60%,rgba(243,220,160,.75) 100%),
    linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,245,210,.15));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(227,188,109,.36), 0 12px 28px rgba(187,143,52,.08);
}
html body.celestial-palace #wealthView .ultra-v10-visual.ultra-v10-wealth::after{
  content:'';position:absolute;left:50%;top:122px;transform:translateX(-50%);
  width:360px;max-width:72vw;height:20px;z-index:0;
  background:
    url('/assets/theme-symbols-v9/wealth-ingots.svg') left center/64px 18px no-repeat,
    url('/assets/theme-symbols-v9/wealth-ingots.svg') right center/64px 18px no-repeat,
    radial-gradient(circle at 50% 50%,rgba(229,187,101,.6),rgba(229,187,101,0) 68%);
  opacity:.74;
}
html body.celestial-palace #wealthView .ultra-v10-lucky-cat,
html body.celestial-palace #wealthView .ultra-v10-treasure{
  width:162px;height:176px;z-index:2;object-fit:contain;
  filter:drop-shadow(0 10px 15px rgba(156,109,32,.18));
}
html body.celestial-palace #wealthView .ultra-v10-gold-orbit{
  width:98px;height:98px;flex-basis:98px;z-index:3;
  border:6px double #cf9d46;
  background:radial-gradient(circle at 32% 25%,#fffce2,#ffe59e 54%,#e1ab49 84%);
  box-shadow:0 0 0 5px rgba(255,239,199,.82),0 9px 24px rgba(172,121,36,.20),inset 0 0 0 2px #fff3d2;
}
html body.celestial-palace #wealthView .ultra-v10-gold-orbit::before,
html body.celestial-palace #wealthView .ultra-v10-gold-orbit::after{
  content:'✦';position:absolute;top:50%;transform:translateY(-50%);font-size:13px;color:#d59f49;text-shadow:0 1px #fff9dd;
}
html body.celestial-palace #wealthView .ultra-v10-gold-orbit::before{left:-16px}
html body.celestial-palace #wealthView .ultra-v10-gold-orbit::after{right:-16px}
html body.celestial-palace #wealthView .ultra-v10-money-seal{font-size:26px;color:#f0c364}
html body.celestial-palace #wealthView .ultra-v10-money-a{left:21%;top:6%}
html body.celestial-palace #wealthView .ultra-v10-money-b{right:22%;top:7%}
html body.celestial-palace #wealthView .wealth-hero-copy{
  max-width:760px!important;padding:0 26px 6px!important;
}
html body.celestial-palace #wealthView .wealth-kicker{
  background:linear-gradient(90deg,transparent,rgba(255,244,211,.95),transparent)!important;
  border-block:1px solid #d5aa58!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8), inset 0 1px 0 rgba(255,255,255,.8)!important;
}
html body.celestial-palace #wealthView .wealth-hero h2{
  color:#7d487a!important;
  text-shadow:0 1px 0 #fffaf0,0 3px 14px rgba(178,134,49,.12)!important;
}
html body.celestial-palace #wealthView .wealth-hero-copy > p:not(.wealth-kicker){max-width:700px!important}
html body.celestial-palace #wealthView .wealth-hero-mark{
  position:relative;display:table;margin:18px auto 0!important;padding:7px 22px!important;
  border-radius:999px;border:1px solid rgba(218,179,96,.7);
  background:linear-gradient(90deg,rgba(255,247,223,.5),rgba(255,243,207,.96),rgba(255,247,223,.5));
  box-shadow:0 4px 12px rgba(189,146,55,.08), inset 0 1px 0 rgba(255,255,255,.8);
}
html body.celestial-palace #wealthView .wealth-hero-mark::before,
html body.celestial-palace #wealthView .wealth-hero-mark::after{
  content:'財';position:absolute;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;
  font:800 11px/1 'Noto Serif TC',serif;color:#9f6823;border-radius:50%;
  border:1px solid #e2be79;background:radial-gradient(circle at 35% 25%,#fff9df,#f4d689);box-shadow:inset 0 0 0 2px #fff1c5;
}
html body.celestial-palace #wealthView .wealth-hero-mark::before{left:-10px}
html body.celestial-palace #wealthView .wealth-hero-mark::after{right:-10px}

/* 財運內容區塊也做滿版招財角飾與底部聚寶元素 */
html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results,.wealth-paywall,.wealth-gate-card,.wealth-score-card,.wealth-radar-card,.wealth-basic,.wealth-report-card,.wealth-decade-cell){
  border:1.6px solid #ddb46e!important;
  box-shadow:inset 0 0 0 4px #fffaf0,inset 0 0 0 7px rgba(231,194,120,.76),0 12px 30px rgba(170,127,47,.11)!important;
}
html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results){
  background-image:
    url('/assets/ultra-match-wealth/wealth-corner-tl.webp'),url('/assets/ultra-match-wealth/wealth-corner-tr.webp'),
    url('/assets/ultra-match-wealth/wealth-corner-bl.webp'),url('/assets/ultra-match-wealth/wealth-corner-br.webp'),
    radial-gradient(circle at 50% 0%,rgba(255,247,216,.58),transparent 35%),
    linear-gradient(180deg,#fffdfa,#fff7eb)!important;
  background-repeat:no-repeat!important;
  background-position:left top,right top,left bottom,right bottom,center,center!important;
  background-size:106px 106px,106px 106px,106px 106px,106px 106px,cover,cover!important;
}
html body.celestial-palace #wealthView .wealth-input-card::after,
html body.celestial-palace #wealthView .wealth-empty::after,
html body.celestial-palace #wealthView .wealth-results::after{
  content:'';position:absolute;left:14px;bottom:6px;width:210px;height:88px;pointer-events:none;opacity:.46;
  background:url('/assets/ornate-unified/wealth-ingots.webp') left bottom/contain no-repeat;
}
html body.celestial-palace #wealthView .wealth-overview article,
html body.celestial-palace #wealthView .wealth-basic,
html body.celestial-palace #wealthView .wealth-gate-card,
html body.celestial-palace #wealthView .wealth-report-card,
html body.celestial-palace #wealthView .wealth-decade-cell,
html body.celestial-palace #wealthView .wealth-paid-header{
  background-image:
    radial-gradient(circle at 100% 0%,rgba(255,240,181,.32),transparent 32%),
    radial-gradient(circle at 0% 100%,rgba(255,226,158,.24),transparent 28%),
    linear-gradient(135deg,#fffdf7,#fff6e8)!important;
}
html body.celestial-palace #wealthView .wealth-paid-header::before{
  content:'';position:absolute;left:16px;top:14px;width:86px;height:38px;pointer-events:none;opacity:.64;
  background:url('/assets/safe-ornaments-v9/wealth-crest.svg') left center/contain no-repeat;
}
html body.celestial-palace #wealthView .wealth-overview article::before,
html body.celestial-palace #wealthView .wealth-basic::before,
html body.celestial-palace #wealthView .wealth-gate-card::before,
html body.celestial-palace #wealthView .wealth-report-card::before,
html body.celestial-palace #wealthView .wealth-decade-cell::before{
  width:48px!important;height:48px!important;opacity:.26!important;
}
html body.celestial-palace #wealthView .wealth-overview article::after,
html body.celestial-palace #wealthView .wealth-basic::after,
html body.celestial-palace #wealthView .wealth-gate-card::after,
html body.celestial-palace #wealthView .wealth-score-card::after,
html body.celestial-palace #wealthView .wealth-radar-card::after,
html body.celestial-palace #wealthView .wealth-report-card::after,
html body.celestial-palace #wealthView .wealth-decade-cell::after{
  transform:none!important;left:12px!important;bottom:10px!important;
}
html body.celestial-palace #wealthView .wealth-input-card h3,
html body.celestial-palace #wealthView .wealth-result-title h2,
html body.celestial-palace #wealthView .wealth-paid-header h3,
html body.celestial-palace #wealthView .wealth-card-title,
html body.celestial-palace #wealthView .wealth-basic strong{
  color:#7a4872!important;text-shadow:0 1px 0 #fff7e9;
}

@media(max-width:620px){
  html body.celestial-palace #wealthView .wealth-hero{padding-top:22px!important;padding-bottom:28px!important;border-radius:24px!important}
  html body.celestial-palace #wealthView .wealth-hero::before,
  html body.celestial-palace #wealthView .wealth-hero::after{top:12px;width:92px;height:92px;opacity:.95}
  html body.celestial-palace #wealthView .wealth-hero::before{left:6px}
  html body.celestial-palace #wealthView .wealth-hero::after{right:6px}
  html body.celestial-palace #wealthView .ultra-v10-visual.ultra-v10-wealth{height:142px;gap:6px;margin-bottom:10px}
  html body.celestial-palace #wealthView .ultra-v10-visual.ultra-v10-wealth::before{top:24px;width:92%;height:82px}
  html body.celestial-palace #wealthView .ultra-v10-visual.ultra-v10-wealth::after{top:96px;width:218px;height:14px;background-size:40px 12px,40px 12px,cover}
  html body.celestial-palace #wealthView .ultra-v10-lucky-cat,
  html body.celestial-palace #wealthView .ultra-v10-treasure{width:92px;height:96px}
  html body.celestial-palace #wealthView .ultra-v10-gold-orbit{width:64px;height:64px;flex-basis:64px;font-size:18px}
  html body.celestial-palace #wealthView .ultra-v10-gold-orbit::before{left:-11px;font-size:10px}
  html body.celestial-palace #wealthView .ultra-v10-gold-orbit::after{right:-11px;font-size:10px}
  html body.celestial-palace #wealthView .ultra-v10-money-seal{font-size:18px}
  html body.celestial-palace #wealthView .ultra-v10-money-a{left:16%;top:7%}
  html body.celestial-palace #wealthView .ultra-v10-money-b{right:16%;top:7%}
  html body.celestial-palace #wealthView .wealth-hero-copy{padding:0 8px 4px!important}
  html body.celestial-palace #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results){
    background-size:58px 58px,58px 58px,58px 58px,58px 58px,cover,cover!important;
  }
  html body.celestial-palace #wealthView .wealth-input-card::after,
  html body.celestial-palace #wealthView .wealth-empty::after,
  html body.celestial-palace #wealthView .wealth-results::after{width:118px;height:48px;left:8px;bottom:4px;opacity:.28}
}

/* SOURCE: refined-three-themes-v11.css */
/* 喵說星語 v11 — 重建三種各自獨立的視覺語言。
   所有表單仍為原生 HTML，JS 事件/ID/會員與付款流程完全沿用。 */
html body.site-refined-v11{
  --moon-paper:#fff8ed;--moon-deep:#68365d;--moon-gold:#d9a45e;
  color:#643c44;
  background:#f9e9ee!important;
}
html body.site-refined-v11>.shell{max-width:1220px;overflow-x:clip!important;background:transparent!important;}
html body.site-refined-v11:has(>.shell)::before{
  background-image:url('/assets/ornate-unified/single-scene.webp')!important;
  background-size:cover!important;background-position:center center!important;
  opacity:.76!important;
}
/* Brand mark is always real rendered text, not a blurry enlargement of image lettering. */
html body.site-refined-v11 .top{
  background:linear-gradient(100deg,rgba(255,248,235,.96),rgba(255,243,240,.9))!important;
  border-bottom:1px solid #ead0a8!important;
  box-shadow:0 3px 18px rgba(138,88,78,.075)!important;
}
html body.site-refined-v11 .brand .seal{
  position:relative;display:grid;place-items:center;flex:none;
  background:radial-gradient(circle at 34% 20%,#a882b2,#59346c 62%,#3a235d 100%)!important;
  color:#ffe9a5!important;border:3px double #eac376!important;
  box-shadow:0 0 0 3px #fff5d7,0 0 0 5px #c28c51,0 4px 10px #9b625957!important;
  font-size:0!important;border-radius:50%!important;
}
html body.site-refined-v11 .brand .seal::before{content:'☾';font:700 31px/1 Georgia,serif;color:#ffe4a4;transform:rotate(-16deg)}
html body.site-refined-v11 .brand .seal::after{content:'✦';position:absolute;right:15%;top:17%;font:700 13px/1 Georgia,serif;color:#fff8c8}
html body.site-refined-v11 .brandname{color:#60316a!important;letter-spacing:.07em!important;text-shadow:0 1px #fff6ea!important;}
html body.site-refined-v11 .brandname small{color:#8c5e60!important;letter-spacing:.12em!important;}
html body.site-refined-v11 :is(.cat-quick-submit,.match-submit,.wealth-submit,.match-buy,.wealth-purchase):active{transform:translateY(2px)!important;filter:brightness(.96)!important;}
html body.site-refined-v11 :is(button,input,select):focus-visible{outline:2px solid #9c5988!important;outline-offset:2px!important}

/* Shared restraint: actual unwarped corner art, lightweight shadow, room for legible text. */
html body.site-refined-v11 #matchView,html body.site-refined-v11 #wealthView{
  margin:22px auto!important;max-width:1110px!important;width:100%!important;
  background:none!important;isolation:isolate;
}
html body.site-refined-v11 #matchView :is(.match-hero,.match-form,.match-empty,.match-result,.match-chart-card,.match-score-panel,.match-paywall),
html body.site-refined-v11 #wealthView :is(.wealth-hero,.wealth-input-card,.wealth-empty,.wealth-results,.wealth-overview article,.wealth-basic,.wealth-paywall){
  border-image:none!important;outline:0!important;
}
html body.site-refined-v11 .theme-form-title{
  display:flex;align-items:center;justify-content:center;gap:16px;
  margin:0 auto 19px!important;padding:8px 12px 12px!important;
  width:max-content;max-width:100%;background:none!important;
  border-bottom:1px solid #d6a87e;white-space:normal;
}
html body.site-refined-v11 .theme-form-title span{font-size:25px;line-height:1;color:#be7c91}
html body.site-refined-v11 .theme-form-title>div{text-align:center;display:flex;flex-direction:column;gap:4px}
html body.site-refined-v11 .theme-form-title small{font-size:11px;letter-spacing:.23em;color:#9b7272;font-weight:650}
html body.site-refined-v11 .theme-form-title strong{font:900 clamp(18px,2vw,25px)/1.35 'Noto Serif TC','Songti TC',serif;letter-spacing:.12em;color:#813e5b}

/* ---------- Love: framed pale peach, couple cameo, twin-happiness separator ---------- */
html body.site-refined-v11 #matchView{--ornament:#c8878d;--ornament-dark:#9f475b}
html body.site-refined-v11 #matchView .match-hero{
  display:grid!important;grid-template-columns:minmax(235px,.43fr) minmax(0,.57fr)!important;
  grid-template-rows:auto auto auto auto!important;align-items:center!important;column-gap:18px!important;
  min-height:286px!important;padding:26px 49px!important;margin:0 0 20px!important;
  border:2px solid #d6a170!important;border-radius:25px!important;
  background:linear-gradient(100deg,rgba(255,248,239,.95),rgba(255,236,238,.9)),url('/assets/ornate-unified/love-bloom.webp') left center / auto 100% no-repeat!important;
  box-shadow:inset 0 0 0 5px #fff6e8,inset 0 0 0 7px #e4b589,0 9px 25px rgba(124,67,77,.13)!important;
  text-align:center!important;overflow:hidden!important;
}
html body.site-refined-v11 #matchView .match-hero:before,
html body.site-refined-v11 #matchView .match-hero:after{content:none!important;display:none!important}
html body.site-refined-v11 #matchView .match-hero>.theme-hero-decor,
html body.site-refined-v11 #matchView .ultra-v10-side{display:none!important}
html body.site-refined-v11 #matchView .match-hero>.ultra-v10-visual{
  grid-column:1;grid-row:1/5;display:flex!important;position:relative!important;
  height:232px!important;width:100%!important;min-width:0!important;max-width:330px!important;margin:0 auto!important;
  background:none!important;z-index:1!important;
}
html body.site-refined-v11 #matchView .ultra-v10-visual:before{
  inset:16px 8% 14px!important;border-radius:50%!important;
  background:radial-gradient(circle,#fff6f5 14%,#f9d4d9b5 57%,transparent 77%)!important;
  border:0!important;box-shadow:none!important
}
html body.site-refined-v11 #matchView .ultra-v10-visual:after{content:none!important}
html body.site-refined-v11 #matchView .ultra-v10-love-portrait{
  width:min(100%,300px)!important;height:230px!important;object-fit:contain!important;
  border:0!important;filter:drop-shadow(0 7px 9px rgba(167,85,86,.14))!important;
}
html body.site-refined-v11 #matchView .ultra-v10-lantern,
html body.site-refined-v11 #matchView .ultra-v10-petal,
html body.site-refined-v11 #matchView .ultra-v10-brocade-line,
html body.site-refined-v11 #matchView .ultra-v10-love-symbol,
html body.site-refined-v11 #matchView .match-hero-script,
html body.site-refined-v11 #matchView .match-thread{display:none!important}
html body.site-refined-v11 #matchView .match-hero-kicker{
  grid-column:2;grid-row:1;margin:3px auto 0!important;
  padding:6px 12px!important;color:#98546d!important;letter-spacing:.12em!important;
  font-size:13px!important;border:0!important;background:none!important;
}
html body.site-refined-v11 #matchView .match-hero h2{
  grid-column:2;grid-row:2;margin:1px auto 3px!important;
  color:#8d3f56!important;font:900 clamp(35px,4vw,49px)/1.32 'Noto Serif TC','Songti TC',serif!important;
  letter-spacing:.17em!important;text-shadow:0 2px #fff7e8!important;
}
html body.site-refined-v11 #matchView .match-hero>p:not(.match-hero-kicker){
  grid-column:2;grid-row:3;margin:1px auto 6px!important;max-width:460px!important;
  padding:0!important;color:#7e5b61!important;font-size:14px!important;line-height:1.95!important;
}
html body.site-refined-v11 #matchView .match-form,
html body.site-refined-v11 #matchView .match-empty,
html body.site-refined-v11 #matchView .match-result{
  border:2px solid #d6a77b!important;border-radius:22px!important;
  background: url('/assets/ultra-match-wealth/love-corner-tl.webp') left top / 92px auto no-repeat,
    url('/assets/ultra-match-wealth/love-corner-tr.webp') right top / 92px auto no-repeat,
    url('/assets/ultra-match-wealth/love-corner-bl.webp') left bottom / 92px auto no-repeat,
    url('/assets/ultra-match-wealth/love-corner-br.webp') right bottom / 92px auto no-repeat,
    linear-gradient(145deg,rgba(255,251,242,.97),rgba(255,242,239,.97))!important;
  box-shadow:inset 0 0 0 4px #fffaf3,inset 0 0 0 6px #eac7a9,0 8px 26px #935c6a19!important;
}
html body.site-refined-v11 #matchView .match-form{padding:24px clamp(20px,3.5vw,40px) 26px!important;margin:0!important;}
html body.site-refined-v11 #matchView .match-membership{margin:0 2px 18px!important;padding:9px 13px!important;background:#fff5f2!important;color:#875b5c!important;font-size:12px!important;}
html body.site-refined-v11 #matchView .match-partner-grid{gap:26px!important;align-items:stretch}
html body.site-refined-v11 #matchView .match-partner{
  background:linear-gradient(145deg,rgba(255,252,247,.96),rgba(255,245,239,.91))!important;
  border:1.5px solid #e5bc99!important;border-radius:18px!important;
  box-shadow:inset 0 0 0 3px #fff7f0!important;padding:16px 18px!important;
}
html body.site-refined-v11 #matchView .match-female{background:linear-gradient(140deg,#fffcf9,#fff2f5)!important;}
html body.site-refined-v11 #matchView .match-partner legend{background:#fff6ee!important;box-shadow:0 2px 5px #c18f8f18!important;}
html body.site-refined-v11 #matchView .match-mid-seal{
  display:grid!important;place-items:center!important;z-index:2!important;
  border:1px solid #d8a77a!important;border-radius:50%!important;
  background:radial-gradient(circle,#fff5e9,#f4d2cf)!important;color:#a75566!important;
  width:48px!important;height:48px!important;top:50%!important;
}
html body.site-refined-v11 #matchView :is(.match-partner input,.match-partner select){background:#fffdf9!important;border-radius:12px!important;border:1px solid #d9b4a2!important;color:#654b4a!important;}
html body.site-refined-v11 #matchView .match-submit{
  display:block!important;max-width:490px!important;width:100%!important;margin:17px auto 0!important;
  background:linear-gradient(180deg,#d77766,#b94b53 48%,#8f3648)!important;
  border:2px solid #f0c98e!important;border-radius:99px!important;color:#fffaf1!important;
  box-shadow:0 0 0 3px #ad6b4b4a,inset 0 0 0 2px #ffdfae,0 7px 14px #9c4b5150!important;
  font:800 18px/1.3 'Noto Serif TC',serif!important;letter-spacing:.12em!important;
}
html body.site-refined-v11 #matchView .theme-love-join{
  display:flex;align-items:center;justify-content:center;gap:16px;margin:-8px auto -10px!important;position:relative!important;z-index:3!important;
}
html body.site-refined-v11 #matchView .theme-love-join:before,
html body.site-refined-v11 #matchView .theme-love-join:after{content:'';width:min(24%,170px);height:2px;background:linear-gradient(90deg,transparent,#d8a56b)}
html body.site-refined-v11 #matchView .theme-love-join:after{transform:scaleX(-1)}
html body.site-refined-v11 #matchView .theme-love-join span{
  display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:4px double #eebc72;
  background:radial-gradient(circle at 34% 23%,#f65d69,#b6264a 70%,#8b2b44);color:#ffe5a5;
  box-shadow:0 0 0 3px #fff5ed,0 4px 12px #b45a5a45;
  font:900 34px/1 'Noto Serif TC',serif;
}
html body.site-refined-v11 #matchView .match-empty{margin-top:0!important;padding:35px!important;}
html body.site-refined-v11 #matchView .match-result{margin-top:15px!important;padding:30px clamp(16px,3vw,35px)!important;}
html body.site-refined-v11 #matchView .match-result .match-results-heading{border-bottom:1px solid #e7c5ac!important;padding-bottom:14px!important;}
html body.site-refined-v11 #matchView .match-chart-card,
html body.site-refined-v11 #matchView .match-score-panel,
html body.site-refined-v11 #matchView .match-paywall{
  background:linear-gradient(#fffdfaeb,#fff6f4e8)!important;
  border:1px solid #e3b5a5!important;border-radius:18px!important;
  box-shadow:0 3px 12px #a47c6f14!important;
}

/* ---------- Wealth: amber-jade, classical ingots, clean and different from romance ---------- */
html body.site-refined-v11 #wealthView{--ornament:#cba354;--ornament-dark:#7b683e}
html body.site-refined-v11 #wealthView .wealth-hero{
  display:grid!important;grid-template-columns:minmax(210px,.45fr) minmax(0,.55fr)!important;
  align-items:center!important;gap:16px!important;min-height:277px!important;
  padding:24px 43px!important;margin:0 0 20px!important;
  border:2px solid #d7ac63!important;border-radius:24px!important;
  background:radial-gradient(circle at 17% 58%,#fff0cc,transparent 40%),linear-gradient(120deg,rgba(255,251,236,.96),rgba(251,240,210,.93))!important;
  box-shadow:inset 0 0 0 5px #fff9e8,inset 0 0 0 7px #d7b878,0 10px 25px #9d784b22!important;
  overflow:hidden!important;text-align:center!important;
}
html body.site-refined-v11 #wealthView .wealth-hero:before,
html body.site-refined-v11 #wealthView .wealth-hero:after,
html body.site-refined-v11 #wealthView .wealth-hero>.theme-hero-decor,
html body.site-refined-v11 #wealthView .ultra-v10-side{display:none!important;content:none!important;}
html body.site-refined-v11 #wealthView .wealth-hero>.ultra-v10-visual{
  display:flex!important;grid-column:1;grid-row:1;width:100%!important;height:226px!important;
  max-width:350px!important;margin:0 auto!important;padding:0!important;
  background:radial-gradient(ellipse,#fff0c6a8,transparent 70%)!important;
}
html body.site-refined-v11 #wealthView .ultra-v10-visual:before,
html body.site-refined-v11 #wealthView .ultra-v10-visual:after{content:none!important;}
html body.site-refined-v11 #wealthView .ultra-v10-lucky-cat{
  width:185px!important;height:218px!important;max-height:100%!important;object-fit:contain!important;
  border:0!important;filter:drop-shadow(0 9px 11px #99734733)!important;
}
html body.site-refined-v11 #wealthView .ultra-v10-treasure{
  width:116px!important;height:190px!important;max-height:100%!important;object-fit:contain!important;
  border:0!important;filter:drop-shadow(0 7px 10px #a7865130)!important;
}
html body.site-refined-v11 #wealthView .ultra-v10-gold-orbit{
  position:absolute!important;right:19%!important;top:20px!important;
  z-index:0!important;transform:scale(.75)!important;
  opacity:.36!important;
}
html body.site-refined-v11 #wealthView .ultra-v10-money-seal{font-size:18px!important;color:#c69b56!important;}
html body.site-refined-v11 #wealthView .wealth-hero-copy{grid-column:2!important;grid-row:1!important;margin:0 auto!important;max-width:550px!important;}
html body.site-refined-v11 #wealthView .wealth-kicker{color:#a27c3e!important;border:0!important;font-size:13px!important;letter-spacing:.13em!important;}
html body.site-refined-v11 #wealthView .wealth-hero h2{
  color:#805026!important;font:900 clamp(34px,4vw,49px)/1.32 'Noto Serif TC','Songti TC',serif!important;
  letter-spacing:.15em!important;margin:7px auto 11px!important;text-shadow:0 2px #fff6db!important;
}
html body.site-refined-v11 #wealthView .wealth-hero-copy>p:not(.wealth-kicker){
  color:#745b3e!important;font-size:14px!important;line-height:2!important;
  max-width:460px!important;margin:0 auto!important;
}
html body.site-refined-v11 #wealthView .wealth-hero-mark{
  padding:7px 19px!important;background:linear-gradient(90deg,transparent,#f5e0ad9c,transparent)!important;
  color:#68835a!important;font-size:13px!important;letter-spacing:.12em!important;
}
html body.site-refined-v11 #wealthView .wealth-workspace{gap:16px!important;align-items:stretch!important;}
html body.site-refined-v11 #wealthView .wealth-input-card,
html body.site-refined-v11 #wealthView .wealth-empty,
html body.site-refined-v11 #wealthView .wealth-results{
  border:2px solid #d6ac68!important;border-radius:22px!important;
  background:url('/assets/ultra-match-wealth/wealth-corner-tl.webp') left top / 88px auto no-repeat,
    url('/assets/ultra-match-wealth/wealth-corner-tr.webp') right top / 88px auto no-repeat,
    url('/assets/ultra-match-wealth/wealth-corner-bl.webp') left bottom / 88px auto no-repeat,
    url('/assets/ultra-match-wealth/wealth-corner-br.webp') right bottom / 88px auto no-repeat,
    linear-gradient(155deg,#fffdf4f5,#fff7e5f5)!important;
  box-shadow:inset 0 0 0 4px #fff9e8,inset 0 0 0 6px #ead7a8,0 9px 25px #9d744224!important;
}
html body.site-refined-v11 #wealthView .wealth-input-card{padding:23px 27px 25px!important;}
html body.site-refined-v11 #wealthView .theme-wealth-title{margin-bottom:16px!important;}
html body.site-refined-v11 #wealthView .theme-wealth-title span{color:#be964c}
html body.site-refined-v11 #wealthView .theme-wealth-title strong{color:#765a30}
html body.site-refined-v11 #wealthView .wealth-section-kicker{color:#9a764b!important;}
html body.site-refined-v11 #wealthView .wealth-input-card h3{color:#805b34!important;}
html body.site-refined-v11 #wealthView :is(.wealth-input-card input,.wealth-input-card select){background:#fffdf7!important;border:1px solid #dec596!important;border-radius:11px!important;}
html body.site-refined-v11 #wealthView .wealth-empty{
  padding:45px 24px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background-color:#fff8ea!important;min-height:300px;
}
html body.site-refined-v11 #wealthView .wealth-empty-icon{
  display:grid!important;place-items:center!important;width:80px;height:80px!important;
  border-radius:50%!important;border:4px double #d5a959!important;
  background:radial-gradient(circle,#fff2ce,#edcf89)!important;
  box-shadow:0 0 0 5px #fff7e2,0 5px 16px #b68b4f2e!important;color:#9a703b!important;
  font-size:37px!important;
}
html body.site-refined-v11 #wealthView .wealth-empty h3{color:#805e3a!important;margin:19px auto 9px!important;}
html body.site-refined-v11 #wealthView .wealth-empty p{color:#927452!important;max-width:300px;text-align:center!important;}
html body.site-refined-v11 #wealthView .wealth-benefits{
  width:100%;max-width:390px;margin:24px auto 0;padding-top:18px;border-top:1px solid #e2c38e;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px;
}
html body.site-refined-v11 #wealthView .wealth-benefits span{
  padding:9px 8px;background:#fffaf0;border:1px solid #dfc6a1;border-radius:99px;
  font:750 13px/1.5 'Noto Serif TC',serif;color:#7d613a;text-align:center;
}
html body.site-refined-v11 #wealthView .wealth-benefits b{color:#b98a49;margin-right:5px;font-size:16px}
html body.site-refined-v11 #wealthView .wealth-submit{
  background:linear-gradient(180deg,#bc8051,#a45b3a 54%,#82442f)!important;
  border:2px solid #e7bb71!important;border-radius:99px!important;color:#fff8e8!important;
  box-shadow:inset 0 0 0 2px #ffe8b4,0 5px 12px #9f72424d!important;
  font:800 18px/1.4 'Noto Serif TC',serif!important;
}
html body.site-refined-v11 #wealthView .wealth-results{padding:28px!important;}
html body.site-refined-v11 #wealthView :is(.wealth-index-card,.wealth-radar-card,.wealth-basic,.wealth-paywall){
  background:linear-gradient(155deg,#fffdf6,#fff7e8)!important;
  border:1px solid #e1c38d!important;border-radius:18px!important;
  box-shadow:0 4px 15px #ab824318!important;
}

/* ---------- Homepage: nearly pixel-matched reference, without text baked into images ---------- */
html body.site-refined-v11 #homeHero .cat-hero-art{
  background-image:url('/assets/cat-theme/reference-cat-scene.webp')!important;
  background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important;
}
html body.site-refined-v11 #homeHero h1#catHeroTitle{
  background:url('/assets/cat-theme/title-plaque-blank.svg') center / 100% 100% no-repeat!important;
  color:#763e35!important;letter-spacing:.09em!important;
  text-shadow:0 2px #fff9e9!important;
}
html body.site-refined-v11 #homeHero .cat-hero-slogan{color:#74456e!important;font-family:'Noto Serif TC','Songti TC',serif!important;font-weight:850!important;}
html body.site-refined-v11 #homeHero .cat-quick-ribbon{
  background:linear-gradient(180deg,#8e5482,#653866 54%,#78416a)!important;
  border:3px double #e9bc7b!important;color:#fff1d4!important;
  box-shadow:0 0 0 3px #fff2d7,0 4px 9px #79546b4d!important;
}
html body.site-refined-v11 #homeHero .cat-quick-submit{
  border:3px double #e3b77a!important;border-radius:99px!important;
  background:linear-gradient(180deg,#d6775f,#b84942 52%,#963536)!important;
  color:#fff5e2!important;font-family:'Noto Serif TC','Songti TC',serif!important;font-weight:850!important;
  box-shadow:inset 0 0 0 2px #ffe4ba,0 0 0 3px #fff0d6,0 5px 11px #b05c5b4d!important;
}
html body.site-refined-v11 #homeHero .cat-quick-submit:hover{filter:brightness(1.07)!important}
html body.site-refined-v11 #homeHero .lm-reader{
  background:url('/assets/cat-theme/bazi-cat.webp') center 22% / cover no-repeat!important;
  border:3px solid #d7a067!important;box-shadow:0 0 0 4px #fff1db,0 3px 9px #8f5b664d!important;
  border-radius:50%!important;
}
@media(min-width:621px){
  html body.site-refined-v11 #homeHero.hero.cat-hero{
    min-height:480px!important;padding:15px 24px 23px 0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(410px,.88fr)!important;
    background:linear-gradient(110deg,#fff1e7e7,#fff7ebec)!important;
    border:2px solid #e5b581!important;border-radius:28px!important;
  }
  html body.site-refined-v11 #homeHero .cat-hero-art{
    height:420px!important;min-height:360px!important;width:100%!important;
    border-radius:25px 8px 8px 25px;
    background-size:cover!important;background-position:42% center!important;
  }
  html body.site-refined-v11 #homeHero .cat-hero-copy{margin:0!important;max-width:520px!important;}
  html body.site-refined-v11 #homeHero h1#catHeroTitle{font-size:clamp(32px,3.4vw,46px)!important;padding:15px 40px!important;}
  html body.site-refined-v11 #homeHero .cat-quick-form{padding:38px 23px 22px!important;}
}
@media(max-width:620px){
 html body.site-refined-v11{background:#fcece8!important;}
 html body.site-refined-v11>.shell{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;}
 html body.site-refined-v11>.shell>.top{
   min-height:0!important;height:57px!important;max-height:57px!important;
   padding:5px 15px!important;margin:0!important;display:flex!important;align-items:center!important;
   background:linear-gradient(90deg,#fff5e8f7,#fff1e9ea)!important;overflow:visible!important;
   border:0!important;border-bottom:1px solid #edd3aa!important;
 }
 html body.site-refined-v11 .top .brand{gap:10px!important;min-width:0!important;}
 html body.site-refined-v11 .top .seal{width:41px!important;height:41px!important;}
 html body.site-refined-v11 .top .seal:before{font-size:25px!important}
 html body.site-refined-v11 .top .brandname{font-size:clamp(18px,4.8vw,22px)!important;white-space:nowrap!important;}
 html body.site-refined-v11 .top .brandname small{font-size:8px!important;margin-top:2px!important;}
 html body.site-refined-v11 .top-actions{max-width:40%!important;min-width:0!important;flex:1!important;justify-content:flex-end!important;gap:2px!important;}
 html body.site-refined-v11 .top .top-daily{display:none!important;}
 html body.site-refined-v11 .top .auth-loading{font-size:8px!important;max-width:95px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
 html body.site-refined-v11 .top .auth-nav{gap:3px!important;}
 html body.site-refined-v11 .top .auth-nav button{font-size:11px!important;padding:4px 6px!important;}
 html body.site-refined-v11 #homeHero.hero.cat-hero{
   display:block!important;position:relative!important;min-height:0!important;height:auto!important;
   margin:0!important;padding:0 0 21px!important;gap:0!important;
   border:0!important;border-radius:0!important;box-shadow:none!important;
   background:radial-gradient(ellipse at 50% 66%,#fff8ebec,#fbe8e5e0 70%,#fbdcdfaf)!important;
   overflow:hidden!important;
 }
 html body.site-refined-v11 #homeHero.hero.cat-hero:before{
   content:'';position:absolute;inset:auto 0 0;display:block;pointer-events:none;
   height:103px;background:url('/assets/cat-theme/reference-cloud-footer.webp') center bottom / 100% auto no-repeat;
   opacity:.92;z-index:0;
 }
 html body.site-refined-v11 #homeHero.hero.cat-hero:after{display:none!important;content:none!important;}
 html body.site-refined-v11 #homeHero .cat-hero-art,
 html body.site-refined-v11 #homeHero .cat-hero-art.lm-palace-scene{
   width:100%!important;height:clamp(168px,47.5vw,240px)!important;
   max-height:none!important;min-height:0!important;aspect-ratio:auto!important;
   margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
   background-image:url('/assets/cat-theme/reference-cat-scene.webp')!important;
   background-size:100% 100%!important;background-position:center top!important;
   filter:none!important;mask-image:none!important;
 }
 html body.site-refined-v11 #homeHero .cat-hero-art:after{display:none!important;content:none!important;}
 html body.site-refined-v11 #homeHero .cat-hero-copy{
   margin:-14px auto 0!important;padding:0 12px 4px!important;max-width:530px!important;
   position:relative!important;z-index:2!important;width:100%!important;text-align:center!important;
 }
 html body.site-refined-v11 #homeHero .cat-kicker{display:none!important;}
 html body.site-refined-v11 #homeHero h1#catHeroTitle{
   display:flex!important;align-items:center!important;justify-content:center!important;
   position:relative!important;box-sizing:border-box!important;
   width:min(100%,410px)!important;max-width:100%!important;
   height:clamp(53px,13.8vw,61px)!important;min-height:0!important;
   padding:0 29px!important;margin:0 auto 0!important;
   border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;
   background:url('/assets/cat-theme/title-plaque-blank.svg') center / 100% 100% no-repeat!important;
   font:900 clamp(27px,8.3vw,36px)/1.2 'Noto Serif TC','Songti TC','PMingLiU',serif!important;
   white-space:nowrap!important;letter-spacing:.07em!important;
   color:#703d37!important;text-shadow:0 2px #fff4de!important;
   filter:none!important;
 }
 html body.site-refined-v11 #homeHero h1#catHeroTitle:before,
 html body.site-refined-v11 #homeHero h1#catHeroTitle:after{display:none!important;content:none!important;}
 html body.site-refined-v11 #homeHero .cat-hero-slogan{
   font:800 clamp(15px,4.4vw,19px)/1.35 'Noto Serif TC',serif!important;
   letter-spacing:.12em!important;margin:1px auto 1px!important;color:#774776!important;
 }
 html body.site-refined-v11 #homeHero .cat-hero-subtitle{
   font:500 clamp(10px,2.9vw,12px)/1.55 'Noto Serif TC',serif!important;
   color:#765348!important;margin:0 auto 36px!important;
   white-space:normal!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;
   position:relative!important;width:100%!important;max-width:405px!important;
   margin:0 auto!important;padding:34px 14px 18px!important;gap:9px!important;
   background:linear-gradient(160deg,#fff8edf7,#fff5e9f4 60%,#fff1e6f3)!important;
   border:2px solid #d6a270!important;border-radius:19px!important;
   box-shadow:inset 0 0 0 4px #fffaf0,inset 0 0 0 6px #f1d5ae,0 5px 11px #b1796836!important;
   overflow:visible!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form:before,
 html body.site-refined-v11 #homeHero .cat-quick-form:after{content:'❀'!important;position:absolute!important;color:#c78f73!important;font-size:13px!important;top:14px!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form:before{left:10px!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form:after{right:10px!important;}
 html body.site-refined-v11 #homeHero .cat-quick-ribbon{
   position:absolute!important;top:-21px!important;left:50%!important;transform:translateX(-50%)!important;
   width:auto!important;max-width:calc(100% - 65px)!important;min-width:205px!important;
   padding:6px 15px!important;white-space:nowrap!important;font:800 15px/1.25 'Noto Serif TC',serif!important;
   border-radius:45px!important;z-index:5!important;
 }
 html body.site-refined-v11 #homeHero .lm-reader{
   display:block!important;position:absolute!important;top:-41px!important;right:1px!important;
   width:70px!important;height:70px!important;z-index:6!important;
   background:url('/assets/cat-theme/bazi-cat.webp') center 22% / cover no-repeat!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field{
   display:grid!important;grid-column:1/-1!important;
   grid-template-columns:minmax(103px,33%) minmax(0,1fr)!important;
   align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important;
   height:42px!important;min-height:42px!important;padding:0!important;margin:0!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>label{
   display:grid!important;grid-template-columns:33px minmax(0,1fr)!important;align-items:center!important;gap:5px!important;
   min-width:0!important;width:100%!important;height:42px!important;line-height:1.2!important;
   padding:0!important;margin:0!important;color:#764637!important;
   font:750 clamp(11px,3.2vw,14px)/1.2 'Noto Serif TC',serif!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>label>span{
   display:grid!important;place-items:center!important;width:33px!important;height:33px!important;
   margin:0!important;padding:0!important;border:1px solid #cb966a!important;border-radius:50%!important;
   background:radial-gradient(circle at 35% 23%,#fffdf3,#f7dfb2)!important;
   box-shadow:0 2px 4px #b88b5b3b!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>label>span svg{width:18px!important;height:18px!important;color:#9d6d54!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field .cat-field-text{display:block!important;white-space:nowrap!important;letter-spacing:0!important;font:inherit!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input{
   display:block!important;position:relative!important;width:100%!important;height:39px!important;min-height:39px!important;min-width:0!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input>input,
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>select{
   display:block!important;position:relative!important;width:100%!important;height:39px!important;min-height:39px!important;
   min-width:0!important;max-width:100%!important;padding:0 10px!important;margin:0!important;
   border:1px solid #d6bba9!important;border-radius:14px!important;
   background:#fffcf7!important;box-shadow:0 1px 2px #b8877740!important;
   color:#6f4c49!important;font:500 clamp(11px,3vw,13px)/1.2 'Noto Sans TC',sans-serif!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input[data-empty="true"]:not(:focus-within)>input::-webkit-datetime-edit{color:transparent!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-hint{display:none!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input[data-empty="true"]:not(:focus-within)>.cat-native-hint{
   display:block!important;position:absolute!important;left:13px!important;top:50%!important;transform:translateY(-50%)!important;
   font:500 12px/1.3 'Noto Sans TC',sans-serif!important;color:#988c87!important;
   pointer-events:none!important;white-space:nowrap!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-submit{
   display:block!important;grid-column:1/-1!important;width:86%!important;max-width:none!important;
   min-height:44px!important;height:44px!important;
   margin:11px auto 0!important;padding:3px 12px!important;font-size:18px!important;
   line-height:1.3!important;letter-spacing:.16em!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-submit svg{width:20px!important;height:20px!important;vertical-align:-3px!important;}
 html body.site-refined-v11 .fortune-tabs{margin:14px 10px!important;}
 html body.site-refined-v11 #catHomeExtras{padding:0 10px!important;}
 /* Two thematic pages still have comfortable horizontal boundaries on mobile. */
 html body.site-refined-v11 #matchView,html body.site-refined-v11 #wealthView{
   width:calc(100% - 22px)!important;margin:14px auto!important;max-width:100%!important;
 }
 html body.site-refined-v11 #matchView .match-hero,
 html body.site-refined-v11 #wealthView .wealth-hero{
   display:flex!important;flex-direction:column!important;gap:4px!important;
   padding:22px 18px 27px!important;min-height:0!important;
   border-radius:19px!important;overflow:hidden!important;
 }
 html body.site-refined-v11 #matchView .match-hero>.ultra-v10-visual,
 html body.site-refined-v11 #wealthView .wealth-hero>.ultra-v10-visual{
   height:160px!important;width:100%!important;max-width:290px!important;margin:0 auto!important;
 }
 html body.site-refined-v11 #matchView .ultra-v10-love-portrait{height:160px!important;width:196px!important;}
 html body.site-refined-v11 #wealthView .ultra-v10-lucky-cat{width:130px!important;height:158px!important;}
 html body.site-refined-v11 #wealthView .ultra-v10-treasure{width:85px!important;height:150px!important;}
 html body.site-refined-v11 #matchView .match-hero h2,
 html body.site-refined-v11 #wealthView .wealth-hero h2{
   font-size:clamp(27px,8vw,34px)!important;letter-spacing:.1em!important;line-height:1.3!important;
   padding:0!important;margin:3px auto!important;white-space:normal!important;
 }
 html body.site-refined-v11 #matchView .match-hero>p:not(.match-hero-kicker),
 html body.site-refined-v11 #wealthView .wealth-hero-copy>p:not(.wealth-kicker){
   padding:0!important;margin:4px auto!important;font-size:12px!important;line-height:1.8!important;
 }
 html body.site-refined-v11 #matchView .match-hero-kicker,
 html body.site-refined-v11 #wealthView .wealth-kicker{
   margin:4px auto 0!important;font-size:11px!important;
 }
 html body.site-refined-v11 #wealthView .wealth-hero-copy{margin:0 auto!important;width:100%!important;}
 html body.site-refined-v11 #matchView .match-form,
 html body.site-refined-v11 #wealthView .wealth-input-card{padding:20px 15px 22px!important;}
 html body.site-refined-v11 #matchView .match-partner-grid{gap:14px!important;}
 html body.site-refined-v11 #matchView .match-partner{padding:13px 11px!important;}
 html body.site-refined-v11 #matchView .theme-form-title,
 html body.site-refined-v11 #wealthView .theme-form-title{margin-bottom:18px!important;}
 html body.site-refined-v11 #wealthView .wealth-empty{min-height:260px!important;padding:30px 18px!important;}
 html body.site-refined-v11 #wealthView .wealth-workspace{gap:14px!important;}
 html body.site-refined-v11 #matchView :is(.match-form,.match-empty,.match-result),
 html body.site-refined-v11 #wealthView :is(.wealth-input-card,.wealth-empty,.wealth-results){
   background-size:67px auto,67px auto,67px auto,67px auto,cover!important;
   border-radius:19px!important;
 }
}
@media(max-width:350px){
 html body.site-refined-v11 #homeHero .cat-quick-form{padding-inline:10px!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field{grid-template-columns:99px minmax(0,1fr)!important;gap:5px!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>label{font-size:10.5px!important;grid-template-columns:28px 1fr!important;gap:4px!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>label>span{width:28px!important;height:28px!important;}
 html body.site-refined-v11 #homeHero .cat-quick-ribbon{font-size:13px!important;min-width:175px!important;}
 html body.site-refined-v11 #homeHero .lm-reader{width:56px!important;height:56px!important;}
}
/* Final mobile optical alignment to the 428 × 667 reference. */
@media(max-width:620px){
 html body.site-refined-v11 #homeHero .cat-hero-subtitle{margin-bottom:27px!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form{padding-top:30px!important;padding-bottom:15px!important;gap:8px!important;}
 html body.site-refined-v11 #homeHero .cat-quick-submit{margin-top:8px!important;}
 html body.site-refined-v11 #homeHero .lm-reader{
   background-image:url('/assets/theme-v11/home-cat-portrait.webp')!important;
   background-position:center center!important;
 }
}
/* The JS adds generic theme portraits to older hero panels; suppress just those
   duplicate portraits because each redesigned hero now has a dedicated illustration. */
html body.site-refined-v11 #matchView .match-hero>.cat-inline-hero-media,
html body.site-refined-v11 #wealthView .wealth-hero>.cat-inline-hero-media{display:none!important}
/* Desktop home uses the same stacked, real form controls as the mobile reference.
   This replaces legacy display:contents rules that could put all three fields side-by-side. */
@media(min-width:621px){
 html body.site-refined-v11 #homeHero .cat-quick-form{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   gap:9px!important;max-width:470px!important;overflow:visible!important;
   border:2px solid #d9ac78!important;border-image:none!important;border-radius:21px!important;
   background:linear-gradient(150deg,#fffaf1f5,#fff1e9fa)!important;
   box-shadow:inset 0 0 0 5px #fff6e9,inset 0 0 0 7px #e7c9a4,0 7px 21px #966c6730!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field{
   display:grid!important;grid-column:1/-1!important;grid-template-columns:128px minmax(0,1fr)!important;
   align-items:center!important;gap:11px!important;min-width:0!important;width:100%!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>label{
   display:flex!important;align-items:center!important;gap:7px!important;
   color:#805340!important;font-size:14px!important;white-space:nowrap!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>label>span{
   width:29px!important;height:29px!important;flex:none!important;
   display:grid!important;place-items:center!important;border:1px solid #d4a56c!important;
   border-radius:50%!important;background:#fff0cc!important;margin:0!important;padding:0!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>label>span svg{width:17px!important;height:17px!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input{
   display:block!important;position:relative!important;height:41px!important;
   min-width:0!important;width:100%!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input>input,
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>select{
   display:block!important;width:100%!important;min-width:0!important;height:41px!important;
   background:#fffdfa!important;border:1px solid #d7b29a!important;
   border-radius:16px!important;box-shadow:0 1px 2px #aa8c6935!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input[data-empty="true"]:not(:focus-within)>input::-webkit-datetime-edit{color:transparent!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-hint{display:none!important;}
 html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input[data-empty="true"]:not(:focus-within)>.cat-native-hint{
   display:block!important;position:absolute!important;left:12px!important;top:50%!important;
   transform:translateY(-50%)!important;pointer-events:none!important;color:#9c8d89!important;font-size:13px!important;
 }
 html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-submit{
   display:block!important;grid-column:1/-1!important;max-width:390px!important;width:90%!important;
   justify-self:center!important;margin-top:10px!important;
 }
}

/* SOURCE: reference-v15.css */
/* 喵說星語 v15: 依使用者提供的圖三（首頁表單）與圖四（合盤）重建。
   保留原生 HTML 控制項及原本 JS 事件/會員/付款 ID；此檔只負責主題呈現。 */

/* HOME — the supplied artwork is the form surface, not another card on top of it. */
html body.site-refined-v11 #homeHero .cat-quick-form {
  display:block!important;position:relative!important;isolation:isolate!important;
  width:min(100%,500px)!important;max-width:500px!important;
  height:auto!important;min-height:0!important;aspect-ratio:500/362!important;
  margin:8px auto 0!important;padding:0!important;gap:0!important;
  border:0!important;border-image:none!important;outline:0!important;
  border-radius:0!important;overflow:visible!important;
  background:url('/assets/reference-v15/home-form-exact.webp') center/100% 100% no-repeat!important;
  box-shadow:none!important;
}
html body.site-refined-v11 #homeHero .cat-quick-form::before,
html body.site-refined-v11 #homeHero .cat-quick-form::after,
html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-ribbon,
html body.site-refined-v11 #homeHero .cat-quick-form>.lm-reader {display:none!important;content:none!important}
html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field{
  position:absolute!important;display:block!important;grid-column:auto!important;
  left:35.3%!important;width:57.5%!important;height:12%!important;
  min-height:0!important;max-height:none!important;min-width:0!important;
  padding:0!important;margin:0!important;gap:0!important;z-index:2!important;
}
html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field[data-quick-field="catQuickDate"]{top:25.65%!important}
html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field[data-quick-field="catQuickTime"]{top:39.3%!important}
html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field[data-quick-field="catQuickPlace"]{top:53.05%!important}
/* Text labels/icons are already in the reference art; preserve semantic labels for accessibility. */
html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>label{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;clip-path:inset(50%)!important;overflow:hidden!important;
  white-space:nowrap!important;opacity:0!important;pointer-events:none!important;
}
html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input{
  position:relative!important;display:block!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;min-height:0!important;
}
html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input>input,
html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>select{
  display:block!important;width:100%!important;height:100%!important;
  min-height:0!important;max-height:100%!important;min-width:0!important;
  margin:0!important;padding:0 16% 0 4.3%!important;
  color:#75534a!important;font:600 clamp(11px,1.5vw,15px)/1.2 'PingFang TC','Noto Sans TC',sans-serif!important;
  border:0!important;border-radius:100px!important;border-image:none!important;outline:0!important;
  background:transparent!important;
  box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;
}
html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input>input::-webkit-calendar-picker-indicator{opacity:0!important;width:18px!important;cursor:pointer}
html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input[data-empty="true"]:not(:focus-within)>input::-webkit-datetime-edit{color:transparent!important}
html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-hint {display:none!important}
html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input[data-empty="true"]:not(:focus-within)>.cat-native-hint{
  display:block!important;position:absolute!important;left:4.5%!important;right:16%!important;
  top:50%!important;transform:translateY(-50%)!important;
  color:#9b7a75!important;font-size:clamp(11px,1.5vw,15px)!important;
  line-height:1.3!important;pointer-events:none!important;
}
html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-submit{
  position:absolute!important;display:block!important;left:13.6%!important;top:69.6%!important;
  width:73.2%!important;max-width:none!important;height:15.5%!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;
  background:transparent!important;color:transparent!important;font-size:0!important;
  box-shadow:none!important;cursor:pointer!important;z-index:3!important;letter-spacing:0!important;
}
html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-submit .cat-paw-icon{display:none!important}
html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-submit:is(:active,:focus-visible){
  outline:2px solid #e2ab4d!important;outline-offset:2px!important;
  box-shadow:inset 0 0 19px #ffc46d80,0 0 15px #ffce7780!important;
  transform:translateY(1px)!important;
}
html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input>input:focus-visible,
html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>select:focus-visible{
  outline:2px solid #b57991!important;outline-offset:1px!important;
}
/* Mobile typography/layout alignment. Keep home hero imagery and banner intact. */
@media(max-width:620px){
  html body.site-refined-v11 #homeHero .cat-hero-subtitle{margin:0 auto 5px!important}
  html body.site-refined-v11 #homeHero .cat-quick-form{margin-top:2px!important;width:calc(100% + 24px)!important;max-width:none!important;margin-left:-12px!important}
  html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-input>input,
  html body.site-refined-v11 #homeHero .cat-quick-form>.cat-quick-field>select{
    font-size:clamp(11px,3.1vw,14px)!important;padding-right:13%!important;
  }
  html body.site-refined-v11 #homeHero .cat-quick-form .cat-native-hint{font-size:clamp(11px,3.1vw,14px)!important}
}

/* MATCH — supplied illustration, native usable form, consistent continuous gold frame. */
html body.site-refined-v11 #matchView.match-v15 {
  --v15-gold:#d9a054;
  width:min(100%,1035px)!important;max-width:1035px!important;
  margin:10px auto 25px!important;padding:0 4px 18px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  overflow:visible!important;isolation:isolate;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-hero{
  display:block!important;position:relative;z-index:1;width:100%;aspect-ratio:1027/448;
  background:url('/assets/reference-v15/match-upper-exact.webp') center top/100% 100% no-repeat;
  border:0!important;box-shadow:none!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-parchment {
  position:relative!important;isolation:isolate;z-index:2;
  width:100%!important;margin:-2px auto 0!important;
  padding:26px clamp(16px,4.4vw,48px) 32px!important;
  border:3px solid #d8a05d!important;border-radius:26px!important;
  background:
    url('/assets/reference-v15/match-flower-left-v82.webp') left top/185px auto no-repeat,
    url('/assets/reference-v15/match-flower-right-v82.webp') right top/185px auto no-repeat,
    url('/assets/reference-v15/match-flower-bottom-v82.webp') right bottom/185px auto no-repeat,
    url('/assets/celestial/flower-paper-panel.webp') center/cover no-repeat,
    #fff8eb!important;
  box-shadow:0 0 0 4px #fff7eae0,0 0 0 7px #e7bb7690,inset 0 0 0 3px #fff8e4,
    inset 0 0 0 6px #dfb57a,0 12px 23px #9d5c6129!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-intro{
  display:grid!important;grid-template-columns:clamp(120px,23vw,230px) minmax(0,1fr);
  align-items:center;column-gap:clamp(12px,3vw,44px)!important;
  min-height:240px;padding:3px 30px 18px 8px;
  border-bottom:1px solid #e0bc91!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-cats{
  display:block!important;width:100%;max-width:226px;height:auto;aspect-ratio:248/246;object-fit:contain;
  filter:drop-shadow(0 7px 10px #a75f6c40)!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-intro-text{text-align:left;color:#7f4c52}
html body.site-refined-v11 #matchView.match-v15 .match-v15-eyebrow{
  font-size:clamp(12px,1.45vw,17px);color:#98515f;font-weight:800;letter-spacing:.15em;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-intro h2{
  margin:7px 0 9px;color:#773276;font:900 clamp(24px,3.5vw,43px)/1.3 'Noto Serif TC','PMingLiU',serif;
  letter-spacing:.07em;text-shadow:0 1px #fff6de;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-intro p{
  margin:0;max-width:610px;font-size:clamp(12px,1.5vw,17px);line-height:1.8;color:#805c60;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-divider{
  display:flex;align-items:center;justify-content:center;gap:20px;margin:20px auto 10px!important;
  text-align:center;color:#8a3d5b;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-divider strong{
  font:900 clamp(17px,2.25vw,27px)/1.3 'Noto Serif TC','PMingLiU',serif;letter-spacing:.1em;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-divider span{color:#ce7887;font-size:24px}
html body.site-refined-v11 #matchView.match-v15 #matchForm.match-form{
  position:relative!important;display:block!important;
  max-width:860px!important;width:100%!important;margin:0 auto!important;
  padding:10px 16px 14px!important;
  border:0!important;border-image:none!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;outline:0!important;
}
html body.site-refined-v11 #matchView.match-v15 #matchForm::before,
html body.site-refined-v11 #matchView.match-v15 #matchForm::after{display:none!important;content:none!important}
html body.site-refined-v11 #matchView.match-v15 #matchForm>.cat-inner-ribbon,
html body.site-refined-v11 #matchView.match-v15 #matchForm>.theme-form-title{
  display:none!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-membership{
  border:1px solid #edc8ac!important;border-radius:12px!important;
  background:rgba(255,249,240,.85)!important;color:#825f5e!important;
  font-size:12px!important;margin:4px 0 18px!important;padding:9px 13px!important;
  text-align:center!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-partner-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)!important;
  align-items:stretch!important;gap:12px!important;max-width:100%!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-partner{
  min-width:0!important;max-width:100%!important;margin:0!important;
  padding:16px clamp(10px,2vw,20px) 14px!important;
  border:1.5px solid #d9a77f!important;border-radius:19px!important;
  background:linear-gradient(145deg,#fffaf2ed,#fff4eef4)!important;
  box-shadow:inset 0 0 0 3px #fff7ed,0 3px 10px #aa747122!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-female{background:linear-gradient(145deg,#fffaf5ec,#fff0f5ec)!important}
html body.site-refined-v11 #matchView.match-v15 .match-partner legend{
  padding:4px 15px!important;background:#fff9ec!important;border:1px solid #e5b992!important;
  border-radius:22px!important;color:#8e4c6e!important;font-size:19px!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-person-symbol{background:#f3d6c9!important;color:#9f5664!important}
html body.site-refined-v11 #matchView.match-v15 .match-mid-seal{
  align-self:center!important;position:static!important;width:40px!important;height:40px!important;
  transform:none!important;border-radius:50%!important;border:2px solid #e6b36d!important;
  color:#be4a62!important;background:#fff4df!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-partner :is(input,select){
  background:#fffefaf2!important;border:1px solid #d7ad9d!important;border-radius:10px!important;
  height:42px!important;max-width:100%!important;min-width:0!important;color:#624c4e!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-settings{
  max-width:860px;margin:14px auto 0!important;padding:12px!important;
  border:1px solid #ead3bb!important;border-radius:12px!important;
  background:rgba(255,251,242,.78)!important;
}
html body.site-refined-v11 #matchView.match-v15 #matchForm>.match-submit{
  display:block!important;position:relative!important;width:min(100%,465px)!important;
  max-width:465px!important;margin:19px auto 0!important;
  padding:14px 18px!important;
  border:3px solid #ddb16a!important;border-radius:100px!important;
  color:#fff7e8!important;background:linear-gradient(#dc6d65,#b73e43 63%,#922c3a)!important;
  box-shadow:inset 0 0 0 2px #ffe3ad,0 7px 15px #aa5d5d49!important;
  font:900 18px/1.3 'Noto Serif TC',serif!important;letter-spacing:.12em;
}
html body.site-refined-v11 #matchView.match-v15 .match-submit:active{transform:translateY(2px)!important;filter:brightness(.97)!important}
html body.site-refined-v11 #matchView.match-v15 .match-v15-results{
  width:100%!important;max-width:100%!important;margin:17px auto 0!important;
  padding:16px clamp(12px,3vw,30px) 20px!important;
  border:2px solid #d9a467!important;border-radius:23px!important;
  background:linear-gradient(150deg,#fff9edf0,#fff4f3f0)!important;
  box-shadow:inset 0 0 0 4px #fff8ed,inset 0 0 0 6px #e1b87f,0 6px 16px #b7838d22!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-results>.match-empty{
  min-height:100px!important;margin:0!important;padding:18px 8px!important;
  text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-results>.match-result{
  width:100%!important;max-width:100%!important;margin:0!important;
  padding:18px clamp(10px,2vw,26px)!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
html body.site-refined-v11 #matchView.match-v15 #matchResult>.cat-inner-ribbon{display:none!important}
html body.site-refined-v11 #matchView.match-v15 .match-v15-results:has(#matchResult:not(.hidden)) .match-empty{display:none!important}

@media(max-width:700px){
  html body.site-refined-v11 #matchView.match-v15{width:100%!important;padding:0 3px 12px!important;margin:10px auto!important}
  html body.site-refined-v11 #matchView.match-v15 .match-v15-parchment{
    margin-top:-1px!important;padding:13px 8px 22px!important;border-radius:20px!important;
    background-size:110px auto,110px auto,112px auto,cover,auto!important;
  }
  html body.site-refined-v11 #matchView.match-v15 .match-v15-intro{
    min-height:136px!important;grid-template-columns:clamp(110px,33%,160px) minmax(0,1fr)!important;
    gap:8px!important;padding:10px 8px 12px 2px!important;
  }
  html body.site-refined-v11 #matchView.match-v15 .match-v15-cats{max-width:150px!important}
  html body.site-refined-v11 #matchView.match-v15 .match-v15-eyebrow{font-size:10.5px!important;letter-spacing:.07em!important}
  html body.site-refined-v11 #matchView.match-v15 .match-v15-intro h2{font-size:clamp(18px,5vw,25px)!important;margin:4px 0!important}
  html body.site-refined-v11 #matchView.match-v15 .match-v15-intro p{font-size:11px!important;line-height:1.6!important}
  html body.site-refined-v11 #matchView.match-v15 .match-v15-divider{margin:15px auto 12px!important;gap:8px!important}
  html body.site-refined-v11 #matchView.match-v15 .match-v15-divider strong{font-size:clamp(17px,4.7vw,22px)!important}
  html body.site-refined-v11 #matchView.match-v15 .match-v15-divider span{font-size:16px!important}
  html body.site-refined-v11 #matchView.match-v15 #matchForm.match-form{padding:7px 9px 13px!important}
  html body.site-refined-v11 #matchView.match-v15 .match-partner-grid{
    grid-template-columns:minmax(0,1fr)!important;gap:14px!important;
  }
  html body.site-refined-v11 #matchView.match-v15 .match-mid-seal{display:none!important}
  html body.site-refined-v11 #matchView.match-v15 .match-partner{padding:12px 13px!important}
  html body.site-refined-v11 #matchView.match-v15 .match-partner legend{font-size:17px!important}
  html body.site-refined-v11 #matchView.match-v15 .match-v15-results{margin-top:14px!important;padding:10px!important}
  html body.site-refined-v11 #matchView.match-v15 .match-membership{font-size:11px!important}
}

/* SOURCE: seamless-v16.css */
/* v16 · no seam / continuous painted surfaces.
   Source: the user's own first homepage reference and exact match reference.
   Static background art is one uninterrupted image; the native controls are overlaid,
   retain their original IDs, values, event listeners and keyboard focus. */

/* MATCH: a single tall illustrated scroll behind the *entire* theme, not two boxes. */
html body.site-refined-v11 #matchView.match-v15{
  position:relative!important;isolation:isolate!important;
  width:min(100%,1027px)!important;max-width:1027px!important;
  padding:0 0 54px!important;margin:6px auto 28px!important;
  border:none!important;border-radius:0!important;outline:0!important;
  box-shadow:none!important;overflow:visible!important;
  background-image:url('/assets/seamless-v16/match-one-scroll.webp')!important;
  background-size:100% auto!important;
  background-position:top center!important;
  background-repeat:no-repeat!important;
  background-color:#feebd7!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-hero{
  display:block!important;position:relative!important;z-index:1!important;
  aspect-ratio:1027/694!important;width:100%!important;height:auto!important;
  background:none!important;border:0!important;box-shadow:none!important;
  margin:0!important;padding:0!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-parchment{
  display:block!important;position:relative!important;z-index:2!important;
  padding:0 clamp(22px,5.8vw,70px) 8px!important;
  margin:0!important;width:100%!important;
  min-height:0!important;border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;outline:0!important;
  overflow:visible!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-parchment::before,
html body.site-refined-v11 #matchView.match-v15 .match-v15-parchment::after{
  display:none!important;content:none!important;
}
/* The full supplied artwork already contains the twin cats, intro and subtitle. */
html body.site-refined-v11 #matchView.match-v15 .match-v15-intro{display:none!important}
html body.site-refined-v11 #matchView.match-v15 .match-v15-divider{
  margin:6px auto 20px!important;padding:9px 4px!important;
  color:#903f68!important;background:transparent!important;
  border:0!important;box-shadow:none!important;
}
html body.site-refined-v11 #matchView.match-v15 #matchForm.match-form{
  max-width:900px!important;width:100%!important;padding:0 7px 12px!important;
  margin:0 auto!important;background:none!important;
  border:0!important;border-image:none!important;border-radius:0!important;
  box-shadow:none!important;outline:0!important;overflow:visible!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-membership{
  max-width:700px!important;margin:0 auto 22px!important;
  padding:8px 12px!important;background:rgba(255,249,239,.46)!important;
  border:1px solid #e6bd97!important;box-shadow:none!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-partner{
  background:linear-gradient(160deg,rgba(255,252,247,.88),rgba(255,247,235,.86))!important;
  box-shadow:0 3px 12px rgba(150,89,92,.09),inset 0 0 0 3px rgba(255,250,239,.8)!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-settings{
  background:rgba(255,251,243,.58)!important;box-shadow:none!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-results{
  width:100%!important;max-width:100%!important;
  margin:22px auto 0!important;padding:22px 8px 20px!important;
  background:transparent!important;border:0!important;border-top:1px solid #ddb17d!important;
  border-radius:0!important;box-shadow:none!important;outline:0!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-results>.match-empty{
  border:0!important;background:transparent!important;box-shadow:none!important;
}
html body.site-refined-v11 #matchView.match-v15 .match-v15-results>.match-result{
  border:0!important;background:transparent!important;box-shadow:none!important;
}
@media(max-width:700px){
  html body.site-refined-v11 #matchView.match-v15{
    width:100%!important;max-width:100%!important;padding-bottom:36px!important;
    margin-top:6px!important;background-size:100% auto!important;
  }
  html body.site-refined-v11 #matchView.match-v15 .match-v15-hero{
    aspect-ratio:1027/690!important;
  }
  html body.site-refined-v11 #matchView.match-v15 .match-v15-parchment{
    padding:0 clamp(17px,5.8vw,34px) 10px!important;
  }
  html body.site-refined-v11 #matchView.match-v15 .match-v15-divider{
    margin:0 auto 14px!important;gap:7px!important;padding:8px 0!important;
  }
  html body.site-refined-v11 #matchView.match-v15 .match-v15-divider strong{font-size:clamp(16px,4.5vw,22px)!important}
  html body.site-refined-v11 #matchView.match-v15 #matchForm.match-form{padding:0 3px 12px!important}
  html body.site-refined-v11 #matchView.match-v15 .match-partner{padding:13px 12px!important}
  html body.site-refined-v11 #matchView.match-v15 .match-membership{margin-bottom:20px!important}
  html body.site-refined-v11 #matchView.match-v15 .match-v15-results{
    margin:14px auto 0!important;padding:16px 3px!important;
  }
}

/* HOME portrait: one uninterrupted image includes the hero, plaque, subtitle,
   purple ribbon, flower-bordered form, red button and palace footer. */
@media(max-width:700px){
  html body.site-refined-v11 #homeHero.hero.cat-hero{
    position:relative!important;display:block!important;
    width:100%!important;max-width:100%!important;
    height:auto!important;aspect-ratio:429/602!important;min-height:0!important;
    margin:0 auto 18px!important;padding:0!important;
    border:0!important;outline:0!important;border-radius:0!important;
    overflow:hidden!important;box-shadow:none!important;
    background:url('/assets/seamless-v16/home-one-scene.webp') center top/100% 100% no-repeat!important;
  }
  html body.site-refined-v11 #homeHero::before,
  html body.site-refined-v11 #homeHero::after{display:none!important;content:none!important}
  html body.site-refined-v11 #homeHero .cat-hero-art,
  html body.site-refined-v11 #homeHero .cat-hero-art.lm-palace-scene{display:none!important}
  html body.site-refined-v11 #homeHero .cat-hero-copy{
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;max-width:none!important;height:100%!important;
    margin:0!important;padding:0!important;background:none!important;
  }
  /* The heading and subtitles are already legible in the actual reference art. */
  html body.site-refined-v11 #homeHero :is(.cat-kicker,#catHeroTitle,.cat-hero-slogan,.cat-hero-subtitle){
    position:absolute!important;width:1px!important;height:1px!important;
    clip-path:inset(50%)!important;overflow:hidden!important;
    margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm.cat-quick-form{
    position:absolute!important;display:block!important;z-index:2!important;
    top:51.3%!important;left:0!important;width:100%!important;
    max-width:none!important;height:48.7%!important;min-height:0!important;
    aspect-ratio:auto!important;margin:0!important;padding:0!important;
    background:none!important;border:0!important;outline:0!important;
    border-radius:0!important;box-shadow:none!important;overflow:visible!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm::before,
  html body.site-refined-v11 #homeHero #catQuickForm::after,
  html body.site-refined-v11 #homeHero #catQuickForm>.cat-quick-ribbon,
  html body.site-refined-v11 #homeHero #catQuickForm>.lm-reader{
    display:none!important;content:none!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm>.cat-quick-field{
    position:absolute!important;display:block!important;
    left:33.3%!important;width:59.6%!important;height:11.7%!important;
    margin:0!important;padding:0!important;min-height:0!important;
    z-index:2!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm>.cat-quick-field[data-quick-field="catQuickDate"]{top:21.5%!important}
  html body.site-refined-v11 #homeHero #catQuickForm>.cat-quick-field[data-quick-field="catQuickTime"]{top:36.0%!important}
  html body.site-refined-v11 #homeHero #catQuickForm>.cat-quick-field[data-quick-field="catQuickPlace"]{top:50.6%!important}
  html body.site-refined-v11 #homeHero #catQuickForm>.cat-quick-field>label{
    position:absolute!important;width:1px!important;height:1px!important;
    clip-path:inset(50%)!important;overflow:hidden!important;
    margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm .cat-native-input{
    position:relative!important;display:block!important;width:100%!important;height:100%!important;
    margin:0!important;padding:0!important;min-height:0!important;background:transparent!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm .cat-native-input>input,
  html body.site-refined-v11 #homeHero #catQuickForm>.cat-quick-field>select{
    display:block!important;width:100%!important;height:100%!important;
    min-height:0!important;max-height:none!important;min-width:0!important;
    margin:0!important;padding:0 14% 0 6%!important;
    border:0!important;border-radius:100px!important;outline:0!important;
    box-shadow:none!important;background:transparent!important;
    color:#77554d!important;font:600 clamp(10px,3.0vw,14px)/1.2 'PingFang TC','Noto Sans TC',sans-serif!important;
    appearance:none!important;-webkit-appearance:none!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm .cat-native-input>input::-webkit-calendar-picker-indicator{
    opacity:0!important;width:13px!important;cursor:pointer;
  }
  html body.site-refined-v11 #homeHero #catQuickForm .cat-native-input[data-empty="true"]:not(:focus-within)>input::-webkit-datetime-edit{
    color:transparent!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm .cat-native-hint{
    display:none!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm .cat-native-input[data-empty="true"]:not(:focus-within)>.cat-native-hint{
    display:block!important;position:absolute!important;left:6%!important;right:15%!important;
    top:50%!important;transform:translateY(-50%)!important;
    color:#94756d!important;font-size:clamp(10px,3vw,14px)!important;
    line-height:1.25!important;pointer-events:none!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm>.cat-quick-submit{
    display:block!important;position:absolute!important;z-index:3!important;
    top:66.8%!important;left:16.6%!important;width:66.6%!important;height:17.2%!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:100px!important;
    min-height:0!important;max-height:none!important;
    background:transparent!important;color:transparent!important;font-size:0!important;
    box-shadow:none!important;cursor:pointer!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm>.cat-quick-submit .cat-paw-icon{display:none!important}
  html body.site-refined-v11 #homeHero #catQuickForm>.cat-quick-submit:active{
    background:rgba(134,39,45,.12)!important;transform:translateY(1px)!important;
  }
  html body.site-refined-v11 #homeHero #catQuickForm :is(input,select,button):focus-visible{
    outline:2px solid #b77796!important;outline-offset:1px!important;
  }
}

/* Previously header/footer were 24 px wider than the phone viewport.
   Normalize to actual available width to prevent side-scroll clipping. */
@media(max-width:700px){
  html body.site-refined-v11 .shell > header#catTop,
  html body.site-refined-v11 .shell > footer.footer{
    width:100%!important;max-width:100%!important;
    margin-left:0!important;margin-right:0!important;
    left:auto!important;right:auto!important;
    transform:none!important;box-sizing:border-box!important;
  }
}

/* SOURCE: wealth-v18-rebuilt.css */
/* 喵說星語 · v18 招財卷軸重構
   Scoped entirely to #wealthView.wealth-v18. Unlike the old layered v10-v17
   styles, the hero, form and preview share a single parchment surface. */
html body.site-refined-v11 #wealthView.wealth-v18 {
  --wt-gold:#c99b50; --wt-amber:#94602c; --wt-ink:#704829; --wt-jade:#577d67;
  --wt-paper:#fff7e8; --wt-red:#ab4844;
  position:relative!important; isolation:isolate;
  width:min(100%,1160px)!important; max-width:1160px!important;
  margin:5px auto 30px!important; padding:0 8px 24px!important;
  border:0!important; border-radius:0!important; box-shadow:none!important;
  background:
    radial-gradient(ellipse at 50% 0, #fffdf7 0%, #fff4e6 60%, #f9e9dd 100%)!important;
  overflow:visible!important;
  box-sizing:border-box;
}
html body.site-refined-v11 #wealthView.wealth-v18 *{box-sizing:border-box;min-width:0}
html body.site-refined-v11 #wealthView.wealth-v18::before{
  content:""; position:absolute; inset:0 0 0; z-index:-1; pointer-events:none; opacity:.62;
  background:url('/assets/cat-theme/reference-cloud-footer.webp') center bottom/100% auto no-repeat;
}

/* Unified scroll: one consistent ivory surface and one frame, no card seam. */
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-scroll{
  position:relative; isolation:isolate; overflow:hidden;
  padding:0 clamp(20px,4.5vw,54px) clamp(20px,3vw,42px);
  border:4px solid var(--wt-gold);border-image:none!important;border-radius:37px;
  outline:2px solid rgba(250,220,159,.78);outline-offset:-10px;
  background:
    radial-gradient(ellipse at 49% 0%, rgba(255,255,254,.97),rgba(255,251,241,.96) 46%,rgba(255,242,223,.95) 100%),
    url('/assets/celestial/flower-paper-panel.webp') center / cover no-repeat!important;
  box-shadow:0 20px 44px rgba(149,96,54,.13),inset 0 0 0 6px rgba(255,252,244,.86),inset 0 0 0 10px rgba(215,170,94,.32)!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-scroll::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.94;
  background:
   url('/assets/safe-ornaments-v9/wealth-tl.svg') left 5px top 5px/105px auto no-repeat,
   url('/assets/safe-ornaments-v9/wealth-tr.svg') right 5px top 5px/105px auto no-repeat,
   url('/assets/safe-ornaments-v9/wealth-bl.svg') left 6px bottom 6px/100px auto no-repeat,
   url('/assets/safe-ornaments-v9/wealth-br.svg') right 6px bottom 6px/100px auto no-repeat;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-scroll::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:138px;pointer-events:none;z-index:0;opacity:.73;
  background:url('/assets/cat-theme/decor-cloud-city.webp') bottom center/100% auto no-repeat;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-scroll>*{position:relative;z-index:1}

/* Wealth narrative header. */
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-hero{
  display:grid!important;grid-template-columns:minmax(210px,315px) minmax(0,1fr)!important;
  align-items:center!important;gap:clamp(20px,4vw,55px)!important;
  margin:0!important;padding:42px 14px 8px!important;
  min-height:350px!important;max-width:none!important;
  border:none!important;border-radius:0!important;box-shadow:none!important;
  background:transparent!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-art{
  width:min(100%,305px);aspect-ratio:1/1;position:relative;margin:0 auto;
  display:grid;place-items:center;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-halo{
  position:absolute;inset:4%;border-radius:50%;z-index:0;
  background:radial-gradient(circle,#fffef7 22%,#fff2cc 58%,#e6ba74 86%,#a97435 100%);
  box-shadow:0 0 0 3px #efc478,0 0 0 7px #fff7e3,0 0 0 9px #cc9653,0 10px 25px rgba(176,110,59,.22);
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-cat{
  position:relative;z-index:1;
  display:block;width:83%!important;height:83%!important;max-width:none!important;
  object-fit:cover;object-position:50% 43%;border-radius:50%;
  border:3px solid rgba(255,249,231,.95);
  filter:saturate(1.06);box-shadow:0 2px 14px rgba(158,105,44,.1);
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-mini-coin{
  display:grid;place-items:center;position:absolute;right:1%;bottom:4%;z-index:3;
  width:58px;height:58px;border-radius:50%;font:900 28px/1 'Noto Serif TC',serif;
  color:#7b4a23;background:radial-gradient(circle at 35% 30%,#fff3c1,#ecbf63 64%,#c18b3a);
  border:3px solid #fff6d9;box-shadow:0 0 0 2px #c38c38,0 5px 12px #a87b4552;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-hero-text{
  position:relative;text-align:center;max-width:650px;margin:0 auto;padding:6px 0 14px;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-kicker{
  color:#926427!important;letter-spacing:.14em;font:800 13px/1.75 'Noto Serif TC',serif;
  margin:0 0 5px!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 #wealthV18Title{
  color:#814624!important;font:900 clamp(36px,4.4vw,57px)/1.25 'Noto Serif TC','PMingLiU',serif!important;
  letter-spacing:.15em;margin:5px 0 0!important;text-shadow:0 2px #fff8dd;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-title-mini{
  color:#6b7e55;font:800 clamp(17px,2vw,23px)/1.65 'Noto Serif TC',serif;
  letter-spacing:.16em;margin:5px 0 8px!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-intro{
  max-width:560px;color:#806851;font:500 15px/2 'Noto Serif TC',serif;
  margin:0 auto 14px!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-pillars{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-pillars span{
  display:inline-flex;align-items:center;gap:5px;padding:8px 13px;
  color:#795325;font:800 13px/1.25 'Noto Serif TC',serif;
  border:1px solid #d9b780;border-radius:30px;
  background:linear-gradient(180deg,#fffdf3,#f8ebce);box-shadow:0 3px 8px rgba(157,110,51,.08);
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-pillars b{color:#578273;font-size:17px;}

/* Transition is part of the same scroll, not a second background panel. */
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-divider{
  display:flex;align-items:center;justify-content:center;gap:16px;
  margin:2px auto 0;max-width:820px;height:65px;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-divider::before,
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-divider::after{
  content:"";height:2px;flex:1;
  background:linear-gradient(90deg,transparent,#d5a059 75%,#e5c88f);
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-divider::after{transform:scaleX(-1)}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-divider>span{
  width:62px;height:62px;flex:0 0 62px;border-radius:50%;display:grid;place-items:center;
  font:900 30px/1 'Noto Serif TC',serif;color:#fff9da;
  border:4px double #f4d898;
  background:radial-gradient(circle at 32% 27%,#8eb2a0,#56806b 60%,#376451 100%);
  box-shadow:0 0 0 2px #bc9150,0 6px 17px #8569364d;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-subtitle{text-align:center;padding:8px 12px 15px}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-subtitle p{
  color:#9a6d31;font:700 12px/1.7 'Noto Serif TC',serif;letter-spacing:.14em;margin:0 0 4px;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-subtitle h3{
  color:#875329;font:900 clamp(22px,2.6vw,30px)/1.5 'Noto Serif TC',serif;
  letter-spacing:.1em;margin:0 0 3px;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-subtitle>span{
  color:#856c55;font:500 13px/1.6 'Noto Serif TC',serif;
}

/* Form and preview: integrated visual rhythm, without nested frame corners. */
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-workspace{
  display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  gap:clamp(12px,2.2vw,22px)!important;
  align-items:stretch!important;margin:5px auto 0!important;
  width:100%!important;max-width:1040px!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card,
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty{
  position:relative!important;margin:0!important;max-width:none!important;
  border:1px solid #dec293!important;border-image:none!important;
  border-radius:21px!important;
  background:linear-gradient(165deg,rgba(255,255,251,.91),rgba(255,246,230,.88))!important;
  box-shadow:0 7px 18px rgba(166,111,46,.09),inset 0 0 0 3px rgba(255,251,239,.82)!important;
  overflow:hidden!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card::before,
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card::after,
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty::before,
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty::after{
  content:none!important;display:none!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card{
  padding:20px clamp(14px,2vw,27px) 24px!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card>.cat-inner-ribbon,
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-results>.cat-inner-ribbon,
html body.site-refined-v11 #wealthView.wealth-v18 :is(.cat-decor,.cat-inline-hero-media){display:none!important}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-input-heading,
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-preview-head{
  display:flex;gap:12px;align-items:center;justify-content:flex-start;
  padding:0 0 12px;border-bottom:1px solid #e6cda2;margin:0 0 9px;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-step{
  width:39px;height:39px;flex:none;display:grid;place-items:center;
  background:linear-gradient(155deg,#f2dca5,#d9ae61);color:#7b521e;
  border:2px solid #fff8e6;border-radius:50%;box-shadow:0 0 0 1px #d0a05d;
  font:900 18px/1 'Noto Serif TC',serif;
}
html body.site-refined-v11 #wealthView.wealth-v18 :is(.wealth-v18-input-heading,.wealth-v18-preview-head) small{
  color:#96764c;font:700 11px/1.5 'Noto Serif TC',serif;letter-spacing:.12em;
}
html body.site-refined-v11 #wealthView.wealth-v18 :is(.wealth-v18-input-heading,.wealth-v18-preview-head) h3{
  font:900 23px/1.45 'Noto Serif TC',serif;color:#755123!important;margin:0!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-muted{
  color:#826d58!important;line-height:1.8!important;font-size:12px!important;margin:9px 0 13px!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card .field{margin-top:12px!important}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card .field label{
  display:block;color:#745335!important;font-weight:800!important;font-size:12px!important;margin-bottom:5px!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card :is(input,select){
  width:100%;max-width:100%;min-width:0!important;
  height:43px!important;min-height:43px!important;padding:8px 10px!important;
  border:1px solid #d9bd90!important;border-radius:11px!important;
  background:#fffdf8!important;box-shadow:0 2px 5px rgba(153,99,40,.06)!important;
  color:#614b36!important;font-size:13px!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card :is(input,select):focus-visible{
  outline:2px solid #6f9c86!important;outline-offset:2px!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-hint{
  color:#93816a!important;font-size:11px!important;line-height:1.6!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-autofill{
  display:block!important;width:100%!important;border-radius:12px!important;
  padding:10px!important;margin:16px 0 6px!important;
  background:linear-gradient(#fff9e8,#faeed6)!important;border:1px solid #d7bb8b!important;
  color:#865c31!important;font-weight:750!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-submit{
  display:block!important;width:100%!important;min-height:49px!important;
  padding:10px 13px!important;margin:13px auto 0!important;
  background:linear-gradient(180deg,#ce6150,#aa3f35 70%,#8c3530)!important;
  border:2px solid #e2b673!important;border-radius:999px!important;
  box-shadow:0 0 0 3px #fff1d5,0 7px 15px #a6634765!important;
  color:#fff9ed!important;font:900 15px/1.5 'Noto Serif TC',serif!important;
  letter-spacing:.08em!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-submit:active{transform:translateY(2px);box-shadow:0 1px 7px #a6634765!important}

html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty{
  display:flex!important;align-items:stretch!important;justify-content:flex-start!important;
  flex-direction:column!important;padding:20px clamp(14px,2vw,27px) 22px!important;text-align:center!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-preview-head{text-align:left;}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-treasure{
  position:relative;width:154px;height:154px;flex:none;margin:15px auto 18px;
  border-radius:50%;border:3px solid #f6dfaa;outline:2px solid #b88738;outline-offset:2px;
  background:radial-gradient(circle,#fff4d7,#f3d8a1);
  box-shadow:0 10px 22px rgba(170,113,43,.17);
  overflow:hidden;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-treasure img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center 21%;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty p{
  max-width:360px!important;color:#7e6851!important;font:500 13px/1.9 'Noto Serif TC',serif!important;
  margin:0 auto!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-benefits{
  width:100%!important;max-width:380px!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;margin:18px auto 0!important;padding:0!important;
  border:0!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-benefits span{
  padding:12px 8px!important;display:flex!important;align-items:center;justify-content:center;gap:7px;
  border-radius:16px!important;border:1px solid #dcc193!important;
  background:linear-gradient(150deg,#fffdf6,#fff3db)!important;
  box-shadow:0 4px 9px rgba(147,99,34,.07);color:#765333!important;
  font:800 13px/1.5 'Noto Serif TC',serif!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-benefits b{font-size:20px;color:#618876!important}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty p.wealth-v18-disclaimer{
  margin:auto auto 0!important;padding:21px 5px 0!important;
  font-size:10px!important;color:#9d8165!important;
}

/* Results, payment preview and reports carry the same amber/jade brand. */
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-results{
  max-width:1100px!important;margin:20px auto 0!important;
  padding:24px clamp(12px,3vw,38px) 30px!important;
  border:2px solid #ceaa6b!important;border-radius:28px!important;border-image:none!important;
  background:linear-gradient(160deg,#fffcf4ed,#fff5e7f3)!important;
  box-shadow:0 13px 26px rgba(158,111,58,.12),inset 0 0 0 5px #fff8e8!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-results::before,
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-results::after{display:none!important;content:none!important}
html body.site-refined-v11 #wealthView.wealth-v18 :is(.wealth-result-title h2,.wealth-paid-header h3){color:#86511e!important}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-paid-banner{
  background:linear-gradient(90deg,#d7b474,#f7e4b0,#d7b474)!important;
  color:#755123!important;border-radius:100px!important;border:1px solid #c58f44!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-gate-card{
  border-radius:23px!important;background:#fff8e8!important;border:1px solid #d8bd8b!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-purchase{
  border-radius:100px!important;background:linear-gradient(#ce6150,#a73c37)!important;color:#fff7ed!important;
}

@media(max-width:840px){
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-hero{
    grid-template-columns:minmax(0,230px) minmax(0,1fr)!important;
    gap:24px!important;padding-top:38px!important;
  }
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-workspace{
    grid-template-columns:1fr!important;
  }
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-preview-head{margin-bottom:6px}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-treasure{width:132px;height:132px;margin:10px auto 13px}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty p.wealth-v18-disclaimer{margin-top:9px!important;padding-top:12px!important}
}
@media(max-width:620px){
  html body.site-refined-v11 #wealthView.wealth-v18{
    padding:0 4px 15px!important;margin-top:4px!important;
  }
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-scroll{
    padding:0 17px 24px!important;
    border:3px solid #c99b50!important;border-radius:25px!important;
    outline-offset:-8px!important;
    box-shadow:0 9px 20px rgba(144,95,53,.12),inset 0 0 0 4px rgba(255,251,239,.8)!important;
  }
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-scroll::before{
    background-size:70px auto,70px auto,70px auto,70px auto!important;
  }
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-scroll::after{height:70px}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;min-height:0!important;
    padding:34px 3px 4px!important;
  }
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-art{width:min(66%,205px)!important;margin:0 auto!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-mini-coin{width:43px;height:43px;font-size:20px}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-hero-text{padding:2px 0!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-kicker{font-size:11px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 #wealthV18Title{font-size:35px!important;letter-spacing:.12em!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-title-mini{font-size:17px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-intro{font-size:12px!important;line-height:1.8!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-pillars{gap:6px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-pillars span{padding:7px 8px!important;font-size:11px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-divider{height:54px!important;margin:4px 0 0!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-divider>span{width:50px;height:50px;flex-basis:50px;font-size:24px}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-subtitle{padding:8px 0 14px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-subtitle h3{font-size:23px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-subtitle>span{font-size:12px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-workspace{margin:0 auto!important;gap:13px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card,
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty{padding:17px 12px 20px!important;border-radius:18px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 :is(.wealth-v18-input-heading,.wealth-v18-preview-head) h3{font-size:20px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card :is(input,select){height:44px!important;min-height:44px!important;font-size:13px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-treasure{width:128px;height:128px}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-results{border-radius:20px!important;padding:20px 12px!important}
}
@media(max-width:355px){
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-scroll{padding:0 12px 19px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-pillars span{padding:6px 5px!important;font-size:10px!important}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-benefits span{font-size:11px!important;padding:9px 5px!important}
}
@media(prefers-reduced-motion:no-preference){
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-mini-coin{transition:transform .2s ease}
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-art:hover .wealth-v18-mini-coin{transform:rotate(7deg)}
}

/* Match: only replace the corrupt baked-in second line with true HTML text. */
html body.site-refined-v11 #matchView.match-v15 .match-v15-hero{position:relative!important}
html body.site-refined-v11 #matchView.match-v15 .match-v18-fixed-caption{
  display:block!important;position:absolute;z-index:5;
  left:32.5%;width:58.5%;top:87.4%;margin:0!important;
  padding:5px 10px!important;min-height:4.5%;
  background:linear-gradient(90deg,rgba(255,241,221,.01),rgba(255,242,223,.99) 4%,rgba(255,242,223,.99) 96%,rgba(255,241,221,.01))!important;
  color:#794b38!important;text-align:center!important;
  font:600 clamp(9px,1.26vw,15px)/1.55 'Noto Serif TC',serif!important;
  white-space:nowrap;letter-spacing:0!important;pointer-events:none;
}
@media(max-width:700px){
  html body.site-refined-v11 #matchView.match-v15 .match-v18-fixed-caption{
    padding:1px 4px!important;left:31.5%!important;width:61%!important;top:87.2%!important;
    font-size:clamp(5px,1.45vw,10px)!important;line-height:1.4!important;
  }
}
/* Match subtitle final alignment: opaque parchment-colored strip fully covers
   the misspelled raster letters while replacing them with real selectable text. */
html body.site-refined-v11 #matchView.match-v15 .match-v18-fixed-caption{
  display:flex!important;align-items:center!important;justify-content:center!important;
  top:86.6%!important;left:29.5%!important;width:63.5%!important;height:7.9%!important;
  min-height:0!important;padding:3px 13px!important;
  background:linear-gradient(90deg,rgba(255,244,225,.03) 0%,rgba(255,241,220,1) 2.4%,#fff2dd 97.6%,rgba(255,244,225,.03) 100%)!important;
  color:#794b38!important;font-size:clamp(13px,1.28vw,17px)!important;
}
@media(max-width:700px){
  html body.site-refined-v11 #matchView.match-v15 .match-v18-fixed-caption{
    top:86.5%!important;left:29.5%!important;width:63.5%!important;height:8.2%!important;
    padding:1px 5px!important;font-size:clamp(6px,1.35vw,9px)!important;
  }
}
/* Hide empty panel after successful calculation; script manages hidden class. */
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty.hidden{display:none!important}
/* Fill the desktop preview's otherwise empty lower half with a single subdued
   ingot motif. It is removed on narrow displays to avoid crowding labels. */
@media(min-width:841px){
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty::after{
    content:""!important;display:block!important;position:absolute;
    left:50%;bottom:54px;transform:translateX(-50%);
    width:210px;height:220px;pointer-events:none;opacity:.31;
    background:url('/assets/theme-symbols-v9/wealth-ingots.svg') center/contain no-repeat!important;
  }
  html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty > *{position:relative;z-index:1}
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-workspace:has(.wealth-empty.hidden){
  grid-template-columns:minmax(0,680px)!important;justify-content:center!important;
}
@media(max-width:700px){
  html body.site-refined-v11 #matchView.match-v15 .match-v18-fixed-caption{
    font-size:clamp(8px,2.05vw,10px)!important;
  }
}

/* SOURCE: wealth-v20-art-direction.css */
/* Audited v20: Wealth theme uses one complete, wealth-specific illustration.
   No baked-in overlay over compatibility text; that is repaired in the source art. */
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-scroll{
  padding:0 0 clamp(17px,2vw,30px)!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff4e8,#fff9ed 40%,#fff6e9 100%)!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-hero{
  display:block!important;position:relative!important;
  width:100%!important;min-height:0!important;aspect-ratio:1448/1086!important;
  margin:0!important;padding:0!important;background:none!important;border:0!important;
  border-radius:0!important;overflow:hidden!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v20-art{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:cover!important;max-width:none!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v20-accessible-title{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-divider{display:none!important;}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-subtitle{
  margin:0 auto 0!important;padding:22px 12px 18px!important;
  border-top:0!important;
  background:linear-gradient(180deg,rgba(255,247,233,.65),rgba(255,249,238,.95))!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-workspace{
  width:calc(100% - clamp(24px,5vw,90px))!important;
  max-width:1040px!important;margin:0 auto!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card,
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty{
  border:2px solid #d6ac6d!important; border-radius:23px!important;
  background:linear-gradient(165deg,rgba(255,252,246,.98),rgba(255,246,234,.96))!important;
  box-shadow:inset 0 0 0 4px rgba(255,250,241,.80),0 6px 18px rgba(173,115,62,.10)!important;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card::before,
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty::before{
  content:""!important;display:block!important;position:absolute;inset:0;pointer-events:none;opacity:.85;
  background:url('/assets/safe-ornaments-v9/wealth-tl.svg') left 3px top 3px/70px auto no-repeat,
             url('/assets/safe-ornaments-v9/wealth-tr.svg') right 3px top 3px/70px auto no-repeat,
             url('/assets/safe-ornaments-v9/wealth-bl.svg') left 3px bottom 3px/70px auto no-repeat,
             url('/assets/safe-ornaments-v9/wealth-br.svg') right 3px bottom 3px/70px auto no-repeat;
}
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card > *,
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty > *{position:relative;z-index:1}
@media(max-width:620px){
 html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-scroll{border-radius:23px!important;}
 html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-subtitle{padding:14px 12px 15px!important;}
 html body.site-refined-v11 #wealthView.wealth-v18 .wealth-workspace{width:calc(100% - 22px)!important;}
 html body.site-refined-v11 #wealthView.wealth-v18 .wealth-input-card::before,
 html body.site-refined-v11 #wealthView.wealth-v18 .wealth-empty::before{background-size:48px auto,48px auto,48px auto,48px auto;}
}
/* Fade only the cloud strip at the bottom of the artwork into the same parchment. */
html body.site-refined-v11 #wealthView.wealth-v18 .wealth-v18-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;z-index:1;pointer-events:none;
  height:clamp(18px,3.6vw,50px);
  background:linear-gradient(180deg,rgba(255,246,231,0),rgba(255,246,231,.94));
}

/* SOURCE: astro-v21.css */
/* 西洋占星 v21・星月秘典｜只作用於 #astroView；不覆蓋其他命理分頁 */
html body.celestial-palace #astroView.astro-v21{
  width:100%!important;max-width:1160px!important;margin:18px auto 34px!important;
  padding:0!important;border:0!important;border-image:none!important;outline:0!important;
  border-radius:0!important;box-shadow:none!important;background:transparent!important;
  color:#55435d!important;isolation:isolate;overflow:visible!important;
}
html body.celestial-palace #astroView.astro-v21.hidden{display:none!important}
html body.celestial-palace #astroView.astro-v21::before,
html body.celestial-palace #astroView.astro-v21::after{display:none!important;content:none!important}
html body.celestial-palace #astroView.astro-v21 .astro-v21-scroll{
  position:relative!important;isolation:isolate;width:100%;max-width:100%;box-sizing:border-box;
  padding:0 0 13px!important;overflow:hidden!important;
  border:3px solid #ca9e61!important;border-radius:33px!important;
  background:linear-gradient(180deg,
      #261b44 0px,#30234f 240px,#4e3866 455px,#856d95 555px,
      #c7abc2 637px,#f1dfdf 695px,#fff6ec 778px,#fffbf4 975px)!important;
  box-shadow:0 19px 42px rgba(92,64,100,.18),inset 0 0 0 5px rgba(248,217,166,.30)!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-scroll::before{
  content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:970px;pointer-events:none;
  background:
    url('/assets/astro-v21/star-map.svg') center 0 / 100% 880px no-repeat,
    radial-gradient(ellipse at 50% 76%,rgba(255,244,237,.35),transparent 62%);
  opacity:.75;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-scroll::after{
  content:"";position:absolute;z-index:0;top:0;left:0;right:0;height:170px;pointer-events:none;
  background:
    url('/assets/safe-ornaments-v9/neutral-tl.svg') left 10px top 12px / 145px auto no-repeat,
    url('/assets/safe-ornaments-v9/neutral-tr.svg') right 10px top 12px / 145px auto no-repeat;
  opacity:.78;
  filter:drop-shadow(0 2px 2px rgba(49,25,58,.24));
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-borderline{
  position:absolute;z-index:3;inset:9px;pointer-events:none;
  border:1px solid rgba(247,221,175,.78);border-radius:25px;
  box-shadow:inset 0 0 0 2px rgba(255,245,212,.12);
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-scroll>*:not(.astro-v21-borderline){position:relative;z-index:1}

/* 題圖：擁有獨立星環的占星貓，不再加另張切割框 */
html body.celestial-palace #astroView.astro-v21 .astro-page-hero{
  isolation:isolate;display:grid!important;grid-template-columns:minmax(0,430px) minmax(0,1fr)!important;
  align-items:center!important;gap:clamp(16px,3.5vw,60px)!important;
  margin:0!important;padding:52px clamp(24px,5vw,68px) 15px!important;
  width:100%!important;max-width:none!important;min-height:475px!important;
  border:0!important;border-radius:0!important;border-image:none!important;
  background:none!important;box-shadow:none!important;outline:0!important;
  overflow:visible!important;color:#f9eeda!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-page-hero::before,
html body.celestial-palace #astroView.astro-v21 .astro-page-hero::after{display:none!important;content:none!important}
html body.celestial-palace #astroView.astro-v21 .astro-page-hero>.cat-inline-hero-media,
html body.celestial-palace #astroView.astro-v21 .astro-page-hero>.astro-page-symbol,
html body.celestial-palace #astroView.astro-v21 .astro-page-workspace>.cat-inner-ribbon,
html body.celestial-palace #astroView.astro-v21 .astro-page-workspace>.cat-inline-hero-media,
html body.celestial-palace #astroView.astro-v21 .astro-heading>.cat-decor{display:none!important}
html body.celestial-palace #astroView.astro-v21 .astro-v21-halo{display:none!important}
html body.celestial-palace #astroView.astro-v21 .astro-v21-art{
  position:relative!important;width:100%;max-width:440px;margin:0 auto!important;
  aspect-ratio:1 / 1.12;min-height:0;display:grid;place-items:center;isolation:isolate;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-art::before{
  content:"";position:absolute;inset:8% 4% 6%;z-index:0;pointer-events:none;border-radius:50%;
  background:radial-gradient(ellipse at 50% 48%,rgba(239,217,211,.73) 0%,rgba(204,171,203,.63) 50%,rgba(177,151,197,.20) 72%,transparent 75%);
  filter:blur(9px);
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-zodiac{
  position:absolute!important;z-index:0!important;width:119%!important;height:auto!important;
  left:-10%;top:-5%;opacity:.95;pointer-events:none;
  filter:drop-shadow(0 0 14px rgba(238,195,141,.20));
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-cat{
  display:block!important;position:relative!important;z-index:1!important;
  width:99%!important;height:auto!important;max-width:none!important;
  object-fit:contain!important;pointer-events:none;
  filter:drop-shadow(0 9px 16px rgba(41,23,64,.22));
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-art-star{
  position:absolute;z-index:2;color:#ffe4a2;pointer-events:none;
  text-shadow:0 0 14px #ffe1b9,0 0 26px #fff2cf;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-art-star-a{right:3%;top:17%;font-size:27px}
html body.celestial-palace #astroView.astro-v21 .astro-v21-art-star-b{left:0;bottom:22%;font-size:24px}
html body.celestial-palace #astroView.astro-v21 .astro-page-copy{
  position:relative;z-index:2;max-width:565px;min-width:0;padding:12px 0 28px!important;
  text-align:left!important;color:#fff4df!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-page-kicker{
  margin:0 0 14px!important;color:#edca96!important;
  font:700 clamp(11px,1.3vw,14px)/1.5 'Noto Serif TC','PMingLiU',serif!important;
  letter-spacing:.16em!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-page-copy h2{
  margin:0 0 6px!important;padding:0!important;color:#ffefce!important;
  font:800 clamp(31px,3.7vw,51px)/1.3 'Noto Serif TC','PMingLiU',serif!important;
  letter-spacing:.08em!important;
  text-shadow:0 3px 14px rgba(24,18,41,.29)!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-page-copy h2 span{
  display:block;white-space:nowrap;color:#f6d59e;
  font-size:.72em;letter-spacing:.14em;margin-top:5px;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-verse{
  position:relative;font:700 clamp(17px,1.9vw,22px)/1.7 'Noto Serif TC','PMingLiU',serif;
  color:#ead0dc;letter-spacing:.23em;margin:18px 0 7px;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-verse::after{
  content:"";display:block;width:180px;height:1px;margin-top:12px;
  background:linear-gradient(90deg,#ecd1a0,rgba(255,235,184,0));
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-description{
  max-width:520px!important;margin:12px 0 23px!important;
  color:#f6e9e8!important;font:500 14px/2 'Noto Serif TC',serif!important;
  text-shadow:0 2px 6px rgba(37,25,46,.2);
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-chips{
  display:flex;flex-wrap:wrap;gap:9px;align-items:center;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-chips span{
  display:inline-flex;align-items:center;gap:8px;min-height:37px;
  border:1px solid rgba(244,205,145,.61);border-radius:999px;padding:7px 13px;
  background:linear-gradient(180deg,rgba(255,243,224,.15),rgba(245,232,250,.05));
  color:#fff0d4;font-size:11px;letter-spacing:.05em;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-chips b{font-size:17px;color:#f5d19c;font-weight:400}

/* 過渡星月花結；背景是同一張容器的漸變，沒有獨立圖片接縫 */
html body.celestial-palace #astroView.astro-v21 .astro-v21-ribbon{
  display:flex;align-items:center;justify-content:center;gap:13px;
  height:82px!important;margin:0 auto!important;padding:0 20px!important;
  color:#ffebba;letter-spacing:.25em;font-size:23px;
  filter:drop-shadow(0 2px 7px rgba(66,36,78,.12));
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-ribbon::before,
html body.celestial-palace #astroView.astro-v21 .astro-v21-ribbon::after{
  content:"";width:min(19vw,160px);height:1.5px;
  background:linear-gradient(90deg,transparent,#f5d4a0);
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-ribbon::after{transform:scaleX(-1)}
html body.celestial-palace #astroView.astro-v21 .astro-v21-ribbon span:nth-child(2){
  width:65px;height:65px;border:2px solid #e6c78a;border-radius:50%;
  display:grid;place-items:center;color:#fff4df;font-size:35px;
  background:radial-gradient(circle at 50% 30%,#806488,#4c3869);
  box-shadow:0 7px 20px rgba(55,34,76,.22),inset 0 0 0 3px rgba(255,238,204,.17);
}

/* 星圖工作區在連續羊皮紙卷軸上，不再出現第二張卡片邊緣 */
html body.celestial-palace #astroView.astro-v21 .astro-page-workspace{
  width:100%!important;max-width:none!important;margin:0!important;
  padding:8px clamp(17px,5vw,69px) 14px!important;
  position:relative!important;isolation:isolate!important;
  border:0!important;border-image:none!important;outline:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
  color:#594564!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-page-workspace::before,
html body.celestial-palace #astroView.astro-v21 .astro-page-workspace::after{display:none!important;content:none!important}
html body.celestial-palace #astroView.astro-v21 .astro-v21-chapter{
  text-align:center;margin:0 auto 22px!important;max-width:720px!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-chapter-small{
  color:#a2759d;font:700 11px/1.8 'Noto Serif TC',serif;letter-spacing:.16em;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-chapter h3{
  font:800 clamp(25px,3.25vw,35px)/1.35 'Noto Serif TC','PMingLiU',serif!important;
  color:#69456f!important;letter-spacing:.14em;margin:6px 0 8px!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-chapter p{
  color:#826b80!important;font-size:13px!important;line-height:1.95!important;margin:0 auto!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-page-note{
  position:relative;max-width:880px;margin:0 auto 25px!important;
  padding:11px 16px!important;text-align:center;
  border:1px solid rgba(198,157,114,.58)!important;border-radius:999px!important;
  color:#816882!important;background:linear-gradient(90deg,rgba(255,244,236,.54),rgba(252,241,246,.85),rgba(255,244,236,.54))!important;
  font-size:12px!important;line-height:1.8!important;
  box-shadow:0 3px 12px rgba(113,72,96,.06)!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-page-note span{color:#bb9066;padding:0 4px}
html body.celestial-palace #astroView.astro-v21 #astroPanel.astro-panel{
  position:relative!important;width:100%!important;max-width:100%!important;
  margin:0 auto 12px!important;padding:0 0 10px!important;
  border:2px solid #d3b17a!important;border-image:none!important;
  border-radius:27px!important;outline:0!important;overflow:hidden!important;
  background:linear-gradient(165deg,rgba(255,252,247,.97),rgba(254,246,238,.96))!important;
  box-shadow:inset 0 0 0 5px rgba(255,251,242,.92),0 10px 26px rgba(103,75,103,.09)!important;
  color:#674f66!important;
}
html body.celestial-palace #astroView.astro-v21 #astroPanel.astro-panel::before,
html body.celestial-palace #astroView.astro-v21 #astroPanel.astro-panel::after{display:none!important;content:none!important}
html body.celestial-palace #astroView.astro-v21 #astroPanel .astro-heading{
  position:relative;padding:21px 26px 18px!important;margin:0!important;
  border:0!important;border-bottom:1px solid rgba(222,191,153,.52)!important;
  background:linear-gradient(90deg,#f6e6ec,#fdf4ec 48%,#f4e5ee)!important;
  color:#684b76!important;text-align:center!important;
}
html body.celestial-palace #astroView.astro-v21 #astroPanel .astro-heading::before,
html body.celestial-palace #astroView.astro-v21 #astroPanel .astro-heading::after{
  content:"✦";position:absolute;top:20px;color:#c5a06b;font-size:18px;opacity:.85;
}
html body.celestial-palace #astroView.astro-v21 #astroPanel .astro-heading::before{left:20px}
html body.celestial-palace #astroView.astro-v21 #astroPanel .astro-heading::after{right:20px}
html body.celestial-palace #astroView.astro-v21 #astroPanel .astro-kicker{
  display:block;margin:0 0 3px!important;font-size:11px!important;letter-spacing:.15em!important;color:#9d749c!important;
}
html body.celestial-palace #astroView.astro-v21 #astroPanel .astro-heading h3{
  margin:0 0 5px!important;color:#724d74!important;font:800 clamp(20px,2.6vw,29px)/1.5 'Noto Serif TC','PMingLiU',serif!important;letter-spacing:.11em!important;
}
html body.celestial-palace #astroView.astro-v21 #astroPanel .astro-heading p{
  margin:0!important;color:#957c84!important;font-size:12px!important;line-height:1.7!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-empty{
  display:grid!important;grid-template-columns:minmax(0,280px) minmax(0,1fr)!important;
  align-items:center;gap:clamp(16px,4vw,44px);width:100%;
  padding:32px clamp(18px,5vw,50px) 36px!important;
}
html body.celestial-palace #astroView.astro-v21 #astroPanel:has(#astroOutput:not(.hidden)) .astro-v21-empty{display:none!important}
html body.celestial-palace #astroView.astro-v21 .astro-v21-empty-wheel{
  position:relative;width:100%;aspect-ratio:1;max-width:276px;margin:0 auto;
  display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle at center,#57456d 0,#554368 52%,#9d7f9f 73%,transparent 74%);
  box-shadow:0 0 28px rgba(206,168,165,.18);
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-empty-wheel img{
  display:block;width:112%;height:auto;opacity:.95;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-empty-content{
  min-width:0;max-width:570px;padding:0 0 5px;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-empty-eyebrow{
  color:#ae80a0;font:700 12px/1.6 Georgia,serif;letter-spacing:.17em;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-empty-content h4{
  color:#67496f;font:800 clamp(23px,2.8vw,29px)/1.45 'Noto Serif TC',serif;letter-spacing:.09em;
  margin:7px 0 9px!important;
}
html body.celestial-palace #astroView.astro-v21 #astroState.astro-state{
  display:block;max-width:560px;text-align:left!important;
  margin:0 0 19px!important;padding:0!important;
  font-size:14px!important;line-height:1.95!important;color:#827083!important;
  background:none!important;border:0!important;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-jump{
  display:inline-flex;align-items:center;justify-content:center;gap:13px;
  min-height:49px;padding:10px 30px;border-radius:999px;
  color:#fff3e0;background:linear-gradient(180deg,#785484,#533a68)!important;
  border:2px solid #d6b584;box-shadow:0 7px 16px rgba(111,69,118,.2),inset 0 0 0 2px rgba(255,239,208,.13);
  font:700 14px 'Noto Serif TC',serif;letter-spacing:.08em;cursor:pointer;
  transition:filter .15s,transform .15s;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-jump:hover{filter:brightness(1.1)}
html body.celestial-palace #astroView.astro-v21 .astro-v21-jump:active{transform:translateY(2px);filter:brightness(.95)}
html body.celestial-palace #astroView.astro-v21 .astro-v21-jump:focus-visible{outline:3px solid #b596bf;outline-offset:3px}
html body.celestial-palace #astroView.astro-v21 .astro-v21-empty-content small{
  display:block;color:#9b8594;font-size:11px;line-height:1.8;margin-top:13px;
}
/* 結果：保留後端 SVG 與所有渲染 ID，僅重新包裝可視化 */
html body.celestial-palace #astroView.astro-v21 #astroOutput.astro-output{
  display:grid!important;grid-template-columns:minmax(0,.98fr) minmax(0,1fr)!important;
  gap:20px;padding:25px 23px 22px!important;max-width:100%;min-width:0;
  background:transparent!important;
}
html body.celestial-palace #astroView.astro-v21 #astroOutput.astro-output.hidden{display:none!important}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-sky{
  width:100%!important;max-width:570px!important;margin:0 auto!important;
  background:#182641!important;border:5px solid #e1bf86!important;border-radius:50%!important;
  box-shadow:0 0 0 3px #6b5176,0 10px 26px rgba(50,37,66,.25)!important;
  align-self:start;min-width:0!important;overflow:hidden;
}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-sky svg{display:block;max-width:100%}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-data{min-width:0}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-quick{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;margin:0 0 14px!important;
}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-quick>div,
html body.celestial-palace #astroView.astro-v21 #astroOutput #astroInterpret article,
html body.celestial-palace #astroView.astro-v21 #astroOutput :is(#astroCusps,#astroAspects)>span{
  min-width:0;border:1px solid #e0c4d3!important;border-radius:13px!important;
  background:linear-gradient(135deg,#fffaf6,#f7eef6)!important;
  box-shadow:0 3px 8px rgba(93,66,91,.06)!important;
  color:#69596d!important;
}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-quick strong{color:#594673!important}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-quick span{color:#977b87!important}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-meta{color:#7d6c7c!important}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-table-wrap{
  border:1px solid #e3cbd1!important;border-radius:13px!important;overflow-x:auto!important;
  background:#fffdf9!important;
}
html body.celestial-palace #astroView.astro-v21 #astroOutput table{margin:0}
html body.celestial-palace #astroView.astro-v21 #astroOutput table th{background:#f5eaf1!important;color:#6e5670!important}
html body.celestial-palace #astroView.astro-v21 #astroOutput table td{color:#65566d!important}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-reading,
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-details{
  grid-column:1/-1;margin:0!important;padding:16px 4px 4px!important;border-top:1px solid #dfc8cf!important;
  background:none!important;border-radius:0!important;box-shadow:none!important;
}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-reading h4,
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-details h4{color:#704d73!important;font-size:16px!important}
html body.celestial-palace #astroView.astro-v21 #astroOutput #astroInterpret{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
}
html body.celestial-palace #astroView.astro-v21 #astroOutput #astroInterpret article{padding:17px!important}
html body.celestial-palace #astroView.astro-v21 #astroOutput #astroInterpret h5{color:#654a6b!important}
html body.celestial-palace #astroView.astro-v21 #astroOutput #astroCusps,
html body.celestial-palace #astroView.astro-v21 #astroOutput #astroAspects{gap:10px!important}
html body.celestial-palace #astroView.astro-v21 .astro-v21-footer-verse{
  text-align:center;color:#98749c;font:700 12px/1.8 'Noto Serif TC',serif;letter-spacing:.24em;
  padding:15px 20px 13px;margin:0 auto;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-footer-verse span{color:#d2aa76;padding:0 8px}

@media(max-width:780px){
 html body.celestial-palace #astroView.astro-v21{width:100%!important;margin:12px auto 24px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-scroll{border-radius:24px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-page-hero{
   grid-template-columns:1fr!important;min-height:0!important;gap:1px!important;
   padding:37px 20px 15px!important;
 }
 html body.celestial-palace #astroView.astro-v21 .astro-v21-art{max-width:340px;width:min(85%,340px);aspect-ratio:1/1.08}
 html body.celestial-palace #astroView.astro-v21 .astro-page-copy{text-align:center!important;margin:0 auto!important;padding:0 4px 14px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-page-kicker{font-size:12px!important;margin-bottom:9px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-page-copy h2{font-size:clamp(26px,6.4vw,39px)!important;margin:0 0 4px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-page-copy h2 span{font-size:.76em}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-verse{font-size:18px!important;margin:11px auto 7px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-verse::after{margin:9px auto 0;background:linear-gradient(90deg,transparent,#ecd1a0,transparent)}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-description{margin:8px auto 14px!important;font-size:12px!important;line-height:1.9!important;max-width:390px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-chips{justify-content:center}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-ribbon{height:69px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-ribbon span:nth-child(2){width:58px;height:58px;font-size:31px}
 html body.celestial-palace #astroView.astro-v21 .astro-page-workspace{padding:8px 19px 9px!important}
 html body.celestial-palace #astroView.astro-v21 #astroOutput.astro-output{grid-template-columns:1fr!important;gap:15px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-empty{grid-template-columns:1fr!important;gap:18px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-empty-wheel{max-width:212px}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-empty-content{text-align:center!important}
 html body.celestial-palace #astroView.astro-v21 #astroState.astro-state{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:480px){
 html body.celestial-palace #astroView.astro-v21 .astro-v21-scroll{border-width:2px!important;border-radius:19px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-borderline{inset:6px;border-radius:13px}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-scroll::after{
   background-size:83px auto,83px auto;height:98px;opacity:.67;
 }
 html body.celestial-palace #astroView.astro-v21 .astro-page-hero{padding:23px 14px 0!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-art{width:min(84%,290px);max-width:290px}
 html body.celestial-palace #astroView.astro-v21 .astro-page-copy{padding:0 5px 11px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-page-copy h2{font-size:clamp(25px,7vw,30px)!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-verse{font-size:16px!important;letter-spacing:.13em}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-chips{gap:5px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-hero-chips span{font-size:10px;padding:5px 8px;gap:5px;min-height:34px}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-ribbon{height:64px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-page-workspace{padding:5px 10px 8px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-chapter{margin:0 auto 16px!important;padding:0 5px}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-chapter h3{font-size:25px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-chapter p{font-size:11px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-page-note{
   border-radius:14px!important;padding:9px 11px!important;font-size:11px!important;margin-bottom:17px!important;
 }
 html body.celestial-palace #astroView.astro-v21 #astroPanel.astro-panel{border-radius:18px!important}
 html body.celestial-palace #astroView.astro-v21 #astroPanel .astro-heading{padding:17px 13px 14px!important}
 html body.celestial-palace #astroView.astro-v21 #astroPanel .astro-heading h3{font-size:20px!important}
 html body.celestial-palace #astroView.astro-v21 #astroPanel .astro-heading p{font-size:10px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-empty{padding:17px 13px 26px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-empty-wheel{max-width:175px}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-empty-content h4{font-size:21px!important}
 html body.celestial-palace #astroView.astro-v21 #astroState.astro-state{font-size:12px!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-jump{width:100%;padding:10px 12px;font-size:13px}
 html body.celestial-palace #astroView.astro-v21 #astroOutput.astro-output{padding:13px 10px 15px!important}
 html body.celestial-palace #astroView.astro-v21 #astroOutput #astroInterpret{grid-template-columns:1fr!important}
 html body.celestial-palace #astroView.astro-v21 .astro-v21-footer-verse{font-size:10px!important;letter-spacing:.16em}
}
@media print{
 html body.celestial-palace #astroView.astro-v21 .astro-v21-jump,
 html body.celestial-palace #astroView.astro-v21 .astro-v21-empty{display:none!important}
}
/* 結果詳細分析：移除舊版全站框飾的 border-image，避免星盤內出現截斷的橘色拼接框。 */
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-reading,
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-details{
  border:0!important;
  border-top:1px solid #dfc8cf!important;
  border-image:none!important;
  outline:0!important;
  background-image:none!important;
}
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-reading::before,
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-reading::after,
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-details::before,
html body.celestial-palace #astroView.astro-v21 #astroOutput .astro-details::after{
  display:none!important;
  content:none!important;
}

/* SOURCE: meihua-v22.css */
/* 梅花易數 v22・梅影問心：只作用於 #meihuaView，不更動其他分頁或起卦運算 */
html body.celestial-palace #meihuaView.meihua-v22{
  --mh-ink:#234d48;--mh-ink2:#315f55;--mh-gold:#cbac70;--mh-rose:#ab5765;--mh-text:#73594e;
  margin:18px auto 36px!important;padding:0!important;width:100%!important;max-width:1160px!important;
  position:relative!important;isolation:isolate!important;background:transparent!important;
  border:0!important;outline:0!important;border-image:none!important;box-shadow:none!important;
  color:#624b43!important;
}
html body.celestial-palace #meihuaView.meihua-v22.hidden{display:none!important}
html body.celestial-palace #meihuaView.meihua-v22::before,
html body.celestial-palace #meihuaView.meihua-v22::after{display:none!important;content:none!important}
html body.celestial-palace #meihuaView.meihua-v22 *,
html body.celestial-palace #meihuaView.meihua-v22 *::before,
html body.celestial-palace #meihuaView.meihua-v22 *::after{box-sizing:border-box}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-scroll{
  position:relative;isolation:isolate;overflow:hidden!important;width:100%;
  border:3px solid #c6a46c!important;border-radius:34px!important;
  background:linear-gradient(180deg,
    #1a3d3d 0px,#23524b 160px,#2b5b51 337px,
    #526f60 460px,#aab19c 559px,#ebe0c9 671px,#faf0e0 760px,
    #fff9ee 900px,#fffbf6 1210px,#fff9ee 100%)!important;
  box-shadow:0 20px 44px rgba(97,84,72,.18),inset 0 0 0 6px rgba(255,234,183,.22)!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-scroll::before{
  content:"";position:absolute;z-index:0;top:0;left:0;right:0;height:810px;pointer-events:none;
  background:
    radial-gradient(circle at 51% 3%,rgba(250,215,148,.09) 1px,transparent 2px) 0 0/40px 40px,
    radial-gradient(ellipse at 21% 39%,rgba(224,187,108,.19),transparent 50%),
    radial-gradient(ellipse at 87% 16%,rgba(255,216,189,.15),transparent 43%),
    url('/assets/meihua-v22/plum-branch.svg') right -22px top -15px / 340px auto no-repeat;
  mask-image:linear-gradient(#000 65%,transparent 100%);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-scroll::after{
  content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:340px;pointer-events:none;
  background:
    url('/assets/cat-theme/decor-cloud-city.webp') center bottom/100% auto no-repeat,
    url('/assets/meihua-v22/plum-branch.svg') left bottom/180px auto no-repeat;
  opacity:.52;
  mask-image:linear-gradient(to bottom,transparent,#000 65%);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-borderline{
  position:absolute;z-index:4;inset:10px;pointer-events:none;
  border:1px solid rgba(255,220,163,.72);border-radius:25px;
  box-shadow:inset 0 0 0 2px rgba(255,238,205,.10);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-scroll > :not(.mh22-borderline){position:relative;z-index:1}
/* 題圖：古典八卦盤與梅花靈貓，與卷軸同背景，不另做一張貼圖卡 */
html body.celestial-palace #meihuaView.meihua-v22 .meihua-hero.mh22-hero{
  display:grid!important;grid-template-columns:minmax(0,43%) minmax(0,57%)!important;
  align-items:center!important;gap:0!important;
  min-height:512px!important;width:100%!important;max-width:none!important;
  margin:0!important;padding:43px clamp(26px,5vw,62px) 23px!important;
  background:transparent!important;border:0!important;outline:0!important;border-image:none!important;
  border-radius:0!important;box-shadow:none!important;overflow:visible!important;
  color:#f8edda!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .meihua-hero::before,
html body.celestial-palace #meihuaView.meihua-v22 .meihua-hero::after{display:none!important;content:none!important}
html body.celestial-palace #meihuaView.meihua-v22 .meihua-hero > .cat-inline-hero-media,
html body.celestial-palace #meihuaView.meihua-v22 #meihuaForm > .cat-inner-ribbon,
html body.celestial-palace #meihuaView.meihua-v22 #meihuaResult > .cat-inner-ribbon{display:none!important}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-art{
  width:100%;max-width:430px;aspect-ratio:1;position:relative;isolation:isolate;margin:0 auto;min-height:0;
  display:flex;align-items:center;justify-content:center;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-art::before{
  content:"";position:absolute;inset:8%;z-index:0;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(254,235,188,.27),rgba(247,216,154,.06) 67%,transparent 72%);
  box-shadow:0 0 43px rgba(245,213,159,.12);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-bagua{
  position:absolute;z-index:0;inset:-4%;width:108%;height:108%;opacity:.91;object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(240,212,157,.18));pointer-events:none;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-cat-medallion{
  position:relative;z-index:1;width:73%;height:73%;border:4px solid #d3ac6b;
  border-radius:50%;overflow:hidden;display:block;
  background:radial-gradient(circle at center,#fff1de,#f5d7c1);
  box-shadow:0 0 0 5px rgba(255,240,200,.35),0 10px 25px rgba(13,46,42,.25),inset 0 0 0 3px #fff4d5;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-cat-medallion img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%;
  transform:scale(1.025);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-art-emblem{
  position:absolute;z-index:3;bottom:9%;right:8%;display:grid;place-items:center;
  width:75px;height:75px;border-radius:50%;border:4px solid #edcc8b;
  background:radial-gradient(circle at 36% 28%,#be6e71,#873f4f 72%,#602d3b);
  color:#fff1d7!important;font:800 36px/1 'Noto Serif TC',serif!important;
  box-shadow:0 6px 18px rgba(31,33,32,.22),inset 0 0 0 3px rgba(255,242,218,.25);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-plum{
  position:absolute;z-index:2;pointer-events:none;color:#f4b8b2!important;font-size:35px!important;
  text-shadow:0 2px 6px rgba(67,29,45,.4);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-plum-a{top:8%;left:5%;transform:rotate(-18deg)}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-plum-b{right:15%;top:9%;font-size:19px!important;transform:rotate(16deg)}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-hero-copy{
  position:relative;z-index:2;padding:10px 0 22px 15px;min-width:0;
  text-align:left!important;color:#fdf3e1!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-hero-copy .mh22-eyebrow{
  display:block;margin:0 0 14px!important;
  color:#f2d7a8!important;font:700 clamp(11px,1.2vw,14px)/1.55 'Noto Serif TC',serif!important;
  letter-spacing:.17em!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-hero-copy h2{
  color:#fff2d9!important;font:800 clamp(36px,4.6vw,55px)/1.25 'Noto Serif TC','PMingLiU',serif!important;
  letter-spacing:.13em!important;text-shadow:0 3px 12px rgba(9,29,26,.25);
  margin:0 0 5px!important;padding:0!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-hero-copy h2 span{
  display:block;margin-top:7px!important;color:#eed5a1!important;
  font:800 clamp(21px,2.5vw,30px)/1.4 'Noto Serif TC',serif!important;
  letter-spacing:.1em!important;white-space:normal;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-calligraphy-line{
  width:min(95%,380px);display:flex;align-items:center;gap:12px;margin:20px 0 13px!important;
  color:#f3d59e;opacity:.95;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-calligraphy-line::before,
html body.celestial-palace #meihuaView.meihua-v22 .mh22-calligraphy-line::after{
  content:"";flex:1;height:1px;
  background:linear-gradient(90deg,transparent,#f3d59e);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-calligraphy-line::after{transform:scaleX(-1)}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-calligraphy-line span{font-size:25px!important;color:#f5dbaa!important}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-verse{
  margin:9px 0!important;color:#f3dba9!important;font:750 19px/1.7 'Noto Serif TC',serif!important;letter-spacing:.17em;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-hero-description{
  margin:6px 0 21px!important;color:#f8eee1!important;
  font:500 14px/1.96 'Noto Serif TC',serif!important;max-width:540px;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-chips{display:flex;gap:9px;flex-wrap:wrap}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-chips span{
  color:#fff3da!important;font:600 12px/1.5 'Noto Serif TC',serif!important;
  padding:9px 14px;border:1px solid rgba(243,213,165,.57);border-radius:999px;
  background:rgba(255,235,202,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
/* 邊飾連接軸承；上、下方仍是同一個卷軸背景 */
html body.celestial-palace #meihuaView.meihua-v22 .mh22-join{
  display:flex;align-items:center;justify-content:center;gap:14px;
  height:83px;margin:0 auto!important;padding:0 20px!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-join::before,
html body.celestial-palace #meihuaView.meihua-v22 .mh22-join::after{
  content:"";width:min(29vw,245px);height:2px;
  background:linear-gradient(90deg,transparent,rgba(239,210,153,.95));
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-join::after{transform:scaleX(-1)}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-join span{
  display:grid;place-items:center;min-width:73px;width:73px;height:73px;
  border:4px solid #e8cd96;border-radius:50%;
  background:radial-gradient(circle at 40% 28%,#46786b,#255c51 69%,#173e3d);
  box-shadow:0 8px 22px rgba(30,65,58,.19),inset 0 0 0 2px rgba(251,226,179,.43);
  color:#fbe5b9!important;font:700 43px/1 serif!important;
}
/* 卷軸內容區 */
html body.celestial-palace #meihuaView.meihua-v22 .mh22-workspace{
  position:relative!important;isolation:isolate;padding:4px clamp(19px,5vw,68px) 28px!important;
  color:#674e44!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-workspace::before{
  content:"";position:absolute;inset:0 0 0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 8%,rgba(255,250,235,.38),transparent 56%);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-chapter{
  text-align:center;max-width:760px;margin:0 auto 23px;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-chapter>span{
  display:block;color:#a27463!important;font:700 12px/1.5 'Noto Serif TC',serif!important;letter-spacing:.16em;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-chapter h3{
  margin:8px 0 7px!important;color:#315c50!important;
  font:850 clamp(24px,3.25vw,35px)/1.4 'Noto Serif TC',serif!important;letter-spacing:.11em;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-chapter p{
  font:500 13px/1.9 'Noto Serif TC',serif!important;
  margin:0 auto!important;color:#856d60!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .meihua-layout.mh22-layout{
  display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;
  gap:21px!important;align-items:stretch!important;margin:0 auto!important;
  max-width:1030px!important;
}
/* Form is the playable element; no decorative overlay can catch clicks */
html body.celestial-palace #meihuaView.meihua-v22 #meihuaForm.meihua-form.mh22-form,
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide{
  min-width:0;position:relative!important;overflow:hidden!important;
  border:2px solid #d4b785!important;border-radius:27px!important;border-image:none!important;
  padding:27px clamp(17px,2.7vw,31px) 26px!important;
  background:linear-gradient(160deg,rgba(255,254,248,.97),rgba(255,246,235,.96))!important;
  box-shadow:0 13px 26px rgba(118,99,73,.10),inset 0 0 0 5px rgba(255,250,236,.9)!important;
}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaForm.meihua-form::before,
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;z-index:0;
  background:
    url('/assets/meihua-v22/form-corner.svg') left top/112px auto no-repeat,
    url('/assets/meihua-v22/form-corner.svg') right bottom/100px auto no-repeat;
}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaForm.meihua-form::after,
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide::after{display:none!important;content:none!important}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaForm > *,
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide > *{position:relative;z-index:1}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-form-heading{
  display:flex;align-items:center;gap:13px;margin:0 0 22px!important;
  padding:0 0 18px;border-bottom:1px solid #e4cfaa;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-step-seal{
  flex:none;display:grid;place-items:center;width:57px;height:57px;
  border-radius:50%;border:3px solid #dbbc7f;
  background:radial-gradient(circle at 40% 28%,#f1d0a1,#c8a06d);
  color:#75503c!important;font:800 29px 'Noto Serif TC',serif!important;
  box-shadow:0 5px 10px rgba(167,124,79,.15);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-form-heading small{
  display:block;font:700 11px/1.65 'Noto Serif TC',serif!important;color:#b28b61!important;letter-spacing:.13em;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-form-heading h3{
  margin:3px 0 0!important;color:#325e53!important;
  font:800 clamp(20px,2.2vw,25px)/1.4 'Noto Serif TC',serif!important;
  letter-spacing:.08em;
}
html body.celestial-palace #meihuaView.meihua-v22 .meihua-form .field{min-width:0;margin:0 0 17px!important}
html body.celestial-palace #meihuaView.meihua-v22 .meihua-form .field label{
  display:block;margin-bottom:9px!important;color:#785c50!important;
  font:750 13px/1.55 'Noto Serif TC',serif!important;letter-spacing:.05em;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-required{color:#b55861}
html body.celestial-palace #meihuaView.meihua-v22 .meihua-form :is(textarea,input[type=number]){
  display:block;width:100%!important;min-width:0;max-width:100%;
  padding:12px 14px!important;color:#5e554a!important;
  font:500 14px/1.65 'Noto Serif TC',serif!important;
  background:rgba(255,253,249,.96)!important;border:1.5px solid #d8b98d!important;border-radius:13px!important;
  box-shadow:inset 0 1px 3px rgba(120,93,62,.04)!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .meihua-form textarea{min-height:118px!important;resize:vertical!important}
html body.celestial-palace #meihuaView.meihua-v22 .meihua-form input[type=number]{height:49px!important}
html body.celestial-palace #meihuaView.meihua-v22 .meihua-form :is(textarea,input[type=number]):focus-visible{
  outline:3px solid rgba(82,138,121,.33)!important;outline-offset:2px!important;border-color:#548f7c!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-number-label{
  display:flex;align-items:center;gap:10px;margin:0 0 14px;
  padding:15px 0 0;border-top:1px solid #e8d6ba;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-mini-symbol{
  color:#558877!important;font:700 27px/1 Georgia,serif!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-number-label strong{
  display:block;color:#315c50;font:700 16px 'Noto Serif TC',serif;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-number-label small{
  display:block;color:#ac917e;font-size:11px;margin-top:2px;
}
html body.celestial-palace #meihuaView.meihua-v22 .meihua-numbers{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-rule{
  display:block;margin:0 0 17px!important;padding:11px 13px!important;
  border:1px solid #ead6b6;border-radius:10px!important;
  background:rgba(252,243,225,.75)!important;color:#92735b!important;font-size:11px!important;line-height:1.85!important;
}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaSubmit.meihua-submit{
  display:block;width:100%!important;min-height:53px!important;
  margin:0!important;padding:12px 17px!important;
  color:#fff8e9!important;
  font:800 17px/1.5 'Noto Serif TC',serif!important;letter-spacing:.09em;
  background:linear-gradient(180deg,#bf6970,#963e4c 68%,#853543)!important;
  border:3px solid #dbba7a!important;border-radius:999px!important;
  box-shadow:0 9px 20px rgba(141,58,70,.18),inset 0 0 0 2px rgba(255,229,184,.26)!important;
  cursor:pointer;transition:transform .15s,filter .15s,box-shadow .15s;
}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaSubmit:hover{filter:brightness(1.07)}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaSubmit:active{transform:translateY(2px);filter:brightness(.96)}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaSubmit:disabled{opacity:.6;cursor:wait}
html body.celestial-palace #meihuaView.meihua-v22 .meihua-error{color:#943d4f;background:#fff0ed;border:1px solid #dfb5b2;border-radius:10px;margin:10px 0 0;padding:9px 12px;font-size:12px}
/* Right informational panel: distinctive plum / classical guide */
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide{
  text-align:center;padding-top:31px!important;
  background:
    radial-gradient(ellipse at 50% 0,rgba(246,225,189,.67),transparent 60%),
    linear-gradient(160deg,rgba(255,251,241,.97),rgba(246,237,220,.95))!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide-crest{
  margin:0 auto 10px;width:108px;height:108px;border-radius:50%;
  display:grid;place-items:center;border:4px double #c9a66d;
  background:
    url('/assets/meihua-v22/bagua-wheel.svg') center/138px no-repeat,
    radial-gradient(circle at center,#fdf1d6,#e6caa3);
  box-shadow:0 7px 19px rgba(157,114,69,.13),inset 0 0 0 4px rgba(255,252,239,.78);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide-crest span{
  display:grid;place-items:center;width:65px;height:65px;border-radius:50%;
  background:radial-gradient(circle at 50% 30%,#4e8775,#23564e 70%);
  border:2px solid #d3b37b;color:#fff0ce!important;font:800 37px/1 'Noto Serif TC',serif!important;
  box-shadow:0 4px 14px rgba(47,85,71,.22);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide-eyebrow{
  margin:3px 0!important;font-size:10px!important;letter-spacing:.18em;color:#a48972!important;font-weight:700;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide h3{
  margin:7px 0 6px!important;color:#31594e!important;
  font:800 24px/1.5 'Noto Serif TC',serif!important;letter-spacing:.06em;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide-lead{
  color:#956d65!important;margin:0 0 19px!important;
  font:600 13px/1.8 'Noto Serif TC',serif!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-ritual{
  text-align:left;display:grid;gap:10px;margin:0 auto;max-width:440px;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-ritual-item{
  display:grid;grid-template-columns:42px minmax(0,1fr) 32px;gap:11px;align-items:center;
  padding:14px 13px!important;min-height:85px;
  border:1px solid rgba(207,177,129,.8);border-radius:14px;
  background:rgba(255,251,240,.73);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.58);
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-ritual-no{
  display:grid;place-items:center;width:40px;height:40px;border:1px solid #d1a977;border-radius:50%;
  background:linear-gradient(130deg,#f6ead4,#e8caa0);
  color:#925d50!important;font:800 22px 'Noto Serif TC',serif!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-ritual-item strong{
  display:block;color:#4a6f5f;font:800 14px/1.6 'Noto Serif TC',serif;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-ritual-item p{
  margin:4px 0 0!important;color:#806f61!important;font:500 11px/1.7 'Noto Serif TC',serif!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-ritual-mark{
  color:#bd8186!important;opacity:.83;font:700 23px/1 serif!important;text-align:center;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide-foot{
  margin:21px auto 0;padding:10px 0 0;
  border-top:1px solid #dec9a7;color:#9c8178;font:500 11px/1.8 'Noto Serif TC',serif;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide-foot span{color:#bd8b66}
/* 結果在同一卷軸中展開，無第二張背景的切斷 */
html body.celestial-palace #meihuaView.meihua-v22 #meihuaResult.meihua-results{
  max-width:1030px!important;width:100%!important;position:relative!important;
  margin:23px auto 0!important;padding:24px clamp(18px,4vw,34px) 28px!important;
  border:2px solid #d5b988!important;border-image:none!important;
  border-radius:26px!important;outline:0!important;
  background:linear-gradient(160deg,rgba(255,252,247,.98),rgba(255,246,232,.98))!important;
  box-shadow:0 10px 26px rgba(126,102,76,.12),inset 0 0 0 5px rgba(255,251,241,.9)!important;
  min-width:0;
}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaResult.meihua-results.hidden{display:none!important}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaResult::before,
html body.celestial-palace #meihuaView.meihua-v22 #meihuaResult::after{display:none!important;content:none!important}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-result-heading{text-align:center;margin:0 auto 22px}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-result-heading small{
  color:#ac7b65;font:700 11px/1.7 'Noto Serif TC',serif;letter-spacing:.15em;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-result-heading h3{
  color:#315c51!important;font:800 clamp(24px,3.2vw,30px)/1.5 'Noto Serif TC',serif!important;
  margin:5px auto 8px!important;letter-spacing:.07em;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-result-heading p{
  color:#917a6a;font:500 12px/1.85 'Noto Serif TC',serif;margin:0 auto;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
html body.celestial-palace #meihuaView.meihua-v22 .mh-card{
  display:block!important;padding:19px 14px 21px!important;text-align:center!important;min-width:0;
  border:1.5px solid #d8bc90!important;border-radius:17px!important;
  background:
    radial-gradient(circle at 50% 0,rgba(240,218,182,.55),transparent 60%),
    linear-gradient(165deg,#fffaf1,#f8efdc)!important;
  box-shadow:inset 0 0 0 3px rgba(255,251,241,.75),0 5px 12px rgba(139,110,73,.08)!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-card h4{
  color:#ab7b62!important;font:800 12px/1.8 'Noto Serif TC',serif!important;letter-spacing:.15em;margin:0 0 8px!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-card>strong{
  display:block;color:#345c51!important;font:800 clamp(16px,2vw,24px)/1.5 'Noto Serif TC',serif!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-card p{
  color:#836951!important;font-size:12px!important;line-height:1.7!important;margin:9px auto 0!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-card .mh-theme{
  color:#98626a!important;font-size:11px!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-lines{
  display:flex!important;flex-direction:column!important;gap:9px!important;align-items:center!important;
  margin:18px auto!important;max-width:120px!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-line{
  position:relative;display:flex!important;gap:11px!important;height:8px!important;width:100%!important;justify-content:center!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-line>span{
  display:block!important;flex:1!important;background:#315c52!important;border-radius:2px!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-line.moving>span{background:#cda04e!important}
html body.celestial-palace #meihuaView.meihua-v22 .mh-line>b{
  position:absolute;right:-23px;top:-6px;color:#ac744a;font-size:10px!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-proof,
html body.celestial-palace #meihuaView.meihua-v22 .mh-reading{
  padding:18px 8px 7px!important;border-top:1px solid #e3ccb1!important;
  margin-top:20px!important;color:#746252!important;font-size:13px!important;line-height:1.98!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-proof h4,
html body.celestial-palace #meihuaView.meihua-v22 .mh-reading h4{
  color:#376255!important;font:800 17px/1.7 'Noto Serif TC',serif!important;margin:8px 0!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-proof li,
html body.celestial-palace #meihuaView.meihua-v22 .mh-reading li{line-height:1.9;overflow-wrap:anywhere}
html body.celestial-palace #meihuaView.meihua-v22 .mh-deep{
  margin:22px auto 0;padding:21px 0 0;border-top:1px solid #dec8a9;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-deep .checkrow{
  display:flex;align-items:flex-start;gap:9px;color:#7b6758;font-size:12px;line-height:1.9;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh-deep input[type=checkbox]{accent-color:#4f7b69;margin-top:5px}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaDeepBtn{
  display:block;width:min(100%,520px);min-height:48px;margin:16px auto 0!important;
  padding:12px 20px!important;border-radius:999px!important;
  border:2px solid #c4a16c!important;
  color:#fdf1db!important;background:linear-gradient(180deg,#527e70,#2f5c51)!important;
  font:800 14px/1.5 'Noto Serif TC',serif!important;letter-spacing:.07em;
  box-shadow:0 6px 14px rgba(47,91,74,.15);cursor:pointer;
}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaDeepBtn:hover{filter:brightness(1.09)}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaDeepBtn:active{transform:translateY(2px)}
html body.celestial-palace #meihuaView.meihua-v22 #meihuaDeepReport{
  border:1px solid #dac29e!important;border-radius:16px!important;
  background:linear-gradient(180deg,#fffaf2,#f9efdd)!important;
  padding:22px!important;line-height:1.88;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-footnote{
  position:relative;margin:23px auto 0;text-align:center;
  font-size:11px;line-height:1.9;color:#aa8c79;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-footnote span{color:#b97781;margin:0 4px}
@media(max-width:900px){
  html body.celestial-palace #meihuaView.meihua-v22 .meihua-hero.mh22-hero{grid-template-columns:43% 57%!important;padding:36px 25px 15px!important;min-height:425px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-art-emblem{width:61px;height:61px;font-size:28px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .meihua-layout.mh22-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide{padding-bottom:22px!important}
}
@media(max-width:640px){
  html body.celestial-palace #meihuaView.meihua-v22{margin:11px auto 24px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-scroll{
    border-radius:24px!important;border-width:2px!important;
    background:linear-gradient(180deg,#1b3d3c 0px,#255249 240px,#32685b 415px,
      #557e68 542px,#a1ad96 652px,#e0d4be 742px,#fcf1e0 834px,#fffbf4 940px,#fffcf7 100%)!important;
  }
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-scroll::before{height:960px;background-size:34px 34px,auto,auto,235px auto;background-position:center center,center,center,right -60px top -10px}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-borderline{inset:7px;border-radius:18px}
  html body.celestial-palace #meihuaView.meihua-v22 .meihua-hero.mh22-hero{
    display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;
    min-height:0!important;padding:32px 15px 19px!important;
  }
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-art{width:min(100%,335px)!important;max-width:335px;aspect-ratio:1;margin:0 auto -8px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-cat-medallion{width:70%;height:70%}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-art-emblem{width:57px;height:57px;right:8%;bottom:6%;font-size:27px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-hero-copy{
    width:100%;padding:0 5px 5px!important;text-align:center!important;
  }
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-eyebrow{margin:0 auto 8px!important;font-size:10px!important;letter-spacing:.12em!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-hero-copy h2{font-size:37px!important;letter-spacing:.1em!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-hero-copy h2 span{font-size:20px!important;letter-spacing:.08em!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-calligraphy-line{margin:12px auto 9px!important;width:min(88%,280px)}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-verse{font-size:16px!important;margin:4px auto!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-hero-description{font-size:12px!important;line-height:1.9!important;margin:9px auto 13px!important;max-width:360px}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-chips{justify-content:center;gap:6px}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-chips span{font-size:10px!important;padding:7px 9px}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-join{height:76px!important;margin:0 auto!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-join span{width:62px;height:62px;min-width:62px;font-size:37px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-workspace{padding:6px 14px 21px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-chapter{margin:0 auto 18px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-chapter>span{font-size:10px!important;letter-spacing:.1em!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-chapter h3{font-size:24px!important;letter-spacing:.07em!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-chapter p{font-size:11px!important;line-height:1.85!important}
  html body.celestial-palace #meihuaView.meihua-v22 #meihuaForm.meihua-form.mh22-form,
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide{border-radius:21px!important;padding:20px 15px 21px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-form-heading{gap:10px;padding-bottom:12px;margin-bottom:18px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-step-seal{width:48px;height:48px;font-size:23px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-form-heading h3{font-size:20px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-form-heading small{font-size:10px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .meihua-numbers{gap:8px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .meihua-form .field label{font-size:12px!important;letter-spacing:0!important}
  html body.celestial-palace #meihuaView.meihua-v22 #meihuaSubmit{font-size:15px!important;letter-spacing:.04em!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide{padding-top:27px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide h3{font-size:20px!important}
  html body.celestial-palace #meihuaView.meihua-v22 #meihuaResult.meihua-results{margin-top:16px!important;border-radius:21px!important;padding:22px 13px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh-cards{grid-template-columns:1fr!important;gap:9px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh-card{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,105px)!important;
    gap:2px 11px;align-items:center;text-align:left!important;padding:12px 18px!important;
  }
  html body.celestial-palace #meihuaView.meihua-v22 .mh-card h4{grid-column:1;grid-row:1;margin:0!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh-card>strong{grid-column:1;grid-row:2;font-size:20px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh-card .mh-lines{grid-column:2;grid-row:1 / span 4;margin:0 auto!important;width:86px!important;max-width:86px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh-card p:not(.mh-theme){grid-column:1;grid-row:3;font-size:11px!important;margin:2px 0!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh-card .mh-theme{grid-column:1;grid-row:4;font-size:10px!important;margin:2px 0!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh-card .mh-line>b{right:-17px;font-size:9px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh-proof,
  html body.celestial-palace #meihuaView.meihua-v22 .mh-reading{padding:12px 1px 3px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-footnote{font-size:10px!important}
}
@media(max-width:365px){
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-workspace{padding-inline:11px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-hero-copy h2{font-size:32px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-hero-copy h2 span{font-size:18px!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-chips span{padding:6px 7px;font-size:9px!important}
}
@media print{
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-scroll{background:#fff!important;box-shadow:none!important}
  html body.celestial-palace #meihuaView.meihua-v22 .mh22-guide,
  html body.celestial-palace #meihuaView.meihua-v22 #meihuaForm{display:none!important}
  html body.celestial-palace #meihuaView.meihua-v22 .meihua-layout{display:none!important}
}
/* 舊版通用橫幅會與新設計中的卦象標題重複，僅在此分頁取消 */
html body.celestial-palace #meihuaView.meihua-v22 #meihuaResult > .cat-decor-meihua-strip,
html body.celestial-palace #meihuaView.meihua-v22 #meihuaResult > .cat-decor.cat-decor-meihua-strip{
  display:none!important;
}
/* 收尾文字放在透明羊皮紙上，避免底部花景降低閱讀對比 */
html body.celestial-palace #meihuaView.meihua-v22 .mh22-footnote{
  display:table;max-width:96%;margin:23px auto 0!important;padding:7px 16px!important;
  border:1px solid rgba(224,199,156,.76);border-radius:999px;
  background:rgba(255,251,243,.88);box-shadow:0 4px 13px rgba(139,106,77,.06);
}

/* SOURCE: tarot-v24.css */
/* v51: verified original purple tarot stage theme, unchanged layout and artwork. */
/* 喵說星語 · v24 每日塔羅「紫月占卜劇場」
   Only #tarotView visuals. Does not alter server logic, IDs or payment flow. */
#tarotView.tarot24-view{
  --tr24-gold:#f1d398;--tr24-deep:#452959;--tr24-ink:#674761;
  position:relative!important;min-width:0!important;max-width:100%!important;
  margin-top:19px!important;padding:0!important;border:0!important;outline:0!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#674761!important;overflow:visible!important;
}
#tarotView.tarot24-view::before,#tarotView.tarot24-view::after{display:none!important;content:none!important}
#tarotView.tarot24-view *,#tarotView.tarot24-view *::before,#tarotView.tarot24-view *::after{box-sizing:border-box}

/* One uninterrupted stage, with light-moon parchment rising naturally from purple velvet */
#tarotView.tarot24-view .tarot24-stage{
  position:relative;overflow:hidden;isolation:isolate;
  border:3px solid #e0b577;border-radius:36px;
  background:
    radial-gradient(ellipse at 17% 10%,rgba(247,221,161,.20),transparent 27%),
    radial-gradient(circle at 78% 14%,rgba(237,186,231,.29),transparent 23%),
    radial-gradient(ellipse at 48% 3%,#76568b 0%,rgba(118,86,139,.0) 43%),
    linear-gradient(170deg,#37234f 0%,#4c305f 26%,#795d84 49%,#d9c1d2 75%,#fff3e9 100%);
  box-shadow:0 20px 50px #67466b29,inset 0 0 0 6px #fff3dcc9,inset 0 0 0 8px #c99960a3;
}
#tarotView .tarot24-stage::before{
  content:""!important;position:absolute!important;inset:0;z-index:-1;pointer-events:none;opacity:.7;
  background:
    url('/assets/cat-theme/starlit-floral-pattern.svg') center top/100% 960px no-repeat,
    url('/assets/cat-theme/immersion-ornament-left-v82.webp') left 20px top 20px/118px auto no-repeat,
    url('/assets/cat-theme/immersion-ornament-right-v82.webp') right 20px top 20px/118px auto no-repeat;
}
#tarotView .tarot24-stage::after{
  content:""!important;position:absolute!important;left:6%;right:6%;bottom:15px;height:68px;pointer-events:none;opacity:.72;
  background:url('/assets/cat-theme/reference-cloud-footer.webp') center bottom/contain no-repeat;
}
#tarotView .tarot24-top-crest{position:relative;z-index:2;margin:14px auto 0;width:max-content;min-width:164px;padding:6px 32px;
  color:#fbe2af;text-align:center;letter-spacing:.4em;font:800 22px/1.2 'Noto Serif TC',serif;
  border-bottom:1px solid #eed29a88;filter:drop-shadow(0 0 8px #ffdeab70)}
#tarotView .tarot24-top-crest span{font-size:14px}
#tarotView .tarot24-sky-symbol{position:absolute;top:88px;left:49%;color:#ffe6b9;font-size:66px;line-height:1;opacity:.13;pointer-events:none}

#tarotView .tarot24-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(270px,.79fr) minmax(0,1.21fr);gap:14px;align-items:start;padding:12px clamp(17px,3.1vw,42px) 24px}
#tarotView .tarot24-oracle{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:12px 10px 16px}
#tarotView .tarot24-portrait{position:relative;width:min(100%,315px);height:325px;display:flex;justify-content:center;align-items:flex-end}
#tarotView .tarot24-celestial-circle{position:absolute;width:265px;max-width:92%;height:265px;max-height:94%;left:50%;top:5px;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle,#fce4ad95 0%,#ebbf9760 36%,#e8c5dd3c 59%,transparent 71%);
  box-shadow:0 0 0 1px #f9dc9d77,0 0 0 11px #f7d6b81c,0 0 38px #ffe3a633;
}
#tarotView .tarot24-celestial-circle::before{content:"☾";position:absolute;right:-4px;top:26px;color:#ffedc6;font-size:49px;text-shadow:0 0 14px #fff1c6b8}
#tarotView .tarot24-celestial-circle::after{content:"✦ ✧ ✦";position:absolute;left:15px;top:26px;color:#fff2ce;font-size:15px;letter-spacing:.3em}
#tarotView .tarot24-portrait img{position:relative;z-index:1;display:block;width:96%;height:100%;object-fit:contain;object-position:center bottom;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0);filter:drop-shadow(0 14px 19px #26152f5b)}
#tarotView .tarot24-oracle-copy{position:relative;max-width:410px;padding:6px 10px 10px}
#tarotView .tarot24-eyebrow{color:#f6dbad;font-weight:800;letter-spacing:.16em;font-size:12px;margin-bottom:12px;text-shadow:0 2px 8px #46234d}
#tarotView .tarot24-oracle h2{color:#fff0c9!important;text-shadow:0 2px 12px #402849b5;font:900 clamp(35px,4.2vw,53px)/1.28 'Noto Serif TC',serif;margin:0 0 11px;letter-spacing:.18em}
#tarotView .tarot24-slogan{font:750 clamp(15px,1.5vw,19px)/1.5 'Noto Serif TC',serif;color:#ffdfad!important;margin:4px 0 12px!important;letter-spacing:.08em}
#tarotView .tarot24-oracle-desc{max-width:360px;margin:0 auto!important;color:#fff1ec!important;line-height:1.95;font-size:14px;text-shadow:0 1px 6px #38223f}
#tarotView .tarot24-oracle-foot{position:relative;color:#f5dca4ad;font:650 11px/1.7 Georgia,serif;letter-spacing:.24em;margin-top:22px}

/* Card selection is the centerpiece — not a separate small card after a three-step list. */
#tarotView .tarot24-reading{min-width:0;position:relative;margin:22px 0 0;padding:0 0 8px}
#tarotView .tarot24-reading::before{content:"";position:absolute;inset:0;border:2px solid #e4bc85;border-radius:32px;pointer-events:none;box-shadow:inset 0 0 0 5px #fff2dd26,0 12px 36px #25182d47;background:linear-gradient(170deg,#fff9ed1c,#fff1e912)}
#tarotView .tarot24-reading-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:19px 12px 8px;text-align:center}
#tarotView .tarot24-reading-kicker{color:#f4d5ab;font:800 12px/1.5 Georgia,serif;letter-spacing:.22em}
#tarotView .tarot24-date{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
#tarotView .tarot24-date span{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 10px;border:1px solid #dcb783b3;border-radius:999px;background:#fff4de1c;color:#f8e8d3;font-size:11px;font-weight:700}
#tarotView .tarot24-screen-holder{position:relative;padding:0 13px 15px}
#tarotView #tarotScreen.tarot-screen{position:relative;display:block!important;margin:0!important;min-height:0!important;padding:10px 8px 15px!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
#tarotView #tarotScreen.tarot-screen::before,#tarotView #tarotScreen.tarot-screen::after{display:none!important;content:none!important}
#tarotView #tarotNotice.tarot-notice{display:block;margin:7px auto 9px;padding:7px 10px;border:1px solid #eed4ab55;background:#fff3e816;color:#fff2e1;font-size:12px;line-height:1.6;border-radius:12px;max-width:500px;box-shadow:none}
#tarotView #tarotNotice.tarot-notice:empty{display:none!important}
#tarotView #tarotPickPanel.tarot-pick-panel{padding:3px 5px 12px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}
#tarotView #tarotPickPanel::before,#tarotView #tarotPickPanel::after{display:none!important;content:none!important}
#tarotView .tarot24-pick-heading{text-align:center;margin:0 auto 16px;max-width:510px}
#tarotView .tarot24-pick-heading>span{display:block;color:#f0cd96;font-size:13px;font-weight:800;letter-spacing:.16em}
#tarotView .tarot24-pick-heading h3{color:#fff3dd!important;font:900 clamp(22px,2.4vw,31px)/1.35 'Noto Serif TC',serif!important;letter-spacing:.07em;margin:8px 0!important;text-shadow:0 1px 9px #352044}
#tarotView .tarot24-pick-heading p{font-size:12px!important;line-height:1.7;color:#f1dfe9!important;margin:0!important}
#tarotView #tarotDeck.tarot-deck{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:end;justify-items:center;gap:clamp(6px,1.6vw,18px)!important;margin:21px auto 6px!important;max-width:670px;perspective:1000px}
#tarotView #tarotDeck .tarot-pick{position:relative;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:13px!important;width:100%!important;min-width:0!important;max-width:182px;margin:0!important;padding:0 0 9px!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;cursor:pointer}
#tarotView #tarotDeck .tarot-pick::before,#tarotView #tarotDeck .tarot-pick::after{content:none!important;display:none!important}
#tarotView #tarotDeck .tarot-pick img{display:block;object-fit:contain;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:390/650;border:2px solid #edce91!important;outline:2px solid #fff1d488;outline-offset:2px;border-radius:12px!important;box-shadow:0 16px 23px #1c102a80,0 0 23px #f5d2a74a!important;transform:rotate(-5deg);transition:transform .25s ease,filter .25s ease}
#tarotView #tarotDeck .tarot-pick:nth-child(2) img{transform:translateY(-13px)}
#tarotView #tarotDeck .tarot-pick:nth-child(3) img{transform:rotate(5deg)}
#tarotView #tarotDeck .tarot-pick:hover img,#tarotView #tarotDeck .tarot-pick:focus-visible img{transform:translateY(-18px) rotate(0);filter:brightness(1.09);box-shadow:0 20px 30px #1b102a96,0 0 30px #f5d2a76b!important}
#tarotView #tarotDeck .tarot-pick.is-chosen img{transform:scale(.97) rotateY(145deg)!important}
#tarotView #tarotDeck .tarot-pick span{font-size:13px!important;line-height:1.6;color:#f7dfa9!important;letter-spacing:.08em;font-weight:800;margin:4px 0 0!important;text-shadow:0 1px 4px #372044}
#tarotView #tarotDeck .tarot-pick:disabled{opacity:.55;cursor:wait}
#tarotView .tarot24-stage-bottom{position:relative;z-index:1;display:flex;justify-content:center;gap:28px;padding:0 12px 26px;color:#ffddaa8a;letter-spacing:.14em;font-size:17px}

/* Results reuse the same stage but become a light parchment reading. */
#tarotView .tarot24-reading:has(#tarotResultPanel:not(.hidden)){
  background:linear-gradient(180deg,#fffaf3,#fff0f0);border-radius:30px;
}
#tarotView .tarot24-reading:has(#tarotResultPanel:not(.hidden)) .tarot24-reading-kicker{color:#915979!important}
#tarotView .tarot24-reading:has(#tarotResultPanel:not(.hidden)) .tarot24-date span{color:#916880;background:#fff6e9;border-color:#dfb987}
#tarotView .tarot24-reading:has(#tarotResultPanel:not(.hidden)) #tarotNotice{color:#8f6781;background:#fff4e9;border-color:#e3c8b0}
#tarotView #tarotResultPanel.tarot-result{min-width:0!important;max-width:100%!important;position:relative;z-index:1;margin:8px 0 0!important;padding:17px 13px!important;background:transparent!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
#tarotView #tarotResultPanel::before,#tarotView #tarotResultPanel::after{content:none!important;display:none!important}
#tarotView #tarotResultPanel .tarot-result-grid{display:grid!important;grid-template-columns:minmax(126px,180px) minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
#tarotView #tarotResultPanel .tarot-result-figure{max-width:180px!important;padding:9px!important;margin:0 auto!important;border-radius:16px!important;border:2px solid #e1bf83!important;background:#fffaf4!important;box-shadow:0 7px 15px #8c588d13!important}
#tarotView #tarotResultPanel .tarot-result-figure img{display:block;width:100%;height:auto;aspect-ratio:390/650;object-fit:contain;border-radius:11px!important;border:2px solid #fff3da!important;outline:1px solid #d3a76a;box-shadow:0 7px 15px #2e224c36!important}
#tarotView #tarotResultPanel .tarot-orientation{font-size:11px;padding:4px 10px;margin:12px auto 0;background:#f7e6c3;color:#87582a;border:1px solid #e0bd81}
#tarotView #tarotResultPanel .tarot-result-text{min-width:0!important;padding:13px 16px 15px!important;background:#fffdfaeb!important;border:1px solid #e5c99e!important;border-radius:18px!important;box-shadow:0 7px 18px #aa7e8b14!important}
#tarotView #tarotResultPanel .tarot-result-text::before,#tarotView #tarotResultPanel .tarot-result-text::after{content:none!important;display:none!important}
#tarotView #tarotResultPanel .tarot-result-text>.cat-decor{max-width:100%;margin-bottom:9px}
#tarotView #tarotResultPanel .tarot-result-text .tarot-kicker{font-size:11px;color:#9b728d}
#tarotView #tarotResultPanel .tarot-result-text h3{font:900 31px/1.3 'Noto Serif TC',serif!important;color:#71476f!important;margin:5px 0 0!important}
#tarotView #tarotResultPanel .tarot-result-text p{color:#765c6a!important;line-height:1.8;font-size:13px}
#tarotView #tarotResultPanel .tarot-result-text h4{color:#875472;font-size:15px!important;margin:16px 0 4px!important}
#tarotView #tarotResultPanel .tarot-meaning-grid{display:grid;grid-template-columns:1fr!important;gap:7px;margin-top:14px}
#tarotView #tarotResultPanel .tarot-meaning-grid article{border-radius:12px;background:#fff5f0!important;border:1px solid #e9d2c2;padding:9px 12px!important}
#tarotView #tarotResultPanel .tarot-meaning-grid strong{color:#85516e;font-size:13px}
#tarotView #tarotResultPanel .tarot-meaning-grid p{font-size:12px}
#tarotView #tarotResultPanel .tarot-action{border-radius:12px!important;margin-top:12px!important;background:#fff0d9!important;border:1px solid #dfc399!important;padding:11px!important;color:#7f5e55!important}
#tarotView #tarotResultPanel .tarot-premium-panel{margin:17px 0!important;padding:13px!important;border:2px solid #ddbc8c!important;border-radius:22px!important;background:linear-gradient(120deg,#fffcf7,#fceaf1)!important;box-shadow:0 10px 20px #8c678014!important}
#tarotView #tarotResultPanel .tarot-premium-copy h4{color:#794a70}
#tarotView #tarotResultPanel .tarot-deep-area{border:1px solid #dfbe93!important;background:#fff9f1!important;border-radius:18px!important;padding:14px!important;margin-top:14px!important}
#tarotView #tarotResultPanel .tarot-deep-btn{border-radius:999px!important;border:2px solid #dcae75!important;background:linear-gradient(120deg,#a45782,#8c507a)!important;color:#fff!important}
#tarotView #tarotShareActions{margin:16px auto 10px}

/* The archive is a separate elegant bookcase section, not a copy of the stage layout. */
#tarotView .tarot24-after{position:relative;margin:20px 0 0;padding:24px 22px 22px;border-radius:28px;
  background:linear-gradient(170deg,#fff9f1,#fff3ed);border:2px solid #ddbd8d;box-shadow:0 11px 27px #9d768722,inset 0 0 0 5px #fff9f0}
#tarotView .tarot24-after::before{content:"";position:absolute;inset:0;opacity:.17;pointer-events:none;background:url('/assets/cat-theme/starlit-floral-pattern.svg') center/cover no-repeat}
#tarotView .tarot24-after-heading{position:relative;text-align:center;margin:0 0 16px}
#tarotView .tarot24-after-heading>span{display:block;color:#af8a61;font-size:12px;letter-spacing:.2em;font-weight:800;margin:0 0 7px}
#tarotView .tarot24-after-heading>strong{display:block;font:900 clamp(24px,2.6vw,31px)/1.45 'Noto Serif TC',serif;color:#784b72}
#tarotView .tarot24-after-heading p{font-size:13px;color:#947c81;line-height:1.8;margin:5px 0 0}
#tarotView .tarot24-after-slots{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:start}
#tarotView .tarot-history-wrap{grid-column:1;grid-row:1;min-width:0;margin:0!important;border-radius:20px!important;background:#fffdf8!important;border:1px solid #dfc8a2!important;padding:19px!important;box-shadow:none!important}
#tarotView .tarot-history-wrap::before,#tarotView .tarot-history-wrap::after{content:none!important;display:none!important}
#tarotView .tarot-history-title h3{font:800 21px/1.4 'Noto Serif TC',serif;color:#84536e}
#tarotView .tarot-history-title p{font-size:12px;color:#987b88;line-height:1.7}
#tarotView .tarot-history-title>span{font-size:11px;color:#936d5d}
#tarotView .tarot-future-plans{grid-column:2;grid-row:1;min-width:0;margin:0!important;padding:19px!important;border:1px solid #dfc8a2!important;border-radius:20px!important;background:#fffdf8!important;box-shadow:none!important}
#tarotView .tarot-future-plans summary{color:#815471;font-size:15px;line-height:1.8}
#tarotView .tarot-future-plans p{font-size:12px;color:#907582;line-height:1.8}
#tarotView .tarot-plans-grid{grid-template-columns:1fr}
#tarotView .tarot-plans-grid>div{border:1px solid #ead9cb;background:#fffbf7;border-radius:10px;padding:9px 10px;font-size:11px}
#tarotView .tarot-footnote{margin:13px auto 0;text-align:center;color:#9a8186;font-size:12px;line-height:1.9}
#tarotView .tarot-pay-dialog{background:linear-gradient(160deg,#fffaf5,#fdeef3)!important;border:2px solid #d6ad80;border-radius:24px;box-shadow:0 20px 70px #3c25446b,inset 0 0 0 4px #fff9ef}

@media(max-width:980px){
 #tarotView .tarot24-main{grid-template-columns:1fr;gap:0;padding:6px 14px 20px}
 #tarotView .tarot24-oracle{padding:8px 9px 17px}
 #tarotView .tarot24-portrait{height:250px;width:min(100%,265px)}
 #tarotView .tarot24-celestial-circle{width:215px;height:215px}
 #tarotView .tarot24-oracle h2{font-size:37px}
 #tarotView .tarot24-reading{margin:5px 0 0}
 #tarotView .tarot24-after-slots{grid-template-columns:1fr}
 #tarotView .tarot-history-wrap,#tarotView .tarot-future-plans{grid-column:1;grid-row:auto}
}
@media(max-width:580px){
 #tarotView .tarot24-stage{border-radius:24px}
 #tarotView .tarot24-stage::before{opacity:.45;background:url('/assets/cat-theme/starlit-floral-pattern.svg') center top/700px auto no-repeat}
 #tarotView .tarot24-top-crest{margin-top:7px;font-size:18px;padding:3px 22px}
 #tarotView .tarot24-main{padding:1px 8px 19px}
 #tarotView .tarot24-oracle{padding:7px 8px 11px}
 #tarotView .tarot24-portrait{height:195px;width:min(100%,225px)}
 #tarotView .tarot24-celestial-circle{height:170px;width:170px;top:5px}
 #tarotView .tarot24-celestial-circle::before{font-size:32px;right:2px;top:18px}
 #tarotView .tarot24-eyebrow{font-size:10px;margin-bottom:6px}
 #tarotView .tarot24-oracle h2{font-size:33px;margin-bottom:6px}
 #tarotView .tarot24-slogan{font-size:13px;margin:0 0 7px!important}
 #tarotView .tarot24-oracle-desc{font-size:12px;max-width:340px;line-height:1.8}
 #tarotView .tarot24-oracle-foot{margin-top:10px;font-size:9px}
 #tarotView .tarot24-reading{margin:6px 0 0}
 #tarotView .tarot24-reading::before{border-radius:21px}
 #tarotView .tarot24-reading-head{padding:14px 8px 6px}
 #tarotView .tarot24-reading-kicker{font-size:10px}
 #tarotView .tarot24-date span{font-size:10px;padding:5px 7px}
 #tarotView .tarot24-screen-holder{padding:0 7px 9px}
 #tarotView #tarotScreen.tarot-screen{padding:5px 1px 10px!important}
 #tarotView .tarot24-pick-heading>span{font-size:11px}
 #tarotView .tarot24-pick-heading h3{font-size:20px!important;margin:6px 0!important}
 #tarotView .tarot24-pick-heading p{font-size:11px!important}
 #tarotView #tarotDeck.tarot-deck{gap:8px!important;margin-top:15px!important}
 #tarotView #tarotDeck .tarot-pick{max-width:116px;gap:7px!important}
 #tarotView #tarotDeck .tarot-pick img{border-radius:8px!important;outline-offset:1px}
 #tarotView #tarotDeck .tarot-pick span{font-size:11px!important;letter-spacing:0}
 #tarotView .tarot24-stage-bottom{padding-bottom:17px}
 #tarotView #tarotResultPanel.tarot-result{padding:8px 4px 12px!important}
 #tarotView #tarotResultPanel .tarot-result-grid{grid-template-columns:1fr!important;gap:13px!important}
 #tarotView #tarotResultPanel .tarot-result-figure{max-width:175px!important}
 #tarotView #tarotResultPanel .tarot-result-text{padding:12px!important}
 #tarotView #tarotResultPanel .tarot-result-text h3{font-size:28px!important}
 #tarotView #tarotResultPanel .tarot-premium-panel{grid-template-columns:minmax(65px,85px) minmax(0,1fr)!important;gap:9px!important;padding:10px!important}
 #tarotView #tarotResultPanel .tarot-premium-cat{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
 #tarotView #tarotResultPanel .tarot-premium-kicker{font-size:9px}
 #tarotView #tarotResultPanel .tarot-premium-copy h4{font-size:16px!important}
 #tarotView #tarotResultPanel .tarot-premium-copy p{font-size:11px!important}
 #tarotView #tarotResultPanel .tarot-premium-price strong{font-size:24px!important}
 #tarotView .tarot24-after{padding:18px 12px;border-radius:22px}
 #tarotView .tarot-history-wrap,#tarotView .tarot-future-plans{padding:14px!important}
}
@media(prefers-reduced-motion:reduce){#tarotView #tarotDeck .tarot-pick img{transition:none!important}}
/* v24 visual QA: avoid rectangular footer illustration seams */
#tarotView .tarot24-stage::after{left:8%;right:8%;bottom:8px;height:84px;background:linear-gradient(180deg,transparent,rgba(255,241,226,.48))!important;opacity:.52!important}

/* v52 - readability and bounded loading feedback; tarot visuals / cards remain unchanged. */
#tarotView .tarot24-eyebrow{color:#fff1d4!important;text-shadow:0 2px 5px #26122b,0 0 9px #160d2a;font-size:clamp(11px,2.6vw,14px)!important}
#tarotView .tarot24-slogan{color:#fff2d4!important;text-shadow:0 2px 8px #24112b!important}
#tarotView .tarot24-oracle-desc{color:#fff9ec!important;text-shadow:0 1px 4px #24122d,0 2px 9px #24122d!important;font-weight:650!important}
#tarotView .tarot24-oracle-foot{color:#ffe9c1!important;text-shadow:0 2px 7px #27162f!important}
#tarotView .tarot24-reading-kicker{color:#fff1ce!important;text-shadow:0 1px 6px #291932!important}
#tarotView .tarot24-date span{background:rgba(54,32,76,.68)!important;color:#fff4dd!important;border:1px solid #efd6a0!important;text-shadow:0 1px 3px #23122f!important}
#tarotView #tarotNotice.tarot-notice{color:#fff7e6!important;background:rgba(57,30,82,.72)!important;border-color:#d7b583!important;text-shadow:0 1px 3px #25152f!important}
#tarotView #tarotNotice.tarot-error{color:#ffebdd!important;border-color:#f0c3aa!important}
#tarotView .tarot-retry-button{display:block;margin:12px auto 16px;padding:11px 23px;min-height:43px;border-radius:999px;border:2px solid #e5bf86;background:linear-gradient(180deg,#a66b91,#784869);color:#fff7e9;font-weight:800;font-size:14px;box-shadow:0 7px 15px rgba(25,14,44,.3);cursor:pointer}
#tarotView .tarot-retry-button[hidden]{display:none!important}
#tarotView .tarot-retry-button:focus-visible{outline:3px solid #fff4ba;outline-offset:3px}
#tarotView .tarot-retry-button:active{filter:brightness(.9)}

/* SOURCE: tarot-reveal-v49.css */
/* v51: the draw animation is a separate browser top-layer dialog, not a page-wide CSS override. */
#tarotRevealOverlay.tarot-reveal-overlay[hidden]{display:none!important}
body.tarot-reveal-open{overflow:hidden!important;overscroll-behavior:none!important}
#tarotRevealOverlay.tarot-reveal-overlay{
 position:fixed!important;inset:0!important;z-index:2147483000!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 width:100vw!important;width:100dvw!important;height:100vh!important;height:100dvh!important;
 max-width:none!important;max-height:none!important;margin:0!important;
 padding:12px!important;padding-top:max(12px,env(safe-area-inset-top))!important;
 padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
 border:0!important;border-radius:0!important;box-sizing:border-box!important;
 background:#1a102e!important;background-image:none!important;
 color:#ffefdb!important;opacity:1!important;visibility:visible!important;
 transform:none!important;filter:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 box-shadow:none!important;isolation:isolate!important;overflow:auto!important;
 overscroll-behavior:contain;-webkit-tap-highlight-color:transparent;
}
#tarotRevealOverlay.tarot-reveal-overlay::backdrop{background:#1a102e!important;opacity:1!important}
#tarotRevealOverlay.tarot-reveal-overlay::before,
#tarotRevealOverlay.tarot-reveal-overlay::after{content:none!important;display:none!important}
#tarotRevealOverlay .tarot-reveal-card{position:relative!important;z-index:1;display:flex!important;
 flex-direction:column!important;align-items:center!important;justify-content:center!important;
 gap:12px!important;margin:0!important;max-width:100%!important;max-height:100%!important;
 background:transparent!important;opacity:1!important;filter:none!important;transform:none!important;
 mix-blend-mode:normal!important}
#tarotRevealOverlay .tarot-reveal-video{display:block!important;position:relative!important;
 flex:0 1 auto!important;object-fit:contain!important;object-position:center!important;
 width:min(430px,calc(100vw - 24px),calc((100vh - 92px)*.75))!important;
 width:min(430px,calc(100dvw - 24px),calc((100dvh - 92px)*.75))!important;
 height:auto!important;max-height:calc(100vh - 92px)!important;max-height:calc(100dvh - 92px)!important;
 aspect-ratio:3/4!important;box-sizing:border-box!important;
 border:2px solid #e8be84!important;border-radius:18px!important;
 background:#221532!important;opacity:1!important;visibility:visible!important;
 filter:none!important;transform:none!important;mix-blend-mode:normal!important;
 box-shadow:0 18px 52px rgba(0,0,0,.48)!important}
#tarotRevealOverlay .tarot-reveal-caption{display:block!important;position:relative!important;z-index:1;
 color:#f9e8cf!important;background:transparent!important;opacity:1!important;
 text-align:center!important;margin:0!important;
 font:700 clamp(12px,3.4vw,16px)/1.6 'Noto Serif TC',serif!important;
 letter-spacing:.08em!important;text-shadow:0 2px 12px #090519!important}
@media(max-height:580px){#tarotRevealOverlay .tarot-reveal-card{gap:5px!important}
#tarotRevealOverlay .tarot-reveal-video{
 width:min(340px,calc(100vw - 24px),calc((100vh - 62px)*.75))!important;
 max-height:calc(100vh - 62px)!important}}

/* v77: iOS aspect-ratio guard. Keep native 720×960 content fully visible. */
#tarotRevealOverlay.tarot-reveal-overlay{overflow:hidden!important;touch-action:pan-y!important}
#tarotRevealOverlay .tarot-reveal-card{width:100%!important;min-width:0!important;padding:0 2px!important;gap:9px!important;box-sizing:border-box!important}
#tarotRevealOverlay .tarot-v77-stage{
 position:relative;box-sizing:border-box;width:min(420px,90vw,54svh)!important;
 aspect-ratio:3/4!important;max-height:72svh!important;flex:0 0 auto!important;
 margin:0 auto!important;border:2px solid #e8be84!important;border-radius:18px!important;
 background:#211432!important;overflow:hidden!important;box-shadow:0 14px 42px #070316bb!important;
}
#tarotRevealOverlay .tarot-v77-stage .tarot-reveal-video{
 display:block!important;position:absolute!important;inset:0!important;box-sizing:border-box!important;
 width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
 min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important;
 aspect-ratio:3/4!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 background:#211432!important;transform:none!important;
}
#tarotRevealOverlay .tarot-v77-controls{display:flex!important;justify-content:center!important;gap:9px!important;flex-wrap:wrap!important;max-width:100%!important}
#tarotRevealOverlay .tarot-v77-controls button{display:inline-flex;justify-content:center;align-items:center;padding:9px 11px;border:1px solid #e8be84;border-radius:999px;background:#3c2a59;color:#fff2da;font-size:13px;font-weight:650;min-height:36px;cursor:pointer;touch-action:manipulation}
#tarotRevealOverlay .tarot-v77-controls button[hidden]{display:none!important}
#tarotRevealOverlay .tarot-reveal-caption{max-width:95vw!important;font-size:12px!important;letter-spacing:.02em!important}
@media(max-width:600px){
 #tarotRevealOverlay.tarot-reveal-overlay{padding:10px!important;padding-top:max(10px,env(safe-area-inset-top))!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
 #tarotRevealOverlay .tarot-v77-stage{width:min(94vw,54svh)!important;max-height:72svh!important}
 #tarotRevealOverlay .tarot-v77-controls button{font-size:12px;padding:7px 10px}
}
@supports not (height:1svh){#tarotRevealOverlay .tarot-v77-stage{width:min(90vw,420px,54vh)!important;max-height:72vh!important}}

/* SOURCE: astro-v27-reference-cat.css */
/* v27: 西洋占星主視覺換成使用者指定的紫衣綠眼貓；只作用於占星分頁。 */
/* 原圖自帶黃道星環：移除舊版的第二圈黃道盤，避免重疊。 */
html body.celestial-palace #astroView.astro-v21 .astro-v21-art > .astro-v21-zodiac {
  display: none !important;
}
html body.celestial-palace #astroView.astro-v21 .astro-v21-art > .astro-v21-cat {
  width: 114% !important;
  height: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: translate(-1%, -1%);
  image-rendering: auto;
  filter: drop-shadow(0 8px 18px rgba(35, 19, 52, .17)) !important;
}
/* 提升手機上的貓咪可見比例，保留原有的直式排版。 */
@media (max-width: 760px) {
  html body.celestial-palace #astroView.astro-v21 .astro-v21-art > .astro-v21-cat {
    width: 117% !important;
    transform: translate(0, 0);
  }
}

/* SOURCE: cat-swap-v31.css */
/* v31 — Specific changes to the two character portraits only. No layout or feature logic edits. */
/* 梅花易數：黑貓手持八卦，避免裁掉貓耳、帽子與道具。 */
html body.celestial-palace #meihuaView.meihua-v22 .mh22-cat-medallion{
    width:76%!important;height:76%!important;
    border:3px solid #e3bb7c!important;
    box-shadow:0 0 0 5px rgba(255,232,196,.36),0 11px 24px rgba(6,39,37,.3),inset 0 0 0 2px rgba(255,248,221,.74)!important;
}
html body.celestial-palace #meihuaView.meihua-v22 .mh22-cat-medallion img{
    width:100%!important;height:100%!important;object-fit:cover!important;
    object-position:50% 43%!important;transform:none!important;
    image-rendering:auto!important;
}
/* The cat's real octagonal oracle should not be hidden behind the old extra seal. */
html body.celestial-palace #meihuaView.meihua-v22 .mh22-art-emblem{
    width:54px!important;height:54px!important;right:2%!important;bottom:6%!important;
    font-size:27px!important;opacity:.94;
}
/* 每日塔羅：原圖為橫式，重新定義立繪的容器大小與透明邊緣。 */
#tarotView.tarot24-view .tarot24-portrait{
    width:min(100%,366px)!important;height:326px!important;
    align-items:flex-end!important;margin:0 auto!important;
}
#tarotView.tarot24-view .tarot24-portrait .tarot24-celestial-circle{
    opacity:.48!important;transform:translateX(-50%) scale(.94)!important;
}
#tarotView.tarot24-view .tarot24-portrait img{
    display:block!important;position:relative!important;z-index:1!important;
    width:100%!important;height:auto!important;max-height:100%!important;
    object-fit:contain!important;object-position:center bottom!important;
    transform:none!important;image-rendering:auto!important;
    filter:drop-shadow(0 10px 15px rgba(30,17,49,.28))!important;
}
#tarotView.tarot24-view .tarot-premium-cat,
#tarotView.tarot24-view .tarot-pay-dialog>img{
    object-fit:contain!important;background:transparent!important;
}
@media(max-width:900px){
    #tarotView.tarot24-view .tarot24-portrait{width:min(100%,320px)!important;height:282px!important}
}
@media(max-width:600px){
    #tarotView.tarot24-view .tarot24-portrait{width:min(100%,294px)!important;height:244px!important}
    html body.celestial-palace #meihuaView.meihua-v22 .mh22-art-emblem{
        width:42px!important;height:42px!important;font-size:21px!important;
    }
}

/* SOURCE: tarot-products.css */
/* 五種 GPT 塔羅詳批：僅影響每日塔羅方案區，不改其他主題。 */
#tarotView .tarot-plan-suite{grid-column:auto;min-width:0;position:relative;padding:22px!important;background:linear-gradient(165deg,#fffaf7,#fff2f6 62%,#fff8ee)!important;border:2px solid #dfbd8f!important;border-radius:24px!important;box-shadow:inset 0 0 0 4px #fffaf3,0 10px 24px rgba(125,80,114,.08)!important}
#tarotView .tarot-plan-suite summary{cursor:pointer;color:#805477!important;font-size:18px!important;font-weight:900;line-height:1.5}
#tarotView .tarot-plan-suite summary small{display:inline-block;margin-left:8px;color:#a57991!important;font-size:12px}
#tarotView .tarot-plan-intro{margin:12px 0!important;font-size:13px!important;color:#806577!important;line-height:1.8!important}
#tarotView .tarot-plan-suite .tarot-plans-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:14px 0 10px!important}
#tarotView .tarot-plan-suite .tarot-plan-item{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;max-width:none!important;min-height:75px!important;width:100%!important;text-align:left!important;margin:0!important;padding:12px 14px!important;border:1px solid #e5c6ad!important;border-radius:16px!important;background:linear-gradient(150deg,#fffdfb,#fff6ef)!important;box-shadow:0 6px 13px rgba(165,114,134,.05)!important;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#tarotView .tarot-plan-suite .tarot-plan-item:hover,#tarotView .tarot-plan-suite .tarot-plan-item:focus-visible{transform:translateY(-2px);border-color:#b580ac!important;box-shadow:0 10px 20px rgba(126,76,118,.12)!important;outline:none}
#tarotView .tarot-plan-suite .tarot-plan-item.is-selected{border:2px solid #a77ba9!important;background:linear-gradient(130deg,#fff6fa,#fff8ec)!important}
#tarotView .tarot-plan-suite .tarot-plan-item strong{display:block;color:#814d73;font-weight:900;font-size:14px;line-height:1.6}
#tarotView .tarot-plan-suite .tarot-plan-item small{display:block;color:#977b8d;font-size:12px;line-height:1.6}
#tarotView .tarot-plan-suite .tarot-plan-item b{color:#a75f92;font-size:15px;white-space:nowrap}
#tarotView .tarot-plan-suite .tarot-plan-depth{background:linear-gradient(130deg,#fbf0ff,#fff5eb)!important;border-color:#cfa9ce!important}
#tarotView .tarot-plan-note,#tarotView .tarot-plan-disclaimer{color:#8b7180!important;font-size:12px!important;line-height:1.8!important}
#tarotView .tarot-plan-workspace{margin:20px 0 10px;padding:18px;border:2px solid #e1c49c;border-radius:22px;background:linear-gradient(145deg,#fffcf7,#fff6f3);box-shadow:inset 0 0 0 4px #fffaf5}
#tarotView .tarot-plan-workspace.hidden,#tarotView .tarot-plan-report.hidden,#tarotView .tarot-plan-commands .hidden,#tarotView .tarot-plan-field.hidden{display:none!important}
#tarotView .tarot-plan-workspace-heading{text-align:center;border-bottom:1px solid #e7cbb3;padding-bottom:12px}
#tarotView .tarot-plan-workspace-heading>span{color:#9c7088;font-size:12px;letter-spacing:.18em;font-weight:800}
#tarotView .tarot-plan-workspace-heading h4{color:#774d72;font:900 clamp(21px,2vw,28px)/1.4 'Noto Serif TC',serif;margin:7px 0!important}
#tarotView .tarot-plan-workspace-heading p{font-size:13px;color:#8e7181;line-height:1.7;margin:5px 0!important}
#tarotView .tarot-plan-min{margin:12px 0;padding:11px 14px;color:#795172;background:#fdf0fa;border:1px solid #e5c7dc;border-radius:14px;font-weight:700;font-size:13px;line-height:1.7}
#tarotView .tarot-plan-field{display:flex;flex-direction:column;gap:7px;margin:12px 0}
#tarotView .tarot-plan-field label{color:#774e67;font-weight:900;font-size:13px}
#tarotView .tarot-plan-field :is(select,textarea){min-width:0;width:100%;padding:11px 12px;border:1px solid #dfbda8;border-radius:13px;background:#fffdfb;color:#67485c;font-size:14px;line-height:1.65;box-sizing:border-box}
#tarotView .tarot-plan-field textarea{min-height:100px;resize:vertical}
#tarotView .tarot-plan-consent{display:flex;gap:10px;align-items:flex-start;margin-top:13px;color:#826b7a;font-size:12px;line-height:1.7}
#tarotView .tarot-plan-consent input{flex:0 0 auto;min-width:18px;min-height:18px;margin-top:2px;accent-color:#855d8c}
#tarotView .tarot-plan-consent a{color:#85517f;text-decoration:underline}
#tarotView .tarot-plan-message{min-height:1.5em;margin:12px 0;font-size:13px!important;line-height:1.8!important;color:#86627f!important}
#tarotView .tarot-plan-message.is-error{color:#b04256!important}
#tarotView .tarot-plan-commands{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
#tarotView .tarot-plan-commands button{flex:1 1 165px;min-height:43px;border-radius:999px;border:2px solid #d5ae7c;color:#fff9ef;font-size:13px;font-weight:900;padding:9px 14px;cursor:pointer}
#tarotView .tarot-plan-commands .tarot-plan-primary{background:linear-gradient(135deg,#aa5b82,#7b4c8c)}
#tarotView .tarot-plan-commands .tarot-plan-secondary{background:linear-gradient(135deg,#a9844e,#886aa4)}
#tarotView .tarot-plan-commands button:disabled{opacity:.48;cursor:not-allowed}
#tarotView .tarot-plan-cards{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding:5px 2px}
#tarotView .tarot-plan-cards .tarot-plan-card{flex:0 0 108px;padding:7px;background:#fff9ef;border:1px solid #e0c5a6;border-radius:14px;text-align:center}
#tarotView .tarot-plan-card img{display:block;width:100%;height:154px;object-fit:contain;border-radius:9px;background:#f7ebed}
#tarotView .tarot-plan-card strong{display:block;color:#7e4e79;font-size:12px;margin-top:6px}
#tarotView .tarot-plan-card small{display:block;font-size:10px;color:#998193;line-height:1.5}
#tarotView .tarot-plan-report{margin-top:15px;padding:18px 14px;border:2px solid #e2bf95;border-radius:22px;background:linear-gradient(145deg,#fffefa,#fff7ed)}
#tarotView .tarot-plan-report h4{font:900 25px/1.35 'Noto Serif TC',serif;color:#7c4b70;margin:0 0 9px}
#tarotView .tarot-plan-report .tarot-report-count{color:#966b7d;font-size:12px;border-bottom:1px solid #e6cbb2;padding-bottom:12px;margin-bottom:16px}
#tarotView .tarot-plan-report section{margin:12px 0 17px;padding:14px;border:1px solid #ead6c5;border-radius:15px;background:#fffcf8}
#tarotView .tarot-plan-report h5{font:900 18px/1.45 'Noto Serif TC',serif;color:#845478;margin:0 0 10px}
#tarotView .tarot-plan-report p{color:#705965;font-size:14px!important;line-height:2!important;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 11px}
#tarotView .tarot-plan-report .tarot-report-ending{padding:14px 16px;border-radius:15px;background:#fdf1f8;color:#785069;line-height:1.9;white-space:pre-wrap}
#tarotView .tarot-plan-history{display:flex;flex-direction:column;gap:7px}
#tarotView .tarot-plan-history>strong{color:#7d5876;margin:9px 0;font-size:14px}
#tarotView .tarot-plan-history>button{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #e5cdbb;border-radius:12px;background:#fffcf9;padding:10px;color:#825475;text-align:left;cursor:pointer;font-weight:700;font-size:12px}
#tarotView .tarot-plan-history button span{font-size:11px;color:#9d7993}
@media (max-width: 690px){
 #tarotView .tarot-plan-suite{padding:13px!important;border-radius:18px!important}
 #tarotView .tarot-plan-suite summary{font-size:15px!important}
 #tarotView .tarot-plan-suite summary small{display:block;margin:2px 0 0}
 #tarotView .tarot-plan-suite .tarot-plan-item{min-height:64px!important;padding:9px!important}
 #tarotView .tarot-plan-suite .tarot-plan-item strong{font-size:12px}
 #tarotView .tarot-plan-suite .tarot-plan-item small{font-size:10px}
 #tarotView .tarot-plan-suite .tarot-plan-item b{font-size:12px}
 #tarotView .tarot-plan-workspace{padding:13px;border-radius:16px}
 #tarotView .tarot-plan-card{flex-basis:90px!important}
 #tarotView .tarot-plan-card img{height:125px}
 #tarotView .tarot-plan-report{padding:12px 9px;border-radius:16px}
 #tarotView .tarot-plan-report section{padding:11px}
 #tarotView .tarot-plan-report p{font-size:13px!important}
}

/* 五種報告含長篇章節，使用完整寬度避免與歷史記錄擠在兩欄。 */
#tarotView .tarot24-after-slots{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
#tarotView .tarot24-after-slots>.tarot-history-wrap{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
#tarotView .tarot24-after-slots>.tarot-plan-suite{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box}

/* SOURCE: auth-keyboard-stability-v37.css */
/* v37 | mobile keyboard ↔ login dialog repaint stabilization.
   Fixes the Android/Instagram Chromium flicker shown when focusing email/password.
   This file deliberately only targets the membership login modal. */

/* The full-screen backdrop-filter was causing repeated compositing of the
   dialog when the Android keyboard resized the visual viewport. Keep the
   same translucent plum tone, but avoid repainting the entire page blur. */
html body.celestial-palace #authModal .auth-modal-backdrop {
  background: rgba(67, 43, 69, .72) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  transition: none !important;
  animation: none !important;
}

@media (max-width: 767px) {
  /* Top-anchoring means showing/hiding the keyboard cannot repeatedly
     recenter the entire login dialog. Scroll the modal, not the body/shell. */
  html body.celestial-palace #authModal.auth-modal:not(.hidden) {
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    padding: max(12px, env(safe-area-inset-top)) 12px 18px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
    overflow-anchor: none;
  }
  html body.celestial-palace #authModal .auth-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    pointer-events: auto;
  }
  html body.celestial-palace #authModal #authDialog.auth-dialog {
    position: relative !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: min(100%, 438px) !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 auto !important;
    overflow-anchor: none;
    animation: none !important;
    transition: none !important;
  }
  /* Prevent iOS in-app browsers from zooming to inputs on focus. */
  html body.celestial-palace #authDialog .auth-field input {
    font-size: 16px !important;
  }
}

/* SOURCE: mobile-tab-touch-consistency-v38.css */
/* v38 | 統一 Android / iOS「七境尋光」七張入口卡觸控效果。
   The old second row used translateX(50%) for centering, but the global
   button:active transform temporarily replaced that translation, causing
   a leftward jump on Android. Center by grid placement instead. */
@media (max-width:620px) {
  html body.celestial-palace .fortune-tabs {
    /* 8 half-columns; each card spans 2. This keeps a 4 + 3 centered layout
       without relying on transforms that touch-state rules can overwrite. */
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
  html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card {
    grid-column:span 2;
    min-width:0!important;
  }
  html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card:nth-child(5) {
    grid-column:2 / span 2;
  }
  html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card:nth-child(6) {
    grid-column:4 / span 2;
  }
  html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card:nth-child(7) {
    grid-column:6 / span 2;
  }
  /* No translateX anywhere. All seven cards use the same subtle press lift. */
  html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card:nth-child(n+5) {
    transform:none!important;
  }
  html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card.is-selected {
    transform:translateY(-4px)!important;
  }
  html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card:active {
    transform:translateY(2px) scale(.985)!important;
  }
  html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card.is-selected:active {
    transform:translateY(-1px) scale(.985)!important;
  }
}

/* iOS Safari / Instagram WebKit may transiently show a tapped button's
   highlight or emulate :hover on touch. Keep keyboard focus outlines intact. */
html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card {
  -webkit-tap-highlight-color:transparent!important;
  -webkit-appearance:none;
  appearance:none;
  touch-action:manipulation;
}
html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card:focus:not(:focus-visible) {
  outline:0!important;
}
@media (hover:none), (pointer:coarse) {
  html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card:hover {
    /* :hover may be simulated briefly by iOS during a finger tap. */
    filter:none!important;
  }
  html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card:hover .fortune-tab-art img {
    transform:scale(1.08)!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body.celestial-palace .fortune-tabs > .fortune-tab.cat-boutique-card {
    transition:none!important;
  }
}

/* SOURCE: share-preview-v53.css */
/* v53 | 分享預覽：移除套用在一般模態框上的放大花框，專用清爽相片視窗。 */
html body.celestial-palace #catSharePreviewOverlay.cat-share-preview {
  z-index:2147482800!important;
  background:rgba(31,20,45,.72)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  padding:14px!important;
}
html body.celestial-palace #catSharePreviewOverlay .cat-share-preview-panel {
  box-sizing:border-box!important;
  width:min(100%,470px)!important;
  max-height:calc(100dvh - 28px)!important;
  margin:auto!important;
  padding:18px 18px 20px!important;
  overflow-y:auto!important;
  border:1px solid #e4c8d8!important;
  border-image:none!important;
  border-radius:22px!important;
  outline:0!important;
  background:#fffaf7!important;
  box-shadow:0 22px 65px rgba(27,12,44,.28)!important;
  color:#684760!important;
  gap:12px!important;
  background-image:none!important;
}
html body.celestial-palace #catSharePreviewOverlay .cat-share-preview-panel::before,
html body.celestial-palace #catSharePreviewOverlay .cat-share-preview-panel::after {
  content:none!important;
  display:none!important;
}
#catSharePreviewOverlay .cat-share-preview-top {padding:0 1px 5px!important;gap:10px!important;}
#catSharePreviewOverlay .cat-share-preview-top strong {font-size:17px!important;color:#6d466b!important;line-height:1.5!important;}
#catSharePreviewOverlay .cat-share-close {
  flex:0 0 38px;width:38px;height:38px;
  border:1px solid #ecd8e5!important;
  border-radius:50%;background:#f7edf4!important;
  color:#785378!important;font-size:23px!important;
}
#catSharePreviewOverlay #catSharePreviewImage {
  display:block;
  box-sizing:border-box;
  width:auto!important;max-width:100%!important;
  height:auto!important;max-height:min(57dvh,540px)!important;
  margin:auto!important;
  object-fit:contain!important;
  border:1px solid #e9d8d8!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(94,63,88,.08)!important;
}
#catSharePreviewOverlay .cat-share-preview-panel>p {
  margin:0!important;
  font-size:12px!important;line-height:1.6!important;
  text-align:center;color:#886b83!important;
}
#catSharePreviewOverlay .cat-share-preview-actions {display:flex;gap:10px;margin:0!important;}
#catSharePreviewOverlay .cat-share-preview-actions>* {
  box-sizing:border-box;min-height:42px;min-width:128px;
  box-shadow:none!important;
  font-size:13px!important;
  background:#7c527f!important;color:#fff!important;
  border:1px solid #7c527f!important;border-radius:999px!important;
}
#catSharePreviewOverlay .cat-share-preview-actions>button {
  background:#f5e8f2!important;border-color:#e5cede!important;color:#775074!important;
}
#catSharePreviewOverlay .cat-share-preview-loading {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;min-height:min(48dvh,350px);padding:18px;
  color:#785879;text-align:center;
}
#catSharePreviewOverlay .cat-share-preview-loading strong {font-size:17px;}
#catSharePreviewOverlay .cat-share-preview-loading small {font-size:12px;color:#997d96;line-height:1.6;}
#catSharePreviewOverlay .cat-share-preview-spinner {
  width:38px;height:38px;border-radius:50%;
  border:3px solid #eedbe8;border-top-color:#86578a;
  animation:catShare53Spin .85s linear infinite;
}
@keyframes catShare53Spin {to{transform:rotate(360deg)}}
#catSharePreviewOverlay [hidden] {display:none!important;}
@media(max-width:520px) {
 html body.celestial-palace #catSharePreviewOverlay .cat-share-preview-panel {
   width:100%!important;padding:14px 12px 16px!important;border-radius:18px!important;
 }
 #catSharePreviewOverlay #catSharePreviewImage {max-height:54dvh!important;}
 #catSharePreviewOverlay .cat-share-preview-actions {width:100%;justify-content:center;flex-wrap:nowrap;}
 #catSharePreviewOverlay .cat-share-preview-actions>* {min-width:0;flex:1;padding:10px 9px;}
}
/* Make taps instant; double taps should not trigger browser zoom on the reveal. */
#tarotRevealOverlay.tarot-reveal-overlay,
#tarotRevealOverlay.tarot-reveal-overlay .tarot-reveal-card,
#tarotRevealOverlay.tarot-reveal-overlay .tarot-reveal-video {
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

/* SOURCE: user-experience-v57.css */
/* v57: stable visual layers during keyboard resize and long report generation. */
html{background:#f8e8ed;}
html body.celestial-palace{background:transparent!important;}
#siteAnchoredBackdrop{
 position:fixed;inset:0;top:0;left:0;width:100%;height:100vh;height:100lvh;
 background:var(--lm-scene) center top/100% auto repeat-y;
 pointer-events:none;z-index:0;transform:translateZ(0);
}
body.celestial-palace>.shell{position:relative;z-index:1;}
/* Keep modal and full-screen animation above fixed wallpaper. */
body.celestial-palace .cat-loading-overlay{z-index:11000;}
body.celestial-palace .cat-loading-overlay{
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 background:rgba(33,23,47,.68)!important;
}
#catLoadingOverlay:not(.hidden){display:flex!important;}
#catLoadingOverlay .cat-chase-scene,#catLoadingOverlay .cat-running-animation{opacity:1;filter:none!important;}
/* Prevent vertical keyboard resizes from rescaling the illustrated background. */
@media(max-width:700px){
 #siteAnchoredBackdrop{background-size:100% auto!important;background-position:center top!important;}
 body.celestial-palace :is(.life-dialog,.auth-dialog,.tarot-pay-dialog,.pay-modal-dialog){
  max-height:calc(100svh - 32px)!important;overflow-y:auto;-webkit-overflow-scrolling:touch;
 }
 .life-modal{align-items:start;overflow-y:auto;padding:18px 14px!important;}
 .life-modal .life-dialog{margin:auto 0;}
}
.life-reuse{padding:13px 14px;margin:14px 0 16px;border:1px solid #ddc4a0;border-radius:14px;background:#fff9ef;box-shadow:0 4px 16px #6f4f4520}
.life-reuse.hidden{display:none!important}
.life-reuse-heading{font-weight:800;color:#76516d}
.life-reuse p{margin:4px 0 11px;font-size:13px;line-height:1.6;color:#826a64}
.life-reuse-actions{display:flex;gap:10px;flex-wrap:wrap}
.life-reuse-actions button{flex:1 1 140px;min-height:40px;padding:8px 10px;border-radius:999px;background:#83588c;color:#fff9ec;border:1px solid #d9b785;font-weight:700}
.life-reuse-actions button+button{color:#78516b;background:#fff3eb}
.life-clear-previous{border:0;background:transparent;padding:8px 0 0;color:#8d6b64;font-size:12px;text-decoration:underline}

body.celestial-palace>.top,body.celestial-palace>.wrap,body.celestial-palace>.footer{position:relative;z-index:1;}

/* v66 — Android keyboard stabilization. Keep ONE document scroller.
   The opening keyboard should neither freeze the whole page at 100svh nor
   resize and repaint a giant blurred illustration every IME frame. */
#siteAnchoredBackdrop{display:none!important}
@media(max-width:767px){
  /* v8's high-specificity :has() rules lock the entire document at 100% and
     put all scrolling inside .shell. Undo that, except during the intro gate. */
  html:not(.intro-v39-needed):has(body.celestial-palace > .shell),
  html:not(.intro-v39-needed):has(body.celestial-palace > .shell) body.celestial-palace{
    height:auto!important;min-height:100%!important;
    overflow-x:clip!important;overflow-y:visible!important;
    overscroll-behavior:auto!important;
    scroll-behavior:auto!important;
  }
  /* The original decorative scene is painted only once at a stable, pixel-
     measured launch height. We do not write to that height on focus/resize. */
  html body.celestial-palace:has(> .shell)::before{
    position:fixed!important;inset:auto!important;
    top:0!important;left:0!important;right:auto!important;bottom:auto!important;
    width:100%!important;height:var(--kb-scene-height,100lvh)!important;
    min-height:0!important;max-height:none!important;
    background-image:var(--mu-bg)!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    transform:translateZ(0)!important;
    backface-visibility:hidden!important;
    filter:none!important;
    transition:none!important;
    animation:none!important;
    pointer-events:none!important;
    will-change:auto!important;
  }
  /* Remove the old hard 100svh scroller. Content must use the browser's
     natural document scrolling when a focused field is lifted above IME. */
  html body.celestial-palace:has(> .shell)>.shell{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow-x:clip!important;
    overflow-y:visible!important;
    scroll-behavior:auto!important;
    overscroll-behavior:auto!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(255,249,240,.84)!important;
    transition:none!important;
    transform:none!important;
  }
  /* The moving keyboard and a full-page backdrop-filter force composition
     of almost all page pixels; modal backdrops use a flat plum veil. */
  html body.celestial-palace :is(
    .life-backdrop,.auth-modal-backdrop,.pay-modal-backdrop,
    .match-modal-backdrop,.wealth-modal-backdrop,
    .tarot-pay-backdrop,.tarot-products-backdrop
  ){
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
  }
  html body.celestial-palace :is(
    .life-dialog,.auth-dialog,.pay-modal-dialog,
    .match-modal-dialog,.wealth-modal-dialog,.tarot-pay-dialog
  ){
    scroll-behavior:auto!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  /* Existing v37 uses 100dvh on the login container; this triggers a full
     resize every keyboard frame in some Android WebViews. Anchor by inset. */
  html body.celestial-palace #authModal.auth-modal:not(.hidden){
    inset:0!important;height:auto!important;min-height:0!important;
    max-height:none!important;
    align-items:flex-start!important;
    overflow-y:auto!important;scroll-behavior:auto!important;
  }
  /* Prevent the life questionnaire from repeatedly recentering on focus. */
  html body.celestial-palace #lifeModal.life-modal:not(.hidden){
    align-items:flex-start!important;justify-items:center!important;
    overflow-y:auto!important;scroll-behavior:auto!important;
  }
  /* Backstops for any other earlier 100dvh dialog declarations. */
  html body.celestial-palace :is(
    .life-dialog,.pay-modal-dialog,.match-modal-dialog,
    .wealth-modal-dialog,.tarot-pay-dialog
  ){
    max-height:min(calc(100svh - 28px),790px)!important;
    overflow-y:auto!important;
  }
  html body.celestial-palace :is(
    textarea,input[type="text"],input[type="email"],input[type="password"],
    input[type="tel"],input[type="number"],input[type="search"],input[type="url"]
  ){font-size:16px!important}
}

/* SOURCE: clear-frame-v61.css */
/* v61 | Strip stretched image borders from functional UI. Preserve real illustrations,
   decorative hero artwork, normal focus indicators, and responsive layout. */

/* No 9-slice decoration on form/dialog/report UI. Older rules use !important;
   this file loads LAST and includes page-specific selectors to win the cascade. */
html body.celestial-palace :is(.panel,.form-panel,.result-panel,.match-form,.match-empty,.match-result,
 .match-score-panel,.match-chart-card,.match-paywall,.wealth-input-card,.wealth-empty,
 .wealth-result,.wealth-paywall,.wealth-results,.wx-overview,.wx-pair,.wx-deep,
 .astro-page-workspace,.astro-panel,.meihua-form,.meihua-results,.tarot-screen,
 .tarot-result,.tarot-history-wrap,.history-panel,.ai-qa,.card,.annual-paywall,
 .annual-unlock-card,.match-pay-card,.wealth-gate-card,.stat,.section,.field-group,
 .life-question,.life-question-card,.life-option,.tarot-pick,.tarot-result-summary,
 .tarot-premium-gate,.tarot-history-item,.astro-aspect,.match-score-signal,
 .wealth-basics-card,.wealth-report-card,.wealth-decade-cell,.ai-qa-item,.ai-report-heading,
 .wx-info-card,.wx-relation-chip,.wx-partner-form,.wx-partner-result,.wx-pair-detail-card,
 .wx-pair-detail-evidence,.wx-element,.match-partner,.match-paid-preview,.match-paid-heading,
 .wealth-stat,.wealth-summary,.wealth-feature,.tarot-meaning-card,.tarot-focus-card,
 .tarot-info-card,.astro-reading,.astro-details,.astro-cusp-card,.meihua-line,.meihua-reading,
 .ai-report-section,.ai-report-card,.ai-report,.annual-card,.annual-signal,.match-paid-banner,.cat-quick-form,.cat-feature-card,
 .cat-daily-feature,.cat-feature-panel,.cat-inner-ribbon,.cat-inline-hero-media,
 .fortune-tab.cat-boutique-card,.wx-generic-alert,.wx-profile-status,.wx-generic-preview){
  border-image:none!important;
}
/* Highest-priority variants created by older feature-specific CSS. */
html body.celestial-palace :is(#personalView,#matchView,#wealthView,#wuxingView,
 #astroView,#meihuaView,#tarotView,#homeHero,#catHomeExtras) :is(.panel,.section,
 .stat,.field-group,.match-form,.match-paywall,.match-score-panel,.match-chart-card,
 .match-partner,.match-paid-preview,.match-paid-heading,.wealth-input-card,.wealth-paywall,
 .wealth-results,.wealth-stat,.wealth-summary,.wealth-feature,.wx-overview,.wx-element,
 .wx-info-card,.wx-pair,.wx-deep,.astro-page-workspace,.astro-reading,.astro-details,
 .meihua-form,.meihua-results,.meihua-reading,.tarot-screen,.tarot-result,.tarot-meaning-card,
 .tarot-focus-card,.tarot-history-wrap,.tarot-pick,.tarot-history-item,.annual-paywall,
 .annual-unlock-card,.cat-quick-form,.cat-daily-feature,.cat-feature-panel,.cat-feature-card){
  border-image:none!important;
}
/* Frame assets in legacy panels use transparent border; restore a real, crisp border. */
html body.celestial-palace :is(.panel,.form-panel,.result-panel,.match-form,.match-paywall,
 .wealth-input-card,.wealth-paywall,.wx-overview,.astro-page-workspace,.meihua-form,
 .tarot-screen,.annual-paywall,.annual-unlock-card,.match-pay-card,.wealth-gate-card,
 .card,.ai-qa,.cat-daily-feature,.cat-feature-panel,.cat-quick-form){
  border:1.5px solid #d9bc92!important;
  border-image:none!important;
  border-radius:20px!important;
  box-shadow:inset 0 0 0 3px rgba(255,250,240,.78),0 8px 22px rgba(89,50,74,.12)!important;
}
/* Hero art / branded presentation imagery remains intact. Only remove sliced borders. */
html body.celestial-palace :is(.match-hero,.wealth-hero,.wx-hero,.astro-page-hero,
 .meihua-hero,.tarot-hero){border-image:none!important;border-color:#dbbb91!important}
html body.celestial-palace #matchView .match-hero,
html body.celestial-palace #wealthView .wealth-hero{border-image:none!important;border-color:#dbbb91!important}

/* Specific screenshots: life-profile question, annual payment card, five-stat grid. */
html body.celestial-palace :is(.life-dialog,.auth-dialog,.pay-modal-dialog,
 .match-modal-dialog,.wealth-modal-dialog,.tarot-pay-dialog,.cat-share-preview-panel){
  border:1.5px solid #d8b98c!important;
  border-image:none!important;
  border-radius:22px!important;
  background-color:#fffaf5!important;
  box-shadow:0 20px 55px rgba(72,38,70,.22)!important;
}
html body.celestial-palace :is(.life-dialog,.auth-dialog,.pay-modal-dialog,
 .match-modal-dialog,.wealth-modal-dialog,.tarot-pay-dialog) :is(.life-question,
 .life-question-card,.life-option,.pay-modal-order,.match-modal-product,
 .wealth-modal-product,.auth-field,.ai-qa-item){
  border-image:none!important;
}
html body.celestial-palace .life-dialog .life-question,
html body.celestial-palace .life-dialog .life-option{
  border:1px solid #e0c9a9!important;
  border-image:none!important;
  border-radius:12px!important;
  background:#fffdf9!important;
  box-shadow:none!important;
}
html body.celestial-palace .life-dialog .life-option.is-picked{
  border-color:#7d507b!important;background:#7d507b!important;color:#fff!important;
}
html body.celestial-palace .life-dialog .life-question{
  padding:15px 12px!important;min-height:0;
}
html body.celestial-palace .life-dialog .life-question h3{margin:0 0 14px!important}
html body.celestial-palace .life-dialog{padding:22px 18px!important}
html body.celestial-palace .life-dialog .life-options{gap:8px!important}
html body.celestial-palace .life-dialog .life-actions{
  position:relative;z-index:3;background:#fffaf3!important;
}
html body.celestial-palace #annualPaywall .annual-unlock-card,
html body.celestial-palace #annualPaywall .annual-stage,
html body.celestial-palace #annualPaywall .annual-gate,
html body.celestial-palace #annualPaywall .annual-preview{
  border-image:none!important;
}
html body.celestial-palace #annualPaywall .annual-unlock-card{
  border:1px solid #ddc19a!important;border-image:none!important;
  border-radius:20px!important;background:linear-gradient(150deg,#fffdf8,#fff4e9)!important;
  box-shadow:0 8px 20px rgba(94,64,86,.12)!important;
}
html body.celestial-palace .shell :is(.stat,.field-group,.ai-report-section,
 .ai-qa-item,.annual-card,.annual-signal,.match-chart-card,.wx-info-card,
 .wealth-stat,.tarot-meaning-card){
  border:1px solid #e0c7a8!important;border-image:none!important;
  border-radius:15px!important;
  box-shadow:0 3px 10px rgba(90,57,76,.08)!important;
}
/* Suppress large stretched decorative overlays only on generic function panels.
   Decorative *illustration* backgrounds for special theme heroes remain untouched. */
html body.celestial-palace .hero.cat-hero .cat-quick-form::after,
html body.celestial-palace :is(.panel,.form-panel,.result-panel,.match-form,
 .wx-overview,.wealth-input-card,.meihua-form,.astro-page-workspace,
 .ai-qa,.card,.tarot-screen)::before{
  background-image:none!important;
}
html body.celestial-palace :is(.cat-daily-feature,.cat-feature-panel)::before{
  content:none!important;display:none!important;background-image:none!important;
}
/* Five-element statistics: existing original, illustrated wood/fire/earth/metal/water cards. */
html body.celestial-palace #elementStats{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:clamp(3px,1.4vw,12px)!important;
}
html body.celestial-palace #elementStats .five-element-stat{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  min-width:0!important;padding:6px 3px 9px!important;gap:4px!important;
  background:transparent!important;
  border:0!important;border-image:none!important;
  border-radius:0!important;box-shadow:none!important;
}
html body.celestial-palace #elementStats .five-element-stat img{
  display:block!important;width:min(100%,82px)!important;height:auto!important;
  aspect-ratio:158/231!important;object-fit:contain!important;
  background:none!important;filter:none!important;border:none!important;
}
html body.celestial-palace #elementStats .five-element-counts{
  display:flex;flex-direction:column;gap:1px;
  font-size:clamp(9px,1.2vw,12px);line-height:1.4;text-align:center;
  color:#674c46;white-space:nowrap;
}
html body.celestial-palace #elementStats .five-element-counts span,
html body.celestial-palace #elementStats .five-element-counts small{
  display:block!important;font:inherit!important;color:inherit!important;
}
@media(max-width:480px){
 html body.celestial-palace #elementStats .five-element-stat{padding:4px 1px 7px!important;gap:2px!important}
 html body.celestial-palace #elementStats .five-element-stat img{width:min(100%,58px)!important}
 html body.celestial-palace #elementStats .five-element-counts{font-size:9px;letter-spacing:-.03em}
}

/* Avoid redundant nested rectangles in the annual lock section. */
html body.celestial-palace #annualPaywall .annual-stage,
html body.celestial-palace #annualPaywall .annual-gate{
  border-image:none!important;border:0!important;box-shadow:none!important;
}

/* SOURCE: meihua-v62.css */
/* v62 — 梅花易數紫金星夜：沿用原起卦 HTML/JS，只重整專屬視覺。 */
html body.celestial-palace #meihuaView.meihua-v22.mh62-view{--mh-ink:#684669;--mh-ink2:#7c507b;--mh-gold:#e9c18a;--mh-rose:#e4a0af;color:#fbe8ce!important;max-width:1080px!important}
html body.celestial-palace #meihuaView.mh62-view .mh22-scroll{
  border:2px solid #d9a86f!important;border-radius:28px!important;
  background:radial-gradient(ellipse at 50% 7%,#58336e 0%,#3a244e 38%,transparent 65%),linear-gradient(180deg,#2b1c49 0%,#38234f 34%,#482b67 56%,#442757 100%)!important;
  box-shadow:0 16px 44px #3d22563b,inset 0 0 0 5px #f5dbac15!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-scroll::before{
  content:""!important;display:block!important;height:100%!important;inset:0!important;
  background:radial-gradient(circle at 18% 8%,#f9e0a7 0 1px,transparent 2px) 0 0/87px 91px,
    radial-gradient(circle at 72% 14%,#ffe8d0 0 1px,transparent 2px) 18px 35px/143px 119px,
    radial-gradient(circle at 35% 24%,#cba0ef 0 1.5px,transparent 3px) 0 0/181px 157px!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%)!important;opacity:.38;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-scroll::after{
  display:block!important;content:""!important;z-index:0!important;opacity:.30!important;height:360px!important;
  background:url('/assets/cat-theme/decor-cloud-city.webp') center bottom/100% auto no-repeat!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-borderline{inset:8px;border-color:#f0c99570;border-radius:22px;box-shadow:none}
html body.celestial-palace #meihuaView.mh62-view .meihua-hero.mh22-hero.mh62-hero{
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;
  margin:0 auto!important;padding:0 0 0!important;min-height:0!important;max-width:100%!important;
  background:transparent!important;box-shadow:none!important;text-align:center!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh62-poster-art{
  position:relative;z-index:0;width:100%;max-width:100%;overflow:hidden;margin:0 auto -1px;line-height:0;
  background:#38244e;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);
}
html body.celestial-palace #meihuaView.mh62-view .mh62-poster-art img{
  display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;
  filter:none!important;transform:none!important;opacity:1!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-hero-copy.mh62-hero-copy{
  width:100%!important;max-width:890px;padding:0 clamp(16px,4vw,65px) 2px!important;
  margin:-8px auto 0!important;text-align:center!important;position:relative;z-index:2;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-hero-copy .mh22-eyebrow{
  margin:0 auto 10px!important;color:#fbe0a7!important;
  font:700 clamp(12px,1.5vw,19px)/1.7 'Noto Serif TC',serif!important;letter-spacing:.18em!important;
  text-shadow:0 1px 7px #3b144e;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-hero-copy h2{
  color:#ffebbb!important;text-shadow:0 3px 2px #713854,0 0 22px #efac7680!important;
  margin:0 auto 4px!important;
  font:800 clamp(42px,6vw,74px)/1.25 'Noto Serif TC',serif!important;
  letter-spacing:.16em!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-hero-copy h2 span{
  display:block;margin-top:3px!important;
  color:#f8dc9d!important;text-shadow:0 2px 8px #52234e;
  font:700 clamp(20px,3.1vw,36px)/1.5 'Noto Serif TC',serif!important;
  letter-spacing:.13em!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-calligraphy-line{
  width:min(90%,590px)!important;margin:19px auto 13px!important;gap:15px!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-calligraphy-line span{
  border:2px solid #efc68c;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;
  color:#fff4d0!important;font:700 37px/1 serif!important;
  background:radial-gradient(circle at 35% 22%,#bd6eeb,#772fb4 62%,#542374);
  box-shadow:inset 0 0 0 3px #fff2d54d,0 4px 15px #bf6eed4a;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-calligraphy-line::before,
html body.celestial-palace #meihuaView.mh62-view .mh22-calligraphy-line::after{
  height:2px;background:linear-gradient(90deg,transparent,#f9c77b);
}
html body.celestial-palace #meihuaView.mh62-view .mh22-verse{
  color:#ffeac0!important;margin:12px auto 5px!important;
  font:750 clamp(22px,3vw,33px)/1.7 'Noto Serif TC',serif!important;
  letter-spacing:.13em;text-shadow:0 2px 9px #372048;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-hero-description{
  color:#f6e9e3!important;max-width:820px;margin:9px auto 23px!important;
  font:550 clamp(14px,1.8vw,19px)/1.9 'Noto Serif TC',serif!important;
  letter-spacing:.025em!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-chips.mh62-actions{
  justify-content:center!important;align-items:center;gap:clamp(6px,1.6vw,16px);flex-wrap:wrap;
}
html body.celestial-palace #meihuaView.mh62-view .mh62-actions :is(button,a){
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;
  padding:9px clamp(11px,2.3vw,29px)!important;
  background:linear-gradient(180deg,#60417796,#3c234a80)!important;border:1.5px solid #f7c785!important;
  border-radius:999px!important;color:#fcebc4!important;box-shadow:0 3px 11px #26163155!important;
  font:700 clamp(12px,1.7vw,18px)/1.45 'Noto Serif TC',serif!important;
  white-space:nowrap;text-decoration:none!important;cursor:pointer;
  transition:filter .16s ease,transform .16s ease;
}
html body.celestial-palace #meihuaView.mh62-view .mh62-actions :is(button,a):hover{filter:brightness(1.15)}
html body.celestial-palace #meihuaView.mh62-view .mh62-actions :is(button,a):active{transform:translateY(2px)}
html body.celestial-palace #meihuaView.mh62-view .mh62-actions :is(button,a):focus-visible{outline:3px solid #fff5d0;outline-offset:3px}
html body.celestial-palace #meihuaView.mh62-view .mh22-join.mh62-orb{
  display:flex!important;margin:5px auto 18px!important;height:126px!important;cursor:pointer;text-decoration:none!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh62-orb::before,
html body.celestial-palace #meihuaView.mh62-view .mh62-orb::after{
  height:1px;width:min(28vw,260px)!important;
  background:linear-gradient(90deg,transparent,#ebbb7b) !important;
}
html body.celestial-palace #meihuaView.mh62-view .mh62-orb span{
  width:98px;height:98px;min-width:98px;
  color:#fff8e2!important;font:800 58px/1 serif!important;
  background:radial-gradient(circle at 28% 18%,#d895f1,#8c35bb 42%,#4b1c7e 78%,#301451)!important;
  border:5px solid #f1ca85!important;
  box-shadow:0 0 0 5px #f9d0a62e,0 0 35px #e1a8fa5c,inset 0 0 0 3px #ffecd64f!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-workspace{
  padding:12px clamp(14px,4vw,48px) 43px!important;
  color:#f6e8d5!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-workspace::before{background:radial-gradient(ellipse at 50% 4%,#d89bf11b,transparent 55%)!important}
html body.celestial-palace #meihuaView.mh62-view .mh22-chapter>span{
  color:#f6d09a!important;font-size:13px!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-chapter h3{
  color:#ffebc6!important;font-size:clamp(25px,3.2vw,36px)!important;text-shadow:0 3px 9px #21132d;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-chapter p{
  color:#f0dfcf!important;font-size:13px!important;
}
html body.celestial-palace #meihuaView.mh62-view #meihuaForm.meihua-form.mh22-form,
html body.celestial-palace #meihuaView.mh62-view .mh22-guide{
  border:1.5px solid #e8bd83!important;border-image:none!important;border-radius:24px!important;
  background:linear-gradient(160deg,#fff9f1,#f7e9e4)!important;
  box-shadow:0 12px 28px #1d0c2e50,inset 0 0 0 4px #fff7eb!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-guide::before,
html body.celestial-palace #meihuaView.mh62-view #meihuaForm.meihua-form::before{
  background:none!important;opacity:0!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-step-seal{
  color:#fff1d9!important;background:radial-gradient(circle at 30% 20%,#ad77c0,#653b83 68%)!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-form-heading h3,
html body.celestial-palace #meihuaView.mh62-view .mh22-number-label strong,
html body.celestial-palace #meihuaView.mh62-view .mh22-guide h3,
html body.celestial-palace #meihuaView.mh62-view .mh22-result-heading h3,
html body.celestial-palace #meihuaView.mh62-view .mh-proof h4,
html body.celestial-palace #meihuaView.mh62-view .mh-reading h4{color:#734779!important}
html body.celestial-palace #meihuaView.mh62-view .mh22-mini-symbol{color:#8654a2!important}
html body.celestial-palace #meihuaView.mh62-view #meihuaSubmit.meihua-submit,
html body.celestial-palace #meihuaView.mh62-view #meihuaDeepBtn{
  background:linear-gradient(180deg,#a168b0,#7b438e 65%,#653573)!important;
  color:#fff6e7!important;border:2px solid #e6c08a!important;box-shadow:0 8px 18px #5b2c7160,inset 0 0 0 2px #ffe6cf3d!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-guide-crest span{
  color:#fff4d9!important;background:radial-gradient(circle at 30% 20%,#a06bbc,#68367f 70%)!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-footnote,
html body.celestial-palace #meihuaView.mh62-view .mh22-footnote span{color:#e6c99f!important}
html body.celestial-palace #meihuaView.mh62-view #meihuaResult.meihua-results{
  border:1.5px solid #e0b780!important;border-image:none!important;border-radius:24px!important;
  background:linear-gradient(170deg,#fffaf2,#f9edf0)!important;
  box-shadow:0 12px 26px #1d0c2e50,inset 0 0 0 4px #fffbf3!important;
}
html body.celestial-palace #meihuaView.mh62-view :is(#meihuaForm,#meihuaResult,.mh22-guide){scroll-margin-top:20px}
@media(max-width:680px){
  html body.celestial-palace #meihuaView.mh62-view .mh22-scroll{border-radius:18px!important;border-width:1px!important}
  html body.celestial-palace #meihuaView.mh62-view .mh22-borderline{inset:4px;border-radius:14px}
  html body.celestial-palace #meihuaView.mh62-view .mh62-hero-copy{padding:0 14px!important;margin:-4px auto 0!important}
  html body.celestial-palace #meihuaView.mh62-view .mh22-hero-copy .mh22-eyebrow{font-size:11px!important;margin:5px auto 8px!important;letter-spacing:.1em!important}
  html body.celestial-palace #meihuaView.mh62-view .mh22-hero-copy h2{font-size:clamp(35px,9.5vw,46px)!important;letter-spacing:.10em!important}
  html body.celestial-palace #meihuaView.mh62-view .mh22-hero-copy h2 span{font-size:clamp(17px,5.3vw,23px)!important;letter-spacing:.08em!important}
  html body.celestial-palace #meihuaView.mh62-view .mh22-verse{font-size:clamp(19px,5vw,24px)!important;letter-spacing:.04em!important}
  html body.celestial-palace #meihuaView.mh62-view .mh22-hero-description{font-size:13px!important;line-height:1.85!important;margin:8px auto 16px!important}
  html body.celestial-palace #meihuaView.mh62-view .mh22-calligraphy-line{margin:11px auto 5px!important}
  html body.celestial-palace #meihuaView.mh62-view .mh22-calligraphy-line span{width:45px;height:45px;font-size:28px!important}
  html body.celestial-palace #meihuaView.mh62-view .mh62-actions{gap:7px!important;flex-wrap:nowrap!important;width:100%!important}
  html body.celestial-palace #meihuaView.mh62-view .mh62-actions :is(button,a){flex:1 1 0;white-space:nowrap;padding:8px 4px!important;min-height:38px;font-size:clamp(10px,2.7vw,12px)!important}
  html body.celestial-palace #meihuaView.mh62-view .mh22-join.mh62-orb{height:90px!important;margin:6px auto 6px!important}
  html body.celestial-palace #meihuaView.mh62-view .mh62-orb span{width:73px;height:73px;min-width:73px;font-size:45px!important}
  html body.celestial-palace #meihuaView.mh62-view .mh22-workspace{padding:8px 13px 25px!important}
  html body.celestial-palace #meihuaView.mh62-view #meihuaForm.meihua-form.mh22-form,
  html body.celestial-palace #meihuaView.mh62-view .mh22-guide{padding:18px 14px 19px!important;border-radius:16px!important}
  html body.celestial-palace #meihuaView.mh62-view .mh22-scroll::after{opacity:.17!important}
}
@media(prefers-reduced-motion:reduce){html body.celestial-palace #meihuaView.mh62-view .mh62-actions :is(button,a){transition:none!important}}
/* Reduce the last traces of the former green edition and improve small-text contrast. */
html body.celestial-palace #meihuaView.mh62-view .mh22-ritual-item strong,
html body.celestial-palace #meihuaView.mh62-view .mh22-ritual-item .mh22-ritual-mark,
html body.celestial-palace #meihuaView.mh62-view .mh22-guide-lead{color:#7f4f79!important}
html body.celestial-palace #meihuaView.mh62-view .mh22-guide-foot,
html body.celestial-palace #meihuaView.mh62-view .mh22-rule,
html body.celestial-palace #meihuaView.mh62-view .mh22-number-label small{color:#856853!important}
html body.celestial-palace #meihuaView.mh62-view .mh22-footnote{
  display:block!important;margin:22px auto 0!important;padding:9px 14px!important;
  max-width:560px!important;background:rgba(40,21,55,.52)!important;
  border:1px solid #dfb48175;border-radius:999px;
  color:#f5dcba!important;font-size:12px!important;
}
html body.celestial-palace #meihuaView.mh62-view .mh22-footnote span{color:#f7cda2!important}
@media(max-width:680px){html body.celestial-palace #meihuaView.mh62-view .mh22-footnote{font-size:11px!important;padding:9px 12px!important;max-width:100%!important}}

/* SOURCE: compliance-info.css */
/* 喵說星語審核資訊：僅作用於新加的頁尾、註冊告知與法律說明 */
.compliance-footer{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 16px 34px!important;text-align:center;line-height:1.65;background:transparent}
.compliance-footer-head{font-weight:700;letter-spacing:.04em;color:#755688}
.compliance-footer-note{font-size:13px!important;margin:0;color:#78678e}
.compliance-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:2px 0}
.compliance-footer-nav a{font-size:14px!important;font-weight:700;color:#76548b;text-decoration:underline;text-decoration-color:#cbafce;text-underline-offset:4px}
.compliance-footer-contact{max-width:900px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:12px;color:#735f73}
.compliance-footer-contact a{text-decoration:underline;text-underline-offset:3px;color:inherit;overflow-wrap:anywhere}
.compliance-footer-copy{font-size:11px;color:#817889}
.compliance-auth-note{font-size:12px!important;line-height:1.6;margin:12px 2px 6px;color:#71667c}
.compliance-auth-note a{color:#694e8b;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.legal-page-footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.legal-page-footer{line-height:2}
.legal-page-footer span{margin:0 10px}
.legal-quicklinks{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;margin:10px 0 16px}
.legal-quicklinks a{color:#745a93;text-decoration:underline;text-underline-offset:4px}
.legal-review-info{font-size:13px;color:#85738d;margin:0 0 8px}
.legal-price-table{border-collapse:collapse;width:100%;font-size:14px;margin:12px 0 14px}
.legal-price-table th,.legal-price-table td{border-bottom:1px solid #e9dceb;text-align:left;vertical-align:top;padding:9px 10px}
.legal-price-table th{background:#f8f1fc;color:#654a7a}
.legal-price-table td:last-child{white-space:nowrap;font-weight:650;color:#76558e}
.legal-page-service .card p,.legal-page-service .card li{line-height:1.9}
.legal-page-service .card h2{margin-top:30px}
.legal-page-service .card h1{line-height:1.3}
.legal-contact a{color:#674d87;overflow-wrap:anywhere}
[data-merchant-phone-row][hidden]{display:none!important}
.compliance-footer a:focus-visible,.legal-page-footer a:focus-visible,.legal-quicklinks a:focus-visible{outline:3px solid #9274ac;outline-offset:3px;border-radius:3px}
@media(max-width:600px){.compliance-footer{gap:10px;padding:22px 14px 28px!important}.compliance-footer-contact{flex-direction:column;align-items:center;gap:5px}.compliance-footer-head{font-size:13px}.legal-price-table{font-size:12px}.legal-price-table th,.legal-price-table td{padding:8px 5px}.legal-page-service .card{overflow-wrap:anywhere}}


/* v72: 法律告知兩頁不使用全站的裝飾圖框。僅這兩頁有效，首頁及其餘卡片保留原貌。 */
html body.celestial-palace.legal-page-privacy main.wrap > article.card,
html body.celestial-palace.legal-page-service main.wrap > article.card {
  border: 0 !important;
  border-image: none !important;
  border-image-source: none !important;
  outline: none !important;
  border-radius: 16px !important;
  background: rgba(255, 251, 246, .96) !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: clamp(20px, 3.2vw, 38px) !important;
}
html body.celestial-palace.legal-page-privacy main.wrap > article.card::before,
html body.celestial-palace.legal-page-privacy main.wrap > article.card::after,
html body.celestial-palace.legal-page-service main.wrap > article.card::before,
html body.celestial-palace.legal-page-service main.wrap > article.card::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
}
@media (max-width: 600px) {
  html body.celestial-palace.legal-page-privacy main.wrap > article.card,
  html body.celestial-palace.legal-page-service main.wrap > article.card {
    padding: 18px 15px !important;
  }
}

/* SOURCE: home-desktop-balance-v73.css */
/* 喵說星語 v75：修正 v73 版寬螢幕首頁只限桌機（精準滑鼠＋hover），
   恢復原本主視覺背景圖、裁切及遮罩的樣式繼承。
   行動裝置、平板觸控、手機橫向／要求桌面版站台，均不再套用 v73 的覆寫。
   首頁表單的文字／按鈕已印在圖裡，勿單獨移動點擊區。 */
@media (min-width: 1100px) and (hover: hover) and (pointer: fine) {
  html body.site-refined-v11 #homeHero.hero.cat-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    column-gap: 20px !important;
    min-height: 0 !important;
    margin-top: 18px !important;
    padding: 20px !important;
    overflow: hidden !important;
    border-radius: 30px !important;
  }
  html body.site-refined-v11 #homeHero .cat-hero-art,
  html body.site-refined-v11 #homeHero .cat-hero-art.lm-palace-scene {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 25px rgba(110, 66, 91, .13) !important;
  }
  html body.site-refined-v11 #homeHero .cat-hero-copy {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 10px 18px !important;
    border: 1px solid rgba(215, 173, 133, .66) !important;
    border-radius: 22px !important;
    background: linear-gradient(155deg, rgba(255,252,245,.63), rgba(255,239,232,.57)) !important;
    box-shadow: inset 0 0 0 4px rgba(255,254,250,.4) !important;
  }
  html body.site-refined-v11 #homeHero .cat-kicker {margin: 0 0 2px !important;}
  html body.site-refined-v11 #homeHero #catHeroTitle {
    width: min(100%, 440px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  html body.site-refined-v11 #homeHero .cat-hero-slogan {margin: 2px 0 1px !important;}
  html body.site-refined-v11 #homeHero .cat-hero-subtitle {margin: 3px 0 9px !important;}
  html body.site-refined-v11 #homeHero #catQuickForm.cat-quick-form {
    flex-shrink: 0 !important;
    width: min(100%, 500px) !important;
    max-width: 500px !important;
    margin: 0 auto !important;
  }
}
/* 平板、窄視窗桌面：不要把預製表單與貓咪硬塞成過窄的兩欄。 */
@media (min-width: 701px) and (max-width: 1099px) and (hover: hover) and (pointer: fine) {
  html body.site-refined-v11 #homeHero.hero.cat-hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 16px 16px 24px !important;
    gap: 0 !important;
    overflow: hidden !important;
  }
  html body.site-refined-v11 #homeHero .cat-hero-art,
  html body.site-refined-v11 #homeHero .cat-hero-art.lm-palace-scene {
    display: block !important;
    margin: 0 auto !important;
    width: min(100%, 850px) !important;
    height: clamp(260px, 40vw, 380px) !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 18px !important;
  }
  html body.site-refined-v11 #homeHero .cat-hero-copy {
    box-sizing: border-box !important;
    margin: 4px auto 0 !important;
    padding: 8px 12px 0 !important;
    width: 100% !important;
    max-width: 520px !important;
  }
  html body.site-refined-v11 #homeHero .cat-kicker {margin-top: 0 !important;}
  html body.site-refined-v11 #homeHero .cat-hero-subtitle {margin-bottom: 8px !important;}
  html body.site-refined-v11 #homeHero #catQuickForm.cat-quick-form {
    width: min(100%,500px) !important;
    max-width: 500px !important;
    margin-top: 4px !important;
  }
}

/* SOURCE: mobile-background-restore-v76.css */
/* 喵說星語 v76 — 手機背景顯色還原（僅背景，不更動任何卡片與版面）。
   舊版 refined-three-themes-v11.css 覆蓋原本 100% 底圖不透明度為 .76。
   這裡固定使用已存在的原始 single-scene 圖片，避免呈現過淡的備援底圖。
   只在手機窄螢幕（CSS 寬度 700px 以下）適用；桌機與平板不受影響。 */
@media (max-width: 700px) {
  html body.celestial-palace.site-refined-v11::before {
    content: "" !important;
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 0 !important;
    background-image: url('/assets/ornate-unified/single-scene.webp') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: none !important;
  }
  html body.celestial-palace.site-refined-v11 > .shell {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    backdrop-filter: none !important;
  }
}