.blog-post-page[data-v-37adc070]{background:var(--white)}.reading-progress[data-v-37adc070]{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);z-index:1000;transition:width .1s ease}.hero-section[data-v-37adc070]{position:relative;padding:calc(80px + var(--spacing-lg)) 0 var(--spacing-xl);overflow:hidden}.hero-bg[data-v-37adc070]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-orb[data-v-37adc070]{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.hero-orb-1[data-v-37adc070]{width:500px;height:500px;background:linear-gradient(135deg,#6366f140,#8b5cf626);top:-200px;right:5%}.hero-orb-2[data-v-37adc070]{width:400px;height:400px;background:linear-gradient(135deg,#10b98126,#6366f11a);bottom:-150px;left:0}.hero-header[data-v-37adc070]{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto var(--spacing-lg)}.back-link[data-v-37adc070]{display:inline-flex;align-items:center;gap:6px;color:var(--gray-500);font-size:var(--font-size-sm);font-weight:500;padding:6px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-link[data-v-37adc070]:hover{color:#818cf8;background:#6366f126;border-color:#6366f14d}.post-category[data-v-37adc070]{display:inline-flex;align-items:center;color:#818cf8;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:6px 14px;background:#6366f126;border-radius:var(--radius-full)}.post-title[data-v-37adc070]{font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.2;max-width:900px;margin:0 auto var(--spacing-lg);color:var(--gray-900);text-align:center}.post-meta-bar[data-v-37adc070]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.author-info[data-v-37adc070]{display:flex;align-items:center;gap:8px}.author-avatar[data-v-37adc070]{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.author-name[data-v-37adc070]{font-weight:500;color:var(--gray-700);font-size:var(--font-size-sm)}.meta-dot[data-v-37adc070]{width:4px;height:4px;background:var(--gray-400);border-radius:50%}.meta-item[data-v-37adc070]{display:flex;align-items:center;gap:6px;color:var(--gray-500);font-size:var(--font-size-sm)}.hero-divider[data-v-37adc070]{padding:var(--spacing-lg) 0}.divider-line[data-v-37adc070]{max-width:900px;margin:0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--gray-200),transparent)}.post-content-section[data-v-37adc070]{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-3xl)}.content-layout[data-v-37adc070]{display:grid;grid-template-columns:220px 1fr;gap:var(--spacing-3xl);max-width:1100px;margin:0 auto}.post-sidebar[data-v-37adc070]{position:sticky;top:100px;height:fit-content}.sidebar-card[data-v-37adc070]{background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(15,23,42,.06);border-radius:14px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:0 1px 2px #0f172a0a,0 8px 20px -8px #6366f11f}.sidebar-card h4[data-v-37adc070]{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.share-buttons-vertical[data-v-37adc070]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.share-btn[data-v-37adc070]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:#fff;transition:all .2s ease;border:none;cursor:pointer;text-decoration:none}.share-btn[data-v-37adc070]:hover{transform:translate(4px)}.share-btn.twitter[data-v-37adc070]{background:#000}.share-btn.linkedin[data-v-37adc070]{background:#0077b5}.share-btn.facebook[data-v-37adc070]{background:#1877f2}.share-btn.copy[data-v-37adc070]{background:var(--gray-600)}.tags-list[data-v-37adc070]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag[data-v-37adc070]{background:var(--white);color:var(--gray-600);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);border:1px solid var(--gray-200)}.post-content[data-v-37adc070]{font-size:var(--font-size-lg);line-height:1.8;color:var(--gray-700)}.post-content[data-v-37adc070] .lead{font-size:var(--font-size-xl);color:var(--gray-600);line-height:1.7;margin-bottom:var(--spacing-xl)}.post-content[data-v-37adc070] h2{font-size:var(--font-size-2xl);color:var(--gray-900);margin:var(--spacing-2xl) 0 var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--gray-100)}.post-content[data-v-37adc070] h2:first-of-type{border-top:none;padding-top:0}.post-content[data-v-37adc070] h3{font-size:var(--font-size-xl);color:var(--gray-800);margin:var(--spacing-xl) 0 var(--spacing-sm)}.post-content[data-v-37adc070] p{margin-bottom:var(--spacing-md)}.post-content[data-v-37adc070] ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.post-content[data-v-37adc070] li{margin-bottom:var(--spacing-sm)}.post-content[data-v-37adc070] strong{color:var(--gray-900)}.post-content[data-v-37adc070] blockquote{margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-left:4px solid #6366f1;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.post-content[data-v-37adc070] blockquote p{font-size:var(--font-size-lg);font-style:italic;color:var(--gray-700);margin:0}.post-content[data-v-37adc070] .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin:var(--spacing-xl) 0}.post-content[data-v-37adc070] .stat-item{background:var(--gray-50);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center}.post-content[data-v-37adc070] .stat-value{display:block;font-size:var(--font-size-3xl);font-weight:700;color:#6366f1;margin-bottom:var(--spacing-xs)}.post-content[data-v-37adc070] .stat-label{font-size:var(--font-size-sm);color:var(--gray-600)}.post-content[data-v-37adc070] .info-box{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin:var(--spacing-xl) 0}.post-content[data-v-37adc070] .info-box h4{color:#6366f1;margin-bottom:var(--spacing-sm)}.related-posts-section[data-v-37adc070]{background:var(--gray-50);padding:var(--spacing-3xl) 0}.related-posts-section .section-header[data-v-37adc070]{text-align:center;margin-bottom:var(--spacing-2xl)}.related-posts-section .badge[data-v-37adc070]{display:inline-block;background:#6366f11a;color:#6366f1;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.related-posts-section h2[data-v-37adc070]{font-size:var(--font-size-3xl);color:var(--gray-900)}.related-grid[data-v-37adc070]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.related-card[data-v-37adc070]{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.related-card[data-v-37adc070]:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001f}.related-image-wrapper[data-v-37adc070]{position:relative;overflow:hidden}.related-image[data-v-37adc070]{height:180px;background-size:cover;background-position:center;transition:transform .3s ease}.related-card:hover .related-image[data-v-37adc070]{transform:scale(1.05)}.related-overlay[data-v-37adc070]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3) 100%)}.related-content[data-v-37adc070]{padding:var(--spacing-lg)}.related-category[data-v-37adc070]{color:#6366f1;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.related-content h3[data-v-37adc070]{font-size:var(--font-size-base);margin-top:var(--spacing-xs);color:var(--gray-900);line-height:1.4}.related-meta[data-v-37adc070]{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);color:var(--gray-500);font-size:var(--font-size-xs)}.related-meta .dot[data-v-37adc070]{color:var(--gray-300)}@media(max-width:1024px){.content-layout[data-v-37adc070]{grid-template-columns:1fr}.post-sidebar[data-v-37adc070]{position:static;display:flex;gap:var(--spacing-lg)}.sidebar-card[data-v-37adc070]{flex:1;margin-bottom:0}.related-grid[data-v-37adc070]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-content h1[data-v-37adc070]{font-size:var(--font-size-2xl)}.post-meta[data-v-37adc070]{flex-direction:column;gap:var(--spacing-md)}.meta-divider[data-v-37adc070]{display:none}.post-featured-image[data-v-37adc070]{height:280px}.post-sidebar[data-v-37adc070]{flex-direction:column}.related-grid[data-v-37adc070],.post-content[data-v-37adc070] .stats-grid{grid-template-columns:1fr}}.dark-theme .blog-post-page{background:#0f172a}.dark-theme .hero-orb-1{background:linear-gradient(135deg,#6366f133,#8b5cf626)}.dark-theme .hero-orb-2{background:linear-gradient(135deg,#10b98126,#6366f11a)}.dark-theme .back-link{background:#1e293bcc;border-color:#47556980;color:#94a3b8}.dark-theme .back-link:hover{background:#6366f133;border-color:#6366f166;color:#818cf8}.dark-theme .post-title{color:#fff}.dark-theme .author-name{color:#e2e8f0}.dark-theme .meta-dot{background:#64748b}.dark-theme .meta-item{color:#64748b}.dark-theme .divider-line{background:linear-gradient(90deg,transparent,#334155,transparent)}.dark-theme .sidebar-card{background:#1e293b}.dark-theme .sidebar-card h4{color:#fff}.dark-theme .tag{background:#0f172a!important;color:#94a3b8!important;border-color:#334155!important}.dark-theme .post-content{color:#cbd5e1}.dark-theme .post-content :deep(.lead){color:#94a3b8}.dark-theme .post-content :deep(h2){color:#fff;border-color:#334155}.dark-theme .post-content :deep(h3){color:#e2e8f0}.dark-theme .post-content :deep(strong){color:#fff}.dark-theme .post-content :deep(blockquote){background:linear-gradient(135deg,#6366f11a,#8b5cf614)}.dark-theme .post-content :deep(blockquote p){color:#cbd5e1}.dark-theme .post-content :deep(.stats-grid) .stat-item{background:#1e293b}.dark-theme .post-content :deep(.stat-label){color:#94a3b8}.dark-theme .post-content :deep(.info-box){background:linear-gradient(135deg,#6366f11a,#8b5cf614);border-color:#6366f14d}.dark-theme .related-posts-section{background:#1e293b}.dark-theme .related-posts-section h2{color:#fff}.dark-theme .related-card{background:#0f172a;border:1px solid #334155}.dark-theme .related-content h3{color:#fff}.dark-theme .related-meta{color:#64748b}.toc-card .toc-list[data-v-37adc070]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;counter-reset:toc}.toc-card .toc-list li[data-v-37adc070]{counter-increment:toc}.toc-card .toc-list a[data-v-37adc070]{display:flex;gap:8px;padding:7px 10px;color:#334155;font-size:13px;line-height:1.45;text-decoration:none;border-radius:6px;border-left:2px solid transparent;transition:background .15s ease,color .15s ease}.toc-card .toc-list a[data-v-37adc070]:before{content:counter(toc,decimal-leading-zero);color:#94a3b8;font-weight:600;flex-shrink:0;font-variant-numeric:tabular-nums}.toc-card .toc-list a[data-v-37adc070]:hover{background:#6366f114;color:#0f172a;border-left-color:#6366f1}.toc-card .toc-list a[data-v-37adc070]:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.post-content[data-v-37adc070] h2{scroll-margin-top:96px}.newsletter-card[data-v-37adc070]{background:linear-gradient(135deg,#6366f11a,#8b5cf60a);border-color:#6366f152}.newsletter-card h4[data-v-37adc070]{font-size:14px;font-weight:700;color:#0f172a}.newsletter-card p[data-v-37adc070]{font-size:12.5px;line-height:1.55;color:#334155;margin:6px 0 12px}.newsletter-card form[data-v-37adc070]{display:flex;flex-direction:column;gap:8px}.newsletter-card input[data-v-37adc070]{width:100%;background:#fff;border:1px solid rgba(15,23,42,.1);color:#0f172a;font-size:13px;padding:10px 12px;border-radius:9999px;outline:none}.newsletter-card input[data-v-37adc070]::placeholder{color:#94a3b8}.newsletter-card input[data-v-37adc070]:focus{border-color:#6366f152;box-shadow:0 0 0 3px #6366f12e}.dark-theme .blog-post-page .toc-card .toc-list a{color:#cbd5e1}.dark-theme .blog-post-page .toc-card .toc-list a:before{color:#64748b}.dark-theme .blog-post-page .toc-card .toc-list a:hover{color:#f8fafc}.dark-theme .blog-post-page .newsletter-card{background:linear-gradient(135deg,#6366f12e,#8b5cf60f)}.dark-theme .blog-post-page .newsletter-card h4{color:#f8fafc}.dark-theme .blog-post-page .newsletter-card p{color:#cbd5e1}.dark-theme .blog-post-page .newsletter-card input{background:#0f172aa6;border-color:#94a3b82e;color:#f8fafc}.dark-theme .blog-post-page .newsletter-card input::placeholder{color:#64748b}.newsletter-card button[data-v-37adc070]{width:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:10px 16px;font-weight:600;font-size:13px;border-radius:9999px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.newsletter-card button[data-v-37adc070]:hover:not(:disabled){transform:translateY(-1px)}.newsletter-card button[data-v-37adc070]:disabled{opacity:.6;cursor:not-allowed}.newsletter-card button[data-v-37adc070]:focus-visible{outline:2px solid #fff;outline-offset:3px}.newsletter-note[data-v-37adc070]{font-size:12px;margin:8px 0 0}.newsletter-note.success[data-v-37adc070]{color:#6ee7b7}.newsletter-note.error[data-v-37adc070]{color:#fca5a5}
