/* ===== page-news 专属样式 ===== */
.page-news {
  --timeline-marker-width: 2.5rem;
  --timeline-line-color: var(--color-accent2, #39FF14);
  --timeline-dot-color: var(--color-accent1, #8A2BE2);
  --card-radius: 0.25rem;
  --card-clip: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0 100%);
  --card-bg: rgba(26, 31, 61, 0.7);
  --card-shadow: 0 0 0.5rem rgba(138, 43, 226, 0.3);
  --card-hover-shadow: 0 0 1.2rem rgba(138, 43, 226, 0.6);
  --card-hover-translate: translateY(-0.25rem);
  --page-padding: 1.5rem;
  --max-width-inner: min(1200px, 100% - 2 * var(--page-padding));
}

/* 容器 */
.page-news .page-news-container {
  max-width: var(--max-width, 1200px);
  margin: 0 auto;
  padding: 0 var(--page-padding);
  padding-top: calc(var(--header-height, 70px) + 1rem);
  padding-bottom: 3rem;
}

/* 面包屑 */
.page-news .breadcrumb {
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: var(--color-text, #B0C4DE);
}
.page-news .breadcrumb-link {
  color: var(--color-link, #8A2BE2);
  text-decoration: none;
  transition: color var(--transition-fast, 0.2s);
}
.page-news .breadcrumb-link:hover {
  color: var(--color-accent2, #39FF14);
}
.page-news .breadcrumb-separator {
  margin: 0 0.4rem;
  color: var(--color-text, #B0C4DE);
}
.page-news .breadcrumb-current {
  color: var(--color-title, #E0E8F0);
  font-weight: 600;
}

/* 页面标题 */
.page-news .page-title {
  font-family: var(--font-family, 'Inter', sans-serif);
  font-weight: var(--font-weight-heading, 900);
  font-size: clamp(2rem, 5vw, 3.5rem);
  background: linear-gradient(135deg, var(--color-accent1, #8A2BE2), var(--color-accent2, #39FF14));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0 0.75rem;
  line-height: 1.1;
}
.page-news .page-description {
  font-size: 1.15rem;
  color: var(--color-text, #B0C4DE);
  line-height: var(--line-height-body, 1.7);
  margin-bottom: 2.5rem;
  max-width: 65ch;
}

/* 时间轴容器 */
.page-news .timeline {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* 时间轴条目：左侧标记 + 右侧卡片 */
.page-news .timeline-item {
  display: grid;
  grid-template-columns: var(--timeline-marker-width) 1fr;
  gap: 1rem;
  position: relative;
}

/* 左侧标记区 */
.page-news .timeline-marker {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
/* 竖线 */
.page-news .timeline-marker::before {
  content: '';
  display: block;
  width: 2px;
  flex: 1;
  background: repeating-linear-gradient(
    to bottom,
    var(--timeline-line-color) 0,
    var(--timeline-line-color) 4px,
    transparent 4px,
    transparent 8px
  );
  margin-bottom: 0.25rem;
}
/* 最后一个条目竖线不延伸到底部 */
.page-news .timeline-item:last-of-type .timeline-marker::before {
  display: none;
}
/* 节点圆点 */
.page-news .timeline-dot {
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background: var(--timeline-dot-color);
  box-shadow: 0 0 0.5rem var(--timeline-dot-color);
  flex-shrink: 0;
  margin: 0.5rem 0;
  transition: transform var(--transition-normal, 0.35s), box-shadow var(--transition-normal, 0.35s);
}
.page-news .timeline-item:hover .timeline-dot {
  transform: scale(1.4);
  box-shadow: 0 0 1rem var(--timeline-dot-color);
}

/* 右侧卡片（<details>） */
.page-news .timeline-card {
  background: var(--card-bg);
  clip-path: var(--card-clip);
  border: 1px solid var(--color-border, rgba(138,43,226,0.5));
  box-shadow: var(--card-shadow);
  transition: transform var(--transition-normal, 0.35s), box-shadow var(--transition-normal, 0.35s);
  cursor: pointer;
  overflow: hidden;
}
.page-news .timeline-card:hover {
  transform: var(--card-hover-translate);
  box-shadow: var(--card-hover-shadow);
  border-color: var(--color-accent2, #39FF14);
}
/* 移除details默认三角 */
.page-news .timeline-card summary {
  list-style: none;
  display: block;
  cursor: pointer;
}
.page-news .timeline-card summary::-webkit-details-marker {
  display: none;
}

/* 卡片摘要（标题+图片） */
.page-news .card-summary {
  display: flex;
  flex-direction: column;
  padding: 1rem 1rem 0.75rem;
}
.page-news .card-title {
  font-family: var(--font-family, 'Inter', sans-serif);
  font-weight: var(--font-weight-heading, 900);
  font-size: 1.2rem;
  color: var(--color-title, #E0E8F0);
  margin: 0 0 0.75rem;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
/* 卡片标题前添加小点装饰 */
.page-news .card-title::before {
  content: '';
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--color-accent2, #39FF14);
  flex-shrink: 0;
}

/* 图片容器 */
.page-news .card-image-wrap {
  width: 100%;
  border-radius: 0.25rem;
  overflow: hidden;
}
.page-news .card-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-width: 100%;
}

/* 卡片展开内容 */
.page-news .card-content {
  padding: 0 1rem 1rem;
  color: var(--color-text, #B0C4DE);
  line-height: var(--line-height-body, 1.7);
  font-size: var(--font-size-body, 1rem);
  border-top: 1px dashed var(--color-border, rgba(138,43,226,0.3));
}
.page-news .card-content a {
  color: var(--color-link, #8A2BE2);
  text-decoration: underline;
  transition: color var(--transition-fast, 0.2s);
}
.page-news .card-content a:hover {
  color: var(--color-accent2, #39FF14);
}

/* 探索更多区 */
.page-news .explore-more {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-border, rgba(138,43,226,0.3));
}
.page-news .explore-title {
  font-family: var(--font-family, 'Inter', sans-serif);
  font-weight: var(--font-weight-heading, 900);
  font-size: 1.4rem;
  color: var(--color-title, #E0E8F0);
  margin: 0 0 1rem;
}
.page-news .explore-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.page-news .explore-link {
  display: inline-block;
  padding: 0.6rem 1.4rem;
  background: var(--color-surface, #1A1F3D);
  color: var(--color-title, #E0E8F0);
  text-decoration: none;
  font-weight: 600;
  clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 0.5rem, 100% 100%, 0 100%);
  border: 1px solid var(--color-accent1, #8A2BE2);
  transition: background var(--transition-fast, 0.2s), border-color var(--transition-fast, 0.2s), box-shadow var(--transition-fast, 0.2s);
}
.page-news .explore-link:hover {
  background: var(--color-accent1, #8A2BE2);
  border-color: var(--color-accent2, #39FF14);
  box-shadow: 0 0 0.75rem rgba(57, 255, 20, 0.3);
}

/* 移动端优先 —— 窄屏适应 */
@media (max-width: 600px) {
  .page-news .page-news-container {
    padding-top: calc(var(--header-height, 70px) + 0.5rem);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .page-news .timeline-item {
    grid-template-columns: 1.8rem 1fr;
    gap: 0.6rem;
  }
  .page-news .timeline-marker {
    min-width: 1.8rem;
  }
  .page-news .timeline-dot {
    width: 0.7rem;
    height: 0.7rem;
    margin: 0.3rem 0;
  }
  .page-news .card-summary {
    padding: 0.75rem 0.75rem 0.5rem;
  }
  .page-news .card-title {
    font-size: 1rem;
  }
  .page-news .card-content {
    padding: 0 0.75rem 0.75rem;
  }
  .page-news .explore-links {
    flex-direction: column;
    align-items: stretch;
  }
  .page-news .explore-link {
    text-align: center;
  }
}

/* 桌面扩大间距 */
@media (min-width: 768px) {
  .page-news .timeline {
    gap: 2.5rem;
  }
  .page-news .timeline-item {
    grid-template-columns: 3rem 1fr;
  }
  .page-news .card-summary {
    flex-direction: row;
    align-items: flex-start;
    gap: 1.25rem;
  }
  .page-news .card-image-wrap {
    max-width: 280px;
    flex-shrink: 0;
  }
  .page-news .card-title {
    font-size: 1.4rem;
  }
}