2 lines
4.9 KiB
Plaintext
2 lines
4.9 KiB
Plaintext
|
.payment-modal-overlay.data-v-c842142e{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx);display:flex;align-items:center;justify-content:center;z-index:9999;padding:40rpx;animation:fadeIn-c842142e .3s ease}@keyframes fadeIn-c842142e{0%{opacity:0}to{opacity:1}}.payment-modal.data-v-c842142e{position:relative;width:100%;max-width:640rpx;background:#fff;border-radius:40rpx;overflow:hidden;box-shadow:0 24rpx 80rpx rgba(0,0,0,.25);animation:slideUp-c842142e .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp-c842142e{0%{transform:translateY(100rpx);opacity:0}to{transform:translateY(0);opacity:1}}.modal-decoration.data-v-c842142e{position:absolute;top:0;left:0;right:0;height:200rpx;background:linear-gradient(135deg,#d4b996,#8b7355);overflow:hidden}.decoration-circle.data-v-c842142e{position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}.circle-1.data-v-c842142e{width:300rpx;height:300rpx;top:-150rpx;right:-100rpx;animation:float-c842142e 6s ease-in-out infinite}.circle-2.data-v-c842142e{width:200rpx;height:200rpx;top:50rpx;left:-80rpx;animation:float-c842142e 8s ease-in-out infinite reverse}.circle-3.data-v-c842142e{width:150rpx;height:150rpx;top:-50rpx;left:50%;animation:float-c842142e 7s ease-in-out infinite}@keyframes float-c842142e{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20rpx) rotate(180deg)}}.close-btn.data-v-c842142e{position:absolute;top:32rpx;right:32rpx;width:64rpx;height:64rpx;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border-radius:50%;z-index:10;transition:all .3s}.close-icon.data-v-c842142e{font-size:36rpx;color:#fff;font-weight:700}.close-btn.data-v-c842142e:active{background:rgba(255,255,255,.3);transform:scale(.9)}.icon-section.data-v-c842142e{padding:80rpx 0 32rpx;display:flex;justify-content:center}.icon-wrapper.data-v-c842142e{width:120rpx;height:120rpx;background:linear-gradient(135deg,#d4b996,#8b7355);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12rpx 40rpx rgba(139,115,85,.3);animation:pulse-c842142e 2s ease-in-out infinite}@keyframes pulse-c842142e{0%,to{transform:scale(1);box-shadow:0 12rpx 40rpx rgba(139,115,85,.3)}50%{transform:scale(1.05);box-shadow:0 16rpx 50rpx rgba(139,115,85,.4)}}.icon.data-v-c842142e{font-size:64rpx}.title-section.data-v-c842142e{padding:0 48rpx 32rpx;text-align:center}.main-title.data-v-c842142e{display:block;font-size:40rpx;font-weight:700;color:#1a1a1a;margin-bottom:12rpx}.sub-title.data-v-c842142e{display:block;font-size:26rpx;color:#666}.price-display.data-v-c842142e{padding:40rpx 48rpx;text-align:center;background:linear-gradient(135deg,#fdf8f2,#f5efe7);margin:0 32rpx;border-radius:24rpx;border:2rpx solid rgba(139,115,85,.15)}.price-wrapper.data-v-c842142e{display:flex;align-items:baseline;justify-content:center;margin-bottom:12rpx}.price-symbol.data-v-c842142e{font-size:44rpx;font-weight:700;color:#8b7355;margin-right:8rpx}.price-value.data-v-c842142e{font-size:88rpx;font-weight:700;color:#8b7355;line-height:1}.price-desc.data-v-c842142e{font-size:24rpx;color:#999}.order-details.data-v-c842142e{padding:32rpx 48rpx}.detail-item.data-v-c842142e{display:flex;justify-content:space-between;align-items:center;padding:16rpx 0}.detail-label.data-v-c842142e{font-size:26rpx;color:#999}.detail-value.data-v-c842142e{font-size:26rpx;color:#333;font-weight:500}.detail-divider.data-v-c842142e{height:1rpx;background:#f0f0f0;margin:8rpx 0}.tips-section.data-v-c842142e{padding:24rpx 48rpx}.tips-content.data-v-c842142e{display:flex;align-items:center;justify-content:center;padding:20rpx 32rpx;background:#f8f9fa;border-radius:16rpx}.tips-icon.data-v-c842142e{font-size:28rpx;margin-right:12rpx}.tips-text.data-v-c842142e{font-size:24rpx;color:#666}.action-buttons.data-v-c842142e{display:flex;gap:24rpx;padding:32rpx 48rpx 48rpx}.btn.data-v-c842142e{flex:1;height:96rpx;border-radius:48rpx;font-size:30rpx;font-weight:700;border:none;display:flex;align-items:center;justify-content:center;tr
|