echo/src/style.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  /* 全局基础样式：字体与背景色 */
  body {
    @apply bg-warmOffwhite text-stone-800;
    font-family: theme('fontFamily.sans');
    -webkit-tap-highlight-color: transparent;
  }
}

@layer utilities {
  /* 隐藏滚动条但保留滚动功能 */
  .hide-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  /* 暖色玻璃拟态卡片 */
  .glass-warm {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 241, 235, 0.6);
  }

  /* 暖色渐变文字 */
  .text-gradient-warm {
    background-image: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);
    -webkit-background-clip: text;
    color: transparent;
  }

  /* 底部弹层上滑 / 下滑动效，与设计稿 ui_mock.html 保持一致 */
  .slide-up-enter-active,
  .slide-up-leave-active {
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
  }

  .slide-up-enter-from,
  .slide-up-leave-to {
    transform: translateY(100%);
  }
}