html,
body {
	margin: 0;
	padding: 0;
}
/* =============== #
   #FLOAT
================== */
#FLOAT {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 80;
	pointer-events: none; /* 只讓按鈕可點 */
}

#FLOAT .FLOAT__wrap {
	display: grid;
	gap: 10px;
	pointer-events: auto;
}

/* 單顆按鈕 */
#FLOAT .FLOAT__btn {
	width: 56px;
	height: 56px;
	border-radius: 18px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: rgba(255, 255, 255, 0.86);
	backdrop-filter: blur(10px);
	box-shadow: var(--shadow2);
	display: grid;
	place-items: center;
	cursor: pointer;
	text-decoration: none;
	color: rgba(11, 18, 32, 0.82);
	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		background 0.18s ease;
	position: relative;
}

#FLOAT .FLOAT__btn:hover {
	transform: translateY(-2px);
	box-shadow: var(--shadow);
}

/* icon */
#FLOAT .FLOAT__icon {
	width: 30px;
	height: 30px;
	display: inline-grid;
	place-items: center;
}
#FLOAT .FLOAT__icon svg {
	width: 30px;
	height: 30px;
}

/* label：平常隱藏，hover 才顯示（高級感） */
#FLOAT .FLOAT__label {
	position: absolute;
	right: 64px;
	top: 50%;
	transform: translateY(-50%);
	padding: 8px 10px;
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: rgba(255, 255, 255, 0.92);
	color: rgba(11, 18, 32, 0.82);
	font-weight: 900;
	font-size: 12px;
	letter-spacing: 0.2px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: 0.18s ease;
	box-shadow: var(--shadow2);
}
#FLOAT .FLOAT__btn:hover .FLOAT__label {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%) translateX(-2px);
}

/* 各按鈕配色 */
#FLOAT .FLOAT__btn--line {
	background: linear-gradient(
		135deg,
		rgba(6, 182, 76, 0.92),
		rgba(34, 197, 94, 0.92)
	);
	border-color: rgba(6, 182, 76, 0.28);
	color: #fff;
}
#FLOAT .FLOAT__btn--line .FLOAT__label {
	border-color: rgba(6, 182, 76, 0.2);
}

#FLOAT .FLOAT__btn--contact {
	background: rgba(255, 255, 255, 0.88);
}

#FLOAT .FLOAT__btn--top {
	background: rgba(255, 255, 255, 0.88);
	opacity: 0;
	transform: translateY(6px);
	pointer-events: none;
}

#FLOAT .FLOAT__btn--top.is-show {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

@media (max-width: 560px) {
	#FLOAT {
		right: 12px;
		bottom: 12px;
	}
	#FLOAT .FLOAT__btn {
		width: 52px;
		height: 52px;
		border-radius: 16px;
	}
	#FLOAT .FLOAT__label {
		display: none;
	}
}