/* ═══ 1104 共用頂欄（獨立頁用；＝首頁 index.html 的 #topbar）═══
   這些頁不載 css/style.css，所以把 style.css 的 .topbar／.logo／.topNav 規則（含手機兩列、固定置頂、body padding-top＝--topbarH）
   原樣搬來並全部掛在 .site-topbar 底下，變數改字面值（--lite #F3EFE6、--teal-br #4FC8BE）；不會碰到頁面其他元素。
   連結是純 <a href> 回官網各分頁，沒有 data-tab／JS 切換。 */
.site-topbar{position:fixed;top:0;left:0;right:0;z-index:60;box-sizing:border-box;margin:0;padding:6px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;background:rgba(10,12,16,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 14px rgba(0,0,0,.4);font-family:'Noto Sans TC',sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased;}
.site-topbar *{box-sizing:border-box;}
.site-topbar .logoLink{display:block;line-height:0;}
.site-topbar .logo{height:40px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(240,234,218,.30));}
.site-topbar .topNav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;padding:0;margin:0;max-width:none;flex:0 1 auto;}
.site-topbar .topNav a{font-size:14px;font-weight:700;color:#F3EFE6;text-decoration:none;padding:7px 13px;border-radius:999px;border:1.5px solid rgba(255,255,255,.28);background:rgba(20,23,28,.45);white-space:nowrap;}
.site-topbar .topNav a.on{background:#4FC8BE;border-color:#4FC8BE;color:#0b1512;}
@media (max-width:600px){
  .site-topbar{padding:5px 6px 6px;gap:2px 8px;}
  .site-topbar .logo{display:none;}
  .site-topbar .topNav{gap:4px 4px;}
  .site-topbar .topNav a{font-size:12px;padding:8px 9px;line-height:1.7;}
  .site-topbar .topNav a.navGuide{display:none;}   /* 1108：第 10 項「新手攻略」手機藏（同首頁 style.css；避免三列） */
}
/* 固定頂欄的高度由頁內小腳本量好寫進 --topbarH；沒量到時先用桌機一列的 53px */
body{padding-top:var(--topbarH,53px);}