.navbar {
  background: linear-gradient(180deg, var(--bar-bg) 0%, var(--float-bg) 100%);
  position: sticky;
  top: 0;
  z-index: 50;
}
.navbar__status { width: 100%; }
.navbar__bar {
  height: 88rpx;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 24rpx;
}

/* 返回键：整块左侧区域可点，热区远大于图标本身 */
.navbar__back {
  position: relative;
  width: 72rpx;
  height: 88rpx;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: -10rpx;   /* 让箭头更贴近系统返回键位置 */
  z-index: 2;
}
/* 扩展可点热区，提升命中率（左右留白也算可点） */
.navbar__back::after {
  content: '';
  position: absolute;
  left: 0;
  right: -24rpx;
  top: 0;
  bottom: 0;
}
.navbar__back--hover { opacity: 0.5; }

/* 用 CSS 绘制清晰、较粗的左箭头，避免依赖字体渲染 ‹ 字符 */
.navbar__arrow {
  width: 20rpx;
  height: 20rpx;
  border-left: 5rpx solid var(--gold);
  border-bottom: 5rpx solid var(--gold);
  transform: rotate(45deg);
  margin-left: 14rpx;
  box-sizing: border-box;
}

.navbar__title {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 34rpx;
  font-weight: 700;
  letter-spacing: 2rpx;
  color: var(--text);
  z-index: 1;
  pointer-events: none;   /* 不拦截返回键的点击 */
}