/* ============================================================
   天樞 · UI 改版主題層 (overlay theme)
   把完整命理客戶端(default.html / render-dom)重新著裝成
   「黃金 × 大理石 × 星空」精品占星視覺。
   —— 只覆寫外觀,不更動任何結構與功能。載入順序須在原樣式之後。
   參考:天樞 UI 改版線框.html
   ============================================================ */

/* ---------- 1. 調色盤 + 設計變數重映射 ---------- */
:root{
  /* 介面基底(原本是紙褐;改為大理石奶油 × 炭黑墨) */
  --paper:#fbfaf3;          /* 卡片白奶油(原 #f4ede0) */
  --paper-2:#f3ecdb;        /* 金米卡片(原 #ebe1ce) */
  --ink:#2b2823;            /* 主文字:炭黑寶石(原褐 #5a4226) */
  --gold:#a98a52;           /* 古銅金 */
  --gold-deep:#876b3c;      /* 深金(原 #6b4a1f) */
  --red:#a8543b;            /* 精緻赭紅(原 #a23d2a) */
  --red-deep:#8a3f2c;       /* 深赭(原 #8b2a1d) */
  --jade:#3f7a52;           /* 吉色翠綠 */
  --shadow:rgba(43,40,35,.14);

  /* 圓角:從硬朗 6/10 改為精品圓潤 */
  --radius-sm:10px;
  --radius-md:16px;
  --radius-pill:999px;

  /* 陰影:從硬位移(4px 4px 0)改為柔和漂浮 */
  --shadow-card:0 8px 26px -14px rgba(43,40,35,.34);
  --shadow-panel:0 18px 50px -22px rgba(43,40,35,.42);
  --border-card:1px solid var(--line-gold);

  /* 線框新增變數 */
  --bg:#f5f2e9;
  --core:#2b2823;
  --slate:#23272e;
  --gold-soft:#bd9c5d;
  --cream:#fbfaf3;
  --card:#ffffff;
  --card-2:#f3ecdb;
  --ink-soft:#857d6e;
  --line:#e7e2d4;
  --line-gold:rgba(169,138,82,.42);
  --on-dark:#efe9db;
  --on-dark-soft:#a59b86;
  --serif:'Playfair Display','Noto Serif TC',serif;
  --sans:'Hanken Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;
}

