/* 右侧悬浮容器 */
.quick-access {
	position: fixed;
	right: 0;
	top: 50%;
	/* 垂直居中 */
	transform: translateY(-50%);
	/* 精确居中 */
	z-index: 1000;
	display: flex;
	flex-direction: column;
	gap: 10px;
	/* 按钮间距 */
}

/* 主按钮样式 */
.quick-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	/* background: #4CAF50; */
	background: #0b7dda;
	color: white;
	border-radius: 5px 0 0 5px;
	/* 左侧圆角 */
	box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	cursor: pointer;
	font-size: 20px;
}

/* 文字标签样式（默认隐藏） */
.button-label {
	position: absolute;
	right: 100%;
	white-space: nowrap;
	background: #4CAF50;
	color: white;
	padding: 5px 12px;
	border-radius: 5px 0 0 5px;
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
	font-size: 14px;
}

/* 悬停效果 */
.quick-button:hover {
	background: #45a049;
	width: 60px;
	/* 悬停时略微变宽 */
}

.quick-button:hover .button-label {
	opacity: 1;
	/* 显示文字标签 */
}

.phone-button:hover {
	background: #4CAF50;
}

.quick-img {
	width: 32px;
	height: 32px;
}