2 lines
12 KiB
Plaintext
2 lines
12 KiB
Plaintext
.phone-call-container.data-v-a48cd222{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-a48cd222{position:relative;z-index:2;padding:40rpx 24rpx 30rpx;max-width:1000rpx;margin:0 auto;width:100%;box-sizing:border-box}.revival-btn-section.data-v-a48cd222{margin:0 0 32rpx;padding:0}.revival-btn.data-v-a48cd222{width:100%;padding:32rpx 40rpx;background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;border:none;border-radius:32rpx;font-size:32rpx;font-weight:600;box-shadow:0 8rpx 24rpx rgba(139,115,85,.25);transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16rpx}.revival-btn.data-v-a48cd222: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-a48cd222:active{transform:translateY(-2rpx);box-shadow:0 12rpx 32rpx rgba(139,115,85,.35)}.revival-btn .btn-icon.data-v-a48cd222{font-size:40rpx;line-height:1}.revival-btn .btn-text.data-v-a48cd222{font-size:32rpx;font-weight:600;letter-spacing:.5rpx}.select-voice-section.data-v-a48cd222{flex:1;padding:40rpx;display:flex;flex-direction:column}.select-video-section.data-v-a48cd222{padding:0;flex:1;display:flex;flex-direction:column;opacity:1;transition:opacity .2s ease}.section-card.data-v-a48cd222{background:rgba(255,255,255,.98);border-radius:28rpx;padding:36rpx 28rpx;box-shadow:0 4rpx 20rpx rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx);border:1rpx solid rgba(212,185,150,.2);flex:1;display:flex;flex-direction:column}.card-title.data-v-a48cd222{font-size:34rpx;font-weight:700;color:#2c2c2c;margin-bottom:12rpx;line-height:1.4;letter-spacing:.3rpx}.card-desc.data-v-a48cd222{font-size:26rpx;color:#666;margin-bottom:28rpx;line-height:1.6;opacity:.9}.loading-box.data-v-a48cd222{padding:100rpx 40rpx;text-align:center;flex:1;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease}.loading-text.data-v-a48cd222{font-size:28rpx;color:#999;opacity:.8}.video-list.data-v-a48cd222{display:flex;flex-direction:column;gap:16rpx;margin-bottom:28rpx;flex:1;overflow-y:auto;opacity:1;transition:opacity .3s ease}.video-card.data-v-a48cd222{background:rgba(255,255,255,.95);border:1.5rpx solid rgba(212,185,150,.25);border-radius:20rpx;padding:28rpx 24rpx;display:flex;align-items:center;transition:all .25s ease;box-shadow:0 2rpx 8rpx rgba(0,0,0,.06);position:relative}.video-card.data-v-a48cd222:active{transform:translateY(-1rpx);box-shadow:0 4rpx 12rpx rgba(0,0,0,.1)}.video-card.selected.data-v-a48cd222{background:linear-gradient(135deg,rgba(139,115,85,.1),rgba(109,139,139,.08));border-color:#8b7355;box-shadow:0 4rpx 16rpx rgba(139,115,85,.18)}.video-card-icon.data-v-a48cd222{font-size:44rpx;margin-right:20rpx;flex-shrink:0;line-height:1}.video-card-content.data-v-a48cd222{flex:1;display:flex;flex-direction:column;min-width:0}.video-card-name.data-v-a48cd222{font-size:30rpx;font-weight:600;color:#2c2c2c;margin-bottom:8rpx;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card-desc.data-v-a48cd222{font-size:24rpx;color:#666;margin-bottom:6rpx;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.video-card-time.data-v-a48cd222{font-size:22rpx;color:#999;opacity:.85}.video-card-check.data-v-a48cd222{font-size:36rpx;color:#8b7355;font-weight:700;margin-left:12rpx;flex-shrink:0;line-height:1}.empty-box.data-v-a48cd222{padding:100rpx 40rpx;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.empty-icon.data-v-a48cd222{font-size:100rpx;margin-bottom:24rpx;opacity:.6}.empty-text.data-v-a48cd222{font-size:28rpx;color:#666;margin-bottom:16rpx;font-weight:500}.empty-hint.data-v-a48cd222{font-size:24rpx;color:#999;opacity:.8;line-height:1.5}.start-call-btn.data-v-a48cd222{width:100%;padding:32rpx;background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff!important;border:none;border-radius:28rpx;font-size:30rpx;font-weight:600;box-shadow:0 6rpx 20rpx rgba(139,115,85,.25);transition:all .3s ease;margin-top:auto;letter-spacing:.5rpx}.start-call-btn.data-v-a48cd222:active{transform:translateY(-1rpx);box-shadow:0 8rpx 24rpx rgba(139,115,85,.3)}.start-call-btn[disabled].data-v-a48cd222{background:#e5e5e5;box-shadow:0 2rpx 8rpx rgba(0,0,0,.08);opacity:.65;transform:none!important;color:#fff!important}.ai-disclaimer.data-v-a48cd222{display:block;text-align:center;font-size:22rpx;color:rgba(100,100,100,.6);margin-top:16rpx;letter-spacing:.5rpx}.call-active-section.data-v-a48cd222{opacity:1;transition:opacity .2s ease;flex:1;display:flex;flex-direction:column;padding:24rpx;overflow:hidden}.video-call-card.data-v-a48cd222{background:rgba(255,255,255,.98);border-radius:28rpx;padding:32rpx 28rpx;text-align:center;margin-bottom:20rpx;box-shadow:0 4rpx 20rpx rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx);border:1rpx solid rgba(212,185,150,.2)}.video-container.data-v-a48cd222{width:100%;height:480rpx;background:#000;border-radius:20rpx;overflow:hidden;margin-bottom:20rpx;position:relative;box-shadow:0 4rpx 16rpx rgba(0,0,0,.15)}.video-player.data-v-a48cd222{width:100%;height:100%}.video-placeholder.data-v-a48cd222{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c3e50,#34495e)}.ai-tag.data-v-a48cd222{position:absolute;top:20rpx;right:20rpx;z-index:100;background:rgba(0,0,0,.6);padding:8rpx 20rpx;border-radius:30rpx;-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx)}.ai-tag-text.data-v-a48cd222{font-size:22rpx;color:#fff;font-weight:500}.placeholder-icon.data-v-a48cd222{font-size:100rpx;margin-bottom:20rpx}.placeholder-text.data-v-a48cd222{font-size:28rpx;color:#fff;opacity:.8}.call-video-name.data-v-a48cd222{display:block;font-size:30rpx;font-weight:700;color:#2c2c2c;margin-bottom:12rpx;line-height:1.4;letter-spacing:.3rpx}.call-status.data-v-a48cd222{display:block;font-size:26rpx;color:#666;margin-bottom:10rpx;transition:all .3s ease;opacity:.9}.call-status.status-active.data-v-a48cd222{color:#11998e;font-weight:600;opacity:1;animation:statusBlink-a48cd222 1.5s ease-in-out infinite}.call-duration.data-v-a48cd222{display:block;font-size:24rpx;color:#999;opacity:.85}.chat-history.data-v-a48cd222{flex:1;background:rgba(255,255,255,.98);border-radius:28rpx;padding:28rpx 24rpx;margin-bottom:20rpx;box-shadow:0 4rpx 20rpx rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx);border:1rpx solid rgba(212,185,150,.2);overflow:hidden}.message-item.data-v-a48cd222{display:flex;margin-bottom:24rpx;animation:fadeIn-a48cd222 .3s ease}.message-item.user.data-v-a48cd222{flex-direction:row-reverse}.message-avatar.data-v-a48cd222{font-size:44rpx;margin:0 16rpx;flex-shrink:0;line-height:1}.message-bubble.data-v-a48cd222{max-width:72%;padding:20rpx 24rpx;border-radius:20rpx;display:flex;flex-direction:column;box-shadow:0 2rpx 8rpx rgba(0,0,0,.06)}.message-item.user .message-bubble.data-v-a48cd222{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-item.ai .message-bubble.data-v-a48cd222{background:rgba(248,248,248,.95);color:#2c2c2c;border:1rpx solid rgba(0,0,0,.04)}.message-text.data-v-a48cd222{font-size:28rpx;line-height:1.6;margin-bottom:8rpx;word-break:break-word}.message-time.data-v-a48cd222{font-size:20rpx;opacity:.75;text-align:right}.empty-chat.data-v-a48cd222{padding:100rpx 40rpx;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-chat-icon.data-v-a48cd222{font-size:80rpx;margin-bottom:20rpx;opacity:.5}.empty-chat-text.data-v-a48cd222{font-size:26rpx;color:#999}.controls.data-v-a48cd222{background:rgba(255,255,255,.98);border-radius:28rpx;padding:28rpx 24rpx;box-shadow:0 -2rpx 16rpx rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx);border:1rpx solid rgba(212,185,150,.2)}.record-control.data-v-a48cd222{margin-bottom:20rpx}.record-btn.data-v-a48cd222{width:100%;padding:36rpx;border:none;border-radius:28rpx;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.record-btn.idle.data-v-a48cd222{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 6rpx 16rpx rgba(17,153,142,.25)}.record-btn.recording.data-v-a48cd222{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff;box-shadow:0 6rpx 16rpx rgba(235,51,73,.25);animation:recordingPulse-a48cd222 1s ease-in-out infinite}.record-btn.processing.data-v-a48cd222{background:#e5e5e5;color:#666}.record-btn-icon.data-v-a48cd222{font-size:56rpx;margin-bottom:10rpx;line-height:1}.record-btn-icon.pulse.data-v-a48cd222{animation:pulse-a48cd222 1s infinite}.record-btn-text.data-v-a48cd222{font-size:26rpx;letter-spacing:.5rpx}.action-buttons.data-v-a48cd222{display:flex;gap:16rpx}.action-btn.data-v-a48cd222{flex:1;padding:24rpx 20rpx;background:rgba(248,248,248,.95);border:none;border-radius:20rpx;display:flex;flex-direction:column;align-items:center;color:#666;transition:all .25s ease;box-shadow:0 2rpx 6rpx rgba(0,0,0,.04)}.action-btn.data-v-a48cd222:active{transform:scale(.97)}.action-btn.end-call.data-v-a48cd222{background:linear-gradient(135deg,#d9534f,#c9302c);color:#fff;box-shadow:0 4rpx 16rpx rgba(217,83,79,.25)}.action-btn-icon.data-v-a48cd222{font-size:32rpx;margin-bottom:8rpx;line-height:1}.action-btn-text.data-v-a48cd222{font-size:24rpx;font-weight:500;letter-spacing:.3rpx}@keyframes fadeIn-a48cd222{0%{opacity:0;transform:translateY(20rpx)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-a48cd222{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes avatarPulse-a48cd222{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes waveExpand-a48cd222{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes statusBlink-a48cd222{0%,to{opacity:1}50%{opacity:.6}}@keyframes recordingPulse-a48cd222{0%,to{transform:scale(1);box-shadow:0 8rpx 16rpx rgba(235,51,73,.3)}50%{transform:scale(1.02);box-shadow:0 12rpx 24rpx rgba(235,51,73,.5),0 0 0 8rpx rgba(235,51,73,.2)}}.settings-dialog-mask.data-v-a48cd222{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-a48cd222{width:90%;max-width:600rpx;background:#fff;border-radius:24rpx;overflow:hidden}.dialog-header.data-v-a48cd222{padding:30rpx;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;align-items:center}.dialog-title.data-v-a48cd222{font-size:32rpx;font-weight:700;color:#fff}.dialog-close.data-v-a48cd222{font-size:40rpx;color:#fff;opacity:.8;padding:0 10rpx}.dialog-content.data-v-a48cd222{max-height:60vh;overflow-y:auto;padding:30rpx}.dialog-section.data-v-a48cd222{margin-bottom:30rpx}.section-label.data-v-a48cd222{font-size:28rpx;font-weight:700;color:#333;margin-bottom:10rpx}.section-hint.data-v-a48cd222{font-size:24rpx;color:#999;margin-bottom:20rpx;display:block}.voice-selector.data-v-a48cd222{background:#f5f5f5;padding:24rpx;border-radius:12rpx;display:flex;justify-content:space-between;align-items:center}.voice-selected.data-v-a48cd222{font-size:28rpx;color:#333}.voice-arrow.data-v-a48cd222{font-size:32rpx;color:#999}.memory-item.data-v-a48cd222{margin-bottom:20rpx}.memory-label.data-v-a48cd222{font-size:26rpx;color:#666;margin-bottom:10rpx;display:block}.memory-input.data-v-a48cd222{width:100%;padding:28rpx 20rpx;min-height:88rpx;background:#f5f5f5;border-radius:12rpx;font-size:28rpx;border:none}.memory-textarea.data-v-a48cd222{width:100%;min-height:120rpx;padding:20rpx;background:#f5f5f5;border-radius:12rpx;font-size:28rpx;border:none}.dialog-footer.data-v-a48cd222{padding:20rpx 30rpx 30rpx;display:flex;gap:20rpx}.dialog-btn.data-v-a48cd222{flex:1;padding:24rpx;border-radius:12rpx;font-size:28rpx;font-weight:700;border:none}.dialog-btn.cancel.data-v-a48cd222{background:#f5f5f5;color:#666}.dialog-btn.confirm.data-v-a48cd222{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}
|