/* ===== 文章详情页 - T1学术严谨 ===== */

/* 文章内容 */
.article-body{padding:40px 0;background:#FCE4EC}
.article-content{background:#fff;padding:40px 45px;border-radius:16px;box-shadow:0 2px 12px rgba(62,16,34,.06)}
.article-content h2{font-size:20px;font-weight:700;color:#3E1022;margin:28px 0 14px;letter-spacing:1px;text-transform:uppercase;padding-bottom:8px;border-bottom:2px solid #FCE4EC}
.article-content h2:first-child{margin-top:0}
.article-content p{font-size:15px;color:#3E1022;line-height:1.85;margin-bottom:12px;text-align:justify;text-indent:2em}
.article-content ul,.article-content ol{margin:12px 0 12px 2em;font-size:15px;color:#3E1022;line-height:1.85}
.article-content li{margin-bottom:6px}
.article-content strong{color:#F06292;font-weight:700}
.article-content a{color:#F06292;text-decoration:underline}
.article-content a:hover{color:#3E1022}
.article-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.article-content th,.article-content td{padding:10px 14px;border:1px solid #f8bbd0;text-align:left}
.article-content th{background:#FCE4EC;font-weight:700;color:#3E1022}
.article-content td{background:#fff}
.article-content blockquote{padding:16px 20px;border-left:4px solid #F06292;background:#FCE4EC;margin:16px 0;font-size:14px;color:#5a3040;line-height:1.7}

/* 标签 */
.tags-bar{padding:20px 0 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tags-bar span{font-size:12px;color:#8d4f64;letter-spacing:1px;text-transform:uppercase;font-weight:700}
.tags-bar a{display:inline-block;padding:5px 14px;border-radius:50px;background:#FCE4EC;color:#F06292;font-size:12px;letter-spacing:1px;transition:all .3s ease}
.tags-bar a:hover{background:#F06292;color:#fff}

/* 相关推荐 */
.related-section{padding:40px 0 50px;background:#FCE4EC}
.related-section h3{font-size:18px;font-weight:700;color:#3E1022;margin-bottom:18px;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.related-section h3::before{content:'';width:4px;height:20px;background:#F06292;border-radius:2px}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.related-list{display:flex;flex-direction:column;gap:10px}
.related-item{padding:14px 18px;border-radius:12px;background:#fff;transition:all .3s ease;font-size:14px;color:#3E1022}
.related-item a{color:#3E1022;font-weight:600;display:block}
.related-item a:hover{color:#F06292}
.related-item:hover{transform:translateX(6px);box-shadow:0 4px 15px rgba(62,16,34,.1)}
.related-item .r-date{font-size:11px;color:#8d4f64;margin-top:4px;letter-spacing:1px}

@media(max-width:768px){
.article-content{padding:25px 20px}
.page-hero h1{font-size:22px}
.related-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.article-content{padding:20px 16px}
}