gupiao-web/dist/dev/mp-weixin/pages/transaction/transaction.wxss

.page-container.data-v-a901d1cb {
  min-height: 100vh;
  background: #f5f6fb;
  display: flex;
  flex-direction: column;
}

/* 导航栏 */
.custom-navbar.data-v-a901d1cb {
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 80rpx 32rpx 30rpx;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
  position: relative;
}
.navbar-back.data-v-a901d1cb {
  width: 80rpx;
  height: 60rpx;
  display: flex;
  align-items: center;
}
.back-icon.data-v-a901d1cb {
  font-size: 40rpx;
  color: #222222;
  font-weight: bold;
}
.navbar-title.data-v-a901d1cb {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.title-text.data-v-a901d1cb {
  font-size: 36rpx;
  font-weight: 600;
  color: #222222;
}
.navbar-placeholder.data-v-a901d1cb {
  width: 80rpx;
}

/* 内容区 */
.scroll-view.data-v-a901d1cb {
  flex: 1;
  height: 0;
}
.content-wrapper.data-v-a901d1cb {
  padding: 32rpx;
}

/* 记录卡片 */
.record-card.data-v-a901d1cb {
  background: #ffffff;
  border-radius: 24rpx;
  padding: 32rpx;
  box-shadow: 0 8rpx 24rpx rgba(37, 52, 94, 0.08);
}
.card-header.data-v-a901d1cb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24rpx;
  padding-bottom: 24rpx;
  border-bottom: 1rpx solid #f1f2f6;
}
.header-left.data-v-a901d1cb {
  display: flex;
  align-items: center;
}
.header-dot.data-v-a901d1cb {
  width: 12rpx;
  height: 12rpx;
  border-radius: 50%;
  background: #5B5AEA;
  margin-right: 12rpx;
}
.header-title.data-v-a901d1cb {
  font-size: 30rpx;
  font-weight: 600;
  color: #222222;
}
.header-count.data-v-a901d1cb {
  font-size: 26rpx;
  color: #9ca2b5;
}

/* 订阅列表 */
.subscription-list.data-v-a901d1cb {
  display: flex;
  flex-direction: column;
  gap: 24rpx;
}
.subscription-item.data-v-a901d1cb {
  background: #f9f9fb;
  border-radius: 16rpx;
  padding: 28rpx;
}
.item-header.data-v-a901d1cb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20rpx;
}
.pool-info.data-v-a901d1cb {
  display: flex;
  align-items: center;
}
.pool-icon.data-v-a901d1cb {
  font-size: 32rpx;
  margin-right: 12rpx;
}
.pool-name.data-v-a901d1cb {
  font-size: 30rpx;
  font-weight: 700;
  color: #222222;
}
.status-badge.data-v-a901d1cb {
  padding: 8rpx 20rpx;
  border-radius: 32rpx;
  font-size: 24rpx;
  font-weight: 500;
}
.status-badge.active.data-v-a901d1cb {
  background: #e7f7ef;
  color: #3abf81;
}
.status-badge.expired.data-v-a901d1cb {
  background: #f5f5f5;
  color: #999999;
}
.item-body.data-v-a901d1cb {
  display: flex;
  flex-direction: column;
  gap: 16rpx;
}
.info-row.data-v-a901d1cb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info-label.data-v-a901d1cb {
  font-size: 26rpx;
  color: #9ca2b5;
}
.info-value.data-v-a901d1cb {
  font-size: 26rpx;
  color: #222222;
  font-weight: 500;
}
.info-value.price.data-v-a901d1cb {
  color: #f16565;
  font-weight: 700;
  font-size: 28rpx;
}
.item-footer.data-v-a901d1cb {
  margin-top: 24rpx;
  padding-top: 20rpx;
  border-top: 1rpx solid #eee;
  display: flex;
  justify-content: flex-end;
}
.renew-btn.data-v-a901d1cb {
  padding: 14rpx 40rpx;
  background: #5B5AEA;
  border-radius: 32rpx;
}
.renew-btn text.data-v-a901d1cb {
  font-size: 26rpx;
  color: #ffffff;
  font-weight: 500;
}

/* 空状态 */
.empty-state.data-v-a901d1cb {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80rpx 40rpx;
}
.empty-icon.data-v-a901d1cb {
  font-size: 100rpx;
  margin-bottom: 24rpx;
}
.empty-text.data-v-a901d1cb {
  font-size: 30rpx;
  font-weight: 600;
  color: #333333;
  margin-bottom: 12rpx;
}
.empty-desc.data-v-a901d1cb {
  font-size: 26rpx;
  color: #999999;
  text-align: center;
}
.bottom-safe-area.data-v-a901d1cb {
  height: 80rpx;
}