@import 'https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;1,400;1,600&display=swap';@font-face{font-family:"ark pixel 12px proportional";src:url(/fonts/ark-pixel-font/ark-pixel-12px-proportional-zh_cn.woff2)format('woff2');font-style:normal;font-weight:400;font-display:swap}:root{--color-bg:#f3f2f2;--color-surface:#eae9e9;--color-text:#201e1d;--color-accent:#0088b0;--color-accent-2:#d6006c;--color-divider:color-mix(in srgb, #201e1d 16%, transparent);--color-neutral-100:#f8f4f4;--color-neutral-200:#eae7e7;--color-neutral-300:#d7d3d3;--color-neutral-400:#bab6b6;--color-neutral-500:#9b9797;--color-neutral-600:#7d7979;--color-neutral-700:#605d5d;--color-neutral-800:#444141;--color-neutral-900:#2d2b2b;--color-accent-100:#e9f8ff;--color-accent-700:#006786;--color-accent-600:#1186ac;--color-accent-800:#004961;--color-accent-2-100:#fff1f4;--color-accent-2-700:#aa0b56;--color-accent-2-800:#790e3d;--color-process-yellow:#edbb00;--font-heading:"Source Serif 4", "Songti SC", "Noto Serif CJK SC", "Noto Serif SC", "Source Han Serif SC", serif;--font-body:"Source Serif 4", "Songti SC", "Noto Serif CJK SC", "Noto Serif SC", "Source Han Serif SC", serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-sm:1px;--radius-md:2px;--radius-lg:4px;--shadow-sm:0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);--shadow-md:0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent);--shadow-lg:0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent);--page-max:1440px;--measure:720px}@media(prefers-color-scheme:dark){:root.dark-auto{--color-bg:#1a1817;--color-surface:#211f1e;--color-text:#ece9e8;--color-accent:#43b6d8;--color-accent-2:#ff5fa0;--color-divider:color-mix(in srgb, #ece9e8 18%, transparent);--color-neutral-600:#a8a3a3;--color-accent-100:#0f2a34;--color-accent-800:#bfe6f2;--color-accent-2-100:#331020;--color-accent-2-800:#ffc7dc;--color-neutral-100:#2a2827;--color-neutral-800:#d7d3d3}}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.14;letter-spacing:-.015em;margin:0 0 .5em}p{margin:0 0 1rem}a{color:var(--color-accent);text-decoration:none;text-underline-offset:3px;transition:color .15s}a:hover{color:var(--color-accent-700)}img{display:block;max-width:100%}hr{height:1px;border:0;background:var(--color-divider);margin:2rem 0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.tnum{font-variant-numeric:tabular-nums}.muted{color:color-mix(in srgb,var(--color-text) 55%,transparent)}.container{max-width:var(--page-max);margin:0 auto;padding:0 clamp(16px,3vw,40px)}.wrap{min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto;padding:clamp(20px,4vw,32px)0 28px}.site-header{border-bottom:1px solid var(--color-divider)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--color-text)}.brand:hover{color:var(--color-text)}.brand svg{display:block;flex:none}.brand-name{font-family:var(--font-heading);font-weight:600;font-size:22px;letter-spacing:-.01em}.site-nav{display:flex;gap:22px;font-size:15px}.site-nav a{color:var(--color-text)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-accent)}.bs{position:relative;padding-top:4px}.crop{position:absolute;width:14px;height:14px;opacity:.5}.crop-tl{top:-10px;left:-18px;border-top:1px solid var(--color-text);border-left:1px solid var(--color-text)}.crop-tr{top:-10px;right:-18px;border-top:1px solid var(--color-text);border-right:1px solid var(--color-text)}.bs-masthead{display:flex;align-items:center;gap:16px}.bs-masthead svg{flex:none}.bs-title{flex:1;font-family:var(--font-heading);font-weight:600;font-size:clamp(32px,6vw,40px);letter-spacing:-.02em;line-height:1}.bs-sub{text-align:right;font-size:12px;letter-spacing:.06em;text-transform:uppercase;line-height:1.5;color:color-mix(in srgb,var(--color-text) 62%,transparent)}.bs-rule-double{height:5px;border:0;margin:18px 0 0;background:0 0;border-top:2px solid var(--color-text);border-bottom:1px solid var(--color-text)}.bs-rule-thin{height:0;border:0;border-top:1px solid var(--color-text);margin:0;background:0 0}.bs-rule-soft{height:1px;border:0;background:var(--color-divider);margin:30px 0}.bs-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:8px 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 62%,transparent)}.bs-nav{display:flex;gap:26px;padding:12px 0 0;font-size:15px;flex-wrap:wrap}.bs-nav a{color:var(--color-text)}.bs-nav a:first-child{color:var(--color-accent)}.bs-nav a:hover{color:var(--color-accent)}.bs-nav .bs-nav-end{margin-left:auto}.bs-grid{display:grid;grid-template-columns:minmax(0,7fr)minmax(0,4fr);gap:48px;margin-top:34px}.plink{color:inherit}.plink:hover{color:var(--color-accent)}.bs-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.bs-headline{font-size:clamp(30px,5vw,40px);line-height:1.08;letter-spacing:-.02em;margin:0}.bs-dek{font-size:16px;line-height:1.65;margin:18px 0 0;text-align:justify;hyphens:auto;color:color-mix(in srgb,var(--color-text) 82%,transparent)}.bs-meta{display:flex;gap:16px;margin-top:16px;font-size:12px;letter-spacing:.04em;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.bs-secondary{display:grid;grid-template-columns:1fr 1fr;gap:30px}.bs-secondary .bs-kicker{margin-bottom:10px}.bs-sub-title{font-size:20px;line-height:1.22;margin:0 0 6px}.bs-sub-dek{font-size:14px;line-height:1.6;margin:0;color:color-mix(in srgb,var(--color-text) 72%,transparent)}.bs-side-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);margin-bottom:14px}.bs-index{display:flex;flex-direction:column}.bs-index-row{display:flex;align-items:baseline;gap:8px;padding:11px 0;border-top:1px solid var(--color-divider)}.bs-index-row:last-child{border-bottom:1px solid var(--color-divider)}.bs-index-title{flex:1;font-size:16px;line-height:1.35}.bs-index-date{font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.bs-tags{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:760px){.bs-grid{grid-template-columns:1fr;gap:34px}.bs-secondary{grid-template-columns:1fr;gap:24px}.crop{display:none}.bs-masthead{flex-wrap:wrap}.bs-sub{text-align:left;flex-basis:100%}}.lede{font-family:var(--font-heading);font-style:italic;font-size:17px;line-height:1.7;max-width:46ch;margin:8px 0 44px;color:color-mix(in srgb,var(--color-text) 78%,transparent)}.post-list{display:flex;flex-direction:column;max-width:var(--measure)}.post-row{display:grid;grid-template-columns:96px 1fr auto;gap:20px;align-items:baseline;padding:20px 2px;border-top:1px solid var(--color-divider);color:var(--color-text)}.post-list .post-row:last-child{border-bottom:1px solid var(--color-divider)}.post-row:hover{color:var(--color-accent)}.post-row:hover .post-title{color:var(--color-accent)}.post-date{font-size:13px;color:color-mix(in srgb,var(--color-text) 50%,transparent);font-variant-numeric:tabular-nums}.post-title{font-size:19px;line-height:1.3;transition:color .15s}.post-cat{font-size:11px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.more-link{margin-top:34px;font-size:14px}.section-head{max-width:var(--measure);margin-bottom:8px}.section-head h1{font-size:34px;margin-bottom:6px}.kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px}.pager{display:flex;gap:18px;align-items:center;margin-top:36px;max-width:var(--measure);font-size:14px}.pager .spacer{flex:1}.article-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;max-width:var(--page-max)}.article-crumb{letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.article-header{margin-top:36px}.article-header h1{max-width:min(100%,24em);margin:0;overflow:hidden;font-size:clamp(30px,5vw,46px);line-height:1.1;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.article-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;font-size:13px;color:color-mix(in srgb,var(--color-text) 55%,transparent);font-variant-numeric:tabular-nums}.article-meta span::before{content:"·";margin-right:14px;color:color-mix(in srgb,var(--color-text) 35%,transparent)}.article-meta span:first-child::before{content:none}.article-grid{--article-main-max:900px;--article-toc-width:260px;--article-gap:clamp(32px, 4vw, 56px);display:grid;grid-template-columns:minmax(0,1fr)minmax(220px,var(--article-toc-width));gap:var(--article-gap);padding-right:max(0px,calc((100% - var(--article-main-max) - var(--article-toc-width) - var(--article-gap))/2));margin-top:40px;align-items:start}.article-grid-single{grid-template-columns:minmax(0,var(--article-main-max));padding-right:0}.article-main{min-width:0}.toc{position:sticky;top:24px;align-self:start;width:100%}.toc-title{font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin-bottom:14px}.toc nav{border-left:2px solid var(--color-divider);padding-left:16px}.toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.55}.toc ul ul{margin-top:10px;padding-left:12px}.toc a{color:var(--color-text)}.toc a:hover{color:var(--color-accent)}.prose{width:100%}.prose>*:first-child{margin-top:0}.prose h2{font-size:26px;margin:40px 0 14px}.prose h3{font-size:22px;margin:32px 0 12px}.prose p{font-size:17px;line-height:1.78;margin:0 0 18px;text-align:justify;hyphens:auto}.prose ul,.prose ol{font-size:17px;line-height:1.78;padding-left:1.4em;margin:0 0 18px}.prose li{margin-bottom:6px}.prose a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.prose strong{font-weight:600}.prose img{margin:24px 0;border-radius:var(--radius-md)}.prose figure figcaption{font-size:13px;margin-top:8px;color:color-mix(in srgb,var(--color-text) 55%,transparent);text-align:center}.prose blockquote{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:22px;line-height:1.5;margin:26px 0;padding-left:20px;border-left:3px solid var(--color-accent-2);color:color-mix(in srgb,var(--color-text) 88%,transparent)}.prose blockquote p{font-size:inherit;line-height:inherit;text-align:left}.prose pre{margin:0 0 22px;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:18px 20px;overflow:auto;font-family:var(--font-mono);font-size:13.5px;line-height:1.7}.prose :not(pre)>code{font-family:var(--font-mono);font-size:.88em;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-sm);padding:.1em .35em}.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 22px}.prose th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);padding:8px 10px;border-bottom:1px solid var(--color-divider)}.prose td{padding:8px 10px;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.article-foot{width:100%}.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px;padding-top:22px;border-top:1px solid var(--color-divider)}.prevnext .label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 50%,transparent);margin-bottom:6px}.prevnext a{display:block;font-size:16px;line-height:1.3;color:var(--color-text)}.prevnext a:hover{color:var(--color-accent)}.prevnext .next{text-align:right}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:1.5px}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}a.tag:hover{color:inherit;opacity:.85}.about-primary{min-width:0}.about-overline,.about-panel-title{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.about-overline{color:var(--color-accent-2);margin-bottom:14px}.about-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.02em;margin:0}.about-rule{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:11px;letter-spacing:.1em;color:color-mix(in srgb,var(--color-text) 45%,transparent)}.about-rule::before{content:"";height:1px;flex:1;background:var(--color-divider)}.about-body{max-width:720px;margin-top:36px}.about-body p{font-size:18px;line-height:1.75;margin:0 0 22px;text-align:justify;hyphens:auto;color:color-mix(in srgb,var(--color-text) 84%,transparent)}.about-dashboard{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr 1fr;border-top:1px solid var(--color-text);border-bottom:1px solid var(--color-divider)}.about-panel{min-width:0;min-height:224px;padding:clamp(22px,2.5vw,36px)}.about-panel+.about-panel{border-left:1px solid var(--color-divider)}.about-panel-title{margin-bottom:20px}.about-panel-title-accent{color:var(--color-accent-2)}.about-toolkit{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}.about-toolkit .tag{font-size:14px;padding:7px 12px}.about-socials{display:grid;grid-template-columns:repeat(4,52px);gap:12px}.about-social{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border:1px solid var(--color-divider);color:var(--color-text);transition:color .15s,border-color .15s,background-color .15s}.about-social:hover{color:var(--color-accent);border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.about-social svg{width:23px;height:23px;fill:currentColor}.list-layout{display:grid;align-items:start;gap:clamp(40px,5vw,72px)}.list-layout{grid-template-columns:minmax(0,1fr)296px}.about-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(340px,400px);align-items:start;column-gap:clamp(56px,6vw,104px);row-gap:clamp(48px,6vw,88px)}.about-layout,.about-layout *{font-family:"ark pixel 12px proportional",var(--font-body)}.about-layout .btn{font-family:inherit}.rail{display:flex;flex-direction:column;gap:34px;align-self:start}.about-layout .rail{grid-column:2;grid-row:1;gap:32px}.about-layout .portrait,.about-layout .portrait-img{aspect-ratio:3/4}.rail-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin-bottom:14px}.rail-label-accent2{color:var(--color-accent-2)}.rail-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}.rail-stats .stat{padding:8px 0;border-top:1px solid var(--color-text)}.stat-num{font-family:var(--font-heading);font-size:34px;line-height:1;letter-spacing:-.02em}.stat-cap{font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin-top:4px}.rail-span{font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin-top:12px}.rail-tags{display:flex;flex-wrap:wrap;gap:8px}.rail-cols{display:flex;flex-direction:column}.rail-col-row{display:flex;align-items:baseline;justify-content:space-between;padding:11px 0;border-top:1px solid var(--color-divider);color:var(--color-text)}.rail-cols .rail-col-row:last-child{border-bottom:1px solid var(--color-divider)}.rail-col-row:hover{color:var(--color-accent)}.rail-col-name{font-size:16px}.rail-col-count{font-size:13px;color:color-mix(in srgb,var(--color-text) 50%,transparent)}.rail-cta{font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--color-text) 72%,transparent);margin-bottom:12px}.portrait{aspect-ratio:4/5;position:relative;overflow:hidden;background:repeating-linear-gradient(45deg,var(--color-neutral-300) 0 6px,var(--color-neutral-400) 6px 12px)}.portrait-mark{position:absolute;width:12px;height:12px;opacity:.5}.portrait-mark.tl{top:8px;left:8px;border-top:1px solid var(--color-text);border-left:1px solid var(--color-text)}.portrait-mark.br{bottom:8px;right:8px;border-bottom:1px solid var(--color-text);border-right:1px solid var(--color-text)}.portrait-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.portrait-img{width:100%;aspect-ratio:4/5;object-fit:cover}.portrait-cap{font-size:12px;color:color-mix(in srgb,var(--color-text) 50%,transparent);margin-top:8px}.now-list{display:flex;flex-direction:column;gap:12px}.now-row{display:flex;gap:10px}.now-k{font-size:15px;color:color-mix(in srgb,var(--color-text) 55%,transparent);width:44px;flex:none}.now-v{font-size:15px;line-height:1.4}@media(max-width:980px){.about-layout{grid-template-columns:1fr;row-gap:40px}.about-layout .about-rail{grid-column:auto;grid-row:auto;width:min(100%,360px)}.about-dashboard{grid-template-columns:1fr}.about-panel+.about-panel{border-left:0;border-top:1px solid var(--color-divider)}.about-panel{min-height:0}}@media(max-width:860px){.list-layout{grid-template-columns:1fr;gap:40px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:600;font-size:14px;line-height:1.2;color:var(--color-text);background:0 0;border:1px solid transparent;padding:10px 18px;border-radius:var(--radius-md)}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-600);color:var(--color-bg)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent);color:var(--color-text)}.btn-block{display:flex;width:100%}.site-footer{border-top:1px solid var(--color-divider);padding:26px 0;margin-top:20px}.site-footer .container{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.press-swatch{display:flex;flex:none}.press-swatch span{width:16px;height:10px;display:block}.footer-note{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 55%,transparent);font-variant-numeric:tabular-nums}.footer-links{margin-left:auto;display:flex;gap:16px;font-size:13px}@view-transition{navigation: auto; }.site-header{view-transition-name:masthead}main>.container{view-transition-name:page-content}@keyframes ink-shift-out{to{opacity:0;transform:translateY(-16px)}}@keyframes ink-shift-in{from{opacity:0;transform:translateY(20px)}}::view-transition-old(page-content){animation:ink-shift-out 240ms cubic-bezier(.4,0,.2,1)both}::view-transition-new(page-content){animation:ink-shift-in 240ms cubic-bezier(.4,0,.2,1)40ms both}::view-transition-old(page-content),::view-transition-new(page-content){height:auto}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:1ms!important;animation-delay:0s!important}}@media(max-width:760px){.article-grid{grid-template-columns:1fr;gap:28px}.toc{position:static;display:none}.post-row{grid-template-columns:1fr auto}.post-date{grid-column:1/-1;order:3}.post-row{row-gap:6px}.prevnext{grid-template-columns:1fr;gap:24px}.prevnext .next{text-align:left}.footer-links{margin-left:0;width:100%}}