/* ============================================================ cream-theme.css — LinguaPocket 統一奶油米白+墨黑主題 用 !important 蓋過各課自己嘅 chapter 主題色（紅/藍/綠/橙）。 只動「chrome」：top-banner / header / hero / 進度點 / 進度條。 保留：生字卡彩色頂邊、綠色 Listen 掣（特登保留變化）。 載入次序：放喺各課 最後，跟住 !important 必贏。 ============================================================ */ :root{ --lp-cream:#fff9f0; --lp-cream2:#fef3e2; --lp-cream3:#fbe7d0; --lp-ink:#1e1b2e; --lp-gold:#f5c842; --lp-red:#e8412c; } body{ background:var(--lp-cream) !important; } /* 頂部章節 banner → 墨黑細條 */ .top-banner{ background:var(--lp-ink) !important; color:#fff !important; } /* book header → 奶油漸變 + 墨黑字 */ .book-header{ background:linear-gradient(135deg,var(--lp-cream2) 0%,var(--lp-cream3) 100%) !important; color:var(--lp-ink) !important; border-bottom:1px solid #f0e3d2 !important; } .book-title{ color:var(--lp-ink) !important; } .book-subtitle{ color:#6b6b80 !important; } .logo-circle{ background:var(--lp-ink) !important; color:var(--lp-cream2) !important; } .lesson-badge{ background:var(--lp-ink) !important; color:var(--lp-gold) !important; } /* chapter hero → 奶油底 + 墨黑字 */ .hero{ background:linear-gradient(135deg,var(--lp-cream2) 0%,var(--lp-cream3) 100%) !important; color:var(--lp-ink) !important; } .hero *{ color:var(--lp-ink) !important; } .hero::before,.hero::after{ color:rgba(30,27,46,.05) !important; opacity:1 !important; } .hero-icon-chip{ background:rgba(30,27,46,.06) !important; border:1px solid rgba(30,27,46,.18) !important; color:var(--lp-ink) !important; } /* 數字導航條 → 融入奶油色（唔好再淺灰突出） */ .lesson-nav{ background:var(--lp-cream) !important; border-bottom:1px solid #f0e3d2 !important; } /* 1–12 進度點 */ .nav-dot.done{ background:var(--lp-ink) !important; color:#fff !important; border-color:var(--lp-ink) !important; } .nav-dot.current{ background:var(--lp-red) !important; color:#fff !important; border-color:var(--lp-red) !important; } /* 進度條填充 → 墨黑→金 */ .progress-bar-fill{ background:linear-gradient(90deg,var(--lp-ink),var(--lp-gold)) !important; } /* lesson11 急救專用大紅 panel → 墨黑（其他課冇呢個 class，無害） */ .sos-panel{ background:linear-gradient(135deg,var(--lp-ink) 0%,#2d2d44 100%) !important; } .emerg-num-card{ background:#fff !important; border:2px solid #efe6d8 !important; } /* ---- 導航：unified.js 注入嘅「返目錄」掣 ---- */ .lp-home-btn{ display:inline-flex; align-items:center; gap:6px; background:var(--lp-ink); color:#fff !important; text-decoration:none; font-weight:800; font-size:13px; padding:8px 16px; border-radius:999px; border:none; cursor:pointer; white-space:nowrap; transition:transform .12s, background .12s; } .lp-home-btn:hover{ background:#33313f; transform:translateY(-1px); } .book-header .logo-area{ cursor:pointer; }