/* 🔒 東霖品牌色（2026-10-22 鎖定，2026-10-25 加極光綠＋玻璃卡＋香檳金屬金）—— 疊喺所有 learn 樣式最後
   規格以 brand/東霖-品牌指南.md 為準；要改色淨係改呢度同指南，唔好喺個別頁面寫死顏色
   深綠 #0F3D2E 主色｜深綠暗 #0A2A20｜香檳金 #C79D50 只做點綴（唔做白底上嘅字）｜深金 #8C6A2E 白底上要金色字時用｜米白 #F5F1E6 深底上嘅字
   極光（只用喺封面／頂部／結尾）：夜綠 #04140F｜翠綠 #0E7A57｜極光綠 #3DDC97（配深字，唔配白字）｜薄荷光 #B6F5D6 */
:root{
  --bg:#FFFFFF;--ink:#0F1A15;--ink-2:#33413A;--line:#E4E8E5;
  --accent:#0F3D2E;--accent-deep:#0A2A20;--accent-soft:#EEF3EF;
  --brand:#0F3D2E;--brand-deep:#0A2A20;--brand-soft:#EEF3EF;
  --gold:#C79D50;--gold-deep:#8C6A2E;--gold-soft:#F8F1E3;--cream:#F5F1E6;
  --ok:#8C6A2E;--ok-soft:#F8F1E3;--done:#8C6A2E;
  --glass:#FFFFFF;--glass-strong:#FFFFFF;--glass-edge:#E4E8E5;
  --glass-shadow:0 1px 2px rgba(15,61,46,.04),0 8px 28px rgba(15,61,46,.06);
  --night:#04140F;--jade:#0E7A57;--aurora:#3DDC97;--mint:#B6F5D6;
  --aurora-bg:
    radial-gradient(60% 45% at 95% 0%,rgba(182,245,214,.5),transparent 70%),
    radial-gradient(90% 70% at 85% 10%,rgba(61,220,151,.8),transparent 62%),
    linear-gradient(115deg,transparent 35%,rgba(61,220,151,.28) 55%,transparent 70%),
    linear-gradient(160deg,#0E7A57 0%,#0F3D2E 45%,#04140F 100%);
  --gold-metal:linear-gradient(135deg,#A97C38 0%,#C79D50 30%,#E7C57E 50%,#C79D50 70%,#A97C38 100%);
  --glass-dark:rgba(255,255,255,.12);--glass-dark-edge:rgba(255,255,255,.3);
}
/* 極簡：純白底，拎走磨砂玻璃同彩色暈開 */
body{background:#FFFFFF !important}
.topbar,.course-tile,.card,.lesson-main,.lesson-side,.next-event,.event-card,.terms-box,.track-tile{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--glass-shadow)!important}
.topbar{border-radius:0!important;margin:0!important;top:0!important;border-width:0 0 1px!important;box-shadow:none!important}
.brand span{color:var(--gold)!important}
a{color:var(--accent)}
/* 掣 */
.btn-primary{background:var(--accent)!important;color:#E7C57E!important;box-shadow:none!important}
.btn-primary:active{background:var(--accent-deep)!important}
.btn-ghost,.btn-text{background:#fff!important;border:1.5px solid var(--accent)!important;color:var(--accent)!important;box-shadow:none!important}
/* 課程封面：極光底（光喺右上，字喺左下深色位）＋金屬金標籤 */
.cover::after{display:none}
.cover{background:var(--aurora-bg)!important;box-shadow:none!important}
.cover-title,.cover *{color:#fff}
.cover-title{text-shadow:0 2px 12px rgba(4,20,15,.45)!important}
.cover-tag{background:var(--gold-metal)!important;color:var(--accent-deep)!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 8px rgba(4,20,15,.3)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.cover-face{border-color:var(--gold)!important}
.course-tile.locked .cover{filter:saturate(.3) brightness(.8)}
/* 玻璃卡：只放喺極光底上面 */
.glass-on-aurora{background:var(--glass-dark)!important;border:1px solid var(--glass-dark-edge)!important;border-radius:20px;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;backdrop-filter:blur(18px) saturate(140%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 36px rgba(4,20,15,.25)!important;color:#fff}
/* 進度＋完成：用金屬金，唔用綠 */
.progress{background:#EEF1EF!important;box-shadow:none!important}
.progress i{background:var(--gold-metal)!important;box-shadow:none!important}
/* 而家上緊嗰課 */
.path-item.current,.lesson-item.current,.side-list .lesson-item.current{background:var(--gold-soft)!important;border-color:var(--gold)!important;box-shadow:none!important}
.task-point,.task-goal,.lock-card{background:#F6F8F6!important;border-color:rgba(15,61,46,.25)!important;border-left-color:var(--gold)!important}
.task-upsell{background:var(--aurora-bg)!important}
.task-upsell-btn,.task-shot-btn{background:var(--gold-metal)!important;color:var(--accent-deep)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important}
.player.is-doc{background:var(--aurora-bg)!important}
.doc-open .btn{background:var(--gold-metal)!important;color:var(--accent-deep)!important;font-weight:700;min-height:56px;padding:0 32px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 18px rgba(4,20,15,.35)!important}
.doc-open .btn:active{filter:brightness(.95)}
h1 em,h1 b{color:var(--accent)}
.track-head h2{border-bottom:2px solid transparent;border-image:var(--gold-metal) 1;display:inline-block;padding-bottom:4px}