- .my-header[data-v-a3619f39]{text-align:center;margin-bottom:5px}.my-header h4[data-v-a3619f39]{font-weight:500;font-size:22px;color:#242424}.my-amount[data-v-a3619f39]{text-align:center;color:var(--el-color-primary);font-size:18px;padding:20px}.my-tabs[data-v-a3619f39]{display:flex;background:#f5f5f5}.my-tabs>div[data-v-a3619f39]{flex:1;padding:15px;text-align:center;font-size:18px;border-bottom:3px solid #f5f5f5;cursor:pointer}.my-tabs>div.active[data-v-a3619f39]{border-bottom:3px solid var(--el-color-primary)}.my-tabs div+div[data-v-a3619f39]{border-left:1px solid var(--el-border-color-base)}.my-content[data-v-a3619f39]{padding:20px;height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:16px;font-weight:400}.my-content img[data-v-a3619f39]{margin-top:20px;width:100%;object-fit:contain}.payment-processing-overlay[data-v-a3619f39]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;display:flex;justify-content:center;align-items:center;z-index:10;animation:fadeIn-a3619f39 .3s ease-in-out}.payment-processing-modal[data-v-a3619f39]{width:300px;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:30px;display:flex;flex-direction:column;align-items:center;animation:slideUp-a3619f39 .4s ease-out}.processing-icon[data-v-a3619f39]{width:80px;height:80px;margin-bottom:20px}.spinner[data-v-a3619f39]{animation:spin-a3619f39 2s linear infinite;transform-origin:center}.processing-tip[data-v-a3619f39]{font-size:14px;color:#666;margin-bottom:5px;text-align:center}@keyframes spin-a3619f39{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-success-overlay[data-v-a3619f39]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;display:flex;justify-content:center;align-items:center;z-index:10;animation:fadeIn-a3619f39 .3s ease-in-out}.payment-success-modal[data-v-a3619f39]{width:300px;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:30px;display:flex;flex-direction:column;align-items:center;animation:slideUp-a3619f39 .4s ease-out}.success-icon[data-v-a3619f39]{width:80px;height:80px;margin-bottom:20px;animation:pulse-a3619f39 .5s ease-in-out .2s}h2[data-v-a3619f39]{font-size:24px;color:#333;margin-bottom:15px;font-weight:500}.amount[data-v-a3619f39]{font-size:28px;color:#1291ff;font-weight:700;margin-bottom:10px}.time[data-v-a3619f39]{font-size:14px;color:#888;margin-bottom:25px}.confirm-btn[data-v-a3619f39]{width:200px;height:50px;background-color:#1291ff;color:#fff;border:none;border-radius:25px;font-size:18px;cursor:pointer;transition:background-color .3s}.confirm-btn[data-v-a3619f39]:hover{background-color:#0b7ffa}.payment-redpacket-container[data-v-a3619f39]{padding:20px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;z-index:10;animation:fadeIn-a3619f39 .3s ease-in-out;overflow-y:auto}.red-packet[data-v-a3619f39]{display:flex;align-items:center;justify-content:space-between;height:50px;background:#f0f2f5;border:2px solid #dcdfe6;border-radius:10px;padding:30px;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px #0000000d}.red-packet[data-v-a3619f39]:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a}.red-packet.selected[data-v-a3619f39]{border-color:#409eff;background:#ecf5ff;box-shadow:0 0 8px #409eff33}.left[data-v-a3619f39]{display:flex;flex-direction:column}.right[data-v-a3619f39]{display:flex;align-items:center;justify-content:space-between}.condition[data-v-a3619f39]{font-size:16px;color:#606266}.title[data-v-a3619f39]{font-size:25px;font-weight:700;color:#409eff}.discount[data-v-a3619f39]{font-size:28px;font-weight:700;color:#e74c3c}.valid-date[data-v-a3619f39]{font-size:14px;color:#909399}.action[data-v-a3619f39]{width:100%;margin-top:15px}.use-btn[data-v-a3619f39]{width:100%;padding:8px 16px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.use-btn[data-v-a3619f39]:hover{background:#66b1ff}@keyframes fadeIn-a3619f39{0%{opacity:0}to{opacity:1}}@keyframes slideUp-a3619f39{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-a3619f39{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}
|
