@import "tailwindcss";

/* ============================================================
   移动端安全区适配（刘海屏 / 底部指示条）
   TailwindCSS v4 自定义 utility
   ============================================================ */

@utility pt-safe {
  padding-top: max(1rem, env(safe-area-inset-top));
}

@utility pb-safe {
  padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
}

/* ============================================================
   全局基样式
   ============================================================ */

html {
  /* 防止 iOS Safari 橡皮筋效果导致误触导航 */
  overscroll-behavior: none;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 禁止用户缩放（移动端 PWA 常用） */
  touch-action: manipulation;
}

/* 隐藏默认的滚动条（移动端无滚动条更干净） */
::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* ============================================================
   Toast 动画
   ============================================================ */

@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-slide-in {
  animation: slide-in 0.3s ease-out;
}