.article-detail-page{background:linear-gradient(180deg,#f8fafc 0,#fff 100%);min-height:100vh}.reading-progress-container{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(0,0,0,.1);z-index:9999}.reading-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#3b82f6 0,#8b5cf6 50%,#ec4899 100%);transition:width .1s ease-out;box-shadow:0 0 10px rgba(59,130,246,.5)}.article-simple-header{text-align:right;direction:rtl}.article-title-simple{font-size:32px;font-weight:800;color:#1e293b;line-height:1.5;margin-bottom:16px}.article-summary-simple{font-size:17px;color:#64748b;line-height:1.8;margin-bottom:20px}.article-featured-image{border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.1)}.article-featured-image img{display:block;width:100%;height:auto}.article-hero{position:relative;min-height:400px;overflow:hidden}.article-hero-image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:brightness(0.6)}.article-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.7) 100%)}.article-hero-content{position:relative;z-index:10;padding:80px 0 60px;color:#fff}.article-category-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);color:#fff;border-radius:30px;font-size:13px;font-weight:600;text-decoration:none;margin-bottom:20px;transition:all .3s ease}.article-category-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4);color:#fff}.article-title{font-size:36px;font-weight:800;line-height:1.4;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.article-summary{font-size:18px;line-height:1.8;opacity:.95;max-width:800px}.article-meta-bar{background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.1);padding:20px 30px;position:relative;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.article-hero+.container .article-meta-bar{margin-top:-40px}.article-author-info{display:flex;align-items:center;gap:14px}.article-author-avatar{width:56px;height:56px;border-radius:16px;object-fit:cover;border:3px solid #f1f5f9}.article-author-details{display:flex;flex-direction:column;gap:4px}.article-author-name{font-size:16px;font-weight:700;color:#1e293b}.article-author-name a{color:inherit;text-decoration:none;transition:color .2s ease}.article-author-name a:hover{color:#3b82f6}.article-author-role{font-size:13px;color:#64748b}.article-meta-items{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.article-meta-item{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px}.article-meta-item i{width:32px;height:32px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:14px}.article-share-buttons{display:flex;gap:10px}.share-btn{width:44px;height:44px;border-radius:12px;border:2px solid #f1f5f9;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .3s ease}.share-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.share-btn.telegram:hover{border-color:#08c;color:#08c;background:#e6f4fa}.share-btn.twitter:hover{border-color:#1da1f2;color:#1da1f2;background:#e8f5fd}.share-btn.bookmark{background:#fef3c7;border-color:#fbbf24;color:#f59e0b}.share-btn.bookmark.active{background:#fbbf24;color:#fff}.article-main-content{display:grid;grid-template-columns:1fr 360px;gap:40px;margin-top:40px}.article-content-wrapper{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:40px;overflow:hidden}.article-content{font-size:17px;line-height:1.8;color:#334155;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.article-content p{margin-bottom:1em}.article-content p:empty,.article-content p:has(>br:only-child),.article-content p:only-child:empty{display:none}.article-content p:not(:has(*)):not(:empty){margin-bottom:.5em}.article-content h2{font-size:24px;font-weight:700;color:#1e293b;margin:2em 0 1em;padding-bottom:12px;border-bottom:3px solid #3b82f6}.article-content h3{font-size:20px;font-weight:700;color:#1e293b;margin:1.5em 0 .8em}.article-content h4{font-size:18px;font-weight:600;color:#1e293b;margin:1.2em 0 .6em}.article-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5em 0}.article-content blockquote{background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%);border-right:4px solid #3b82f6;padding:20px 24px;margin:1.5em 0;border-radius:12px;font-style:italic;color:#1e40af}.article-content ul,.article-content ol{padding-right:24px;margin:1em 0}.article-content li{margin-bottom:.5em}.article-content a{color:#3b82f6;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.article-content a:hover{border-bottom-color:#3b82f6}.article-content pre{background:#1e293b;color:#e2e8f0;padding:20px;border-radius:12px;overflow-x:auto;margin:1.5em 0;direction:ltr;text-align:left}.article-content code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.9em;color:#e11d48}.article-content pre code{background:none;padding:0;color:inherit}.article-tags{margin-top:40px;padding-top:30px;border-top:2px solid #f1f5f9}.article-tags-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:700;color:#1e293b}.article-tags-header i{color:#3b82f6}.article-tags-list{display:flex;flex-wrap:wrap;gap:10px}.article-tag{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%);color:#1e40af;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid #bfdbfe;transition:all .3s ease}.article-tag:hover{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.article-faq{margin-top:40px;padding-top:30px;border-top:2px solid #f1f5f9}.article-faq-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.article-faq-header i{width:44px;height:44px;background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.article-faq-header h3{font-size:20px;font-weight:700;color:#1e293b;margin:0}.faq-accordion{display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:2px solid #f1f5f9;border-radius:16px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#fbbf24}.faq-question{width:100%;padding:20px 24px;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px;font-weight:600;color:#1e293b;text-align:right;cursor:pointer;transition:all .3s ease}.faq-question:hover{background:#fffbeb}.faq-question::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;font-size:14px;color:#f59e0b;transition:transform .3s ease}.faq-question:not(.collapsed)::after{transform:rotate(180deg)}.faq-answer{padding:0 24px 20px;color:#64748b;line-height:1.8}.article-comments{margin-top:40px;padding:40px;background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.06)}.comments-header{display:flex;align-items:center;gap:12px;margin-bottom:30px}.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}.comments-header h3{font-size:20px;font-weight:700;color:#1e293b;margin:0}.comments-header .comment-count{background:#f0fdf4;color:#059669;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.comment-form-card{background:linear-gradient(135deg,#f0fdf4 0,#dcfce7 100%);border:2px solid #86efac;border-radius:16px;padding:30px;text-align:center;margin-bottom:30px}.comment-form-card p{color:#166534;margin-bottom:16px}.btn-submit-comment{padding:14px 32px;background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-submit-comment:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.comment-login-prompt{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;padding:40px;text-align:center;margin-bottom:30px}.comment-login-prompt i{font-size:48px;color:#94a3b8;margin-bottom:16px}.comment-login-prompt h5{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:12px}.comment-login-prompt p{color:#64748b;margin-bottom:20px}.comment-item{padding:24px;background:#f8fafc;border-radius:16px;margin-bottom:16px}.comment-item .comment-avatar{width:50px;height:50px;border-radius:14px;object-fit:cover}.comment-author{font-size:15px;font-weight:700;color:#1e293b}.comment-date{font-size:13px;color:#94a3b8}.comment-content{margin-top:12px;color:#475569;line-height:1.8}.comment-actions{margin-top:16px;display:flex;gap:12px}.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}.btn-comment-action:hover{border-color:#3b82f6;color:#3b82f6}.comment-reply{margin-right:40px;margin-top:16px;padding-right:20px;border-right:3px solid #e2e8f0}.article-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-widget{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.04)}.widget-header{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #f1f5f9;text-align:right;direction:rtl}.widget-header i{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px}.widget-header h4{font-size:16px;font-weight:700;color:#1e293b;margin:0}.author-widget{text-align:center}.author-widget-avatar{width:80px;height:80px;border-radius:20px;object-fit:cover;margin-bottom:16px;border:3px solid #f1f5f9}.author-widget-name{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px}.author-widget-bio{font-size:14px;color:#64748b;line-height:1.6;margin-bottom:16px}.author-widget-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);color:#fff;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease}.author-widget-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4);color:#fff}.related-news-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #f1f5f9}.related-news-item:last-child{border-bottom:none;padding-bottom:0}.related-news-image{width:80px;height:60px;border-radius:10px;object-fit:cover;flex-shrink:0}.related-news-content{flex:1}.related-news-title{font-size:14px;font-weight:600;color:#1e293b;line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-news-title a{color:inherit;text-decoration:none;transition:color .2s ease}.related-news-title a:hover{color:#3b82f6}.related-news-meta{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:8px}@media (max-width:991px){.article-main-content{grid-template-columns:1fr}.article-sidebar{order:1}.article-meta-bar{flex-direction:column;text-align:center}.article-author-info{flex-direction:column}.article-meta-items{justify-content:center}}@media (max-width:767px){.article-title{font-size:24px}.article-hero{min-height:300px}.article-hero-content{padding:60px 0 40px}.article-content-wrapper,.article-comments{padding:24px;border-radius:16px}.article-content{font-size:16px}.comment-reply{margin-right:20px}}[data-theme="dark"] .article-detail-page{background:linear-gradient(180deg,#0f172a 0,#1e293b 100%)}[data-theme="dark"] .article-meta-bar,[data-theme="dark"] .article-content-wrapper,[data-theme="dark"] .article-comments,[data-theme="dark"] .sidebar-widget{background:#1e293b;border-color:#334155}[data-theme="dark"] .article-title,[data-theme="dark"] .article-title-simple,[data-theme="dark"] .article-author-name,[data-theme="dark"] .widget-header h4,[data-theme="dark"] .comments-header h3,[data-theme="dark"] .article-faq-header h3,[data-theme="dark"] .comment-author,[data-theme="dark"] .related-news-title,[data-theme="dark"] .author-widget-name{color:#e2e8f0}[data-theme="dark"] .article-content{color:#cbd5e1}[data-theme="dark"] .article-content h2,[data-theme="dark"] .article-content h3,[data-theme="dark"] .article-content h4{color:#e2e8f0}[data-theme="dark"] .article-meta-item,[data-theme="dark"] .article-summary-simple,[data-theme="dark"] .comment-content,[data-theme="dark"] .author-widget-bio{color:#94a3b8}[data-theme="dark"] .article-meta-item i,[data-theme="dark"] .share-btn{background:#334155;border-color:#475569}[data-theme="dark"] .comment-item{background:#334155}[data-theme="dark"] .btn-comment-action{background:#1e293b;border-color:#475569;color:#94a3b8}[data-theme="dark"] .article-tag{background:linear-gradient(135deg,#1e3a5f 0,#1e40af 100%);color:#93c5fd;border-color:#3b82f6}