ai-clone/frontend-ai/unpackage/dist/build/app-plus/pages/phone-call/phone-call.css
2026-03-05 14:29:21 +08:00

2 lines
12 KiB
CSS

.phone-call-container[data-v-707d9eb8]{min-height:100vh;background:linear-gradient(180deg,#f8f5f0,#fdf8f2);background-image:radial-gradient(circle at 10% 20%,rgba(212,185,150,.08) 0%,transparent 25%),radial-gradient(circle at 90% 80%,rgba(109,139,139,.08) 0%,transparent 25%);position:relative}.memorial-content[data-v-707d9eb8]{position:relative;z-index:2;padding:1.25rem .75rem .9375rem;max-width:31.25rem;margin:0 auto;width:100%;box-sizing:border-box}.revival-btn-section[data-v-707d9eb8]{margin:0 0 1rem;padding:0}.revival-btn[data-v-707d9eb8]{width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;border:none;border-radius:1rem;font-size:1rem;font-weight:600;box-shadow:0 .25rem .75rem rgba(139,115,85,.25);transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem}.revival-btn[data-v-707d9eb8]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 100%)}.revival-btn[data-v-707d9eb8]:active{transform:translateY(-.0625rem);box-shadow:0 .375rem 1rem rgba(139,115,85,.35)}.revival-btn .btn-icon[data-v-707d9eb8]{font-size:1.25rem;line-height:1}.revival-btn .btn-text[data-v-707d9eb8]{font-size:1rem;font-weight:600;letter-spacing:.01563rem}.select-voice-section[data-v-707d9eb8]{flex:1;padding:1.25rem;display:flex;flex-direction:column}.select-video-section[data-v-707d9eb8]{padding:0;flex:1;display:flex;flex-direction:column;opacity:1;transition:opacity .2s ease}.section-card[data-v-707d9eb8]{background:rgba(255,255,255,.98);border-radius:.875rem;padding:1.125rem .875rem;box-shadow:0 .125rem .625rem rgba(0,0,0,.08);-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);border:.03125rem solid rgba(212,185,150,.2);flex:1;display:flex;flex-direction:column}.card-title[data-v-707d9eb8]{font-size:1.0625rem;font-weight:700;color:#2c2c2c;margin-bottom:.375rem;line-height:1.4;letter-spacing:.00938rem}.card-desc[data-v-707d9eb8]{font-size:.8125rem;color:#666;margin-bottom:.875rem;line-height:1.6;opacity:.9}.loading-box[data-v-707d9eb8]{padding:3.125rem 1.25rem;text-align:center;flex:1;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease}.loading-text[data-v-707d9eb8]{font-size:.875rem;color:#999;opacity:.8}.video-list[data-v-707d9eb8]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.875rem;flex:1;overflow-y:auto;opacity:1;transition:opacity .3s ease}.video-card[data-v-707d9eb8]{background:rgba(255,255,255,.95);border:.04688rem solid rgba(212,185,150,.25);border-radius:.625rem;padding:.875rem .75rem;display:flex;align-items:center;transition:all .25s ease;box-shadow:0 .0625rem .25rem rgba(0,0,0,.06);position:relative}.video-card[data-v-707d9eb8]:active{transform:translateY(-.03125rem);box-shadow:0 .125rem .375rem rgba(0,0,0,.1)}.video-card.selected[data-v-707d9eb8]{background:linear-gradient(135deg,rgba(139,115,85,.1),rgba(109,139,139,.08));border-color:#8b7355;box-shadow:0 .125rem .5rem rgba(139,115,85,.18)}.video-card-icon[data-v-707d9eb8]{font-size:1.375rem;margin-right:.625rem;flex-shrink:0;line-height:1}.video-card-content[data-v-707d9eb8]{flex:1;display:flex;flex-direction:column;min-width:0}.video-card-name[data-v-707d9eb8]{font-size:.9375rem;font-weight:600;color:#2c2c2c;margin-bottom:.25rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card-desc[data-v-707d9eb8]{font-size:.75rem;color:#666;margin-bottom:.1875rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.video-card-time[data-v-707d9eb8]{font-size:.6875rem;color:#999;opacity:.85}.video-card-check[data-v-707d9eb8]{font-size:1.125rem;color:#8b7355;font-weight:700;margin-left:.375rem;flex-shrink:0;line-height:1}.empty-box[data-v-707d9eb8]{padding:3.125rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.empty-icon[data-v-707d9eb8]{font-size:3.125rem;margin-bottom:.75rem;opacity:.6}.empty-text[data-v-707d9eb8]{font-size:.875rem;color:#666;margin-bottom:.5rem;font-weight:500}.empty-hint[data-v-707d9eb8]{font-size:.75rem;color:#999;opacity:.8;line-height:1.5}.start-call-btn[data-v-707d9eb8]{width:100%;padding:1rem;background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;border:none;border-radius:.875rem;font-size:.9375rem;font-weight:600;box-shadow:0 .1875rem .625rem rgba(139,115,85,.25);transition:all .3s ease;margin-top:auto;letter-spacing:.01563rem}.start-call-btn[data-v-707d9eb8]:active{transform:translateY(-.03125rem);box-shadow:0 .25rem .75rem rgba(139,115,85,.3)}.start-call-btn[disabled][data-v-707d9eb8]{background:#e5e5e5;box-shadow:0 .0625rem .25rem rgba(0,0,0,.08);opacity:.65;transform:none!important;color:#999}.call-active-section[data-v-707d9eb8]{opacity:1;transition:opacity .2s ease;flex:1;display:flex;flex-direction:column;padding:.75rem;overflow:hidden}.video-call-card[data-v-707d9eb8]{background:rgba(255,255,255,.98);border-radius:.875rem;padding:1rem .875rem;text-align:center;margin-bottom:.625rem;box-shadow:0 .125rem .625rem rgba(0,0,0,.08);-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);border:.03125rem solid rgba(212,185,150,.2)}.video-container[data-v-707d9eb8]{width:100%;height:15rem;background:#000;border-radius:.625rem;overflow:hidden;margin-bottom:.625rem;position:relative;box-shadow:0 .125rem .5rem rgba(0,0,0,.15)}.video-player[data-v-707d9eb8]{width:100%;height:100%}.video-placeholder[data-v-707d9eb8]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c3e50,#34495e)}.placeholder-icon[data-v-707d9eb8]{font-size:3.125rem;margin-bottom:.625rem}.placeholder-text[data-v-707d9eb8]{font-size:.875rem;color:#fff;opacity:.8}.call-video-name[data-v-707d9eb8]{display:block;font-size:.9375rem;font-weight:700;color:#2c2c2c;margin-bottom:.375rem;line-height:1.4;letter-spacing:.00938rem}.call-status[data-v-707d9eb8]{display:block;font-size:.8125rem;color:#666;margin-bottom:.3125rem;transition:all .3s ease;opacity:.9}.call-status.status-active[data-v-707d9eb8]{color:#11998e;font-weight:600;opacity:1;animation:statusBlink-707d9eb8 1.5s ease-in-out infinite}.call-duration[data-v-707d9eb8]{display:block;font-size:.75rem;color:#999;opacity:.85}.chat-history[data-v-707d9eb8]{flex:1;background:rgba(255,255,255,.98);border-radius:.875rem;padding:.875rem .75rem;margin-bottom:.625rem;box-shadow:0 .125rem .625rem rgba(0,0,0,.08);-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);border:.03125rem solid rgba(212,185,150,.2);overflow:hidden}.message-item[data-v-707d9eb8]{display:flex;margin-bottom:.75rem;animation:fadeIn-707d9eb8 .3s ease}.message-item.user[data-v-707d9eb8]{flex-direction:row-reverse}.message-avatar[data-v-707d9eb8]{font-size:1.375rem;margin:0 .5rem;flex-shrink:0;line-height:1}.message-bubble[data-v-707d9eb8]{max-width:72%;padding:.625rem .75rem;border-radius:.625rem;display:flex;flex-direction:column;box-shadow:0 .0625rem .25rem rgba(0,0,0,.06)}.message-item.user .message-bubble[data-v-707d9eb8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-item.ai .message-bubble[data-v-707d9eb8]{background:rgba(248,248,248,.95);color:#2c2c2c;border:.03125rem solid rgba(0,0,0,.04)}.message-text[data-v-707d9eb8]{font-size:.875rem;line-height:1.6;margin-bottom:.25rem;word-break:break-word}.message-time[data-v-707d9eb8]{font-size:.625rem;opacity:.75;text-align:right}.empty-chat[data-v-707d9eb8]{padding:3.125rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-chat-icon[data-v-707d9eb8]{font-size:2.5rem;margin-bottom:.625rem;opacity:.5}.empty-chat-text[data-v-707d9eb8]{font-size:.8125rem;color:#999}.controls[data-v-707d9eb8]{background:rgba(255,255,255,.98);border-radius:.875rem;padding:.875rem .75rem;box-shadow:0 -.0625rem .5rem rgba(0,0,0,.08);-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);border:.03125rem solid rgba(212,185,150,.2)}.record-control[data-v-707d9eb8]{margin-bottom:.625rem}.record-btn[data-v-707d9eb8]{width:100%;padding:1.125rem;border:none;border-radius:.875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.record-btn.idle[data-v-707d9eb8]{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 .1875rem .5rem rgba(17,153,142,.25)}.record-btn.recording[data-v-707d9eb8]{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff;box-shadow:0 .1875rem .5rem rgba(235,51,73,.25);animation:recordingPulse-707d9eb8 1s ease-in-out infinite}.record-btn.processing[data-v-707d9eb8]{background:#e5e5e5;color:#666}.record-btn-icon[data-v-707d9eb8]{font-size:1.75rem;margin-bottom:.3125rem;line-height:1}.record-btn-icon.pulse[data-v-707d9eb8]{animation:pulse-707d9eb8 1s infinite}.record-btn-text[data-v-707d9eb8]{font-size:.8125rem;letter-spacing:.01563rem}.action-buttons[data-v-707d9eb8]{display:flex;gap:.5rem}.action-btn[data-v-707d9eb8]{flex:1;padding:.75rem .625rem;background:rgba(248,248,248,.95);border:none;border-radius:.625rem;display:flex;flex-direction:column;align-items:center;color:#666;transition:all .25s ease;box-shadow:0 .0625rem .1875rem rgba(0,0,0,.04)}.action-btn[data-v-707d9eb8]:active{transform:scale(.97)}.action-btn.end-call[data-v-707d9eb8]{background:linear-gradient(135deg,#d9534f,#c9302c);color:#fff;box-shadow:0 .125rem .5rem rgba(217,83,79,.25)}.action-btn-icon[data-v-707d9eb8]{font-size:1rem;margin-bottom:.25rem;line-height:1}.action-btn-text[data-v-707d9eb8]{font-size:.75rem;font-weight:500;letter-spacing:.00938rem}@keyframes fadeIn-707d9eb8{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-707d9eb8{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes avatarPulse-707d9eb8{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes waveExpand-707d9eb8{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes statusBlink-707d9eb8{0%,to{opacity:1}50%{opacity:.6}}@keyframes recordingPulse-707d9eb8{0%,to{transform:scale(1);box-shadow:0 .25rem .5rem rgba(235,51,73,.3)}50%{transform:scale(1.02);box-shadow:0 .375rem .75rem rgba(235,51,73,.5),0 0 0 .25rem rgba(235,51,73,.2)}}.settings-dialog-mask[data-v-707d9eb8]{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}.settings-dialog[data-v-707d9eb8]{width:90%;max-width:18.75rem;background:#fff;border-radius:.75rem;overflow:hidden}.dialog-header[data-v-707d9eb8]{padding:.9375rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;align-items:center}.dialog-title[data-v-707d9eb8]{font-size:1rem;font-weight:700;color:#fff}.dialog-close[data-v-707d9eb8]{font-size:1.25rem;color:#fff;opacity:.8;padding:0 .3125rem}.dialog-content[data-v-707d9eb8]{max-height:60vh;overflow-y:auto;padding:.9375rem}.dialog-section[data-v-707d9eb8]{margin-bottom:.9375rem}.section-label[data-v-707d9eb8]{font-size:.875rem;font-weight:700;color:#333;margin-bottom:.3125rem}.section-hint[data-v-707d9eb8]{font-size:.75rem;color:#999;margin-bottom:.625rem;display:block}.voice-selector[data-v-707d9eb8]{background:#f5f5f5;padding:.75rem;border-radius:.375rem;display:flex;justify-content:space-between;align-items:center}.voice-selected[data-v-707d9eb8]{font-size:.875rem;color:#333}.voice-arrow[data-v-707d9eb8]{font-size:1rem;color:#999}.memory-item[data-v-707d9eb8]{margin-bottom:.625rem}.memory-label[data-v-707d9eb8]{font-size:.8125rem;color:#666;margin-bottom:.3125rem;display:block}.memory-input[data-v-707d9eb8]{width:100%;padding:.875rem .625rem;min-height:2.75rem;background:#f5f5f5;border-radius:.375rem;font-size:.875rem;border:none}.memory-textarea[data-v-707d9eb8]{width:100%;min-height:3.75rem;padding:.625rem;background:#f5f5f5;border-radius:.375rem;font-size:.875rem;border:none}.dialog-footer[data-v-707d9eb8]{padding:.625rem .9375rem .9375rem;display:flex;gap:.625rem}.dialog-btn[data-v-707d9eb8]{flex:1;padding:.75rem;border-radius:.375rem;font-size:.875rem;font-weight:700;border:none}.dialog-btn.cancel[data-v-707d9eb8]{background:#f5f5f5;color:#666}.dialog-btn.confirm[data-v-707d9eb8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}