/* 因诺动态列表与分类标签样式（统一橙色主题） */

/* === 动态分类标签极简风格（参考图片“动态.png”） === */
.news-categories {margin-top:40px;}
.category-tabs {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0; /* 通过竖线分隔，不使用 gap 空隙 */
  flex-wrap:wrap;
  font-size:1.05rem;
  letter-spacing:2px;
  user-select:none;
}
.category-tab {
  background:transparent;
  border:none;
  position:relative;
  padding:8px 32px 10px; /* 左右留白使竖线居中显得均衡 */
  font:500 1.05rem/1.4 "Noto Serif SC", "Roboto", sans-serif;
  color:#333;
  cursor:pointer;
  transition:color .25s ease;
}
/* 竖线分隔：使用伪元素避免在最后一个出现 */
.category-tab:not(:last-child)::after {
  content:"";
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  width:1px;
  height:1.2em;
  background:#333; /* 与文字同色的细竖线 */
  opacity:.55;
}
.category-tab:hover,
.category-tab:focus-visible {color:var(--primary-color); outline:none;}
.category-tab.active {color:var(--primary-color); font-weight:600;}
/* 激活态下可选底部指示线（细线，若不需要可删除） */
/* 移动端：字体稍微减小并允许换行，但保持分隔线 */
@media (max-width:768px){
  .category-tabs {font-size:.95rem; letter-spacing:1px;}
  .category-tab {padding:8px 20px 10px; font-size:.95rem;}
  .category-tab:not(:last-child)::after {height:1em;}
}

.news-list-wrapper {margin-top:28px;}
.news-list {list-style:none;margin:0;padding:0;border-top:2px solid var(--primary-color);}
.news-list li {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 6px 14px 18px;
  border-bottom:1px dashed rgba(243,112,34,0.3);
  cursor:pointer;
  transition:background .25s ease, padding-left .25s ease;
  background:#fff;
}
.news-list li:hover {
  background:#fff7ef;
  padding-left:22px;
}
.news-list li .news-title {
  flex:1;
  font-size:0.95rem;
  color:#333;
  line-height:1.6;
  position:relative;
  padding-left:18px;
}
.news-list li .news-title:before {
  content:"»";
  position:absolute;
  left:0;top:0;
  color:var(--primary-color);
  font-weight:600;
}
.news-list li .news-date {
  font-size:0.8rem;
  color:var(--primary-hover);
  white-space:nowrap;
  margin-left:20px;
}

/* 移动端优化 */
@media (max-width:768px){
  .category-tab {flex:1 1 auto;text-align:center;padding:10px 0;}
  .news-list li {flex-direction:column;align-items:flex-start;}
  .news-list li .news-date {margin-left:0;margin-top:6px;}
}

/* 使新闻页至少撑满屏幕高度（减去固定头部与页脚估算高度），并让列表区域自适应填充 */
#news.page-content { 
  display:flex; 
  flex-direction:column; 
  min-height:calc(100vh - 140px); /* 头部约65px + 余量，避免 footer 悬空 */
  padding-bottom:60px; /* 增加底部空间视觉舒适 */
}
#news .container {flex:1; display:flex; flex-direction:column;}
#news .news-list-wrapper {flex:1;}
#news .news-list {min-height:240px;} /* 若内容少仍保持一定高度 */