2 lines
3.2 KiB
Plaintext
2 lines
3.2 KiB
Plaintext
.video-call-container.data-v-0f1482ae{height:100vh;display:flex;flex-direction:column;background:#000}.header.data-v-0f1482ae{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-0f1482ae{font-size:32rpx;font-weight:700;color:#fff}.call-duration.data-v-0f1482ae{font-size:28rpx;color:#4caf50;font-family:monospace}.video-section.data-v-0f1482ae{flex:1;position:relative;background:#000;overflow:hidden;z-index:1}.ai-tag.data-v-0f1482ae{position:absolute;top:100rpx;right:24rpx;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-0f1482ae{font-size:22rpx;color:#fff;font-weight:500}.video-player.data-v-0f1482ae{width:100%;height:100%;position:relative;z-index:1;pointer-events:none}.video-loading.data-v-0f1482ae{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-0f1482ae{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-0f1482ae{color:#fff;font-size:24rpx;font-weight:700;animation:pulse-0f1482ae 1s infinite}@keyframes pulse-0f1482ae{0%,to{opacity:1}50%{opacity:.5}}.chat-history.data-v-0f1482ae{height:300rpx;background:rgba(255,255,255,.95);padding:20rpx 20rpx 20rpx 10rpx;position:relative;z-index:10}.empty-hint.data-v-0f1482ae{text-align:center;padding:60rpx 0;color:#999;font-size:28rpx}.message.data-v-0f1482ae{display:flex;margin-bottom:20rpx;animation:slideIn-0f1482ae .3s ease}@keyframes slideIn-0f1482ae{0%{opacity:0;transform:translateY(20rpx)}to{opacity:1;transform:translateY(0)}}.user-message.data-v-0f1482ae{flex-direction:row-reverse}.message-avatar.data-v-0f1482ae{font-size:40rpx;margin:0 16rpx}.message-content.data-v-0f1482ae{max-width:70%;padding:20rpx;border-radius:16rpx;background:#e3f2fd}.user-message .message-content.data-v-0f1482ae{background:#c8e6c9}.message-text.data-v-0f1482ae{font-size:28rpx;color:#333;display:block;margin-bottom:8rpx;line-height:1.5}.message-time.data-v-0f1482ae{font-size:22rpx;color:#999}.controls.data-v-0f1482ae{padding:30rpx 30rpx 30rpx 14rpx;background:rgba(0,0,0,.8);position:relative;z-index:10}.control-row.data-v-0f1482ae{margin-bottom:20rpx}.control-row.data-v-0f1482ae:last-child{margin-bottom:0}.talk-btn.data-v-0f1482ae{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-0f1482ae{background:#f44336;animation:pulse-0f1482ae 1s infinite}.talk-btn.processing.data-v-0f1482ae{background:#999}.talk-btn[disabled].data-v-0f1482ae{opacity:.6}.hangup-btn.data-v-0f1482ae{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)}
|