.phone-shell { overflow: visible; }

/* 底部菜单作为页面内悬浮卡片，不再固定在浏览器底部。 */
.tabbar { position: relative; right: auto; bottom: auto; left: auto; z-index: 8; width: auto; height: 78px; margin: -96px 9px 18px; grid-template-columns: repeat(5, 1fr); overflow: visible; border: 1px solid #e6edf4; border-radius: 12px; box-shadow: 0 7px 20px #1d527426; }
.tabbar button { padding: 8px 0 7px; color: #26394b; font-size: 13px; line-height: 1.1; }
.tabbar button span { height: 27px; font-size: 24px; line-height: 25px; }
.tabbar button.active { color: #087bd8; }
.tabbar .publish-tab span { width: 52px; height: 52px; margin-top: -25px; display: flex; align-items: center; justify-content: center; border-radius: 13px; color: #fff; background: #087bd8; box-shadow: 0 5px 11px #087bd855; font-size: 39px; font-weight: 300; line-height: 1; }
.tabbar .publish-tab { color: #087bd8; font-weight: 600; }

@media (min-width: 431px) {
  .tabbar { border-radius: 12px; }
}
.view { padding-bottom: 112px; }