/* 新闻详情页样式 */
.news-detail-section { padding: 60px 0; background: #f5f7fa; min-height: 600px; }
.container-800 { max-width: 920px; margin: 0 auto; padding: 0 20px; }
.breadcrumb { padding: 20px 0; font-size: 14px; color: #666; border-bottom: 1px solid #eee; margin-bottom: 30px; }
.breadcrumb a { color: #666; text-decoration: none; transition: color 0.3s; }
.breadcrumb a:hover { color: #ff6b35; }
.breadcrumb span { color: #1a1a2e; font-weight: 500; }
.news-detail { background: #fff; border-radius: 8px; padding: 40px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); }
.news-detail__header { margin-bottom: 30px; }
.news-detail__title { font-size: 28px; font-weight: 700; color: #1a1a2e; line-height: 1.4; margin-bottom: 16px; }
.news-detail__meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.news-detail__category { font-size: 12px; color: #ff6b35; background: rgba(255, 107, 53, 0.1); padding: 4px 12px; border-radius: 4px; }
.news-detail__date, .news-detail__author, .news-detail__hits { font-size: 14px; color: #999; }
.news-detail__cover { width: 100%; margin-bottom: 30px; border-radius: 8px; overflow: hidden; }
.news-detail__cover img { width: 100%; height: auto; }
.news-detail__content { font-size: 16px; line-height: 1.8; color: #333; }
.news-detail__content p { margin-bottom: 20px; }
.news-nav { margin-top: 40px; padding-top: 30px; border-top: 1px solid #eee; }
.news-nav__list { display: flex; flex-direction: column; gap: 16px; }
.news-nav__item { display: flex; flex-direction: column; gap: 8px; padding: 20px; background: #f5f7fa; border-radius: 8px; text-decoration: none; transition: all 0.3s; }
.news-nav__item:hover:not(.news-nav__item--disabled) { background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
.news-nav__item--next { text-align: right; }
.news-nav__item--disabled { opacity: 0.5; cursor: not-allowed; }
.news-nav__label { font-size: 12px; color: #999; }
.news-nav__title { font-size: 16px; font-weight: 600; color: #1a1a2e; }
.related-news { margin-top: 40px; padding-top: 30px; border-top: 1px solid #eee; }
.related-news h3 { font-size: 20px; font-weight: 600; color: #1a1a2e; margin-bottom: 20px; }
.related-news__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.related-news__item { display: flex; flex-direction: column; gap: 12px; text-decoration: none; color: inherit; }
.related-news__item img { width: 100%; height: 120px; object-fit: cover; border-radius: 4px; }
.related-news__item span { font-size: 14px; color: #333; }
@media (max-width: 768px) { .news-detail { padding: 24px; } .news-detail__title { font-size: 22px; } .related-news__list { grid-template-columns: repeat(2, 1fr); } }