/* 全站綠外框統一（2026-10-04 使用者指定：照「注音躲貓貓」遊戲頁的綠外框＋L5 小招牌 LOGO＋外框外淡綠背景，套到所有左上有阿桀 LOGO 的綠外框頁）。
   每頁最後載入。右上功能按鈕不改；主畫面（白色區）大小不變：整台 pad 往上（上邊距→3px）、往下（下邊距→9px）延伸，下框變薄（FUN學奇機 標字照留），
   上框加厚到 Codex 同樣厚度（1440×900 外緣到白色主畫面 84px；1280×650 67px；1024×768 74px）。
   外緣層次：淺綠外框線 #A7CB88 → 極淺高光線 #E5F0D4 → 130° 漸層綠 → 下緣深綠內影＋機身厚度。LOGO 文字由 fun-brand.js 產生（.hzl-5）。 */
html:root,html:root body,html:root body.fun-game,html:root body.fun-portal{background:#E6EDDC!important}

/* ── 遊戲頁（.learning-machine 84 款、body>.machine 翻翻樂／立體繪本 6 款） */
html:root body.fun-game .learning-machine,html:root body>.machine{height:calc(100dvh - 12px)!important;margin:3px auto 9px!important;padding-bottom:27px!important;border-radius:34px!important;
 background:linear-gradient(130deg,#B3D792,#8CBC70 48%,#6AA15C)!important;
 box-shadow:0 0 0 3px #A7CB88,inset 0 2px 0 #E5F0D4,inset 0 4px 0 rgba(255,255,255,.18),inset 0 -6px 0 #528645,0 9px 0 #366540,0 18px 30px rgba(54,101,64,.22)!important}
html:root body.fun-game .learning-machine>header,html:root body>.machine>header{height:73px!important;min-height:73px!important;max-height:73px!important}
html:root body.fun-game .learning-machine>main,html:root body>.machine>main{box-shadow:0 -3px 0 #6E9F57,inset 0 5px 0 rgba(30,80,45,.12),inset 0 9px 16px rgba(30,70,45,.18),0 0 0 3px #A7CB88!important}
html:root .fp-bottom-mark{bottom:9px!important}
@media(max-height:700px){
 html:root body.fun-game .learning-machine,html:root body>.machine{height:calc(100dvh - 8px)!important;margin:4px auto!important;padding-bottom:30px!important;border-radius:28px!important}
 html:root body.fun-game .learning-machine>header,html:root body>.machine>header{height:58px!important;min-height:58px!important;max-height:58px!important}
 html:root .fp-bottom-mark{bottom:10px!important}}
@media(max-width:1100px) and (min-height:701px){
 html:root body.fun-game .learning-machine,html:root body>.machine{height:calc(100dvh - 7px)!important;margin:3px auto 4px!important;padding-bottom:24px!important;border-radius:28px!important}
 html:root body.fun-game .learning-machine>header,html:root body>.machine>header{height:65px!important;min-height:65px!important;max-height:65px!important}
 html:root .fp-bottom-mark{bottom:7px!important}}

/* ── 入口網站（登入、首頁、分類頁、紀錄、老師後台） */
html:root body.fun-portal .portal-machine.portal-machine{top:3px!important;bottom:9px!important;border-radius:34px!important;padding-top:81px!important;padding-bottom:8px!important;
 background:linear-gradient(130deg,#B3D792,#8CBC70 48%,#6AA15C)!important;
 box-shadow:0 0 0 3px #A7CB88,inset 0 2px 0 #E5F0D4,inset 0 4px 0 rgba(255,255,255,.18),inset 0 -6px 0 #528645,0 9px 0 #366540,0 18px 30px rgba(54,101,64,.22)!important}
html:root body.fun-portal .portal-machine.portal-machine>main{box-shadow:0 -3px 0 #6E9F57,inset 0 5px 0 rgba(30,80,45,.12),inset 0 9px 16px rgba(30,70,45,.18),0 0 0 3px #A7CB88!important}
html:root body.fun-portal .portal-machine.portal-machine>footer.fp-bottom-footer{padding:5px 0 0!important}
html:root body.fun-portal .topbar.topbar{height:77px!important}
html:root body.fun-portal .topbar .where{text-shadow:0 2px 0 #528645!important}
@media(max-height:700px),(max-width:1100px){
 html:root body.fun-portal .portal-machine.portal-machine{top:4px!important;bottom:4px!important;border-radius:28px!important;padding-top:64px!important;padding-bottom:8px!important}
 html:root body.fun-portal .portal-machine.portal-machine>footer.fp-bottom-footer{padding:8px 0 2px!important}
 html:root body.fun-portal .topbar.topbar{height:60px!important}}
@media(max-width:1100px) and (min-height:701px){
 html:root body.fun-portal .portal-machine.portal-machine{top:3px!important;padding-top:71px!important;padding-bottom:7px!important}
 html:root body.fun-portal .portal-machine.portal-machine>footer.fp-bottom-footer{padding:5px 0 0!important}
 html:root body.fun-portal .topbar.topbar{height:67px!important}}

/* ── 版權頁（copyright.html 的 .shell） */
html:root body>.shell{top:3px;bottom:9px;padding:81px 12px 27px;border-radius:34px;background:linear-gradient(130deg,#B3D792,#8CBC70 48%,#6AA15C);
 box-shadow:0 0 0 3px #A7CB88,inset 0 2px 0 #E5F0D4,inset 0 4px 0 rgba(255,255,255,.18),inset 0 -6px 0 #528645,0 9px 0 #366540,0 18px 30px rgba(54,101,64,.22)}
html:root body>.shell>header{height:77px}
html:root body>.shell>main{box-shadow:0 -3px 0 #6E9F57,inset 0 5px 0 rgba(30,80,45,.12),inset 0 9px 16px rgba(30,70,45,.18),0 0 0 3px #A7CB88!important}
html:root body>.shell>.mark{bottom:9px}
html:root body>.shell header a.back{box-shadow:0 4px 0 #528645}
@media(max-height:700px){html:root body>.shell{top:4px;bottom:4px;padding:64px 8px 30px;border-radius:28px}html:root body>.shell>header{height:60px}html:root body>.shell>.mark{bottom:10px}}
@media(max-width:1100px) and (min-height:701px){html:root body>.shell{top:3px;bottom:4px;padding:71px 8px 24px;border-radius:28px}html:root body>.shell>header{height:67px}html:root body>.shell>.mark{bottom:7px}}

/* ── L5 小招牌 LOGO（米白小招牌＋右側兩顆小螺絲＋綠色底座，機器人從左邊探出頭；F・U・N 三色，U 是橘色） */
html:root body .ajie-link.ajie-link{translate:none!important;margin:0 0 0 6px!important;padding:4px 6px!important;border-radius:14px;line-height:1!important;text-decoration:none!important}
html:root body .ajie-link.ajie-link:hover,html:root body .ajie-link.ajie-link:focus-visible{background:rgba(255,255,255,.22)!important;transform:none}
html:root body .ajie-link .hzl{display:inline-flex;align-items:center;gap:10px;line-height:1;color:#1F543C!important;white-space:nowrap;position:relative}
html:root body .ajie-link .hzl img{display:block!important;object-fit:contain;animation:hz-logo-bob 4s ease-in-out infinite;rotate:none!important;margin:0!important;max-width:none!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html:root body .ajie-link .hzl small,html:root body .ajie-link .hzl b,html:root body .ajie-link .hzl span{color:inherit}
html:root body .ajie-link .hzl small,html:root body .ajie-link .hzl b,html:root body .ajie-link .hzl i{font-style:normal}
html:root body .ajie-link .hzl-t{display:flex;flex-direction:column}
html:root body .ajie-link .hzl-5{padding:7px 18px 7px 52px;margin-left:14px;border-radius:16px;
 background:radial-gradient(circle at calc(100% - 8px) 8px,#B6D59A 2.6px,transparent 3.2px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#B6D59A 2.6px,transparent 3.2px),linear-gradient(#FFFEF6,#F1F7E4);
 box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #CFE3BC,0 4px 0 2px #5E9450,0 8px 12px rgba(30,70,40,.2)}
html:root body .ajie-link .hzl-5 img{position:absolute;left:-18px;bottom:-6px;width:62px!important;height:70px!important;filter:drop-shadow(2px 3px 2px rgba(30,70,40,.3))!important}
html:root body .ajie-link .hzl-5 small{font-size:9.5px;font-weight:900;letter-spacing:3px;color:#4E9A3E;margin-bottom:3px}
html:root body .ajie-link .hzl-5 b{display:flex;align-items:baseline;font-size:25px;font-weight:900}
html:root body .ajie-link .hzl-5 b i:nth-child(1){color:#2E7D45}html:root body .ajie-link .hzl-5 b i:nth-child(2){color:#FFA53D;text-shadow:0 1px 0 #C2701E}html:root body .ajie-link .hzl-5 b i:nth-child(3){color:#4FA552}
html:root body .ajie-link .hzl-5 b span{font-size:20px;color:#1F543C;margin-left:6px}
@keyframes hz-logo-bob{50%{transform:translateY(-2px) rotate(-3deg)}}
@media(max-height:700px),(max-width:1100px){html:root body .ajie-link .hzl{zoom:.84}}
@media(prefers-reduced-motion:reduce){html:root body .ajie-link .hzl img{animation:none}}

/* ── 2026-10-04 LOGO 新版（使用者選 W4 雷射掃描）：沒有米白招牌、沒有「阿桀老師的」，只有小機器人＋「FUN學奇機」（登入頁同款字縮小版、白色細描邊）＋白色雷射星光線（fun-brand.js 產生與動畫）。
   字（SVG 108.5×30.9px，含 U 跳起空間與下方星光線）垂直中心＝SVG 上緣往下 (489-398)×19/117＝14.78px；機器人高 70px → 上緣 14.78-35＝-20.22px，兩者中心齊高；字從 64px 起，不被機器人擋住 */
html:root body .ajie-link .hzl-5.hzl-lw{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0 0 0 64px!important;margin-left:0!important}
html:root body .ajie-link .hzl-5.hzl-lw img{position:absolute;left:0!important;top:-20.22px!important;bottom:auto!important;width:62px!important;height:70px!important;filter:drop-shadow(1px 2px 2px rgba(30,70,40,.3))!important}
html:root body .ajie-link .hzl-5.hzl-lw .hzl-wm{display:block;width:108.5px;height:30.9px;overflow:visible}