/* ---------- 2. 版面底:大理石 + 金色星空 ---------- */
html,body{
  background:var(--bg) !important;
  color:var(--ink);
  font-family:var(--sans);
  letter-spacing:.01em;
  background-image:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.78), transparent 38%),
    radial-gradient(circle at 82% 24%, rgba(214,208,193,.5), transparent 42%),
    radial-gradient(circle at 60% 84%, rgba(255,255,255,.6), transparent 46%),
    radial-gradient(circle at 26% 74%, rgba(206,201,187,.42), transparent 44%) !important;
  background-attachment:fixed;
}
body::before{
  content:'' !important;
  position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55 !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(169,138,82,.055), transparent 46%),
    repeating-radial-gradient(circle at 84% 78%, transparent 0 40px, rgba(169,138,82,.045) 40px 41px),
    repeating-radial-gradient(circle at 14% 22%, transparent 0 34px, rgba(169,138,82,.04) 34px 35px) !important;
}
/* 注入式星點/數字裝飾層(由 theme-init.js 產生) */
.ts-deco{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.ts-deco .num{position:absolute;font-family:var(--serif);color:var(--gold);opacity:.05;line-height:1;font-weight:600;transform:translate(-50%,-50%);}
.ts-deco .st{position:absolute;color:var(--gold);opacity:.3;}

.stage{max-width:1180px !important;padding:46px 30px 120px !important;}
/* 非整數 zoom 會讓中文發霧；全部鉘1，大螢幕改用較寬版心 */
.stage{zoom:1 !important;}
@media(min-width:1600px){ .stage{ zoom:1 !important; max-width:1240px !important; } }
@media(min-width:2000px){ .stage{ zoom:1 !important; max-width:1320px !important; } }
@media(min-width:2560px){ .stage{ zoom:1 !important; max-width:1380px !important; } }

/* ---------- 3. 頁首 header ---------- */
header{border-bottom:1px solid var(--line-gold) !important;padding-bottom:26px !important;margin-bottom:30px !important;align-items:center !important;}
.seal{
  background:linear-gradient(155deg,#332f28,#1f1c18) !important;color:var(--gold-soft) !important;
  border-radius:16px !important;transform:none !important;
  box-shadow:0 10px 26px -14px rgba(43,40,35,.6), inset 0 0 0 1px rgba(189,156,93,.4) !important;
  font-family:var(--serif) !important;
}
.title-block h1{
  font-family:var(--serif) !important;font-weight:600 !important;letter-spacing:.04em !important;
  background:linear-gradient(176deg,#2b2823 10%,#5a5142 94%);-webkit-background-clip:text;background-clip:text;color:transparent !important;
}
.title-block .sub{font-family:var(--serif) !important;font-style:italic !important;color:var(--gold-deep) !important;letter-spacing:.04em !important;}
.meta-strip{font-family:'JetBrains Mono',var(--sans) !important;color:var(--gold-deep) !important;}

/* ---------- 4. 排盤表單 form-card ---------- */
.form-card{
  background:rgba(255,255,255,.66) !important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid var(--line-gold) !important;border-radius:22px !important;
  box-shadow:var(--shadow-panel) !important;padding:30px 30px 28px !important;
}
.form-card::before{
  background:linear-gradient(155deg,#332f28,#1f1c18) !important;color:#e9d9ae !important;
  border-radius:999px !important;letter-spacing:.3em !important;font-weight:700;top:-13px !important;
  font-family:var(--sans) !important;box-shadow:0 4px 12px -6px rgba(43,40,35,.5), inset 0 0 0 1px rgba(189,156,93,.45);
}
.field label{font-family:var(--sans) !important;font-weight:700 !important;color:var(--gold-deep) !important;letter-spacing:.16em !important;}
.field input,.field select{
  font-family:var(--sans) !important;font-size:15px !important;color:var(--ink) !important;
  background:var(--cream) !important;border:1px solid var(--line-gold) !important;border-bottom-width:1px !important;
  border-radius:12px !important;padding:11px 13px !important;transition:.16s;
}
.field input:focus,.field select:focus{border-color:var(--gold) !important;box-shadow:0 0 0 3px rgba(169,138,82,.16) !important;}
.field-hint{color:var(--ink-soft) !important;font-style:normal !important;}

button.cast{
  background:linear-gradient(155deg,#332f28,#211e19) !important;color:var(--cream) !important;
  border-radius:999px !important;letter-spacing:.3em !important;font-family:var(--sans) !important;font-weight:600 !important;
  padding:14px 34px !important;box-shadow:var(--shadow-card) !important;transition:.18s !important;
}
button.cast:hover{transform:translateY(-2px) !important;background:#3a352c !important;box-shadow:0 14px 30px -14px rgba(43,40,35,.5) !important;}
/* 「複製全部 AI 提示詞」變體:翠綠膠囊、正常字距(蓋回上方 .3em 設定) */
button.cast.cast-copy{
  background:linear-gradient(155deg,#3f7a52,#2f5e40) !important;color:#f3efe2 !important;
  letter-spacing:.05em !important;font-size:13.5px !important;font-weight:600 !important;
  padding:12px 22px !important;line-height:1.5 !important;white-space:normal !important;
  border-radius:999px !important;box-shadow:0 8px 22px -12px rgba(47,94,64,.55) !important;
}
button.cast.cast-copy:hover{background:linear-gradient(155deg,#467f58,#356847) !important;transform:translateY(-2px) !important;}

/* 通用按鈕(複製給 AI / 匯出 等) → 膠囊 */
.actions button,
button#copy-bazi-ai,button#copy-both,button#copy-both-2,button#copy-ziwei,
button#copy-western-ai,button#copy-vedic-ai,button#copy-mbti-ai,button#copy-all-three,button#copy-all-four,
.copy-btn,.ask-ai-btn{
  border-radius:999px !important;border:1px solid var(--line-gold) !important;
  font-family:var(--sans) !important;font-weight:600 !important;letter-spacing:.04em;transition:.16s;
}
.actions button:hover{border-color:var(--gold) !important;}
/* 「複製四系統/雙系統」重複鈕：起盤處已有「複製全部」，依需求隱藏 */
#copy-all-three{display:none !important;}
#copy-both{display:none !important;}
#copy-both-2{display:none !important;}

/* ---------- 5. 分頁列 tab-bar → 單行膠囊 + sticky(去除原版底線/負邊距的「格線」感) ---------- */
.tab-bar{
  position:sticky;top:0;z-index:30;gap:8px !important;border:none !important;border-bottom:none !important;
  background:linear-gradient(var(--bg) 78%,rgba(245,242,233,0)) !important;
  padding:14px 4px 12px !important;margin-bottom:10px !important;
  flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
}
.tab-bar::-webkit-scrollbar{display:none;}
.tab-btn{
  flex:none;border:1px solid var(--line-gold) !important;background:rgba(255,255,255,.5) !important;color:var(--ink) !important;
  border-radius:999px !important;padding:9px 17px !important;margin:0 !important;
  font-family:var(--sans) !important;font-weight:600 !important;
  font-size:14px !important;letter-spacing:.04em !important;transition:.18s !important;
}
.tab-btn:hover{border-color:var(--gold) !important;background:rgba(255,255,255,.75) !important;color:var(--ink) !important;}
.tab-btn.active{background:var(--core) !important;color:var(--cream) !important;border-color:var(--core) !important;font-weight:700 !important;}

/* 分頁進場動效(both:結束後停在終格,避免蓋掉原樣式的 forwards 後回彈到 opacity:0) */
.tab-pane.active{animation:tsFadeUp .42s cubic-bezier(.2,.7,.2,1) both;}
@keyframes tsFadeUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

/* ---------- 6. 命主資訊列 profile ---------- */
.profile{
  background:linear-gradient(150deg,rgba(255,255,255,.72),var(--card-2)) !important;border-radius:18px !important;outline:none !important;
  border:1px solid var(--line-gold) !important;box-shadow:var(--shadow-card) !important;
  padding:18px 26px !important;
}
.profile-label{font-family:var(--sans) !important;font-weight:700 !important;font-size:10px !important;color:var(--gold) !important;letter-spacing:.22em !important;text-transform:uppercase;}
.profile-value{font-family:var(--serif) !important;font-weight:600 !important;color:var(--ink) !important;}
/* 命主資訊列語意配色(theme-init 後處理) */
.profile-value .ts-wx-wood{color:#2f6e44;} .profile-value .ts-wx-fire{color:#b5482e;}
.profile-value .ts-wx-earth{color:#8b6b47;} .profile-value .ts-wx-metal{color:#a07818;} .profile-value .ts-wx-water{color:#2c5a8c;}
.profile-value.ts-val-master{color:var(--red-deep) !important;letter-spacing:.06em;}
.profile-value.ts-val-f{color:#a8543b !important;} .profile-value.ts-val-m{color:#2c4a6b !important;}
.profile-value.ts-val-date{font-family:'JetBrains Mono',var(--sans) !important;font-size:.92em !important;color:#5d5546 !important;font-weight:500 !important;}
.profile-value.ts-val-sign{color:var(--gold-deep) !important;}

/* ---------- 7. 紫微十二宮盤 ---------- */
.grid{background:var(--core) !important;border-radius:18px !important;padding:7px !important;box-shadow:var(--shadow-panel) !important;gap:6px !important;}
.palace{background:var(--cream) !important;border-radius:12px !important;transition:.18s;}
.palace:hover{background:#f4ecd9 !important;transform:translateY(-1px);}
.palace.center{background:linear-gradient(157deg,#fbf6ea,#f1e6cc) !important;color:var(--ink) !important;outline:none !important;border-radius:14px !important;box-shadow:inset 0 0 0 1.5px var(--gold) !important;}
.palace.center .center-title{color:var(--gold-deep) !important;}
.palace.center .label{color:var(--gold-deep) !important;}
.palace.center .val{color:var(--ink) !important;}
.palace.life-palace{background:var(--card-2) !important;outline:none !important;box-shadow:inset 0 0 0 1.5px var(--gold) !important;}
.palace.body-palace::after{background:var(--gold-deep) !important;}
.palace-name{color:var(--red-deep) !important;font-family:var(--serif) !important;}
.palace-stem{font-family:'JetBrains Mono',var(--sans) !important;color:var(--gold-deep) !important;}
.star.major{color:var(--ink) !important;} .star.lucky{color:var(--jade) !important;} .star.unlucky{color:var(--red) !important;} .star.minor{color:var(--gold-deep) !important;}
.mutagen.lu{background:var(--jade) !important;} .mutagen.quan{background:#c08038 !important;} .mutagen.ke{background:var(--gold) !important;} .mutagen.ji{background:var(--red) !important;}
.palace-score .score-fill,.score-fill{background:linear-gradient(90deg,var(--gold-soft),var(--gold-deep)) !important;}

/* ---------- 8. 八字四柱(bp-* / bazi-pillars) ---------- */
.bazi-section,.strength-card,.wuxing-card,.tiaohou-card,.classic-card,.classics-section,
.relations-card,.energy-curve-card,.luck-table-wrap,.disclaimer-card,.insight,
.ss-multi-section,.cc-note,.meta-card,.daily-domains,.daily-hours{
  border-radius:var(--radius-md) !important;border:1px solid var(--line) !important;background:var(--card) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.03) !important;
}
.bazi-pillars{gap:7px !important;}
.bp-cell,.bp-stem-cell,.bp-branch-cell,.bp-hidden-cell,.bp-row,.luck-pillar{border-color:var(--line) !important;}
.bp-big-char{font-family:var(--serif) !important;font-weight:700 !important;color:var(--ink) !important;}
.bp-head,.bp-label,.bp-day-col .bp-head{font-family:var(--sans) !important;}
.bp-day-col{background:rgba(169,138,82,.10) !important;}
.bp-day-col .bp-big-char{color:var(--gold-deep) !important;}
.bp-ss,.lp-ss-tag{border:1px solid var(--line-gold) !important;border-radius:6px !important;color:var(--gold-deep) !important;background:var(--cream) !important;}
.wx-color-wood{color:#2e7c3c !important;} .wx-color-fire{color:#c23a1f !important;} .wx-color-earth{color:#b0731a !important;} .wx-color-metal{color:#c08f10 !important;} .wx-color-water{color:#1f5fb5 !important;}
/* 調候色塊 .th-stem：保持原設計「色底白字」，並加強金底對比 */
.th-stem{color:#fff !important;border-radius:12px !important;border:1.5px solid rgba(43,40,35,.55) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 3px 10px -4px rgba(43,40,35,.4);}
.th-stem small{color:rgba(255,255,255,.92) !important;}
.th-stem.metal{background:#a87f1c !important;}
.th-stem.earth{background:#84582c !important;}
/* 非色塊情境的五行字色(避開 .th-stem) */
:not(.th-stem).wood{color:#3f7a52;} :not(.th-stem).fire{color:#b5482e;} :not(.th-stem).earth{color:#8b6b47;} :not(.th-stem).metal{color:#b8862f;} :not(.th-stem).water{color:#2c4a6b;}
.wx-fill{border-radius:6px !important;}
.luck-table th{background:var(--core) !important;color:var(--cream) !important;}

/* ---------- 9. 每日運勢卡 ---------- */
.daily-card{border:1px solid var(--line-gold) !important;border-radius:18px !important;box-shadow:var(--shadow-card) !important;overflow:hidden;background:var(--card) !important;}
/* 頭帶：柔和羊皮紙金帶(降低原炭黑高對比) */
.daily-header{background:linear-gradient(160deg,#f6efdd,#ecdfc2) !important;border-bottom:1px solid var(--line-gold) !important;}
.daily-title{font-family:var(--serif) !important;color:var(--ink) !important;letter-spacing:.3em !important;font-weight:700 !important;}
.daily-date{font-family:'JetBrains Mono',var(--sans) !important;color:var(--gold-deep) !important;}
.daily-header *{text-shadow:none !important;}
.dp-tab{color:#6d6253 !important;}
.dn-btn{border-radius:999px !important;border:1px solid var(--gold-deep) !important;background:rgba(255,255,255,.6) !important;color:var(--ink) !important;font-weight:600 !important;}
.dn-btn:hover{background:var(--core) !important;color:var(--cream) !important;border-color:var(--core) !important;}
.dp-tab.active{color:var(--red-deep) !important;border-bottom-color:var(--gold-deep) !important;}
.domain-card,.hour-row,.daily-item,.daily-summary{border-radius:12px !important;}
/* 分領域運勢：統一間距與語彙 */
.daily-domains{padding:0 !important;margin-top:6px !important;border:none !important;background:none !important;box-shadow:none !important;}
.domain-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px !important;margin-top:4px;}
.domain-card{background:var(--card) !important;border:1px solid var(--line) !important;padding:13px 15px !important;
  margin:0 !important;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:.16s;}
.domain-card:hover{border-color:var(--line-gold) !important;transform:translateY(-1px);}
.domain-card.good{border-top:3px solid var(--jade) !important;}
.domain-card.bad{border-top:3px solid var(--red) !important;}
.domain-card.neutral{border-top:3px solid var(--gold-soft) !important;}
.domain-head{display:flex !important;align-items:center;gap:8px;margin-bottom:6px;}
.domain-name{font-family:var(--serif) !important;font-weight:700 !important;font-size:15px !important;color:var(--ink) !important;letter-spacing:.06em;}
.domain-rating{margin-left:auto;border-radius:999px !important;padding:2px 11px !important;font-size:11px !important;font-weight:700 !important;border:none !important;}
.domain-rating.good{background:rgba(63,122,82,.14) !important;color:#2f5e40 !important;}
.domain-rating.bad{background:rgba(168,84,59,.14) !important;color:#8a3f2c !important;}
.domain-rating.neutral{background:rgba(169,138,82,.14) !important;color:var(--gold-deep) !important;}
.domain-advice{color:var(--ink) !important;font-size:13px !important;line-height:1.72 !important;}
.dn-btn{border-radius:999px !important;border-color:var(--gold-soft) !important;}
/* 每日運勢分頁鈕(運勢總覽/細節/十二時辰)：提高對比 */
.dp-tab{color:#6d6253 !important;font-family:var(--sans) !important;font-weight:600 !important;font-size:13.5px !important;opacity:1 !important;}
.dp-tab:hover{color:var(--ink) !important;}
.dp-tab.active{color:var(--red-deep) !important;border-bottom-color:var(--gold-deep) !important;font-weight:700 !important;}
/* 「分領域運勢」類區塊標籤 → 金色小標 + 引線 */
.daily-block-label{
  font-family:var(--sans) !important;font-size:11.5px !important;font-weight:700 !important;
  letter-spacing:.24em !important;text-transform:uppercase;color:var(--gold-deep) !important;
  display:flex !important;align-items:center;gap:12px;margin:18px 0 12px !important;
  background:none !important;border:none !important;padding:0 !important;
}
.daily-block-label::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--line-gold),transparent);}

/* ---------- 10. 格局卡 / 共振 / 飛星 ---------- */
.meta-card,.pattern-item,.fly-highlight,.fly-palace-card,.reso-year,.fly-chain,.limit-fly-reading{
  border-radius:var(--radius-md) !important;
}
.meta-card-title{
  font-family:var(--serif) !important;font-size:19px !important;font-weight:700 !important;
  color:var(--ink) !important;letter-spacing:.14em !important;
  display:flex;align-items:center;gap:12px;margin-bottom:10px;
}
.meta-card-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--line-gold),transparent);}
.pattern-item-head .pattern-tag,.pattern-item-head .pattern-tag{font-family:var(--serif) !important;}
.callout{border-radius:0 12px 12px 0 !important;background:var(--card-2) !important;font-family:var(--serif) !important;border-left:2px solid var(--gold) !important;}

/* ---------- 11. 西洋 / 吠陀(若含星盤輪) ---------- */
.wheel .spokes{animation:tsSlowSpin 70s linear infinite;}
@keyframes tsSlowSpin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce){ .wheel .spokes{animation:none;} .tab-pane.active{animation:none;} }

/* ---------- 12. 名詞解釋 tooltip / modal ----------
   原設計為「深底淺字」，內文多處用淡色；改成奶油底會讓部分文字隱形。
   故保持深底，只精緻化外觀；並限制高度、保證可捲動、不被視窗截斷。 */
#tooltip,.tooltip{border-radius:14px !important;border:1px solid var(--gold) !important;box-shadow:var(--shadow-panel) !important;
  background:linear-gradient(165deg,#2e2a23,#211e19) !important;color:#efe7d6 !important;
  max-height:min(70vh,calc(100vh - 28px)) !important;overflow-y:auto !important;overscroll-behavior:contain;}
#tooltip .tip-name{color:var(--gold-soft) !important;}
.modal-card,#modal > div,.cl-modal,.changelog-modal{border-radius:20px !important;}

/* ---------- 13. 標題類字體統一為襯線 ---------- */
h2,h3,.taiyi-title,.geju-name,.center-title,.h-ser{font-family:var(--serif) !important;}

/* ---------- 14. 四柱表：大理石浮雕 ---------- */
.bazi-pillars{
  position:relative;
  background:
    linear-gradient(125deg, transparent 42%, rgba(150,145,134,.22) 48%, transparent 54%),
    linear-gradient(58deg, transparent 62%, rgba(150,145,134,.14) 67%, transparent 72%),
    radial-gradient(circle at 32% 18%, rgba(255,255,255,.95), transparent 46%),
    radial-gradient(circle at 78% 86%, rgba(197,192,180,.5), transparent 52%),
    linear-gradient(160deg,#f8f5ee,#e9e3d3) !important;
  border:1px solid rgba(169,138,82,.48) !important;
  border-radius:22px !important;
  box-shadow:0 24px 52px -22px rgba(43,40,35,.45), inset 0 1px 0 rgba(255,255,255,.9), inset 0 -12px 28px rgba(120,114,102,.14), 0 0 0 5px rgba(255,255,255,.35), 0 0 0 6px rgba(169,138,82,.25) !important;
  padding:14px !important;overflow:hidden;
}
.bazi-pillars > *{position:relative;z-index:1;}
.bazi-pillars .bp-cell,.bazi-pillars .bp-row,.bazi-pillars .bp-stem-cell,.bazi-pillars .bp-branch-cell,.bazi-pillars .bp-hidden-cell{
  background:transparent !important;border-color:rgba(169,138,82,.26) !important;
}
.bazi-pillars .bp-label,.bazi-pillars .bp-head{
  background:transparent !important;font-family:var(--sans) !important;font-weight:700 !important;
  color:#7d7363 !important;letter-spacing:.18em !important;
  text-shadow:0 1px 0 rgba(255,255,255,.85);border-color:rgba(169,138,82,.26) !important;
}
/* 干支大字：雕刻浮凸效果 */
.bazi-pillars .bp-big-char{
  color:#4d463a !important;
  text-shadow:0 1.5px 1px rgba(255,255,255,.92), 0 -1px 1px rgba(90,80,60,.4), 0 3px 6px rgba(120,110,90,.25) !important;
}
/* 日柱：描金留白(方案 C) — 連成一條的淺色金框柱，整面唯一重點(代表本人)。
   用對稱負 margin 吃掉 7px 格距、連成一條；格與格用金色虛線分隔；頭尾收金框圓角。 */
.bazi-pillars .bp-day-col{
  background:#fdfaf2 !important;
  border-radius:0 !important;
  border-top:none !important;
  border-left:1px solid rgba(168,132,44,.34) !important;
  border-right:1px solid rgba(168,132,44,.34) !important;
  border-bottom:1px dashed rgba(168,132,44,.22) !important;
  box-shadow:none !important;
  margin-top:-3.5px !important;margin-bottom:-3.5px !important;
}
/* 頂格(日柱標頭)：補頂金線＋上圓角，且不向上溢出 */
.bazi-pillars .bp-day-col.bp-head{
  border-top:1px solid rgba(168,132,44,.34) !important;
  border-top-left-radius:13px !important;border-top-right-radius:13px !important;
  margin-top:0 !important;
}
/* 末格(神煞)：底金線改實線＋下圓角＋柔和外陰影，且不向下溢出 */
.bazi-pillars .bp-day-col.bp-shensha-row{
  border-bottom:1px solid rgba(168,132,44,.34) !important;
  border-bottom-left-radius:13px !important;border-bottom-right-radius:13px !important;
  margin-bottom:0 !important;
  box-shadow:0 12px 24px -18px rgba(120,95,30,.32) !important;
}
/* 文字：描金深色 */
.bazi-pillars .bp-day-col,
.bazi-pillars .bp-day-col *{color:#6f5a2a !important;-webkit-text-fill-color:#6f5a2a !important;text-shadow:none !important;opacity:1 !important;}
.bazi-pillars .bp-day-col.bp-head,
.bazi-pillars .bp-day-col .bp-head{color:#8a6c1f !important;-webkit-text-fill-color:#8a6c1f !important;letter-spacing:.18em !important;}
.bazi-pillars .bp-day-col.bp-ten-god-row{color:#9a5a22 !important;-webkit-text-fill-color:#9a5a22 !important;font-weight:700 !important;}
.bazi-pillars .bp-day-col .bp-big-char{color:#6f5520 !important;-webkit-text-fill-color:#6f5520 !important;text-shadow:0 1px 0 rgba(255,255,255,.6) !important;}
/* 地勢(臨官)/納音(石榴木) 直接文字，保險再指定一次 */
.bazi-pillars .bp-day-col.bp-dishi-row,
.bazi-pillars .bp-day-col.bp-nayin-row{color:#6f5a2a !important;-webkit-text-fill-color:#6f5a2a !important;}
/* 神煞小膠囊：白底金框金字 */
.bazi-pillars .bp-ss{background:rgba(255,255,255,.65) !important;border:1px solid var(--line-gold) !important;color:var(--gold-deep) !important;}
.bazi-pillars .bp-day-col .bp-ss{background:#fff !important;border:1px solid rgba(168,132,44,.4) !important;color:#8a6c1f !important;}
/* 天干地支大字：依五行上色（Tank 要求）。放在日柱規則之後，四柱(含日柱)都吃到。*/
.bazi-pillars .bp-big-char.wx-color-wood{color:#2e7c3c !important;-webkit-text-fill-color:#2e7c3c !important;}
.bazi-pillars .bp-big-char.wx-color-fire{color:#c23a1f !important;-webkit-text-fill-color:#c23a1f !important;}
.bazi-pillars .bp-big-char.wx-color-earth{color:#b0731a !important;-webkit-text-fill-color:#b0731a !important;}
.bazi-pillars .bp-big-char.wx-color-metal{color:#c08f10 !important;-webkit-text-fill-color:#c08f10 !important;}
.bazi-pillars .bp-big-char.wx-color-water{color:#1f5fb5 !important;-webkit-text-fill-color:#1f5fb5 !important;}
/* 日柱藏干也要依五行上色(否則被上面 .bp-day-col * 的描金統一色蓋成土色，和其他柱不一致)。
   注意：藏干文字在 .hs-line 內層的 <span> 裡，必須連內層 span 一起上色才有效。 */
.bazi-pillars .bp-day-col .hs-line.wx-color-wood,
.bazi-pillars .bp-day-col .hs-line.wx-color-wood *{color:#2e7c3c !important;-webkit-text-fill-color:#2e7c3c !important;}
.bazi-pillars .bp-day-col .hs-line.wx-color-fire,
.bazi-pillars .bp-day-col .hs-line.wx-color-fire *{color:#c23a1f !important;-webkit-text-fill-color:#c23a1f !important;}
.bazi-pillars .bp-day-col .hs-line.wx-color-earth,
.bazi-pillars .bp-day-col .hs-line.wx-color-earth *{color:#b0731a !important;-webkit-text-fill-color:#b0731a !important;}
.bazi-pillars .bp-day-col .hs-line.wx-color-metal,
.bazi-pillars .bp-day-col .hs-line.wx-color-metal *{color:#c08f10 !important;-webkit-text-fill-color:#c08f10 !important;}
.bazi-pillars .bp-day-col .hs-line.wx-color-water,
.bazi-pillars .bp-day-col .hs-line.wx-color-water *{color:#1f5fb5 !important;-webkit-text-fill-color:#1f5fb5 !important;}
/* 手機版：四柱表外框內距縮小，給欄位更多空間(避免右側被裁切) */
@media (max-width: 600px){
  .bazi-pillars{ padding:9px !important; }
}

/* 降低「邊框感」：拿掉非日柱各格的格線(右/下框)，改用極淡柔色塊，不再像表格方塊。
   日柱(描金框)不受影響(用 :not(.bp-day-col) 排除)。 */
.bazi-pillars .bp-cell:not(.bp-day-col),
.bazi-pillars .bp-stem-cell:not(.bp-day-col),
.bazi-pillars .bp-branch-cell:not(.bp-day-col),
.bazi-pillars .bp-hidden-cell:not(.bp-day-col){
  border:none !important;background:rgba(255,253,247,.5) !important;border-radius:9px !important;
}
.bazi-pillars .bp-label{border:none !important;background:transparent !important;}

/* 手機版四柱：縮字級與間距，避免超出右邊界(時柱被裁切)。
   原本的手機 CSS 用到舊的 class 名(.bp-stem-char…)，沒縮到現在的 .bp-big-char(44px)，
   導致欄位太寬被 overflow:hidden 切掉。這裡用正確 class 名重縮。gap 維持 7px(配合日柱負邊距)。 */
@media (max-width: 600px){
  .bazi-pillars{padding:10px !important;grid-template-columns:40px repeat(4,1fr) !important;}
  .bazi-pillars .bp-label{font-size:10px !important;letter-spacing:0 !important;padding:6px 1px !important;}
  .bazi-pillars .bp-cell{padding:7px 3px !important;}
  .bazi-pillars .bp-big-char{font-size:30px !important;}
  .bazi-pillars .bp-hidden-cell{font-size:10.5px !important;padding:7px 2px !important;line-height:1.45 !important;}
  .bazi-pillars .bp-hidden-cell .hs-line{white-space:normal !important;}
  .bazi-pillars .bp-dishi-row,.bazi-pillars .bp-nayin-row{font-size:12.5px !important;}
  .bazi-pillars .bp-ten-god-row{font-size:13px !important;}
  .bazi-pillars .bp-head{font-size:12px !important;letter-spacing:.06em !important;}
  .bazi-pillars .bp-shensha-row .bp-ss{font-size:9.5px !important;padding:1px 4px !important;}
  .bazi-pillars .bp-day-col{border-left-width:1px !important;border-right-width:1px !important;}
}

/* ---------- 15. 一生運勢能量曲線：精品圖卡 ---------- */
.energy-curve-card{
  background:linear-gradient(165deg,#fffdf6,#f3ecd9) !important;
  border:1px solid var(--line-gold) !important;border-radius:20px !important;
  box-shadow:var(--shadow-card) !important;padding:24px 26px !important;
}
.energy-curve-card h3{
  font-family:var(--serif) !important;font-size:21px !important;font-weight:700 !important;
  letter-spacing:.12em !important;color:var(--ink) !important;
  display:flex;align-items:center;gap:12px;
}
.energy-curve-card h3::before{content:'✿';font-size:14px;color:var(--gold);}
.energy-curve-card h3::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--line-gold),transparent);}
.energy-curve-card .ec-intro{color:var(--ink-soft) !important;font-size:13px !important;line-height:1.75 !important;max-width:72ch;}
.energy-curve-card .ec-note{color:var(--ink-soft) !important;font-size:12px !important;font-style:italic;}
.ec-svg{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.9), transparent 55%),
    linear-gradient(180deg,#fcfaf2,#f5efdf) !important;
  border:1px solid rgba(169,138,82,.34) !important;border-radius:14px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -8px 18px rgba(133,125,110,.08), 0 6px 18px -10px rgba(43,40,35,.25) !important;
  margin:10px 0 8px;
}
.ec-svg path[fill="none"]{stroke:#2b2823 !important;filter:drop-shadow(0 2.5px 1.5px rgba(169,138,82,.4));}

/* ---------- 16. 七大主題圖章 + 十神配置對比(搭配 theme-init 後處理) ---------- */
.bazi-section .insight,.synthesis-section .insight{
  background:var(--card) !important;border:1px solid var(--line) !important;border-radius:14px !important;
  padding:13px 16px !important;margin:9px 0 !important;color:var(--ink) !important;
  font-size:13.5px !important;line-height:1.78 !important;box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.insight strong{color:var(--red-deep) !important;font-weight:700 !important;margin-right:4px;}
.ts-tengods .insight{border-left:3px solid var(--gold) !important;}
.ts-tengods .insight strong{font-family:var(--serif) !important;color:#8a3f2c !important;letter-spacing:.04em;}
.insight.ts-theme{display:flex !important;gap:15px;align-items:flex-start;}
.insight.ts-theme .ts-ico{
  flex:none;width:46px;height:46px;border-radius:50%;margin-top:2px;
  border:1px solid var(--gold);padding:4px;
  background:radial-gradient(circle at 36% 28%, #ffffff 0 16%, #f0eee8 44%, #d9d5cb 82%, #c5c0b4 100%);
  box-shadow:inset 0 -5px 9px rgba(120,114,102,.35), inset 0 4px 7px rgba(255,255,255,.8), 0 4px 12px -6px rgba(43,40,35,.35);
  display:flex;align-items:center;justify-content:center;
}
.insight.ts-theme .ts-ico svg{width:26px;height:26px;stroke:#6b4f2a;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(255,255,255,.8));}
.insight.ts-theme strong{font-family:var(--serif) !important;font-size:15.5px !important;color:var(--ink) !important;display:block;margin-bottom:3px;letter-spacing:.08em;}

/* tooltip 內部質感 */
#tooltip{padding:16px 18px !important;}
#tooltip .tip-name{font-family:var(--serif) !important;font-size:19px !important;letter-spacing:.14em !important;}
#tooltip .tip-meta{color:#c2a36a !important;}
#tooltip::-webkit-scrollbar{width:7px;}
#tooltip::-webkit-scrollbar-thumb{background:rgba(189,156,93,.45);border-radius:6px;}
#tooltip::-webkit-scrollbar-track{background:rgba(255,255,255,.06);}

/* ---------- 16b. 運限飛星 / 運限時光機 ---------- */
.fly-highlight{
  background:linear-gradient(165deg,#fffdf6,#f4eddc) !important;
  border:1px solid var(--line-gold) !important;border-radius:20px !important;
  box-shadow:var(--shadow-card) !important;padding:22px 24px !important;margin:16px 0 !important;
}
.fly-highlight h4{
  font-family:var(--serif) !important;font-size:18.5px !important;font-weight:700 !important;
  letter-spacing:.06em !important;color:var(--ink) !important;
  display:flex;align-items:center;gap:12px;margin-bottom:8px !important;
}
.fly-highlight h4::before{content:'✦';font-size:13px;color:var(--gold);}
.fly-highlight h4::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--line-gold),transparent);}
.fly-highlight .fly-hl-intro{color:var(--ink-soft) !important;font-size:13px !important;line-height:1.75 !important;}
/* 時光機:消除斷層感 — 列卡片化、層級內縮、行高一致 */
.ex-mode-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin:10px 0 12px;}
.ex-mode-hint{color:var(--ink-soft);font-size:12px;}
.ex-decade{border:1px solid var(--line) !important;border-radius:14px !important;background:var(--card) !important;
  margin:8px 0 !important;overflow:hidden;transition:.16s;}
.ex-decade.open{border-color:var(--line-gold) !important;box-shadow:var(--shadow-card);}
.ex-row{display:flex !important;align-items:center;gap:12px;padding:12px 16px !important;cursor:pointer;
  border-bottom:none !important;transition:.14s;}
.ex-row:hover{background:rgba(169,138,82,.07);}
.ex-d-row{min-height:50px;}
.ex-bignum{font-family:var(--serif) !important;font-weight:700 !important;font-size:17px !important;color:var(--ink) !important;letter-spacing:.04em;}
.ex-ynum{font-family:var(--serif) !important;font-weight:700 !important;font-size:15px !important;color:var(--gold-deep) !important;}
.ex-sub{color:var(--ink-soft) !important;font-size:12.5px !important;white-space:nowrap !important;}
.ex-caret{color:var(--gold) !important;font-size:12px;flex:none;}
.ex-years{padding:4px 12px 12px !important;background:rgba(243,236,219,.5);}
.ex-year{border:1px solid var(--line) !important;border-radius:12px !important;background:var(--cream) !important;margin:6px 0 !important;overflow:hidden;}
.ex-year.open{border-color:var(--line-gold) !important;}
.ex-plain{color:var(--ink-soft);font-size:12px;}
.ex-reading{border-radius:10px !important;padding:9px 13px !important;margin:6px 0 !important;
  background:rgba(255,255,255,.7) !important;border:1px solid var(--line) !important;font-size:13px !important;line-height:1.7 !important;color:var(--ink) !important;}
.ex-reading.good{border-left:3px solid var(--jade) !important;}
.ex-reading.bad{border-left:3px solid var(--red) !important;}
.lr-badge{border-radius:6px !important;font-weight:700;}
/* 運限飛星內層：融入整體語彙 */
.limit-fly-block{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:16px !important;
  padding:16px 18px !important;margin:12px 0 !important;box-shadow:0 1px 2px rgba(0,0,0,.03);}
.limit-fly-head{display:flex;align-items:baseline;gap:12px;margin-bottom:2px;}
.lf-tag{border-radius:999px !important;padding:4px 13px !important;font-family:var(--sans) !important;font-weight:700 !important;
  font-size:11px !important;letter-spacing:.18em !important;}
.lf-tag.decadal{background:var(--core) !important;color:var(--gold-soft) !important;border:none !important;}
.lf-tag.yearly{background:var(--red-deep) !important;color:#f6ead9 !important;border:none !important;}
.lf-bignum{font-family:var(--serif) !important;font-weight:700 !important;font-size:24px !important;color:var(--ink) !important;letter-spacing:.04em;}
.lf-sub{color:var(--ink-soft) !important;font-size:12.5px !important;margin-bottom:8px;}
.limit-fly-reading{background:rgba(251,250,243,.9) !important;border:1px solid var(--line) !important;border-radius:12px !important;
  padding:10px 14px !important;margin:7px 0 !important;font-size:13px !important;line-height:1.75 !important;color:var(--ink) !important;}
.limit-fly-reading.good{border-left:3px solid var(--jade) !important;}
.limit-fly-reading.bad{border-left:3px solid var(--red) !important;}
.lr-badge.lu{background:var(--jade) !important;} .lr-badge.quan{background:#c08038 !important;}
.lr-badge.ke{background:var(--gold) !important;} .lr-badge.ji{background:var(--red) !important;}
/* 時光機展開層：消除斷層 — 內容區連貫包覆 */
.ex-year.open{box-shadow:var(--shadow-card);}
.ex-year-readings{padding:4px 14px 10px !important;background:rgba(243,236,219,.55);border-top:1px dashed var(--line-gold);}
.ex-months{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px;
  padding:12px 14px 14px !important;background:rgba(243,236,219,.55);}
.ex-month{border:1px solid var(--line) !important;border-radius:10px !important;background:var(--card) !important;overflow:hidden;}
.ex-month.open{grid-column:1/-1;border-color:var(--line-gold) !important;}
.ex-m-row{padding:8px 12px !important;}
.ex-mnum{font-family:var(--serif) !important;font-weight:700 !important;color:var(--gold-deep) !important;}
.ex-days{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:5px;padding:10px 12px;
  background:rgba(243,236,219,.45);border-top:1px dashed var(--line-gold);}
.ex-day{border:1px solid var(--line) !important;border-radius:8px !important;background:var(--cream) !important;
  display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px !important;}
.ex-day .ex-dnum{font-family:var(--serif);font-weight:700;font-size:13px;color:var(--ink);}
.ex-day .ex-dgz{font-size:10.5px;color:var(--ink-soft);}

/* 古典命書三卡：更突出的版式 + 專屬圖章 */
.classic-card{background:linear-gradient(165deg,#fffdf6,#f6f0e0) !important;border:1px solid var(--line-gold) !important;
  border-radius:18px !important;padding:18px 20px !important;margin:14px 0 !important;box-shadow:var(--shadow-card) !important;}
.classic-card-head{display:flex;align-items:center;gap:13px;margin-bottom:10px;}
.cc-icon.ts-cc-ico{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);padding:4px;
  background:radial-gradient(circle at 36% 28%, #ffffff 0 16%, #f0eee8 44%, #d9d5cb 82%, #c5c0b4 100%);
  box-shadow:inset 0 -5px 9px rgba(120,114,102,.35), inset 0 4px 7px rgba(255,255,255,.8), 0 4px 12px -6px rgba(43,40,35,.35);
  display:flex;align-items:center;justify-content:center;font-size:0 !important;}
.cc-icon.ts-cc-ico svg{width:26px;height:26px;stroke:#6b4f2a;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(255,255,255,.8));}
.cc-title{font-family:var(--serif) !important;font-size:18px !important;font-weight:700 !important;color:var(--ink) !important;letter-spacing:.08em !important;}
.cc-meta{margin-left:auto;background:var(--core) !important;color:var(--gold-soft) !important;border:none !important;
  border-radius:999px !important;padding:5px 14px !important;font-family:var(--sans) !important;font-weight:600 !important;font-size:12px !important;letter-spacing:.08em;}
.cc-verse{font-family:var(--serif) !important;font-size:15.5px !important;line-height:1.9 !important;color:var(--ink) !important;
  background:rgba(255,255,255,.7) !important;border-left:3px solid var(--gold) !important;border-radius:0 12px 12px 0 !important;
  padding:13px 18px !important;margin:10px 0 !important;position:relative;}
.cc-breakdown{font-family:'JetBrains Mono',var(--sans) !important;font-size:12px !important;color:var(--gold-deep) !important;letter-spacing:.04em;}
.cc-note{color:var(--ink-soft) !important;font-size:11.5px !important;font-style:italic;border:none !important;background:none !important;}

/* ---------- 16c. 多系統綜合解讀：整體重塑 ---------- */
.synthesis-section{
  background:linear-gradient(165deg,#fffdf6,#f4eddc) !important;
  border:1px solid var(--line-gold) !important;border-radius:20px !important;
  box-shadow:var(--shadow-card) !important;padding:24px 26px !important;margin:18px 0 !important;
}
.synthesis-section h2{
  font-family:var(--serif) !important;font-size:21px !important;font-weight:700 !important;
  letter-spacing:.1em !important;color:var(--ink) !important;border:none !important;
  display:flex;align-items:center;gap:12px;margin:0 0 6px !important;padding:0 !important;
}
.synthesis-section h2::before{content:'✦';font-size:14px;color:var(--gold);}
.synthesis-section h2::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--line-gold),transparent);}
.synthesis-section > .sub{color:var(--ink-soft) !important;font-size:13px !important;line-height:1.75 !important;margin-bottom:14px !important;}
.synthesis-section h3{font-family:var(--serif) !important;color:var(--ink) !important;letter-spacing:.06em !important;}
.synthesis-section .geju-box{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:16px !important;padding:16px 18px !important;}
.synthesis-section .geju-box.special{border-color:var(--gold) !important;box-shadow:inset 0 0 0 1px rgba(169,138,82,.25);}
.rescue-section{border-left:none !important;}
.synthesis-section .theme-block{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:14px !important;
  padding:13px 16px !important;margin:9px 0 !important;box-shadow:0 1px 2px rgba(0,0,0,.03);}
.synthesis-section .theme-block.primary{border-left:3px solid var(--gold) !important;}
.synthesis-section .theme-name{font-family:var(--serif) !important;font-weight:700 !important;font-size:15px !important;color:var(--ink) !important;letter-spacing:.04em;margin-bottom:4px;}
.synthesis-section .theme-tag{background:var(--core) !important;color:var(--gold-soft) !important;border-radius:999px !important;
  padding:2px 10px !important;font-size:10.5px !important;font-family:var(--sans) !important;letter-spacing:.12em;border:none !important;}
.synthesis-section .theme-text{color:var(--ink) !important;font-size:13.5px !important;line-height:1.78 !important;}
.mbti-syn-layer .synthesis-section{background:linear-gradient(165deg,#fffdf6,#f1e9d4) !important;}
/* 說明卡文字延伸填滿(原版 max-width:42em 造成右側空洞) */
.disclaimer-card p{max-width:none !important;font-size:13.5px !important;line-height:1.85 !important;}
.classics-intro{max-width:none !important;}

/* ---------- 17. 響應式:手機優先 ---------- */
@media(max-width:560px){
  .stage{padding:26px 14px 110px !important;}
  .tab-bar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none;}
  .tab-bar::-webkit-scrollbar{display:none;}
  .tab-btn{flex:none;font-size:13px !important;padding:8px 14px !important;}
  .form-card{padding:22px 18px 20px !important;border-radius:18px !important;}
  header{gap:14px !important;}
}