/* ============================================
   全局补充样式（与 Tailwind 配合使用）
   ============================================ */

/* 弹窗淡入 / 弹出动画 */
@keyframes fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes pop-in {
  from { opacity: 0; transform: scale(0.96) translateY(10px); }
  to   { opacity: 1; transform: none; }
}
.animate-fade { animation: fade-in 0.18s ease-out; }
.animate-pop  { animation: pop-in 0.24s cubic-bezier(0.16, 1, 0.3, 1); }

/* 数字输入框去掉上下箭头，观感更简洁 */
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; appearance: textfield; }

/* 前台卡片应用说明：光标悬停时浮层显示完整内容 */
.desc-tip {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}
.desc-wrap:hover .desc-tip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 细滚动条 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }