.blog-post-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.blog-breadcrumb{background:var(--bg-primary);padding:200px 0 0}.blog-breadcrumb-container{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.4rem;justify-content:center;margin:0 auto;max-width:1400px;padding:0 2rem}.blog-breadcrumb a{color:var(--text-tertiary);text-decoration:none;transition:color .2s ease}.blog-breadcrumb a:hover{color:#3b82f6}.blog-breadcrumb-sep{color:var(--text-tertiary);opacity:.5}.blog-breadcrumb-current{color:var(--text-secondary);font-weight:500;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-post-header{padding:3rem 0 3.5rem}.blog-post-header-container{margin:0 auto;max-width:1400px;padding:0 2rem;text-align:center}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.blog-post-tag{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:50px;color:#2563eb;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.25rem .75rem}.blog-post-header h1{color:var(--text-primary);font-size:2.6rem;font-weight:700;letter-spacing:-.5px;line-height:1.25;margin-bottom:2rem}.blog-author-bar{align-items:center;display:inline-flex;gap:.85rem}.blog-author-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:44px;justify-content:center;letter-spacing:.5px;width:44px}.blog-author-info{display:flex;flex-direction:column;gap:.15rem}.blog-author-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.blog-author-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:.85rem;font-weight:400;gap:.5rem}.blog-meta-sep{color:var(--text-tertiary);opacity:.5}.blog-post-layout{grid-gap:7rem;align-items:start;display:grid;gap:7rem;grid-template-columns:220px 1fr;margin:0 auto;max-width:1400px;padding:2rem 2rem 5rem}.blog-toc-sidebar{display:block}.blog-toc-sticky{max-height:calc(100vh - 140px);overflow-y:auto;position:sticky;top:100px}.blog-toc-label{color:var(--text-tertiary);font-size:.7rem;font-weight:700;letter-spacing:.08em;margin:0 0 .75rem;text-transform:uppercase}.blog-toc-sidebar .blog-toc-list{border-left:2px solid var(--border-primary);display:flex;flex-direction:column;gap:.15rem;padding-left:0}.blog-toc-sidebar .blog-toc-item{border-left:2px solid #0000;color:var(--text-tertiary);display:block;font-size:.82rem;font-weight:400;line-height:1.4;margin-left:-2px;padding:.3rem 0 .3rem 1rem;text-decoration:none;transition:color .15s ease,border-color .15s ease}.blog-toc-sidebar .blog-toc-item.indent{font-size:.78rem;padding-left:1.75rem}.blog-toc-sidebar .blog-toc-item:hover{color:var(--text-primary)}.blog-toc-sidebar .blog-toc-item.active{border-left-color:#3b82f6;color:#3b82f6;font-weight:500}.blog-toc-mobile{display:none;margin-bottom:2rem}.blog-toc-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem;transition:background .2s ease;width:100%}.blog-toc-toggle:hover{background:var(--bg-tertiary)}.blog-toc-chevron{height:18px;transition:transform .2s ease;width:18px}.blog-toc-toggle.open .blog-toc-chevron{transform:rotate(180deg)}.blog-toc-mobile .blog-toc-list{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;display:flex;flex-direction:column;gap:0;margin-top:.5rem;padding:.5rem 0}.blog-toc-mobile .blog-toc-item{color:var(--text-secondary);display:block;font-size:.88rem;padding:.5rem 1rem;text-decoration:none;transition:color .15s ease,background .15s ease}.blog-toc-mobile .blog-toc-item.indent{color:var(--text-tertiary);font-size:.82rem;padding-left:2rem}.blog-toc-mobile .blog-toc-item:hover{background:#3b82f60d;color:#3b82f6}.blog-toc-mobile .blog-toc-item.active{color:#3b82f6;font-weight:500}.blog-post-article{min-width:0}.blog-post-content{word-wrap:break-word;color:var(--text-secondary);font-size:1.08rem;line-height:1.9;overflow-wrap:break-word}.blog-post-content h2{border-top:1px solid var(--border-primary);color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin:3.5rem 0 1.25rem;padding-top:2rem;scroll-margin-top:100px}.blog-post-content h2:first-child{border-top:none;margin-top:0;padding-top:0}.blog-post-content h3{color:var(--text-primary);font-size:1.35rem;font-weight:600;line-height:1.4;margin:2.5rem 0 1rem;scroll-margin-top:100px}.blog-post-content h4{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin:1.5rem 0 .5rem}.blog-post-content p{line-height:1.9;margin-bottom:1.75rem}.blog-post-content a{color:#3b82f6;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.blog-post-content a:hover{color:#2563eb}.blog-post-content ol,.blog-post-content ul{margin:1.25rem 0 1.75rem;padding-left:1.75rem}.blog-post-content li{line-height:1.8;margin-bottom:.6rem}.blog-post-content li>ol,.blog-post-content li>ul{margin:.5rem 0}.blog-post-content blockquote{background:var(--bg-secondary);border-left:4px solid #3b82f6;border-radius:0 10px 10px 0;color:var(--text-secondary);font-style:italic;margin:2rem 0;padding:1.5rem 2rem}.blog-post-content blockquote p{margin-bottom:0}.blog-post-content pre{background:#1e293b;border:1px solid #ffffff0d;border-radius:12px;color:#e2e8f0;font-size:.875rem;line-height:1.7;margin:2rem 0;overflow-x:auto;padding:1.25rem 1.5rem}.blog-post-content pre code{background:none;border:none;border-radius:0;color:inherit;font-size:inherit;padding:0}.blog-post-content code{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em;padding:.15rem .45rem}.blog-post-content table{-webkit-overflow-scrolling:touch;border-collapse:collapse;display:block;font-size:.95rem;margin:2rem 0;overflow-x:auto;width:100%}.blog-post-content thead{background:var(--bg-secondary)}.blog-post-content th{border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-weight:600;padding:.75rem 1rem;text-align:left}.blog-post-content td{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);padding:.75rem 1rem}.blog-post-content tbody tr:hover{background:var(--bg-secondary)}.blog-post-content hr{border:none;border-top:1px solid var(--border-primary);margin:2.5rem 0}.blog-post-content img{border-radius:12px;box-shadow:var(--shadow-md);height:auto;margin:2rem 0;max-width:100%}.blog-post-content strong{color:var(--text-primary);font-weight:600}.blog-post-cta{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:5rem 0}.blog-post-cta-container{margin:0 auto;max-width:640px;padding:0 2rem;text-align:center}.blog-post-cta h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;letter-spacing:-.3px;margin-bottom:1rem}.blog-post-cta p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.blog-cta-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 14px #3b82f640;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.blog-cta-button:hover{box-shadow:0 8px 25px #3b82f659;transform:translateY(-2px)}.blog-related{background:var(--bg-primary);border-top:1px solid var(--border-primary);padding:5rem 0 6rem}.blog-related-container{margin:0 auto;max-width:1400px;padding:0 2rem}.blog-related-heading{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin-bottom:2.5rem}.blog-related-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.blog-related-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:14px;color:inherit;display:flex;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .25s ease}.blog-related-card:hover{border-color:#3b82f64d;box-shadow:var(--shadow-md);transform:translateY(-3px)}.blog-related-card time{color:var(--text-tertiary);font-size:.8rem;font-weight:500;margin-bottom:.5rem}.blog-related-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:.6rem;transition:color .2s ease}.blog-related-card:hover h3{color:#3b82f6}.blog-related-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:.88rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.blog-related-read-more{color:var(--text-tertiary);font-size:.85rem;font-weight:600;transition:color .2s ease}.blog-related-card:hover .blog-related-read-more{color:#3b82f6}.blog-post-not-found{margin:0 auto;max-width:1400px;padding:200px 2rem 100px;text-align:center}.blog-post-not-found h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.blog-post-not-found p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.blog-back-link{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;color:#3b82f6;display:inline-block;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.blog-back-link:hover{border-color:#3b82f6;box-shadow:var(--shadow-sm)}.blog-post-loading{align-items:center;display:flex;justify-content:center;min-height:60vh;padding-top:120px}.blog-loading-spinner{animation:blog-spin .7s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top:3px solid #3b82f6;height:40px;width:40px}@keyframes blog-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.blog-toc-sidebar{display:none}.blog-toc-mobile{display:block}.blog-post-layout{gap:0;grid-template-columns:1fr;max-width:800px}}@media (max-width:768px){.blog-breadcrumb{padding:160px 0 0}.blog-breadcrumb-container{padding:0 1.25rem}.blog-post-header{padding:2rem 0 2.5rem}.blog-post-header-container{padding:0 1.25rem}.blog-post-header h1{font-size:2rem}.blog-post-layout{padding:1rem 1.25rem 3rem}.blog-post-content{font-size:1rem}.blog-post-content h2{font-size:1.5rem;margin:2.5rem 0 1rem;padding-top:1.25rem}.blog-post-content h3{font-size:1.2rem}.blog-post-content pre{border-radius:8px;font-size:.8rem;padding:1rem}.blog-post-content blockquote{margin:1.5rem 0;padding:1rem 1.25rem}.blog-post-cta{padding:3.5rem 0}.blog-post-cta-container{padding:0 1.25rem}.blog-post-cta h2{font-size:1.5rem}.blog-breadcrumb-current{max-width:200px}.blog-related{padding:3.5rem 0 4rem}.blog-related-container{padding:0 1.25rem}.blog-related-grid{gap:1rem;grid-template-columns:1fr}.blog-related-heading{font-size:1.3rem}}@media (max-width:480px){.blog-breadcrumb{padding:130px 0 0}.blog-breadcrumb-container,.blog-post-header-container{padding:0 1rem}.blog-post-header h1{font-size:1.65rem}.blog-post-layout{padding:0 1rem 3rem}.blog-post-content{font-size:.95rem}.blog-post-cta-container{padding:0 1rem}.blog-post-cta{padding:3rem 0}.blog-related-container{padding:0 1rem}.blog-related{padding:3rem 0 4rem}.blog-author-avatar{font-size:.72rem;height:38px;width:38px}.blog-author-name{font-size:.88rem}.blog-author-meta{font-size:.8rem}}
/*# sourceMappingURL=220.77f8ea2d.chunk.css.map*/