.blog-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}.blog-cat{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:600;color:#fff;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff3d;cursor:pointer;transition:background .2s,color .2s}.blog-cat:hover{background:#fff3}.blog-cat.is-on{color:var(--blue-800);background:#fff;box-shadow:0 10px 24px -12px #050f3c99}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--muted)}.blog-tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:650;color:var(--blue-800);background:var(--blue-50)}.blog-lead{display:grid;gap:0;overflow:hidden;border-radius:var(--r-xl);background:#fff;color:inherit;text-decoration:none;box-shadow:var(--shadow-2),inset 0 0 0 1px var(--line);transition:transform .35s var(--ease),box-shadow .35s}@media(min-width:900px){.blog-lead{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.blog-lead:hover{transform:translateY(-4px);box-shadow:var(--shadow-3)}.blog-lead-img,.blog-card-img{position:relative;display:block;overflow:hidden}.blog-lead-img{min-height:300px}.blog-lead-img img,.blog-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.blog-lead:hover img,.blog-card:hover img{transform:scale(1.04)}.blog-lead-body{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(24px,4vw,48px)}.blog-lead-title{font-size:clamp(26px,2.8vw,38px);line-height:1.12;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.blog-lead-text{font-size:17px;line-height:1.55;color:var(--muted)}.blog-lead .link-arrow{margin-top:auto}.blog-grid{display:grid;gap:22px;margin-top:28px}@media(min-width:700px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1040px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{display:flex;flex-direction:column;padding:8px;border-radius:var(--r-lg);background:#fff;color:inherit;text-decoration:none;box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);transition:transform .35s var(--ease),box-shadow .35s}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2),inset 0 0 0 1px var(--blue-200)}.blog-card-img{aspect-ratio:16 / 10;border-radius:16px}.blog-card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:16px 12px 10px}.blog-card-title{font-size:19px;line-height:1.3;font-weight:650;letter-spacing:-.015em;color:var(--ink)}.blog-card-text{font-size:15px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-date{margin-top:auto;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;color:var(--faint)}.blog-none{margin-top:28px;text-align:center}.post-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;margin-top:26px;font-size:14px;color:#ffffffd1}.post-back{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px 0 10px;border-radius:999px;font-weight:600;color:#fff;text-decoration:none;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff3d}.post-back:hover{background:#fff3}.post-cover-wrap{position:relative;z-index:2;margin-top:-64px}.post-cover{margin:0 auto;max-width:1040px;aspect-ratio:21 / 9;overflow:hidden;border-radius:var(--r-xl);box-shadow:var(--shadow-3);border:8px solid #fff}.post-cover img{width:100%;height:100%;object-fit:cover}.post-section{padding-top:clamp(40px,6vw,72px)}.post-grid{display:grid;gap:48px;max-width:calc(1040px + var(--gutter) * 2)}@media(min-width:1000px){.post-grid{grid-template-columns:minmax(0,1fr) 260px}}.post-body{max-width:700px;font-size:18px;line-height:1.75;color:var(--ink-2)}.post-body>*+*{margin-top:1.1em}.post-body h2{margin-top:2em;font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.025em;color:var(--ink);scroll-margin-top:110px}.post-body h3{margin-top:1.6em;font-size:20px;color:var(--ink)}.post-body strong{color:var(--ink)}.post-body a{color:var(--blue-700);text-decoration:underline;text-underline-offset:3px}.post-body ul,.post-body ol{padding-left:1.3em}.post-body ul{list-style:none;padding-left:0}.post-body ul li{position:relative;padding-left:1.6em}.post-body ul li:before{content:"";position:absolute;left:.2em;top:.62em;width:.5em;height:.5em;border-radius:999px;background:var(--blue-600);box-shadow:0 0 0 4px var(--blue-50)}.post-body ol{list-style:decimal}.post-body ol li::marker{font-weight:700;color:var(--blue-600)}.post-body li+li{margin-top:.5em}.post-body blockquote{padding:18px 22px;border-radius:var(--r);background:var(--paper-blue);border-left:4px solid var(--blue-600)}.post-side{display:flex;flex-direction:column;gap:20px}@media(min-width:1000px){.post-side{position:sticky;top:100px;align-self:start}}.post-side-title{margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.post-toc ol{list-style:none;padding:0;margin:0;border-left:2px solid var(--line)}.post-toc a{display:block;margin-left:-2px;padding:6px 0 6px 14px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--muted);text-decoration:none;transition:color .2s,border-color .2s}.post-toc a:hover,.post-toc a.is-on{color:var(--blue-800);border-left-color:var(--blue-600)}.post-try{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border-radius:var(--r-lg);color:#fff;text-decoration:none;background:radial-gradient(120% 120% at 100% 0%,rgba(99,102,241,.5),transparent 60%),linear-gradient(150deg,#1a3aa8,#2a6cf5);box-shadow:var(--shadow-2)}.post-try span:not(.icon-tile):not(.link-arrow){font-size:14px;color:#ffffffd1}.post-try .link-arrow{color:#fff}.post-more-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px}@media(max-width:999px){.post-side{max-width:700px}}[data-post][hidden]{display:none}.section.blog-list{padding-top:clamp(32px,4vw,48px)}