/* ============================================================
   AIDEA 購課 / 價格區共用樣式
   三頁共用(index / ivy-lee / eyes-wu)。沿用各頁 :root 既有色票
   與 Google Fonts,不引入新色、新字型。
   ============================================================ */

/* ---- 導覽列購課鈕(三頁一致;手機仍顯示) ---- */
.nav-enroll{
  font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.15em;
  color:var(--gold); border:1px solid var(--gold); padding:8px 20px;
  text-decoration:none; transition:all .3s; white-space:nowrap;
}
.nav-enroll:hover{ background:var(--gold); color:var(--ink); }

/* ============================================================
   價格方案區(變體 A · 卡片式三欄) — 首頁用
   ============================================================ */
.pa-pricing{ background:var(--paper); color:var(--ink); font-family:'Noto Sans TC',sans-serif; padding:120px 40px; position:relative; overflow:hidden; }
.pa-pricing::before{ content:'PRICING'; position:absolute; top:-30px; right:-30px; font-family:'DM Serif Display',serif; font-size:240px; line-height:1; color:rgba(0,0,0,0.03); white-space:nowrap; pointer-events:none; }
.pa-inner{ max-width:1200px; margin:0 auto; position:relative; z-index:1; }
.pa-header{ text-align:center; max-width:760px; margin:0 auto 40px; }
.pa-label{ font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.3em; color:var(--gold); text-transform:uppercase; margin-bottom:16px; }
.pa-title{ font-family:'Noto Serif TC',serif; font-size:clamp(32px,4vw,52px); font-weight:900; line-height:1.2; letter-spacing:-.02em; }
.pa-title span{ color:var(--gold); }
.pa-sub{ font-size:16px; color:var(--muted); margin-top:18px; line-height:1.8; }

/* 課程資訊列(開課日期/形式/時數/名額/退費) */
.pa-info{ max-width:1000px; margin:0 auto 46px; display:flex; flex-wrap:wrap; justify-content:center; gap:10px 14px; }
.pa-info span{ font-family:'Space Mono',monospace; font-size:12px; letter-spacing:.04em; color:var(--muted); border:1px solid rgba(0,0,0,0.12); padding:8px 14px; }
.pa-info b{ color:var(--ink); font-weight:700; }
.pa-todo{ color:#b0761f; border-bottom:1px dashed #b0761f; font-style:normal; }

.pa-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch; }

.pa-card{ background:var(--paper); border:1px solid rgba(0,0,0,0.08); padding:46px 36px 40px; position:relative; overflow:hidden; display:flex; flex-direction:column; transition:all .4s; }
.pa-card::after{ content:''; position:absolute; bottom:0; left:0; width:0; height:3px; background:var(--gold); transition:width .4s; }
.pa-card:hover::after{ width:100%; }
.pa-corner{ position:absolute; width:20px; height:20px; border-color:var(--gold); border-style:solid; opacity:.5; transition:opacity .4s; }
.pa-corner.tl{ top:10px; left:10px; border-width:2px 0 0 2px; }
.pa-corner.br{ bottom:10px; right:10px; border-width:0 2px 2px 0; }
.pa-card:hover .pa-corner{ opacity:1; }

.pa-card.pa-plain:hover{ background:var(--ink); color:var(--white); border-color:var(--ink); }
.pa-card.pa-plain:hover .pa-plan-desc,
.pa-card.pa-plain:hover .pa-row-name,
.pa-card.pa-plain:hover .pa-per{ color:rgba(255,255,255,0.62); }
.pa-card.pa-plain:hover .pa-row{ border-color:rgba(255,255,255,0.12); }
.pa-card.pa-plain:hover .pa-price{ color:var(--gold-light); }
.pa-card.pa-plain:hover .pa-btn{ background:var(--gold); color:var(--ink); border-color:var(--gold); }
.pa-card.pa-plain:hover .pa-after{ color:rgba(255,255,255,0.5); border-color:rgba(255,255,255,0.2); }

.pa-plan-tag{ font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.2em; color:var(--gold); text-transform:uppercase; margin-bottom:14px; }
.pa-plan-name{ font-family:'Noto Serif TC',serif; font-size:24px; font-weight:900; line-height:1.35; margin-bottom:8px; }
.pa-after{ display:inline-block; font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.08em; color:var(--muted); border:1px solid rgba(0,0,0,0.15); padding:2px 8px; margin-bottom:12px; }
.pa-plan-desc{ font-size:13px; color:var(--muted); line-height:1.7; min-height:40px; margin-bottom:24px; transition:color .4s; }

