@font-face{font-family:Noto Sans TC Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/sunny-noto-tc-v1.woff2)format("woff2")}@font-face{font-family:Caveat Variable;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/sunny-caveat-v1.woff2)format("woff2")}:root{--teal:#28c8c8;--ink:#153f3b;--paper:#f8f7f2;--muted:#596b62;--line:#cbd4cc;--yellow:#f3df72;--serif:Georgia,"Noto Serif TC",serif;--font:"Noto Sans TC Variable","PingFang TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.85}body:before{content:"";pointer-events:none;opacity:.025;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}svg{flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.3}h1,h2{letter-spacing:-.045em}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline-offset:6px;outline:3px solid #087879}a,button{touch-action:manipulation}.container{width:min(1240px,100% - 112px);margin-inline:auto}.button{background:var(--ink);border:1px solid var(--ink);color:#fff;letter-spacing:.06em;border-radius:50px;justify-content:center;align-items:center;gap:22px;min-height:54px;padding:17px 29px;font-size:15px;font-weight:600;line-height:1.5;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:#25635a;transform:translateY(-2px)}.button-small{min-height:44px;padding:12px 22px;font-size:14px}.button-outline{color:var(--ink);border-color:var(--ink);background:0 0}.button-outline:hover{background:var(--ink);color:#fff}.arrow{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.text-link{border-bottom:1px solid;align-items:center;gap:14px;padding-block:5px;font-size:14px;font-weight:500;display:inline-flex}.text-link:hover{color:#087879}.section-label{letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:600}.highlight{--marker-progress:100%;background:linear-gradient(transparent 70%,var(--yellow) 70%,var(--yellow) 93%,transparent 93%);background-repeat:no-repeat;background-size:var(--marker-progress,100%) 100%}.site-header{z-index:20;background:#f8f7f2f7;border-bottom:1px solid #153f3b17;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:30px;height:88px;display:flex}.brand{white-space:nowrap;align-items:center;gap:17px;display:inline-flex}.brand strong{letter-spacing:.1em;font-size:29px;font-weight:900;line-height:1.2}.brand>span{letter-spacing:.22em;font-size:10px;font-weight:700}.brand-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;margin-left:3px;display:inline-block}.site-header nav{align-items:center;gap:35px;font-size:14px;font-weight:500;display:flex}.site-header nav>a:not(.button):hover{color:#087879}.menu-toggle{background:0 0;border:0;width:44px;height:44px;padding:10px;display:none}.menu-toggle span{background:var(--ink);height:2px;margin:6px 0;display:block}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:10px 20px;position:fixed;top:-100px;left:15px}.skip-link:focus{top:10px}.site-footer{padding-top:48px}.footer-top{justify-content:space-between;align-items:center;gap:20px;padding-bottom:35px;display:flex}.footer-top p{color:var(--muted);letter-spacing:.1em;font-size:14px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.04em;align-items:center;gap:30px;padding-block:24px;font-size:11px;display:flex}.footer-bottom span:nth-child(2){margin-left:auto}.footer-bottom a:hover{color:var(--ink)}@media (min-width:1600px){.container{width:min(1380px,100% - 160px)}}@media (max-width:1000px){.container{width:calc(100% - 64px)}.site-header nav{gap:22px}.brand>span{display:none}.header-inner{height:78px}.footer-top .brand>span{display:none}}@media (max-width:700px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.header-inner{height:72px}.brand strong{font-size:25px}.brand>span{letter-spacing:.16em;font-size:8px;display:block}.menu-toggle{display:block}.site-header nav{background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;gap:8px;padding:24px 24px 30px;display:none;position:absolute;top:71px;left:0;right:0;box-shadow:0 10px 20px #153f3b0c}.site-header nav.is-open{flex-direction:column;display:flex}.site-header nav>a{padding:12px 8px}.site-header nav>.button{margin-top:8px}.button{padding:15px 24px;font-size:14px}.footer-top{flex-wrap:wrap;align-items:flex-start;gap:22px}.footer-top p{order:3;width:100%;font-size:12px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:10px}.footer-bottom span:nth-child(2){margin-left:0}.footer-bottom a{margin-left:auto}.site-footer{padding-top:35px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
