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

@layer base {
  :root {
    --page-container--width: 1400px;
  }

  html,
  body {
    max-width: 100%;
    overflow-x: clip;
    background: #fff;
  }

  html {
    scrollbar-width: none;
  }

  html::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  /* 首页入场动画期间首帧就隐藏滚动条，避免黑色遮罩边缘露出白色滚动槽。 */
  html.is-home-intro-active,
  html.is-home-intro-active body {
    overflow: hidden;
    background: #000;
  }
}
