/* ───── skills — 技能栈 / 现在专注:分组标签 + 胶囊技能片 ───── */
.skills .skill-group {
  margin-bottom: 22px;
}

.skills .skill-group:last-child { margin-bottom: 0; }

.skills .skill-group .label {
  font-size: 12px;
  letter-spacing: 1px;
  color: var(--text-3);
  margin-bottom: 10px;
}

.skills .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* 复用 base 的 .chip,补一点安静的悬停质感 */
.skills .chips .chip {
  border: 1px solid transparent;
  transition: color .2s var(--ease), background .2s var(--ease),
              border-color .2s var(--ease), transform .2s var(--ease);
}

.skills .chips .chip:hover {
  color: var(--accent-strong);
  background: var(--accent-soft);
  border-color: var(--accent-tint);
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .skills .chips .chip:hover { transform: none; }
}