/* 第七篇新闻：团队里程碑・荣耀破百，未来可期
   布局：
   - 行1：左图右文
   - 行2：左文右图
   - 行3：左图右文
*/

.news-section--milestone {
  padding: 24px 16px;
}

.news-container--milestone {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  max-width: 1080px;
  margin: 0 auto;
}

.news-content { 
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.news-title { font-size: 28px; line-height: 1.3; font-weight: 700; }
.news-meta { color: #666; font-size: 14px; }
.news-paragraph { font-size: 16px; line-height: 1.8; }

.news-image .image-frame {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #e7e7e7;
}
.news-image img { width: 100%; height: auto; display: block; }

/* 平板与桌面：两列布局，行1跨两列；行2左图右文；行3跨两列 */
@media (min-width: 768px) {
  .news-container--milestone { grid-template-columns: 5fr 7fr; gap: 32px; }
.news-image--row1 { grid-column: 1 / span 1; }
.news-content--row1 { grid-column: 2 / span 1; align-self: center; }
.news-content--row2 { grid-column: 1 / span 1; align-self: center; }
.news-image--row2 { grid-column: 2 / span 1; }
.news-image--row3 { grid-column: 1 / span 1; }
.news-content--row3 { grid-column: 2 / span 1; align-self: center; }
  .news-title { font-size: 32px; }
  .news-paragraph { font-size: 17px; }
}

/* 移动端：上下堆叠 */
@media (max-width: 767px) {
  .news-container--milestone { grid-template-columns: 1fr; }
}

/* 统一图片卡片样式 */
.image-frame { margin: 0; }