/* 提示词广场 prompt-gallery.html · 移动端收尾
   问题：375px 下 header 是「logo + 导航 + 搜索框」单行 flex 不换行，
   页面被撑到 568px 出现横向滚动。 */

@media (max-width: 860px) {
  .gallery-header-inner {
    height: auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    padding: 8px 14px;
  }
  .gallery-logo { flex: 0 0 auto; font-size: 15px; }
  .gallery-logo .brand-mark { width: 30px; height: 30px; font-size: 15px; }

  .gallery-search-box {
    order: 3;
    flex: 1 1 100%;
    max-width: none;
    min-width: 0;
  }
  .gallery-search-box input {
    font-size: 16px;   /* 低于 16px iOS 会自动放大页面 */
    padding: 10px 14px 10px 38px;
  }

  .gallery-nav-tabs {
    order: 2;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .gallery-nav-tabs::-webkit-scrollbar { display: none; }
  .gallery-tab { flex: 0 0 auto; white-space: nowrap; }

  .gallery-back-btn { padding: 7px 12px; font-size: 12px; }
  .gallery-stats { flex-wrap: wrap; }
  .ugc-submit-bar { flex-wrap: wrap; gap: 8px; }
  .prompt-modal-card {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    max-height: 88dvh;
    overflow-y: auto;
  }
}