/* =========================================================
   主題 D｜極簡白大理石燙金 Marble & Gold Foil   <html data-theme="marble">
   淺色主題：資訊文字用炭黑；金色只做裝飾與大字，小字一律不用金。
   ========================================================= */
[data-theme="marble"]{
  --c-white:#f6f4f0; --c-stone:#e9e5de; --c-char:#1e1c19; --c-char-2:#4f4a43; --c-char-3:#6e675e;
  --c-gold:#b38f4d; --c-gold-deep:#7d6230;

  --bg-color:var(--c-white);
  --bg:radial-gradient(70% 60% at 22% 8%,#fbfaf7,transparent 70%),linear-gradient(180deg,#f7f5f1 0%,#efece6 100%);
  --ink:var(--c-char); --ink-2:var(--c-char-2); --ink-3:var(--c-char-3);
  --accent:var(--c-gold); --accent-text:var(--c-gold-deep);
  --line:rgba(30,28,25,.12); --line-strong:rgba(30,28,25,.32);
  --error:#a3332b; --error-surface:rgba(163,51,43,.05);
  --focus:#1e1c19; --focus-gap:#f6f4f0;
  --btn-bg:#1e1c19; --btn-bg-hover:#34302b; --btn-bg-active:#000;
  --btn-ink:#f4eee2; --btn-shadow:0 10px 22px -14px rgba(0,0,0,.5);
  --btn2-bg:transparent; --btn2-bg-hover:rgba(30,28,25,.04); --btn2-border:rgba(30,28,25,.35); --btn2-ink:var(--c-char);
  --footer-bg:#1e1c19; --footer-ink:#f4eee2; --footer-line:transparent;
  --r-ctl:0px; --r-card:.4em;
  --ff-display:"Noto Serif TC","Noto Serif CJK TC",serif;
  --ff-latin:"Bodoni Moda","Noto Serif TC",serif;
  --ff-num:"Bodoni Moda","Noto Serif TC",serif;
  --display-weight:500; --name-weight:700;

  /* 大理石：turbulence 低值形成細脈，再用 table 映射成灰白 */
  --tex-marble:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='700'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='turbulence' baseFrequency='.0032 .006' numOctaves='6' seed='21'/%3E%3CfeColorMatrix type='luminanceToAlpha'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='.9 .32 .06 0 0 0 0 0 0 0'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix values='0 0 0 0 .42  0 0 0 0 .41  0 0 0 0 .40  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");
  --tex-marble2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='4' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 .55  0 0 0 0 .54  0 0 0 0 .52  -1 0 0 0 .62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");
  --tex-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
  --foil:linear-gradient(115deg,#8a6a33 0%,#c9a862 22%,#efdcab 34%,#b8924c 48%,#8f7038 64%,#d6bb7c 80%,#a3823f 100%);

  --glow-core:rgba(255,246,226,.95); --glow-soft:rgba(232,206,150,.35); --bloom-peak:.5;
  --mote-color:rgba(176,140,70,.8); --mote-glow:transparent;
  --mote-count:10; --fx-count:18; --fx-colors:#c9a862,#e8d3a0,#a7843f,#f1e4c2; --fx-kind:flake;
  --shadow-color:rgba(40,35,25,.3);

  --card-face:#fbfaf7; --card-texture:var(--tex-paper); --card-texture-opacity:.08;
  --card-ink:#1e1c19; --card-ink-2:#4f4a43; --card-ink-3:#7a7166; --card-accent:#a3823f;
  --card-back:#f2efe9; --card-back-texture:var(--tex-marble); --card-back-ink:rgba(125,98,48,.7);
  --card-shadow:0 2.6em 4em -1.8em rgba(40,35,25,.38),0 .3em .6em rgba(40,35,25,.12);
  --shine-a:.55;
  --box-asset-dir:"assets/boxes/marble-goldfoil/";
}
/* 背景：桌面是一整塊極淡的白大理石，只露出右下角的一道長脈，不做滿版花紋 */
[data-theme="marble"] .bg-a{right:-10vw;bottom:-20vh;width:70vw;height:80vh;background:var(--tex-marble) 0 0/1400px 1100px;opacity:.28;
  -webkit-mask:radial-gradient(closest-side,#000 40%,transparent);mask:radial-gradient(closest-side,#000 40%,transparent)}
[data-theme="marble"] .bg-b{left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,transparent,rgba(120,110,95,.06))}
[data-theme="marble"] .stage-floor{background:radial-gradient(closest-side,rgba(60,50,35,.08),transparent)}
[data-theme="marble"] [data-layer="inner-glow"],[data-theme="marble"] .bloom{mix-blend-mode:normal}
[data-theme="marble"] .display{letter-spacing:.06em}
[data-theme="marble"] .count-num,[data-theme="marble"] .big-num{font-weight:400}
[data-theme="marble"] .pc-front::before{mix-blend-mode:multiply}
/* 卡牌：厚白卡，四邊燙金薄邊（gilded edge） */
[data-theme="marble"] .pc-front{box-shadow:var(--card-shadow),inset 0 0 0 .7em #fbfaf7,inset 0 0 0 1em #c9a862}
[data-theme="marble"] .pc-rule{background:var(--foil)}
[data-theme="marble"] .pc-mark{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- 禮盒：白色硬殼精裝盒 + 大理石紋裱紙 + 偏一側的金色緞帶 + 蓋頂燙金字 ---------- */
[data-theme="marble"] .gb{--W:54em;--D:38em;--H:20em;--LH:7em;--LS:4.6em;--LO:.6em}
[data-theme="marble"] .body .front{background:var(--tex-marble) -20em 0/90em 70em,var(--tex-marble2) 0 0/60em,linear-gradient(180deg,transparent 0 4.6em,rgba(60,50,35,.22) 4.6em,transparent 7.5em),linear-gradient(90deg,#f3f1ec,#e9e6df 80%);box-shadow:inset 0 -1em 1em -.7em rgba(60,50,35,.2)}
[data-theme="marble"] .body .right{background:var(--tex-marble) -50em -10em/90em 70em,var(--tex-marble2) 0 0/60em,linear-gradient(180deg,transparent 0 4.6em,rgba(60,50,35,.25) 4.6em,transparent 7.5em),linear-gradient(90deg,#d8d4cc,#ccc7be);box-shadow:inset 0 -1em 1em -.7em rgba(60,50,35,.2)}
[data-theme="marble"] .body .top{background:radial-gradient(70% 70% at 45% 45%,#f4ecd9,#e4d6b6 70%,#cdbb92);box-shadow:inset 0 0 0 .5em #f1efe9,inset 1em 1em 2.4em rgba(90,70,30,.35)}
[data-theme="marble"] .body .top::after{display:none}
[data-theme="marble"] .lid .front{background:var(--tex-marble) -10em -30em/90em 70em,linear-gradient(180deg,#faf9f6,#f0eee9);box-shadow:inset 0 .2em .15em -.1em #fff,inset 0 -.3em .3em -.2em rgba(60,50,35,.2)}
[data-theme="marble"] .lid .right{background:var(--tex-marble) -40em -30em/90em 70em,linear-gradient(90deg,#dedad3,#d2cdc5);box-shadow:inset 0 .2em .15em -.1em rgba(255,255,255,.6)}
[data-theme="marble"] .lid .top{background:var(--tex-marble) 0 0/90em 70em,var(--tex-marble2) 0 0/60em,radial-gradient(60% 70% at 22% 20%,#fff,transparent 70%),linear-gradient(160deg,#fbfaf8,#f1efea 60%,#e8e5df);box-shadow:inset 0 0 0 .15em rgba(255,255,255,.8)}
/* 金色緞帶：偏右（x 72%）單向縱帶，不做十字、不打蝴蝶結 */
[data-theme="marble"] .deco b{position:absolute;display:block}
[data-theme="marble"] .deco .front .d1,[data-theme="marble"] .deco .top .d1{left:72%;width:3.4em;top:0;bottom:0;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 2px),linear-gradient(90deg,#9c7c3e,#d9bf84 35%,#f0deb0 48%,#c4a362 62%,#9a7a3c);box-shadow:.2em 0 .35em rgba(60,45,20,.3)}
/* 蓋頂燙金：左下角一行小字 + 細線，不置中 */
[data-theme="marble"] .lid.deco .top .d2{left:7%;bottom:12%;width:16em;height:.22em;background:var(--foil)}
[data-theme="marble"] .lid.deco .top .d3{left:7%;bottom:15%;width:22em;height:3em;
  background:var(--foil);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 30'%3E%3Ctext x='0' y='24' font-family='Didot,Bodoni 72,Georgia,serif' font-size='24' letter-spacing='6'%3EMMXXVI%3C/text%3E%3C/svg%3E") 0 0/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 30'%3E%3Ctext x='0' y='24' font-family='Didot,Bodoni 72,Georgia,serif' font-size='24' letter-spacing='6'%3EMMXXVI%3C/text%3E%3C/svg%3E") 0 0/contain no-repeat}
/* 燙金反光：盒蓋頂面一道斜向高光，在 300–900ms（搖晃段）掃過 */
[data-theme="marble"] .lid.deco .top .d2::after{content:""}
[data-theme="marble"] .lid.deco .top{overflow:hidden}
[data-theme="marble"] .lid.deco .top::after{content:"";position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 42%,rgba(255,250,235,.55) 50%,transparent 58%);transform:translateX(-60%);opacity:0}
[data-theme="marble"] .is-playing .lid.deco .top::after{animation:foil-glint .6s .3s ease-in-out both}
@keyframes foil-glint{0%{opacity:0;transform:translateX(-60%)}30%{opacity:1}100%{opacity:0;transform:translateX(60%)}}
[data-theme="marble"] .orn{display:none}

[data-theme="marble"] .gb-lid-group{--lid-x:56em;--lid-y:-60em;--lid-tilt1:2deg;--lid-tilt2:16deg}
[data-theme="marble"] .stage .pc{--spin-y:1080deg;--spin-z:8deg}

/* ---------- 揭曉背景：窗邊的大理石桌面 ----------
   暖白灰泥牆＋左上窗格光斑（柔焦、低對比）＋白大理石桌面（真實透視，石紋遠處變細）。 */
[data-theme="marble"]{--reveal-bg-dir:"assets/backgrounds/marble-goldfoil/";--rb-base:#ece8e1;--rb-horizon:57%;--rb-horizon-m:48%;--rb-ink:#1e1c19}
[data-theme="marble"] .rb-wall{background:radial-gradient(80% 100% at 15% 0%,#f4f1ec,transparent 70%),var(--tex-paper) 0 0/260px,linear-gradient(180deg,#e6e1d9,#ddd7cd);background-blend-mode:normal,soft-light,normal}
[data-theme="marble"] .rb-l{left:-6%;top:-12%;width:80%;height:78%;background:url("bg/window-light.svg") 0 0/100% 100% no-repeat;opacity:.38;filter:blur(26px)}
[data-theme="marble"] .rb-r{right:0;top:0;width:40%;height:var(--horizon);background:linear-gradient(90deg,transparent,rgba(90,80,65,.10))}
[data-theme="marble"] .rb-table{background:
  radial-gradient(30% 34% at 46% 16%,rgba(255,255,255,.55),transparent 70%),
  linear-gradient(180deg,rgba(90,80,65,.14),rgba(0,0,0,0) 22%,rgba(90,80,65,.10) 85%),
  var(--tex-marble) 0 0/100% 100% no-repeat,var(--tex-marble2) 0 0/100% 100% no-repeat,
  linear-gradient(180deg,#f1eee9,#e8e4dd);filter:blur(.5px)}
[data-theme="marble"] .rb-light{left:0;right:0;top:calc(var(--horizon) - 3px);height:8px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(90,80,65,.18));filter:blur(2px)}
[data-theme="marble"] .rb-vig{background:radial-gradient(ellipse 70% 66% at 48% 52%,transparent 52%,rgba(70,60,45,.16) 100%)}

/* ---------- 寫實背景圖對位（assets/backgrounds/marble-goldfoil/）----------
   數值為實測：見 DESIGN.md「揭曉背景」與 BOX-ASSETS-SPEC.md 7.4 */
[data-theme="marble"]{--ph-h:.685;--ph-h-m:.687;--ph-lift:.1;--ph-lift-m:.1;--gb-gap:6;--gb-gap-m:8;--ph-vig:.15;--ph-ao:rgba(70,58,44,.62);--ph-cast:rgba(80,62,42,.38)}

/* ---------- 圖片禮盒（assets/boxes/marble-goldfoil/）----------
   燙金反光：圖片版沒有獨立的反光層，改成 lid-deco（金緞帶＋燙金字）本身在 300–900ms 亮一下
   （brightness／saturate 脈衝），只作用在金色部分，不碰盒面。
   不用 CSS mask 做斜向掃光：mask-image 需要 CORS，file:// 開檔時會被擋。
   盒身金緞帶在 body-deco，跟盒身不動。 */
[data-theme="marble"] .is-playing [data-layer="lid-deco"].is-img > picture{animation:foil-flash-img .6s .3s ease-in-out both}
@keyframes foil-flash-img{45%{filter:brightness(1.45) saturate(1.25)}}
[data-theme="marble"]{--glow-l2a:none}   /* 盒口光素材本身就是透明底 */
/* 接觸陰影：v8 美術已把盒底附近的陰影加深（暖灰褐），直接用素材。
   先前的程式補強（素材 brightness(.5) 壓暗＋疊回 CSS 貼地 AO）已移除：實測拿掉後盒底仍有實的接觸暗線、
   右後方有暖褐投影，桌機與手機都穩穩坐在桌面；保留補強反而讓投影偏黑。 */