.blog-post-page[data-v-b97b4f6f]{background:var(--white)}.reading-progress[data-v-b97b4f6f]{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-b97b4f6f]{position:relative;padding:calc(80px + var(--spacing-lg)) 0 var(--spacing-xl);overflow:hidden}.hero-bg[data-v-b97b4f6f]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-orb[data-v-b97b4f6f]{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.hero-orb-1[data-v-b97b4f6f]{width:500px;height:500px;background:linear-gradient(135deg,#6366f140,#8b5cf626);top:-200px;right:5%}.hero-orb-2[data-v-b97b4f6f]{width:400px;height:400px;background:linear-gradient(135deg,#10b98126,#6366f11a);bottom:-150px;left:0}.hero-header[data-v-b97b4f6f]{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto var(--spacing-lg)}.back-link[data-v-b97b4f6f]{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-b97b4f6f]:hover{color:#818cf8;background:#6366f126;border-color:#6366f14d}.post-category[data-v-b97b4f6f]{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-b97b4f6f]{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-b97b4f6f]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.author-info[data-v-b97b4f6f]{display:flex;align-items:center;gap:8px}.author-avatar[data-v-b97b4f6f]{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-b97b4f6f]{font-weight:500;color:var(--gray-700);font-size:var(--font-size-sm)}.meta-dot[data-v-b97b4f6f]{width:4px;height:4px;background:var(--gray-400);border-radius:50%}.meta-item[data-v-b97b4f6f]{display:flex;align-items:center;gap:6px;color:var(--gray-500);font-size:var(--font-size-sm)}.hero-divider[data-v-b97b4f6f]{padding:var(--spacing-lg) 0}.divider-line[data-v-b97b4f6f]{max-width:900px;margin:0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--gray-200),transparent)}.post-content-section[data-v-b97b4f6f]{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-3xl)}.content-layout[data-v-b97b4f6f]{display:grid;grid-template-columns:220px 1fr;gap:var(--spacing-3xl);max-width:1100px;margin:0 auto}.post-sidebar[data-v-b97b4f6f]{position:sticky;top:100px;height:fit-content}.sidebar-card[data-v-b97b4f6f]{background:var(--gray-50);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.sidebar-card h4[data-v-b97b4f6f]{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-b97b4f6f]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.share-btn[data-v-b97b4f6f]{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-b97b4f6f]:hover{transform:translate(4px)}.share-btn.twitter[data-v-b97b4f6f]{background:#000}.share-btn.linkedin[data-v-b97b4f6f]{background:#0077b5}.share-btn.facebook[data-v-b97b4f6f]{background:#1877f2}.share-btn.copy[data-v-b97b4f6f]{background:var(--gray-600)}.tags-list[data-v-b97b4f6f]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag[data-v-b97b4f6f]{background:#fff;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-b97b4f6f]{font-size:var(--font-size-lg);line-height:1.8;color:var(--gray-700)}.post-content[data-v-b97b4f6f] .lead{font-size:var(--font-size-xl);color:var(--gray-600);line-height:1.7;margin-bottom:var(--spacing-xl)}.post-content[data-v-b97b4f6f] 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-b97b4f6f] h2:first-of-type{border-top:none;padding-top:0}.post-content[data-v-b97b4f6f] h3{font-size:var(--font-size-xl);color:var(--gray-800);margin:var(--spacing-xl) 0 var(--spacing-sm)}.post-content[data-v-b97b4f6f] p{margin-bottom:var(--spacing-md)}.post-content[data-v-b97b4f6f] ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.post-content[data-v-b97b4f6f] li{margin-bottom:var(--spacing-sm)}.post-content[data-v-b97b4f6f] strong{color:var(--gray-900)}.post-content[data-v-b97b4f6f] 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-b97b4f6f] blockquote p{font-size:var(--font-size-lg);font-style:italic;color:var(--gray-700);margin:0}.post-content[data-v-b97b4f6f] .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin:var(--spacing-xl) 0}.post-content[data-v-b97b4f6f] .stat-item{background:var(--gray-50);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center}.post-content[data-v-b97b4f6f] .stat-value{display:block;font-size:var(--font-size-3xl);font-weight:700;color:#6366f1;margin-bottom:var(--spacing-xs)}.post-content[data-v-b97b4f6f] .stat-label{font-size:var(--font-size-sm);color:var(--gray-600)}.post-content[data-v-b97b4f6f] .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-b97b4f6f] .info-box h4{color:#6366f1;margin-bottom:var(--spacing-sm)}.related-posts-section[data-v-b97b4f6f]{background:var(--gray-50);padding:var(--spacing-3xl) 0}.related-posts-section .section-header[data-v-b97b4f6f]{text-align:center;margin-bottom:var(--spacing-2xl)}.related-posts-section .badge[data-v-b97b4f6f]{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-b97b4f6f]{font-size:var(--font-size-3xl);color:var(--gray-900)}.related-grid[data-v-b97b4f6f]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.related-card[data-v-b97b4f6f]{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.related-card[data-v-b97b4f6f]:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001f}.related-image-wrapper[data-v-b97b4f6f]{position:relative;overflow:hidden}.related-image[data-v-b97b4f6f]{height:180px;background-size:cover;background-position:center;transition:transform .3s ease}.related-card:hover .related-image[data-v-b97b4f6f]{transform:scale(1.05)}.related-overlay[data-v-b97b4f6f]{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-b97b4f6f]{padding:var(--spacing-lg)}.related-category[data-v-b97b4f6f]{color:#6366f1;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.related-content h3[data-v-b97b4f6f]{font-size:var(--font-size-base);margin-top:var(--spacing-xs);color:var(--gray-900);line-height:1.4}.related-meta[data-v-b97b4f6f]{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-b97b4f6f]{color:var(--gray-300)}@media(max-width:1024px){.content-layout[data-v-b97b4f6f]{grid-template-columns:1fr}.post-sidebar[data-v-b97b4f6f]{position:static;display:flex;gap:var(--spacing-lg)}.sidebar-card[data-v-b97b4f6f]{flex:1;margin-bottom:0}.related-grid[data-v-b97b4f6f]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-content h1[data-v-b97b4f6f]{font-size:var(--font-size-2xl)}.post-meta[data-v-b97b4f6f]{flex-direction:column;gap:var(--spacing-md)}.meta-divider[data-v-b97b4f6f]{display:none}.post-featured-image[data-v-b97b4f6f]{height:280px}.post-sidebar[data-v-b97b4f6f]{flex-direction:column}.related-grid[data-v-b97b4f6f],.post-content[data-v-b97b4f6f] .stats-grid{grid-template-columns:1fr}}.dark-theme{background:#0f172a}.dark-theme{background:linear-gradient(135deg,#6366f133,#8b5cf626)}.dark-theme{background:linear-gradient(135deg,#10b98126,#6366f11a)}.dark-theme{background:#1e293bcc;border-color:#47556980;color:#94a3b8}.dark-theme{background:#6366f133;border-color:#6366f166;color:#818cf8}.dark-theme{background:#64748b}.dark-theme{background:linear-gradient(90deg,transparent,#334155,transparent)}.dark-theme{background:#0f172a!important;color:#94a3b8!important;border-color:#334155!important}.dark-theme{color:#fff;border-color:#334155}.dark-theme{color:#e2e8f0}.dark-theme{background:linear-gradient(135deg,#6366f11a,#8b5cf614)}.dark-theme{color:#cbd5e1}.dark-theme{color:#94a3b8}.dark-theme{background:linear-gradient(135deg,#6366f11a,#8b5cf614);border-color:#6366f14d}.dark-theme{background:#1e293b}.dark-theme{background:#0f172a;border:1px solid #334155}.dark-theme{color:#fff}.dark-theme{color:#64748b}
