/* 页脚二维码 */
.region-footer .gap-8 .bg-white img {
	max-width: 100%;
}

/* AI馆员 */
.ai-lili-wrapper {
	align-items: flex-end;
	bottom: 88px;
	cursor: pointer;
	display: flex;
	position: fixed;
	pointer-events: auto;
	right: 20px;
	z-index: 2147483647;
	height: 198px;
	width: 268px;

	transform: translateX(0);
	transition: transform 0.5s ease;
}

/* 图片容器 */
.lili-img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

/* 两张图叠加 */
.lili-img img {
	position: absolute;
	right: 0;
	bottom: 0;
	object-fit: none;
	object-position: right center;
	transform-origin: top right;
	transition:
		transform 0.5s ease,
		opacity 0.35s ease;
}

/* 带气泡 */
.lili-bubble {
	opacity: 1;
	z-index: 2;
	max-width: clamp(138px, 36vmin, 268px);
	transform: translateX(0) rotate(0deg);
}

/* 无气泡 */
.lili-nobubble {
	opacity: 0;
	z-index: 1;
	max-width: clamp(72px, 19vmin, 140px);
	transform: translateX(40px) rotate(-10deg);
}

/* ========
   收起状态
   ======== */
.ai-lili-wrapper.collapsed {
	transform: translateX(calc(100% - clamp(138px, 36vmin, 268px) + 80px));
	pointer-events: none;
}

.ai-lili-wrapper.collapsed .lili-bubble {
	opacity: 0;
	transform: translateX(calc(100% - 268px)) rotate(0deg);
}

.ai-lili-wrapper.collapsed .lili-nobubble {
	opacity: 1;
	transform: translateX(0) rotate(-10deg);
	animation: lili-breathe 3s ease-in-out infinite;
	pointer-events: auto;
}

/* ========
   展开状态
   ======== */
.ai-lili-wrapper.expanded, .ai-lili-wrapper:not(.collapsed):not(.scrolling) {
	transform: translateX(0) !important;
}

.ai-lili-wrapper.expanded .lili-bubble, .ai-lili-wrapper:not(.collapsed):not(.scrolling) .lili-bubble {
	opacity: 1;
	transform: translateX(0) rotate(0deg);
}

.ai-lili-wrapper.expanded .lili-nobubble, .ai-lili-wrapper:not(.collapsed):not(.scrolling) .lili-nobubble {
	opacity: 0;
	transform: translateX(40px) rotate(-10deg);
}

/* ======
   滚动中
   ====== */
.ai-lili-wrapper.scrolling {
	transform: translateX(calc(100% - 36px)) !important;
	pointer-events: none;
}

.ai-lili-wrapper.scrolling .lili-bubble {
	opacity: 0;
	transform: translateX(-60px) rotate(0deg);
}

.ai-lili-wrapper.scrolling .lili-nobubble {
	opacity: 0.75;
	transform: translateX(0) rotate(-12deg);
	pointer-events: none;
}

/* ==========
   移动端适配
   ========== */
@media (max-width: 768px) {
	.ai-lili-wrapper {
		width: clamp(138px, 36vmin, 268px);
		height: auto;
		aspect-ratio: 268 / 198;
	}

	.lili-img {
		position: absolute;
		inset: 0;
	}

	.lili-img img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: right bottom;
	}

	.ai-lili-wrapper.collapsed {
		transform: translateX(calc(100% - clamp(138px, 36vmin, 268px) + 50px)) !important;
	}

	.ai-lili-wrapper.collapsed .lili-bubble {
		opacity: 0;
		transform: translateX(calc(100% - clamp(138px, 36vmin, 268px))) rotate(0deg) !important;
	}

	.ai-lili-wrapper.collapsed .lili-nobubble {
		opacity: 1;
		transform: translateX(0) rotate(-8deg);
		animation: lili-breathe-mobile 3s ease-in-out infinite;
	}

	.ai-lili-wrapper.scrolling {
		transform: translateX(100vw) !important;
	}

	.ai-lili-wrapper.scrolling .lili-nobubble {
		opacity: 0 !important;
		pointer-events: none !important;
	}
}

/* 呼吸动画 */
@keyframes lili-breathe {
  0%, 100% { transform: translateX(0) rotate(-10deg); }
  50% { transform: translateX(0) rotate(-9deg); }
}
@keyframes lili-breathe-mobile {
	0%, 100% { transform: translateX(0) rotate(-8deg); }
	50% { transform: translateX(0) rotate(-7deg); }
}