@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.nav a.active{color:var(--ink)}.nav a.active:after{transform:scaleX(1)}.bg{z-index:0;opacity:1;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/400% 400%;transition:opacity 4s ease-in-out;animation:15s infinite bg-gradient;position:fixed;inset:0}.bg .cur{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.bg .cur.bg-enter{animation:1s bg-fadein}@keyframes bg-fadein{0%{opacity:0}to{opacity:1}}@keyframes bg-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bg-controls{align-items:center;gap:var(--space-3);z-index:10;flex-direction:column-reverse;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.bg-fab{background:color-mix(in srgb, var(--paper) 88%, transparent);width:52px;height:52px;color:var(--ink-soft);cursor:pointer;transition:color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:0 4px 18px #00000024}.bg-fab:hover{color:var(--ink);transform:translateY(-1px);box-shadow:0 6px 22px #0000002e}.bg-fab:active{transform:translateY(0)}.bg-fab-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.bg-fab-track{stroke:color-mix(in srgb, var(--ink) 14%, transparent);stroke-width:2.5px}.bg-fab-progress{stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}.bg-fab-icon{display:flex;position:relative}.bg-btn{background:color-mix(in srgb, var(--paper) 88%, transparent);width:44px;height:44px;color:var(--ink-soft);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:translateY(12px)scale(.8);box-shadow:0 4px 16px #0000001f}.bg-controls:hover .bg-btn,.bg-controls:focus-within .bg-btn{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.bg-btn:hover{color:var(--ink);transform:translateY(-1px)scale(1);box-shadow:0 6px 20px #00000029}.bg-btn:active{transform:translateY(0)scale(1)}html.is-navigating main,html.is-navigating .site-footer{visibility:hidden}html.is-entering main,html.is-entering .site-footer{animation:.5s both nav-content-in}@keyframes nav-content-in{0%{opacity:0}to{opacity:1}}.nav-loading{z-index:40;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;transition:opacity .15s;display:flex;position:fixed;top:max(38vh,12rem);left:0;right:0}html.is-loading .nav-loading{opacity:1;visibility:visible}.nav-loading__spinner{border:3px solid color-mix(in srgb, var(--ink) 16%, transparent);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite nav-spin}@keyframes nav-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nav-loading__spinner{animation-duration:1.4s}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"sourcesanspro", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--spacing:.25rem;--font-weight-semibold:600;--font-weight-bold:700;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-accent:var(--accent);--color-ink:var(--ink);--color-ink-faint:var(--ink-faint);--color-hairline:var(--hairline)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.z-0{z-index:0}.z-50{z-index:50}.z-\[1\]{z-index:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[44rem\]{max-width:44rem}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-hairline{border-color:var(--color-hairline)}.bg-\[color-mix\(in_srgb\,var\(--paper\)_90\%\,transparent\)\]{background-color:var(--paper)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--paper\)_90\%\,transparent\)\]{background-color:color-mix(in srgb,var(--paper) 90%,transparent)}}.p-0{padding:0}.px-0{padding-inline:0}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-\[1\.4rem\]{padding-inline:1.4rem}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-\[0\.7rem\]{padding-block:.7rem}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.95rem\]{font-size:.95rem}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.whitespace-nowrap{white-space:nowrap}.text-ink{color:var(--color-ink)}.text-ink-faint{color:var(--color-ink-faint)}.no-underline{text-decoration-line:none}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[var\(--dur\)\]{--tw-duration:var(--dur);transition-duration:var(--dur)}.ease-\[var\(--ease\)\]{--tw-ease:var(--ease);transition-timing-function:var(--ease)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-0\.5:after{content:var(--tw-content);bottom:calc(var(--spacing) * -.5)}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-\[1\.5px\]:after{content:var(--tw-content);height:1.5px}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:origin-left:after{content:var(--tw-content);transform-origin:0}.after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.after\:bg-accent:after{content:var(--tw-content);background-color:var(--color-accent)}.after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-\[var\(--dur\)\]:after{content:var(--tw-content);--tw-duration:var(--dur);transition-duration:var(--dur)}.after\:ease-\[var\(--ease\)\]:after{content:var(--tw-content);--tw-ease:var(--ease);transition-timing-function:var(--ease)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:text-ink:hover{color:var(--color-ink)}.hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media not all and (width>=640px){.max-\[640px\]\:flex-col{flex-direction:column}.max-\[640px\]\:gap-2{gap:calc(var(--spacing) * 2)}.max-\[640px\]\:rounded-\[18px\]{border-radius:18px}}.\[\&\>\.nav\]\:relative>.nav{position:relative}.\[\&\>\.nav\]\:z-\[1\]>.nav{z-index:1}}@font-face{font-family:sourcesanspro;src:url(/blog/fonts/sourcesanspro.woff2)format("woff2"),url(/blog/fonts/sourcesanspro.woff)format("woff");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:light dark;--accent:#2f9e6e;--accent-strong:#247a55;--accent-soft:#2f9e6e1f;--ink:#1f2328;--ink-soft:#4a5159;--ink-faint:#828d97;--paper:#fcfcfb;--paper-raised:#f5f5f2;--hairline:#e7e7e2;--code-inline:#b5520a;--code-inline-bg:#f1f0ec;--selection:#2f9e6e38;--font-sans:"sourcesanspro", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--measure:48rem;--radius:8px;--ease:cubic-bezier(.22, .61, .36, 1);--dur:.18s}@media (prefers-color-scheme:dark){:root{--accent:#4ecb94;--accent-strong:#6fdaa9;--accent-soft:#4ecb9426;--ink:#e7eaed;--ink-soft:#aeb6bf;--ink-faint:#7b848d;--paper:#131619;--paper-raised:#1b1f23;--hairline:#282d33;--code-inline:#f0934e;--code-inline-bg:#21262b;--selection:#4ecb9442}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background-color:var(--paper)}body{color:var(--ink);background-color:var(--paper);font-family:var(--font-sans);font-feature-settings:"kern", "liga", "calt";text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:17px;line-height:1.75}::selection{background-color:var(--selection)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}img{max-width:100%;height:auto}a{color:var(--ink);text-decoration:none}::view-transition-group(page),::view-transition-group(page-home),::view-transition-old(page),::view-transition-new(page),::view-transition-old(page-home),::view-transition-new(page-home),::view-transition-old(root),::view-transition-new(root){animation:none!important}::view-transition-group(site-bg){z-index:1!important}::view-transition-group(page-surface){z-index:2!important}::view-transition-group(page),::view-transition-group(page-home){z-index:3!important}::view-transition-group(surface){z-index:4!important}::view-transition-group(site-bg-controls){z-index:5!important}::view-transition-group(site-bg),::view-transition-group(site-bg-controls),::view-transition-group(surface),::view-transition-group(page-surface),::view-transition-old(site-bg),::view-transition-new(site-bg),::view-transition-old(site-bg-controls),::view-transition-new(site-bg-controls),::view-transition-old(surface),::view-transition-new(surface),::view-transition-old(page-surface),::view-transition-new(page-surface){animation:none!important}::view-transition-old(site-bg),::view-transition-old(site-bg-controls),::view-transition-old(surface),::view-transition-old(page-surface){display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}