/* ---- 页面标题栏 ---- */
.news-page-banner { background: #f8faff; border-bottom: 1px solid #e6eefb; padding: 40px 0; text-align: center; }
.news-page-banner h1 { font-size: 40px; font-weight: 700; color: #0b1f42; letter-spacing: -0.01em; margin: 0; }
.news-page-banner p { font-size: 18px; color: #536b85; margin-top: 8px; }
/* ---- 列表与详情容器 ---- */
.news-container { max-width: 1280px; margin: 0 auto; padding: 50px 24px; display: flex; gap: 40px; align-items: flex-start; }
.news-main { flex: 1 1 75%; min-width: 0; }
.news-sidebar { flex: 1 1 25%; min-width: 280px; }
/* ---- 列表卡片 ---- */
.news-list-item { background: #fff; border: 1px solid #e6eef9; border-radius: 20px; padding: 30px; margin-bottom: 24px; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); }
.news-list-item:hover { border-color: #c3d8fa; box-shadow: 0 16px 30px rgba(37, 99, 235, 0.08); transform: translateY(-3px); }
.news-list-item .news-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; flex-wrap: wrap; gap: 10px; }
.news-list-item .news-cate { background: #e9efff; color: #1d4ed8; font-size: 13px; padding: 4px 14px; border-radius: 30px; font-weight: 600; }
.news-list-item .news-date { color: #94a3b8; font-size: 14px; display: flex; align-items: center; gap: 5px; }
.news-list-item h2 { font-size: 22px; font-weight: 600; color: #0b1f42; line-height: 1.5; margin-bottom: 12px; }
.news-list-item h2 a { color: #0b1f42; transition: color 0.2s; }
.news-list-item h2 a:hover { color: #2563eb; }
.news-list-item .news-summary { color: #4a6385; font-size: 15px; line-height: 1.7; margin-bottom: 20px; }
.news-list-item .read-more { color: #2563eb; font-weight: 600; font-size: 15px; display: inline-flex; align-items: center; gap: 6px; transition: gap 0.2s; }
.news-list-item .read-more:hover { gap: 10px; }
/* ---- 分页 ---- */
.news-pagination { margin-top: 30px; display: flex; justify-content: center; gap: 8px; }
.news-pagination a, .news-pagination span { padding: 10px 18px; border-radius: 10px; background: #fff; border: 1px solid #e0ecff; color: #1e3a5f; font-weight: 500; transition: all 0.2s; }
.news-pagination span.current, .news-pagination a:hover { background: #2563eb; color: #fff; border-color: #2563eb; }
/* ---- 侧边栏小部件 ---- */
.sidebar-widget { background: #fff; border: 1px solid #e6eef9; border-radius: 20px; padding: 28px; margin-bottom: 24px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02); }
.sidebar-widget h3 { font-size: 18px; font-weight: 600; color: #0b1f42; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid #e9efff; }
.sidebar-widget ul { list-style: none; padding: 0; margin: 0; }
.sidebar-widget ul li { padding: 10px 0; border-bottom: 1px dashed #eef2f6; display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #334e6e; }
.sidebar-widget ul li:last-child { border-bottom: none; }
.sidebar-widget ul li a { color: #334e6e; transition: color 0.2s; flex: 1; }
.sidebar-widget ul li a:hover { color: #2563eb; }
.sidebar-widget ul li span { color: #94a3b8; font-size: 13px; margin-left: 10px; }
.hot-tag { background: #fee2e2; color: #dc2626; font-size: 11px; padding: 2px 8px; border-radius: 10px; font-weight: 600; }
/* ---- 内容详情页 ---- */
.article-detail { background: #fff; border: 1px solid #e6eef9; border-radius: 24px; padding: 40px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03); }
.article-title { font-size: 34px; font-weight: 700; color: #0b1f42; line-height: 1.3; margin-bottom: 16px; }
.article-meta { display: flex; gap: 24px; color: #8395a7; font-size: 14px; padding-bottom: 20px; border-bottom: 1px solid #ebeef3; margin-bottom: 28px; flex-wrap: wrap; }
.article-meta span { display: inline-flex; align-items: center; gap: 6px; }
.article-content { color: #334e68; font-size: 16px; line-height: 1.9; }
.article-content p { margin-bottom: 20px; }
.article-content h3 { font-size: 22px; font-weight: 600; color: #0b1f42; margin: 28px 0 14px; }
.article-content blockquote { border-left: 4px solid #2563eb; background: #f0f7ff; padding: 16px 24px; color: #3a5670; border-radius: 0 12px 12px 0; margin: 24px 0; font-style: italic; }
.article-nav { display: flex; justify-content: space-between; margin-top: 40px; padding-top: 24px; border-top: 1px solid #e2e8f0; }
.article-nav a { color: #2563eb; font-weight: 500; font-size: 15px; transition: color 0.2s; }
.article-nav a:hover { color: #1e40af; text-decoration: underline; }

/* ---- 移动端适配 ---- */
@media (max-width: 1024px) {
 .news-container {
 gap: 30px;
}
 .news-main {
 flex: 1 1 65%;
}
 .news-sidebar {
 flex: 1 1 35%;
 min-width: 240px;
}
 .article-title {
 font-size: 28px;
}
}
@media (max-width: 768px) {
 .news-container {
 flex-direction: column;
 padding: 30px 16px;
}
 .news-main, .news-sidebar {
 flex: 1 1 100%;
}
 .news-sidebar {
 margin-top: 10px;
}
 .article-detail {
 padding: 24px;
}
 .article-title {
 font-size: 24px;
}
 .article-meta {
 gap: 12px;
 font-size: 13px;
}
 .news-page-banner h1 {
 font-size: 32px;
}
}
/* 资讯分类按钮 */
.news-category-filter { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 30px; padding: 20px; background: #fff; border: 1px solid #e6eef9; border-radius: 16px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02); }
.cate-btn { display: inline-block; padding: 10px 24px; background: #f8faff; border: 1.5px solid #e0ecff; border-radius: 30px; color: #1e3a5f; font-size: 14px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; }
.cate-btn:hover { background: #e9efff; border-color: #2563eb; color: #2563eb; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15); }
.cate-btn.active { background: #2563eb; border-color: #2563eb; color: #ffffff; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25); }
 @media (max-width: 768px) {
 .news-category-filter {
 padding: 15px;
 gap: 8px;
}
 .cate-btn {
 padding: 8px 18px;
 font-size: 13px;
}
}