.blog-error{text-align:center;padding:4rem 2rem;color:var(--color-body,#a1a1aa)}.loading-spinner{font-size:2rem;animation:blog-spin 1s linear infinite;display:inline-block;margin-bottom:1rem}@keyframes blog-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blog-error h2{margin-bottom:.5rem}.blog-detail-content{background:var(--color-dark,#1f2937);border-radius:12px;padding:2rem;border:1px solid var(--color-border,#374151)}.blog-feature-image{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.blog-translation-banner{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;margin-bottom:1rem;border-radius:8px;background:rgba(128,90,245,.08);border:1px solid rgba(128,90,245,.2);font-size:.9rem;color:var(--color-body,#a1a1aa)}.blog-translation-banner a{color:#805af5;text-decoration:none;font-weight:500}.blog-translation-banner a:hover{text-decoration:underline}.blog-translation-divider{opacity:.3}.blog-meta{gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.9rem;color:var(--color-body,#a1a1aa)}.blog-meta,.blog-meta-item{display:flex;align-items:center}.blog-meta-item{gap:.4rem}.blog-meta-category{background:rgba(128,90,245,.1);color:#805af5;padding:.15rem .6rem;border-radius:4px;font-weight:500}.blog-meta-separator{width:4px;height:4px;border-radius:50%;background:var(--color-body,#a1a1aa)}.blog-title{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;line-height:1.3;margin:0 0 1.5rem;color:var(--color-heading,#fff)}.blog-content{line-height:1.8;color:var(--color-body,#a1a1aa);font-size:1.05rem}.blog-content h2{font-size:1.5rem;margin:2rem 0 1rem}.blog-content h2,.blog-content h3{font-weight:600;color:var(--color-heading,#fff)}.blog-content h3{font-size:1.25rem;margin:1.5rem 0 .75rem}.blog-content p{margin:0 0 1rem}.blog-content ol,.blog-content ul{margin:0 0 1rem;padding-left:1.5rem}.blog-content li{margin-bottom:.4rem}.blog-content strong{color:var(--color-heading,#fff)}.blog-content a{color:#805af5;text-decoration:underline}.blog-content blockquote{border-left:3px solid #805af5;padding:.5rem 1rem;margin:1rem 0;font-style:italic;color:var(--color-body,#a1a1aa);background:rgba(128,90,245,.05);border-radius:0 8px 8px 0}.blog-content code{background:rgba(128,90,245,.1);padding:.15rem .4rem;border-radius:4px;font-size:.9em}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border,#374151)}.tags-label{font-weight:600;color:var(--color-heading,#fff);margin-right:.25rem}.blog-tag{padding:.25rem .75rem;border-radius:6px;background:rgba(128,90,245,.1);color:#805af5;font-size:.85rem;font-weight:500}.blog-sidebar-list{list-style:none;padding:0;margin:0}.sidebar-post-item{margin-bottom:.75rem}.sidebar-post-item a{display:flex;flex-direction:column;gap:.2rem;text-decoration:none;padding:.75rem;border-radius:8px;border:1px solid var(--color-border,#374151);transition:all .2s ease}.sidebar-post-item a:hover{border-color:#805af5;background:rgba(128,90,245,.05)}.sidebar-post-title{font-size:.95rem;font-weight:500;color:var(--color-heading,#fff);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-post-date{font-size:.8rem;color:var(--color-body,#a1a1aa)}.category-list{list-style:none;padding:0;margin:0}.category-list li{margin-bottom:.25rem}.category-list a{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-radius:6px;text-decoration:none;color:var(--color-body,#a1a1aa);transition:all .2s ease}.category-list a:hover{background:rgba(128,90,245,.05);color:#805af5}.category-count{background:rgba(128,90,245,.1);color:#805af5;padding:.15rem .5rem;border-radius:10px;font-size:.8rem;font-weight:500}@media (max-width:768px){.blog-detail-content{padding:1.25rem}}[dir=rtl] .blog-meta{direction:rtl}[dir=rtl] .blog-content{text-align:right}[dir=rtl] .blog-content ol,[dir=rtl] .blog-content ul{padding-left:0;padding-right:1.5rem}[dir=rtl] .blog-tags,[dir=rtl] .blog-translation-banner{direction:rtl}[dir=rtl] .blog-content blockquote{border-left:none;border-right:3px solid #805af5;border-radius:8px 0 0 8px}