chore：电话按钮客服按钮背景白色圈改成正圆

components/hover-nav/hover-nav.vue

@@ -236,46 +236,42 @@ export default {
 </script>
 
 <style scoped>
+/* 父容器：不限制高度，避免挤压按钮 */
 .fixed-box {
 	position: fixed;
-	right: 0;
+	right: 20rpx; /* 增加右侧边距，避免贴边 */
 	bottom: 200rpx;
-	z-index: 10;
+	z-index: 9999;
-	border-radius: 120rpx;
-	padding: 20rpx 0;
 	display: flex;
 	flex-direction: column;
-	justify-content: center;
 	align-items: center;
-	width: 100rpx;
+	gap: 14rpx; /* 替代margin，更稳定 */
-	box-sizing: border-box;
 }
 
-/* 核心修改：确保按钮背景是正圆 */
+/* 核心：强制按钮为正方形+正圆 */
 .btn-item {
-	display: flex;
+	/* 宽高强制相等，必须是正方形 */
-	justify-content: center;
+	width: 88rpx !important;
-	align-items: center;
+	height: 88rpx !important;
-	width: 80rpx;
+	/* 强制正圆（优先级最高） */
-	height: 80rpx;
+	border-radius: 50% !important;
-	margin: 14rpx 0;
+	/* 白色背景（确保是圆） */
-	/* 强制正圆：使用远大于宽高的固定值，比50%更稳定 */
+	background-color: #ffffff !important;
-	border-radius: 100rpx;
+	/* 背景图居中显示，不拉伸 */
-	/* 确保背景色是白色（即使图片加载失败也能看到正圆） */
+	background-size: 60% 60% !important;
-	background-color: #ffffff;
+	background-position: center !important;
-	/* 防止边框/内边距影响宽高比 */
+	background-repeat: no-repeat !important;
-	box-sizing: border-box;
+	/* 清除默认样式 */
-	/* 移除默认边框（button标签可能有默认边框） */
+	border: none !important;
-	border: none;
+	padding: 0 !important;
-	/* 清除默认内边距 */
+	margin: 0 !important;
-	padding: 0;
+	/* 居中内容 */
-	position: relative;
+	display: flex !important;
-	transition: all 0.1s ease;
+	justify-content: center !important;
-	/* 防止背景图片拉伸导致视觉上的非正圆 */
+	align-items: center !important;
-	background-position: center;
+	/* 阴影增强视觉（可选） */
-	background-repeat: no-repeat;
+	box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);
 }
-
 /* 清除button标签的默认点击样式（微信小程序/浏览器） */
 .btn-item::after {
 	border: none !important;