/* 全站共用頁首選單（首頁以外的每一頁） */
.gnav{position:relative;z-index:60;background:#4B3593;border-bottom:3px solid #F7CF5E;font-family:'Noto Sans TC',system-ui,sans-serif}
.gnav .gin{max-width:1280px;margin:0 auto;padding:0 16px;height:64px;display:flex;align-items:center;gap:12px}
.gnav .glogo{flex:none;display:flex;align-items:center}
.gnav .glogo img{height:44px;width:auto;display:block}
.gnav .gl{flex:1;display:flex;justify-content:center;gap:2px;min-width:0}
.gnav .gi{display:flex;flex-direction:column;align-items:center;padding:6px 9px;border-radius:10px;color:#fff;text-decoration:none;line-height:1.2}
.gnav .gi b{font-size:15px;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.gnav .gi i{font-style:normal;font-size:9px;letter-spacing:.12em;opacity:.75;white-space:nowrap}
.gnav .gi:hover{background:rgba(255,255,255,.12)}
.gnav .gi.on{box-shadow:inset 0 -3px 0 #F7CF5E}
.gnav .gcta,.hcta{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;color:#fff;font-weight:700;font-size:15px;letter-spacing:.12em;text-decoration:none;padding:9px 20px;border-radius:999px;white-space:nowrap;background:linear-gradient(180deg,#6B52C8 0%,#4B3593 100%);border:2px solid rgba(255,231,163,.85);box-shadow:0 0 0 2px rgba(255,255,255,.35),0 4px 12px rgba(40,20,110,.45),inset 0 2px 4px rgba(255,255,255,.25);transition:transform .2s,box-shadow .2s}
.gnav .gcta svg{width:18px;height:18px}
.gnav .gcta:hover,.hcta:hover{transform:translateY(-2px);box-shadow:0 0 0 2px rgba(255,255,255,.5),0 0 18px 4px rgba(247,207,94,.7)}
/* 課程介紹、初階班、中階班主視覺上的立即報名：跟首頁一樣的大小比例 */
.hcta{position:absolute;z-index:5;padding:0;gap:.55cqw;font-size:1.12cqw;border-width:.14cqw;box-shadow:0 0 0 .12cqw rgba(255,255,255,.35),0 .3cqw 1cqw rgba(40,20,110,.45),inset 0 .15cqw .3cqw rgba(255,255,255,.25)}
.hcta svg{width:1.45cqw;height:1.45cqw}
.gnav .gham{display:none;flex:none;background:rgba(255,255,255,.12);border:0;border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;cursor:pointer}
.gnav .gdrop{position:absolute;left:0;right:0;top:100%;background:#4B3593;border-bottom:3px solid #F7CF5E;padding:10px 16px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;box-shadow:0 12px 24px rgba(40,20,90,.3)}
.gnav .gdrop[hidden]{display:none}
.gnav .gd{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;line-height:1.25}
.gnav .gd b{font-size:15px}.gnav .gd i{font-style:normal;font-size:9px;letter-spacing:.1em;opacity:.75}
.gnav .gd.on{background:rgba(247,207,94,.28)}
.gnav .gcta2{background:#F7CF5E;color:#4B3593;justify-content:center}
@media (max-width:1180px){.gnav .gi{padding:6px 6px}.gnav .gi b{font-size:14px}}
@media (max-width:1060px){.gnav .gl{display:none}.gnav .gham{display:flex}.gnav .gin{justify-content:space-between}.gnav .gcta{margin-left:auto}}
@media (max-width:420px){.gnav .gcta{padding:8px 13px;font-size:14px;letter-spacing:.06em}.gnav .gcta svg{display:none}.gnav .glogo img{height:38px}}
/* 遊戲頁原本的工具列留著（金幣、經驗值），只拿掉重複的標誌 */
.gnav~#dc-root header.top .logo img,.gnav~* header.top .logo img{display:none}
/* 登入前後切換：還沒登入看「養成遊戲／登入」，登入後看「夢想小屋／我的學院／登出」 */
html.hma-in [data-guest]{display:none!important}
html:not(.hma-in) [data-member]{display:none!important}
/* 課程地圖：關卡按鈕與關卡標籤的字放進框框裡 */
.m-root .lv .zh{font-size:.94cqw;letter-spacing:.02em}
.m-root .lv .en{font-size:.56cqw;letter-spacing:.06em}
.m-root .lv{padding-left:.6cqw;padding-right:3cqw}
.m-root .badge{width:7.6%!important;margin-left:-.5%;font-size:.62cqw;letter-spacing:.04em;padding:0 .4cqw}
/* 管理後台：只有管理員帳號看得到 */
html:not(.hma-admin) [data-admin]{display:none!important}
.gnav .gd[data-admin]{background:rgba(247,207,94,.22)}
/* 電腦版右上角也有選單按鈕（跟首頁一樣） */
.gnav .gham{display:flex}
@media (min-width:1061px){.gnav .gdrop{left:auto;right:16px;width:420px;border:3px solid #F7CF5E;border-radius:0 0 18px 18px}}
/* 官方 LINE QR Code（設計稿頁面用） */
.lqr{margin:14px auto 0;display:flex;flex-direction:column;align-items:center;gap:6px}
.lqr img{width:128px;height:128px;border-radius:14px;border:2px solid #E4DAFB;background:#fff}
.lqr figcaption{font-size:13px;color:#6E5E82;font-weight:700}