Feat(云灵AI):对话接口对接完成

assets/css/aiChat.less

@@ -199,23 +199,36 @@ page {
 					height: 88rpx;
 				}
 			}
-			.sound-input-wrap {
+		}
+		.sound-input-wrap {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			flex: 1;
+			height: 100rpx;
+			padding: 0 24rpx;
+			border-radius: 50rpx;
+			color: #fff;
+			font-size: 30rpx;
+			background: #fff;
+			box-shadow: 0rpx 6rpx 20rpx rgba(19,27,65,0.16);
+			.toggle-btn {
+				.input-icon {
+					display: block;
+					width: 48rpx;
+					height: 48rpx;
+				}
+			}
+			.sound-wrap {
+				flex: 1;
 				display: flex;
 				align-items: center;
 				justify-content: center;
-				flex: 1;
-				height: 100rpx;
-				margin: 0 0 0 24rpx;
-				border-radius: 40rpx;
-				color: #fff;
-				font-size: 30rpx;
-				background: linear-gradient(360deg, #FA9108 0%, #FFA734 100%);
-				box-shadow: 0rpx 6rpx 12rpx rgba(0,0,0,0.16);
 				.icon {
 					display: block;
-					width: 40rpx;
-					height: 40rpx;
-					margin: 0 12rpx 0 0;
+					width: 60rpx;
+					height: 60rpx;
+					margin: 0 24rpx;
 				}
 			}
 		}
@@ -688,20 +701,14 @@ page {
 }
 
 .music-wrap {
-	position: absolute;
-	left: 0;
-	right: 0;
-	top: -148rpx;
-	z-index: 5;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	height: 100rpx;
-	padding: 24rpx;
-	background-color: #fff;
+	transform: scale(0.5) translateX(50%);
 	.item {
-		width: 8px;
-		margin: 0 24rpx;
+		width: 6px;
+		margin: 0 8rpx;
 		border-radius: 6px;
 		background-color: #3D4CF1;
 	}
@@ -734,6 +741,9 @@ page {
 		animation: radius-animation .7s infinite linear;
 	}
 }
+.music-wrap2 {
+	transform: scale(0.5) translateX(-50%);
+}
 @keyframes radius-animation {
 	100% {
 		height: 20rpx;