2 lines
16 KiB
CSS
2 lines
16 KiB
CSS
.payment-modal-overlay[data-v-71b49705]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.25rem;animation:fadeIn-71b49705 .3s ease}@keyframes fadeIn-71b49705{0%{opacity:0}to{opacity:1}}.payment-modal[data-v-71b49705]{position:relative;width:100%;max-width:20rem;background:#fff;border-radius:1.25rem;overflow:hidden;box-shadow:0 .75rem 2.5rem rgba(0,0,0,.25);animation:slideUp-71b49705 .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp-71b49705{0%{transform:translateY(3.125rem);opacity:0}to{transform:translateY(0);opacity:1}}.modal-decoration[data-v-71b49705]{position:absolute;top:0;left:0;right:0;height:6.25rem;background:linear-gradient(135deg,#d4b996,#8b7355);overflow:hidden}.decoration-circle[data-v-71b49705]{position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}.circle-1[data-v-71b49705]{width:9.375rem;height:9.375rem;top:-4.6875rem;right:-3.125rem;animation:float-71b49705 6s ease-in-out infinite}.circle-2[data-v-71b49705]{width:6.25rem;height:6.25rem;top:1.5625rem;left:-2.5rem;animation:float-71b49705 8s ease-in-out infinite reverse}.circle-3[data-v-71b49705]{width:4.6875rem;height:4.6875rem;top:-1.5625rem;left:50%;animation:float-71b49705 7s ease-in-out infinite}@keyframes float-71b49705{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-.625rem) rotate(180deg)}}.close-btn[data-v-71b49705]{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;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-71b49705]{font-size:1.125rem;color:#fff;font-weight:700}.close-btn[data-v-71b49705]:active{background:rgba(255,255,255,.3);transform:scale(.9)}.icon-section[data-v-71b49705]{padding:2.5rem 0 1rem;display:flex;justify-content:center}.icon-wrapper[data-v-71b49705]{width:3.75rem;height:3.75rem;background:linear-gradient(135deg,#d4b996,#8b7355);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 .375rem 1.25rem rgba(139,115,85,.3);animation:pulse-71b49705 2s ease-in-out infinite}@keyframes pulse-71b49705{0%,to{transform:scale(1);box-shadow:0 .375rem 1.25rem rgba(139,115,85,.3)}50%{transform:scale(1.05);box-shadow:0 .5rem 1.5625rem rgba(139,115,85,.4)}}.icon[data-v-71b49705]{font-size:2rem}.title-section[data-v-71b49705]{padding:0 1.5rem 1rem;text-align:center}.main-title[data-v-71b49705]{display:block;font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:.375rem}.sub-title[data-v-71b49705]{display:block;font-size:.8125rem;color:#666}.price-display[data-v-71b49705]{padding:1.25rem 1.5rem;text-align:center;background:linear-gradient(135deg,#fdf8f2,#f5efe7);margin:0 1rem;border-radius:.75rem;border:.0625rem solid rgba(139,115,85,.15)}.price-wrapper[data-v-71b49705]{display:flex;align-items:baseline;justify-content:center;margin-bottom:.375rem}.price-symbol[data-v-71b49705]{font-size:1.375rem;font-weight:700;color:#8b7355;margin-right:.25rem}.price-value[data-v-71b49705]{font-size:2.75rem;font-weight:700;color:#8b7355;line-height:1}.price-desc[data-v-71b49705]{font-size:.75rem;color:#999}.order-details[data-v-71b49705]{padding:1rem 1.5rem}.detail-item[data-v-71b49705]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.detail-label[data-v-71b49705]{font-size:.8125rem;color:#999}.detail-value[data-v-71b49705]{font-size:.8125rem;color:#333;font-weight:500}.detail-divider[data-v-71b49705]{height:.03125rem;background:#f0f0f0;margin:.25rem 0}.tips-section[data-v-71b49705]{padding:.75rem 1.5rem}.tips-content[data-v-71b49705]{display:flex;align-items:center;justify-content:center;padding:.625rem 1rem;background:#f8f9fa;border-radius:.5rem}.tips-icon[data-v-71b49705]{font-size:.875rem;margin-right:.375rem}.tips-text[data-v-71b49705]{font-size:.75rem;color:#666}.action-buttons[data-v-71b49705]{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem}.btn[data-v-71b49705]{flex:1;height:3rem;border-radius:1.5rem;font-size:.9375rem;font-weight:700;border:none;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-cancel[data-v-71b49705]{background:#f5f5f5;color:#666}.btn-cancel[data-v-71b49705]:active{background:#e8e8e8;transform:scale(.98)}.btn-confirm[data-v-71b49705]{background:linear-gradient(135deg,#d4b996,#8b7355);color:#fff;box-shadow:0 .25rem .75rem rgba(139,115,85,.4)}.btn-confirm[data-v-71b49705]:active{transform:scale(.98);box-shadow:0 .125rem .375rem rgba(139,115,85,.3)}.btn-confirm[data-v-71b49705]:disabled{opacity:.6;transform:none}.paying-text[data-v-71b49705]{display:flex;align-items:center;gap:.25rem}.loading-dot[data-v-71b49705]{display:inline-block;animation:loadingDot-71b49705 1.4s ease-in-out infinite;font-size:.625rem}.loading-dot[data-v-71b49705]:nth-child(1){animation-delay:0s}.loading-dot[data-v-71b49705]:nth-child(2){animation-delay:.2s}.loading-dot[data-v-71b49705]:nth-child(3){animation-delay:.4s}@keyframes loadingDot-71b49705{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.revival-container[data-v-4d2562d2]{min-height:100vh;background:#fdf8f2;background-image:radial-gradient(circle at 10% 20%,rgba(212,185,150,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(109,139,139,.1) 0%,transparent 20%);display:flex;flex-direction:column}.hero[data-v-4d2562d2]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .375rem;gap:.625rem;max-width:31.25rem;margin:0 auto}.hero-text[data-v-4d2562d2]{display:flex;flex-direction:column;gap:.25rem}.hero-title[data-v-4d2562d2]{font-size:1.375rem;font-weight:700;color:#8b7355;letter-spacing:.0625rem}.hero-subtitle[data-v-4d2562d2]{font-size:.875rem;color:#666}.history-btn[data-v-4d2562d2]{padding:.5rem 1rem;background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;border:none;border-radius:1.125rem;font-size:.8125rem;box-shadow:0 .125rem .375rem rgba(139,115,85,.3);transition:all .3s}.history-btn[data-v-4d2562d2]:active{transform:translateY(-.0625rem);box-shadow:0 .1875rem .5rem rgba(139,115,85,.4)}.content[data-v-4d2562d2]{flex:1;background:transparent;padding:1rem;max-width:20.3125rem;margin:0 auto 1.25rem;display:flex;flex-direction:column;gap:.875rem;align-items:center}.tips-card[data-v-4d2562d2]{width:100%;max-width:18.125rem;background:rgba(255,255,255,.95);border-radius:.625rem;padding:.6875rem .75rem;box-shadow:0 .1875rem .625rem rgba(0,0,0,.06);border:.0625rem solid rgba(139,115,85,.12)}.tips-title[data-v-4d2562d2]{font-size:.875rem;font-weight:700;color:#8b7355;margin-bottom:.375rem}.tips-item[data-v-4d2562d2]{font-size:.75rem;color:#666;line-height:1.6;margin-top:.25rem}.step-card[data-v-4d2562d2]{width:100%;max-width:18.125rem;background:rgba(255,255,255,.95);border-radius:.625rem;padding:.875rem .75rem;margin:0;box-shadow:0 .1875rem .625rem rgba(0,0,0,.08);-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);border:.0625rem solid rgba(139,115,85,.12)}.step-header[data-v-4d2562d2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.step-number[data-v-4d2562d2]{width:1.375rem;height:1.375rem;background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:.4375rem;font-size:.8125rem;box-shadow:0 .09375rem .3125rem rgba(139,115,85,.25)}.step-title[data-v-4d2562d2]{font-size:.9375rem;font-weight:700;color:#2c2c2c;flex:1}.help-icon[data-v-4d2562d2]{font-size:1rem;color:#8b7355;padding:.3125rem;margin-left:.3125rem;transition:all .3s}.help-icon[data-v-4d2562d2]:active{transform:scale(1.2);color:#6d8b8b}.upload-btn[data-v-4d2562d2]{width:100%;min-height:21.875rem;border:.09375rem dashed #D4B996;border-radius:.5rem;background:rgba(212,185,150,.05);display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;position:relative;transition:all .3s}.upload-btn[data-v-4d2562d2]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(139,115,85,.08) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(109,139,139,.08) 0%,transparent 50%);z-index:0}.upload-btn[data-v-4d2562d2]:active{border-color:#8b7355;background:rgba(212,185,150,.1)}.preview-img[data-v-4d2562d2]{width:100%;height:21.875rem;border-radius:.4375rem;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.upload-placeholder[data-v-4d2562d2]{display:flex;flex-direction:column;align-items:center;color:#8b7355;gap:.375rem}.icon[data-v-4d2562d2]{font-size:2.25rem}.mode-selector[data-v-4d2562d2]{display:flex;gap:.625rem;margin-bottom:.75rem}.mode-btn[data-v-4d2562d2]{flex:1;padding:.75rem;border:.0625rem solid rgba(212,185,150,.3);border-radius:.9375rem;background:rgba(255,255,255,.7);font-size:.875rem;color:#666;transition:all .3s;box-shadow:0 .0625rem .25rem rgba(0,0,0,.05)}.mode-btn.active[data-v-4d2562d2]{background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;border-color:transparent;box-shadow:0 .25rem .75rem rgba(139,115,85,.3)}.voice-section[data-v-4d2562d2]{display:flex;flex-direction:column;gap:.625rem}.upload-btn-small[data-v-4d2562d2]{padding:.75rem;border:.0625rem solid #e0e0e0;border-radius:.375rem;background:#f8f9ff;font-size:.875rem;color:#666}.input[data-v-4d2562d2],.picker[data-v-4d2562d2]{padding:.75rem;border:.0625rem solid #e0e0e0;border-radius:.375rem;font-size:.875rem;background:#fff}.picker-large[data-v-4d2562d2]{width:100%}.picker-large .picker[data-v-4d2562d2]{padding:1rem .75rem;font-size:1rem;font-weight:500}.input-hint[data-v-4d2562d2]{font-size:.75rem;color:#999;margin-top:.5rem;line-height:1.6}.maintenance-warning[data-v-4d2562d2]{font-size:.75rem;color:#ff6b6b;background:rgba(255,107,107,.1);padding:.5rem;border-radius:.25rem;margin-top:.5rem;line-height:1.6;border:.03125rem solid rgba(255,107,107,.3)}.input-field[data-v-4d2562d2]{width:100%;height:2.8125rem;padding:.75rem;border:.0625rem solid rgba(139,115,85,.2);border-radius:.375rem;font-size:1rem;box-sizing:border-box;background:#fff;transition:border-color .3s}.input-field[data-v-4d2562d2]:focus{border-color:#8b7355}.textarea[data-v-4d2562d2]{width:100%;min-height:4.6875rem;padding:.625rem;border:.0625rem solid rgba(139,115,85,.2);border-radius:.375rem;font-size:.875rem;line-height:1.6;box-sizing:border-box;background:#fff;transition:border-color .3s}.textarea[data-v-4d2562d2]:focus{border-color:#8b7355}.char-count[data-v-4d2562d2]{text-align:right;font-size:.75rem;color:#999;margin-top:.5rem}.generate-btn[data-v-4d2562d2]{width:16.25rem;max-width:18.125rem;padding:.875rem;background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;border:none;border-radius:.625rem;font-size:.9375rem;font-weight:700;margin:.375rem auto 0;display:block;box-shadow:0 .3125rem .875rem rgba(139,115,85,.3);transition:all .3s}.generate-btn[data-v-4d2562d2]:active{transform:translateY(-.0625rem);box-shadow:0 .4375rem 1.125rem rgba(139,115,85,.4)}.generate-btn[disabled][data-v-4d2562d2]{opacity:.5;box-shadow:0 .25rem .625rem rgba(0,0,0,.1);transform:none!important}.progress-section[data-v-4d2562d2]{width:100%;max-width:18.125rem;background:rgba(255,255,255,.96);border-radius:.5rem;padding:.75rem;box-shadow:0 .1875rem .625rem rgba(0,0,0,.08);border:.0625rem solid rgba(139,115,85,.12)}.progress-title[data-v-4d2562d2]{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:#333}.progress-item[data-v-4d2562d2]{display:flex;align-items:center;padding:.5625rem 0;border-bottom:.03125rem solid #f0f0f0}.progress-item[data-v-4d2562d2]:last-child{border-bottom:none}.progress-icon[data-v-4d2562d2]{font-size:1rem;margin-right:.5rem}.progress-text[data-v-4d2562d2]{font-size:.875rem;color:#666}.result-section[data-v-4d2562d2]{width:100%;max-width:18.125rem;background:rgba(255,255,255,.96);border-radius:.5rem;padding:.75rem;margin-top:.75rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.1);border:.0625rem solid rgba(139,115,85,.12)}.result-title[data-v-4d2562d2]{font-size:1.125rem;font-weight:700;color:#333;text-align:center;margin-bottom:.75rem}.result-video[data-v-4d2562d2]{width:100%;height:12.5rem;border-radius:.5rem;margin-bottom:.5rem;background:#000}.play-controls[data-v-4d2562d2]{display:flex;justify-content:center;margin-bottom:.75rem}.play-btn[data-v-4d2562d2]{padding:.625rem 2.25rem;background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;border:none;border-radius:1.5rem;font-size:.9375rem;font-weight:700;box-shadow:0 .1875rem .5rem rgba(139,115,85,.3);display:flex;align-items:center;justify-content:center;transition:all .3s}.play-btn[data-v-4d2562d2]:active{transform:scale(.96);box-shadow:0 .09375rem .3125rem rgba(139,115,85,.25)}.result-info[data-v-4d2562d2]{background:#f5f5f5;padding:.625rem;border-radius:.375rem;margin-bottom:.75rem}.info-label[data-v-4d2562d2]{font-size:.75rem;color:#999;display:block;margin-bottom:.25rem}.info-value[data-v-4d2562d2]{font-size:.6875rem;color:#666;word-break:break-all}.video-call-btn[data-v-4d2562d2]{width:100%;padding:.75rem;background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:700;margin-bottom:.375rem;box-shadow:0 .125rem .375rem rgba(139,115,85,.3);transition:all .3s}.video-call-btn[data-v-4d2562d2]:active{transform:translateY(-.03125rem);box-shadow:0 .1875rem .5rem rgba(139,115,85,.4)}.download-btn[data-v-4d2562d2]{width:100%;padding:.75rem;background:linear-gradient(135deg,#6d8b8b,#5a7a7a);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;margin-bottom:.375rem;box-shadow:0 .125rem .375rem rgba(109,139,139,.3);transition:all .3s}.download-btn[data-v-4d2562d2]:active{transform:translateY(-.03125rem);box-shadow:0 .1875rem .5rem rgba(109,139,139,.4)}.save-history-btn[data-v-4d2562d2]{width:100%;padding:.75rem;background:linear-gradient(135deg,#d4b996,#c4a986);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;box-shadow:0 .125rem .375rem rgba(212,185,150,.3);transition:all .3s}.save-history-btn[data-v-4d2562d2]:active{transform:translateY(-.03125rem);box-shadow:0 .1875rem .5rem rgba(212,185,150,.4)}.help-modal[data-v-4d2562d2]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.25rem}.help-content[data-v-4d2562d2]{width:100%;max-width:20rem;max-height:85vh;background:#fff;border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 .25rem 1rem rgba(0,0,0,.3)}.help-header[data-v-4d2562d2]{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:.0625rem solid #f0f0f0}.help-title[data-v-4d2562d2]{font-size:1rem;font-weight:700;color:#333}.close-btn[data-v-4d2562d2]{font-size:1.25rem;color:#999;padding:.3125rem;line-height:1}.help-body[data-v-4d2562d2]{flex:1;padding:.75rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.help-step[data-v-4d2562d2]{margin-bottom:1.25rem}.help-step[data-v-4d2562d2]:last-child{margin-bottom:0}.help-step-title[data-v-4d2562d2]{display:block;font-size:.875rem;font-weight:600;color:#333;margin-bottom:.5rem}.help-step-desc[data-v-4d2562d2]{display:block;font-size:.75rem;color:#666;line-height:1.6;padding-left:1rem}.help-image[data-v-4d2562d2]{width:calc(100% + 1.5rem);margin-left:-.75rem;height:auto;border-radius:.375rem;margin-top:.5rem;box-shadow:0 .125rem .375rem rgba(0,0,0,.1);display:block}.help-footer[data-v-4d2562d2]{display:flex;gap:.625rem;padding:.75rem 1rem;border-top:.0625rem solid #f0f0f0}.help-btn[data-v-4d2562d2]{flex:1;padding:.75rem;border-radius:.375rem;font-size:.875rem;border:none;transition:all .3s}.help-btn.secondary[data-v-4d2562d2]{background:#f5f5f5;color:#666}.help-btn.primary[data-v-4d2562d2]{background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff}.help-btn[data-v-4d2562d2]:active{transform:scale(.98)}
|