/* 响应式样式 */

/* 大型设备（笔记本和桌面，1200px及以上） */
@media (min-width: 1200px) {
  .container-fluid {
    max-width: 1140px;
    margin: 0 auto;
  }
}

/* 中型设备（平板电脑，介于768px和992px之间） */
@media (max-width: 992px) {
  .project-sidebar {
    margin-top: 2rem;
  }

  .side-bar {
    width: 280px;
  }
}

/* 小型设备（手机，768px以下） */
@media (max-width: 768px) {
  .section-heading {
    font-size: 2rem;
  }

  .project-header .project-meta {
    flex-direction: column;
  }

  .project-meta span {
    margin: 5px 0;
  }

  .contact-info-wrapper {
    margin-top: 2rem;
  }

  .side-bar {
    width: 100%;
  }
}

/* 超小型设备（小型手机，576px以下） */
@media (max-width: 576px) {
  .section-heading {
    font-size: 1.8rem;
  }

  .project-title {
    font-size: 1.8rem;
  }

  .story-modal-content {
    padding: 15px;
  }

  .hamburger-menu {
    right: 15px;
  }

  .night__mood {
    right: 70px;
  }
}