@import './styles/tokens.css';
@import './styles/base.css';
@import './styles/nav-bar.css';
@import './styles/home.css';
@import './styles/stores.css';
@import './styles/benefit.css';
@import './styles/mine.css';
@import './styles/product-detail.css';
@import './styles/store-detail.css';
@import './styles/login.css';
@import './styles/legal.css';
@import './styles/order.css';
@import './styles/address.css';
@import './styles/redeem.css';

page,
body {
  background: var(--color-background);
  color: var(--color-on-surface);
  font-family: var(--font-body);
  margin: 0;
}

/* 全局隐藏滚动条（H5 + 小程序均可滚动，仅隐藏轨道） */
html,
page,
body,
#app,
.taro_page,
.taro_router,
.taro-tabbar__panel {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* legacy Edge */
}

html::-webkit-scrollbar,
page::-webkit-scrollbar,
body::-webkit-scrollbar,
#app::-webkit-scrollbar,
.taro_page::-webkit-scrollbar,
.taro_router::-webkit-scrollbar,
.taro-tabbar__panel::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent;
}

* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}