:root{color-scheme:light;--bg:#fcfbf9;--surface:#fff;--surface-2:#f5f3ef;--text:#1c1a17;--muted:#6d6862;--line:#e8e3db;--accent:#0d9488;--accent-hover:#0f766e;--accent-soft:#0d94881a;--accent-2:#ea580c;--accent-2-soft:#ea580c1a;--cat:var(--accent);--cat-soft:var(--accent-soft);--shadow:0 1px 2px #281e140a, 0 8px 24px #281e140d;--shadow-lift:0 2px 4px #281e140f, 0 16px 40px #281e141a;--header-bg:#fcfbf9cc;--radius:10px;--radius-lg:14px;--container:1120px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);font:16px/1.7 var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex;overflow-x:clip}[data-category=developer]{--cat:#0d9488;--cat-soft:#0d94881f}[data-category=image]{--cat:#ea580c;--cat-soft:#ea580c1f}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}main{z-index:0;width:100%;max-width:var(--container);flex:1;margin:0 auto;padding:40px 24px 88px;position:relative}main:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(680px 340px at 18% 12%,#0d948829,#0000 62%),radial-gradient(560px 320px at 82% 6%,#ea580c1f,#0000 62%),radial-gradient(420px 260px at 55% 40%,#0d94880f,#0000 65%);width:100vw;height:620px;position:absolute;top:-80px;left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.site-header{z-index:20;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(12px);position:sticky;top:0}.site-header .container{align-items:center;gap:24px;height:64px;display:flex}.brand{letter-spacing:-.01em;color:var(--text);flex-shrink:0;align-items:center;gap:9px;font-size:16px;font-weight:700;display:inline-flex}.brand:hover{text-decoration:none}.brand .mark{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#0d9488,#2dd4bf);border-radius:8px;place-items:center;width:27px;height:27px;font-size:13.5px;font-weight:700;line-height:1;display:grid;box-shadow:0 1px 2px #0f766e4d}.site-nav{align-items:center;gap:2px;min-width:0;margin-left:auto;display:flex}.cats{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.cats::-webkit-scrollbar{display:none}.site-nav .pinned{flex-shrink:0}.site-nav a{color:var(--muted);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:7px 11px;font-size:14.5px;font-weight:500}.site-nav a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.site-nav a.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.site-nav .lang{border-left:1px solid var(--line);color:var(--accent);border-radius:0 8px 8px 0;margin-left:6px;padding-left:14px}.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);padding:28px 0;font-size:14px}.site-footer .container{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.site-footer nav{flex-wrap:wrap;gap:8px 20px;margin-left:auto;display:flex}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--text)}h1{letter-spacing:-.032em;text-wrap:balance;margin:0 0 14px;font-size:clamp(32px,4.6vw,46px);font-weight:700;line-height:1.14}h2{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:650}h3{margin:0;font-size:16px;font-weight:600}.lede{color:var(--muted);text-wrap:pretty;max-width:58ch;margin:0;font-size:18px;line-height:1.6}.hero{border-bottom:1px solid #0000;border-image:linear-gradient(90deg, var(--line) 0%, var(--line) 55%, transparent 100%) 1;margin-bottom:8px;padding:48px 0 56px}.eyebrow{border:1px solid var(--line);background:var(--surface);color:var(--muted);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:6px 12px 6px 10px;font-size:13px;font-weight:500;display:inline-flex}.eyebrow .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.section{margin-bottom:56px}.section-head{align-items:baseline;gap:16px;margin-bottom:20px;padding-top:40px;display:flex}.section-head h2{color:var(--text);align-items:center;gap:10px;display:inline-flex}.section-head h2:before{content:"";background:var(--cat);width:10px;height:10px;box-shadow:0 0 0 3px var(--cat-soft);border-radius:3px}.section-head .more{white-space:nowrap;margin-left:auto;font-size:14px;font-weight:500}.grid{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:14px;display:grid}.prose{max-width:68ch;margin-top:52px}.prose>:first-child{margin-top:0}.prose h2{margin:44px 0 12px;padding-top:4px;font-size:21px}.prose h3{margin:28px 0 8px;font-size:17px}.prose p{margin:0 0 18px}.prose ol,.prose ul{margin:0 0 16px;padding-left:22px}.prose li{margin-bottom:6px}.prose a{text-decoration:underline}.prose code{font-family:var(--mono);background:var(--surface-2);border-radius:5px;padding:2px 6px;font-size:.9em}@media (width<=640px){main{padding:28px 20px 64px}.container{padding:0 20px}.site-header .container{gap:10px}.site-nav a{padding:7px 8px;font-size:14px}.cats{mask-image:linear-gradient(90deg,#000 0 calc(100% - 14px),#0000 100%)}}