/* 移动端优化样式 */

/* 手机竖屏 (320px-480px) */
@media only screen and (max-width: 480px) {
  /* 调整图片网格布局 */
  .image-gallery {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }
  
  /* 所有图片全宽显示 */
  .large-image, .small-image, .poster-image, .ppt-image {
    width: 100% !important;
    margin-bottom: 4px !important;
  }
  
  /* 调整导航间距 */
  .floating-nav-links li {
    margin-left: 10px !important;
  }
  
  .floating-nav-links a {
    font-size: 14px !important;
  }
  
  /* 调整页面边距 */
  .container {
    padding: 0 10px !important;
  }
  
  /* 调整光箱大小 */
  .lb-outerContainer, .lb-dataContainer {
    width: 90vw !important;
  }
  
  .lb-image {
    max-width: 90vw !important;
    height: auto !important;
  }
}

/* 手机横屏/小平板 (481px-768px) */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* 图片调整为两列 */
  .image-gallery {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  
  .large-image, .small-image, .poster-image, .ppt-image {
    width: calc(50% - 4px) !important;
    margin-bottom: 8px !important;
  }
  
  /* 调整导航 */
  .floating-nav-links li {
    margin-left: 15px !important;
  }
}

/* 触摸优化 */
@media (pointer: coarse) {
  /* 增大点击区域 */
  a, button, .nav-link {
    padding: 8px !important;
    min-height: 44px !important;
    min-width: 44px !important;
  }
  
  /* 降低动画时间，提高触摸响应速度 */
  * {
    transition-duration: 0.2s !important;
  }
  
  /* 优化触摸体验 */
  input, select, textarea {
    font-size: 16px !important; /* 防止iOS自动缩放 */
  }
}