.blog-head{padding-top:72px;padding-bottom:32px}.blog-title{letter-spacing:-.02em;color:var(--lp-ink);font-size:40px;font-weight:600;line-height:1.15}.blog-subtitle{margin-top:12px;font-size:16px}.blog-body{padding-bottom:96px}.blog-filter{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.blog-chip{border:1px solid var(--lp-line);background:var(--lp-surface);height:34px;color:var(--lp-ink-2);cursor:pointer;border-radius:999px;align-items:center;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.blog-chip:hover{border-color:var(--lp-line-strong);color:var(--lp-ink)}.blog-chip--active,.blog-chip--active:hover{border-color:var(--lp-accent-line);background:var(--lp-accent-soft);color:var(--lp-accent-ink)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.blog-card{border:1px solid var(--lp-line);background:var(--lp-surface);height:100%;color:inherit;border-radius:14px;flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--lp-line-strong)}.blog-card:focus-visible{outline:2px solid var(--lp-accent);outline-offset:2px}.blog-card-cover{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:calc(100% - 20px);margin:10px 10px 0;display:block}.blog-card-cover--empty{background:var(--lp-sunken)}.blog-card-body{flex-direction:column;gap:8px;padding:16px 18px 20px;display:flex}.blog-card-tag{background:var(--lp-accent-soft);color:var(--lp-accent-ink);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:12px}.blog-card-title{color:var(--lp-ink);overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:1.35}.blog-card-date{color:var(--lp-ink-3);font-size:13px}.blog-card-excerpt{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-skeleton-card{aspect-ratio:4/3;border:1px solid var(--lp-line);background:var(--lp-sunken);border-radius:14px}.blog-failed{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.blog-empty{text-align:center;padding:64px 0}.blog-empty-scene{--ph-fill:color-mix(in srgb, var(--lp-ink) 17%, var(--lp-surface));--ph-title:color-mix(in srgb, var(--lp-ink) 42%, var(--lp-surface));--ph-track:var(--lp-sunken);--dots-op:.11;flex-direction:column;align-items:center;padding:64px 0 52px;display:flex;position:relative}html.dark .blog-empty-scene{--ph-fill:color-mix(in srgb, var(--lp-ink) 14%, var(--lp-surface));--ph-title:color-mix(in srgb, var(--lp-ink) 38%, var(--lp-surface));--ph-track:color-mix(in srgb, var(--lp-ink) 4%, var(--lp-sunken));--dots-op:.13}.blog-empty-dots,.blog-empty-dots-lit{pointer-events:none;width:min(100%,780px);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.blog-empty-dots{background:var(--lp-ink);opacity:var(--dots-op);-webkit-mask:var(--tile) 50% 0 / 288px 96px repeat, radial-gradient(ellipse 50% 44% at 50% 46%, #000 0%, #00000073 55%, transparent 100%) 0 0 / 100% 100% no-repeat;-webkit-mask-composite:source-in;-webkit-mask:var(--tile) 50% 0 / 288px 96px repeat, radial-gradient(ellipse 50% 44% at 50% 46%, #000 0%, #00000073 55%, transparent 100%) 0 0 / 100% 100% no-repeat;mask:var(--tile) 50% 0 / 288px 96px repeat, radial-gradient(ellipse 50% 44% at 50% 46%, #000 0%, #00000073 55%, transparent 100%) 0 0 / 100% 100% no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.blog-empty-dots-lit{background:var(--lp-accent);opacity:.26;-webkit-mask:var(--tile) 50% 0 / 288px 96px repeat, radial-gradient(ellipse 24% 30% at 50% 40%, #000 0%, #0000004d 50%, transparent 100%) 0 0 / 100% 100% no-repeat;-webkit-mask-composite:source-in;-webkit-mask:var(--tile) 50% 0 / 288px 96px repeat, radial-gradient(ellipse 24% 30% at 50% 40%, #000 0%, #0000004d 50%, transparent 100%) 0 0 / 100% 100% no-repeat;mask:var(--tile) 50% 0 / 288px 96px repeat, radial-gradient(ellipse 24% 30% at 50% 40%, #000 0%, #0000004d 50%, transparent 100%) 0 0 / 100% 100% no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.blog-empty-fan{--cw:270px;--off:.66;--cs:1;--h:262px;--s:.78;--bh:36px;--y0:131.5px;--y1:154px;--y2:171px;--y3:188px;--y4:205px;--y5:222px;width:calc(var(--cw) * 2.05);max-width:100%;height:var(--h);margin-inline:auto;margin-bottom:calc(var(--h) * (var(--s) - 1));transform:scale(var(--s));transform-origin:50% 0;position:relative}.blog-empty-doc{width:var(--cw);margin-left:calc(var(--cw) / -2);padding:16px 16px 18px;position:absolute;top:0;left:50%}.blog-empty-doc-left{transform:translate(calc(var(--cw) * var(--off) * -1), 26px) rotate(-5deg)}.blog-empty-doc-right{transform:translate(calc(var(--cw) * var(--off)), 26px) rotate(5deg)}.blog-empty-doc-live{z-index:1;width:calc(var(--cw) * var(--cs));margin-left:calc(var(--cw) * var(--cs) / -2);padding-top:10px;transform:translateY(-4px)}.blog-empty-doc-top{justify-content:space-between;align-items:center;height:14px;display:flex}.blog-empty-doc-live .blog-empty-doc-top{margin-top:12px}.blog-empty-pill{background:var(--lp-accent-soft);border-radius:999px;width:38px;height:14px}.blog-empty-date{background:var(--ph-fill);border-radius:3px;width:38px;height:6px}.blog-empty-lines{flex-direction:column;gap:11px;margin-top:13px;display:flex}.blog-empty-ln{background:var(--ph-track);border-radius:4px;height:6px;position:relative}.blog-empty-ln.is-title{border-radius:5px;height:9px;margin-bottom:4px}.blog-empty-fill{border-radius:inherit;background:var(--ph-fill);position:absolute;inset:0}.blog-empty-ln.is-title .blog-empty-fill{background:var(--ph-title)}.blog-empty-doc-left .blog-empty-fill,.blog-empty-doc-right .blog-empty-fill{opacity:.6}.blog-empty-doc-left .is-title .blog-empty-fill,.blog-empty-doc-right .is-title .blog-empty-fill{opacity:.55}.blog-empty-caret{background:var(--lp-accent);opacity:0;border-radius:1px;width:2px;position:absolute;top:-4px;bottom:-4px;left:0}.blog-empty-cover{background:var(--lp-sunken);height:78px;box-shadow:inset 0 0 0 1px var(--lp-line);border-radius:10px;margin:0 -6px;position:relative;overflow:hidden}.blog-empty-cover:before{content:"";background:var(--lp-accent);opacity:.16;-webkit-mask:var(--tile) 0 0 / 288px 96px repeat, linear-gradient(115deg, transparent 20%, #000 100%);-webkit-mask-composite:source-in;-webkit-mask:var(--tile) 0 0 / 288px 96px repeat, linear-gradient(115deg, transparent 20%, #000 100%);mask:var(--tile) 0 0 / 288px 96px repeat, linear-gradient(115deg, transparent 20%, #000 100%);position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.blog-empty-cover:after{content:"";background:var(--ph-fill);border-radius:3px;width:34px;height:5px;position:absolute;bottom:11px;left:12px}.blog-empty-badge{top:0;left:calc(100% - var(--bh) / 2 + 4px);z-index:2;width:var(--bh);height:var(--bh);background:var(--lp-surface);color:var(--lp-accent-ink);box-shadow:0 0 0 1px var(--lp-accent-line), 0 0 0 5px var(--lp-accent-soft);transform:translateY(calc(var(--y5) - var(--bh) / 2));border-radius:50%;place-items:center;display:grid;position:absolute}.blog-empty-badge svg{width:18px;height:18px}.blog-empty-status{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:24px;padding:0 16px;display:flex;position:relative}.blog-empty-status .blog-empty-tag{gap:6px;padding-inline:8px}.blog-empty-dot{background:var(--lp-accent);border-radius:50%;width:6px;height:6px}.blog-empty-status .blog-empty-text{color:var(--lp-ink-3);text-wrap:balance;margin:0;font-size:14px;line-height:1.7}@media (width<=640px){.blog-empty-scene{padding:40px 0 16px}.blog-empty-fan{--cw:150px;--off:.58;--cs:1.2;--h:232px;--s:.9;--bh:30px;--y0:105.5px;--y1:128px;--y2:145px;--y3:162px;--y4:179px;--y5:196px}.blog-empty-badge svg{width:15px;height:15px}.blog-empty-cover{height:52px}}@media (prefers-reduced-motion:no-preference){.blog-empty-dot{animation:1.1s ease-in-out infinite blog-empty-blink}.blog-empty-doc-live .is-line-0 .blog-empty-fill{animation:6s linear infinite blog-empty-type-0,6s linear infinite blog-empty-fade}.blog-empty-doc-live .is-line-0 .blog-empty-caret{animation:6s linear infinite blog-empty-caret-0}.blog-empty-doc-live .is-line-1 .blog-empty-fill{animation:6s linear infinite blog-empty-type-1,6s linear infinite blog-empty-fade}.blog-empty-doc-live .is-line-1 .blog-empty-caret{animation:6s linear infinite blog-empty-caret-1}.blog-empty-doc-live .is-line-2 .blog-empty-fill{animation:6s linear infinite blog-empty-type-2,6s linear infinite blog-empty-fade}.blog-empty-doc-live .is-line-2 .blog-empty-caret{animation:6s linear infinite blog-empty-caret-2}.blog-empty-doc-live .is-line-3 .blog-empty-fill{animation:6s linear infinite blog-empty-type-3,6s linear infinite blog-empty-fade}.blog-empty-doc-live .is-line-3 .blog-empty-caret{animation:6s linear infinite blog-empty-caret-3}.blog-empty-doc-live .is-line-4 .blog-empty-fill{animation:6s linear infinite blog-empty-type-4,6s linear infinite blog-empty-fade}.blog-empty-doc-live .is-line-4 .blog-empty-caret{animation:6s linear infinite blog-empty-caret-4}.blog-empty-doc-live .is-line-5 .blog-empty-fill{animation:6s linear infinite blog-empty-type-5,6s linear infinite blog-empty-fade}.blog-empty-doc-live .is-line-5 .blog-empty-caret{animation:6s linear infinite blog-empty-caret-5}.blog-empty-doc-live .blog-empty-badge{animation:6s linear infinite blog-empty-pen,.817s ease-in-out infinite alternate blog-empty-bob,1.037s ease-in-out infinite alternate blog-empty-tilt}}@keyframes blog-empty-blink{0%,to{opacity:1}50%{opacity:.22}}@keyframes blog-empty-fade{0%,93.333%{opacity:1;animation-timing-function:ease-in-out}to{opacity:0}}@keyframes blog-empty-bob{0%{translate:0 -2.2px}to{translate:0 2.2px}}@keyframes blog-empty-tilt{0%{rotate:-5deg}to{rotate:5deg}}@keyframes blog-empty-type-0{0%,6.667%{clip-path:inset(0 100% 0 0);animation-timing-function:cubic-bezier(.645,.045,.355,1)}18.333%,to{clip-path:inset(0)}}@keyframes blog-empty-caret-0{0%,6.658%{opacity:0;left:0}6.667%{opacity:1;animation-timing-function:cubic-bezier(.645,.045,.355,1);left:0}18.333%{opacity:1;left:100%}18.342%,to{opacity:0;left:100%}}@keyframes blog-empty-type-1{0%,20%{clip-path:inset(0 100% 0 0);animation-timing-function:cubic-bezier(.645,.045,.355,1)}31.667%,to{clip-path:inset(0)}}@keyframes blog-empty-caret-1{0%,19.992%{opacity:0;left:0}20%{opacity:1;animation-timing-function:cubic-bezier(.645,.045,.355,1);left:0}31.667%{opacity:1;left:100%}31.675%,to{opacity:0;left:100%}}@keyframes blog-empty-type-2{0%,33.333%{clip-path:inset(0 100% 0 0);animation-timing-function:cubic-bezier(.645,.045,.355,1)}45%,to{clip-path:inset(0)}}@keyframes blog-empty-caret-2{0%,33.325%{opacity:0;left:0}33.333%{opacity:1;animation-timing-function:cubic-bezier(.645,.045,.355,1);left:0}45%{opacity:1;left:100%}45.008%,to{opacity:0;left:100%}}@keyframes blog-empty-type-3{0%,46.667%{clip-path:inset(0 100% 0 0);animation-timing-function:cubic-bezier(.645,.045,.355,1)}58.333%,to{clip-path:inset(0)}}@keyframes blog-empty-caret-3{0%,46.658%{opacity:0;left:0}46.667%{opacity:1;animation-timing-function:cubic-bezier(.645,.045,.355,1);left:0}58.333%{opacity:1;left:100%}58.342%,to{opacity:0;left:100%}}@keyframes blog-empty-type-4{0%,60%{clip-path:inset(0 100% 0 0);animation-timing-function:cubic-bezier(.645,.045,.355,1)}71.667%,to{clip-path:inset(0)}}@keyframes blog-empty-caret-4{0%,59.992%{opacity:0;left:0}60%{opacity:1;animation-timing-function:cubic-bezier(.645,.045,.355,1);left:0}71.667%{opacity:1;left:100%}71.675%,to{opacity:0;left:100%}}@keyframes blog-empty-type-5{0%,73.333%{clip-path:inset(0 100% 0 0);animation-timing-function:cubic-bezier(.645,.045,.355,1)}85%,to{clip-path:inset(0)}}@keyframes blog-empty-caret-5{0%,73.325%{opacity:0;left:0}73.333%{opacity:1;animation-timing-function:cubic-bezier(.645,.045,.355,1);left:0}85%{opacity:1;left:100%}85.008%,to{opacity:0;left:100%}}@keyframes blog-empty-pen{0%,20%{transform:translateY(calc(var(--y0) - var(--bh) / 2));animation-timing-function:cubic-bezier(.45,0,.55,1)}26%,33.333%{transform:translateY(calc(var(--y1) - var(--bh) / 2));animation-timing-function:cubic-bezier(.45,0,.55,1)}39.333%,46.667%{transform:translateY(calc(var(--y2) - var(--bh) / 2));animation-timing-function:cubic-bezier(.45,0,.55,1)}52.667%,60%{transform:translateY(calc(var(--y3) - var(--bh) / 2));animation-timing-function:cubic-bezier(.45,0,.55,1)}66%,73.333%{transform:translateY(calc(var(--y4) - var(--bh) / 2));animation-timing-function:cubic-bezier(.45,0,.55,1)}79.333%,93.333%{transform:translateY(calc(var(--y5) - var(--bh) / 2));animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:translateY(calc(var(--y0) - var(--bh) / 2))}}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:40px;display:flex}.blog-page-btn{border:1px solid var(--lp-line);background:var(--lp-surface);min-width:36px;height:36px;color:var(--lp-ink-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.blog-page-btn:hover:not(.blog-page-btn--disabled){border-color:var(--lp-line-strong);color:var(--lp-ink)}.blog-page-btn--disabled{opacity:.45;cursor:not-allowed}.blog-page-btn--current,.blog-page-btn--current:hover:not(.blog-page-btn--disabled){border-color:var(--lp-accent-line);background:var(--lp-accent-soft);color:var(--lp-accent-ink)}.blog-page-gap{color:var(--lp-ink-3);padding:0 4px}@media (width<=1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.blog-head{padding-top:40px}.blog-title{font-size:30px}.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-failed{flex-direction:column;align-items:flex-start}}