.primary-btn{background:linear-gradient(135deg,#0f95b0,#89c4c1);color:#fff;border-radius:36rpx;text-align:center;font-size:30rpx;height:88rpx;line-height:88rpx}.primary-btn:active{transform:scale(.98)}.card{background:#fff;border-radius:24rpx;padding:30rpx;margin-bottom:30rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.tag{display:inline-block;font-size:22rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:4rpx 12rpx;border-radius:4rpx;margin-right:10rpx}.section-title{font-size:34rpx;font-weight:700;color:#333;position:relative;padding-left:20rpx;margin-bottom:30rpx}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6rpx;height:30rpx;background:#0f95b0;border-radius:3rpx}.price{font-size:32rpx;color:#f56c6c;font-weight:700}.price.free{color:#67c23a}.price.original{font-size:24rpx;color:#999;text-decoration:line-through;margin-left:10rpx}::-webkit-scrollbar{display:none;width:0;height:0;color:transparent}page{width:100%;height:100%;overflow-x:hidden}.ai-consultation{display:flex;flex-direction:column;height:100vh;background:#f5f6fa}.ai-consultation .chat-content{flex:1;padding:20rpx;overflow-y:auto}.ai-consultation .chat-content .welcome-message{background:#fff;border-radius:24rpx;padding:20rpx;margin-bottom:20rpx}.ai-consultation .chat-content .welcome-message .title{font-size:30rpx;color:#333;font-weight:700;margin-bottom:8rpx;display:block}.ai-consultation .chat-content .welcome-message .desc{font-size:26rpx;color:#666;margin-bottom:16rpx;display:block}.ai-consultation .chat-content .welcome-message .quick-questions{display:flex;flex-wrap:wrap;gap:12rpx}.ai-consultation .chat-content .welcome-message .quick-questions text{font-size:24rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:8rpx 20rpx;border-radius:36rpx}.ai-consultation .chat-content .welcome-message .quick-questions text:active{opacity:.8}.ai-consultation .chat-content .message-list{padding:20rpx 0}.ai-consultation .chat-content .message-list .message-item{display:flex;align-items:flex-start;margin-bottom:30rpx;padding:0 30rpx}.ai-consultation .chat-content .message-list .message-item .avatar{width:80rpx;height:80rpx;border-radius:50%;flex-shrink:0;border:2rpx solid rgba(255,255,255,.2);box-shadow:0 2rpx 8rpx rgba(0,0,0,.1)}.ai-consultation .chat-content .message-list .message-item .message-content{max-width:70%;padding:20rpx;border-radius:20rpx;font-size:28rpx;line-height:1.5;word-break:break-all}.ai-consultation .chat-content .message-list .message-item.ai .avatar{margin-right:20rpx}.ai-consultation .chat-content .message-list .message-item.ai .message-content{background:#fff;color:#333;border-top-left-radius:4rpx}.ai-consultation .chat-content .message-list .message-item.user{justify-content:flex-end}.ai-consultation .chat-content .message-list .message-item.user .message-content{margin-right:20rpx;background:rgba(15,149,176,.1);color:#0f95b0;border-top-right-radius:4rpx}.ai-consultation .chat-content .message-list .message-item .quick-replies{margin-top:16rpx;display:flex;flex-wrap:wrap;gap:12rpx}.ai-consultation .chat-content .message-list .message-item .quick-replies text{font-size:24rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:8rpx 20rpx;border-radius:30rpx}.ai-consultation .chat-content .message-list .message-item .quick-replies text:active{opacity:.8}.ai-consultation .input-area{background:#fff;padding:16rpx;border-top:1rpx solid #EEEEEE}.ai-consultation .input-area .input-box{display:flex;align-items:flex-end;gap:16rpx}.ai-consultation .input-area .input-box textarea{flex:1;height:72rpx;background:#f5f6fa;border-radius:24rpx;padding:16rpx;font-size:26rpx;line-height:36rpx;max-height:144rpx}.ai-consultation .input-area .input-box .send-btn{width:100rpx;height:72rpx;line-height:72rpx;text-align:center;font-size:26rpx;color:#fff;background:#999;border-radius:24rpx}.ai-consultation .input-area .input-box .send-btn.active{background:linear-gradient(135deg,#0f95b0,#89c4c1)}.ai-consultation .input-area .input-box .send-btn:active{transform:scale(.98)}.ai-consultation .record-selector{background:#fff;border-radius:24rpx 24rpx 0 0}.ai-consultation .record-selector .selector-header{padding:30rpx;display:flex;justify-content:space-between;align-items:center;border-bottom:1rpx solid #EEEEEE}.ai-consultation .record-selector .selector-header .title{font-size:32rpx;font-weight:700;color:#333}.ai-consultation .record-selector .selector-header .close{font-size:40rpx;color:#999;padding:0 20rpx}.ai-consultation .record-selector .record-list{max-height:60vh;overflow-y:auto;padding:20rpx}.ai-consultation .record-selector .record-list .record-item{background:#f5f6fa;padding:20rpx;border-radius:24rpx;margin-bottom:20rpx}.ai-consultation .record-selector .record-list .record-item .info{margin-bottom:12rpx}.ai-consultation .record-selector .record-list .record-item .info .hospital{font-size:28rpx;color:#333;margin-right:16rpx}.ai-consultation .record-selector .record-list .record-item .info .department{font-size:26rpx;color:#0f95b0;margin-right:16rpx}.ai-consultation .record-selector .record-list .record-item .info .date{font-size:24rpx;color:#999}.ai-consultation .record-selector .record-list .record-item .diagnosis{font-size:30rpx;color:#333;font-weight:700}.ai-consultation .record-selector .record-list .record-item:active{transform:scale(.98)}.ai-consultation .message-content .medicine-list{margin-top:20rpx;display:flex;flex-wrap:wrap;gap:20rpx}.ai-consultation .message-content .medicine-list .medicine-item{width:calc(50% - 10rpx);background:#fff;border-radius:24rpx;overflow:hidden}.ai-consultation .message-content .medicine-list .medicine-item:active{transform:scale(.98)}.ai-consultation .message-content .medicine-list .medicine-item image{width:100%;height:200rpx;background:#f5f5f5}.ai-consultation .message-content .medicine-list .medicine-item .info{padding:16rpx}.ai-consultation .message-content .medicine-list .medicine-item .info .name{font-size:28rpx;color:#333;margin-bottom:8rpx}.ai-consultation .message-content .medicine-list .medicine-item .info .price{font-size:32rpx;color:#f56c6c;font-weight:700}.ai-consultation .message-content .medicine-list .medicine-item .info .price:before{content:"\a5";font-size:24rpx}
|