.pa-rows{ list-style:none; margin-bottom:28px; padding:0; }
.pa-row{ display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding:16px 0; border-bottom:1px solid rgba(0,0,0,0.08); transition:border-color .4s; }
.pa-row:last-child{ border-bottom:none; }
.pa-row.pa-combo .pa-row-name{ font-weight:700; }
.pa-row-name{ font-size:14px; line-height:1.5; transition:color .4s; }
.pa-row-name em{ font-style:normal; color:var(--gold); font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.1em; display:block; margin-top:3px; }
.pa-price-wrap{ text-align:right; white-space:nowrap; }
.pa-price{ font-family:'DM Serif Display',serif; font-size:26px; color:var(--ink); line-height:1; transition:color .4s; font-variant-numeric:tabular-nums; }
.pa-price small{ font-size:15px; }
.pa-per{ font-size:11px; color:var(--muted); font-family:'Space Mono',monospace; letter-spacing:.05em; margin-top:4px; transition:color .4s; }

.pa-btn{ margin-top:auto; display:block; text-align:center; font-family:'Noto Sans TC',sans-serif; font-weight:700; font-size:14px; letter-spacing:.1em; padding:15px 20px; text-decoration:none; background:transparent; color:var(--ink); border:1px solid var(--ink); transition:all .3s; cursor:pointer; }
.pa-btn:hover{ background:var(--ink); color:var(--gold); }

/* 早鳥卡:金色實底 + 推薦態 */
.pa-card.pa-feature{ background:var(--gold); color:var(--ink); border-color:var(--gold); box-shadow:0 30px 70px rgba(201,168,76,0.35); transform:translateY(-14px); }
.pa-card.pa-feature::after{ background:var(--ink); }
.pa-card.pa-feature .pa-corner{ border-color:var(--ink); opacity:.35; }
.pa-card.pa-feature .pa-plan-tag{ color:rgba(13,13,13,0.7); }
.pa-card.pa-feature .pa-plan-desc{ color:rgba(13,13,13,0.72); }
.pa-card.pa-feature .pa-row{ border-color:rgba(13,13,13,0.14); }
.pa-card.pa-feature .pa-row-name em{ color:rgba(13,13,13,0.6); }
.pa-card.pa-feature .pa-price{ color:var(--ink); }
.pa-card.pa-feature .pa-per{ color:rgba(13,13,13,0.6); }
.pa-card.pa-feature .pa-btn{ background:var(--ink); color:var(--gold); border-color:var(--ink); }
.pa-card.pa-feature .pa-btn:hover{ background:var(--white); color:var(--ink); border-color:var(--white); }

.pa-badge{ display:inline-flex; align-items:center; gap:8px; align-self:flex-start; background:var(--ink); color:var(--gold-light); font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.12em; padding:7px 14px; margin-bottom:18px; }
.pa-badge b{ color:var(--white); font-weight:700; letter-spacing:.05em; }
.pa-badge .pa-dot{ width:6px; height:6px; border-radius:50%; background:var(--gold); animation:pa-blink 1.4s infinite; }
@keyframes pa-blink{ 0%,100%{opacity:1;} 50%{opacity:.25;} }

