/* ══ 2026-10-16 全站色調「暖白 × 沉穩海軍藍 × 香檳金 × 霧綠」（品客指定色票）══
   只換顏色：設計 token、背景、卡片、按鈕、邊框、陰影。不動內容、功能、會員、測驗、金流。
   原本的 boss.css／style.css 都沒改（boss.css 受 tests/boss-baseline 保護），這份最後載入、蓋過去。
   頁面專用的 css（home-intro／growth／decode／home-feed）在 body 裡才載入，所以寫死顏色的覆蓋加 html 前綴提高權重。
   要退回：render.js 拿掉 theme-2026.css 那一行。預覽站右下角有「修改前／修改後」切換（網址 ?theme=old 也可以）。
   對比度：主要文字都 ≥ WCAG AA 4.5。為了達標微調兩處——muted #667085→#626C80（霧綠底上 4.68）、綠色文字另用 #58716A。 */

:root{
  --bx-navy:#183B56;--bx-navy-d:#102A3E;--bx-blue:#183B56;--bx-ops:#183B56;
  --bx-cream:#F8F7F3;--bx-cream-2:#EEF2F1;--bx-card:#FFFFFF;
  --bx-yellow:#D9A23A;--bx-yellow-l:#F4E7CC;--bx-gold-ink:#8A6115;
  --bx-ink:#243240;--bx-ink-2:#46525F;--bx-muted:#626C80;--bx-line:#E1E5E2;
  --bx-green:#647E73;--bx-green-ink:#58716A;--bx-pink:#C7798E;--bx-orange:#C9755A;--bx-purple:#5E6E8C;
  /* 卡片陰影：低透明度海軍藍 */
  --bx-shadow:0 1px 2px rgba(24,59,86,.05),0 6px 18px rgba(24,59,86,.06);
  --bx-shadow-lg:0 2px 6px rgba(24,59,86,.06),0 14px 32px rgba(24,59,86,.09);
  /* 金色按鈕底下那條「厚度」 */
  --th-gold-edge:#B5852C;--th-gold-glow:rgba(217,162,58,.32);
  --th-tint:#F3F6F5;  /* 原本暖米色小底（#FAF6EF 這類）→ 中性淡霧綠 */
}
/* 舊頁面（文章、工具、VIP，style.css）的變數 */
.bx-legacy{--paper:#F8F7F3;--cream:#EEF2F1;--yellow:#D9A23A;--yellow-2:#F4E7CC;--orange:#C9755A;--orange-2:#C9755A;--shopee:#C9755A;--muted:#626C80;--bx-legacy-line:#E1E5E2;
  --shadow:0 2px 6px rgba(24,59,86,.06),0 10px 30px rgba(24,59,86,.08);--shadow-sm:0 1px 3px rgba(24,59,86,.06),0 6px 16px rgba(24,59,86,.07)}

/* ── 頁面底色、頁首 ── */
html .bx-page{background:var(--bx-cream)}
html .bx-header{background:rgba(255,255,255,.96)}

