:root{--color-bg: #F8F5EE;--color-surface: #FFFFFF;--color-surface-warm: #F1ECDF;--color-text: #26373A;--color-text-soft: #5B6C6E;--color-text-faint: #8A9899;--color-border: #E6E0D2;--color-primary: #00808D;--color-primary-dark: #006B76;--color-primary-fg: #FFFFFF;--teal: #00707B;--color-accent: #00C0D1;--color-accent-tint: #DDF6F7;--magenta: #EF4BFE;--magenta-tint: #FBE3FE;--sun: #FFD35A;--font-head: "Chiron GoRound TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-body: "Noto Sans TC", "Microsoft JhengHei", sans-serif;--text-eyebrow: clamp(.75rem, .73rem + .09vw, .8125rem);--text-xs: clamp(.8125rem, .78rem + .14vw, .875rem);--text-s: clamp(.9rem, .86rem + .2vw, 1rem);--text-base: clamp(1rem, .95rem + .21vw, 1.125rem);--text-m: clamp(1.0625rem, 1rem + .27vw, 1.25rem);--text-l: clamp(1.25rem, 1.1rem + .62vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-2xl: clamp(1.75rem, 1.3rem + 1.9vw, 2.75rem);--text-3xl: clamp(1.875rem, 1.2rem + 3vw, 3.5rem);--space-4xs: .125rem;--space-3xs: .25rem;--space-2xs: clamp(.5rem, .46rem + .18vw, .625rem);--space-xs: clamp(.75rem, .7rem + .27vw, 1rem);--space-s: clamp(1rem, .91rem + .45vw, 1.375rem);--space-m: clamp(1.5rem, 1.34rem + .71vw, 2rem);--space-l: clamp(2rem, 1.7rem + 1.34vw, 3rem);--space-xl: clamp(3rem, 2.46rem + 2.41vw, 4.5rem);--space-2xl: clamp(4rem, 3rem + 3.57vw, 6.5rem);--radius: 28px;--radius-s: 16px;--content-max: 1200px;--content-pad: clamp(1.25rem, .85rem + 1.79vw, 3rem);--shadow-card: 0 14px 40px -26px rgba(38, 55, 58, .35);--white: var(--color-bg);--black: var(--color-text);--red: var(--color-primary);--ink50: var(--color-text-soft);--ink20: var(--color-border);--ink15: var(--color-border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}img{height:auto}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-head);font-weight:800;line-height:1.3;letter-spacing:.01em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-l)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--content-pad)}.section{padding-block:var(--space-2xl)}.section-tight{padding-block:var(--space-xl)}.stack>*+*{margin-top:var(--space-s)}.eyebrow{font-family:var(--font-head);font-weight:700;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.pill{display:inline-block;padding:.3rem 1rem;border-radius:999px;background:var(--color-accent-tint);color:var(--teal);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em}.section-head{margin-bottom:var(--space-l);max-width:44rem}.section-head .eyebrow{margin-bottom:var(--space-3xs)}.section-head .lead{margin-top:var(--space-xs)}.lead{font-size:var(--text-m);color:var(--color-text-soft);max-width:38em}.note{font-size:var(--text-s);color:var(--color-text-soft)}.micro{font-size:var(--text-xs);color:var(--color-text-soft)}.hl{position:relative;display:inline-block;color:var(--teal)}.hl svg{position:absolute;left:-2%;bottom:-.18em;width:104%;height:.32em;overflow:visible}.hl path{stroke:var(--magenta);stroke-width:6;stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.7rem;border-radius:999px;border:2px solid transparent;font-family:var(--font-body);font-weight:500;font-size:var(--text-base);line-height:1.4;cursor:pointer;transition:transform .2s,background .2s,color .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-solid{background:var(--color-primary);color:var(--color-primary-fg)}.btn-solid:hover{background:var(--color-primary-dark)}.btn-line{border-color:var(--color-primary);color:var(--teal);background:transparent}.btn-line:hover{background:var(--color-accent-tint)}.btn-sm{padding:.5rem 1.2rem;font-size:var(--text-s)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.card{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-m);box-shadow:var(--shadow-card)}.tint-cyan{background:var(--color-accent-tint)}.tint-pink{background:var(--magenta-tint)}.tint-warm{background:var(--color-surface-warm)}.panel{border-radius:var(--radius);padding:var(--space-l)}.dots>li{position:relative;padding:.15rem 0 .15rem 1.5rem;color:var(--color-text-soft)}.dots>li:before{content:"";position:absolute;left:0;top:.9em;width:.6rem;height:.6rem;border-radius:50%;background:var(--color-accent)}.dots-pink>li:before{background:var(--magenta)}.dots strong{color:var(--color-text);font-weight:700}.ticks>li{position:relative;padding:.15rem 0 .15rem 1.6rem}.ticks>li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700}.crosses>li{position:relative;padding:.15rem 0 .15rem 1.6rem;color:var(--color-text-soft)}.crosses>li:before{content:"✗";position:absolute;left:0;color:var(--color-text-faint);font-weight:700}.gn{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:var(--space-s)}@media(max-width:1024px){.gn{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.gn{grid-template-columns:minmax(0,1fr)}}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-m);align-items:start}@media(max-width:860px){.split{grid-template-columns:minmax(0,1fr)}}.rows{border-top:1px solid var(--color-border)}.rows>*{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-s);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border)}.rows dt,.rows .k{color:var(--color-text-soft)}.rows dd,.rows .v{font-weight:500}@media(max-width:600px){.rows>*{grid-template-columns:minmax(0,1fr);gap:.15rem}}.faq details{background:var(--color-surface);border-radius:var(--radius-s);padding:0 var(--space-m);box-shadow:var(--shadow-card)}.faq details+details{margin-top:var(--space-xs)}.faq summary{cursor:pointer;list-style:none;padding:var(--space-s) 0;font-weight:700;display:flex;justify-content:space-between;gap:var(--space-s)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";color:var(--teal);flex:none}.faq details[open] summary:after{content:"－"}.faq details>p{padding:0 0 var(--space-s);color:var(--color-text-soft)}.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.js .reveal.in{opacity:1;transform:none}.js .reveal.d1{transition-delay:.12s}.js .reveal.d2{transition-delay:.24s}.js .reveal.d3{transition-delay:.36s}@keyframes bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-9px) rotate(1.5deg)}}@keyframes rise{to{transform:none}}@keyframes fade{to{opacity:1}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes dot{0%,to{opacity:.35}50%{opacity:1}}@keyframes twinkle{0%,to{transform:scale(.7) rotate(0);opacity:.5}50%{transform:scale(1.15) rotate(20deg);opacity:1}}.bob{animation:bob 4s ease-in-out infinite;transform-origin:50% 90%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1!important;transform:none!important}}.prose-md{font-size:var(--text-base);line-height:1.9}.prose-md h2{font-size:var(--text-xl);margin:2.5rem 0 1rem}.prose-md h3{font-size:var(--text-l);margin:2rem 0 .75rem}.prose-md p{margin:1rem 0}.prose-md a{color:var(--teal);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.prose-md ul,.prose-md ol{margin:1rem 0;padding-left:1.5rem}.prose-md ul{list-style:disc}.prose-md ol{list-style:decimal}.prose-md li{margin:.25rem 0}.prose-md blockquote{border-left:4px solid var(--color-accent);padding-left:1.25rem;margin:1.5rem 0;color:var(--color-text-soft)}.prose-md img{border-radius:var(--radius-s)}.prose-md code{background:var(--color-surface-warm);padding:.1em .4em;border-radius:6px;font-size:.9em}.prose-md pre{background:var(--color-text);color:#f4f1ea;padding:1rem 1.25rem;border-radius:var(--radius-s);overflow-x:auto;margin:1.5rem 0}.prose-md pre code{background:none;padding:0}.prose-md table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:var(--text-s);display:block;overflow-x:auto}.prose-md th,.prose-md td{border-bottom:1px solid var(--color-border);padding:.5rem .75rem;text-align:left}.yt-embed{margin:var(--space-m) 0;background:#000}.yt-embed iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.yt-embed-short{max-width:400px;margin-inline:auto}.yt-embed-short iframe{aspect-ratio:9 / 16}.site-head{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 96%,transparent);border-bottom:1px solid var(--color-border)}.site-head-in{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);height:76px}.brand{display:flex;align-items:center;font-family:var(--font-head);font-weight:800;font-size:var(--text-l)}.brand img{height:52px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:clamp(1rem,.4rem + 1.6vw,2rem)}.nav-link{font-size:var(--text-s);color:var(--color-text-soft);padding:.25rem 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.nav-link:hover,.nav-link[aria-current]{color:var(--teal);border-bottom-color:var(--color-accent)}.nav-burger{display:none}.site-foot{background:var(--color-surface-warm);margin-top:var(--space-2xl);padding:var(--space-xl) 0 var(--space-m)}.foot-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,.9fr);gap:var(--space-l)}.foot-grid h4{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:var(--space-xs)}.foot-brand img{height:56px;width:auto;margin-bottom:var(--space-xs)}.foot-brand p{color:var(--color-text-soft);font-size:var(--text-s);max-width:30ch}.foot-dl{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem;font-size:var(--text-s)}.foot-dl dt{color:var(--color-text-soft);white-space:nowrap}.foot-dl a:hover,.foot-social a:hover{color:var(--teal)}.foot-social{display:flex;flex-direction:column;gap:.6rem;font-size:var(--text-s)}.foot-social a{display:inline-flex;align-items:center;gap:.55rem}.foot-social svg{width:1.4em;height:1.4em;flex:none}.foot-copy{margin-top:var(--space-l);padding-top:var(--space-s);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-soft)}@media(max-width:860px){.site-head-in{height:68px}.brand img{height:46px}.nav-burger{display:flex;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:.6rem;position:relative;z-index:60;color:var(--color-text)}.nav-burger span{display:block;width:24px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}.nav-links{position:fixed;inset:0 0 0 auto;width:min(84vw,340px);background:var(--color-bg);flex-direction:column;align-items:stretch;gap:0;padding:5.5rem 1.5rem 2rem;transform:translate(110%);transition:transform .25s ease;z-index:55;box-shadow:-8px 0 32px #26373a2e;overflow-y:auto}.nav-links li{border-bottom:1px solid var(--color-border)}.nav-link{display:block;padding:1rem .25rem;font-size:var(--text-base);border-bottom:0}.nav-links .btn{width:100%;margin-top:var(--space-s)}body.nav-open .nav-links{transform:translate(0)}body.nav-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.nav-open .nav-burger span:nth-child(2){opacity:0}body.nav-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}body.nav-open:before{content:"";position:fixed;inset:0;background:#26373a66;z-index:40}.foot-grid{grid-template-columns:minmax(0,1fr)}}
