/* ============================================================================
   长荡湖 H5 · 搜索结果模块移动样式  mobile/search.css
   作用范围：/search
   仅移动端 (max-width:768px) 生效；PC 端不变。
   ============================================================================ */

@media (max-width: 768px) {
  .main-content.search-page,
  .search-page { padding: 12px 14px 24px; }

  /* 顶部标题 + 搜索框 */
  .search-hero { padding: 8px 0 18px; text-align: center; }
  .search-title { font-size: 22px; margin-bottom: 16px; }
  .search-form-main {
    display: flex;
    gap: 8px;
    max-width: 100%;
  }
  .search-input-main {
    flex: 1; min-width: 0;
    font-size: 16px !important;
    min-height: 46px;
    border-radius: 10px;
  }
  .search-btn-main {
    flex: 0 0 auto;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 15px;
  }

  /* 热门搜索标签 */
  .search-hot {
    display: flex; flex-wrap: wrap; justify-content: center;
    gap: 8px; margin-top: 14px;
  }
  .search-hot-tag {
    padding: 6px 14px; border-radius: 999px; font-size: 13px;
  }

  /* 结果工具条 + 类型 Tab：横向滑动 */
  .search-toolbar { margin-bottom: 14px; }
  .search-count { font-size: 13px; display: block; margin-bottom: 10px; }
  .search-tabs {
    display: flex; flex-wrap: nowrap; overflow-x: auto;
    -webkit-overflow-scrolling: touch; gap: 8px; padding-bottom: 4px;
  }
  .search-tabs::-webkit-scrollbar { display: none; }
  .search-tab {
    flex: 0 0 auto; white-space: nowrap;
    min-height: 38px; display: inline-flex; align-items: center;
    padding: 7px 14px; border-radius: 999px; font-size: 13.5px;
  }

  /* 结果卡片：缩略图 + 文本，单列 */
  .search-results { display: flex; flex-direction: column; gap: 12px; }
  .search-result-card {
    display: flex; gap: 12px; align-items: stretch;
    padding: 12px; border-radius: 12px;
  }
  .search-result-thumb {
    flex: 0 0 88px; width: 88px; height: 88px; border-radius: 10px;
    overflow: hidden;
  }
  .search-result-thumb img { width: 100%; height: 100%; object-fit: cover; }
  .search-result-body { flex: 1; min-width: 0; }
  .search-result-title { font-size: 15px; line-height: 1.4; margin: 4px 0 6px; }
  .search-result-excerpt {
    font-size: 13px; line-height: 1.6;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* 空结果 */
  .search-empty { text-align: center; padding: 48px 16px; }
  .search-empty i { font-size: 44px; display: block; margin-bottom: 14px; }
  .search-empty p { font-size: 15px; margin-bottom: 18px; }

  /* 分页（全局已处理，此处兜底居中） */
  .search-page .pagination { flex-wrap: wrap; gap: 6px; }
}