/* ── 1. 拿掉大面積米黃／沙黃背景 ── */
html .bx-home.is-zoned{--zone-a:#F8F7F3;--zone-b:#EEF2F1;--zone-line:#DCE3DF}
html .bx-hero{background:
  radial-gradient(ellipse at 50% 0%,rgba(217,162,58,.10),transparent 60%),
  radial-gradient(circle at 12% 80%,rgba(24,59,86,.07),transparent 45%),
  linear-gradient(180deg,#FFFFFF,var(--bx-cream))}
html .bx-hero .bx-hero-copy h1{text-shadow:0 2px 0 #fff,0 0 12px #F8F7F3,0 0 12px #F8F7F3}
html .bx-page-hero,html .bx-legacy .article-hero{background:linear-gradient(180deg,#FFFFFF,var(--bx-cream))}
html .bx-legacy .hero{background:radial-gradient(ellipse at 70% 0%,rgba(217,162,58,.10),transparent 60%),linear-gradient(180deg,#FFFFFF,var(--bx-cream));border-bottom-color:var(--bx-line)}
html .bx-legacy .hero::before{background-image:radial-gradient(rgba(24,59,86,.07) 1.5px,transparent 1.5px)}
html .bx-play{background:linear-gradient(180deg,#FFFFFF,var(--bx-cream))}
html .ckl-sec.is-alt{background:var(--bx-cream-2)}
html .beta-note,html .gx-t-revise{background:var(--bx-yellow-l)}
/* 首頁內容區：白底與暖白交錯 */
html .bx-home.is-zoned>section.pf-foryou,html .bx-home.is-zoned>section.pf-cases{background:var(--bx-cream)!important}

/* 原本暖米色小底（清單列、圖示底、表格頭）→ 中性淡霧綠 */
html .gx-levelup,html .bx-share-r,html .bx-share-mega,html .bx-share-steps li,html .gx-topup-table th,html .gx-stepper button,html .gx-quote,
html .pt-why-list li,html .pt-what-list li,html .bx-me-nums div,html .gx-newbie-list li,html .pp-dl,html .gx-rank-list li,html .ps-cats a,html .ps-metric,
html .ps-result-row div,html .bx-me-todo a,html .ps-quality,html .ps-recent li,html .ps-files a,html .sp-list li,
html .bx-skills li.is-focus,html .bx-legacy .article-body blockquote,html .bx-share-rewards .r2,html .ck-top-list li,html .gx-role,
html .bx-search-btn,html .bx-q-opts label:hover span,html .pp-x,html .ps-filelist button{background:var(--th-tint)}
html .bx-tool-cover,html .bx-gear-ic{background:var(--th-tint)!important}
html .bx-bar,html .bx-progress,html .gx-bar,html .bx-me-bar,html .pt-demo-main li i,html .ps-src i{background:#E4E9E7}
/* 「重點」淡金底（金色只留給重點）：保留，但改成新香檳淡金 */
html .gx-home-today,html .bx-pts>summary,html .bx-me-pts,html .gx-bonus,html .bx-book-xp,html .gx-alert,html .gx-topup-bonus,html .t-pts,html .gx-pick-ic,
html .reg-gift,html .gx-newbie-bonus.is-got,html .ps-type.t-tip,html .ps-tiles li>span,html .bx-share-perks li,html .ps-shop-ic,
html .gx-badges li.is-got,html .gx-reward-ic,html .gx-howto li>.bx-ic,html .pt-hero-gift,html .pt-ic,html .pt-how{background:var(--bx-yellow-l)}
html .gx-stat.is-vip,html .gx-compare .is-vip{background:linear-gradient(140deg,var(--bx-yellow-l),#fff)}
html .gx-treasure.is-legend{background:linear-gradient(170deg,var(--bx-yellow-l),#fff 55%);border-color:var(--bx-yellow-l)}
html .gx-topup-table tr.is-best td,html .gx-contrib-rewards .is-bonus,html .gx-rank-list li.is-mvp,html .ps-result-row .is-after,html .ps-rank .is-mvp a,
html .ps-metrics,html .ps-shopbox,html .mk-tool{background:#FBF8F0}
html .bx-q-opts span,html .bx-quest-done span,html .bx-share-kinds span,
html .bx-share-form input[type=text],html .bx-share-form input[type=url],html .bx-share-form select,html .bx-share-form textarea{background:#fff}

/* ── 5. 粉紅只作點綴：粉色大底改中性，粉色只留在小標籤 ── */
html .bx-share{background:linear-gradient(120deg,#FFFFFF,var(--th-tint))}
html .gx-quest.is-share{background:linear-gradient(120deg,#FFFFFF,var(--th-tint))}
html .bx-who.is-pink,html .bx-base-hero.is-pink{background:linear-gradient(160deg,#FFFFFF,#F2EEF0)}
html .bx-who.is-orange,html .bx-base-hero.is-orange{background:linear-gradient(160deg,#FFFFFF,#F3EFEC)}
html .gx-titles li.st-11{background:linear-gradient(120deg,#FFFFFF,var(--bx-yellow-l))}
html .bx-share-rewards .r0,html .bx-share-kinds input:checked+span,html .pt-demo-side.is-bad span,html .ps-note{background:#F7EEF1}
html .t-newbie{background:#F7EEF1}
/* 提醒／警示淡橘底：降飽和 */
html .pt-list.is-bad li,html .pt-ticks label,html .ck-score.is-red em,html .gw-ob,html .gp-3>div.is-warn,html .gp-box.is-warn,html .gp-track-step.is-break{background:#F8EEEA}

/* ── 3. 卡片：白底、1px 淡灰邊、低透明度海軍藍陰影 ── */
html .gx-card,html .bx-article,html .bx-who,html .ps-card,html .gw-box,html .gw-soon,html .gw-rep-sec,html .gw-q-card,
html .dc-scene,html .dc-journey li,html .hx-pain-card,html .hx-get-list li,html .hx-type-card,html .hx-mcard,html .dc-next{background:#fff;border:1px solid var(--bx-line);box-shadow:var(--bx-shadow)}
html .gw-box.is-navy{background:var(--bx-navy);border-color:var(--bx-navy)}
html .bx-home.is-zoned .gx-card,html .bx-home.is-zoned .bx-article,html .bx-home.is-zoned .bx-who,html .bx-home.is-zoned .ps-card{border:1px solid var(--bx-line)}
html .ps-recent-empty{border-color:#DCE3DF}
html .ck-top,html .bx-legacy .article-body img{border-color:var(--bx-line)}
html .bx-legacy .article-hero,html .bx-legacy .ck-toolbar,html .bx-legacy .related{border-color:var(--bx-line)}
html .bx-legacy .ck-h2{border-bottom-color:var(--bx-line)}
html .bx-legacy .vip-empty,html .ck-report-wait,html .gx-treasure.is-soon{border-color:var(--bx-line)}
html .gx-badges span,html .gx-treasure.is-soon>.gx-rarity{background:#E4E9E7}
html .hr-grid{stroke:var(--bx-line)}

/* ── 按鈕：香檳金主 CTA（深色字，對比 5.7）；厚度與光暈換成新金色 ── */
html .bx-btn-yellow{box-shadow:0 5px 0 var(--th-gold-edge)}
html .bx-btn-yellow:hover{box-shadow:0 6px 0 var(--th-gold-edge),0 10px 22px var(--th-gold-glow)}
html .bx-diag{box-shadow:0 10px 0 var(--th-gold-edge),var(--bx-shadow-lg)}
html .bx-hero-search .bx-btn{box-shadow:0 5px 0 var(--th-gold-edge)}
html .bx-tsearch .bx-btn,html .pf-ad.is-banner .bx-btn-yellow{box-shadow:0 4px 0 var(--th-gold-edge)}
@keyframes hxRing{0%{box-shadow:0 5px 0 #B5852C,0 0 0 0 rgba(217,162,58,.5)}70%{box-shadow:0 5px 0 #B5852C,0 0 0 16px rgba(217,162,58,0)}100%{box-shadow:0 5px 0 #B5852C,0 0 0 0 rgba(217,162,58,0)}}
html .bx-btn-white{background:#fff;border-color:var(--bx-line)}
html .bx-btn-white:hover{border-color:var(--bx-navy)}

/* ── 2. 金色只留在主 CTA、步驟編號、關鍵數字：其他寫死的舊金色換新色 ── */
html .bx-book-xp,html .bx-me-pts,html .bx-me-star,html .bx-play-go,html .bx-pts>summary b,html .bx-share-rewards .r2,html .gx-bonus,html .gx-contrib-rewards b,
html .gx-helpful .bx-ic,html .gx-home-today .bx-ic,html .gx-home-today b,html .gx-howto li>.bx-ic,html .gx-list.is-log b.is-exp,html .gx-mid b,html .gx-modal-gain,
html .gx-newbie-list li.is-now small,html .gx-pick-ic,html .gx-plus,html .gx-rank-exp,html .gx-reward-ic,html .gx-rules b,html .gx-stat-h .bx-ic,html .gx-xp b,
html .is-mvp .gx-rank-no,html .ps-type.t-tip,html .reg-gift b{color:var(--bx-gold-ink)}
html .ck-score b,html .ck-top-no{color:var(--bx-yellow)}
html .ck-score{background:var(--bx-navy)}
html .ck-score em,html .ck-top>strong{color:var(--bx-navy)}
html .ck-score small,html .ck-score-k{color:var(--bx-yellow-l)}
html .ck-score.is-yel em{background:var(--bx-yellow-l)}
html .gx-bar i{background:linear-gradient(90deg,var(--bx-yellow),#C8922F)}
html .bx-stuck-tile.t-yellow{--t:#D9A23A}
html .pt-rp{fill:#B5852C}
html .pt-rs{stroke:#B5852C}
html .pt-opt.is-b b,html .pt-dot.is-b.on,html .pt-bar i.is-b{background:#B5852C}
html .pt-opt.is-b.lean,html .pt-dot.is-b{border-color:#B5852C}
html .dc-admin,html .dc-deep-tag{background:var(--bx-navy)}
html .ps-prompt{color:#F8F7F3}
html .bx-play-quiz{background:radial-gradient(120% 90% at 100% 0%,#24506F 0%,var(--bx-navy) 55%,var(--bx-navy-d) 100%)}
/* 角色／稱號的配色變數 */
html .gx-role.st-4,html .gx-role.st-5,html .gx-role.st-9,html .gx-titles li.st-4,html .gx-titles li.st-5,html .gx-titles li.st-9{--c:#183B56}
html .gx-role.st-2,html .gx-role.st-7,html .gx-titles li.st-2,html .gx-titles li.st-7{--c:#8A6115}
html .gx-chest{--metal:#D9A23A}
html .gx-chest.is-legend{--metal:#D9A23A;--body:#183B56;--dark:#102A3E;--plate:#F4E7CC}
html .gx-chest .c-spark{fill:#D9A23A}
html .gx-chest.is-locked{--lid:#E1E5E2}

/* ── 7. 對比：綠色「文字」改用加深版（綠色圖示維持原色） ── */
html .gx-acc-msg.is-ok,html .pt-done,html .gw-done span,html .gp-saved,html .gw-ticks li::before{color:var(--bx-green-ink)}
html .bx-quest-done input:checked+span,html .gx-quest.is-done .gx-q-ic,html .is-done>.gx-nb-ic,html .gx-benefits .bx-ic{background:var(--bx-green-ink)}
html .gx-badges li.is-got span{background:var(--bx-gold-ink)}

/* ── 4. 深海軍藍區塊：首頁「解碼旅程」已是深藍；頁尾一起換成新海軍藍 ── */
html .bx-home.is-zoned>section.hx-journey,html .hx-journey{background:linear-gradient(160deg,var(--bx-navy) 0%,var(--bx-navy-d) 100%)!important}
html .bx-footer{background:var(--bx-navy-d)}
/* 首頁五個問題入口改放在深海軍藍區塊上，穩住首頁的專業感 */
html .bx-home.is-zoned>section.hx-pains{background:var(--bx-navy)!important;border-top-color:var(--bx-navy)}
html .hx-pains .hx-head h2{color:#fff}
html .hx-pains .hx-head p,html .hx-pains .hx-fine{color:#C9D3DB}
html .bx-home.is-zoned>section.hx-pains::before{border-color:var(--bx-navy)}

/* ── 預覽站：修改前／修改後切換（只在 workers.dev 預覽網域出現） ── */
.th-switch{position:fixed;right:16px;bottom:16px;z-index:9999;display:flex;gap:4px;padding:4px;border-radius:999px;background:#183B56;box-shadow:0 6px 20px rgba(16,42,62,.3);font:700 14px/1 "Noto Sans TC",sans-serif}
.th-switch a{padding:9px 14px;border-radius:999px;color:#fff;text-decoration:none}
.th-switch a.on{background:#D9A23A;color:#243240}

/* ── 頂部選單（2026-10-16 品客：只留 5 個、字放大） ── */
@media(min-width:1200px){
  html .bx-header .bx-nav{gap:4px;margin-left:18px}
  html .bx-header .bx-nav a{font-size:18px;padding:10px 16px}
}
@media(min-width:1480px){
  html .bx-header .bx-nav a{font-size:19px;padding:10px 18px}
  html .bx-header .bx-nav a .bx-ic{width:20px;height:20px}
}
html .bx-header .bx-nav a:hover{background:var(--bx-cream-2)}
/* AI專區下拉選單（2026-11-05，src/home.js AI_SUB）：沿用 boss.css 的 .bx-nav-group／.bx-nav-drop */
html .bx-header .bx-nav .bx-nav-drop a{font-size:16px;padding:10px 12px}
html .bx-header .bx-nav .bx-nav-drop a .bx-ic{width:18px;height:18px;color:var(--bx-navy)}
/* 箭頭會佔寬度：縮小箭頭、減少右內距，1200–1239 再收選單間距，才不會把頁首擠出螢幕 */
html .bx-header .bx-nav .bx-nav-group>a{gap:4px;padding-right:8px}
html .bx-header .bx-nav .bx-nav-group>a .bx-caret{width:14px;height:14px}
@media(min-width:1200px) and (max-width:1239px){html body .bx-header .bx-nav{gap:0;margin-left:6px}}
/* 滑到目前所在的選單項目時維持深底白字，不然白字配淺底會看不到 */
html .bx-header .bx-nav>a[aria-current]:hover,html .bx-header .bx-nav>.bx-nav-group>a[aria-current]:hover{background:var(--bx-navy);color:#fff}
.bx-menu-panel a.bx-nav-sub{min-height:44px;padding-left:44px;font-size:16px;font-weight:700;color:var(--bx-ink-2)}
.bx-menu-panel a.bx-nav-sub .bx-ic{width:18px;height:18px}
/* 會員選單：管理員才有的「管理後台」（2026-10-16） */
html .bx-me-panel nav.bx-me-admin a{color:#8C6420}html .bx-me-panel nav.bx-me-admin .bx-ic{color:#B07A22}