:root{--site-header-height:92px}
header.fortune-nav{box-sizing:border-box;height:var(--site-header-height);position:sticky;top:0;z-index:65;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 max(40px,calc((100vw - 1320px)/2));background:#102422;color:#e7dcc6;border-bottom:1px solid #c4a66f36;font:400 13px/1.5 'Noto Sans TC',system-ui,sans-serif;transition:box-shadow .25s}
.fortune-nav *{box-sizing:border-box}
.fortune-nav.scrolled{box-shadow:0 5px 25px #0003}
.fortune-nav a{color:#e7dcc6;text-decoration:none;touch-action:manipulation}
.fortune-nav a:focus-visible,.fortune-nav button:focus-visible{outline:2px solid #d2b67f;outline-offset:4px}
.fortune-nav .fortune-brand{display:flex;align-items:center;gap:14px;font-family:'Noto Serif TC',serif;font-size:25px;font-weight:400;letter-spacing:.18em;line-height:1.5;flex-shrink:0}
.fortune-nav .fortune-brand small{font-family:'Noto Sans TC',system-ui,sans-serif;display:block;font-size:8px;letter-spacing:.22em;color:#b8a889;margin-top:4px}
.fortune-nav .moon-mark{font-family:serif;font-size:45px;line-height:1;color:#c4a66f}
.fortune-nav nav{display:flex;align-items:center;gap:31px;font-size:13px;letter-spacing:.09em}
.fortune-nav nav>a{display:flex;align-items:center;min-height:44px;padding:12px 0;white-space:nowrap;transition:color .2s}
.fortune-nav nav>a:hover,.fortune-nav nav>a[aria-current=page]{color:#e4c88e}
.fortune-nav nav>a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.fortune-nav nav .nav-book{border:1px solid #c4a66f80;padding:11px 19px;color:#e4c88e}
.fortune-nav .nav-book span{padding-left:20px}
.fortune-nav .menu-toggle{display:none;background:none;border:0;color:#e3cfab;min-height:44px;min-width:44px;padding:10px;cursor:pointer}
@media(max-width:1200px){header.fortune-nav{padding:0 28px}.fortune-nav nav{gap:18px;font-size:12px}.fortune-nav .fortune-brand{font-size:22px}}
@media(max-width:1000px){:root{--site-header-height:76px}.fortune-nav .fortune-brand{font-size:21px}.fortune-nav .menu-toggle{display:flex;align-items:center;justify-content:center}.fortune-nav nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--site-header-height));overflow:auto;background:#102422;padding:20px 28px 28px;flex-direction:column;align-items:stretch;gap:4px;border-bottom:1px solid #c4a66f}.fortune-nav nav.is-open{display:flex}.fortune-nav nav .nav-book{margin-top:12px}}
@media(max-width:600px){:root{--site-header-height:72px}header.fortune-nav{padding:0 20px}.fortune-nav .fortune-brand{gap:9px}.fortune-nav .moon-mark{font-size:34px}.fortune-nav .fortune-brand small{font-size:7px}}