/* article.css - 文章详情页 */
.article-banner{height:280px;background:linear-gradient(135deg,#26A69A,#0D3B37);display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
.article-banner h1{font-size:30px;max-width:800px;padding:0 20px}

.article-section{padding:60px 0;background:#fff}
.article-container{max-width:850px;margin:0 auto}
.article-meta{color:#4A4A4A;font-size:14px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #B2DFDB}
.article-meta span{margin-right:20px}
.article-content h2{color:#0D3B37;font-size:22px;margin:30px 0 15px;padding-left:12px;border-left:4px solid #26A69A}
.article-content p{color:#4A4A4A;line-height:1.8;margin-bottom:15px;text-align:justify}
.article-content a{color:#26A69A}
.article-content a:hover{color:#0D3B37}

.article-tags{margin-top:40px;padding-top:20px;border-top:1px solid #B2DFDB}
.article-tags a{display:inline-block;padding:6px 15px;background:#E0F2F1;color:#0D3B37;border-radius:20px;font-size:13px;margin-right:10px;margin-bottom:10px;text-decoration:none}
.article-tags a:hover{background:#26A69A;color:#fff}

.related-articles{margin-top:50px}
.related-articles h3{font-size:20px;color:#0D3B37;margin-bottom:20px}
.related-list{list-style:none}
.related-list li{margin-bottom:12px;padding-left:15px;position:relative}
.related-list li::before{content:"•";color:#26A69A;position:absolute;left:0}
.related-list a{color:#4A4A4A;text-decoration:none}
.related-list a:hover{color:#26A69A}

@media(max-width:768px){
.article-banner h1{font-size:22px}
}