/* 轻办工具箱 - 全部工具区卡片均衡修复 v2.2 */

/* 统一常见工具列表容器，避免出现左侧超宽、右侧窄卡片 */
.tool-grid,
.tools-grid,
.tool-list,
.tools-list,
.all-tools-grid,
.all-tools-list,
.category-tools,
.cards-grid,
.section-tools,
.section-grid,
.grid-tools,
.grid-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.tool-grid > *,
.tools-grid > *,
.tool-list > *,
.tools-list > *,
.all-tools-grid > *,
.all-tools-list > *,
.category-tools > *,
.cards-grid > *,
.section-tools > *,
.section-grid > *,
.grid-tools > *,
.grid-list > * {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: auto !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* 若旧样式给第一项写了 span/宽度，这里强制取消 */
.tool-grid > *:first-child,
.tools-grid > *:first-child,
.tool-list > *:first-child,
.tools-list > *:first-child,
.all-tools-grid > *:first-child,
.all-tools-list > *:first-child,
.category-tools > *:first-child,
.cards-grid > *:first-child,
.section-tools > *:first-child,
.section-grid > *:first-child,
.grid-tools > *:first-child,
.grid-list > *:first-child {
  grid-column: auto !important;
  width: 100% !important;
  max-width: none !important;
}

/* 首页常见卡片统一高度体验 */
.tool-card,
.tools-card,
.card-tool,
.card-item,
.tool-item {
  height: 100% !important;
  box-sizing: border-box !important;
}

/* 2K/宽屏下维持整齐，不让某一列异常拉长 */
@media (min-width: 1700px) {
  .tool-grid,
  .tools-grid,
  .tool-list,
  .tools-list,
  .all-tools-grid,
  .all-tools-list,
  .category-tools,
  .cards-grid,
  .section-tools,
  .section-grid,
  .grid-tools,
  .grid-list {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 20px !important;
  }
}

@media (max-width: 900px) {
  .tool-grid,
  .tools-grid,
  .tool-list,
  .tools-list,
  .all-tools-grid,
  .all-tools-list,
  .category-tools,
  .cards-grid,
  .section-tools,
  .section-grid,
  .grid-tools,
  .grid-list {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}