.blog-section{padding:var(--spacing-lg) 0 var(--spacing-2xl)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-xl)}.blog-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-heavy);border-color:var(--primary-color)}.blog-card a{text-decoration:none;color:inherit;display:block}.blog-card-image-wrapper{width:100%;height:200px;overflow:hidden;background:linear-gradient(45deg,var(--bg-secondary),var(--bg-tertiary))}.blog-card-image{width:100%;height:100%;object-fit:cover;display:block}.blog-card-body{padding:var(--spacing-md)}.blog-card-title{font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm);color:var(--text-primary);line-height:1.4}.blog-card-description{font-size:.875rem;color:#4b5563;margin:0 0 var(--spacing-md);line-height:1.6}.blog-card-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:.8rem;color:#4b5563}.blog-card-category,.blog-card-date{display:flex;align-items:center;gap:.3rem}.blog-card-category i,.blog-card-date i{font-size:.75rem;opacity:.7}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:var(--spacing-sm)}.blog-tag{font-size:.7rem;padding:.2rem .6rem;border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-secondary);font-weight:500}.blog-article{max-width:var(--container-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-2xl)}.blog-article-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.blog-article-header h1{font-size:2rem;line-height:1.3;margin:0 0 var(--spacing-md);color:var(--text-primary)}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);font-size:.875rem;color:#4b5563}.blog-article-meta i{opacity:.7;margin-right:.2rem}.blog-article-content{line-height:1.8;font-size:1.05rem;color:#1f2937}.blog-article-content h2{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-size:1.5rem;color:var(--text-primary)}.blog-article-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:1.2rem;color:var(--text-primary)}.blog-article-content p{margin-bottom:var(--spacing-md)}.blog-article-content ol,.blog-article-content ul{margin-bottom:var(--spacing-md);padding-left:1.5rem}.blog-article-content li{margin-bottom:.35rem}.blog-article-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;border:1px solid var(--border-color);box-shadow:var(--shadow-light)}.blog-article-content a{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}.blog-article-content a:hover{text-decoration:none}.blog-article-content strong{font-weight:600;color:var(--text-primary)}.blog-article-content blockquote{border-left:3px solid var(--primary-color);margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-md);background:var(--bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.blog-article-content code{background:var(--bg-tertiary,#f3f4f6);padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.9em}.blog-article-content pre{background:var(--bg-tertiary,#f3f4f6);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-lg) 0}.blog-article-content pre code{background:0 0;padding:0}.blog-article-footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.blog-breadcrumb{max-width:var(--container-width);margin:0 auto;padding:var(--spacing-md) var(--spacing-md) 0;font-size:.85rem;color:var(--text-secondary)}.blog-breadcrumb a{color:var(--primary-color);text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-breadcrumb .separator{margin:0 .4rem;color:var(--border-color)}.blog-lang-switcher{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem}.blog-lang-switcher>i{color:var(--text-secondary)}.blog-lang-switcher a{padding:.3rem .6rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);border:1px solid var(--border-color);font-weight:500}.blog-lang-switcher a:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.blog-lang-switcher a.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.blog-cta{display:inline-flex;align-items:center;gap:.5rem;margin:var(--spacing-lg) 0;padding:.75rem 1.5rem;background:var(--accent-color);color:#fff;font-size:1.05rem;font-weight:600;border-radius:var(--radius-lg);text-decoration:none;box-shadow:var(--shadow-medium)}.blog-cta:hover{opacity:.9}.blog-article-content .blog-cta{color:#fff;text-decoration:none}.blog-image-gallery{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.blog-image-gallery img{margin:0;width:100%;height:auto}@media (prefers-color-scheme:dark){body{background-color:#11111b;color:#cdd6f4}.blog-card{background:#1e1e2e;border-color:#313244}.blog-card:hover{border-color:var(--primary-color);box-shadow:0 10px 15px -3px rgba(0,0,0,.4)}.blog-card-image-wrapper{background:linear-gradient(45deg,#181825,#313244)}.blog-card-title{color:#cdd6f4}.blog-card-description,.blog-card-meta{color:#a6adc8}.blog-tag{background:#313244;color:#a6adc8}.blog-article{color:#cdd6f4}.blog-article-header{border-color:#313244}.blog-article-header h1{color:#cdd6f4}.blog-article-meta{color:#a6adc8}.blog-article-content,.blog-article-content h2,.blog-article-content h3,.blog-article-content strong{color:#cdd6f4}.blog-article-content a:not(.blog-cta){color:#89b4fa}.blog-article-content img{border-color:#313244}.blog-article-content blockquote{background:#1e1e2e;border-left-color:#89b4fa}.blog-article-content code{background:#313244;color:#cdd6f4}.blog-article-content pre{background:#1e1e2e}.blog-article-footer{border-color:#313244}.blog-lang-switcher a{color:#a6adc8;border-color:#313244}.blog-lang-switcher a:hover{background:#313244;border-color:var(--primary-color);color:#89b4fa}.blog-lang-switcher a.active{background:var(--primary-color);color:#fff}.blog-breadcrumb{color:#a6adc8}.blog-breadcrumb a{color:#89b4fa}.blog-breadcrumb .separator{color:#585b70}}@media (max-width:768px){.blog-grid,.blog-image-gallery{grid-template-columns:1fr}.blog-article-header h1{font-size:1.5rem}.blog-article-content{font-size:1rem}.blog-article-footer{flex-direction:column;align-items:flex-start}}