/* 横幅区域 */
.banner-content { width:1440px; height:200px; margin:0 auto; margin-top:85px; }
.banner-content img{ width:100%; height:100%; }

.banner-title { font-size: 28px; margin-bottom: 10px; }
.banner-subtitle { font-size: 14px; max-width: 800px; line-height: 1.5; }
/* 内容区域 */
.content { width: 100%; max-width: 1440px; margin: 0px auto; padding: 20px 0; }
.column-tabs { display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 10px; }
.tab { font-size: 16px; padding: 5px 10px; margin-right: 20px; cursor: pointer; }
.tab.active { color: #6132BF; border-bottom: 2px solid #6132BF; font-weight: bold; }
.apply-column { margin-left: auto; background-color: #6132BF; color: white; border: none; padding: 8px 15px; border-radius: 3px; font-size: 14px; cursor: pointer; }


/* 文章卡片网格 */
.articles-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.article-card {border: 1px solid #eee; transition: box-shadow 0.3s; border-radius:5px; padding:15px; height: 100%; }
.article-card:hover { box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.article-source { display: flex; align-items: center; margin-bottom: 10px; }
.source-icon { width: 56px; height: 56px; margin-right: 8px; background-color: #e0e0e0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #6132BF; border:1px solid #BBC1CA;}
.source-icon img{width:100%; height:100%; border-radius:100%; }
.source-name { font-size: 14px; color: #333; }
.article-count { font-size: 12px; color: #999; margin-bottom: 10px; }
.article-content { font-size: 14px; color: #666; line-height: 1.6; margin-bottom: 10px; height:48px; overflow:hidden; }
.article-tag { font-size: 12px; color: #6132BF; background-color: rgba(98, 0, 238, 0.1); padding: 2px 8px; border-radius: 12px; display: inline-block; }