.container.data-v-b13fcb8d { min-height: 100vh; background-color: #F8F9FB; padding: 30rpx; } .detail-card.data-v-b13fcb8d { background: #FFFFFF; border-radius: 24rpx; padding: 40rpx; box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.03); } .detail-card .msg-title.data-v-b13fcb8d { font-size: 38rpx; font-weight: bold; color: #1A1A1A; display: block; margin-bottom: 30rpx; } .detail-card .info-list.data-v-b13fcb8d { display: flex; flex-direction: column; gap: 20rpx; } .detail-card .info-list .info-item.data-v-b13fcb8d { display: flex; font-size: 30rpx; line-height: 1.5; } .detail-card .info-list .info-item.vertical.data-v-b13fcb8d { flex-direction: column; } .detail-card .info-list .info-item .label.data-v-b13fcb8d { color: #999999; flex-shrink: 0; } .detail-card .info-list .info-item .mb-8.data-v-b13fcb8d { margin-bottom: 8rpx; } .detail-card .info-list .info-item .value.data-v-b13fcb8d { color: #666666; } .detail-card .info-list .info-item .status-text.data-v-b13fcb8d { color: #1F6CFF; font-weight: 500; } .detail-card .info-list .info-item .desc-text.data-v-b13fcb8d { color: #888888; font-size: 28rpx; line-height: 1.6; } .end-tip.data-v-b13fcb8d { display: flex; align-items: center; justify-content: center; padding: 80rpx 0; } .end-tip .line.data-v-b13fcb8d { width: 60rpx; height: 1rpx; background: #E0E0E0; margin: 0 20rpx; } .end-tip .end-text.data-v-b13fcb8d { font-size: 24rpx; color: #CCCCCC; } .card-anim.data-v-b13fcb8d { animation: fadeInDown-b13fcb8d 0.4s ease-out; } @keyframes fadeInDown-b13fcb8d { from { opacity: 0; transform: translateY(-20rpx); } to { opacity: 1; transform: translateY(0); } }