.blog-root{--_bk:var(--bk,#0a0a0a);--_card:var(--card,#141414);--_card2:var(--card2,#1b1b1b);--_line:var(--line,hsla(0,0%,100%,.07));--_line2:var(--line2,hsla(0,0%,100%,.12));--_tx:var(--tx,#fff);--_tx2:var(--tx2,hsla(0,0%,100%,.5));--_tx3:var(--tx3,hsla(0,0%,100%,.3));--_accent:var(--accent,#fff);--_accent-ink:var(--accent-ink,#000);--_rad:var(--rad,16px);--hue:210;color:var(--_tx)}.blog-root .blog-body h2,.blog-root .blog-body h3,.blog-root .blog-h1{letter-spacing:-.03em}.blog-root .blog-wrap{max-width:760px;margin:0 auto;padding:0 24px}.blog-root .blog-wrap-wide{max-width:1080px;margin:0 auto;padding:0 24px}.blog-root .blog-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:13px;color:var(--_tx2);padding:22px 0 20px;margin:0}.blog-root .blog-crumbs a{color:var(--_tx2);transition:color .2s}.blog-root .blog-crumbs a:hover{color:var(--_tx)}.blog-root .blog-crumb-sep{color:var(--_tx3)}.blog-root .blog-crumb-cur{color:var(--_tx);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.blog-root .blog-crumb-cur{max-width:60vw}}.blog-root .blog-hero-art{position:relative;overflow:hidden;border:1px solid var(--_line2);border-radius:var(--_rad);padding:clamp(36px,5vw,64px) clamp(24px,4vw,48px);background:radial-gradient(85% 130% at 12% 6%,hsl(var(--hue) 78% 56%/.55),transparent 52%),radial-gradient(75% 110% at 90% 10%,hsl(calc(var(--hue) + 42) 80% 54%/.42),transparent 50%),radial-gradient(120% 130% at 78% 108%,hsl(calc(var(--hue) - 30) 74% 48%/.48),transparent 55%),linear-gradient(158deg,hsl(var(--hue) 50% 15%),hsl(calc(var(--hue) + 24) 56% 8%))}.blog-root .blog-hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E")}.blog-root .blog-hero-art-in{position:relative;z-index:1;max-width:760px}.blog-root .blog-hero-emoji{position:absolute;top:clamp(14px,2.6vw,26px);right:clamp(18px,3.6vw,40px);z-index:0;font-size:clamp(54px,9vw,108px);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 8px 22px rgba(0,0,0,.4));transform:rotate(6deg)}@media (max-width:640px){.blog-root .blog-hero-emoji{font-size:46px;top:14px;right:14px;opacity:.92}}.blog-root .blog-cat{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;border:1px solid hsla(0,0%,100%,.28);border-radius:3px;padding:5px 11px;background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blog-root .blog-h1{font-weight:800;letter-spacing:-.03em;line-height:1.08;font-size:clamp(30px,5vw,46px);margin:0;color:var(--_tx)}.blog-root .blog-h1--article{font-size:clamp(28px,4.2vw,42px);margin:18px 0 16px;color:#fff}.blog-root .blog-hero-art .blog-meta{color:hsla(0,0%,100%,.75)}.blog-root .blog-lead{font-size:16px;line-height:1.6;color:var(--_tx2);max-width:640px;margin:16px 0 0}.blog-root .blog-lead a{color:var(--_tx);border-bottom:1px solid var(--_line2)}.blog-root .blog-lead a:hover{border-color:var(--_tx)}.blog-root .blog-meta{font-size:13.5px;color:var(--_tx2);margin:0}.blog-root .blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:clamp(32px,5vw,64px);gap:clamp(32px,5vw,64px);align-items:start;margin-top:40px}.blog-root .blog-aside{position:-webkit-sticky;position:sticky;top:28px;display:flex;flex-direction:column;gap:24px}@media (max-width:900px){.blog-root .blog-layout{grid-template-columns:1fr}.blog-root .blog-aside{position:static;order:-1;flex-direction:column-reverse}}.blog-root .blog-author{border:1px solid var(--_line2);border-radius:var(--_rad);background:var(--_card);padding:20px}.blog-root .blog-author-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.blog-root .blog-author-ava{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;letter-spacing:.02em;background:var(--_card2);border:1px solid var(--_line2);color:var(--_tx)}.blog-root .blog-author-name{font-size:15px;font-weight:700;color:var(--_tx);margin:0}.blog-root .blog-author-role{font-size:12px;color:var(--_tx3);margin:2px 0 0}.blog-root .blog-author-bio{font-size:13.5px;line-height:1.6;color:var(--_tx2);margin:0 0 14px}.blog-root .blog-author-tg{font-size:13px;font-weight:600;color:var(--_tx);border-bottom:1px solid var(--_line2);padding-bottom:1px;transition:border-color .2s}.blog-root .blog-author-tg:hover{border-color:var(--_accent)}.blog-root .blog-toc{border-left:1px solid var(--_line2);padding-left:18px}.blog-root .blog-toc-h{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--_tx3);margin:0 0 14px}.blog-root .blog-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.blog-root .blog-toc a{display:block;font-size:13.5px;line-height:1.4;color:var(--_tx2);transition:color .2s;position:relative}.blog-root .blog-toc a:before{content:"";position:absolute;left:-19px;top:3px;bottom:3px;width:2px;background:var(--_tx);border-radius:2px;transform:scaleY(0);transform-origin:top;transition:transform .25s}.blog-root .blog-toc a:hover{color:var(--_tx)}.blog-root .blog-toc a.on{color:var(--_tx);font-weight:600}.blog-root .blog-toc a.on:before{transform:scaleY(1)}.blog-root .blog-progress{position:fixed;top:0;left:0;height:2px;z-index:300;background:hsl(var(--hue) 78% 58%);transition:width .1s linear;box-shadow:0 0 10px hsl(var(--hue) 78% 58%/.6)}.blog-root .blog-body{font-size:18px;line-height:1.8;color:var(--_tx2);padding-bottom:40px;max-width:none}.blog-root .blog-body>p:first-of-type{font-size:21px;line-height:1.62;color:var(--_tx);font-weight:400;letter-spacing:-.01em;margin:0 0 30px}.blog-root .blog-body p{margin:0 0 22px}.blog-root .blog-body h2{font-weight:800;font-size:clamp(23px,3vw,29px);line-height:1.18;letter-spacing:-.03em;color:var(--_tx);margin:52px 0 18px;padding-top:24px;border-top:1px solid var(--_line2);position:relative;scroll-margin-top:24px}.blog-root .blog-body h2:before{content:"";position:absolute;top:-1px;left:0;width:46px;height:2px;background:hsl(var(--hue) 72% 58%)}.blog-root .blog-body h3{font-weight:700;font-size:19px;margin:36px 0 12px;color:var(--_tx);letter-spacing:-.01em}.blog-root .blog-body h2+p,.blog-root .blog-body h3+p{margin-top:0}.blog-root .blog-body a{color:var(--_tx);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:hsl(var(--hue) 62% 58%/.6);text-decoration-color:hsl(var(--hue) 62% 58%/.6);transition:-webkit-text-decoration-color .2s;transition:text-decoration-color .2s;transition:text-decoration-color .2s,-webkit-text-decoration-color .2s}.blog-root .blog-body a:hover{-webkit-text-decoration-color:hsl(var(--hue) 72% 62%);text-decoration-color:hsl(var(--hue) 72% 62%)}.blog-root .blog-body b,.blog-root .blog-body strong{color:var(--_tx);font-weight:600}.blog-root .blog-body ul{list-style:none;margin:0 0 24px;padding:0}.blog-root .blog-body ul li{position:relative;padding-left:26px;margin-bottom:11px;line-height:1.6}.blog-root .blog-body ul li:before{content:"";position:absolute;left:2px;top:12px;width:9px;height:2px;background:hsl(var(--hue) 66% 56%)}.blog-root .blog-body ol{margin:0 0 24px;padding-left:22px}.blog-root .blog-body ol li{margin-bottom:11px;padding-left:6px;line-height:1.6}.blog-root .blog-body ol li::marker{color:hsl(var(--hue) 62% 60%);font-weight:700}.blog-root .blog-body blockquote{border:none;border-left:3px solid hsl(var(--hue) 66% 56%);padding:4px 0 4px 24px;margin:32px 0;color:var(--_tx);font-size:21px;line-height:1.5;font-weight:500;letter-spacing:-.01em}.blog-root .blog-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px;display:block;overflow-x:auto}.blog-root .blog-body td,.blog-root .blog-body th{border:1px solid var(--_line2);padding:9px 13px;text-align:left;vertical-align:top}.blog-root .blog-body th{background:var(--_card2);font-weight:700;font-size:13px;color:var(--_tx)}.blog-root .blog-cta-box{position:relative;overflow:hidden;border:1px solid var(--_line2);border-radius:var(--_rad);background:var(--_card);padding:30px;display:flex;flex-direction:column;gap:12px;margin:8px 0 24px}.blog-root .blog-cta-box:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(80% 120% at 100% 0,hsl(var(--hue) 58% 48%/.16),transparent 60%)}.blog-root .blog-cta-box>*{position:relative}.blog-root .blog-cta-h{font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--_tx);margin:0}.blog-root .blog-cta-text{font-size:14.5px;line-height:1.6;color:var(--_tx2);margin:0;max-width:620px}.blog-root .blog-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.blog-root .blog-cta-btn{font-weight:700;font-size:13px;letter-spacing:.02em;color:var(--_accent-ink);background:var(--_accent);padding:13px 22px;border-radius:6px;transition:opacity .2s,transform .2s}.blog-root .blog-cta-btn:hover{transform:translateY(-1px);opacity:.9}.blog-root .blog-cta-btn--ghost,.blog-root .blog-cta-btn.ghost{background:transparent;color:var(--_tx);border:1px solid var(--_line2)}.blog-root .blog-cta-btn--ghost:hover,.blog-root .blog-cta-btn.ghost:hover{border-color:var(--_tx);opacity:1;transform:translateY(-1px)}.blog-root .blog-index-hero{padding:8px 0 30px}.blog-root .blog-index-hero .blog-h1{font-size:clamp(34px,6vw,56px)}.blog-root .blog-index-body{padding-bottom:90px}.blog-root .blog-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:18px;gap:18px}.blog-root .blog-card2{display:flex;flex-direction:column;border:1px solid var(--_line);border-radius:var(--_rad);overflow:hidden;background:var(--_card);transition:border-color .2s,transform .2s,box-shadow .2s}.blog-root .blog-card2:hover{border-color:var(--_line2);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.28)}.blog-root .blog-card2{--hue:210}.blog-root .blog-card2-thumb{position:relative;height:168px;border-bottom:1px solid var(--_line);display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 130% at 18% 14%,hsl(var(--hue) 74% 55%/.72),transparent 55%),radial-gradient(110% 120% at 88% 92%,hsl(calc(var(--hue) + 42) 76% 48%/.62),transparent 55%),linear-gradient(150deg,hsl(var(--hue) 48% 22%),hsl(calc(var(--hue) + 26) 54% 12%))}.blog-root .blog-card2-emoji{font-size:58px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4));transition:transform .28s var(--ease,cubic-bezier(.16,1,.3,1))}.blog-root .blog-card2:hover .blog-card2-emoji{transform:scale(1.14) rotate(-5deg)}.blog-root .blog-card2-body{display:flex;flex-direction:column;gap:9px;padding:20px;flex:1 1}.blog-root .blog-card2-meta{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--_tx3)}.blog-root .blog-card2-t{font-size:17px;font-weight:800;letter-spacing:-.015em;line-height:1.28;color:var(--_tx)}.blog-root .blog-card2-x{font-size:13.5px;line-height:1.5;color:var(--_tx2);flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-root .blog-card2-more{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--_tx3);margin-top:2px;transition:color .2s}.blog-root .blog-card2:hover .blog-card2-more{color:var(--_tx)}.blog-root .blog-pager{justify-content:center;flex-wrap:wrap;margin-top:48px}.blog-root .blog-pager,.blog-root .blog-pager-nums{display:flex;align-items:center;gap:8px}.blog-root .blog-pager-arrow,.blog-root .blog-pager-gap,.blog-root .blog-pager-n{min-width:44px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--_tx2);border:1px solid var(--_line2);border-radius:10px;transition:border-color .2s,color .2s,background .2s}.blog-root .blog-pager-arrow:not(.is-off):hover,.blog-root .blog-pager-n:hover{color:var(--_tx);border-color:var(--_tx3)}.blog-root .blog-pager-n.on{background:var(--_accent);color:var(--_accent-ink);border-color:var(--_accent)}.blog-root .blog-pager-gap{border:none;min-width:auto;padding:0 4px;color:var(--_tx3)}.blog-root .blog-pager-arrow.is-off{opacity:.35;cursor:default}@media (max-width:640px){.blog-root .blog-pager-arrow,.blog-root .blog-pager-gap,.blog-root .blog-pager-n{min-width:40px;height:40px;font-size:13px}}.blog-root .blog-related{margin-top:24px;padding-bottom:96px}.blog-root .blog-related-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}.blog-root .blog-related-h2{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.02em;color:var(--_tx);margin:0}.blog-root .blog-related-all{font-size:14px;font-weight:600;color:var(--_tx2);white-space:nowrap;transition:color .2s}.blog-root .blog-related-all:hover{color:var(--_tx)}@media (max-width:640px){.blog-root .blog-body{font-size:16.5px}.blog-root .blog-hero-art{padding:30px 20px}}