.site-notifications{inset:auto max(1rem, env(safe-area-inset-right,0px)) calc(var(--mobile-tab-height,env(safe-area-inset-bottom,0px)) + 1rem) auto;overscroll-behavior:contain;width:min(25rem,100vw - 2rem);max-height:min(60dvh,36rem);color:var(--color-text,#302b26);z-index:1000;pointer-events:none;background:0 0;border:0;margin:0;padding:.25rem;position:fixed;overflow:auto}.site-notifications[hidden]{display:none!important}.site-notifications::backdrop{pointer-events:none;background:0 0}[data-toast-list]{gap:.6rem;display:grid}.site-toast{pointer-events:auto;background:#fffdf9f7;border:1px solid #e0d8cc;border-radius:1.1rem;grid-template-columns:1.6rem minmax(0,1fr) 2rem;align-items:start;gap:.65rem;padding:.9rem .65rem .9rem 1rem;animation:.2s ease-out toast-enter;display:grid;box-shadow:0 .3rem 1rem #27201926}.site-toast p{color:#39312a;overflow-wrap:anywhere;margin:.15rem 0 0;font-size:.95rem;font-weight:650;line-height:1.6}.site-toast-icon{color:#24614a;background:#e0f0e7;border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;margin-top:.2rem;font-size:1rem;font-weight:800;display:grid}.site-toast[data-toast=error] .site-toast-icon{color:#9f3029;background:#fae6e2}.site-toast[data-toast=info] .site-toast-icon{color:#315b8b;background:#e4edf9}.site-toast-close{color:#65594e;width:2rem;height:2rem;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;font-size:1.5rem;display:grid}.site-toast-close:hover,.site-toast-close:focus-visible{background:#eee7dd}.site-toast-close:focus-visible{outline-offset:2px;outline:2px solid #925110}.toast-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes toast-enter{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@media (width<=47.999rem){.site-toast{grid-template-columns:1.6rem minmax(0,1fr) 2.75rem}.site-toast-close{width:2.75rem;height:2.75rem}}@media (prefers-reduced-motion:reduce){.site-toast{animation:none}}.environment-badge[data-astro-cid-6leq3cpa]{width:fit-content;padding:var(--environment-badge-padding,.15rem .65rem);color:#74440f;font-size:var(--environment-badge-size,.75rem);font-weight:750;line-height:var(--environment-badge-leading,1.4);white-space:nowrap;letter-spacing:.08em;background:#f4e4cc;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.environment-badge--attached[data-astro-cid-6leq3cpa]{border-radius:.3rem;position:absolute;top:0;right:0;box-shadow:inset 0 0 0 1px #74440f33}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--lab-canvas:#f4f1ec;--lab-surface:#fffdfa;--lab-ink:#2d2925;--lab-orange:#a95708;--lab-yellow:var(--lab-orange);--lab-aqua:var(--lab-orange);--lab-lavender:var(--lab-orange);--lab-coral:var(--lab-orange);--lab-line:#d8cfc3;--color-bg-canvas:var(--lab-canvas);--color-bg-surface:var(--lab-surface);--color-bg-subtle:#eee8df;--color-text:var(--lab-ink);--color-text-muted:#625c55;--color-border:var(--lab-line);--color-action-primary:#8f4905;--color-action-primary-text:#fff;--color-action-secondary:var(--lab-ink);--color-action-secondary-text:#fff;--color-focus:#6f3700;--color-orange-soft:#f3e5d4;--color-aqua-soft:var(--color-orange-soft);--color-lavender-soft:var(--color-orange-soft);--color-coral-soft:var(--color-orange-soft);--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-hero:clamp(2.45rem, 6vw, 5rem);--leading-tight:1.18;--leading-ui:1.45;--leading-body:1.75;--measure-body:56rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:2rem;--radius-pill:999px;--shadow-card:0 .8rem 2rem #45311d14;--target-min:2.75rem;--rail-width:15.5rem;--app-card-width:19rem;--app-card-height:30rem;--app-hero-width:61.5rem;--app-hero-height:34rem;--app-gutter:clamp(1rem, 1.5vw, 2rem)}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg-canvas);width:100%;max-width:100%;color:var(--color-text);font-family:var(--font-sans);line-height:var(--leading-body);overscroll-behavior-x:none;scroll-behavior:smooth;overflow-x:clip}body{background:var(--color-bg-canvas);width:100%;min-width:0;max-width:100%;min-height:100vh;margin:0;overflow-x:clip}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:.18em}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-action-secondary);color:var(--color-action-secondary-text);position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-frame{width:100%;max-width:100%;min-height:100vh;overflow-x:clip}.site-main{min-width:0;padding:var(--app-gutter)}.site-frame--viewport{flex-direction:column;min-height:100svh;display:flex}.site-main--viewport{flex-direction:column;flex:1;min-height:0;display:flex}.site-main--viewport>[data-identity-auth]{flex:1}.page-stack{gap:var(--space-7);align-content:start;display:grid}.page-intro{width:min(100%, var(--app-hero-width));border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-surface);min-height:18rem;padding:clamp(2rem,5vw,3.5rem)}.page-intro h1{letter-spacing:-.05em;max-width:15ch;font-size:clamp(2.4rem,6vw,4.8rem);font-weight:900;line-height:var(--leading-tight);margin:0}.page-intro>p:last-child{max-width:42rem;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:clamp(1.05rem,2vw,1.25rem)}.surface{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-surface)}.eyebrow{align-items:center;gap:var(--space-2);width:fit-content;margin:0 0 var(--space-4);color:var(--color-action-primary);font-size:var(--text-sm);letter-spacing:.08em;font-weight:800;display:inline-flex}.eyebrow:before{background:var(--lab-orange);content:"";border-radius:50%;width:.65rem;height:.65rem}.hero{width:100%;min-height:var(--app-hero-height);grid-template-columns:minmax(0,1fr) minmax(16rem,.8fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);padding:clamp(2rem,4vw,3.5rem);display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:2rem solid #a957081f;border-radius:50%;width:18rem;height:18rem;position:absolute;bottom:-6rem;right:-4rem}.hero-copy{z-index:1;position:relative}.hero h1{max-width:11ch;font-size:var(--text-hero);letter-spacing:-.055em;font-weight:900;line-height:var(--leading-tight);margin:0}.hero h1 span{color:var(--color-action-primary)}.hero-lede{max-width:38rem;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:clamp(1.05rem,2vw,1.3rem)}.hero-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.button{min-height:var(--target-min);border-radius:var(--radius-md);font-weight:800;line-height:var(--leading-ui);border:2px solid #0000;justify-content:center;align-items:center;padding:.7rem 1.1rem;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button[data-pending-button=true]{gap:.55rem;transform:none}.button[data-pending-button=true]:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;flex:0 0 1em;width:1em;height:1em;animation:.7s linear infinite button-pending-spin}@keyframes button-pending-spin{to{transform:rotate(1turn)}}.button-primary{background:var(--color-action-primary);color:var(--color-action-primary-text);box-shadow:0 .65rem 1.4rem #9c520033}.button-secondary{border-color:var(--color-text);color:var(--color-text);background:0 0}.hero-mark{z-index:1;justify-self:center;width:min(100%,40rem);padding:0;position:relative}.hero-mark img{filter:drop-shadow(0 1.5rem 1.2rem #403b4a24);width:100%;height:auto}.section-heading{gap:var(--space-4);margin-bottom:var(--space-5);justify-content:space-between;align-items:end;display:flex}.section-heading h2{font-size:clamp(1.75rem,3vw,2.6rem);line-height:var(--leading-tight);margin:0}.section-heading p{max-width:32rem;color:var(--color-text-muted);margin:0}.content-grid,.topic-grid,.resource-grid{grid-template-columns:repeat(auto-fill, var(--app-card-width));gap:var(--space-5);justify-content:start;display:grid}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.topic-grid .topic-card{width:100%}.latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.latest-grid .content-card{width:100%;height:auto;min-height:var(--app-card-height)}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.page-stack-wide .page-intro{width:100%;max-width:none}.notes-grid .content-card{width:100%;height:auto;min-height:var(--app-card-height)}.content-card{z-index:0;width:var(--app-card-width);height:var(--app-card-height);position:relative}.content-card-layer{grid-template-rows:auto 1fr;width:100%;height:100%;transition:border-color .18s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,0,0,1);animation:5.6s ease-in-out infinite content-card-float;display:grid;position:relative;overflow:hidden}.content-grid .content-card:nth-child(2n) .content-card-layer{animation-delay:-1.8s}.content-grid .content-card:nth-child(3n) .content-card-layer{animation-delay:-3.6s}.content-card-layer:after{z-index:3;border:2px solid var(--color-action-primary);border-radius:inherit;content:"";opacity:0;pointer-events:none;transition:opacity .18s,transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scale(.985)}.content-card:is(:hover,:focus-within){z-index:1}.content-card:is(:hover,:focus-within) .content-card-layer{border-color:#8f490585;animation-play-state:paused;transform:translateY(-.4rem)scale(1.012);box-shadow:0 1.25rem 2.75rem #45311d29}.content-card:is(:hover,:focus-within) .content-card-layer:after{opacity:1;transform:scale(1)}@keyframes content-card-float{0%,to{translate:0}50%{translate:0 -.25rem}}.card-art{aspect-ratio:16/9;background:var(--color-orange-soft);display:block;position:relative;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .18s;transform:scale(1.002)}.content-card:is(:hover,:focus-within) .card-art img{filter:saturate(1.06)contrast(1.02);transform:scale(1.035)}.card-body{padding:var(--space-5);grid-template-rows:auto auto 1fr auto;align-content:start;display:grid}.card-body>p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-kicker,.card-meta,.resource-topline{gap:var(--space-2) var(--space-4);color:var(--color-action-primary);font-size:var(--text-xs);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;font-weight:800;display:flex}.card-kicker{align-items:center}.content-card h2,.resource-card h2{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-xl);line-height:1.3}.content-card h2 a,.resource-card h2 a{text-decoration:none}.content-card h2 a:hover,.resource-card h2 a:hover,.text-action:hover{text-decoration:underline}.content-card p,.resource-card>p{color:var(--color-text-muted);margin:0}.card-meta{margin-top:var(--space-5);color:var(--color-text-muted);letter-spacing:0;font-weight:650}.topic-card{width:var(--app-card-width);min-height:18rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-surface);grid-template-rows:auto 1fr auto;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 .5rem 1.5rem #45311d0a}.topic-card:is(:hover,:focus-visible){border-color:#8f49057a;transform:translateY(-3px);box-shadow:0 1rem 2rem #45311d1a}.topic-card-heading{gap:var(--space-3);align-items:center;display:flex}.topic-card-heading>span{min-width:0}.topic-card-heading small,.topic-card-heading strong{display:block}.topic-card-heading small{margin-bottom:var(--space-1);color:var(--color-action-primary);font-size:var(--text-xs);letter-spacing:.06em;font-weight:850}.topic-card-icon{object-fit:contain;flex:none;width:3.5rem;height:3.5rem;transition:transform .16s}.topic-card:is(:hover,:focus-visible) .topic-card-icon{transform:rotate(-4deg)scale(1.04)}.topic-count{width:fit-content;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:750}.topic-card strong{font-size:var(--text-xl);line-height:var(--leading-tight)}.topic-card p{margin:var(--space-5) 0;color:var(--color-text-muted)}.topic-card-footer{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.topic-link,.text-action{font-weight:850}.resource-card{width:var(--app-card-width);min-height:22rem;padding:var(--space-5)}.resource-card dl{gap:var(--space-2);margin:var(--space-5) 0;display:grid}.resource-card dl div{gap:var(--space-3);grid-template-columns:4rem 1fr;display:grid}.resource-card dt{color:var(--color-text-muted)}.resource-card dd{margin:0;font-weight:750}.resource-facts{gap:var(--space-3);margin:0 0 var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.resource-facts div{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-subtle)}.resource-facts dt{color:var(--color-text-muted);font-size:var(--text-sm)}.resource-facts dd{margin:var(--space-1) 0 0;font-weight:800}.reading-shell{width:min(100%,54rem);max-width:none;padding-top:var(--space-7);margin-inline:0}.reading-shell-with-info{width:min(100%,48rem);min-width:0;max-width:100%;margin-inline:auto}.reading-shell-with-info .reading-header h1{font-size:clamp(2rem,4vw,3rem)}.reading-primary .prose{width:min(100%,42rem);margin-inline:auto}.reading-primary{min-width:0;max-width:100%}.reading-header{margin-bottom:var(--space-7)}.breadcrumbs{gap:var(--space-2);margin-bottom:var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.reading-header .breadcrumbs{margin:var(--space-4) 0 0}.reading-header h1{letter-spacing:-.05em;font-size:clamp(2.3rem,6vw,4.5rem);line-height:var(--leading-tight);margin:0}.reading-summary{margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:var(--text-lg)}.reading-summary-label{margin-bottom:var(--space-1);color:var(--color-text);font-size:var(--text-sm);font-weight:700;display:block}.reading-meta{gap:var(--space-2) var(--space-5);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.demo-notice,.service-notice{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);border:2px solid var(--color-action-primary);border-radius:var(--radius-md);background:var(--color-orange-soft)}.prose{overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:1.05rem}.prose :is(h2,h3){scroll-margin-top:var(--space-7);line-height:var(--leading-tight)}.prose h2{margin:var(--space-8) 0 var(--space-4);font-size:var(--text-2xl)}.prose h3{margin:var(--space-6) 0 var(--space-3);font-size:var(--text-xl)}.prose :is(p,ul,ol,blockquote){margin-block:var(--space-4)}.prose blockquote{padding:var(--space-3) var(--space-5);border-left:.35rem solid var(--lab-orange);background:var(--color-orange-soft);margin-inline:0}.prose a{color:var(--color-action-primary);font-weight:700}.detail-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.detail-section h2{margin-top:0}.author-card{gap:var(--space-4);padding:var(--space-5);background:var(--color-aqua-soft);border-radius:var(--radius-lg);grid-template-columns:4.5rem 1fr;align-items:center;display:grid}.author-card img{object-fit:contain;background:var(--color-bg-surface);border-radius:50%;width:4.5rem;height:4.5rem}.author-card :is(h2,p){margin:0}.author-card p{color:var(--color-text-muted)}.youtube-consent{aspect-ratio:16/9;margin-block:var(--space-6);border-radius:var(--radius-lg);background:var(--color-lavender-soft);text-align:center;place-items:center;padding:clamp(1.5rem,5vw,4rem);display:grid}.youtube-consent iframe{border-radius:var(--radius-lg);border:0;width:100%;height:100%}.reading-cover{aspect-ratio:16/9;margin:0 0 var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-orange-soft);box-shadow:var(--shadow-card);overflow:hidden}.reading-cover img{object-fit:cover;width:100%;height:100%}.search-tool{max-width:56rem}.search-form label{margin-bottom:var(--space-2);font-weight:800;display:block}.search-form>div{gap:var(--space-3);grid-template-columns:1fr auto;display:grid}.search-form input{width:100%;min-height:var(--target-min);padding:.75rem var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text)}.search-form input:focus{border-color:var(--color-focus)}.search-status{min-height:1.75rem;margin-block:var(--space-5);color:var(--color-text-muted)}.search-results{gap:var(--space-3);padding:0;list-style:none;display:grid}.search-results a{gap:var(--space-1);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-surface);text-decoration:none;display:grid}.search-results a:hover strong{text-decoration:underline}.search-results span,.search-results small{color:var(--color-text-muted)}.search-results strong{font-size:var(--text-lg)}.status-page{text-align:center;place-items:center;min-height:70vh;display:grid}.status-page>div{max-width:36rem}.status-code{color:var(--lab-lavender);margin:0;font-size:clamp(5rem,18vw,11rem);font-weight:950;line-height:.85}.home-topics .section-heading,.home-latest .section-heading{align-items:center;gap:var(--space-3);display:flex}.home-topics .text-action,.home-latest .text-action{white-space:nowrap}.home-topics .topic-tag-list>li{flex:8.5rem;min-width:0}.home-topics .topic-tag{justify-content:center;width:100%;display:flex}.topic-tag-list{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.topic-tag{gap:var(--space-2);min-height:var(--target-min);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-surface);transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);align-items:center;font-weight:850;text-decoration:none;display:inline-flex}.topic-tag:hover{background:var(--color-orange-soft);border-color:#9c520073;transform:translateY(-2px)}.topic-tag img{object-fit:contain;flex:none;width:1.75rem;height:1.75rem}.empty-panel{gap:var(--space-5);border-radius:var(--radius-lg);background:#ffffff94;border:2px dashed #cfc6b9;grid-template-columns:auto 1fr;align-items:center;padding:clamp(1.5rem,4vw,3rem);display:grid}.empty-orbit{background:var(--lab-yellow);width:4.5rem;height:4.5rem;color:var(--lab-ink);font-size:var(--text-xl);border-radius:50%;place-items:center;font-weight:900;display:grid}.empty-panel h3,.empty-panel p{margin:0}.empty-panel p{margin-top:var(--space-1);color:var(--color-text-muted)}@media (width>=48rem){.site-frame{grid-template-columns:var(--rail-width) minmax(0, 1fr);display:grid}.site-main{grid-column:2}}@media (width>=75rem),(width>=64rem) and (hover:hover) and (pointer:fine){.reading-shell-with-info{grid-template-columns:minmax(0, 1fr) minmax(17rem, var(--app-card-width));gap:var(--space-6);width:min(100%, calc(48rem + var(--space-6) + var(--app-card-width)));display:grid}.reading-primary{width:100%;max-width:none}}@media (width>=64rem) and (width<=74.999rem) and (hover:hover) and (pointer:fine){.site-main:has(>.reading-shell-with-info){padding-inline:var(--space-4)}.reading-shell-with-info{gap:var(--space-4);padding-top:var(--space-4);grid-template-columns:minmax(0,1fr) 14rem}.reading-shell-with-info .reading-header h1{font-size:2rem}}@media (width<=74.999rem){.latest-grid,.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=47.999rem){.latest-grid,.notes-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=68rem){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=50rem){.site-main{padding:var(--space-4)}.hero{grid-template-columns:1fr;min-height:auto;padding:clamp(1.5rem,6vw,3rem)}.hero-mark{order:-1;width:min(75vw,20rem)}.hero h1{max-width:13ch}.section-heading{align-items:start;display:grid}}@media (width<=42rem){.topic-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=34rem){.content-grid,.topic-grid,.resource-grid{grid-template-columns:minmax(0,1fr)}.content-card,.topic-card,.resource-card{width:100%}.empty-panel,.search-form>div,.resource-facts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.content-card-layer{animation:none;translate:none}.content-card:is(:hover,:focus-within) .content-card-layer{transform:none}.content-card:is(:hover,:focus-within) .card-art img{filter:none;transform:none}.topic-card:is(:hover,:focus-visible),.topic-card:is(:hover,:focus-visible) .topic-card-icon{transform:none}}@media (forced-colors:active){.surface,.empty-panel,.button{border:2px solid canvastext}}
