.article-detail-page{padding:var(--spacing-24) 0 var(--spacing-16);background:#fff}.article-container{max-width:800px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-8);transition:color .2s}.back-link:hover{color:var(--green-primary)}.article-header{margin-bottom:var(--spacing-12);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--border-light)}.article-badges{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.article-chip{display:inline-flex;align-items:center;gap:var(--spacing-1);background:var(--bg-light);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase}.article-chip.category{color:var(--green-primary);background:#16a34a1a}.article-header h1{font-size:clamp(2rem,5vw,3rem);line-height:1.2;margin-bottom:var(--spacing-6);color:var(--text-dark)}.article-excerpt{font-size:var(--font-size-xl);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-8)}.article-meta-row{display:flex;justify-content:space-between;align-items:center}.author-info{display:flex;align-items:center;gap:var(--spacing-3)}.author-avatar{width:40px;height:40px;background:var(--green-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm)}.author-info div{display:flex;flex-direction:column}.author-name{font-weight:700;font-size:var(--font-size-sm);color:var(--text-dark)}.publish-date{font-size:var(--font-size-xs);color:var(--text-secondary)}.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-light);color:var(--text-secondary);background:#fff;cursor:pointer;transition:all .2s}.share-btn:hover{border-color:var(--green-primary);color:var(--green-primary)}.article-content{font-size:1.125rem;line-height:1.8;color:var(--text-primary)}.article-content h2{font-size:1.8rem;font-weight:700;margin-top:var(--spacing-12);margin-bottom:var(--spacing-6);color:var(--text-dark)}.article-content h3{font-size:1.4rem;font-weight:600;margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);color:var(--text-dark)}.article-content p{margin-bottom:var(--spacing-6)}.article-content ul,.article-content ol{margin-bottom:var(--spacing-8);padding-left:var(--spacing-6)}.article-content li{margin-bottom:var(--spacing-3)}.article-footer{margin-top:var(--spacing-16);padding:var(--spacing-10);background:var(--bg-light);border-radius:var(--radius-xl);text-align:center}.article-footer h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.article-footer p{color:var(--text-secondary);margin-bottom:var(--spacing-6)}@media (max-width: 768px){.article-detail-page{padding-top:var(--spacing-20)}}