/* ============================================
   MK体育在线官网 - 文章详情页样式
   article.css - 2.8KB
   ============================================ */

/* ---- Article Header ---- */
.article-header{padding:40px 0 24px;background:#f8f9ff;border-bottom:1px solid #e8eaf6}
.article-header h1{font-size:28px;font-weight:700;color:#1A1F3C;line-height:1.4;margin-bottom:16px}
.article-meta{display:flex;gap:20px;font-size:13px;color:#888;flex-wrap:wrap}
.article-meta span{display:flex;align-items:center;gap:6px}
.article-meta svg{width:14px;height:14px}

/* ---- Article Body ---- */
.article-body{padding:40px 0;background:#fff}
.article-body h2{font-size:22px;font-weight:700;color:#1A1F3C;margin:30px 0 14px;padding-bottom:8px;border-bottom:2px solid #e8eaf6}
.article-body h3{font-size:18px;font-weight:600;color:#333;margin:24px 0 12px}
.article-body p{line-height:1.9;color:#444;margin-bottom:12px;font-size:15px;text-indent:2em}
.article-body p.no-indent{text-indent:0}
.article-body ul,.article-body ol{margin-bottom:16px;padding-left:24px}
.article-body li{padding:4px 0;color:#444;font-size:15px;line-height:1.8}
.article-body a{color:#3F51B5;text-decoration:underline}
.article-body a:hover{color:#1A1F3C}
.article-body strong{color:#1A1F3C}
.article-body blockquote{border-left:3px solid #3F51B5;padding:12px 20px;background:#f8f9ff;margin:20px 0;font-size:15px;color:#555}

/* ---- Internal Links ---- */
.internal-links{margin:30px 0;padding:24px;background:#f0f3ff;border-left:3px solid #3F51B5}
.internal-links h4{font-size:16px;font-weight:600;color:#1A1F3C;margin-bottom:12px}
.internal-links ul{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.internal-links li a{color:#3F51B5;font-size:14px}
.internal-links li a:hover{text-decoration:underline}

/* ---- Related Articles ---- */
.related-section{padding:40px 0;background:#f8f9ff;border-top:1px solid #e8eaf6}
.related-section h3{font-size:20px;font-weight:700;color:#1A1F3C;margin-bottom:20px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.related-item{padding:16px;background:#fff;border:1px solid #e8eaf6;transition:all .2s}
.related-item:hover{border-color:#3F51B5}
.related-item a{font-size:14px;color:#444;line-height:1.5;display:block}
.related-item a:hover{color:#3F51B5}

/* ---- Prev/Next ---- */
.prev-next{display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid #e8eaf6;margin-top:20px;font-size:14px}
.prev-next a{color:#3F51B5;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prev-next a:hover{text-decoration:underline}

/* ---- Responsive ---- */
@media(max-width:992px){
.related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.article-header h1{font-size:22px}
.related-grid{grid-template-columns:1fr}
.internal-links ul{grid-template-columns:1fr}
}