/* ===========================================================================
   貿協〈老闆的 AI 判斷課〉共用版型：照客戶母版（簡報模板.pptx）換算成 1920×1080
   母版三種頁：封面 cover.jpg、內頁 inner.jpg（左上系列標題已烙在圖裡）、結尾 end.jpg
   內頁白框與頁尾位置照 pptx 座標換算（EMU × 1920 / 9144000），不要自己挪。
   硬規則：無 emoji、卡片不加左側色條、最小字級 24px、全形標點。
   =========================================================================== */

deck-stage:not(:defined){visibility:hidden}
*{margin:0;padding:0;box-sizing:border-box}

:root{
  --ink:#0a1628;           /* 白框內主文字 */
  --ink-soft:#44526a;
  --ink-faint:#7d8aa0;     /* 只給線條、圖示、長條用，不用在文字 */
  --rule:#d9e2ee;
  --tint:#eef4fb;          /* 白框內淺底塊 */
  --blue:#2440e6;          /* 取自母版電光藍 */
  --blue-soft:#dfe5ff;
  --steel:#005a8c;         /* 取自母版鋼藍 */
  --cyan:#0aa5e0;          /* 取自母版線路青 */
  --red:#e0261b;           /* 取自母版紅點，只用在警示 */
  --on-dark:#ffffff;
  --on-dark-soft:rgba(255,255,255,.62);

  --font:"PingFang TC","Noto Sans TC","Microsoft JhengHei",-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:"SF Mono",Menlo,Consolas,monospace;

  --t-title:54px;
  --t-lede:34px;
  --t-body:30px;
  --t-small:26px;
  --t-min:24px;
}

html,body{background:#000;font-family:var(--font);color:var(--ink)}

/* ---------- 三種母版頁 ---------- */
section.tpl-cover,section.tpl-inner,section.tpl-dark,section.tpl-end{
  background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;
}
section.tpl-cover{background-image:url("tpl/cover.jpg")}
section.tpl-inner,section.tpl-dark{background-image:url("tpl/inner.jpg")}
section.tpl-end{background-image:url("tpl/end.jpg")}

/* 內頁白框：pptx (239700,911118) 8664600×4015800 EMU */
.box{
  position:absolute;left:50px;top:191px;width:1820px;height:843px;
  background:#fff;color:var(--ink);padding:52px 72px 44px;display:flex;flex-direction:column;
}
/* 頁尾版權列：pptx y=4870395，8pt 白字置中 */
.foot{
  position:absolute;left:0;right:0;top:1040px;text-align:center;
  font-size:21px;line-height:1.2;color:#fff;letter-spacing:.01em;
}

/* ---------- 白框內標題 ---------- */
.kicker{font-size:var(--t-min);font-weight:600;letter-spacing:.08em;color:var(--steel);margin-bottom:10px}
.title{font-size:var(--t-title);font-weight:800;line-height:1.25;color:var(--ink);letter-spacing:.01em}
.title em{font-style:normal;color:var(--blue)}
.stage{flex:1;position:relative;margin-top:36px;min-height:0}
.note-faint{font-size:var(--t-min);color:var(--ink-soft)}
.callout{
  font-size:var(--t-lede);font-weight:700;line-height:1.45;color:var(--ink);
  background:var(--tint);border-radius:10px;padding:22px 32px;
}
.callout em{font-style:normal;color:var(--blue)}

/* ---------- 深底頁（課名頁、章節頁、金句頁）：只用母版內頁底圖，不放白框 ---------- */
.dark-wrap{position:absolute;left:140px;right:120px;top:300px;bottom:110px;color:var(--on-dark)}
.chap-no{font-size:150px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:2px var(--cyan);letter-spacing:.02em}
.chap-title{font-size:88px;font-weight:800;line-height:1.2;margin-top:18px}
.chap-sub{font-size:36px;color:var(--on-dark-soft);margin-top:22px;line-height:1.5}
.chap-map{position:absolute;right:0;top:-20px;width:560px;list-style:none;counter-reset:none}
.chap-map li{font-size:30px;line-height:1.35;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.7);display:flex;gap:18px}
.chap-map li b{font-weight:700;min-width:46px;color:inherit}
.chap-map li.now{color:#fff;font-weight:700}
.chap-map li.now b{color:var(--cyan)}
/* 金句頁：深底大字，舊說法用紅線劃掉，新說法用青色 */
.q-wrap{top:300px}
.q-big{font-size:104px;font-weight:800;line-height:1.3}
.q-big em{font-style:normal;color:var(--cyan)}
.q-big .old{color:rgba(255,255,255,.45);text-decoration:line-through;text-decoration-thickness:6px;text-decoration-color:var(--red)}
.q-mid{font-size:52px;font-weight:700;margin-top:44px}
.q-next{font-size:38px;color:var(--on-dark-soft);margin-top:48px}

/* ---------- 逐步揭示：base 是最終畫面（列印與無動畫時看得到全部），播放時才藏起來 ---------- */
section.playing [data-step]{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
section.playing [data-step]:not(.on){opacity:0;transform:translateY(18px)}
section.playing [data-step].pop:not(.on){transform:scale(.6)}
section.playing [data-step].fade:not(.on){transform:none}
/* 進頁瞬間關掉漸變：否則「藏起來」本身也會漸變，觀眾先看到全部內容再淡出 */
section.arming,section.arming *,section.arming *::before,section.arming *::after{transition:none!important}
@media (prefers-reduced-motion:reduce){
  section.playing [data-step]{transition:none}
}