@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/address.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 {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent;
}

/* H5：页面内已渲染 UserTabBar，隐藏 Taro 自带底栏，避免双层 Tab */
.taro-tabbar__tabbar,
.taro-tabbar__border {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.taro-tabbar__container,
.taro-tabbar__panel {
  padding-bottom: 0 !important;
  bottom: 0 !important;
}

.benefit-figure {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  line-height: 1;
  vertical-align: middle;
}

.benefit-figure-prefix,
.benefit-figure-value {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.benefit-figure-icon {
  display: block;
  flex-shrink: 0;
}

.benefit-figure--sm {
  gap: 2px;
}

.benefit-figure--sm .benefit-figure-icon {
  width: 12px;
  height: 12px;
}

.benefit-figure--md .benefit-figure-icon {
  width: 16px;
  height: 16px;
}

.benefit-figure--lg .benefit-figure-icon {
  width: 20px;
  height: 20px;
}

.benefit-figure--xl {
  gap: 6px;
}

.benefit-figure--xl .benefit-figure-icon {
  width: 28px;
  height: 28px;
}

.mu-float-toast {
  position: fixed;
  top: 28%;
  left: 10%;
  right: 10%;
  z-index: 10020;
  padding: 12px 20px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.78);
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  pointer-events: none;
  box-sizing: border-box;
}