/* ===== 工具分区 ===== */
.tools-section { margin-bottom: 56px; }
.ts-header { margin-bottom: 24px; }
.ts-header h2 { font-size: 1.4rem; font-weight: 800; margin-bottom: 4px; }
.ts-header p { color: var(--text-secondary); font-size: .9rem; }

/* 工具卡片网格 */
.tools-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

.tool-detail-card {
  display: flex; align-items: flex-start; gap: 16px;
  background: var(--bg-white); border: 1.5px solid var(--border);
  border-radius: var(--radius-md); padding: 20px;
  transition: all var(--transition); cursor: pointer;
}
.tool-detail-card:hover { border-color: var(--primary); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.tool-detail-card.featured { border-color: var(--primary); background: var(--primary-light); }

.tdc-icon {
  width: 48px; height: 48px; border-radius: var(--radius-sm);
  display: flex; align-items: center; justify-content: center;
  font-size: .85rem; font-weight: 800; flex-shrink: 0;
}
.tdc-body { flex: 1; min-width: 0; }
.tdc-body h3 { font-size: .95rem; font-weight: 700; margin-bottom: 4px; }
.tdc-body p { font-size: .82rem; color: var(--text-secondary); line-height: 1.5; margin-bottom: 8px; }
.tdc-tags { display: flex; gap: 4px; flex-wrap: wrap; }
.tdc-tags span { background: var(--bg-gray); color: var(--text-secondary); padding: 2px 7px; border-radius: 4px; font-size: .7rem; font-weight: 500; }
.tool-detail-card.featured .tdc-tags span { background: rgba(79,70,229,.15); color: var(--primary); }
.tdc-arrow { color: var(--text-muted); font-size: 1rem; flex-shrink: 0; transition: all var(--transition); }
.tool-detail-card:hover .tdc-arrow { color: var(--primary); transform: translate(2px,-2px); }

/* 响应式 */
@media (max-width: 1024px) {
  .tools-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .tools-cards { grid-template-columns: 1fr; }
}