.tech-blog-detail-page{min-height:100vh;background:#000;color:#fff;padding:8rem 0 4rem}.back-button-container{max-width:900px;margin:0 auto 2rem;padding:0 4rem}.back-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.8rem 1.5rem;font-size:.95rem;cursor:pointer;transition:all .3s ease;border-radius:4px}.back-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}.blog-post-detail{max-width:900px;margin:0 auto;padding:0 4rem}.post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.post-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;letter-spacing:.01em}.post-meta{display:flex;flex-wrap:wrap;gap:2rem;font-size:.95rem;color:rgba(255,255,255,.7)}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-icon{font-size:1rem}.post-thumbnail{margin-bottom:3rem;border-radius:8px;overflow:hidden;aspect-ratio:16/9}.post-thumbnail img{width:100%;height:100%;object-fit:cover}.post-content{font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,.9);margin-bottom:3rem;letter-spacing:.03em}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:2rem 0 1rem;font-weight:600;color:#fff;line-height:1.3}.post-content h2{font-size:2rem;margin-top:3rem}.post-content h3{font-size:1.5rem}.post-content p{margin-bottom:1.5rem}.post-content ol,.post-content ul{margin:1.5rem 0;padding-left:2rem}.post-content li{margin-bottom:.5rem}.post-content b,.post-content strong{font-weight:700;color:#fff;letter-spacing:.04em}.post-content em,.post-content i{font-style:italic;color:rgba(255,255,255,.95)}.post-content span{letter-spacing:.03em}.post-content a{color:#4a9eff;text-decoration:underline;transition:color .3s ease}.post-content a:hover{color:#6bb3ff}.post-content code{background:rgba(255,255,255,.1);padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.post-content pre{background:rgba(255,255,255,.05);padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.post-content pre code{background:transparent;padding:0}.post-content blockquote{border-left:4px solid rgba(255,255,255,.3);padding-left:1.5rem;margin:1.5rem 0;color:rgba(255,255,255,.7);font-style:italic}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.post-content table{width:100%;border-collapse:collapse;margin:2rem 0}.post-content td,.post-content th{border:1px solid rgba(255,255,255,.2);padding:.75rem 1rem;text-align:left}.post-content th{background:rgba(255,255,255,.05);font-weight:600}.post-tags{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1)}.tags-label{font-weight:600;color:rgba(255,255,255,.7);margin-right:.5rem}.tag{background:rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:rgba(255,255,255,.9);transition:all .3s ease}.tag:hover{background:rgba(255,255,255,.15)}.error-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:0 4rem}.error-container h3,.loading-container h3{font-size:2rem;margin-bottom:1rem}.error-container p,.loading-container p{font-size:1.1rem;color:rgba(255,255,255,.7);margin-bottom:2rem}@media (max-width:768px){.tech-blog-detail-page{padding:6rem 0 3rem}.back-button-container,.blog-post-detail,.error-container,.loading-container{padding:0 2rem}.post-title{font-size:2rem}.post-meta{gap:1rem;font-size:.85rem}.post-content{font-size:1rem}.post-content h2{font-size:1.5rem}.post-content h3{font-size:1.25rem}}