@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&family=Raleway:wght@500;700;800;900&family=Roboto:wght@400;500;700&display=swap";:root{--nav-side-size:min(84vw, 360px);--nav-vertical-size:min(70dvh, 320px);--nav-speed:.38s}.site,.standard-page{transition:transform var(--nav-speed) cubic-bezier(.2, .7, .2, 1)}.site.nav-pushed[data-nav-side=left],.standard-page.nav-pushed[data-nav-side=left]{transform:translateX(var(--nav-side-size))}.site.nav-pushed[data-nav-side=right],.standard-page.nav-pushed[data-nav-side=right]{transform:translateX(calc(0px - var(--nav-side-size)))}.site.nav-pushed[data-nav-side=top],.standard-page.nav-pushed[data-nav-side=top]{transform:translateY(var(--nav-vertical-size))}.site.nav-pushed[data-nav-side=bottom],.standard-page.nav-pushed[data-nav-side=bottom]{transform:translateY(calc(0px - var(--nav-vertical-size)))}.site-nav.offcanvas-panel.is-open{z-index:51;width:var(--nav-side-size);color:#1c2420;height:100dvh;transition:transform var(--nav-speed) cubic-bezier(.2, .7, .2, 1);background:#f5f1e9;border-right:2px solid #1c2420;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px;padding:100px 38px 38px;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:12px 0 40px #0000001f}.site-nav.offcanvas-panel.is-open a{border-bottom:1px solid #1c242038;padding:10px 0;font-size:clamp(18px,3vw,25px)}.site-nav.offcanvas-panel.is-open[data-side=right]{border-left:2px solid #1c2420;border-right:0;left:auto;right:0;transform:translate(100%)}.site-nav.offcanvas-panel.is-open[data-side=top],.site-nav.offcanvas-panel.is-open[data-side=bottom]{width:100vw;height:var(--nav-vertical-size);border-right:0;padding:68px max(32px,50vw - 500px) 28px}.site-nav.offcanvas-panel.is-open[data-side=top]{border-bottom:2px solid #1c2420;transform:translateY(-100%)}.site-nav.offcanvas-panel.is-open[data-side=bottom]{border-top:2px solid #1c2420;top:auto;bottom:0;transform:translateY(100%)}.site-nav.offcanvas-panel.is-open.is-visible{transform:translate(0,0)}.offcanvas-close{color:#1c2420;cursor:pointer;background:#ff9a3d;border:1px solid #1c2420;border-radius:50%;width:42px;height:42px;font-size:28px;line-height:1;position:absolute;top:22px;right:24px}.nav-scrim{z-index:50;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity var(--nav-speed);background:#11191670;border:0;position:fixed;inset:0}.nav-scrim.is-visible{opacity:1;pointer-events:auto}@media (width<=1100px){.site-nav.offcanvas-panel:not(.is-open){display:none}}@media (prefers-reduced-motion:reduce){.site,.standard-page,.site-nav.offcanvas-panel,.nav-scrim{transition-duration:.01ms}}.page-shell,.shell{width:min(100% - 64px,1320px);max-width:100%;margin-inline:auto;padding-inline:0}.site,.standard-page{--chrome-accent:#ff9a3d}.site-header{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f5f1e9f0;border-bottom:1px solid #1c242024;transition:box-shadow .3s;position:sticky;top:0}.site-header.headerlow{box-shadow:0 6px 24px #1c242014}.site-header.headerlow .header-inner{min-height:62px}.site-header.headerlow .brand img{height:52px}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:84px;transition:min-height .3s;display:flex}.brand{flex:none;align-items:center;width:155px;display:flex}.brand img{object-fit:contain;width:100%;height:72px;transition:height .3s}.header-caption{color:#65716b;letter-spacing:.15em;margin-right:auto;font-family:Raleway,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:10px;font-weight:800}.site-nav{align-items:center;gap:clamp(14px,2vw,26px);font-size:13px;font-weight:750;display:flex}.site-nav a{transition:color .2s ease-in-out}.site-nav a:hover,.site-nav a[aria-current=page]{color:#c65f05}.menu-button{display:none}.site-footer,.standard-footer{color:#aeb8ae;background:#111916;margin-top:60px}.footer-inner,.footer-row{letter-spacing:.06em;justify-content:space-between;align-items:center;gap:18px;min-height:70px;font-size:11px;font-weight:750;display:flex}.standard-footer{color:#faf3e8;background:#1c2420}.footer-row{letter-spacing:.08em;min-height:120px;font-size:12px}.back-to-top{z-index:19;transition:transform .2s;position:fixed;bottom:24px;right:24px}.back-to-top.hide{transform:translate(200%)}.back-to-top{background:var(--chrome-accent,#ff9a3d);cursor:pointer;border:1px solid #1c2420;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.back-to-top img{width:32px;height:32px}.back-to-top-enter-active,.back-to-top-leave-active{transition:opacity .2s,transform .2s}.back-to-top-enter-from,.back-to-top-leave-to{opacity:0;transform:translateY(15px)}@media (width<=1100px){.header-caption{display:none}.menu-button{background:0 0;border:1px solid #1c24204d;border-radius:50%;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;padding:10px;display:flex}.menu-button span{background:#1c2420;width:100%;height:2px}.site-nav.offcanvas-panel:not(.is-open){display:none}}@media (width<=760px){.page-shell{width:min(100% - 36px,1320px)}.shell{width:min(100% - 36px,620px)}.header-inner{min-height:70px}.site-header.headerlow .header-inner{min-height:58px}.site-header.headerlow .brand img{height:50px}.brand{width:120px}.brand img{height:62px}}