.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; box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.2); } .modal-title.data-v-ce199c44 { font-size: 36rpx; font-weight: bold; margin-bottom: 20rpx; color: #0039b3; } .modal-text.data-v-ce199c44 { font-size: 30rpx; color: #666; margin-bottom: 30rpx; } .wave-container.data-v-ce199c44 { height: 200rpx; display: flex; align-items: center; justify-content: center; gap: 4rpx; /* 减小波形条之间的间距 */ margin: 30rpx 0; background: #f8f9fa; border-radius: 15rpx; position: relative; overflow: hidden; border: 1rpx solid #eee; } .wave-bar.data-v-ce199c44 { width: 6rpx; /* 减小波形条的宽度 */ background: linear-gradient(to top, #1a73e8, #0039b3); border-radius: 3rpx; transition: height 0.1s ease-out; /* 加快过渡动画速度 */ } .timer.data-v-ce199c44 { position: absolute; top: 15rpx; right: 15rpx; background: rgba(0, 57, 179, 0.1); color: #0039b3; padding: 5rpx 15rpx; border-radius: 20rpx; font-size: 26rpx; font-weight: 500; } .read-text.data-v-ce199c44 { background: #f8f9fa; padding: 30rpx; border-radius: 15rpx; font-size: 32rpx; margin: 30rpx 0; color: #333; line-height: 1.6; border: 1rpx solid #eee; } .confirm-btn.data-v-ce199c44 { width: 80%; height: 80rpx; line-height: 80rpx; background: linear-gradient(90deg, #0039b3, #1a73e8); color: #fff; border-radius: 40rpx; margin-top: 30rpx; font-size: 32rpx; font-weight: 500; box-shadow: 0 5rpx 15rpx rgba(0, 57, 179, 0.3); } .status-message.data-v-ce199c44 { font-size: 28rpx; color: #666; margin-top: 30rpx; height: 40rpx; display: flex; align-items: center; justify-content: center; } /* 添加状态消息的动画效果 */ @keyframes blink-ce199c44 { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .status-message.warning.data-v-ce199c44 { color: #ff9800; animation: blink-ce199c44 1.5s infinite; }