.nav-inner{min-height:76px}.nav-links{gap:24px}.nav-links a{font-family:'Noto Sans TC',sans-serif;font-size:13px;font-weight:500;white-space:nowrap}
.nav-links .nav-subscribe{gap:12px;background:#e5ec27;color:#15190f;border:1px solid #15190f;border-radius:100px;min-height:44px;padding:5px 18px;font-weight:700}
.nav-links .nav-subscribe:hover{background:#15190f;color:#e5ec27}
.nav-menu-toggle{display:none}
.floating-subscription{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:25;width:236px;max-width:calc(100vw - 40px)}
.floating-subscription[hidden]{display:none}
.floating-subscription-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px 14px 20px;border:1px solid #15190f;border-radius:100px;background:#e5ec27;color:#15190f;text-decoration:none;box-shadow:0 5px 0 #15190f,0 10px 28px #15190f26;font-family:'Noto Sans TC',sans-serif;transition:background .15s,transform .15s}
.floating-subscription-link:hover{background:#f5fa68;transform:translateY(-2px)}
.floating-subscription-link:focus-visible{outline:3px solid #15190f;outline-offset:6px}
.floating-subscription-copy{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.floating-subscription-copy strong{font-size:15px;font-weight:700;line-height:1.6}.floating-subscription-copy>span{font-size:10px;font-weight:400;line-height:1.6;color:#39430f}
.floating-subscription-arrow{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;background:#15190f;color:#e5ec27;font:21px/1 system-ui,sans-serif}
html{scroll-padding-bottom:110px}
@media(max-width:900px){.nav-links{gap:17px}.nav-links a{font-size:12px}.nav-links .nav-subscribe{padding-inline:15px}}
@media(max-width:780px){.nav-inner{min-height:68px}.nav-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:76px;min-height:44px;padding:5px 12px;border:1px solid #15190f;border-radius:100px;background:transparent;color:#15190f;font:500 12px/1.5 'Noto Sans TC',sans-serif;cursor:pointer}.menu-icon{position:relative;display:block;width:16px;height:14px}.menu-icon span{position:absolute;left:0;width:16px;height:1.5px;background:#15190f}.menu-icon span:first-child{top:3px}.menu-icon span:last-child{top:10px}.nav[data-menu-open] .menu-icon span:first-child{top:6px;transform:rotate(45deg)}.nav[data-menu-open] .menu-icon span:last-child{top:6px;transform:rotate(-45deg)}.nav-links{display:none;position:absolute;inset:100% 0 auto;margin:0;padding:12px max(22px,calc((100vw - 600px)/2)) 20px;background:#fff;border-top:1px solid #e0e5d0;border-bottom:1px solid #b6bf96;box-shadow:0 10px 20px #15190f12;max-height:calc(100dvh - 76px);overflow:auto;gap:0}.nav[data-menu-open] .nav-links{display:grid;grid-template-columns:1fr}.nav-links a{font-size:15px;min-height:52px;padding:8px 12px;justify-content:space-between}.nav-links .nav-subscribe{min-height:50px;margin-top:8px;padding:8px 17px}.floating-subscription{right:20px;bottom:calc(20px + env(safe-area-inset-bottom));width:228px}.floating-subscription-link{padding:12px 14px 12px 18px}}
@media(max-width:480px){.nav-menu-toggle{font-size:11px;min-width:74px}.floating-subscription{left:20px;right:20px;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;max-width:none}.floating-subscription-link{padding:11px 16px 11px 20px}.floating-subscription-copy strong{font-size:14px}.floating-subscription-copy>span{font-size:10px}.floating-subscription-arrow{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.floating-subscription-link{transition:none}.floating-subscription-link:hover{transform:none}}
@media print{.floating-subscription,.nav-menu-toggle{display:none!important}}