2 lines
2.9 KiB
Plaintext
2 lines
2.9 KiB
Plaintext
.video-call-container.data-v-ced34889{height:100vh;display:flex;flex-direction:column;background:#000}.header.data-v-ced34889{padding:40rpx 40rpx 40rpx 24rpx;padding-top:calc(40rpx + constant(safe-area-inset-top));padding-top:calc(40rpx + env(safe-area-inset-top));background:rgba(0,0,0,.8);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.caller-name.data-v-ced34889{font-size:32rpx;font-weight:700;color:#fff}.call-duration.data-v-ced34889{font-size:28rpx;color:#4caf50;font-family:monospace}.video-section.data-v-ced34889{flex:1;position:relative;background:#000;overflow:hidden;z-index:1}.video-player.data-v-ced34889{width:100%;height:100%;position:relative;z-index:1;pointer-events:none}.video-loading.data-v-ced34889{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);padding:30rpx 50rpx;border-radius:20rpx;color:#fff;font-size:28rpx;z-index:20;pointer-events:auto}.speaking-indicator.data-v-ced34889{position:absolute;top:20rpx;right:20rpx;background:rgba(76,175,80,.9);padding:16rpx 32rpx;border-radius:40rpx;box-shadow:0 4rpx 12rpx rgba(0,0,0,.3);z-index:20;pointer-events:auto}.pulse.data-v-ced34889{color:#fff;font-size:24rpx;font-weight:700;animation:pulse-ced34889 1s infinite}@keyframes pulse-ced34889{0%,to{opacity:1}50%{opacity:.5}}.chat-history.data-v-ced34889{height:300rpx;background:rgba(255,255,255,.95);padding:20rpx 20rpx 20rpx 10rpx;position:relative;z-index:10}.empty-hint.data-v-ced34889{text-align:center;padding:60rpx 0;color:#999;font-size:28rpx}.message.data-v-ced34889{display:flex;margin-bottom:20rpx;animation:slideIn-ced34889 .3s ease}@keyframes slideIn-ced34889{0%{opacity:0;transform:translateY(20rpx)}to{opacity:1;transform:translateY(0)}}.user-message.data-v-ced34889{flex-direction:row-reverse}.message-avatar.data-v-ced34889{font-size:40rpx;margin:0 16rpx}.message-content.data-v-ced34889{max-width:70%;padding:20rpx;border-radius:16rpx;background:#e3f2fd}.user-message .message-content.data-v-ced34889{background:#c8e6c9}.message-text.data-v-ced34889{font-size:28rpx;color:#333;display:block;margin-bottom:8rpx;line-height:1.5}.message-time.data-v-ced34889{font-size:22rpx;color:#999}.controls.data-v-ced34889{padding:30rpx 30rpx 30rpx 14rpx;background:rgba(0,0,0,.8);position:relative;z-index:10}.control-row.data-v-ced34889{margin-bottom:20rpx}.control-row.data-v-ced34889:last-child{margin-bottom:0}.talk-btn.data-v-ced34889{width:100%;padding:32rpx;background:#4caf50;color:#fff;border:none;border-radius:50rpx;font-size:32rpx;font-weight:700;box-shadow:0 8rpx 16rpx rgba(76,175,80,.3)}.talk-btn.recording.data-v-ced34889{background:#f44336;animation:pulse-ced34889 1s infinite}.talk-btn.processing.data-v-ced34889{background:#999}.talk-btn[disabled].data-v-ced34889{opacity:.6}.hangup-btn.data-v-ced34889{width:100%;padding:32rpx;background:#f44336;color:#fff;border:none;border-radius:50rpx;font-size:32rpx;font-weight:700;box-shadow:0 8rpx 16rpx rgba(244,67,54,.3)}
|