/* ===== D8 混合版（?theme=mix）：只在 body.theme-mix 下、只對「品牌/情緒」容器重新定義變數並套酒窖版覆蓋；閱讀/挑選區塊維持淺色 =====
   酒紅容器：.hero-v2（含餐盤輪播）、.toc（目錄，夾在 hero 與封面之間）、.cover（封面故事）、.rank（本週榜單 #rank）、.pq（主廚語錄）、.ft（footer）、.tb（Tab Bar）、.pd-bar（料理頁底部條）、.gate（18+ 餐巾）、.mn（#menu 覆蓋層）、.cs（聯繫 sheet）
   .mh／.hd 在 mag.css 已是酒紅，mix 不另覆蓋。淺色：#tonight #kitchens #picks #journal #how #faq、廚房頁、料理頁資訊區、文章內文、菜籃頁、篩選抽屜。*/
body.theme-mix :is(.hero-v2,.toc,.cover,.rank,.pq,.ft,.tb,.pd-bar,.gate,.mn,.cs){--bg:#3B0D1F;--surface:#4A1126;--surface-2:#5E1630;--ink:#FBF6EE;--ink-2:rgba(251,246,238,.72);--line:rgba(201,162,74,.28);--primary:#C9A24A;--primary-deep:#B08A35;--primary-soft:rgba(201,162,74,.14);--gold:#C9A24A;--gold-soft:rgba(201,162,74,.12);--float:0 8px 24px rgba(0,0,0,.35);background:var(--bg);color:var(--ink)}
/* 區塊交接：酒紅區上下 1px 金線；相鄰兩個酒紅區只留一條 */
body.theme-mix :is(.cover,.rank,.pq){border-top:1px solid rgba(201,162,74,.45);border-bottom:1px solid rgba(201,162,74,.45)}
body.theme-mix :is(.cover,.rank,.pq) + :is(.cover,.rank,.pq){border-top:0}
body.theme-mix :is(.cover,.rank,.pq) + .sec{border-top:0}
body.theme-mix .hero-v2{border-top:0;border-bottom:0}
body.theme-mix .toc{border-top:0;border-bottom:1px solid rgba(201,162,74,.45);background:#4A1126}
body.theme-mix .pq{background:#4A1126}
/* 酒紅區上下 padding：手機 56／桌機 96 */
body.theme-mix :is(.cover,.rank,.pq){padding:56px 0}
@media (min-width:1024px){body.theme-mix :is(.cover,.rank,.pq){padding:96px 0}}
/* 文字 / 連結 */
body.theme-mix :is(.hero-v2,.toc,.cover,.rank,.pq,.ft,.tb,.pd-bar,.gate,.mn,.cs) .ap-wet{color:#C9A24A}
body.theme-mix :is(.hero-v2,.toc,.cover,.rank,.pq,.ft,.tb,.pd-bar,.gate,.mn,.cs) .lk{text-decoration-color:#C9A24A;color:#FBF6EE}
body.theme-mix :is(.hero-v2,.toc,.cover,.rank,.pq,.ft,.tb,.pd-bar,.gate,.mn,.cs) .lk:hover{text-decoration-color:#FBF6EE}
body.theme-mix :is(.cover,.rank,.pq) .sh h2::after{color:#C9A24A}
body.theme-mix :is(.cover,.rank,.pq) .sh .pno{color:rgba(251,246,238,.6)}
/* 按鈕：金底深酒紅字；底線鈕奶油字金線；dis 灰化仍可辨 */
body.theme-mix :is(.hero-v2,.cover,.rank,.pq,.ft,.tb,.pd-bar,.gate,.mn,.cs) .btn{background:#C9A24A;color:#3B0D1F;border-color:#C9A24A}
body.theme-mix :is(.hero-v2,.cover,.rank,.pq,.ft,.tb,.pd-bar,.gate,.mn,.cs) .btn:hover{background:#D9B45E;color:#3B0D1F}
body.theme-mix :is(.hero-v2,.cover,.rank,.pq,.ft,.tb,.pd-bar,.gate,.mn,.cs) .btn.btn-primary{background:#C9A24A;color:#3B0D1F}
body.theme-mix :is(.hero-v2,.cover,.rank,.pq,.ft,.tb,.pd-bar,.gate,.mn,.cs) .btn.btn-primary:hover{background:#D9B45E}
body.theme-mix :is(.hero-v2,.cover,.rank,.pq,.ft,.tb,.pd-bar,.gate,.mn,.cs) .btn.dis{background:rgba(251,246,238,.14);color:rgba(251,246,238,.55);border-color:transparent}
body.theme-mix :is(.hero-v2,.cover,.rank,.pq,.ft,.tb,.pd-bar,.gate,.mn,.cs) :is(.ob,.btn-ghost,.tgb){background:transparent;border-color:#C9A24A;color:#FBF6EE}
body.theme-mix :is(.hero-v2,.cover,.rank,.pq,.ft,.tb,.pd-bar,.gate,.mn,.cs) :is(.ob,.btn-ghost):hover{border-color:#FBF6EE;color:#FBF6EE;background:rgba(201,162,74,.14)}
body.theme-mix .tb .bk-n{background:#C9A24A;color:#3B0D1F}
/* 目錄（桌機才顯示） */
body.theme-mix .toc-ls a{color:#FBF6EE}
body.theme-mix .toc-ls a i{color:rgba(251,246,238,.6)}
body.theme-mix .toc-ls a:hover,body.theme-mix .toc-ls a.on,body.theme-mix .toc-ls a[aria-current]{color:#C9A24A;border-bottom-color:#C9A24A}
body.theme-mix .toc-ls a.on i{color:#C9A24A}
/* Tab Bar */
body.theme-mix .tb{background:#5E1630;border-top-color:rgba(201,162,74,.45);-webkit-backdrop-filter:none;backdrop-filter:none}
body.theme-mix .tb a,body.theme-mix .tb button{color:rgba(251,246,238,.82)}
body.theme-mix .tb a[aria-current]{color:#C9A24A}
/* gate 餐巾遮罩 */
body.theme-mix .gate{background:#3B0D1F;color:#FBF6EE}
body.theme-mix .gate .in{border-color:#C9A24A}
body.theme-mix .gate .in::before{border-color:rgba(201,162,74,.35)}
body.theme-mix .gate p{color:rgba(251,246,238,.72)}
/* hero：底圖降到 .25，蓋深酒紅漸層；輪播框金線、內框深酒紅 */
body.theme-mix .hero-v2 :is(.hero-bg,.hero-v){opacity:.85;filter:saturate(1)}
body.theme-mix .hero-v2::before{background:linear-gradient(180deg,rgba(59,13,31,.6) 0 18%,rgba(59,13,31,.38) 55%,rgba(59,13,31,.18) 100%)}
@media (min-width:768px){body.theme-mix .hero-v2::before{background:linear-gradient(90deg,rgba(59,13,31,.72) 0 26%,rgba(59,13,31,.4) 50%,rgba(59,13,31,.08) 100%)}}
body.theme-mix .hero-sign{text-shadow:0 1px 4px rgba(0,0,0,.6)}body.theme-mix .hero-v2 .pick,body.theme-mix .hero-v2 .pick *{text-shadow:none}
body.theme-mix .hero-v2::after{opacity:.9}
body.theme-mix .hero h1 small{color:#C9A24A}
body.theme-mix .hero .sl{color:rgba(251,246,238,.78)}
body.theme-mix .hc-f{border-color:#C9A24A;background:transparent}
body.theme-mix .hc-s{background:#5E1630}
body.theme-mix .hc-cap{color:rgba(251,246,238,.72)}
body.theme-mix .hc-cap b{color:#FBF6EE}
body.theme-mix .plate .tag{background:#4A1126;border-color:rgba(201,162,74,.4);color:#FBF6EE}
/* 封面故事 */
body.theme-mix .cv-fr{border-color:#C9A24A;background:transparent}
body.theme-mix .cv-h small{color:rgba(251,246,238,.7)}
body.theme-mix .cv-meta{border-top-color:rgba(201,162,74,.28)}
/* 圖說 */
body.theme-mix :is(.hero-v2,.cover,.rank) .fig{border-top-color:#C9A24A;color:rgba(251,246,238,.72)}
body.theme-mix :is(.hero-v2,.cover,.rank) .fig .fig-n{color:#C9A24A}
/* 圖片：深底更順；blur-up 骨架 */
body.theme-mix :is(.hero-v2,.cover,.rank,.mn,.cs) .ph{background:#5E1630}
body.theme-mix :is(.hero-v2,.cover,.rank) .ph img{filter:saturate(.92) contrast(1.02)}
body.theme-mix :is(.hero-v2,.cover,.rank) .ph img:not(.ok){filter:blur(12px) saturate(.92)}
body.theme-mix.noanim :is(.hero-v2,.cover,.rank) .ph img{filter:saturate(.92) contrast(1.02)!important}
body.theme-mix :is(.hero-v2,.cover,.rank) .noimg{background:linear-gradient(135deg,#5E1630,rgba(201,162,74,.18))}
body.theme-mix .rank-img{background:#5E1630}
/* 章 / chip（hero 輪播、封面、榜單內若出現） */
body.theme-mix :is(.hero-v2,.cover,.rank) .chip{background:rgba(46,10,24,.55);color:#FBF6EE;border:1px solid rgba(201,162,74,.85);text-shadow:none}
body.theme-mix :is(.hero-v2,.cover,.rank) .st.on{color:#C9A24A;border-color:#C9A24A;outline-color:#C9A24A;background:rgba(59,13,31,.85);mix-blend-mode:normal;opacity:1}
body.theme-mix :is(.hero-v2,.cover,.rank) .st.on::before{background:#C9A24A}
body.theme-mix :is(.hero-v2,.cover,.rank) .st.off{color:rgba(251,246,238,.72);background:rgba(59,13,31,.85)}
body.theme-mix :is(.hero-v2,.cover,.rank) .pk{background:#C9A24A;color:#3B0D1F}
body.theme-mix :is(.hero-v2,.cover,.rank) .rb{background:#2E0A18;color:#C9A24A;border-top:1px solid #C9A24A;border-bottom:1px solid #C9A24A}
body.theme-mix :is(.hero-v2,.cover,.rank) .flag{border-color:rgba(251,246,238,.35)}
body.theme-mix :is(.hero-v2,.cover,.rank) :is(.pr b,.sc b){color:#FBF6EE}
/* 榜單欄 */
body.theme-mix .rank-col,body.theme-mix .band-linen .rank-col{background:transparent;border-color:rgba(201,162,74,.35);color:#FBF6EE}
body.theme-mix .rank-col>h3,body.theme-mix .band-linen .rank-col>h3{border-bottom-color:rgba(201,162,74,.45)}
body.theme-mix .rank-row,body.theme-mix .band-linen .rank-row{border-bottom-color:rgba(201,162,74,.28)}
body.theme-mix .rank-row:hover,body.theme-mix .rank-row:focus-visible,body.theme-mix .band-linen .rank-row:hover,body.theme-mix .band-linen .rank-row:focus-visible{background:rgba(201,162,74,.12)}
body.theme-mix .rank-nm{color:#FBF6EE}
body.theme-mix .rank-no,body.theme-mix .rank-no small,body.theme-mix .rank-sp,body.theme-mix .rank-pr{color:rgba(251,246,238,.72)}
body.theme-mix .rank-row.is-1 .rank-no,body.theme-mix .rank-row.is-1 .rank-no small{color:#C9A24A}
body.theme-mix .rank-pr b{color:#C9A24A}
body.theme-mix .rank-empty{color:rgba(251,246,238,.72)}
body.theme-mix .rank-empty b{color:#FBF6EE}
/* 主廚語錄 */
body.theme-mix .pq p{color:#FBF6EE}
body.theme-mix .pq footer{color:rgba(251,246,238,.6)}
/* #menu 覆蓋層 */
body.theme-mix .mn{background:#3B0D1F;color:#FBF6EE}
body.theme-mix .mn-h{border-bottom-color:rgba(201,162,74,.35)}
body.theme-mix .mn-l,body.theme-mix .mn-k{border-bottom-color:rgba(201,162,74,.45)}
body.theme-mix .mn-l{color:#FBF6EE}
body.theme-mix .mn-l:hover,body.theme-mix .mn-l:active,body.theme-mix .mn-k a:hover,body.theme-mix .mn-k a:active{color:#C9A24A}
body.theme-mix .mn-k a{color:rgba(251,246,238,.8)}
body.theme-mix .mn-f{color:rgba(251,246,238,.6)}
body.theme-mix .mn .logo span{color:#FBF6EE}
/* 聯繫 sheet */
body.theme-mix .cs-ov{background:rgba(20,4,10,.6)}
body.theme-mix .cs{background:#4A1126;border-color:rgba(201,162,74,.4);color:#FBF6EE}
body.theme-mix .cs-h{border-color:rgba(201,162,74,.28)}
body.theme-mix .cs p{color:rgba(251,246,238,.85)}
/* 料理頁底部條 */
body.theme-mix .pd-bar{background:#4A1126;border-top-color:rgba(201,162,74,.5);color:#FBF6EE}
body.theme-mix .pd-bar .num{color:#C9A24A}
body.theme-mix .pd-bar small{color:rgba(251,246,238,.72)}
body.theme-mix .pd-bar .btn{background:#C9A24A;color:#3B0D1F}
/* footer：深一階 */
body.theme-mix .ft{background:#2E0A18;border-top-color:rgba(201,162,74,.5);color:rgba(251,246,238,.72)}
body.theme-mix .ft a:hover{color:#C9A24A}
body.theme-mix .ft .bt,body.theme-mix .ft .ft-top,body.theme-mix .ft .ft-nav{border-color:rgba(201,162,74,.35)}
body.theme-mix .ft .ft-nav a,body.theme-mix .ft .ft-top .ft-tag,body.theme-mix .ft .ft-tag b{color:#FBF6EE}
body.theme-mix .ft .ft-logo .lk-t b{color:#FBF6EE}body.theme-mix .ft .ft-logo .lk-t i{color:rgba(251,246,238,.78)}
body.theme-mix .ft .ft-top .ft-hrs{color:#C9A24A}
body.theme-mix .ft .ft-res .btn{background:#C9A24A;color:#3B0D1F}
body.theme-mix .ft .ft-res .ob{border-color:#C9A24A;color:#FBF6EE}
body.theme-mix .ft .bt{border-top:1px solid #C9A24A}
body.theme-mix .ft .ft-fin{color:rgba(251,246,238,.55)}
