/* 會員區三頁（我的課程／佈告欄／許願池）＋費用說明共用的導覽樣式。
 *
 * ⚠️ **唯一的一份**（2026-08-05）。之前四頁各自複製，佈告欄的字重繼承到
 * body 的 300、其他頁是 400 —— 三頁互點按鈕忽大忽小（使用者發現）。
 * 所有值在這裡寫死，不留任何 inherit 的縫。
 *
 * 需要頁面提供 :root 變數：--footer-h（97px；≤540px 88px 由本檔覆寫）。
 */

/* ★ **捲軸位置永遠保留**（2026-08-06 使用者：按三顆按鈕整個底部列都會動）。
 * 底部列是 fixed + 內層 max-width:800 置中，所以它的位置取決於「可視區有多寬」。
 * Windows 的傳統捲軸會佔掉約 15px：有捲軸的頁與沒捲軸的頁差 15px，置中的內層就差 7–8px ——
 * 三頁互點時看起來就是整條列在左右跳。
 * scrollbar-gutter:stable 讓捲軸的位置一律先留著，頁面捲不捲都一樣寬。
 * （另一半是把兩頁「內容再少也會捲 60px」的 min-height 修掉，見各頁的 .body_in。） */
html{scrollbar-gutter:stable}

/* ── 頂列：返回報名。sticky＋桌機滿版左右到底（同首頁費用說明條） */
.index_aboutBg{
  position:sticky;top:0;z-index:40;
  width:100vw;margin-left:calc(50% - 50vw);
  background:#3c3739;height:60px;border-bottom:1px solid rgba(255,255,255,.07);
}
.index_aboutBg a{
  height:60px;display:flex;align-items:center;justify-content:center;gap:10px;
  color:#fff;font-family:Jost,"Noto Sans TC",sans-serif;font-weight:400;
  font-size:min(max(3.7vw,14px),16px);letter-spacing:3px;
  transition:background .2s ease;text-decoration:none;
}
.index_aboutBg a:hover{background:#474142}
.index_aboutBg svg{width:20px;height:20px;flex:none;opacity:.85}

/* ── 底部固定列：我的課程｜佈告欄｜許願池 */
.footer_main_function{
  position:fixed;left:0;right:0;bottom:0;height:var(--footer-h,97px);
  background:#221f1f;z-index:30;
}
.footer_main_function .inner{
  max-width:800px;margin:0 auto;height:var(--footer-h,97px);
  display:flex;align-items:center;
}
.footer_main_function .inner > *{flex:1;text-align:center}
.footer_main_function a{
  background:none;border:0;cursor:pointer;color:#fff;text-decoration:none;
  font-family:Jost,"Noto Sans TC",sans-serif;font-weight:400;
  font-size:16px;letter-spacing:1px;line-height:1.4;display:inline-block;
}
.footer_main_function .on{color:#eea2b3}
.footer_main_function .cn{display:block;font-size:.95em;margin-top:4px;font-weight:400}

@media (max-width:540px){
  .footer_main_function{height:88px}
  .footer_main_function .inner{height:88px}
  .footer_main_function a{font-size:11px}
}