.post-detail-page{background:linear-gradient(180deg,#faf5ff 0,#fff 100%);min-height:100vh;padding-bottom:60px}.post-detail-page .reading-progress-container{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(0,0,0,.1);z-index:9999}.post-detail-page .reading-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#8b5cf6 0,#a855f7 50%,#d946ef 100%);transition:width .1s ease-out;box-shadow:0 0 10px rgba(139,92,246,.5)}.post-header{text-align:center;margin-bottom:30px;direction:rtl}.post-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);color:#fff;border-radius:30px;font-size:13px;font-weight:600;margin-bottom:20px}.post-title{font-size:32px;font-weight:800;color:#1e293b;line-height:1.5;margin-bottom:16px}.post-summary{font-size:17px;color:#64748b;line-height:1.8;max-width:700px;margin:0 auto}.post-warning{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border:2px solid #f59e0b;border-radius:16px;margin-bottom:24px;direction:rtl}.post-warning i{font-size:24px;color:#d97706;flex-shrink:0}.post-warning strong{display:block;color:#92400e;margin-bottom:4px}.post-warning p{margin:0;color:#a16207}.post-meta-bar{background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.1);padding:20px 30px;margin-bottom:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.post-author-info{display:flex;align-items:center;gap:14px}.post-author-avatar{width:56px;height:56px;border-radius:16px;object-fit:cover;border:3px solid #f3e8ff}.post-author-details{display:flex;flex-direction:column;gap:4px}.post-author-name{font-size:16px;font-weight:700;color:#1e293b}.post-author-name a{color:inherit;text-decoration:none;transition:color .2s ease}.post-author-name a:hover{color:#8b5cf6}.post-author-role{font-size:13px;color:#64748b}.post-meta-items{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.post-meta-item{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px}.post-meta-item i{width:32px;height:32px;background:#f3e8ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#8b5cf6;font-size:14px}.post-share-buttons{display:flex;gap:10px}.post-detail-page .share-btn{width:44px;height:44px;border-radius:12px;border:2px solid #f3e8ff;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .3s ease}.post-detail-page .share-btn:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-2px)}.post-detail-page .share-btn.telegram:hover{border-color:#08c;color:#08c;background:#e6f4fa}.post-detail-page .share-btn.twitter:hover{border-color:#1da1f2;color:#1da1f2;background:#e8f5fd}.post-featured-image{border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.12);margin-bottom:40px}.post-featured-image img{display:block;width:100%;height:auto}.post-main-content{max-width:800px;margin:0 auto}.post-content-wrapper{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:40px;margin-bottom:30px;overflow:hidden}.post-content{font-size:17px;line-height:1.8;color:#334155;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.post-content p{margin-bottom:1em}.post-content p:empty,.post-content p:has(>br:only-child),.post-content p:only-child:empty{display:none}.post-content p:not(:has(*)):not(:empty){margin-bottom:.5em}.post-content h2{font-size:24px;font-weight:700;color:#1e293b;margin:2em 0 1em;padding-bottom:12px;border-bottom:3px solid #8b5cf6}.post-content h3{font-size:20px;font-weight:700;color:#1e293b;margin:1.5em 0 .8em}.post-content h4{font-size:18px;font-weight:600;color:#1e293b;margin:1.2em 0 .6em}.post-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5em 0}.post-content blockquote{background:linear-gradient(135deg,#faf5ff 0,#f3e8ff 100%);border-right:4px solid #8b5cf6;padding:20px 24px;margin:1.5em 0;border-radius:12px;font-style:italic;color:#6b21a8}.post-content ul,.post-content ol{padding-right:24px;margin:1em 0}.post-content li{margin-bottom:.5em}.post-content a{color:#8b5cf6;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.post-content a:hover{border-bottom-color:#8b5cf6}.post-content pre{background:#1e293b;color:#e2e8f0;padding:20px;border-radius:12px;overflow-x:auto;margin:1.5em 0;direction:ltr;text-align:left}.post-content code{background:#f3e8ff;padding:2px 6px;border-radius:4px;font-size:.9em;color:#7c3aed}.post-content pre code{background:none;padding:0;color:inherit}.post-author-box{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:30px;margin-bottom:30px}.author-box-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f3e8ff}.author-box-header i{width:44px;height:44px;background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.author-box-header h4{font-size:18px;font-weight:700;color:#1e293b;margin:0}.author-box-content{display:flex;align-items:flex-start;gap:20px}.author-box-avatar{width:80px;height:80px;border-radius:20px;object-fit:cover;border:3px solid #f3e8ff;flex-shrink:0}.author-box-info h5{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px}.author-box-info p{color:#64748b;line-height:1.7;margin-bottom:16px}.author-box-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);color:#fff;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease}.author-box-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.4);color:#fff}.post-comments{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:40px}.post-comments .comments-header{display:flex;align-items:center;gap:12px;margin-bottom:30px}.post-comments .comments-header i{width:44px;height:44px;background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.post-comments .comments-header h3{font-size:20px;font-weight:700;color:#1e293b;margin:0}.post-comments .comment-count{background:#f0fdf4;color:#059669;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.post-comments .comment-form-card{background:linear-gradient(135deg,#faf5ff 0,#f3e8ff 100%);border:2px solid #c4b5fd;border-radius:16px;padding:30px;text-align:center;margin-bottom:30px}.post-comments .comment-form-card p{color:#6b21a8;margin-bottom:16px}.post-comments .btn-submit-comment{padding:14px 32px;background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.post-comments .btn-submit-comment:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.4)}.post-comments .comment-login-prompt{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;padding:40px;text-align:center;margin-bottom:30px}.post-comments .comment-login-prompt>i{font-size:48px;color:#94a3b8;margin-bottom:16px}.post-comments .comment-login-prompt h5{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:12px}.post-comments .comment-login-prompt p{color:#64748b;margin-bottom:20px}.post-comments .comment-item{padding:24px;background:#f8fafc;border-radius:16px;margin-bottom:16px}.post-comments .comment-avatar{width:50px;height:50px;border-radius:14px;object-fit:cover}.post-comments .comment-author{font-size:15px;font-weight:700;color:#1e293b}.post-comments .comment-date{font-size:13px;color:#94a3b8}.post-comments .comment-content{margin-top:12px;color:#475569;line-height:1.8}.post-comments .comment-actions{margin-top:16px;display:flex;gap:12px}.post-comments .btn-comment-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:13px;cursor:pointer;transition:all .2s ease}.post-comments .btn-comment-action:hover{border-color:#8b5cf6;color:#8b5cf6}.post-comments .comment-reply{margin-right:40px;margin-top:16px;padding-right:20px;border-right:3px solid #e2e8f0}@media (max-width:767px){.post-title{font-size:24px}.post-meta-bar{flex-direction:column;text-align:center}.post-author-info{flex-direction:column}.post-meta-items{justify-content:center}.post-content-wrapper,.post-author-box,.post-comments{padding:24px;border-radius:16px}.post-content{font-size:16px}.author-box-content{flex-direction:column;align-items:center;text-align:center}.post-comments .comment-reply{margin-right:20px}}@media (max-width:576px){.post-detail-page{overflow-x:hidden;max-width:100vw}.post-meta-bar{padding:16px;gap:16px;border-radius:12px}.post-meta-items{gap:12px;width:100%;justify-content:center}.post-meta-item{font-size:12px;gap:6px}.post-meta-item i{width:28px;height:28px;font-size:12px}.post-meta-item span{white-space:nowrap}.post-share-buttons{width:100%;justify-content:center}.post-detail-page .share-btn{width:40px;height:40px;border-radius:10px;font-size:16px}.post-title{font-size:22px;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.post-summary{font-size:15px}.post-content-wrapper{padding:16px;border-radius:12px;overflow-x:hidden}.post-content{overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.post-content img{max-width:100% !important;height:auto !important;border-radius:8px}.post-content table{display:block;width:100% !important;max-width:100% !important;overflow-x:auto;-webkit-overflow-scrolling:touch}.post-content pre{max-width:100%;overflow-x:auto;font-size:13px;padding:12px}.post-content iframe,.post-content video,.post-content embed,.post-content object{max-width:100% !important;width:100% !important;height:auto !important;min-height:200px}.post-content blockquote{padding:16px;margin:1em 0}.post-warning{padding:16px;gap:12px}.post-warning i{font-size:20px}.post-author-box{padding:16px;border-radius:12px}.author-box-avatar{width:64px;height:64px}.post-comments{padding:16px;border-radius:12px}.post-comments .comment-form-card{padding:20px}.post-comments .comment-login-prompt{padding:24px 16px}.post-comments .comment-login-prompt .d-flex{flex-direction:column}.post-comments .comment-login-prompt .btn{width:100%}.post-comments .comment-item{padding:16px}}[data-theme="dark"] .post-detail-page{background:linear-gradient(180deg,#0f172a 0,#1e293b 100%)}[data-theme="dark"] .post-meta-bar,[data-theme="dark"] .post-content-wrapper,[data-theme="dark"] .post-author-box,[data-theme="dark"] .post-comments{background:#1e293b;border-color:#334155}[data-theme="dark"] .post-title,[data-theme="dark"] .post-author-name,[data-theme="dark"] .author-box-header h4,[data-theme="dark"] .author-box-info h5,[data-theme="dark"] .post-comments .comments-header h3,[data-theme="dark"] .post-comments .comment-author{color:#e2e8f0}[data-theme="dark"] .post-summary,[data-theme="dark"] .post-content{color:#cbd5e1}[data-theme="dark"] .post-content h2,[data-theme="dark"] .post-content h3,[data-theme="dark"] .post-content h4{color:#e2e8f0}[data-theme="dark"] .post-meta-item,[data-theme="dark"] .post-comments .comment-content,[data-theme="dark"] .author-box-info p{color:#94a3b8}[data-theme="dark"] .post-meta-item i,[data-theme="dark"] .post-detail-page .share-btn{background:#334155;border-color:#475569}[data-theme="dark"] .post-comments .comment-item{background:#334155}[data-theme="dark"] .post-comments .btn-comment-action{background:#1e293b;border-color:#475569;color:#94a3b8}[data-theme="dark"] .post-featured-image{box-shadow:0 10px 40px rgba(0,0,0,.3)}