.tabbar{
  position:fixed;left:0;right:0;bottom:0;z-index:50;
  height:calc(108rpx + env(safe-area-inset-bottom));
  padding-bottom:calc(6rpx + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.94);
  /* CSS 变量是继承属性，样式隔离只挡选择器匹配、不挡继承，所以这里能直接吃 page 上的 token */
  border-top:1rpx solid var(--line,#EEE6DC);
  display:flex;
  backdrop-filter:blur(32rpx);
  -webkit-backdrop-filter:blur(32rpx);
}
.tab{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8rpx;
  color:var(--muted,#8D8277);font-size:24rpx;
}
.tab.active{color:var(--primary-dark,#DD8420);font-weight:600}