li,p,strong {
   color: #333;
}
.operate {
   padding: 0 16px 20px 16px;
}
.content {
   height: 750px;
}
.matter .list .item {
	display: flex;
	justify-content: left;
	align-items: center;
	width: 45%;
	height: 60px;
	border-radius: 5px;
	padding-left: 8px;
	box-shadow: -1px 1px 2px rgba(0, 77, 147, 0.2);
	background-repeat: no-repeat;
	background-position: 92% center;
	background-blend-mode: color-burn;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	/* 仅过渡 transform */
	transform-origin: center;
}
.matter .list .item:hover {
	background-image: linear-gradient(to right, #cee3fd, #fff), var(--bg-image);
	color: #014c93;
	transform: scale(0.95);
	box-shadow:
		1px 1px 4px rgba(213, 235, 255, 0.8),
		-2px -2px 6px rgba(255, 255, 255, 0.8),
		-1px -1px 3px rgba(255, 255, 255, 0.6) inset;
}
.problem .list {
   display: flex;
   flex-wrap: wrap;
   font-size: 16px;
   color: #333333;
   justify-content: left;
}
.problem .list .item {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   width: 72px;
   height: 35px;
   margin-right: 12px;
   background-image: linear-gradient(to left, #e8f3fd, #fff);
   box-shadow: 1px 1px 2px rgba(213, 235, 255, 0.8), -2px -2px 4px rgba(255, 255, 255, 0.8), -1px -1px 2px rgba(255, 255, 255, 0.6) inset;
   color: #000;
   border-radius: 10px;
   text-align: center;
}
.problem .list .item:nth-child(4n) {
   margin-right: 0; 
}

.problem .list .item:hover {
   color: #014c93;
}
.chat {
   flex: 1;   height: 770px;
   border: none;
}
.prompt {
   margin-top: 26px;
}
.ai-message-box li {
   height:auto !important;
}
.ask {
   padding: 0;
   padding-left:20px;
}
.ai_container .mutual {
   padding-right: 0px;
}
.ai_container .main {
   margin-bottom: 20px;
}
.Controls-box {
   min-width: 310px;
}
body[data-topbar=old] .problem .list .item {
   font-size: 30px;
   --scale: 1.9;
   width: calc(72px * var(--scale));
   height: calc(35px * var(--scale));
   margin-right: calc(12px * var(--scale));
}