/* 移动端触摸优化样式 - 简化版 */
#searchInput {
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  height: 44px;
  min-height: 44px;
  font-size: 16px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.nav-btn, .category-btn {
  min-width: 48px;
  min-height: 48px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

/* 添加pointer-events相关的CSS类 */
.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

/* 全局移动端按钮优化 - 简化版 */
button, .btn, [role="button"], input[type="button"], input[type="submit"] {
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  cursor: pointer !important;
}

/* 移动端响应式优化 - 简化版 */
@media (max-width: 768px) {
  * {
    -webkit-tap-highlight-color: transparent !important;
  }
  
  body {
    font-size: clamp(14px, 4vw, 16px);
  }

  /* 导航栏优化 */
  .max-w-7xl.mx-auto.px-6.py-4.flex.justify-between.items-center {
    padding: 0.5rem 1rem !important;
  }

  /* 网格布局优化 */
  .grid.grid-cols-2.sm\:grid-cols-3.md\:grid-cols-5.gap-8.mb-10 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
    margin-bottom: 1.5rem !important;
    padding: 0 0.5rem !important;
  }

  /* 页脚优化 */
  .tencent-footer.mt-auto {
    margin-top: 0.5rem !important;
    padding: 0.75rem 0.5rem !important;
  }
}