/* ========== 首页/列表页特有样式（由 index.html 内联 <style> 外链化，可被浏览器缓存） ========== */
/* ========== 首页特有：主体布局 ========== */
#main { max-width: 1200px; margin: 20px auto; padding: 0 16px; display: flex; gap: 20px; }

/* 左侧分类 */
.main_left { width: 220px; flex-shrink: 0; position: sticky; top: 20px; align-self: flex-start; max-height: calc(100vh - 40px); overflow-y: auto; }
.main_left_catlist { background: #F8F8F8; border-radius: 8px; overflow: hidden; }
.main_left_catlist ul { list-style: none; margin: 0; padding: 0; }
.main_left_catlist ul li { display: flex; align-items: center; padding: 12px 16px; transition: background .2s; border-bottom: 1px solid #f0f0f0; }
.main_left_catlist ul li:last-child { border-bottom: none; }
.main_left_catlist ul li:hover, .main_left_catlist ul li.catlist_selected { background: #EDEDED; }
.catlist_iconhot, .catlist_icontt, .catlist_iconkx, .catlist_iconyg, .catlist_iconyy, .catlist_iconqydt, .catlist_iconjb { width: 28px; height: 28px; flex-shrink: 0; background-size: 100% 100%; margin-right: 10px; }
.catlist_iconhot { background-image: url(/statics/news/70b37ac02e48c4ffee65a0a6f1f32142.png); }
.iconhot_selected { background-image: url(/statics/news/46a7bc6875161ca57e583c5c41e7868d.png) !important; }
.catlist_icontt { background-image: url(/statics/news/b51ccf95a3ee17c95ed6079183d45bc2.png); }
.icontt_selected { background-image: url(/statics/news/6caabcbe8b2f623be4e49f20836618ba.png) !important; }
.catlist_iconkx { background-image: url(/statics/news/97bfa1e2ff66874a60725b9ecf7bb105.png); }
.iconkx_selected { background-image: url(/statics/news/2995152279de1529586d81711e479843.png) !important; }
.catlist_iconyg { background-image: url(/statics/news/c3b297a60e9c816d68a6ef848d0e0845.png); }
.iconyg_selected { background-image: url(/statics/news/868fc8d579a91dab846d2fcdd5f95f5c.png) !important; }
.catlist_iconyy { background-image: url(/statics/news/e738f03bbcc32d1610d9d83fb52a2bac.png); }
.iconyy_selected { background-image: url(/statics/news/9f4c46b9bcafb48116ad7cf4a16ea1b9.png) !important; }
.catlist_iconqydt { background-image: url(/statics/news/4bf21d1001c54bfdd8f89a7d7306be7a.png); }
.iconqydt_selected { background-image: url(/statics/news/1397ff50fe7d8a36f1531a96882362a5.png) !important; }
.catlist_iconjb { background-image: url(/statics/news/04a88faff94d14a61ef04c3024a784ca.png); }
.iconjb_selected { background-image: url(/statics/news/b3ed163610866bef725d18144cfa93ee.png) !important; }
.catlist_text { flex: 1; }
.catlist_text a { color: #333; text-decoration: none; font-size: 16px; }
.catlist_selected .catlist_text a { color: #409cdb; font-weight: bold; }

/* 中间内容区 */
.main_zhong { flex: 1; min-width: 0; }
.banner { width: 100%; }
.banner_pic { width: 100%; position: relative; overflow: hidden; border-radius: 8px; }
.banner_pic ul { list-style: none; margin: 0; padding: 0; }
.banner_pic ul li { display: none; }
.banner_pic ul li:first-child { display: list-item; }
.banner_pic ul li a { display: block; position: relative; }
.banner_pic ul li img { width: 100%; height: auto; display: block; }
.banner_pic .ceng2 { position: absolute; bottom: 0; left: 0; right: 0; height: 60px; background: linear-gradient(transparent, rgba(0,0,0,.5)); }
.banner_pic p { position: absolute; bottom: 10px; left: 14px; color: #fff; font-size: 16px; font-weight: bold; z-index: 2; }
.banner_pic .num { position: absolute; bottom: 10px; right: 14px; z-index: 2; }
.banner_pic .num span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.5); margin: 0 3px; cursor: pointer; }
.banner_pic .num span.cur { background: #fff; }

/* 近期发布 */
.main_zhong_listtitle { display: flex; align-items: center; margin: 20px 0 12px; }
.zhonglisttxt { font-size: 24px; font-weight: bold; color: #333; margin: 0; }
.zhonglistimg { width: 60px; height: 28px; display: inline-block; background: url(/statics/news/8cc4af75ea1f37509b07cc98e6289652.png) 100%; background-size: 100% 100%; margin-left: 10px; }
.new_list { list-style: none; margin: 0; padding: 0; }
.new_list li { padding: 14px 0; border-bottom: 1px solid #f0f0f0; }
.new_list li:last-child { border-bottom: none; }
.new_list .fl.new_img { display: block; text-decoration: none; color: inherit; }
.list_left { width: 100% !important; }
.list_left h2 { font-size: 20px; color: #333; font-weight: bold; margin: 0 0 6px; line-height: 1.4; }
.list_left p { font-size: 14px; color: #666; margin: 4px 0; line-height: 1.6; }

/* 首页特有分页 */
.pagination { padding: 24px 0 10px; }
.pagination .page-prev, .pagination .page-next { padding: 0 16px; font-weight: 500; }

/* 右侧栏 */
.main_right { width: 260px; flex-shrink: 0; }
.h3_title { font-size: 17px; font-weight: bold; color: #333; margin: 0 0 12px; padding-bottom: 9px; border-bottom: 2px solid #eef4fa; position: relative; }
.h3_title::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 48px; height: 2px; background: #409cdb; }
.h2_sidebar { font-size: 17px; font-weight: bold; color: #333; margin: 0 0 12px; padding-bottom: 9px; border-bottom: 2px solid #eef4fa; position: relative; }
.h2_sidebar::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 48px; height: 2px; background: #409cdb; }

/* 热门标签 */
.hot_label { margin-bottom: 20px; background: #fff; border-radius: 8px; padding: 14px; box-shadow: 0 1px 6px rgba(0,0,0,.06); }
.hot_label > p { font-size: 17px; font-weight: bold; color: #333; margin: 0 0 12px; padding-bottom: 9px; border-bottom: 2px solid #eef4fa; position: relative; }
.hot_label > p::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 48px; height: 2px; background: #409cdb; }
.hot_label_list { display: flex; flex-wrap: wrap; gap: 8px; }
.hot_label_list a { display: inline-block; padding: 4px 12px; background: #f5fafd; border: 1px solid #e0eef8; border-radius: 14px; font-size: 13px; color: #555; text-decoration: none; transition: .2s; white-space: nowrap; }
.hot_label_list a:hover, .hot_label_list a.cur { background: #409cdb; border-color: #409cdb; color: #fff; }

/* 文章排行 */
.paihang { margin-bottom: 20px; background: #fff; border-radius: 8px; padding: 14px; box-shadow: 0 1px 6px rgba(0,0,0,.06); }
.paihang ul { list-style: none; margin: 0; padding: 0; }
.paihang ul li { padding: 8px 10px; margin: 0 -10px; border-bottom: 1px solid #eef4fa; transition: all .25s ease; border-radius: 6px; }
.paihang ul li:hover { background: linear-gradient(90deg, #f0f7ff 0%, #e8f4ff 100%); border-bottom-color: transparent; box-shadow: 0 2px 8px rgba(64,156,219,.12); }
.paihang ul li:last-child { border-bottom: none; }
.paihang ul li.active-item { background: #eaf4fb; border-bottom-color: transparent; }
.paihang ul li.active-item:hover { background: linear-gradient(90deg, #e3f0fb 0%, #dceefb 100%); }
.paihang h4 { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; }
.paihang h4 .blue_1 { font-size: 13px; color: #409cdb; text-decoration: none; flex-shrink: 0; max-width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .2s; }
.paihang h4 .blue_1:hover { color: #3688c0; text-decoration: underline; }
.paihang h4 .c333 { font-size: 14px; color: #333; text-decoration: none; font-weight: 500; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .2s; }
.paihang h4 .c333:hover { color: #409cdb; }
.paihang .list { display: flex; gap: 10px; align-items: flex-start; }
.paihang .sp1, .paihang .sp2, .paihang .sp3, .paihang .sp4, .paihang .sp5,
.paihang .sp6, .paihang .sp7, .paihang .sp8, .paihang .sp9, .paihang .sp10 {
    display: inline-flex; align-items: center; justify-content: center;
    width: 24px; height: 24px; border-radius: 4px; font-size: 12px; flex-shrink: 0;
    background: #eaf4fb; color: #409cdb; font-weight: bold;
}
.paihang .sp1 { background: linear-gradient(135deg, #409cdb 0%, #3688c0 100%); color: #fff; box-shadow: 0 2px 4px rgba(64,156,219,.3); }
.paihang .sp2 { background: linear-gradient(135deg, #5aa9e0 0%, #4a99d0 100%); color: #fff; box-shadow: 0 2px 4px rgba(90,169,224,.3); }
.paihang .sp3 { background: linear-gradient(135deg, #7bbce8 0%, #6bace0 100%); color: #fff; box-shadow: 0 2px 4px rgba(123,188,232,.3); }
.paihang .list1 { flex: 1; min-width: 0; }
.paihang .list1 a.f16 { font-size: 15px; color: #333; text-decoration: none; font-weight: 500; display: block; margin-bottom: 4px; transition: color .2s; }
.paihang .list1 a.f16:hover { color: #409cdb; }
.paihang .list1 p { font-size: 13px; color: #999; margin: 4px 0; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.paihang .list1 .meta { font-size: 12px; color: #bbb; margin-top: 4px; display: flex; align-items: center; gap: 8px; }
.paihang .list1 .blue_1 { font-size: 13px; color: #409cdb; text-decoration: none; transition: all .2s; }
.paihang .list1 .blue_1:hover { color: #3688c0; text-decoration: underline; }

/* 播放排行榜 */
.play_list { margin-bottom: 20px; background: #fff; border-radius: 8px; padding: 14px; box-shadow: 0 1px 6px rgba(0,0,0,.06); }
.play_list ul { list-style: none; margin: 0; padding: 0; }
.play_list ul li { padding: 8px 0; border-bottom: 1px solid #eef4fa; }
.play_list ul li:last-child { border-bottom: none; }
.play_list ul li a { font-size: 14px; color: #333; text-decoration: none; display: flex; align-items: center; gap: 8px; }
.play_list ul li a:hover { color: #409cdb; }
.play_list ul li a span::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #a8d4f0; }
.play_list ul li.first a { flex-direction: column; align-items: flex-start; }
.play_list ul li.first img { border-radius: 6px; width: 100%; }
.play_list ul li.first p { font-size: 14px; margin: 6px 0 0; }
.play_list ul li.first em { font-style: normal; color: #409cdb; font-weight: bold; margin-right: 4px; }
.play_list .ceng { display: none; }

/* 首页移动端特有 */
@media screen and (max-width: 1024px) {
    .main_left { display: none; }
    #main { gap: 16px; }
    .main_right { width: 240px; }
}
@media screen and (max-width: 767px) {
    #main { flex-direction: column; margin: 12px auto; padding: 0 10px; gap: 0; }
    .main_left { display: none; }
    .main_zhong { width: 100%; }
    .main_right { width: 100%; margin-top: 16px; }
    .banner_pic { border-radius: 6px; }
    .banner_pic p { font-size: 14px; left: 10px; bottom: 8px; }
    .zhonglisttxt { font-size: 20px; }
    .zhonglistimg { width: 48px; height: 22px; }
    .list_left h2 { font-size: 17px; }
    .list_left p { font-size: 13px; }
    .new_list li { padding: 10px 0; }
    .hot_label_list a { font-size: 12px; padding: 3px 10px; }
    .h3_title { font-size: 16px; }
    .paihang .list1 a.f16 { font-size: 14px; }
    .paihang .list1 p { font-size: 12px; -webkit-line-clamp: 1; }
}
@media screen and (max-width: 374px) {
    .zhonglisttxt { font-size: 18px; }
    .list_left h2 { font-size: 16px; }
}

/* 空状态提示 */
.empty_list { list-style: none; padding: 0; margin: 0; }
.empty_list_inner { text-align: center; padding: 60px 20px; background: #f8f8f8; border-radius: 8px; }
.empty_icon { font-size: 48px; margin-bottom: 16px; }
.empty_title { font-size: 20px; color: #333; font-weight: bold; margin: 0 0 12px; }
.empty_desc { font-size: 14px; color: #666; margin: 0 0 20px; }
.empty_btn { display: inline-block; padding: 10px 30px; background: #409cdb; color: #fff; text-decoration: none; border-radius: 4px; font-size: 14px; transition: background .2s; }
.empty_btn:hover { background: #2d8ccc; }

/* 加载更多按钮 */
.load-more-wrap { text-align: center; padding: 20px 0; }
.btn-load-more { display: inline-block; padding: 10px 40px; background: #fff; color: #409cdb; border: 1px solid #409cdb; border-radius: 22px; font-size: 14px; cursor: pointer; transition: all .2s; }
.btn-load-more:hover { background: #409cdb; color: #fff; }
.btn-load-more:disabled { opacity: .6; cursor: not-allowed; }
.btn-load-more.loading::after { content: '...'; animation: dots 1s steps(3,end) infinite; }
@keyframes dots { 0% { content: ''; } 33% { content: '.'; } 66% { content: '..'; } 100% { content: '...'; } }