.blog-detail{background:#f7f8fc}.post-hero{padding:32px 0 58px;background:radial-gradient(ellipse at 90% 10%,#e2def9,transparent 65%),#f0f5fa;border-bottom:1px solid #e1e7f0}.post-breadcrumb{display:flex;gap:12px;color:#6c7b90;font-size:12px;margin-bottom:38px}.post-breadcrumb a{color:inherit}.post-hero h1{font-size:clamp(34px,4vw,60px);line-height:1.12;letter-spacing:-.04em;max-width:1080px;margin:24px 0}.post-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:#667890}.post-meta a{padding:6px 12px;border-radius:20px;background:#fff;color:#6050a0;text-decoration:none}.post-reading{padding:48px 0 75px}.post-layout{display:grid;grid-template-columns:245px minmax(0,860px);justify-content:center;gap:45px;align-items:start}.post-rail{position:sticky;top:110px;max-height:calc(100vh - 130px);overflow:auto;padding-right:10px}.post-back{font-size:13px;color:#6653b2;font-weight:700;text-decoration:none}.post-toc{margin-top:30px}.post-toc>div{display:grid;gap:4px;margin-top:14px}.post-toc button{font:inherit;font-size:12px;line-height:1.55;text-align:left;border:0;border-left:2px solid #dedfec;background:transparent;padding:9px 12px;color:#65748b;cursor:pointer}.post-toc button:hover,.post-toc button:focus-visible{color:#5942b3;border-color:#7960d2;background:#eeebf7}.post-help{padding:22px;background:#eaeef7;border-radius:16px;margin-top:30px}.post-help .eyebrow{font-size:9px}.post-help h2{font-size:23px;line-height:1.25;margin-top:16px}.post-help p{font-size:13px;color:#67768b;line-height:1.7}.post-help a{font-size:12px;color:#6048b1;font-weight:700}.post-paper{min-width:0;background:#fff;border:1px solid #e2e7ef;border-radius:20px;padding:clamp(22px,3.5vw,52px);box-shadow:0 15px 50px #24345405}.blog-detail .prose{font-size:17px;line-height:1.9}.blog-detail .prose h2{font-size:29px;letter-spacing:-.025em;padding-top:10px;margin-top:38px}.blog-detail .prose h3{font-size:23px}.blog-detail .prose :is(h2,h3){scroll-margin-top:120px}.blog-detail .prose li{margin-bottom:9px}.blog-detail .prose th{background:#edf1f8}.blog-detail .prose code{font-size:.88em;overflow-wrap:anywhere}.blog-detail .prose figure{margin:26px 0;max-width:100%}.blog-detail .prose figcaption{font-size:12px;color:#718096;text-align:center}.post-end{border-top:1px solid #e0e6ef;margin-top:42px;padding-top:25px;display:grid;gap:10px}.post-end span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#778398}.post-end a{color:#614eb0;font-weight:700}.reading-progress{height:3px;background:#7760dc;position:fixed;top:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;z-index:1000;pointer-events:none}@media(max-width:980px){.post-layout{grid-template-columns:1fr;gap:25px}.post-rail{position:static;max-height:none;padding:0}.post-help{display:none}.post-toc>div{max-height:170px;overflow:auto}.post-paper{padding:26px}.post-reading{padding-top:28px}}@media(max-width:500px){.post-hero{padding-bottom:35px}.post-hero h1{font-size:35px}.post-paper{padding:20px 16px;border-radius:14px}.blog-detail .prose{font-size:16px}.blog-detail .prose h2{font-size:26px}}
