/* 防止页面加载时的闪烁 - 内联样式确保最快加载 */
			html {
				background-color: #ffffff;
				transition: background-color 0.3s ease;
			}

			html.dark {
				background-color: #0f172a;
			}

			body {
				background-color: inherit;
				transition: background-color 0.3s ease;
				margin: 0;
				padding: 0;
			}

			#root {
				min-height: 100vh;
				background-color: inherit;
				transition: background-color 0.3s ease;
			}

			/* 页面切换时的背景保持 */
			.page-wrapper {
				background-color: inherit;
				min-height: 100vh;
				transition: background-color 0.3s ease;
			}

			/* 加载动画 */
			.loading-dots {
				display: inline-block;
				position: relative;
				width: 80px;
				height: 80px;
			}

			.loading-dots div {
				position: absolute;
				top: 33px;
				width: 13px;
				height: 13px;
				border-radius: 50%;
				background: #3b82f6;
				animation-timing-function: cubic-bezier(0, 1, 1, 0);
			}

			.loading-dots div:nth-child(1) {
				left: 8px;
				animation: loading-dots1 0.6s infinite;
			}

			.loading-dots div:nth-child(2) {
				left: 8px;
				animation: loading-dots2 0.6s infinite;
			}

			.loading-dots div:nth-child(3) {
				left: 32px;
				animation: loading-dots2 0.6s infinite;
			}

			.loading-dots div:nth-child(4) {
				left: 56px;
				animation: loading-dots3 0.6s infinite;
			}

			@keyframes loading-dots1 {
				0% {
					transform: scale(0);
				}

				100% {
					transform: scale(1);
				}
			}

			@keyframes loading-dots3 {
				0% {
					transform: scale(1);
				}

				100% {
					transform: scale(0);
				}
			}

			@keyframes loading-dots2 {
				0% {
					transform: translate(0, 0);
				}

				100% {
					transform: translate(24px, 0);
				}
			}
	
			/* 主题切换和移动端菜单所需样式 */
			.mobile-menu {
				display: none;
			}

			.mobile-menu.active {
				display: block;
			}

			/* 页脚图标样式 */
			.glmall-icon01::before {
				content: "✓";
			}

			.glmall-icon04::before {
				content: "®";
			}

			.glmall-icon02::before {
				content: "$";
			}

			.glmall-icon03::before {
				content: "?";
			}

			/* 响应式调整 */
			@media (max-width: 768px) {
				.glmall-footer-link {
					grid-template-columns: 1fr 1fr;
				}

				.glmall-footer-advantage ul {
					grid-template-columns: 1fr 1fr;
				}
			}

			@media (max-width: 480px) {
				.glmall-footer-link {
					grid-template-columns: 1fr;
				}

				.glmall-footer-advantage ul {
					grid-template-columns: 1fr;
				}

				.glmall-copyright-group {
					flex-direction: column;
					text-align: center;
				}
			}

			/* 日夜间模式颜色适配 */
			.dark .glmall-friend-link a,
			.dark .glmall-copyright-group a,
			.dark .glmall-footer-qrcode div {
				color: #94a3b8;
			}

			.dark .glmall-friend-link a:hover,
			.dark .glmall-copyright-group a:hover {
				color: #3b82f6;
			}