.page-base {
  min-height: 100vh;
  background: #f1f1f4;
}

.top-nav-base {
  height: 120rpx;
  padding: 24rpx 24rpx 0;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.top-nav-title-base {
  font-size: 50rpx;
  font-weight: 700;
  color: #222222;
}

.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #a7a9ad;
}

.empty-state-box {
  width: 220rpx;
  height: 180rpx;
  border-radius: 12rpx;
  background: linear-gradient(180deg, #eef0f4, #e3e6eb);
  margin-bottom: 24rpx;
}

.empty-state-text {
  font-size: 52rpx;
  font-weight: 600;
}

.card-base {
  background: #ffffff;
  border-radius: 24rpx;
}