/* 仅少量自定义样式：动效/滚动条/加载器等
   主体布局与配色由 Tailwind 负责，便于后续维护与调整。 */

:root {
  color-scheme: light;
}

/* 更顺滑的点击手感 */
button,
label,
select,
input {
  -webkit-tap-highlight-color: transparent;
}

/* 表格在窄屏更易读 */
table th,
table td {
  white-space: nowrap;
}

/* 轻量加载器 */
.spinner {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid rgba(15, 118, 110, 0.18);
  border-top-color: rgba(13, 148, 136, 0.95);
  animation: spin 0.9s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* 让 toast 更顺滑 */
.toast-enter {
  animation: toastIn 180ms ease-out;
}

@keyframes toastIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}