2026-04-03 09:49:37 +08:00
|
|
|
.chat_container_linear_gradient{position:fixed;z-index:1;top:0;left:0;width:100%;height:100vh;background:linear-gradient(180deg,rgba(208,229,255,.44) 0%,rgba(255,255,255,0) 300rpx),linear-gradient(159deg,#d3d7ff 0%,rgba(255,255,255,0) 150rpx),linear-gradient(188deg,#dffff3 -8%,#f7f7f7 300rpx);background-repeat:no-repeat}.chat_messages_body{position:relative;z-index:100}.chat-container{display:flex;flex-direction:column;min-height:100vh;width:100vw}.chat-messages{width:100%;padding:314rpx 30rpx 0;padding-bottom:calc(260rpx + env(safe-area-inset-bottom));box-sizing:border-box;flex:1}.message-item{display:flex;width:100%;box-sizing:border-box;margin-bottom:30rpx;animation:fadeIn .3s ease-in}.ai-message,.ai-message .message-content-wrapper{align-items:flex-start}.ai-message .message-content{background-color:#fff;color:#333;margin-left:12rpx;margin-right:0;flex-shrink:0}.ai-message .message-time{color:#999;font-size:22rpx;min-width:80rpx}.ai-message .message-meta{display:flex;align-items:center;justify-content:flex-start;margin-top:6rpx;gap:8rpx;margin-left:12rpx;flex-direction:row}.ai-message .message-avatar{margin-right:0;flex-shrink:0}.user-message{justify-content:flex-end;align-items:flex-start}.user-message .message-content-wrapper{align-items:flex-end}.user-message .message-content{background-color:#1c64f2;color:#fff;margin-right:0;flex-shrink:0}.user-message .message-content .message-images{margin-bottom:20rpx}.user-message .message-content .message-images .message-image-item{border-radius:8rpx}.user-message .message-time{color:#999;font-size:22rpx;margin-top:6rpx;text-align:right;min-width:80rpx}.user-message .message-meta{display:flex;align-items:center;justify-content:flex-end;margin-top:6rpx;gap:8rpx;flex-direction:row}@keyframes fadeIn{0%{opacity:0;transform:translateY(10rpx)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:80rpx;height:80rpx;border-radius:50%;overflow:hidden;flex-shrink:0}.message-avatar image{width:100%;height:100%}.message-avatar .user-avatar-image{width:100%;height:100%;border-radius:50%}.message-avatar .user-avatar{width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24rpx;font-weight:500}.message-content-wrapper{display:flex;flex-direction:column;max-width:calc(100vw - 100rpx)}.message-content{padding:20rpx 24rpx;border-radius:16rpx;font-size:28rpx;line-height:1.5;word-wrap:break-word;word-break:break-all;box-sizing:border-box;background-color:#1c64f2}.message-content.loading{opacity:.7}.message-content:has(.message-images){padding:12rpx}.user-message .message-content:has(.message-images){padding:8rpx}.message-content view{display:block;width:100%;word-wrap:break-word;word-break:break-all}.message-content view:not(:last-child){margin-bottom:8rpx}.message-content text{display:inline;word-wrap:break-word;word-break:break-all}.quick-questions{margin-top:16rpx;display:flex;flex-direction:column;gap:12rpx;padding-left:12rpx}.question-btn{background-color:#f0f7ff;border:1px solid #d0e3ff;border-radius:12rpx;padding:16rpx 20rpx;font-size:26rpx;color:#1c64f2;line-height:1.4;transition:all .2s ease}.question-btn:active{background-color:#e6f2ff;transform:scale(.98)}.question-btn text{display:block;word-wrap:break-word;word-break:break-all}.confirmation-buttons{margin-top:16rpx;display:flex;gap:16rpx;justify-content:flex-start;padding-left:12rpx}.confirmation-btn{width:38rpx;border-radius:10rpx;padding:16rpx 22rpx;font-size:24rpx;line-height:1.4;text-align:center;transition:all .2s ease;background-color:#fff;color:#000;border:1px solid #e5e5e5}.confirmation-btn:active:not(.disabled){transform:scale(.98)}.confirmation-btn.selected{background-color:#1c64f2;color:#fff;border-color:#1c64f2}.confirmation-btn.disabled{opacity:.6;cursor:not-allowed}.confirmation-btn text{display:block;font-weight:500}.chat-input-area{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:1px solid #f8f8f8;padding:20rpx;padding-bottom:calc(155rpx + env(safe-area-inset-bottom));z-index:100}.input
|