.pa-foot{ max-width:1000px; margin:46px auto 0; font-size:12.5px; color:var(--muted); line-height:2; font-family:'Noto Sans TC',sans-serif; letter-spacing:.02em; text-align:center; }
.pa-foot b{ color:var(--ink); }
/* 法律頁連結(淺底) — 2026-07-27 綠界審核合規新增 */
.pa-foot a{ color:#8a7220; text-decoration:none; border-bottom:1px solid rgba(138,114,32,0.4); transition:all .3s; }
.pa-foot a:hover{ color:var(--gold); border-color:var(--gold); }
.pa-foot .pa-todo{ font-family:'Space Mono',monospace; }

/* 早鳥截止後(由 enroll.js 加在 <html>):收掉早鳥卡與「早鳥後價格」標籤 */
html.aidea-postbird .pa-card.pa-feature{ display:none; }
html.aidea-postbird .pa-grid{ grid-template-columns:repeat(2,1fr); max-width:820px; margin:0 auto; }
html.aidea-postbird .pa-after{ display:none; }

@media (max-width:900px){
  .pa-pricing{ padding:80px 22px; }
  .pa-pricing::before{ font-size:120px; }
  .pa-grid{ grid-template-columns:1fr; gap:20px; }
  .pa-card.pa-feature{ transform:none; order:-1; }
  html.aidea-postbird .pa-grid{ grid-template-columns:1fr; }
}

/* ============================================================
   聚焦購課區(講師詳頁用 · 單一課程 + 合購 upsell)
   ============================================================ */
.pe{ background:var(--ink); color:var(--white); padding:110px 40px; position:relative; overflow:hidden; }
.pe::before{ content:'BUY NOW'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:'DM Serif Display',serif; font-size:clamp(140px,26vw,320px); color:rgba(255,255,255,0.02); white-space:nowrap; pointer-events:none; }
.pe-inner{ max-width:860px; margin:0 auto; position:relative; z-index:1; text-align:center; }
.pe-label{ font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.3em; color:var(--gold); text-transform:uppercase; margin-bottom:16px; }
.pe-title{ font-family:'Noto Serif TC',serif; font-size:clamp(26px,3.4vw,40px); font-weight:900; color:var(--white); line-height:1.25; }
.pe-title span{ color:var(--gold); }
.pe-badge{ display:inline-flex; align-items:center; gap:8px; background:rgba(201,168,76,0.12); border:1px solid rgba(201,168,76,0.35); color:var(--gold-light); font-family:'Space Mono',monospace; font-size:12px; letter-spacing:.1em; padding:8px 16px; margin:26px 0 30px; }
.pe-badge .pa-dot{ width:6px; height:6px; border-radius:50%; background:var(--gold); animation:pa-blink 1.4s infinite; }
.pe-prices{ display:flex; align-items:baseline; justify-content:center; gap:18px; flex-wrap:wrap; margin-bottom:10px; }
.pe-now{ font-family:'DM Serif Display',serif; font-size:clamp(48px,8vw,72px); color:var(--gold); line-height:1; font-variant-numeric:tabular-nums; }
.pe-now small{ font-size:.5em; }
.pe-was{ font-family:'DM Serif Display',serif; font-size:26px; color:rgba(255,255,255,0.35); text-decoration:line-through; font-variant-numeric:tabular-nums; }
.pe-was small{ font-size:.6em; }
.pe-unit{ font-family:'Space Mono',monospace; font-size:13px; color:rgba(255,255,255,0.45); letter-spacing:.05em; margin-bottom:30px; }
.pe-combo{ font-size:14px; color:rgba(255,255,255,0.6); line-height:1.9; margin-bottom:34px; }
.pe-combo b{ color:var(--gold-light); }
.pe-btn{ display:inline-block; background:var(--gold); color:var(--ink); font-family:'Noto Sans TC',sans-serif; font-weight:700; font-size:15px; letter-spacing:.1em; padding:17px 56px; text-decoration:none; transition:all .3s; cursor:pointer; border:none; }
.pe-btn:hover{ background:var(--white); transform:translateY(-2px); box-shadow:0 14px 40px rgba(201,168,76,0.3); }
.pe-note{ margin-top:26px; font-size:12.5px; color:rgba(255,255,255,0.4); line-height:1.9; }
.pe-note .pa-todo{ color:var(--gold-light); border-color:var(--gold-light); }
/* 法律頁連結(深底) — 2026-07-27 綠界審核合規新增 */
.pe-note a{ color:var(--gold-light); text-decoration:none; border-bottom:1px solid rgba(232,213,163,0.35); transition:all .3s; }
.pe-note a:hover{ color:var(--gold); border-color:var(--gold); }
.pe-note b{ color:rgba(255,255,255,0.72); }
html.aidea-postbird .pe-badge{ display:none; }
html.aidea-postbird .pe-was{ display:none; }
@media (max-width:900px){ .pe{ padding:80px 22px; } }

/* ============================================================
   dev 預覽用 toast(REGISTER_URL 尚未設定時提示)
   ============================================================ */
.aidea-toast{ position:fixed; left:50%; bottom:32px; transform:translate(-50%,20px); background:var(--ink); color:var(--gold-light); border:1px solid var(--gold); font-family:'Noto Sans TC',sans-serif; font-size:14px; letter-spacing:.03em; padding:14px 22px; z-index:9999; opacity:0; transition:all .3s; max-width:90vw; text-align:center; box-shadow:0 16px 40px rgba(0,0,0,0.3); }
.aidea-toast.show{ opacity:1; transform:translate(-50%,0); }

@media (prefers-reduced-motion:reduce){ .pa-badge .pa-dot,.pe-badge .pa-dot{ animation:none; } }