/* ═══════════════════════════════════════════
   DETAIL PAGES — Mobile Responsive Patch
   为各项目详情页提供统一的移动端适配兜底
   ═══════════════════════════════════════════ */

@media(max-width:900px){
  /* 隐藏桌面端固定侧边栏，让出主内容空间 */
  .sidebar,
  .side-nav{display:none !important}

  /* 主内容区取消左侧偏移 */
  .main-wrap,
  .ppt-gallery,
  .gallery,
  .content,
  .page-content,
  .project-content{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

@media(max-width:768px){
  /* 顶部浮动导航更紧凑 */
  .site-header{
    width:calc(100% - 32px) !important;
    padding:10px 18px !important;
    border-radius:16px !important;
    top:12px !important;
  }
  .header-title{font-size:14px !important}
  .header-tags .header-tag,
  .page-indicator,
  .header-tag{
    font-size:12px !important;
    padding:3px 10px !important;
  }
  .back-btn,
  .back-link{
    width:34px !important;
    height:34px !important;
    font-size:16px !important;
  }

  /* 内容区边距收缩 */
  .main-wrap,
  .ppt-gallery,
  .gallery,
  .content,
  .page-content,
  .project-content{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  /* 主内容顶部留白适配固定导航 */
  .main-wrap{padding-top:90px !important}
  .ppt-gallery,
  .gallery{padding-top:90px !important}

  /* 网格在平板下单列 */
  .cards-grid,
  .gallery-grid,
  .grid-2,
  .grid-3,
  .grid-4{
    grid-template-columns:1fr !important;
  }
  .gallery-grid.small{grid-template-columns:repeat(2,1fr) !important}

  /* 图片与视频容器自适应 */
  .page-image,
  .page-video,
  .gallery-item,
  .gallery-item img,
  .spotlight-card,
  .card img,
  .video-wrap video,
  .media-wrap img,
  .media-wrap video{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
  }

  /* 标题字号调整 */
  .hero-title,
  .detail-hero-title,
  .page-title{
    font-size:clamp(28px,7vw,44px) !important;
  }
  .hero-desc,
  .detail-hero-desc,
  .page-desc{font-size:14px !important}
  .section-title,
  .block-title{font-size:22px !important}
  .section-sub,
  .block-desc{font-size:13px !important}

  /* 标签组换行 */
  .header-tags,
  .tag-list,
  .meta-tags{flex-wrap:wrap !important}
}

@media(max-width:480px){
  /* 顶部导航更紧凑 */
  .site-header{
    width:calc(100% - 24px) !important;
    padding:8px 14px !important;
    border-radius:14px !important;
    top:10px !important;
  }
  .header-title{font-size:13px !important}
  .header-tags{display:none !important}
  .back-btn,
  .back-link{
    width:30px !important;
    height:30px !important;
    font-size:14px !important;
  }

  /* 内容区进一步收缩 */
  .main-wrap,
  .ppt-gallery,
  .gallery,
  .content,
  .page-content,
  .project-content{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .main-wrap{padding-top:80px !important}
  .ppt-gallery,
  .gallery{padding-top:80px !important}

  /* Hero 区域 */
  .hero,
  .detail-hero,
  .page-hero{
    padding:36px 14px 28px !important;
  }
  .hero-title,
  .detail-hero-title,
  .page-title{
    font-size:clamp(26px,9vw,36px) !important;
  }
  .hero-desc,
  .detail-hero-desc,
  .page-desc{font-size:13px !important}

  /* Section 区域 */
  .section,
  .block,
  .page-section{
    padding:24px 14px 60px !important;
  }
  .section-title,
  .block-title{font-size:20px !important}
  .section-sub,
  .block-desc{font-size:12px !important}

  /* 网格保持单列，小图库双列 */
  .gallery-grid.small{grid-template-columns:repeat(2,1fr) !important}
  .gallery-grid{grid-template-columns:1fr !important}

  /* 视频容器 */
  .video-page,
  .page-video{border-radius:6px !important}
  .video-header,
  .video-caption{padding-left:18px !important;padding-right:18px !important}
  .video-chapter{font-size:12px !important}
  .video-title{font-size:20px !important}

  /* 文字块 */
  p, li{font-size:13px !important;line-height:1.7 !important}
  .caption,
  .page-num,
  .page-meta{font-size:11px !important}
}