.page.data-v-e6d1f6ed { height: 100vh } .banner.data-v-e6d1f6ed { padding: 24rpx } .banner-img.data-v-e6d1f6ed { width: 100% } .header.data-v-e6d1f6ed { padding: 0 24rpx } .title.data-v-e6d1f6ed { font-size: 36rpx; font-weight: 700 } .meta.data-v-e6d1f6ed { margin-top: 8rpx; font-size: 26rpx; color: #666 } .actions.data-v-e6d1f6ed { display: flex; padding: 24rpx; gap: 16rpx } .btn.data-v-e6d1f6ed { flex: 1 } .primary.data-v-e6d1f6ed { background-color: #007AFF; color: #fff } .issues.data-v-e6d1f6ed { background: #fff; border-radius: 12rpx; margin: 0 24rpx 24rpx; padding: 16rpx } .issues-title.data-v-e6d1f6ed { font-size: 30rpx; font-weight: 600; margin-bottom: 12rpx } .issues-list.data-v-e6d1f6ed { } .issue-item.data-v-e6d1f6ed { display: flex; justify-content: space-between; padding: 12rpx 0; border-bottom: 1rpx solid #f0f0f0 } .issue-item.data-v-e6d1f6ed:last-child { border-bottom: 0 } .issue-title.data-v-e6d1f6ed { font-size: 26rpx } .issue-status.data-v-e6d1f6ed { font-size: 24rpx; color: #666 } .rewards.data-v-e6d1f6ed { width: 100%; margin-top: 12rpx } .reward.data-v-e6d1f6ed { display: flex; align-items: center; margin-bottom: 8rpx } .reward-img.data-v-e6d1f6ed { width: 80rpx; height: 80rpx; border-radius: 8rpx; margin-right: 12rpx; background: #f5f5f5 } .reward-texts.data-v-e6d1f6ed { display: flex; flex-direction: column } .reward-title.data-v-e6d1f6ed { font-size: 26rpx } .reward-meta.data-v-e6d1f6ed { font-size: 22rpx; color: #888 } .rewards-empty.data-v-e6d1f6ed { font-size: 24rpx; color: #999 } .issues-empty.data-v-e6d1f6ed { font-size: 24rpx; color: #999 }