@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/noto-sans-tc-variable.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/manrope-v20-latin-700.woff2') format('woff2')}
:root{--nl-paper:var(--surface);--nl-ink:var(--ink-body);--nl-muted:var(--ink-muted);--nl-field:var(--surface-2);--nl-action:var(--brand-cyan);--nl-dark:var(--surface-ink);--nl-margin:clamp(24px,5vw,80px);--nl-title:clamp(40px,5.1vw,72px);--nl-heading:clamp(28px,2.5vw,36px);--nl-subheading:24px;--nl-body:17px;--nl-note:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--nl-paper);color:var(--nl-ink);font-family:'Noto Sans TC',sans-serif;font-size:var(--nl-body);line-height:1.8}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.03em;text-wrap:balance}h2{font-size:var(--nl-heading);line-height:1.5}h3{font-size:var(--nl-subheading);line-height:1.55}p{max-width:40em}a:focus-visible,button:focus-visible{outline:3px solid var(--nl-ink);outline-offset:5px}.frame{width:calc(100% - var(--nl-margin)*2);max-width:1280px;margin-inline:auto}.button,.read{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:10px 24px;background:var(--nl-action);color:var(--nl-ink);text-decoration:none;font-size:16px;font-weight:700;transition:transform .2s ease,background .2s ease}.button:hover,.read:hover{background:var(--brand-yellow);transform:translateY(-2px)}.button:active,.read:active{transform:translateY(1px)}.text-link{display:inline-flex;gap:20px;align-items:center;min-height:48px;font-size:16px;font-weight:600}.note,figcaption{font-size:var(--nl-note);color:var(--nl-muted)}.skip{position:absolute;top:-80px;left:24px;background:var(--nl-action);padding:12px;z-index:10}.skip:focus{top:16px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:24px}.identity{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Manrope,'Noto Sans TC',sans-serif;font-size:19px;font-weight:700;line-height:1.2}.identity img{width:48px;height:48px;border-radius:50%;object-fit:cover}.masthead nav{display:flex;align-items:center;gap:32px}.masthead nav>a:not(.button){min-height:44px;display:flex;align-items:center;font-size:15px;text-decoration:none}.masthead nav>a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding-block:32px 72px}.hero h1{font-family:Manrope,'Noto Sans TC',sans-serif;font-size:var(--nl-title);line-height:1.08;font-weight:700;letter-spacing:-.055em}.hero h2{font-size:28px;line-height:1.5;margin-top:28px}.hero h2 br{display:none}.hero-copy>p{margin-top:16px;max-width:28em}.hero-actions{display:flex;gap:16px 24px;align-items:center;flex-wrap:wrap;margin-top:24px}.hero-copy .note{margin-top:12px}.hero-photo{position:relative;overflow:hidden;align-self:stretch;min-height:400px}.hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 76%}.hero-photo figcaption{position:absolute;bottom:0;left:0;background:var(--nl-paper);color:var(--nl-ink);padding:12px 20px;max-width:90%}
.reading-section{background:var(--nl-field);padding-block:64px}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:64px;align-items:start}.reading-index{align-self:stretch}.index-inner{position:sticky;top:32px}.reading-index h2{font-size:32px}.reading-index .note{margin-top:8px}.reading-index nav{display:flex;flex-direction:column;gap:8px;margin-block:32px}.reading-index nav a{display:flex;align-items:center;gap:16px;min-height:52px;padding:8px 16px;text-decoration:none;font-weight:600}.reading-index nav a img{width:24px;height:24px;object-fit:contain}.reading-index nav a span{margin-left:auto}.reading-index nav a:hover,.reading-index nav a[aria-current=location]{background:var(--nl-paper)}.reading-index nav a[aria-current=location]{color:var(--nl-ink)}.reading-index>div>p:not(.note){margin-bottom:16px}.index-monogram{display:block;font-family:Manrope,sans-serif;font-size:80px;font-weight:700;letter-spacing:-.07em;margin-top:40px;color:var(--nl-muted)}
.issue{background:var(--nl-paper);padding:40px;min-width:0}.issue-brand{font-family:Manrope,sans-serif;font-size:18px;font-weight:700;margin-bottom:24px}.issue-intro h2{font-size:28px;line-height:1.55}.issue-intro>p:last-child{margin-top:16px;color:var(--nl-muted);font-size:16px}.platform{margin-top:40px}.platform-heading{display:flex;align-items:center;gap:12px;background:var(--nl-field);font-size:24px;padding:12px 16px;margin-bottom:24px;scroll-margin-top:32px}.platform-heading img{width:28px;height:28px}.story+.story{margin-top:40px}.story-image{display:block;margin-bottom:20px}.story-image img{width:100%;aspect-ratio:1200/630;object-fit:contain}.story h3{font-size:24px;line-height:1.5;margin-bottom:16px}.story p{margin-bottom:16px}.story .detail{font-size:16px;color:var(--nl-muted)}.read{min-width:176px;max-width:100%;gap:12px}.read img{width:20px;height:20px}.picks{margin-top:48px}.section-title{display:flex;align-items:center;gap:12px;font-size:26px;scroll-margin-top:32px}.section-title img{width:28px;height:28px;flex:none}.section-intro{margin-top:16px;color:var(--nl-muted);font-size:16px}.pick{display:grid;grid-template-columns:1fr 1.618fr;gap:24px;align-items:start;margin-top:28px}.pick-image img{width:100%;aspect-ratio:1.3;object-fit:contain}.pick h3{font-size:21px;line-height:1.6;margin-bottom:12px}.pick p{font-size:16px;margin-bottom:16px}.podcast{margin-top:48px;padding:28px;background:var(--surface-3)}.podcast-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.podcast-logo{width:136px}.podcast h2{display:flex;gap:12px;align-items:center;font-size:20px;scroll-margin-top:32px}.podcast h2 img{width:24px;height:24px}.episode-image{display:block;margin:0 -28px 24px}.episode-image img{width:100%}.episode-meta{font-size:var(--nl-note);color:var(--nl-muted);margin-bottom:8px}.podcast h3{font-size:24px;margin-bottom:16px}.podcast p{font-size:16px;margin-bottom:20px}.listen-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px}.listen-links a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;text-decoration:none;font-weight:600}.listen-links img{width:22px;height:22px}
.services{margin-top:48px;padding:32px;background:var(--nl-dark);color:var(--ink-on-dark)}.services h2{font-size:28px;line-height:1.5}.services>p{margin-top:16px;font-size:16px}.service-options{list-style:none;padding:0;margin:24px 0}.service-options li{display:flex;align-items:center;gap:12px;font-size:16px;margin-top:12px}.service-options img{width:24px;height:24px;filter:brightness(0) invert(1)}.services a:focus-visible{outline-color:var(--nl-action)}
.plans{padding-block:80px}.plans>.section-intro{display:grid;grid-template-columns:1fr 1.618fr;gap:64px;margin:0;color:var(--nl-ink);font-size:17px;align-items:center}.plan-list{display:grid;grid-template-columns:1.1fr 1fr;margin-top:40px}.plan-list article{padding:40px;display:flex;flex-direction:column}.free-plan{background:var(--nl-field)}.paid-plan{background:var(--surface-3)}.plan-list h3{font-size:28px}.plan-list article>p{margin-block:20px 32px}.plan-end{margin-top:auto;display:flex;gap:20px;justify-content:space-between;align-items:end}.plan-end strong{display:block;font-family:Manrope,'Noto Sans TC',sans-serif;font-size:40px;line-height:1.3}.plan-end .coming{font-size:28px}.plan-end p span{display:block;font-size:14px;margin-top:8px}.signup{background:var(--nl-action);padding-block:56px}.signup-grid{display:grid;grid-template-columns:1fr 1.618fr;gap:64px;align-items:center}.signup h2{font-size:36px}.signup p{margin-block:20px 12px}.signup iframe{width:100%;height:340px;border:0;display:block;background:var(--nl-paper)}.faq{display:grid;grid-template-columns:1fr 1.618fr;gap:64px;padding-block:72px}.faq h2{font-size:28px}.faq-text{columns:2;column-gap:32px}.faq-text p{break-inside:avoid;font-size:16px;margin-bottom:24px}.faq-text strong{display:block;margin-bottom:8px}
footer{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:32px 40px}.footer-brand{display:flex;align-items:center;gap:24px}.footer-brand>span{font-family:Manrope,sans-serif;font-size:56px;line-height:1;letter-spacing:-.07em}.footer-brand p{font-size:16px;font-weight:600}.footer-brand small{font-size:13px;font-weight:400;color:var(--nl-muted)}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 24px;max-width:400px}.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
@media(max-width:1000px){.hero{gap:40px}.hero h2{font-size:24px}.hero h2 br{display:block}.hero-photo{min-height:400px}.reading-layout{grid-template-columns:1fr 2fr;gap:32px}.issue{padding:28px}.index-monogram{font-size:64px}.reading-index nav a{font-size:15px;padding-inline:8px;gap:10px}.reading-index nav a img{width:20px;height:20px}.pick{grid-template-columns:1fr}.pick-image img{aspect-ratio:1200/630}.podcast-brand{align-items:start;flex-direction:column}.plans>.section-intro,.signup-grid,.faq{gap:32px;grid-template-columns:1fr 1.618fr}.plan-list article{padding:28px}.plan-end{flex-wrap:wrap;align-items:start}.faq-text{columns:1}.masthead nav{gap:20px}footer{align-items:start}.footer-brand{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:650px){.masthead{gap:16px;padding-block:20px;flex-wrap:wrap}.identity{font-size:17px;gap:10px}.identity img{width:40px;height:40px}.masthead nav{width:100%;justify-content:space-between;gap:12px}.masthead nav .button{padding-inline:16px;font-size:14px;min-height:44px}.masthead nav>a:not(.button){font-size:14px}.hero{grid-template-columns:1fr;gap:32px;padding-block:20px 48px}.hero h1{font-size:44px}.hero h2{font-size:24px;margin-top:24px}.hero h2 br{display:none}.hero-copy>p{margin-top:16px}.hero-actions{gap:12px;margin-top:24px}.hero-actions .button{padding-inline:20px}.hero-actions .text-link{font-size:15px;gap:10px}.hero-photo{min-height:0;aspect-ratio:1.618}.hero-photo>img{object-position:50% 74%}.hero-photo figcaption{padding:8px 12px;font-size:13px}.reading-section{padding-block:40px}.reading-layout{grid-template-columns:1fr;gap:32px}.reading-index h2{font-size:28px}.index-inner{position:static}.reading-index nav{display:grid;grid-template-columns:1fr 1fr;margin-block:20px 12px;gap:0}.reading-index nav a{font-size:14px;gap:8px;min-height:48px}.reading-index nav a span{display:none}.reading-index>div>p:not(.note){display:none}.index-monogram{display:none}.reading-index .text-link{font-size:15px}.issue{padding:24px 20px;margin-inline:-8px}.issue-brand{font-size:17px;margin-bottom:20px}.issue-intro h2{font-size:24px}.issue-intro h2 br{display:none}.platform-heading{font-size:22px;padding:12px;gap:12px}.platform-heading img{width:24px;height:24px}.story h3{font-size:22px}.story p{font-size:16px}.picks>.section-title{font-size:23px;gap:10px}.section-title img{width:24px;height:24px}.pick{gap:16px}.pick h3{font-size:22px}.podcast{padding:20px;margin-top:40px}.podcast-brand{flex-direction:row;align-items:center;gap:12px}.podcast-logo{width:120px}.podcast h2{font-size:16px;display:block}.podcast h2 img{width:22px;height:22px;margin-bottom:8px}.episode-image{margin-inline:-20px}.podcast h3{font-size:22px}.podcast h3 br{display:none}.services{padding:24px;margin-top:40px}.services h2{font-size:24px}.services h2 br{display:none}.plans{padding-block:48px}.plans>.section-intro{grid-template-columns:1fr;gap:20px}.plans h2 br{display:none}.plan-list{grid-template-columns:1fr;margin-top:28px}.plan-list article{padding:28px}.plan-list h3{font-size:24px}.plan-end{gap:20px}.plan-end strong{font-size:36px}.signup{padding-block:40px}.signup-grid{grid-template-columns:1fr;gap:28px}.signup h2{font-size:32px}.signup h2 br{display:none}.signup iframe{height:360px}.faq{grid-template-columns:1fr;gap:24px;padding-block:48px}.faq-text{columns:1}.faq-text p{margin-bottom:20px}footer{flex-direction:column;gap:24px;padding-block:24px}.footer-brand{flex-direction:row;align-items:center;gap:20px}.footer-brand>span{font-size:48px}.footer-brand p{font-size:14px}.footer-links{justify-content:flex-start;gap:0 24px}}
@media(prefers-reduced-motion:no-preference){.hero h1{animation:title-in .7s cubic-bezier(.16,1,.3,1) both}.hero-photo>img{animation:photo-settle 1.2s cubic-bezier(.16,1,.3,1) both}@keyframes title-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes photo-settle{from{transform:scale(1.05)}to{transform:scale(1)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}