/* 产品筛选栏 */
.page-filter {
  background: var(--bg-white);
  padding: 20px 0;
  border-bottom: 1px solid var(--border-color);
}

.filter-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.filter-tab {
  padding: 10px 20px;
  border-radius: 25px;
  font-size: 14px;
  color: var(--text-gray);
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid var(--border-color);
  background: transparent;
}

.filter-tab:hover {
  background: rgba(0, 82, 204, 0.06);
  color: var(--primary);
  border-color: var(--primary);
}

.filter-tab.active {
  background: var(--primary);
  color: white;
  border-color: var(--primary);
}

/* 产品列表区 */
.products-section {
  padding: 30px 0 60px;
  background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);
  position: relative;
  overflow: hidden;
}

.products-section::before {
  content: '';
  position: absolute;
  top: -150px;
  right: -150px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(0, 82, 204, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

.products-section::after {
  content: '';
  position: absolute;
  bottom: -200px;
  left: -200px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(0, 168, 232, 0.06) 0%, transparent 70%);
  pointer-events: none;
}

.category-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-dark);
  margin: 40px 0 24px;
  padding-left: 12px;
  border-left: 4px solid var(--primary);
}

.category-title.first-visible {
  margin-top: 0;
}

/* 产品网格响应式（基础 .products-grid / .product-card / hover 见 style.css）*/
@media (max-width: 1024px) {
  .products-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
  .products-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .products-grid { grid-template-columns: 1fr; }
}

/* 产品分类标签配色 */
.product-tag.icu { background: #0066ff; color: white; }
.product-tag.nurse { background: var(--accent); color: white; }
.product-tag.teach { background: #6366f1; color: white; }
.product-tag.remote { background: #8b5cf6; color: white; }
.product-tag.digital { background: #059669; color: white; }
.product-tag.control { background: #0891b2; color: white; }
.product-tag.behavior { background: #d97706; color: white; }
.product-tag.monitor { background: #dc2626; color: white; }
.product-tag.bulletin { background: #7c3aed; color: white; }
.product-tag.cleaning { background: #0891b2; color: white; }
.product-tag.tencent { background: #0052d9; color: white; }