/* 夏令營 STEAM 體驗課 — 子頁共用導覽列（campbar）用法：引入本檔；；body 開頭放 .campbar 標記。當前頁的 nav 連結加 class="on"。列印時自動隱藏。 */ .campbar{position:fixed;top:0;left:0;right:0;z-index:3000;height:64px; background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px); border-bottom:3px solid #FF6B9D;display:flex;align-items:center; font-family:'Nunito','Microsoft JhengHei','PingFang TC',system-ui,sans-serif; box-shadow:0 4px 18px rgba(0,0,0,.06);} .campbar .cin{max-width:1060px;margin:0 auto;width:100%;display:flex;align-items:center;gap:10px;padding:0 16px;} .campbar .chome{display:flex;align-items:center;gap:9px;text-decoration:none;color:#2D3436;flex:0 0 auto;} .campbar .chome img{width:40px;height:40px;border-radius:11px;background:#fff;object-fit:contain; box-shadow:0 4px 14px rgba(0,0,0,.08);padding:3px;} .campbar .chome b{font-size:1rem;font-weight:900;white-space:nowrap;} .campbar nav{margin-left:auto;display:flex;gap:5px;flex-wrap:nowrap;} .campbar nav a{font-size:13px;font-weight:800;color:#636E72;text-decoration:none; padding:7px 12px;border-radius:50px;transition:.25s;white-space:nowrap;} .campbar nav a:hover{color:#fff;background:linear-gradient(135deg,#FF6B9D,#A55EEA);transform:translateY(-2px);} .campbar nav a.on{color:#fff;background:linear-gradient(135deg,#FF6B9D,#A55EEA);} .campbar .cback{flex:0 0 auto;font-size:13.5px;font-weight:900;color:#fff;text-decoration:none; padding:8px 16px;border-radius:50px;background:linear-gradient(135deg,#48DBFB,#54A0FF); box-shadow:0 6px 16px rgba(84,160,255,.3);transition:.25s;white-space:nowrap;} .campbar .cback:hover{transform:translateY(-2px) scale(1.03);} body.campbar-pad{padding-top:64px;} @media (max-width:860px){ .campbar nav{display:none;} /* 窄螢幕只留 logo + 回首頁 */ .campbar .cback{margin-left:auto;} } @media print{.campbar{display:none;} body.campbar-pad{padding-top:0;}}