.news-article-main{min-height:100vh;padding:40px 20px}.news-article-container{max-width:900px;margin:0 auto}.news-article-loading-message,.news-article-error-message{text-align:center;color:var(--text-secondary);padding:80px 20px;font-size:18px}.news-article-loading-message{color:var(--primary-color)}.news-article-error-message{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:12px;max-width:600px;margin:40px auto}.news-article{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-top:32px;padding:32px;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.news-article-header{margin-bottom:32px}.news-article-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.news-article-title{color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:42px;font-weight:900;line-height:1.2}.news-article-meta{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:24px;padding:16px 0;display:flex}.news-article-meta-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.news-article-meta-item svg{color:var(--primary-color);flex-shrink:0}.news-article-meta-item:hover{color:var(--text-primary)}.news-article-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.news-article-image-wrapper{border:1px solid #ffffff1a;border-radius:12px;margin:32px 0;overflow:hidden}.news-article-image{object-fit:cover;width:100%;height:auto;display:block}.news-article-content{color:var(--text-primary);margin:32px 0;font-size:17px;line-height:1.8}.news-article-content h1,.news-article-content h2,.news-article-content h3,.news-article-content h4,.news-article-content h5,.news-article-content h6{color:var(--text-primary);margin:32px 0 16px;font-weight:700;line-height:1.3}.news-article-content h2{font-size:32px}.news-article-content h3{font-size:24px}.news-article-content h4{font-size:20px}.news-article-content p{margin:16px 0}.news-article-content a{color:var(--primary-color);text-decoration:underline;transition:opacity .2s}.news-article-content a:hover{opacity:.8}.news-article-content img{border-radius:12px;max-width:100%;height:auto;margin:24px 0}.news-article-content ul,.news-article-content ol{margin:16px 0;padding-left:24px}.news-article-content ul li,.news-article-content ol li{margin:8px 0}.news-article-content blockquote{border-left:4px solid var(--primary-color);color:var(--text-secondary);background:#ff8c321a;border-radius:0 8px 8px 0;margin:24px 0;padding:16px 24px;font-style:italic}.news-article-content code{background:var(--bg-secondary);border-radius:4px;padding:2px 8px;font-family:Consolas,Monaco,monospace;font-size:15px}.news-article-content pre{background:var(--bg-secondary);border-radius:8px;margin:24px 0;padding:16px;overflow-x:auto}.news-article-content pre code{background:0 0;padding:0}.news-article-content table{border-collapse:collapse;width:100%;margin:24px 0}.news-article-content table th,.news-article-content table td{text-align:left;border:1px solid #ffffff1a;padding:12px}.news-article-content table th{background:var(--bg-secondary);font-weight:600}.news-article-footer{border-top:2px solid #ffffff1a;margin-top:48px;padding-top:32px}.news-article-author-info{align-items:center;gap:16px;text-decoration:none;display:flex}.news-article-author-avatar{background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.news-article-author-avatar img{object-fit:cover;width:100%;height:100%}.news-article-author-avatar svg{color:var(--primary-color)}.news-article-author-details{flex:1}.news-article-author-name{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.news-article-author-role{color:var(--text-secondary);font-size:14px}.news-article-update-info{color:var(--text-muted);margin-top:16px;font-size:13px;font-style:italic}@media (max-width:768px){.news-article-main{padding:24px 16px}.news-article{padding:24px}.news-article-title{font-size:32px}.news-article-meta{gap:16px}.news-article-meta-item{font-size:13px}.news-article-content{font-size:16px}.news-article-content h2{font-size:26px}.news-article-content h3{font-size:22px}.news-article-content h4{font-size:18px}.news-article-author-avatar{width:50px;height:50px}.news-article-author-name{font-size:16px}}@media (max-width:480px){.news-article{padding:20px}.news-article-title{font-size:26px}.news-article-meta{flex-direction:column;gap:12px}.news-article-content{font-size:15px}}