:root{color-scheme:light;--color-canvas:#fff;--color-surface:#f2f6f4;--color-ink:#26312e;--color-muted:#596660;--color-accent:#1c6c66;--color-accent-hover:#16544f;--color-line:#dce4df;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;--text-display:40px;--text-heading:28px;--text-body:17px;--text-meta:14px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-section:96px;--radius-control:8px;--radius-surface:16px;--radius-capture:28px;--shadow-product:0 18px 40px #15332b29;--content-width:1040px;--reading-width:760px;--gutter:32px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-3);scrollbar-color:var(--color-accent) var(--color-surface)}body{background:var(--color-canvas);color:var(--color-ink);font:400 var(--text-body)/1.75 var(--font-sans);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0}::selection{background:var(--color-accent);color:var(--color-canvas)}a{color:var(--color-accent);text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--color-accent-hover);text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{letter-spacing:-.02em;font-weight:600;line-height:1.3}h1,h2,h3,figcaption{text-wrap:balance}h1{font-size:var(--text-display)}h2{font-size:var(--text-heading)}h3{font-size:var(--text-body)}p{color:var(--color-muted)}p,li,dd{text-wrap:pretty}:lang(zh){word-break:keep-all;line-break:strict}.phrase{vertical-align:top;max-width:100%;display:inline-block}:lang(en) .hero .intro>.phrase{text-wrap:balance}.wrap{width:min(100%, var(--content-width));padding-inline:var(--gutter);margin-inline:auto}.skip{background:var(--color-ink);color:var(--color-canvas);z-index:5;padding:12px 20px;position:absolute;top:-100px;left:16px}.skip:focus{top:16px}.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-2);display:flex}.brand{min-height:44px;color:var(--color-ink);font-size:var(--text-body);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.brand img{border-radius:6px;width:28px;height:28px}.site-header nav{align-items:center;gap:var(--space-4);display:flex}.site-header nav a{min-height:44px;font-size:var(--text-meta);color:var(--color-muted);align-items:center;text-decoration:none;display:inline-flex}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--color-accent);text-decoration:underline}.hero{text-align:center;padding-block:56px var(--space-5)}.hero-icon{width:88px;height:88px;margin:0 auto var(--space-3);border-radius:20px;display:block}.hero h1{line-height:1.25}.hero .intro{max-width:680px;margin:var(--space-3) auto var(--space-2);line-height:1.75}.text-link{min-height:44px;font-size:var(--text-body);align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}.text-link svg{flex-shrink:0}.product-stage{gap:var(--space-6);padding:var(--space-5) var(--space-4);background:var(--color-surface);border-radius:var(--radius-surface);justify-content:center;align-items:start;display:flex}.hero-product{text-align:center;width:242px}.hero-product:first-child{margin-top:var(--space-5)}.phone-capture{border-radius:var(--radius-capture);box-shadow:var(--shadow-product);background:#111513;padding:5px}.phone-capture img{border-radius:23px;width:100%;display:block}.hero-product figcaption,.product-shot figcaption{color:var(--color-muted);font-size:var(--text-meta);margin-top:var(--space-3);line-height:1.6}.reading-path{justify-content:center;gap:var(--space-5);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.reading-path a{white-space:nowrap;min-height:44px;font-size:var(--text-meta);color:var(--color-muted);align-items:center;text-decoration:none;display:inline-flex}.reading-path a:hover{color:var(--color-accent);text-decoration:underline}.picks-section{text-align:center;padding-block:var(--space-6);border-top:1px solid var(--color-line)}.picks-section h2{white-space:normal}.picks-section>p{max-width:560px;margin:var(--space-3) auto 0}.picks-types{justify-content:center;gap:var(--space-3);margin:var(--space-3) 0 0;color:var(--color-muted);font-size:var(--text-meta);flex-wrap:wrap;padding:0;list-style:none;display:flex}.picks-types li+li{padding-left:var(--space-3);border-left:1px solid var(--color-line)}.reading-example{gap:var(--space-section);padding-block:var(--space-5) var(--space-section);grid-template-columns:320px minmax(0,1fr);align-items:center;display:grid}.reading-media{text-align:center;justify-self:center;width:280px}.pillar p{margin-top:var(--space-3)}.pillar .text-link{margin-top:var(--space-2)}.pillar+.pillar{margin-top:var(--space-6)}.reading-media figcaption,.save-media figcaption{color:var(--color-muted);font-size:var(--text-meta);margin-top:var(--space-3);line-height:1.6}.save-section{gap:var(--space-section);padding-block:var(--space-section);border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) 320px;align-items:center;display:grid}.save-copy p{max-width:440px;margin-top:var(--space-3)}.save-copy .text-link{margin-top:var(--space-2)}.save-media{text-align:center;justify-self:center;width:242px}.home-information{gap:var(--space-6);padding-block:var(--space-6);border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);display:grid}.privacy-note{max-width:340px}.privacy-note p{font-size:var(--text-body);margin-top:var(--space-2)}.privacy-note .text-link{margin-top:var(--space-2)}.faq>div,.faq-entry+.faq-entry{margin-top:var(--space-3)}.faq-entry h3{font-size:var(--text-body);letter-spacing:normal;line-height:1.75}.faq-entry p{margin-top:var(--space-1)}.site-footer{justify-content:space-between;gap:var(--space-3);padding-block:var(--space-4);display:flex}.footer-brand{min-height:44px;color:var(--color-ink);font-size:var(--text-body);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.site-footer p{font-size:var(--text-meta)}.site-footer nav{gap:var(--space-3);flex-wrap:wrap;justify-content:end;align-items:start;display:flex}.site-footer nav a{min-height:44px;font-size:var(--text-meta);align-items:center;text-decoration:none;display:inline-flex}.button{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-control);background:var(--color-accent);min-height:48px;color:var(--color-canvas);font-size:var(--text-body);padding:12px 20px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-accent-hover);color:var(--color-canvas)}.article{padding-block:var(--space-6) var(--space-section)}.article>header{margin-bottom:var(--space-5);max-width:var(--reading-width)}.article .intro{font-size:var(--text-body);margin-top:var(--space-3)}.article h1{font-size:var(--text-display);line-height:1.3}.article h2{font-size:var(--text-heading);margin-bottom:var(--space-2);line-height:1.4}.article p+p{margin-top:20px}.article section{margin-top:var(--space-5)}.narrow{max-width:var(--reading-width)}.article h3{font-size:var(--text-body);margin-top:var(--space-4);font-weight:600}.article h3+p,.article h3+pre{margin-top:var(--space-1)}.article pre{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-surface);font-size:var(--text-meta);line-height:1.6;overflow-x:auto}.article pre+p{margin-top:var(--space-2)}.article code{overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,monospace}.article pre code{overflow-wrap:normal;white-space:pre}.article .table-scroll{margin-top:var(--space-2);overflow-x:auto}.article table{border-collapse:collapse;width:100%;font-size:var(--text-meta)}.article th,.article td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line);padding:12px 16px 12px 0}.article thead th{color:var(--color-muted);font-weight:600}.article tbody th{font-weight:400}.article .table-scroll+p{margin-top:var(--space-3)}.article tbody th code{white-space:nowrap}.article td{text-wrap:pretty}@media (width<=700px){.article thead{display:none}.article tbody tr{border-bottom:1px solid var(--color-line);padding:12px 0;display:block}.article tbody th,.article tbody td{border:0;padding:0;display:block}.article tbody td{margin-top:4px}.article tbody td:last-child:before{content:attr(data-label) "：";color:var(--color-muted)}.article tbody td:last-child:lang(en):before{content:attr(data-label) ": "}}.guide-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 270px;display:grid}.guide-steps{padding-left:var(--space-3);margin:0}.guide-steps li{margin-bottom:var(--space-4);padding-left:12px}.guide-steps li::marker{color:var(--color-accent);font-size:var(--text-meta)}.product-shot{text-align:center;place-self:start center;width:100%;max-width:270px}.product-shot img{border-radius:22px;width:100%;display:block}.legal section:first-child{margin-top:0}.legal .updated{font-size:var(--text-meta);margin-top:var(--space-4)}:lang(zh-Hant-TW) h1,:lang(zh-Hant-TW) h2,:lang(zh-Hant-TW) h3{letter-spacing:normal;line-height:1.45}:lang(zh-Hant-TW) .hero h1{line-height:1.45}@media (width>=701px) and (prefers-reduced-motion:no-preference){.product-stage{animation:.65s cubic-bezier(.16,1,.3,1) both product-settle}@keyframes product-settle{0%{clip-path:inset(0 0 2%)}to{clip-path:inset(0)}}}@media (width<=940px){.home-information{gap:var(--space-5);flex-direction:column;display:flex}.privacy-note{max-width:none}.faq{width:100%}.guide-layout{gap:var(--space-4);flex-direction:column;display:flex}.product-shot{align-self:center;width:80%}}@media (width<=800px){.reading-example,.save-section,.home-information,.guide-layout{gap:var(--space-4)}.reading-example{grid-template-columns:280px minmax(0,1fr)}.save-section{grid-template-columns:minmax(0,1fr) 280px}.home-information{grid-template-columns:1fr}.privacy-note{max-width:none}.site-header nav,.reading-path{gap:var(--space-3)}}@media (width<=700px){:root{--gutter:24px;--space-section:64px;--text-display:28px;--text-heading:24px}.site-header{gap:var(--space-2);padding-block:12px}.brand{font-size:var(--text-body);gap:8px}.brand img{width:26px;height:26px}.site-header nav{gap:var(--space-2)}.site-header nav a:first-child{display:none}.hero{padding-block:var(--space-4) var(--space-4)}.hero-icon{border-radius:16px;width:72px;height:72px}.hero .intro{margin-top:var(--space-2);max-width:none}.product-stage{gap:var(--space-2);padding:var(--space-3) var(--space-2)}.hero-product{width:calc((100% - var(--space-2)) / 2);max-width:200px}.hero-product:first-child{margin-top:var(--space-3)}.phone-capture{border-radius:18px;padding:3px;box-shadow:0 10px 24px #15332b24}.phone-capture img{border-radius:15px}.hero-product figcaption{font-size:var(--text-meta);margin-top:var(--space-2)}.reading-path{gap:var(--space-1) var(--space-3);justify-content:center}.picks-section{padding-block:var(--space-5) var(--space-3)}.picks-types{gap:var(--space-2)}.picks-types li+li{padding-left:var(--space-2)}.reading-example,.save-section{gap:var(--space-4);flex-direction:column;display:flex}.reading-example{padding-top:var(--space-4)}.reading-media{align-self:center;width:242px}.save-section{padding-block:var(--space-6)}.save-media{align-self:center;width:220px}.home-information{padding-block:var(--space-5)}.site-footer{gap:var(--space-2);padding-block:var(--space-3);flex-direction:column}.site-footer nav{justify-content:start;gap:8px 20px}.article{padding-top:var(--space-4)}.article>header{margin-bottom:var(--space-4)}}@media (width<=375px){:root{--gutter:16px}.product-stage{padding-inline:var(--space-1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.home-guides{padding-block:0 var(--space-6)}.home-guides ul,.related-guides,.contents ul{margin:var(--space-2) 0 0;padding:0;list-style:none}.home-guides a,.related-guides a,.contents a{min-height:44px;padding-block:8px;display:inline-block}.article .byline{font-size:var(--text-meta);margin-top:var(--space-2)}.site-footer p a{color:inherit}.connect{max-width:calc(560px + 2 * var(--gutter));min-height:60vh;padding-block:var(--space-6) var(--space-section)}.connect h1{font-size:var(--text-heading);outline:none}.connect p{margin-top:var(--space-2)}.connect .value{color:var(--color-ink);overflow-wrap:anywhere;font-weight:600}.connect .access{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-surface);display:grid}.connect .access h2{font-size:var(--text-meta);letter-spacing:normal;color:var(--color-muted);line-height:1.5}.connect .access ul{gap:var(--space-1);margin:var(--space-1) 0 0;padding:0;list-style:none;display:grid}.connect .access li{color:var(--color-ink);grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;display:grid}.connect .access li span{text-wrap:pretty}.connect .access svg{fill:var(--color-accent);margin-top:5px}.connect .access section+section svg{fill:var(--color-muted)}.connect .note,.connect .account{margin-top:var(--space-3);font-size:var(--text-meta)}.connect .account .value{overflow-wrap:anywhere;max-width:100%;display:inline-block}.connect .actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.connect button{font-family:inherit;line-height:inherit;cursor:pointer;border:0}.connect button:disabled{cursor:progress;opacity:.6}.connect button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.connect .button{font-size:var(--text-body)}.connect .button.secondary{background:var(--color-canvas);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line)}.connect .button.secondary:hover{background:var(--color-surface)}.connect .button.apple{color:#fff;background:#000;gap:8px}.connect .button.apple svg{fill:currentColor;margin-top:-3px}.connect .connections{margin:var(--space-4) 0 0;border-top:1px solid var(--color-line);padding:0;list-style:none}.connect .connections li{justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-2);border-bottom:1px solid var(--color-line);display:flex}.connect .connections li>div{min-width:0}.connect .connections strong{color:var(--color-ink);overflow-wrap:anywhere;display:block}.connect .connections span{font-size:var(--text-meta);color:var(--color-muted);display:block}.connect .connections .button{min-height:44px;font-size:var(--text-meta);padding:8px 16px}.connect .status{color:var(--color-ink);font-size:var(--text-meta);outline:none}.connect .text-button{min-height:44px;color:var(--color-accent);font-size:var(--text-meta);text-underline-offset:5px;background:0 0;padding:0;text-decoration:underline}.connect .review{gap:var(--space-1);margin-top:var(--space-4);display:grid}.connect .review label{margin-top:var(--space-1);color:var(--color-ink);font-size:var(--text-meta);font-weight:600}.connect .review input{min-height:48px;font:inherit;color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-line);border-radius:var(--radius-control);padding:10px 14px}.connect .review input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.connect .review .actions{margin-top:var(--space-3)}.connect>section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-line)}.connect>section h2{font-size:var(--text-heading)}@media (width<=700px){.connect{padding-top:var(--space-4)}.connect .actions .button{flex:100%}}
