/* MOAT 站台共用外框（導覽＋手機選單＋頁尾）— 單一來源。頁面只需載入此檔與 chrome.js。 */
:root{--c-bg:#000;--c-fg:#fff;--c-fg2:rgba(255,255,255,.75);--c-fg3:rgba(255,255,255,.46);--c-line:rgba(255,255,255,.16);--c-line2:rgba(255,255,255,.09);--c-max:1240px;--c-gut:40px;--c-ease:cubic-bezier(.16,.84,.44,1);}
header.nav{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.96);border-bottom:1px solid var(--c-line2);}
.nav-inner{max-width:var(--c-max);margin:0 auto;padding:22px var(--c-gut);display:flex;align-items:center;justify-content:space-between;min-height:78px;}
.nav-logo{display:block;} .nav-logo img{height:30px;width:auto;display:block;}
.nav-links{display:flex;gap:40px;list-style:none;} .nav-links a{font-size:13px;letter-spacing:.09em;color:var(--c-fg2);text-decoration:none;} .nav-links a:hover,.nav-links a[aria-current]{color:var(--c-fg);}
.nav-right{display:flex;align-items:center;gap:14px;}
.nav-contact{display:none;font-size:12px;line-height:1;letter-spacing:.12em;padding:7px 14px;border:1px solid var(--c-line);border-radius:999px;color:var(--c-fg);text-decoration:none;}
button.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:6px;cursor:pointer;} .nav-burger span{width:22px;height:1px;background:var(--c-fg);display:block;transition:transform .3s var(--c-ease),opacity .2s;}
.m-menu{position:fixed;inset:0;z-index:48;background:#000;padding:calc(64px + 36px) 22px 40px;display:none;opacity:0;transition:opacity .3s var(--c-ease);overflow-y:auto;}
.m-menu.is-open{opacity:1;} .m-menu nav{display:flex;flex-direction:column;}
.m-menu a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:24px 0;border-bottom:1px solid var(--c-line2);font-size:28px;font-weight:500;letter-spacing:.02em;color:var(--c-fg);text-decoration:none;}
.m-menu a span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-fg3);font-weight:400;}
.m-menu a.m-cta{margin-top:14px;border:1px solid var(--c-line);border-radius:999px;padding:18px 24px;font-size:18px;}
html.menu-open,html.menu-open body{overflow:hidden;}
html.menu-open .nav-burger span:nth-child(1){transform:translateY(6px) rotate(45deg);} html.menu-open .nav-burger span:nth-child(2){opacity:0;} html.menu-open .nav-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
footer.site-footer{border-top:1px solid var(--c-line2);padding:84px 0 44px;}
.site-footer .wrap{max-width:var(--c-max);margin:0 auto;padding:0 var(--c-gut);}
.f-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:56px;} .f-logo img{width:156px;height:auto;display:block;margin-bottom:30px;}
.f-line{font-size:15px;color:var(--c-fg2);} .f-meta{font-size:12px;color:var(--c-fg3);margin-top:14px;}
.f-col h4{font-size:11px;letter-spacing:.14em;color:var(--c-fg3);font-weight:400;margin-bottom:20px;} .f-col a{display:block;font-size:14px;color:var(--c-fg2);margin-bottom:14px;text-decoration:none;} .f-col a:hover{color:var(--c-fg);}
.f-bottom{border-top:1px solid var(--c-line2);padding-top:26px;font-size:12px;color:var(--c-fg3);}
@media (max-width:900px){
  :root{--c-gut:22px;}
  .nav-inner{min-height:64px;padding-top:18px;padding-bottom:18px;} .nav-links{display:none;} .nav-contact{display:inline-flex;} button.nav-burger{display:flex;} .nav-logo img{height:24px;}
  .m-menu{display:block;visibility:hidden;} .m-menu.is-open{visibility:visible;}
  footer.site-footer{padding:60px 0 40px;} .f-top{grid-template-columns:1fr 1fr;gap:36px 24px;} .f-brand{grid-column:1/-1;} .f-logo img{width:132px;}
}
@media (min-width:901px){.m-menu{display:none!important;}}