/* 页面通用背景基线：统一浅灰底色，减少各页面重复定义。 */
.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;
}