/* ===================== 滚动条 ===================== */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--color-bg-soft); }
::-webkit-scrollbar-thumb { background: var(--color-primary); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--color-primary-light); }

/* ===================== 复用组件 ===================== */
.section-head.row { text-align: left; display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.section-head.row .section-head-text { flex: 1; min-width: 280px; }
.section-head.row h2 { margin-bottom: 8px; }
.section-head.row .section-head-text p { margin: 0; }

.scroll-cards {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  padding-bottom: 12px;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}
.scroll-cards > * { flex: 0 0 calc((100% - 48px) / 3); scroll-snap-align: start; }
@media (max-width: 1024px) { .scroll-cards > * { flex: 0 0 calc((100% - 24px) / 2); } }
@media (max-width: 768px) { .scroll-cards > * { flex: 0 0 88%; } }