.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; justify-content: flex-start; } .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; } .subscription-list.data-v-a901d1cb { padding: 32rpx; } .subscription-item.data-v-a901d1cb { background: #ffffff; border-radius: 24rpx; padding: 32rpx; margin-bottom: 24rpx; box-shadow: 0 8rpx 24rpx rgba(37, 52, 94, 0.08); } .item-header.data-v-a901d1cb { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24rpx; padding-bottom: 24rpx; border-bottom: 1rpx solid #f1f2f6; } .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: 600; color: #222222; } .status-badge.data-v-a901d1cb { padding: 8rpx 20rpx; border-radius: 20rpx; font-size: 24rpx; } .status-active.data-v-a901d1cb { background: #e7f7ef; color: #3abf81; } .status-expired.data-v-a901d1cb { background: #f5f5f5; color: #999999; } .status-text.data-v-a901d1cb { font-weight: 500; } .item-body.data-v-a901d1cb { display: flex; flex-direction: column; gap: 16rpx; } .info-row.data-v-a901d1cb { display: flex; align-items: center; font-size: 26rpx; } .info-label.data-v-a901d1cb { color: #666a7f; min-width: 160rpx; } .info-value.data-v-a901d1cb { color: #222222; font-weight: 500; } .info-value.price.data-v-a901d1cb { color: #f16565; font-weight: 700; font-size: 28rpx; } /* 空状态 */ .empty-state.data-v-a901d1cb { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 200rpx 60rpx; } .empty-icon.data-v-a901d1cb { font-size: 120rpx; margin-bottom: 32rpx; } .empty-text.data-v-a901d1cb { font-size: 32rpx; font-weight: 600; color: #333333; margin-bottom: 16rpx; } .empty-desc.data-v-a901d1cb { font-size: 26rpx; color: #999999; text-align: center; line-height: 1.6; } .bottom-safe-area.data-v-a901d1cb { height: 80rpx; }