.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}.doctor-chat{display:flex;flex-direction:column;height:100vh;background:#f5f6fa}.doctor-chat .doctor-card{background:#fff;padding:30rpx;border-bottom:1rpx solid #EEEEEE}.doctor-chat .doctor-card .basic-info{display:flex;margin-bottom:20rpx}.doctor-chat .doctor-card .basic-info .avatar{width:120rpx;height:120rpx;border-radius:50%;margin-right:20rpx}.doctor-chat .doctor-card .basic-info .info{flex:1}.doctor-chat .doctor-card .basic-info .info .name-title{margin-bottom:8rpx}.doctor-chat .doctor-card .basic-info .info .name-title .name{font-size:32rpx;color:#333;font-weight:700;margin-right:12rpx}.doctor-chat .doctor-card .basic-info .info .name-title .title{font-size:26rpx;color:#666}.doctor-chat .doctor-card .basic-info .info .hospital{font-size:26rpx;color:#666;margin-bottom:8rpx;display:block}.doctor-chat .doctor-card .basic-info .info .specialty{font-size:24rpx;color:#999}.doctor-chat .doctor-card .consultation-info{display:flex;justify-content:space-between;align-items:center;padding-top:20rpx;border-top:1rpx solid #EEEEEE}.doctor-chat .doctor-card .consultation-info .type{font-size:26rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:4rpx 12rpx;border-radius:4rpx}.doctor-chat .doctor-card .consultation-info .price{font-size:32rpx;color:#e6a23c;font-weight:700}.doctor-chat .chat-content{flex:1;padding:30rpx;overflow-y:auto}.doctor-chat .chat-content .system-message{text-align:center;margin-bottom:30rpx}.doctor-chat .chat-content .system-message text{font-size:24rpx;color:#999;background:rgba(153,153,153,.1);padding:8rpx 24rpx;border-radius:36rpx}.doctor-chat .chat-content .message-list .message-item{display:flex;margin-bottom:30rpx}.doctor-chat .chat-content .message-list .message-item .avatar{width:80rpx;height:80rpx;border-radius:50%;flex-shrink:0}.doctor-chat .chat-content .message-list .message-item .message-content{max-width:70%;margin:0 20rpx;padding:20rpx;border-radius:24rpx;font-size:28rpx;line-height:1.5}.doctor-chat .chat-content .message-list .message-item .message-content .image-list{display:flex;flex-wrap:wrap;gap:10rpx;margin-top:16rpx}.doctor-chat .chat-content .message-list .message-item .message-content .image-list image{width:200rpx;height:200rpx;border-radius:4rpx}.doctor-chat .chat-content .message-list .message-item .message-content .report-card,.doctor-chat .chat-content .message-list .message-item .message-content .prescription-card{margin-top:16rpx;background:#f5f6fa;border-radius:24rpx;padding:20rpx}.doctor-chat .chat-content .message-list .message-item .message-content .report-card .header,.doctor-chat .chat-content .message-list .message-item .message-content .prescription-card .header{display:flex;align-items:center;margin-bottom:16rpx}.doctor-chat .chat-content .message-list .message-item .message-content .report-card .header .icon,.doctor-chat .chat-content .message-list .message-item .message-content .prescription-card .header .icon{width:40rpx;height:40rpx;margin-right:12rpx}.doctor-chat .chat-content .message-list .message-item .message-content .report-card .header .title,.doctor-chat .chat-content .message-list .message-item .message-content .prescription-card .header .title{font-size:28rpx;color:#333;font-weight:700}.doctor-chat .chat-content .message-list .message-item .message-content .report-card .medicine-list .medicine-item,.doctor-chat .chat-content .message-list .message-item .message-content .prescription-card .medicine-list .medicine-item{margin-bottom:12rpx}.doctor-chat .chat-content .message-list .message-item .message-content .report-card .medicine-list .medicine-item .name,.doctor-chat .chat-content .message-list .message-item .message-content .prescription-card .medicine-list .medicine-item .name{font-size:26rpx;color:#333;margin-bottom:4rpx;display:block}.doctor-chat .chat-content .message-list .message-item .message-content .report-card .medicine-list .medicine-item .usage,.doctor-chat .chat-content .message-list .message-item .message-content .prescription-card .medicine-list .medicine-item .usage{font-size:24rpx;color:#666}.doctor-chat .chat-content .message-list .message-item .message-content .report-card .footer,.doctor-chat .chat-content .message-list .message-item .message-content .prescription-card .footer{display:flex;justify-content:space-between;align-items:center;margin-top:16rpx;padding-top:16rpx;border-top:1rpx solid #EEEEEE}.doctor-chat .chat-content .message-list .message-item .message-content .report-card .footer .time,.doctor-chat .chat-content .message-list .message-item .message-content .prescription-card .footer .time{font-size:24rpx;color:#999}.doctor-chat .chat-content .message-list .message-item .message-content .report-card .footer .action-btn,.doctor-chat .chat-content .message-list .message-item .message-content .prescription-card .footer .action-btn{font-size:24rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:8rpx 20rpx;border-radius:36rpx}.doctor-chat .chat-content .message-list .message-item .message-content .report-card .footer .action-btn:active,.doctor-chat .chat-content .message-list .message-item .message-content .prescription-card .footer .action-btn:active{opacity:.8}.doctor-chat .chat-content .message-list .message-item.user{flex-direction:row-reverse}.doctor-chat .chat-content .message-list .message-item.user .message-content{background:#0f95b0;color:#fff}.doctor-chat .chat-content .message-list .message-item.doctor .message-content{background:#fff;color:#333}.doctor-chat .input-area{background:#fff;padding:20rpx 30rpx;padding-bottom:calc(20rpx + env(safe-area-inset-bottom));border-top:1rpx solid #EEEEEE}.doctor-chat .input-area .toolbar{display:flex;gap:30rpx;margin-bottom:20rpx}.doctor-chat .input-area .toolbar .tool-item .iconfont{font-size:48rpx;color:#999}.doctor-chat .input-area .toolbar .tool-item:active{opacity:.8}.doctor-chat .input-area .input-box{display:flex;align-items:flex-end;gap:20rpx}.doctor-chat .input-area .input-box textarea{flex:1;height:80rpx;background:#f5f6fa;border-radius:24rpx;padding:20rpx;font-size:28rpx;line-height:40rpx;max-height:160rpx}.doctor-chat .input-area .input-box .send-btn{width:120rpx;height:80rpx;line-height:80rpx;text-align:center;font-size:28rpx;color:#fff;background:#999;border-radius:24rpx}.doctor-chat .input-area .input-box .send-btn.active{background:linear-gradient(135deg,#0f95b0,#89c4c1)}.doctor-chat .input-area .input-box .send-btn:active{transform:scale(.98)}
|
