/* 主体内容 */
.main-container { width: 1440px; margin:0px auto; padding-top:76px; display: flex; justify-content: space-between; }
.content-left { width:1015px; margin-right:25px; background-color: #fff; overflow:hidden;}
.content-right { width:400px; overflow:hidden;}

/*新版分类tab*/
.tab-container { display: flex; align-items: center; position: relative; overflow: hidden; height: 69px; border-bottom: 1px solid #E4E6E8; }
.tab-arrow { position: absolute; width: 36px; height: 36px; background: #fff;  border-radius: 4px; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; }
.left-arrow { left: 0; margin-right:20px;}
.right-arrow { right: 0; }
/* 滚动容器 */
.tab-scroll { flex: 1; overflow: hidden; }
/* 标签列表：横向排列 + 过渡动画 */
.tab-list { display: flex; white-space: nowrap; transition: transform 0.3s ease-out; transform: translateX(0); /* 初始位置 */ }
.tab-item { color: #333; font-size:16px; line-height:69px; height:68px; padding:0 30px; display:inline-block;}
.tab-list .active { color: #4A15B6; border-bottom: 2px solid #4A15B6; }
/* 箭头禁用样式（可选） */
.tab-arrow:disabled { opacity: 0.5; cursor: not-allowed; }



/* 文章列表 */
.article-list { display: flex; flex-direction: column; gap: 25px; padding:0 0px; }
.article-item { display: flex; gap: 20px; border-bottom:1px solid #F3F3F3;padding-top:20px; }
.article-img { width:289px; height:190px; border-radius:4px; overflow: hidden; }
.article-img img { width: 100%; height: 100%; object-fit: cover; }
.article-content { flex:1; display: flex; flex-direction: column;  }
.article-title { font-size:18px; color: #333; margin-bottom:20px; line-height:18px; margin-top:9px; height:18px; overflow:hidden; font-weight:bold; }
.article-desc{height:50px; overflow:hidden; line-height:24px; }

.article-meta { display: flex; align-items: center; margin-bottom: 20px; font-size: 12px; color: #888;  line-height:24px;} }
.author-avatar { width:29px; height: 29px; border-radius: 50%; background-color: #e5e9ef; margin-right: 10px; }
.author-avatar img{width: 29px; height: 29px; border-radius: 50%; }
.author-name { margin-right:5px; font-size:16px; color:#000; }
.publish-time { margin-right: 15px; }
.tags { display: flex; margin-bottom:20px; margin-top:20px;}
.tag { background-color:#F3ECFF; color: #4C18B6; padding:2px 8px; border-radius: 4px; margin-right: 5px; font-size:14px; }
.article-meta-right {margin-left: auto;}

.article_banner{width:970px; height:164px;}
.article_banner img{width:100%; height:100%; border-radius:8px;}


/* 加载更多按钮 */
.load-more { width: 160px; height: 40px; border: 1px solid #6132BF; border-radius: 20px; background-color: #fff; color: #6132BF; font-size: 14px; margin: 30px auto; cursor: pointer; display: flex; align-items: center; justify-content: center; }
/* 右侧边栏 */
.sidebar-section { background-color: #fff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); margin-bottom: 20px; overflow: hidden; }
.sidebar-title { padding: 15px 20px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; }
.sidebar-title h3 { font-size: 16px; color: #333; }
.sidebar-title a { font-size: 12px; color: #999; text-decoration: none; }

/*推荐作者列表*/
.special-topics { background-color: #fff; padding:20px; padding-bottom:0; border-radius: 4px; padding-top:0; border:1px solid #F2F2F2; margin-top:5px; }
.special-topics-header{display:flex; height:63px; border-bottom:1px solid #EFEFEF; line-height:60px; }
.special-topics-icon{width:28px; height:28px; margin-top:17px; margin-right:10px;}
.special-topics-title{width:280px; font-size:19px; color:#000;}
.special-topics-more{width:100px;}
.topic-item { display: flex; align-items: center; height:110px; border-bottom: 1px dashed #e5e9ef; }
.topic-item:last-child { border-bottom: none; }
.topic-icon { width:60px; height:60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #2d5afe; margin-right: 15px; flex-shrink: 0; }
.topic-icon img{ width:100%; height:100%; border-radius: 50%;}
.topic-icon a img{width:60px; height:60px; border-radius: 50%;}
.topic-info {width:220px; overflow:hidden;}
.topic-title { font-size: 17px; font-weight: 500; margin-bottom: 3px; }
.topic-desc { font-size: 12px; color: #888; height:39px; overflow:hidden; }
.topic-more {width:69px; height:29px; background-color:#fff; border:1px solid #6536C0; color:#6536C0;  line-height:27px; text-align:center; border-radius:5px; font-size: 14px; cursor: pointer; margin-left: auto; }

/* 右侧广告图 */
.side_banner_top{height:330px; margin-bottom:15px; width:100%; margin-top:15px; border:6px;}
.side_banner_top_image{height:240px; width:100%;}
.side_banner_top_image img{width:100%; height:100%;}
.side_banner_top_title{height:90px; border:1px solid #E6E8EA; padding:23px; box-sizing:border-box;}
.side_banner_top_title p{font-size:16px; font-weight: normal; line-height: 24px; letter-spacing: 0px; color: #101112; height:48px; overflow:hidden;}

.side_banner_bottom{width:100%; height:235px;}
.side_banner_bottom img{width:100%; height:100%; border:6px;}
.side_banner_bottom a img{width:100%; height:100%; border:6px;}