.container.data-v-9bbd684a { min-height: 100vh; background-color: #F8F9FB; display: flex; flex-direction: column; } .content.data-v-9bbd684a { flex: 1; padding: 30rpx 40rpx; position: relative; overflow: hidden; } .loading-tip.data-v-9bbd684a { display: flex; justify-content: center; align-items: center; padding: 80rpx 0; font-size: 28rpx; color: #999; } .decor-bg.data-v-9bbd684a { position: absolute; top: -100rpx; right: -100rpx; width: 400rpx; height: 400rpx; background: radial-gradient(circle, rgba(31, 108, 255, 0.05) 0%, transparent 70%); z-index: 0; } .info-card.data-v-9bbd684a { background: #FFF; border-radius: 32rpx; padding: 40rpx; box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.02); position: relative; z-index: 1; } .info-list.data-v-9bbd684a { display: flex; flex-direction: column; } .info-item.data-v-9bbd684a { display: flex; align-items: center; padding: 36rpx 0; border-bottom: 2rpx solid #F5F7FA; } .info-item.border-none.data-v-9bbd684a { border-bottom: none; } .info-item .label-wrap.data-v-9bbd684a { display: flex; align-items: center; width: 200rpx; flex-shrink: 0; } .info-item .label-wrap .dot.data-v-9bbd684a { width: 8rpx; height: 8rpx; background: #1F6CFF; border-radius: 50%; margin-right: 16rpx; } .info-item .label-wrap .label.data-v-9bbd684a { font-size: 30rpx; color: #666; font-weight: 500; } .info-item .value.data-v-9bbd684a { font-size: 30rpx; color: #1A1A1A; font-weight: bold; flex: 1; } .info-item .value-group.data-v-9bbd684a { display: flex; flex-direction: column; gap: 8rpx; } .info-item .value-group .sub-value.data-v-9bbd684a { font-size: 24rpx; color: #999; font-weight: normal; } .action-area.data-v-9bbd684a { margin-top: 80rpx; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; } .action-area .start-btn.data-v-9bbd684a { width: 100%; height: 100rpx; background: linear-gradient(135deg, #1F6CFF 0%, #0056FF 100%); color: #FFFFFF; border-radius: 50rpx; display: flex; align-items: center; justify-content: center; font-size: 32rpx; font-weight: bold; box-shadow: 0 12rpx 24rpx rgba(31, 108, 255, 0.2); margin-bottom: 30rpx; } .action-area .start-btn.data-v-9bbd684a::after { border: none; } .action-area .start-btn.data-v-9bbd684a:active { transform: scale(0.98); opacity: 0.9; } .action-area .bottom-tip.data-v-9bbd684a { font-size: 24rpx; color: #999; }