@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;--pink:#f6b1aa;--ink:#153f3b;--paper:#fff;--pink-light:#fff3f0;--muted:#405c57;--line:#153f3b;--yellow:var(--pink);--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}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}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(--pink);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.container{width:min(1360px,100% - 112px);margin-inline:auto}.button{background:var(--pink);border:2px solid var(--ink);min-height:56px;color:var(--ink);box-shadow:6px 6px 0 var(--ink);letter-spacing:.035em;border-radius:999px;justify-content:center;align-items:center;gap:20px;padding:16px 28px;font-size:15px;font-weight:800;line-height:1.5;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.button:active{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.button-small{gap:14px;min-height:46px;padding:11px 22px;font-size:14px}.button-outline,.button-outline:hover{background:var(--teal);color:var(--ink)}.arrow{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.text-link{border-bottom:2px solid;align-items:center;gap:14px;padding-block:5px;font-size:15px;font-weight:750;display:inline-flex}.text-link:hover{color:#087879}.section-label{letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:800}.highlight{--marker-progress:100%;background:linear-gradient(transparent 70%, var(--pink) 70%, var(--pink) 93%, transparent 93%);background-repeat:no-repeat;background-size:var(--marker-progress,100%) 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}.site-header{z-index:20;background:var(--paper);border-bottom:2px solid var(--ink);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:30px;height:86px;display:flex}.brand{flex-shrink:0;align-items:center;display:inline-flex}.brand-mark{flex-direction:column;align-items:center;width:214px;display:flex}.brand-logo{width:100%;height:auto}.brand-caption{color:var(--ink);letter-spacing:.18em;white-space:nowrap;margin-top:-6px;font-size:11px;font-style:italic;font-weight:900;line-height:1.15;display:block}.site-header nav{align-items:center;gap:32px;font-size:15px;font-weight:800;display:flex}.site-header nav>a:not(.button){padding-block:7px;position:relative}.site-header nav>a:not(.button):after{content:"";inset-inline:0;background:var(--pink);transform-origin:0;height:5px;transition:transform .18s;position:absolute;bottom:3px;transform:scaleX(0)skew(-12deg)}.site-header nav>a:not(.button):hover:after,.site-header nav>a:not(.button):focus-visible:after{transform:scaleX(1)skew(-12deg)}.menu-toggle{background:var(--pink);border:2px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);border-radius:12px;padding:9px;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{background:var(--paper);padding-top:45px}.footer-top{grid-template-columns:auto 1fr auto;align-items:center;gap:38px;padding-bottom:34px;display:grid}.footer-top .brand-mark{width:238px}.footer-top .brand-caption{color:#087879;letter-spacing:.23em;font-size:12px}.footer-top p{border-left:2px solid var(--ink);letter-spacing:.12em;width:fit-content;padding:4px 0 13px 34px;font-size:21px;font-style:italic;font-weight:900;line-height:1.65;position:relative}.footer-top p:after{content:"";background:var(--pink);width:145px;height:7px;position:absolute;bottom:2px;left:34px;transform:skew(-20deg)rotate(-3deg)}.footer-top .text-link{align-self:center}.footer-bottom{border-top:1px solid var(--ink);color:var(--muted);letter-spacing:.04em;align-items:center;gap:30px;padding-block:23px;font-size:11px;display:flex}.footer-bottom span:nth-child(2){margin-left:auto}.footer-bottom a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}@media (min-width:1600px){.container{width:min(1440px,100% - 160px)}}@media (max-width:1000px){.container{width:calc(100% - 64px)}.header-inner{gap:24px}.site-header .brand-mark{width:186px}.site-header nav{gap:20px;font-size:14px}.site-header .button-small{padding-inline:17px}.footer-top{gap:25px}.footer-top .brand-mark{width:205px}.footer-top p{padding-left:24px;font-size:18px}.footer-top p:after{width:125px;left:24px}}@media (max-width:700px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.header-inner{height:74px}.site-header .brand-mark{width:175px}.brand-caption{margin-top:-5px;font-size:10px}.menu-toggle{display:block}.site-header nav{background:var(--paper);border-bottom:2px solid var(--ink);box-shadow:0 5px 0 var(--pink);align-items:stretch;gap:8px;padding:20px 24px 30px;display:none;position:absolute;top:100%;left:0;right:0}.site-header nav.is-open{flex-direction:column;display:flex}.site-header nav>a:not(.button){padding:12px 8px}.site-header nav>a:not(.button):after{max-width:72px;left:8px}.site-header nav>.button{margin-top:8px}.button{padding:14px 23px;font-size:14px}.site-footer{padding-top:30px}.footer-top{grid-template-columns:1fr auto;align-items:center;gap:24px 14px;padding-bottom:28px}.footer-top .brand-mark{width:180px}.footer-top .brand-caption{font-size:10px}.footer-top p{grid-area:2/1/auto/-1;padding-left:19px;font-size:18px}.footer-top p:after{left:19px}.footer-top .text-link{gap:6px;font-size:12px}.footer-bottom{flex-wrap:wrap;gap:12px 18px;padding-block:21px;font-size:10px}.footer-bottom span:nth-child(2){margin-left:0}.footer-bottom a{margin-left:auto}}@media (max-width:370px){.site-header .brand-mark{width:163px}.footer-top .brand-mark{width:165px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.button:hover,.button:active{transform:none}}
