/* ====== 新闻系统前台样式 ====== */
/* 使用 .news-system 命名空间，避免与电商网站样式冲突 */
.news-system * { margin:0; padding:0; box-sizing:border-box; }
.news-system { font-family:"Microsoft YaHei","Helvetica Neue",Arial,sans-serif; font-size:14px; color:#333; line-height:1.7; max-width:1200px; margin:0 auto; padding:20px; }
.news-system a { color:#1a73e8; text-decoration:none; transition:color .2s; }
.news-system a:hover { color:#0d5fcd; text-decoration:underline; }
.news-system img { max-width:100%; height:auto; }
.news-system ul,.news-system ol { list-style:none; }

/* ====== 导航栏 ====== */
.news-system .ns-header { background:#fff; border-bottom:3px solid #1a73e8; padding:20px 0; margin-bottom:20px; }
.news-system .ns-header h1 { font-size:24px; color:#1a73e8; }
.news-system .ns-header h1 a { color:#1a73e8; text-decoration:none; }
.news-system .ns-nav { display:flex; gap:24px; margin-top:12px; flex-wrap:wrap; }
.news-system .ns-nav a { color:#555; font-size:15px; font-weight:500; padding:4px 0; border-bottom:2px solid transparent; }
.news-system .ns-nav a:hover,.news-system .ns-nav a.active { color:#1a73e8; border-bottom-color:#1a73e8; text-decoration:none; }

/* ====== 布局 ====== */
.news-system .ns-container { display:flex; gap:24px; flex-wrap:wrap; }
.news-system .ns-main { flex:1; min-width:0; }
.news-system .ns-sidebar { width:300px; flex-shrink:0; }

/* ====== 文章列表 ====== */
.news-system .ns-article-list { }
.news-system .ns-article-item { display:flex; gap:16px; padding:20px 0; border-bottom:1px solid #eee; }
.news-system .ns-article-item:last-child { border-bottom:none; }
.news-system .ns-article-thumb { width:200px; height:130px; flex-shrink:0; overflow:hidden; border-radius:6px; background:#f5f5f5; }
.news-system .ns-article-thumb img { width:100%; height:100%; object-fit:cover; }
.news-system .ns-article-body { flex:1; min-width:0; }
.news-system .ns-article-title { font-size:18px; font-weight:600; margin-bottom:6px; line-height:1.4; }
.news-system .ns-article-title a { color:#222; }
.news-system .ns-article-title a:hover { color:#1a73e8; }
.news-system .ns-article-summary { color:#666; font-size:14px; line-height:1.6; margin-bottom:8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news-system .ns-article-meta { display:flex; gap:16px; font-size:12px; color:#999; flex-wrap:wrap; align-items:center; }
.news-system .ns-article-meta .tag { display:inline-block; padding:1px 8px; background:#e8f0fe; color:#1a73e8; border-radius:3px; font-size:12px; }
.news-system .ns-article-meta .top-badge { background:#fff2f0; color:#ff4d4f; padding:1px 8px; border-radius:3px; }

/* ====== 文章详情 ====== */
.news-system .ns-article-detail { background:#fff; padding:30px; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.news-system .ns-article-detail h1 { font-size:26px; color:#222; line-height:1.4; margin-bottom:12px; }
.news-system .ns-article-detail .ns-detail-meta { display:flex; gap:16px; font-size:13px; color:#999; padding-bottom:16px; border-bottom:1px solid #eee; margin-bottom:24px; flex-wrap:wrap; }
.news-system .ns-article-detail .ns-detail-cover { width:100%; max-height:400px; object-fit:cover; border-radius:6px; margin-bottom:24px; }
.news-system .ns-article-detail .ns-detail-content { font-size:16px; line-height:1.8; color:#333; }
.news-system .ns-article-detail .ns-detail-content p { margin-bottom:16px; }
.news-system .ns-article-detail .ns-detail-content h2 { font-size:20px; margin:24px 0 12px; color:#222; border-left:4px solid #1a73e8; padding-left:12px; }
.news-system .ns-article-detail .ns-detail-content h3 { font-size:18px; margin:20px 0 10px; color:#333; }
.news-system .ns-article-detail .ns-detail-content img { border-radius:4px; margin:12px 0; }
.news-system .ns-article-detail .ns-detail-content blockquote { border-left:4px solid #1a73e8; padding:12px 16px; background:#f8f9fa; margin:16px 0; color:#666; }
.news-system .ns-article-detail .ns-detail-content ul,.news-system .ns-article-detail .ns-detail-content ol { padding-left:24px; margin:12px 0; }
.news-system .ns-article-detail .ns-detail-content ul li,.news-system .ns-article-detail .ns-detail-content ol li { margin-bottom:6px; list-style:disc; }
.news-system .ns-article-detail .ns-detail-content ol li { list-style:decimal; }
.news-system .ns-article-detail .ns-detail-content a { color:#1a73e8; text-decoration:underline; }
.news-system .ns-article-detail .ns-detail-content table { width:100%; border-collapse:collapse; margin:16px 0; }
.news-system .ns-article-detail .ns-detail-content th,.news-system .ns-article-detail .ns-detail-content td { border:1px solid #ddd; padding:8px 12px; }
.news-system .ns-article-detail .ns-detail-content th { background:#f5f5f5; }
.news-system .ns-article-detail .ns-detail-tags { margin-top:20px; padding-top:16px; border-top:1px solid #eee; }
.news-system .ns-article-detail .ns-detail-tags span { display:inline-block; padding:3px 12px; background:#f0f2f5; color:#666; border-radius:3px; font-size:13px; margin-right:8px; margin-bottom:6px; }
.news-system .ns-article-detail .ns-detail-share { margin-top:20px; padding:16px; background:#f8f9fa; border-radius:6px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.news-system .ns-article-detail .ns-detail-prev-next { margin-top:20px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.news-system .ns-article-detail .ns-detail-prev-next a { display:block; padding:12px 16px; background:#f8f9fa; border-radius:6px; font-size:13px; max-width:48%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ====== 面包屑 ====== */
.news-system .ns-breadcrumb { padding:10px 0; font-size:13px; color:#999; margin-bottom:8px; }
.news-system .ns-breadcrumb a { color:#1a73e8; }
.news-system .ns-breadcrumb .sep { margin:0 6px; color:#ccc; }

/* ====== 侧边栏 ====== */
.news-system .ns-widget { background:#fff; border-radius:8px; padding:20px; margin-bottom:16px; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.news-system .ns-widget-title { font-size:16px; font-weight:600; margin-bottom:14px; padding-bottom:10px; border-bottom:2px solid #1a73e8; color:#222; }
.news-system .ns-widget-list li { padding:8px 0; border-bottom:1px dashed #eee; font-size:14px; }
.news-system .ns-widget-list li:last-child { border-bottom:none; }
.news-system .ns-widget-list li a { color:#555; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-system .ns-widget-list li a:hover { color:#1a73e8; }
.news-system .ns-widget-list .rank { display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:3px; font-size:12px; color:#fff; background:#ccc; margin-right:6px; }
.news-system .ns-widget-list .rank.top { background:#ff4d4f; }
.news-system .ns-widget-hot li { display:flex; align-items:center; gap:8px; }
.news-system .ns-widget-hot .views { font-size:12px; color:#999; margin-left:auto; }

/* ====== 分类页 ====== */
.news-system .ns-category-header { background:#fff; padding:20px; border-radius:8px; margin-bottom:16px; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.news-system .ns-category-header h1 { font-size:22px; color:#222; margin-bottom:6px; }
.news-system .ns-category-header p { color:#888; font-size:14px; }

/* ====== 分页 ====== */
.news-system .ns-pagination { text-align:center; padding:24px 0; }
.news-system .ns-pagination a,.news-system .ns-pagination span { display:inline-block; padding:8px 14px; margin:0 3px; border:1px solid #ddd; border-radius:4px; color:#555; font-size:14px; }
.news-system .ns-pagination a:hover { border-color:#1a73e8; color:#1a73e8; text-decoration:none; }
.news-system .ns-pagination .current { background:#1a73e8; color:#fff; border-color:#1a73e8; }

/* ====== 搜索 ====== */
.news-system .ns-search-box { display:flex; gap:0; margin-bottom:20px; }
.news-system .ns-search-box input { flex:1; padding:10px 16px; border:2px solid #1a73e8; border-right:none; border-radius:4px 0 0 4px; font-size:14px; }
.news-system .ns-search-box button { padding:10px 24px; background:#1a73e8; color:#fff; border:none; border-radius:0 4px 4px 0; cursor:pointer; font-size:14px; }
.news-system .ns-search-box button:hover { background:#0d5fcd; }

/* ====== 空状态 ====== */
.news-system .ns-empty { text-align:center; padding:60px 20px; color:#999; }
.news-system .ns-empty .icon { font-size:48px; margin-bottom:12px; }

/* ====== 页脚 ====== */
.news-system .ns-footer { text-align:center; padding:24px 0; margin-top:20px; border-top:1px solid #eee; color:#999; font-size:13px; }

/* ====== 响应式 ====== */
@media (max-width: 768px) {
  .news-system { padding:10px; }
  .news-system .ns-container { flex-direction:column; }
  .news-system .ns-sidebar { width:100%; }
  .news-system .ns-article-item { flex-direction:column; }
  .news-system .ns-article-thumb { width:100%; height:200px; }
  .news-system .ns-article-detail { padding:16px; }
  .news-system .ns-article-detail h1 { font-size:20px; }
  .news-system .ns-article-detail .ns-detail-content { font-size:15px; }
}