/* ========================================
   响应式适配
   ======================================== */

/* === 平板 === */
@media (max-width: 1024px) {
  .container {
    padding: 0 var(--space-5);
  }

  .hero-title {
    font-size: var(--text-4xl);
  }

  .work-card {
    gap: var(--space-6);
  }
}

/* === 手机 === */
@media (max-width: 768px) {
  :root {
    --text-4xl: 2rem;
    --text-5xl: 2.5rem;
    --container-padding: var(--space-4);
    --space-16: 3rem;
    --space-20: 3.5rem;
    --space-24: 4rem;
  }

  /* 导航 */
  .nav-links {
    gap: var(--space-4);
  }

  .nav-link {
    display: none;  /* 手机端只保留 logo + 语言切换 */
  }

  .nav-link.essential {
    display: inline;
  }

  /* Hero */
  .hero {
    padding: var(--space-12) 0 var(--space-10);
  }

  .hero-cta {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-cta .btn {
    width: 100%;
  }

  /* 作品卡片：竖排 */
  .work-card {
    grid-template-columns: 1fr;
    gap: var(--space-4);
    padding: var(--space-3);
  }

  .work-card:nth-child(even) {
    /* 移除偶数反向排列 */
  }

  .work-content {
    padding: var(--space-2) var(--space-2) var(--space-4);
  }

  .work-title {
    font-size: var(--text-xl);
  }

  /* 时间线 */
  .timeline-list::before {
    left: 60px;
  }

  .timeline-item {
    grid-template-columns: 60px 1fr;
    gap: var(--space-4);
  }
}

/* === 大屏 === */
@media (min-width: 1280px) {
  .hero-title {
    font-size: 4rem;
  }
}