/* 自定义样式（与 Tailwind 配合） */
:root { --accent: #4f46e5; }

html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* 滚动条美化 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* 分类导航激活态 */
.cat-item.active {
  background: #eef2ff;
  color: #4f46e5;
  border-left-color: #4f46e5;
}

/* 数字输入框隐藏原生增减按钮 */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] { -moz-appearance: textfield; }

/* 面板淡入动画 */
.fade-in { animation: fadeIn .25s ease; }
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: none; }
}

/* 移动端：导航与面板堆叠时缩小间距 */
@media (max-width: 768px) {
  .cat-item { padding: 0.6rem 1rem; }
}