.post-detail-page{min-height:100vh}.page-header{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;padding:4rem 2rem;text-align:center}.page-header h1{font-size:3rem;margin:0 0 1.5rem;color:#fff}.post-meta{display:flex;gap:2rem;justify-content:center;font-size:1rem}.page-header p,.post-meta{color:rgba(255,255,255,.9)}.page-header p{font-size:1.25rem;margin:0}.page-content{padding:4rem 2rem;background:#f9f9f9}.container{max-width:900px;margin:0 auto}.post-cover{margin-bottom:3rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.post-cover img{width:100%;height:auto;display:block}.post-content{background:#fff;padding:3rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);line-height:1.8;font-size:1.125rem}.post-content h2{font-size:2rem;margin:2rem 0 1rem}.post-content h3{font-size:1.5rem;margin:1.5rem 0 .75rem}.post-content p{margin:1rem 0}.post-content img{max-width:100%;height:auto;border-radius:4px;margin:1.5rem 0}.post-tags{margin-top:3rem;display:flex;gap:.5rem;flex-wrap:wrap}.tag{padding:.5rem 1rem;background:#3b82f6;color:#fff;border-radius:4px;font-size:.875rem}@media (max-width:768px){.page-header{padding:3rem 1rem}.page-header h1{font-size:2rem}.post-meta{flex-direction:column;gap:.5rem}.page-content{padding:2rem 1rem}.post-content{padding:2rem 1.5rem}}