.blog-source-link[data-astro-cid-kdelgqki]{background:var(--blue);color:#080e25;border:1px solid #8395ff;border-radius:10px;align-items:center;gap:11px;width:fit-content;max-width:100%;min-height:44px;padding:11px 16px;font-size:13px;font-weight:650;line-height:1.45;display:inline-flex}.blog-source-link[data-astro-cid-kdelgqki]:hover{background:#859bff;border-color:#a4b1ff}.blog-source-link[data-astro-cid-kdelgqki]>svg[data-astro-cid-kdelgqki]{flex:none}.github-destination[data-astro-cid-kdelgqki]{white-space:nowrap}.blog-surface{background:radial-gradient(ellipse 850px 490px at 80% 0%, #26376842, transparent 75%), linear-gradient(180deg, #0d1421, var(--bg) 560px);border-top:1px solid #718bff12}.blog-index,.blog-article{max-width:1120px}.blog-index{padding-block:36px 48px}.blog-intro{justify-content:space-between;align-items:center;gap:40px;padding-bottom:30px;display:flex}.blog-intro h1{letter-spacing:-.05em;margin:0;font-size:clamp(40px,4vw,56px);font-weight:650;line-height:1.1}.blog-intro p{max-width:580px;color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.6}.blog-intro>div{flex:1;min-width:0}.post-card{background:linear-gradient(120deg,#182238cf,#111a2b94);border:1px solid #718bff36;border-radius:16px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.85fr);align-items:center;gap:28px;padding:32px;display:grid;box-shadow:0 20px 60px #0002}.post-card+.post-card{margin-top:24px}.post-card:hover,.post-card:focus-visible{border-color:#718bff88}.post-card-text{grid-template-columns:1fr}.post-copy{min-width:0}.post-category{color:var(--blue-bright);align-items:center;gap:9px;font-size:12px;display:inline-flex}.post-category:before{content:"";background:var(--blue);width:15px;height:2px}.post-copy h2{letter-spacing:-.045em;margin:14px 0 18px;font-size:clamp(30px,3.1vw,44px);font-weight:650;line-height:1.13}.title-accent{color:var(--blue-bright)}.post-copy>p{max-width:580px;color:var(--muted);margin:0 0 22px;font-size:15px;line-height:1.7}.post-meta,.reading-meta{color:var(--muted);flex-wrap:wrap;gap:8px 22px;font-size:13px;display:flex}.post-read{color:var(--blue-bright);align-items:center;gap:9px;margin-top:24px;font-size:13px;display:inline-flex}.post-art{background:var(--surface);border-radius:11px;height:290px;overflow:hidden}.post-art img{object-fit:cover;object-position:52% center;width:100%;height:100%}.blog-article{padding-block:22px 64px}.blog-back{color:var(--muted);align-items:center;gap:10px;margin-bottom:18px;padding-block:6px;font-size:13px;display:inline-flex}.blog-back:hover{color:var(--blue-bright)}.reading-head{background:linear-gradient(115deg,#19233bcc,#111a2b99);border:1px solid #718bff36;border-radius:16px;padding:30px 34px;position:relative}.reading-title{min-width:0;max-width:900px}.reading-source{margin-top:20px}.reading-head h1{letter-spacing:-.045em;text-wrap:balance;margin:14px 0 22px;font-size:clamp(34px,4vw,50px);font-weight:650;line-height:1.1}.reading-layout{grid-template-columns:minmax(0,720px) 240px;grid-template-areas:"body toc";justify-content:center;gap:64px;margin-top:32px;display:grid}.reading-layout-solo{grid-template-columns:minmax(0,720px);grid-template-areas:"body"}.reading-layout>.article-toc{grid-area:toc}.reading-body{color:#c6cde0;text-align:left;grid-area:body;min-width:0;margin:0;font-size:18px;line-height:1.8}.reading-body>p{margin:0 0 26px}.reading-body>p:first-child{color:var(--text)}.reading-body>h2{margin:40px 0 18px;padding-top:24px;font-size:27px;line-height:1.25}.blog-article .reading-body [id],.blog-article .reading-body[id],.blog-article .reading-body [id]:target,.blog-article .reading-body[id]:target{scroll-margin-top:var(--reading-offset,112px)}.reading-end{border-top:1px solid var(--line);background:0 0;margin-top:36px;padding-top:22px;font-size:13px}.reading-end a{align-items:center;gap:8px;display:inline-flex}@media (width<=1000px){.reading-layout{flex-direction:column;gap:22px;margin-top:28px;display:flex}.reading-layout>.article-toc,.reading-body{width:100%;max-width:720px;margin-inline:auto}.post-card{grid-template-columns:minmax(0,1fr) 230px;gap:24px;padding:26px}.post-card-text{grid-template-columns:1fr}.post-art{height:270px}}@media (width<=760px){.blog-index{padding-block:26px 36px}.blog-intro{padding-bottom:24px;display:block}.blog-intro h1{font-size:42px}.blog-intro p{margin-top:12px;font-size:15px}.blog-intro>.blog-source-link{margin-top:18px}.post-card{border-radius:12px;grid-template-columns:1fr;gap:20px;padding:22px}.post-art{order:-1;height:145px}.post-art img{object-position:center 40%}.post-copy h2{font-size:clamp(28px,7.5vw,36px)}.post-copy>p{font-size:15px}.post-meta{gap:6px 16px}.post-read{margin-top:20px}.blog-article{padding-block:18px 48px}.blog-back{margin-bottom:14px}.reading-head{border-radius:12px;padding:24px;display:block}.reading-head h1{text-wrap:auto;margin-block:12px 20px;font-size:clamp(30px,8vw,42px);line-height:1.12}.reading-meta{gap:7px 18px}.reading-body{font-size:17px;line-height:1.8}.reading-body>h2{margin-top:34px;padding-top:20px;font-size:24px}}@media (width>=1001px) and (width<=1250px){.reading-layout{grid-template-columns:minmax(0,720px) 210px;gap:36px}}@media (width<=360px){.post-card,.reading-head{padding:18px}.post-art{height:125px}.post-copy h2{font-size:28px}.reading-head h1{font-size:30px}}.post-card{isolation:isolate;transition:border-color .24s,box-shadow .24s;position:relative;overflow:hidden}.post-card:before{content:"";opacity:0;z-index:-1;background:linear-gradient(120deg,#283b6355,#28426c30);transition:opacity .24s;position:absolute;inset:0}.post-card:hover:before,.post-card:focus-visible:before{opacity:1}.post-read svg{transition:transform .24s}.post-card:hover .post-read svg,.post-card:focus-visible .post-read svg{transform:translate(2px,-2px)}.blog-back,.blog-source-link{transition:color .2s,background-color .2s,border-color .2s}@media (prefers-reduced-motion:reduce){.post-card,.post-card:before,.post-read svg,.blog-back,.blog-source-link{transition:none}}