.modal.data-v-ce199c44 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 999; } .modal-content.data-v-ce199c44 { width: 80%; background: #fff; border-radius: 20rpx; padding: 40rpx; text-align: center; } .modal-title.data-v-ce199c44 { font-size: 32rpx; font-weight: bold; margin-bottom: 20rpx; } .modal-text.data-v-ce199c44 { font-size: 28rpx; color: #666; margin-bottom: 30rpx; } .wave-container.data-v-ce199c44 { height: 160rpx; display: flex; align-items: center; justify-content: center; gap: 6rpx; margin: 30rpx 0; } .wave-bar.data-v-ce199c44 { width: 8rpx; background: #0039b3; border-radius: 4rpx; transition: height 0.1s ease; } .read-text.data-v-ce199c44 { background: #f5f5f5; padding: 30rpx; border-radius: 10rpx; font-size: 30rpx; margin: 30rpx 0; } .confirm-btn.data-v-ce199c44 { width: 80%; height: 80rpx; line-height: 80rpx; background: #0039b3; color: #fff; border-radius: 40rpx; margin-top: 30rpx; }