@media (max-width: 991.98px) {
	.px-4{
		padding-right: 1rem !important;
    padding-left: 1rem !important;
	}
	.mr-0{
		margin-right: 0 !important;
	}
	.h5-px-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.no-h5{
		display: none !important;
	}
	.shoushu{
		text-align: center;
	}
	.banner-h1{
		display: inline-block;
		margin: 0 auto;
	}
	.banner-h1::after{
		content: "";
		position: absolute;
		/* width: 50%; */
		height: 20px;
		background-color: #1358FD;
		left: 50%;
		transform: translate(-50%, 0%);
		bottom: 0;
	}
	#mycountdown {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	.simply-section{
		padding: 1rem 0 !important;
	}
	.seahorse3{
		right: 10px !important;
		bottom: -50px !important;
	}
	.seahorse1{
		display: none;
	}
	.earth {
		display: none;
	}
	.group-box{
		padding: 30px 10px;
		gap: 10px;
	}
	.exchange-right{
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.exchange-hm{
		width: 100%;
		display: none;
	}
	.progress-line{
		display: none;
	}
	.language{
		display: block !important;
	}
	.exchange-content{
		background-color: #000810;
		background-image: none;
	}
	.about-label{
		white-space: inherit !important;
	}
	.connect-wallet-btn {
		padding: 10px 14px !important;
	}
}

/* ========== 动画效果 ========== */

/* 页面加载淡入动画 */
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* 从下向上滑入 */
@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 从左向右滑入 */
@keyframes slideInLeft {
	from {
		opacity: 0;
		transform: translateX(-50px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* 从右向左滑入 */
@keyframes slideInRight {
	from {
		opacity: 0;
		transform: translateX(50px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* 放大动画 */
@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale(0.8);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* 浮动动画 */
@keyframes float {
	0%, 100% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
}

/* 旋转动画 */
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* 脉冲动画 */
@keyframes pulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
}

/* 闪烁动画 */
@keyframes glow {
	0%, 100% {
		box-shadow: 0 0 5px rgba(19, 88, 253, 0.5);
	}
	50% {
		box-shadow: 0 0 20px rgba(19, 88, 253, 0.8), 0 0 30px rgba(19, 88, 253, 0.6);
	}
}

/* 进度条填充动画 */
@keyframes progressFill {
	from {
		width: 0%;
	}
}

/* 应用动画类 */
.animate-fade-in {
	animation: fadeIn 1s ease-in-out;
}

.animate-slide-up {
	animation: slideUp 0.8s ease-out;
}

.animate-slide-left {
	animation: slideInLeft 0.8s ease-out;
}

.animate-slide-right {
	animation: slideInRight 0.8s ease-out;
}

.animate-zoom {
	animation: zoomIn 0.8s ease-out;
}

.animate-float {
	animation: float 3s ease-in-out infinite;
}

.animate-rotate {
	animation: rotate 20s linear infinite;
}

.animate-pulse {
	animation: pulse 2s ease-in-out infinite;
}

.animate-glow {
	animation: glow 2s ease-in-out infinite;
}

/* 按钮悬停效果 */
.btn {
	transition: all 0.3s ease;
}

.btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn:active {
	transform: translateY(-1px);
}

/* 卡片悬停效果 */
.howtobuy, .accordion-item {
	transition: all 0.3s ease;
}

.howtobuy:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 30px rgba(19, 88, 253, 0.3);
}

/* 图片悬停效果 */
img {
	transition: transform 0.3s ease;
}

img:hover {
	transform: scale(1.05);
}

/* 滚动触发动画 */
.scroll-animate {
	opacity: 0;
	transition: all 0.6s ease-out;
}

.scroll-animate.active {
	opacity: 1;
	transform: translateY(0) !important;
}

/* 进度条动画 */
.progress-bar {
	transition: width 1.5s ease-out;
}

/* 输入框焦点效果 */
input:focus, textarea:focus {
	/* transition: all 0.3s ease;
	box-shadow: 0 0 15px rgba(19, 88, 253, 0.5) !important; */
}

/* 导航栏滚动效果 */
.header-container {
	transition: all 0.3s ease;
}

/* 数字计数动画 */
@keyframes countUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.number-count {
	animation: countUp 0.6s ease-out;
}

/* 渐变背景动画 */
@keyframes gradientShift {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* 延迟动画类 */
.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }
.delay-5 { animation-delay: 0.5s; }
.delay-6 { animation-delay: 0.6s; }

/* 防止移动端输入框放大页面 */
input, textarea, select {
	font-size: 16px !important;
	touch-action: manipulation;
}

/* iOS Safari 特殊处理 */
@supports (-webkit-touch-callout: none) {
	input, textarea, select {
		font-size: 16px !important;
	}
}