.blog-container{padding-top:var(--space-20);padding-bottom:var(--space-20);min-height:100vh;margin:0 auto;max-width:1400px;padding-left:var(--space-6);padding-right:var(--space-6)}.blog-header{text-align:center;max-width:800px;margin:0 auto 4rem}.blog-header h1{font-family:var(--font-heading);font-size:clamp(40px,5vw,64px);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--textPrimary),var(--textSecondary));-webkit-background-clip:text;background-clip:text;color:transparent}.blog-header p{font-family:var(--font-body);font-size:18px;line-height:1.6;color:var(--textSecondary)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.blog-card{background:var(--tier1-bg);border:1px solid var(--tier1-border);border-radius:var(--radius-card);box-shadow:inset 0 1px #ffffff0d;overflow:hidden;transition:transform .15s var(--ease-out),border-color .15s var(--ease-out);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-2px);border-color:var(--tier1-border-strong)}.blog-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.blog-card-image-container{height:240px;width:100%;overflow:hidden;background:var(--backgroundElevated);position:relative}.blog-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.blog-card:hover .blog-card-image{transform:scale(1.05)}}.blog-card-image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:48px;color:var(--textMuted)}.blog-card-content{padding:var(--space-6);flex-grow:1;display:flex;flex-direction:column}.blog-card-title{font-family:var(--font-heading);font-size:24px;margin-bottom:var(--space-3);color:var(--textPrimary);line-height:1.3}.blog-card-excerpt{font-family:var(--font-body);font-size:16px;color:var(--textSecondary);margin-bottom:var(--space-6);line-height:1.6;flex-grow:1}.blog-card-meta{display:flex;align-items:center;gap:var(--space-6);font-size:14px;color:var(--textMuted);border-top:1px solid var(--border);padding-top:var(--space-4)}.blog-card-date,.blog-card-reading-time{display:flex;align-items:center;gap:var(--space-2)}.loading,.error{text-align:center;padding:var(--space-20);font-family:var(--font-mono);color:var(--textSecondary)}.error{color:var(--error)}.blog-post-container{padding-top:6rem;padding-bottom:var(--space-20);min-height:100vh;position:relative}.blog-post-nav{max-width:800px;margin:0 auto var(--space-6);padding:0 var(--space-6)}.back-to-blog{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:13px;color:var(--color-text-muted);padding:var(--space-2) 0;transition:color .2s ease;text-decoration:none}.back-to-blog:hover{color:var(--color-link)}.blog-post-content{max-width:800px;margin:0 auto;background:var(--tier1-bg);border:1px solid var(--tier1-border);border-radius:var(--radius-card);box-shadow:inset 0 1px #ffffff0d;overflow:hidden}.blog-post-card-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--tier0-bg)}.blog-post-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.blog-post-card-header{padding:var(--space-8) var(--space-10) 0}.blog-post-meta{display:flex;align-items:center;gap:var(--space-6);font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.06em}.blog-post-meta span{display:flex;align-items:center;gap:var(--space-2)}.blog-post-meta .icon{color:var(--signal);font-size:11px}.blog-post-card-header h1{font-family:var(--font-heading);font-weight:500;font-size:clamp(28px,4.2vw,46px);line-height:1.12;letter-spacing:-.015em;margin-bottom:var(--space-6);color:var(--color-text-primary)}.blog-post-divider{border:none;height:1px;background:var(--tier1-border);margin:0 0 var(--space-8)}.blog-post-content>.blog-post-excerpt,.blog-post-content>.blog-post-body,.blog-post-content>.share-section{padding-left:var(--space-10);padding-right:var(--space-10)}.blog-post-excerpt{font-family:var(--font-body);font-size:18px;line-height:1.75;color:var(--color-text-secondary);font-style:italic;margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--tier1-border)}.blog-post-body{font-family:var(--font-body);font-size:17px;line-height:1.85;color:var(--color-text-primary);padding-bottom:var(--space-8)}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3,.blog-post-body h4,.blog-post-body h5,.blog-post-body h6{font-family:var(--font-heading);color:var(--color-text-primary);margin-top:var(--space-10);margin-bottom:var(--space-4);letter-spacing:var(--letter-tight)}.blog-post-body h2{font-size:clamp(28px,4vw,36px);font-weight:500;color:var(--color-text-primary)}.blog-post-body h3{font-size:clamp(24px,3vw,28px);font-weight:500;color:var(--color-text-primary)}.blog-post-body h4{font-size:clamp(20px,2.5vw,24px)}.blog-post-body p{margin-bottom:var(--space-6);line-height:1.8}.blog-post-body a{color:var(--color-primary-light);text-decoration:underline;text-decoration-color:#0036ff4d;text-underline-offset:3px;transition:var(--transition-color)}.blog-post-body a:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}.blog-post-body ul,.blog-post-body ol{margin-bottom:var(--space-6);padding-left:var(--space-8)}.blog-post-body li{margin-bottom:var(--space-3);line-height:1.8}.blog-post-body li::marker{color:var(--color-primary)}.blog-post-body blockquote{margin:var(--space-8) 0;padding:var(--space-6);background:#0036ff0d;border-left:4px solid var(--color-primary);border-radius:var(--radius-md);font-style:italic;color:var(--color-text-secondary)}.blog-post-body code{font-family:var(--font-mono);font-size:16px;background:#0036ff1a;padding:2px 8px;border-radius:var(--radius-sm);color:var(--color-primary-light)}.blog-post-body pre{margin:var(--space-6) 0;padding:var(--space-6);background:#0a0a0fcc;border:1px solid rgba(0,54,255,.2);border-radius:var(--radius-lg);overflow-x:auto}.blog-post-body pre code{background:none;padding:0;font-size:14px;line-height:1.6}.blog-post-body img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-8) 0;box-shadow:var(--shadow-md)}.blog-post-body hr{margin:var(--space-10) 0;border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(0,54,255,.3),transparent)}.share-section{margin-top:0;padding-top:var(--space-8);padding-bottom:var(--space-10);border-top:1px solid rgba(0,54,255,.15);display:flex;justify-content:center}.blog-post-footer{max-width:800px;margin:var(--space-12) auto 0;padding:var(--space-10) var(--space-6) 0;border-top:1px solid rgba(0,54,255,.12);text-align:center}.blog-post-footer .mono-label{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-8);display:block}.share-icons-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-4)}.share-icon{width:48px;height:48px;border-radius:var(--radius-full);border:1px solid rgba(0,54,255,.2);background:#1a1a2499;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),transform .16s var(--ease-out),box-shadow .2s var(--ease-out);font-size:18px}.share-icon:active{transform:scale(.97);transition-duration:.1s}.share-icon:hover{background:#0036ff26;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 20px #0036ff4d}.share-icon.main-share{background:#0036ff33;border-color:var(--color-primary);color:var(--color-primary)}.share-icons-reveal{display:flex;gap:var(--space-3);opacity:0;transform:translate(-20px);pointer-events:none;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.share-icons-wrapper.active .share-icons-reveal{opacity:1;transform:translate(0);pointer-events:all}.x-icon{width:18px;height:18px}.blog-post-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-pulse{width:60px;height:60px;border-radius:var(--radius-full);background:var(--color-primary);animation:pulse-glow 2s ease-in-out infinite}.error-container{max-width:800px;margin:var(--space-20) auto;padding:var(--space-10);text-align:center;background:#1a1a24b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-2xl)}.error-container h1{color:var(--color-error);margin-bottom:var(--space-4)}.error-container p{color:var(--color-text-secondary);margin-bottom:var(--space-8)}@media(max-width:840px){.blog-post-content{margin:0 var(--space-4);border-radius:var(--radius-xl)}.blog-post-nav{padding:0 var(--space-4)}.blog-post-card-header{padding:var(--space-6) var(--space-6) 0}.blog-post-content>.blog-post-excerpt,.blog-post-content>.blog-post-body,.blog-post-content>.share-section{padding-left:var(--space-6);padding-right:var(--space-6)}.blog-post-card-header h1{font-size:clamp(22px,5vw,30px)}.blog-post-body,.blog-post-excerpt{font-size:16px}.blog-post-footer{margin:var(--space-8) var(--space-4) 0;padding:var(--space-8) 0 0}.share-icons-reveal{transform:translate(-10px)}}