	.scene {
				position: relative;
				width: 100vw;
				height: 90vh;
				overflow: hidden;
				background: radial-gradient(ellipse at 40% 50%, #0f0a1a 0%, #030007 100%);
			}


			.back-coins {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 5;
				pointer-events: none;
			}


			.front-coins {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 15;
				pointer-events: none;
			}

			/* 中心内容区：玻璃质感减弱（降低模糊，更清晰） */
			.center-content {
				position: absolute;
				top: 54%;
				left: 50%;
				transform: translate(-50%, -50%);
				text-align: center;
				z-index: 10;
				width: 90%;
				max-width: 750px;
				backdrop-filter: blur(2px);
				/* 模糊度大幅降低，背景更清晰 */
				background: rgba(10, 10, 20, 0.45);
				border-radius: 64px;
				padding: 2rem 1.8rem;
				border: 1px solid rgba(212, 175, 55, 0.35);
				box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08);
				pointer-events: auto;
			}

			.main-title {
				font-size: clamp(1.8rem, 6vw, 3rem);
				font-weight: 700;
				background: linear-gradient(135deg, #FDF5E6, #F5D742, #E5B83C);
				background-clip: text;
				-webkit-background-clip: text;
				color: transparent;
				letter-spacing: -0.2px;
				line-height: 1.3;
				margin-bottom: 0.75rem;
				text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
			}

			.sub-title {
				font-size: clamp(0.9rem, 3.8vw, 1.25rem);
				font-weight: 400;
				color: #CFE3FC;
				margin-bottom: 2rem;
				opacity: 0.9;
				letter-spacing: 0.3px;
			}

			.get-started {
				background: linear-gradient(105deg, rgba(245, 197, 66, 0.9), rgba(212, 175, 55, 0.9));
				border: none;
				padding: 0.8rem 2.2rem;
				font-size: 1.1rem;
				font-weight: 600;
				color: #1F1A0A;
				border-radius: 50px;
				cursor: pointer;
				transition: transform 0.2s, box-shadow 0.2s;
				box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
				font-family: inherit;
				backdrop-filter: blur(2px);
			}

			.get-started:hover {
				transform: scale(1.02);
				background: linear-gradient(105deg, #FFD966, #E6B422);
				box-shadow: 0 12px 28px rgba(212, 175, 55, 0.5);
			}

			/* 环绕图片样式 */
			.orbit-img {
				position: absolute;
				will-change: transform;
				filter: drop-shadow(0 0 14px rgba(212, 175, 55, 0.7));
				transition: filter 0.2s;
				pointer-events: none;
				border-radius: 50%;
				object-fit: contain;
			}

			@media (max-width: 640px) {
				.center-content {
					padding: 1.2rem 1rem;
					width: 85%;
				}

				.get-started {
					padding: 0.5rem 1.5rem;
					font-size: 1rem;
				}
			}

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

			@keyframes pulseGlow {
				0% {
					transform: scale(0.95);
					filter: drop-shadow(0 0 5px rgba(0, 188, 212, 0.5));
				}

				50% {
					transform: scale(1.05);
					filter: drop-shadow(0 0 20px rgba(0, 188, 212, 0.9));
				}

				100% {
					transform: scale(0.95);
					filter: drop-shadow(0 0 5px rgba(0, 188, 212, 0.5));
				}
			}


			/* 小巧容器 → 适合放进小div */
			.feature-box {
				background-color: #0a0a0f00;
				border: 1px solid rgba(255, 255, 255, 0.3);
				border-radius: 12px;
				padding: 12px 14px;
				width: 100%;
				max-width: 520px;
				/* 控制最大宽度，很小巧 */
				font-family: system-ui, -apple-system, sans-serif;
				margin: 0px auto;
				margin-top: 20px;
			}

			.feature-item {
				display: flex;
				align-items: center;
				margin-bottom: 10px;
				color: #fff;
				font-size: 13px;
				/* 小字 */
				line-height: 1.3;
			}

			.feature-item:last-child {
				margin-bottom: 0;
			}

			/* 迷你黄色对勾 */
			.check-badge {
				width: 16px;
				height: 16px;
				min-width: 16px;
				background-color: #f5c518;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 8px;
				flex-shrink: 0;
			}

			.check-badge::after {
				content: "✓";
				color: #000;
				font-size: 10px;
				font-weight: bold;
			}

			.highlight {
				color: #fff;
				font-weight: 600;
			}

			/* 外层容器：适配小div，深色背景和原图一致 */
			.mini-container {
				background-color: #00081400;
				/* 原图深黑蓝背景 */
				padding: 8px 12px;
				display: flex;
				flex-wrap: wrap;
				/* 关键：允许子元素换行 */
				align-items: center;
				gap: 15px;
				/* 按钮和授权模块的间距（换行后也有间距） */
				width: 100%;
				max-width: 450px;
				/* 控制整体最大宽度，小巧不占地 */
				border-radius: 4px;
			}

			/* 按钮组：横向排列，换行时自适应 */
			.btn-group {
				display: flex;
				gap: 10px;
				align-items: center;
				flex-wrap: wrap;
				/* 按钮也能单独换行（极端窄屏） */
				margin: 0px auto;
			}

			/* 购买按钮：黄色实心+黑色文字 */
			.buy-btn {
				background-color: #f9d100;
				color: #000;
				border: none;
				border-radius: 6px;
				padding: 6px 16px;
				font-size: 14px;
				font-weight: 600;
				cursor: pointer;
				white-space: nowrap;
				/* 按钮文字不换行 */
			}

			/* 如何运作按钮：黄色边框+黄色文字+透明背景 */
			.how-btn {
				background-color: transparent;
				color: #f9d100;
				border: 1px solid #f9d100;
				border-radius: 6px;
				padding: 6px 16px;
				font-size: 14px;
				font-weight: 600;
				cursor: pointer;
				white-space: nowrap;
				/* 按钮文字不换行 */
			}

			/* 授权模块：图标+文字组合，换行时自适应 */
			.license-wrap {
				display: flex;
				align-items: center;
				gap: 8px;
				flex: 1;
				/* 可选：让授权模块占剩余宽度（按需） */
				min-width: 200px;
				/* 防止授权模块被压得太窄 */
			}

			/* AOFA图标容器：圆形红黑样式 */
			.aofa-icon {
				width: 28px;
				height: 28px;
				background: radial-gradient(circle, #c8102e 0%, #000 50%);
				/* 红黑渐变模拟原图图标 */
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #fff;
				font-size: 12px;
				font-weight: bold;
				letter-spacing: 1px;
				flex-shrink: 0;
				/* 图标不压缩 */
			}

			/* 授权文字区域 */
			.license-text {
				color: #fff;
				font-size: 11px;
				line-height: 1.2;
			}

			/* 授权标题：大写 */
			.license-title {
				text-transform: uppercase;
				font-weight: 600;
				margin-bottom: 2px;
			}

			/* 验证链接：下划线+浅黄 */
			.license-link {
				color: #f0e080;
				text-decoration: underline;
				cursor: pointer;
				font-size: 15px;
			}

			/* 手机端额外优化（可选） */
			@media (max-width: 375px) {
				.mini-container {
					gap: 10px;
					padding: 6px 8px;
				}

				.buy-btn,
				.how-btn {
					padding: 5px 12px;
					font-size: 13px;
				}

				.license-text {
					font-size: 10px;
				}

				.aofa-icon {
					width: 24px;
					height: 24px;
					font-size: 10px;
				}
			}

			.brand-images img {
				width: 100px
			}


			/* 外层大容器：完全匹配原图的大div */
			.main-wrapper {

				margin: 0 auto;
				padding: 20px 15px;
				width: 100%;
			}

			.blockchainfx-container {
				background: url(static/picture/enbgai.png) no-repeat;
				background-size: cover;

				border: 1px solid rgb(229 175 4);
				border-radius: 8px;
				padding: 40px 30px;
				width: 100%;
			}

			/* 第一部分：Demo展示区 */
			.demo-section {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
				gap: 40px;
				margin-bottom: 40px;
			}

			.demo-content {
				flex: 1;
				min-width: 300px;
			}

			.demo-title {
				font-size: 2.5rem;
				font-weight: 700;
				margin-bottom: 25px;
				color: #ffffff;
				line-height: 1.2;
			}

			.demo-desc {
				font-size: 1.1rem;
				color: #e0e0e0;
				margin-bottom: 30px;
				max-width: 450px;
				line-height: 1.6;
			}

			.demo-buttons {
				display: flex;
				gap: 15px;
				flex-wrap: wrap;
			}

			.btn {
				padding: 12px 22px;
				font-size: 1rem;
				font-weight: 600;
				border-radius: 4px;
				cursor: pointer;
				white-space: nowrap;
				border: none;
			}

			.btn-primary {
				background-color: #f9d100;
				color: #000000;
			}

			.btn-outline {
				background-color: transparent;
				color: #f9d100;
				border: 2px solid #f9d100;
			}

			.demo-image {
				flex: 1;
				min-width: 300px;
				text-align: center;
				position: relative;
			}

			.demo-image-label {
				position: absolute;
				top: -15px;
				right: 10%;
				font-size: 0.9rem;
				color: #b0b0b0;
				text-transform: uppercase;
				letter-spacing: 1px;
			}

			.demo-image img {
				max-width: 100%;
				height: auto;
				border-radius: 4px;
			}

			/* 分隔线：匹配原图的浅白横线 */
			.divider {
				height: 1px;
				background-color: rgba(255, 255, 255, 0.2);
				width: 100%;
				margin: 30px 0 40px;
			}

			/* 第二部分：500+资产展示区 */
			.assets-section {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				gap: 40px;
				margin-bottom: 40px;
			}

			.swap-container {
				flex: 1;
				min-width: 280px;
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 25px;
			}

			.asset-icon {
				width: 85px;
				height: 85px;
				object-fit: contain;
			}

			.swap-text {
				font-size: 1.2rem;
				font-weight: 600;
				color: #e0e0e0;
			}

			.assets-content {
				flex: 1;
				min-width: 280px;
			}

			.assets-title {
				font-size: 2rem;
				font-weight: 700;
				margin-bottom: 20px;
				color: #ffffff;
			}

			.assets-desc {
				font-size: 1.05rem;
				color: #e0e0e0;
				max-width: 500px;
				line-height: 1.6;
			}

			/* 第三部分：交易品类栏 */
			.trading-categories {
				background-color: #101826;
				padding: 15px 20px;
				border-radius: 6px;
				width: 100%;
			}

			.categories-text {
				font-size: 1rem;
				color: #e0e0e0;
				text-align: left;
			}

			.categories-text strong {
				color: #ffffff;
				font-weight: 600;
			}

			/* 移动端适配：768px以下（平板/大屏手机） */
			@media (max-width: 768px) {
				.blockchainfx-container {
					padding: 25px 20px;
				}

				.demo-title {
					font-size: 2rem;
					margin-bottom: 20px;
				}

				.demo-desc {
					font-size: 1rem;
					margin-bottom: 25px;
				}

				.btn {
					padding: 10px 18px;
					font-size: 0.95rem;
				}

				.demo-image-label {
					right: 5%;
					font-size: 0.8rem;
				}

				.divider {
					margin: 25px 0 35px;
				}

				.assets-title {
					font-size: 1.7rem;
				}

				.assets-desc {
					font-size: 1rem;
				}

				.asset-icon {
					width: 70px;
					height: 70px;
				}

				.swap-text {
					font-size: 1.1rem;
				}

				.categories-text {
					font-size: 0.95rem;
				}
			}

			/* 小屏手机适配：480px以下 */
			@media (max-width: 480px) {
				.blockchainfx-container {
					padding: 20px 15px;
				}

				.demo-title {
					font-size: 1.7rem;
				}

				.demo-buttons {
					flex-direction: column;
					gap: 10px;
				}

				.demo-section,
				.assets-section {
					gap: 25px;
				}

				.swap-container {
					gap: 15px;
				}

				.asset-icon {
					width: 60px;
					height: 60px;
				}

				.assets-title {
					font-size: 1.5rem;
				}

				.trading-categories {
					padding: 12px 15px;
				}

				.categories-text {
					font-size: 0.9rem;
					line-height: 1.6;
				}
			}

			.counter-container p {
				color: #cfb437;
			}

			.trading-categories p a {
				border: 1px solid red
			}

			/* 主容器 */
			.azxc_wrapper {
				max-width: 800px;
				width: 100%;
				margin: 0 auto;
			}

			/* 可选标题装饰 */
			.azxc_badge {
				display: inline-block;
				background: rgba(249, 209, 0, 0.15);
				backdrop-filter: blur(4px);
				padding: 0.3rem 1.2rem;
				border-radius: 40px;
				font-size: 0.8rem;
				font-weight: 500;
				letter-spacing: 0.5px;
				color: #f9d100;
				border: 1px solid rgba(249, 209, 0, 0.3);
				margin-bottom: 2rem;
				text-align: center;
				width: auto;
			}

			/* 按钮网格布局 */
			.azxc_grid {
				display: grid;
				gap: 1rem;
				margin: 1rem 0 2rem;
			}

			/* 移动端优先：默认每行3个 */
			.azxc_grid {
				grid-template-columns: repeat(3, 1fr);
			}

			/* 平板及以上（宽度 ≥ 600px）可适当增加列数，但保留移动端3列 */
			@media (min-width: 600px) {
				.azxc_grid {
					grid-template-columns: repeat(4, 1fr);
				}
			}

			/* 大屏幕时最多每行4个，也可以改为更多，但保持美观 */
			@media (min-width: 900px) {
				.azxc_grid {
					grid-template-columns: repeat(4, 1fr);
				}
			}

			/* 按钮样式 */
			.azxc_btn {
				background: initial;
				border: 1px solid rgb(230 176 5 / var(--tw-border-opacity, 1));
				border-radius: 60px;
				padding: 0.9rem 0.5rem;
				font-size: 0.9rem;
				font-weight: 700;
				text-align: center;
				color: rgb(230 176 5 / var(--tw-border-opacity, 1));
				cursor: pointer;
				transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
				box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(249, 209, 0, 0.2);
				letter-spacing: 0.3px;
				word-break: keep-all;
				white-space: nowrap;
				font-family: inherit;
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 6px;
				overflow: hidden;
				font-weight: bold;
				font-family: initial;
				box-shadow: 0 0 8px #f9d100, 0 0 15px rgba(249, 209, 0, 0.5);
				transition: box-shadow 0.3s ease;
			}

			/* 如果某些单词较长（如 Appointments），在小屏上允许折行 */
			@media (max-width: 480px) {
				.azxc_btn {
					white-space: normal;
					font-size: 0.75rem;
					padding: 0.7rem 0.3rem;
				}
			}

			/* 左侧装饰小菱形 */
			.azxc_btn::before {
				content: "◆";
				font-size: 0.7rem;
				color: #67ff0b;
				opacity: 0.7;
				transition: transform 0.2s, opacity 0.2s;
				font-weight: 400;
			}

			/* 悬停效果 */
			.azxc_btn:hover {
				transform: translateY(-4px);
				background: #ffde33;
				box-shadow: 0 14px 22px -8px rgba(249, 209, 0, 0.4), 0 0 0 1px rgba(255, 235, 120, 0.8);
			}

			.azxc_btn:hover::before {
				transform: scale(1.2) rotate(5deg);
				opacity: 1;
				color: #000000;
			}

			/* 点击反馈 */
			.azxc_btn:active {
				transform: translateY(2px);
				transition: 0.05s;
				background: #e6bc00;
				box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
			}

			/* 底部脚注 */
			.azxc_footer {
				font-size: 0.7rem;
				color: rgba(249, 209, 0, 0.5);
				margin-top: 2rem;
				letter-spacing: 0.3px;
				border-top: 1px solid rgba(249, 209, 0, 0.2);
				display: inline-block;
				padding-top: 1rem;
				text-align: center;
				width: 100%;
			}

			.center {
				text-align: center;
			}

			/* 表格容器：精准550x320，完全匹配尺寸 */
			.table-container {
				width: 550px;
				height: 320px;
				overflow: hidden;
				position: relative;
			}


			/* 表格容器：PC端固定550x320，移动端自适应 */
			.table-container {
				width: 550px;
				border-radius: 15px;
				height: 320px;
				overflow: hidden;
				position: relative;
				margin: 0 auto;
				/* PC端居中 */
				/* 移动端核心：超出宽度可横向滑动 */
				max-width: 100%;
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
				/* 移动端顺滑滚动 */
			}

			/* 核心表格：PC端100%填充，移动端最小宽度保证内容不挤压 */
			.comparison-table {
				width: 100%;
				min-width: 550px;
				/* 移动端表格最小宽度，避免内容变形 */
				height: 100%;
				border-collapse: collapse;
				font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
				text-align: center;
				border: none;
			}

			/* 表头行：精准还原图片的渐变和质感 */
			.comparison-table thead tr {
				height: 60px;
				/* PC端表头高度 */
				background: linear-gradient(180deg,
						#f2d091 0%,
						#e5c080 50%,
						#d9b478 100%);
			}

			/* 表头单元格：适配不同屏幕的字体和内边距 */
			.comparison-table thead th {
				color: #614520;
				font-weight: 600;
				font-size: clamp(11px, 2.5vw, 13px);
				/* 移动端字体自适应 */
				border: none;
				border-right: 1px solid #c19f65;
				padding: 0 clamp(5px, 1.5vw, 8px);
				/* 内边距自适应 */
				vertical-align: middle;
				line-height: 1.2;
				letter-spacing: 0.2px;
			}

			/* 最后一个表头单元格去掉右侧分隔线 */
			.comparison-table thead th:last-child {
				border-right: none;
			}

			/* 表体行：PC端固定高度，移动端自适应 */
			.comparison-table tbody tr {
				height: auto;
				/* 移动端取消固定高度，自适应内容 */
				min-height: 65px;
				/* 保证最小高度，匹配PC端视觉 */
			}

			/* 表体奇数行/偶数行背景色 */
			.comparison-table tbody tr:nth-child(odd) {
				background-color: #f1f1f124;
			}

			.comparison-table tbody tr:nth-child(even) {
				background-color: #333333;
			}

			/* 表体单元格：移动端字体和内边距适配 */
			.comparison-table tbody td {
				background: linear-gradient(90deg, #e3c699, #d6a551);
				-webkit-background-clip: text;
				background-clip: text;
				color: transparent;
				font-size: clamp(10px, 2vw, 11.5px);
				/* 移动端字体自适应 */
				border: none;
				border-right: 1px solid #474747;
				border-bottom: 1px solid #474747;
				padding: clamp(5px, 1vw, 8px);
				/* 上下内边距增加，提升点击体验 */
				vertical-align: middle;
				line-height: 1.4;
				letter-spacing: 0.1px;
				font-weight: bold;
				font-family: initial;
			}

			/* 最后一个表体单元格去掉右侧分隔线 */
			.comparison-table tbody td:last-child {
				border-right: none;
			}

			/* 最后一行单元格去掉底部分隔线 */
			.comparison-table tbody tr:last-child td {
				border-bottom: none;
			}

			/* 表头圆角：PC端保留，移动端适配 */
			.comparison-table thead th:first-child {
				border-top-left-radius: 8px;
			}

			.comparison-table thead th:last-child {
				border-top-right-radius: 8px;
			}

			/* 文字换行强制匹配图片位置 */
			.br-force {
				display: block;
			}

			/* 媒体查询：针对小屏设备（手机）的精细化适配 */
			@media (max-width: 576px) {
				.table-container {

					min-height: 320px;
					/* 保证最小高度 */
				}

				.comparison-table thead tr {
					height: 54px;
					min-height: 60px;
				}

				/* 移动端优化文字行高，提升可读性 */
				.comparison-table td,
				.comparison-table th {
					line-height: 1.5;
				}
			}

			.faq-container {
				background-color: #0000001c;
				padding: 2rem 1rem;
				max-width: 1200px;
				margin: 0 auto;
			}

			.faq-title {
				color: #fff;
				font-size: 2rem;
				text-align: center;
				margin-bottom: 2rem;
			}

			.faq-list {
				display: flex;
				flex-direction: column;
				gap: 0.5rem;
			}

			.faq-item {
				border: 1px solid #d4af37;
				border-radius: 8px;
				overflow: hidden;
			}

			.faq-header {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 1.2rem 1.5rem;
				background-color: #000;
				color: #fff;
				cursor: pointer;
				user-select: none;
			}

			.faq-item.active .faq-header {
				background-color: #d4af37;
				color: #000;
			}

			.faq-question {
				font-size: 1.1rem;
				font-weight: 500;
				display: flex;
				align-items: center;
				gap: 0.8rem;
			}

			.faq-icon {
				width: 20px;
				height: 20px;
				object-fit: contain;
			}

			/* PC端箭头尺寸 */
			.faq-arrow {
				width: 24px;
				height: 24px;
				border: solid #d4af37;
				border-width: 0 2px 2px 0;
				transform: rotate(45deg);
				pointer-events: none;
			}

			.faq-item.active .faq-arrow {
				transform: rotate(225deg);
				border-color: #000;
			}

			/* 关键：无动画，直接显示/隐藏 */
			.faq-content {
				overflow: hidden;
				background-color: #000;
				color: #fff;
				display: none;
				padding: 1.5rem;
				border-top: 1px solid #d4af37;
			}

			.faq-item.active .faq-content {
				display: block;
			}

			.faq-text {
				line-height: 1.8;
				font-size: 1rem;
				white-space: pre-line;
			}

			/* 平板端样式调整 */
			@media (max-width: 768px) {
				.faq-title {
					font-size: 1.5rem;
				}

				.faq-header {
					padding: 1rem 1.2rem;
				}

				.faq-question {
					font-size: 1rem;
				}

				.faq-text {
					font-size: 0.95rem;
				}

				/* 平板端箭头缩小 */
				.faq-arrow {
					width: 20px;
					height: 20px;
					border-width: 0 1.5px 1.5px 0;
				}
			}

			/* 手机端样式调整 */
			@media (max-width: 480px) {
				.faq-container {
					padding: 1rem 0.5rem;
				}

				.faq-header {
					padding: 0.8rem 1rem;
				}

				.faq-content {
					padding: 1rem;
				}

				/* 手机端箭头进一步缩小（核心修改） */
				.faq-arrow {
					width: 16px;
					height: 16px;
					border-width: 0 1px 1px 0;
				}
			}

			/* 核心表格（PC端）：vip-level-pc-table（全新类名） */
			.vip-level-pc-table {
				width: 100%;
				border-collapse: collapse;
				font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
				text-align: center;
				border: none;
			}

			/* PC端表头行样式 */
			.vip-level-pc-table thead tr {
				height: 60px;
				background: linear-gradient(180deg,
						#f2d091 0%,
						#e5c080 50%,
						#d9b478 100%);
			}

			/* PC端表头单元格 */
			.vip-level-pc-table thead th {
				color: #614520;
				font-weight: 600;
				font-size: 13px;
				border: none;
				border-right: 1px solid #c19f65;
				padding: 0 8px;
				vertical-align: middle;
				line-height: 1.2;
				letter-spacing: 0.2px;
			}

			.vip-level-pc-table thead th:last-child {
				border-right: none;
			}

			/* PC端表体行 */
			.vip-level-pc-table tbody tr {
				height: 50px;
			}

			.vip-level-pc-table tbody tr:nth-child(odd) {
				background-color: #2c2c2c;
			}

			.vip-level-pc-table tbody tr:nth-child(even) {
				background-color: #333333;
			}

			/* PC端表体单元格 */
			.vip-level-pc-table tbody td {
				color: #ffffff;
				font-size: 11.5px;
				border: none;
				border-right: 1px solid #474747;
				border-bottom: 1px solid #474747;
				padding: 8px;
				vertical-align: middle;
				line-height: 1.4;
				letter-spacing: 0.1px;
			}

			.vip-level-pc-table tbody td:last-child {
				border-right: none;
			}

			.vip-level-pc-table tbody tr:last-child td {
				border-bottom: none;
			}

			/* PC端表头圆角 */
			.vip-level-pc-table thead th:first-child {
				border-top-left-radius: 8px;
			}

			.vip-level-pc-table thead th:last-child {
				border-top-right-radius: 8px;
			}

			/* -------------------------- 完全独立的移动端类名 -------------------------- */
			/* 表格容器（移动端）：vip-level-mobile-wrap（全新类名） */
			.vip-level-mobile-wrap {
				display: none;
				/* 默认隐藏，仅移动端显示 */
				width: 100%;
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
				position: relative;
			}

			/* 核心表格（移动端）：vip-level-mobile-table（全新类名） */
			.vip-level-mobile-table {
				width: 800px;
				/* 固定最小宽度，保证列不挤压 */
				border-collapse: collapse;
				font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
				text-align: center;
				border: none;
			}

			/* 移动端表头行样式 */
			.vip-level-mobile-table thead tr {
				height: 54px;
				min-height: 60px;
				background: linear-gradient(180deg,
						#f2d091 0%,
						#e5c080 50%,
						#d9b478 100%);
			}

			/* 移动端表头单元格 */
			.vip-level-mobile-table thead th {
				color: #614520;
				font-weight: 600;
				font-size: 11px;
				border: none;
				border-right: 1px solid #c19f65;
				padding: 0 5px;
				vertical-align: middle;
				line-height: 1.2;
				letter-spacing: 0.2px;
			}

			.vip-level-mobile-table thead th:last-child {
				border-right: none;
			}

			/* 移动端表体行 */
			.vip-level-mobile-table tbody tr {
				height: auto;
				min-height: 50px;
			}

			.vip-level-mobile-table tbody tr:nth-child(odd) {
				background-color: #2c2c2c;
			}

			.vip-level-mobile-table tbody tr:nth-child(even) {
				background-color: #333333;
			}

			/* 移动端表体单元格 */
			.vip-level-mobile-table tbody td {
				color: #ffffff;
				font-size: 10px;
				border: none;
				border-right: 1px solid #474747;
				border-bottom: 1px solid #474747;
				padding: 5px;
				vertical-align: middle;
				line-height: 1.5;
				letter-spacing: 0.1px;
			}

			.vip-level-mobile-table tbody td:last-child {
				border-right: none;
			}

			.vip-level-mobile-table tbody tr:last-child td {
				border-bottom: none;
			}

			/* 移动端表头圆角 */
			.vip-level-mobile-table thead th:first-child {
				border-top-left-radius: 8px;
			}

			.vip-level-mobile-table thead th:last-child {
				border-top-right-radius: 8px;
			}

			/* -------------------------- 媒体查询：端区分割 -------------------------- */
			/* 移动端（≤768px）：隐藏PC类名，显示移动端类名 */
			@media (max-width: 768px) {
				.vip-level-pc-wrap {
					display: none;
				}

				.vip-level-mobile-wrap {
					display: block;
				}
			}

			/* PC端（>768px）：隐藏移动端类名，显示PC类名 */
			@media (min-width: 769px) {
				.vip-level-pc-wrap {
					display: block;
				}

				.vip-level-mobile-wrap {
					display: none;
				}
			}


			/* 替换：container → crypto-finance-wrap */
			.crypto-finance-wrap {
				width: 95%;
				max-width: 1200px;
				margin: 0 auto;
				padding: 20px;
				box-sizing: border-box;
			}

			/* 替换：crypto-highlight → crypto-tag-highlight */
			.crypto-tag-highlight {
				border: 1px solid #f59e0b;
				background-color: rgba(245, 158, 11, 0.1);
				padding: 4px 8px;
				display: inline-block;
				color: #fbbf24;
				font-weight: 500;
			}

			/* 替换：legend-color → finance-legend-dot */
			.finance-legend-dot {
				width: 16px;
				height: 16px;
				border-radius: 2px;
			}

			/* 替换：chart-container → finance-pie-chart-box */
			.finance-pie-chart-box {
				position: relative;
				max-width: 350px;
				min-height: 250px;
				width: 100%;
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}

			/* 保留ID（canvas的ID不建议修改，避免JS失效） */
			#financeChart {
				margin: 0;
				display: block;
			}

			/* 外层容器 */
			.crypto-finance-wrap {
				width: 95%;
				max-width: 1200px;
				margin: 0 auto;
				padding: 20px;
				box-sizing: border-box;
			}

			/* 加密货币高亮标签 */
			.crypto-tag-highlight {
				border: 1px solid #f59e0b;
				background-color: rgba(245, 158, 11, 0.1);
				padding: 4px 8px;
				display: inline-block;
				color: #fbbf24;
				font-weight: 500;
			}

			/* 图例颜色点 */
			.finance-legend-dot {
				width: 16px;
				height: 16px;
				border-radius: 2px;
			}

			/* 饼图容器 */
			.finance-pie-chart-box {
				position: relative;
				max-width: 350px;
				min-height: 250px;
				width: 100%;
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}

			#financeChart {
				margin: 0;
				display: block;
			}

			/* 按钮样式 */
			.di2-trigger {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 1rem 2rem;
				font-size: 1.2rem;
				font-weight: 700;
				color: #1f2c1f;
				cursor: pointer;
				box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 200, 0.6);
				transition: all 0.25s ease;
				display: inline-flex;
				align-items: center;
				gap: 10px;
				letter-spacing: 0.5px;
			}

			.di2-trigger:hover {
				transform: translateY(-4px);
				background: linear-gradient(145deg, #ffd966, #f0b90b);
				box-shadow: 0 20px 30px -8px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 245, 160, 0.8);
			}

			.di2-trigger:active {
				transform: translateY(2px);
			}

			/* 模态框遮罩 */
			.di2-modal-mask {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.85);
				backdrop-filter: blur(8px);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 3000;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s, visibility 0.3s;
			}

			.di2-modal-mask.di2-active {
				opacity: 1;
				visibility: visible;
			}

			/* 弹窗卡片 */
			.di2-modal-card {
				position: relative;
				background: #fefaf0;
				width: 92%;
				max-width: 650px;
				max-height: 85vh;
				border-radius: 48px;
				padding: 1.5rem 1.8rem;
				box-shadow: 0 30px 50px rgba(0, 0, 0, 0.6);
				transform: scale(0.94);
				transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
				border: 1px solid rgba(245, 184, 27, 0.6);
				display: flex;
				flex-direction: column;
				overflow: hidden;
			}

			.di2-modal-mask.di2-active .di2-modal-card {
				transform: scale(1);
			}

			/* 可滚动内容区 */
			.di2-scroll-area {
				overflow-y: auto;
				padding-right: 6px;
				margin-top: 0.5rem;
				max-height: calc(85vh - 100px);
			}

			/* 右上角关闭 X */
			.di2-close-x {
				position: absolute;
				top: 18px;
				right: 20px;
				background: rgba(0, 0, 0, 0.08);
				border: none;
				font-size: 1.5rem;
				font-weight: 400;
				cursor: pointer;
				color: #6b4c1c;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.2s;
				line-height: 1;
				z-index: 10;
			}

			.di2-close-x:hover {
				background: rgba(0, 0, 0, 0.15);
				color: #d48d00;
				transform: scale(1.05);
			}

			/* 标题图标 */
			.di2-modal-icon {
				font-size: 2.2rem;
				margin-bottom: 0.25rem;
			}

			.di2-modal-title {
				font-size: 1.8rem;
				font-weight: 800;
				color: #2b3b2b;
				letter-spacing: -0.3px;
				margin-bottom: 0.5rem;
			}

			/* 正文样式 */
			.di2-content {
				font-size: 1rem;
				line-height: 1.55;
				color: #2c3a2a;
			}

			.di2-content h3 {
				font-size: 1.3rem;
				margin: 1.2rem 0 0.5rem 0;
				color: #c27e0a;
				border-left: 4px solid #f0b90b;
				padding-left: 12px;
			}

			.di2-content h4 {
				font-size: 1.1rem;
				margin: 1rem 0 0.3rem;
				color: #2c5a2c;
			}

			.di2-content p {
				margin-bottom: 0.8rem;
			}

			.di2-content ul,
			.di2-content ol {
				margin: 0.5rem 0 0.8rem 1.8rem;
			}

			.di2-content li {
				margin: 0.3rem 0;
			}

			.di2-highlight {
				background: #fff1cf;
				padding: 0.2rem 0.4rem;
				border-radius: 12px;
				font-weight: 600;
				color: #b45f06;
			}

			.di2-stats {
				background: #e9f5e6;
				border-left: 4px solid #f0b90b;
				padding: 0.8rem 1rem;
				margin: 0.8rem 0;
				border-radius: 20px;
			}

			/* 底部关闭按钮 */
			.di2-close-footer {
				background: linear-gradient(145deg, #f0b90b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 0.7rem 1.8rem;
				font-size: 1rem;
				font-weight: 700;
				color: #1f2c1f;
				cursor: pointer;
				transition: all 0.2s;
				margin-top: 1rem;
				align-self: center;
				width: auto;
				min-width: 120px;
			}

			.di2-close-footer:hover {
				background: #ffce3a;
				transform: translateY(-2px);
			}

			/* 移动端适配 */
			@media (max-width: 640px) {
				.di2-modal-card {
					padding: 1.2rem;
					width: 95%;
				}

				.di2-close-x {
					top: 12px;
					right: 14px;
					width: 32px;
					height: 32px;
					font-size: 1.3rem;
				}

				.di2-modal-title {
					font-size: 1.5rem;
				}

				.di2-content {
					font-size: 0.9rem;
				}

				.di2-content h3 {
					font-size: 1.2rem;
				}

				.di2-trigger {
					font-size: 1rem;
					padding: 0.8rem 1.5rem;
				}
			}

			/* 自定义滚动条 */
			.di2-scroll-area::-webkit-scrollbar {
				width: 5px;
			}

			.di2-scroll-area::-webkit-scrollbar-track {
				background: #e7dbbf;
				border-radius: 10px;
			}

			.di2-scroll-area::-webkit-scrollbar-thumb {
				background: #f0b90b;
				border-radius: 10px;
			}

			/* 按钮样式 */
			.rp5-trigger {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 1rem 2rem;
				font-size: 1.2rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 240, 150, 0.6);
				transition: all 0.25s ease;
				display: inline-flex;
				align-items: center;
				gap: 10px;
				letter-spacing: 0.5px;
			}

			.rp5-trigger:hover {
				transform: translateY(-4px);
				background: linear-gradient(145deg, #ffce4a, #f0b80b);
				box-shadow: 0 18px 28px -8px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 245, 160, 0.8);
			}

			.rp5-trigger:active {
				transform: translateY(2px);
			}

			/* 模态框遮罩 */
			.rp5-overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.85);
				backdrop-filter: blur(8px);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 6000;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s ease, visibility 0.3s;
			}

			.rp5-overlay.rp5-active {
				opacity: 1;
				visibility: visible;
			}

			/* 弹窗卡片 */
			.rp5-card {
				position: relative;
				background: #fefaf0;
				width: 92%;
				max-width: 560px;
				max-height: 88vh;
				border-radius: 48px;
				padding: 1.5rem 1.8rem;
				box-shadow: 0 30px 50px rgba(0, 0, 0, 0.6);
				transform: scale(0.94);
				transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
				border: 1px solid rgba(245, 184, 27, 0.6);
				display: flex;
				flex-direction: column;
				overflow: hidden;
			}

			.rp5-overlay.rp5-active .rp5-card {
				transform: scale(1);
			}

			/* 可滚动区域 */
			.rp5-scroll {
				overflow-y: auto;
				padding-right: 6px;
				margin-top: 0.5rem;
				flex: 1;
			}

			/* 右上角关闭 X */
			.rp5-close-x {
				position: absolute;
				top: 18px;
				right: 20px;
				background: rgba(0, 0, 0, 0.06);
				border: none;
				font-size: 1.5rem;
				font-weight: 400;
				cursor: pointer;
				color: #7a5a2a;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.2s;
				line-height: 1;
				z-index: 10;
			}

			.rp5-close-x:hover {
				background: rgba(0, 0, 0, 0.12);
				color: #c97e00;
				transform: scale(1.05);
			}

			/* 标题区 */
			.rp5-icon {
				font-size: 2.2rem;
				margin-bottom: 0.2rem;
			}

			.rp5-title {
				font-size: 1.8rem;
				font-weight: 800;
				color: #2b4a2b;
				letter-spacing: -0.3px;
				margin-bottom: 0.3rem;
			}

			/* 正文样式 */
			.rp5-content {
				font-size: 1rem;
				line-height: 1.55;
				color: #2c3a2a;
			}

			.rp5-content h3 {
				font-size: 1.3rem;
				margin: 1.2rem 0 0.5rem 0;
				color: #c27e0a;
				border-left: 4px solid #f5b81b;
				padding-left: 12px;
			}

			.rp5-content p {
				margin-bottom: 0.8rem;
			}

			.rp5-highlight {
				background: #fef1cf;
				padding: 0.8rem 1rem;
				border-radius: 24px;
				margin: 0.8rem 0;
				border-left: 4px solid #f5b81b;
			}

			.rp5-stats {
				background: #e6f4e6;
				padding: 0.8rem 1rem;
				border-radius: 20px;
				margin: 0.8rem 0;
				text-align: center;
			}

			.rp5-compare {
				background: #eef2fa;
				padding: 0.8rem 1rem;
				border-radius: 20px;
				margin: 0.8rem 0;
			}

			/* 底部关闭按钮 */
			.rp5-close-footer {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 0.7rem 1.8rem;
				font-size: 1rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				transition: all 0.2s;
				margin-top: 1rem;
				align-self: center;
				width: auto;
				min-width: 120px;
			}

			.rp5-close-footer:hover {
				background: #ffce4a;
				transform: translateY(-2px);
			}

			/* 移动端适配 */
			@media (max-width: 640px) {
				.rp5-card {
					padding: 1.2rem;
					width: 95%;
				}

				.rp5-close-x {
					top: 12px;
					right: 14px;
					width: 32px;
					height: 32px;
					font-size: 1.3rem;
				}

				.rp5-title {
					font-size: 1.5rem;
				}

				.rp5-content {
					font-size: 0.9rem;
				}

				.rp5-content h3 {
					font-size: 1.2rem;
				}

				.rp5-trigger {
					font-size: 1rem;
					padding: 0.8rem 1.5rem;
				}
			}

			/* 滚动条 */
			.rp5-scroll::-webkit-scrollbar {
				width: 5px;
			}

			.rp5-scroll::-webkit-scrollbar-track {
				background: #e7dbbf;
				border-radius: 10px;
			}

			.rp5-scroll::-webkit-scrollbar-thumb {
				background: #f5b81b;
				border-radius: 10px;
			}

			/* 按钮样式 */
			.st7-trigger {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 1rem 2rem;
				font-size: 1.2rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 240, 150, 0.6);
				transition: all 0.25s ease;
				display: inline-flex;
				align-items: center;
				gap: 10px;
				letter-spacing: 0.5px;
			}

			.st7-trigger:hover {
				transform: translateY(-4px);
				background: linear-gradient(145deg, #ffce4a, #f0b80b);
				box-shadow: 0 18px 28px -8px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 245, 160, 0.8);
			}

			.st7-trigger:active {
				transform: translateY(2px);
			}

			/* 模态框遮罩 */
			.st7-overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.88);
				backdrop-filter: blur(8px);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 7000;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s ease, visibility 0.3s;
			}

			.st7-overlay.st7-active {
				opacity: 1;
				visibility: visible;
			}

			/* 弹窗卡片 */
			.st7-card {
				position: relative;
				background: #fefaf0;
				width: 92%;
				max-width: 700px;
				max-height: 88vh;
				border-radius: 48px;
				padding: 1.5rem 1.8rem;
				box-shadow: 0 30px 50px rgba(0, 0, 0, 0.6);
				transform: scale(0.94);
				transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
				border: 1px solid rgba(245, 184, 27, 0.6);
				display: flex;
				flex-direction: column;
				overflow: hidden;
			}

			.st7-overlay.st7-active .st7-card {
				transform: scale(1);
			}

			/* 可滚动区域 */
			.st7-scroll {
				overflow-y: auto;
				padding-right: 8px;
				margin-top: 0.5rem;
				flex: 1;
			}

			/* 右上角关闭 X */
			.st7-close-x {
				position: absolute;
				top: 18px;
				right: 20px;
				background: rgba(0, 0, 0, 0.06);
				border: none;
				font-size: 1.5rem;
				font-weight: 400;
				cursor: pointer;
				color: #7a5a2a;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.2s;
				line-height: 1;
				z-index: 10;
			}

			.st7-close-x:hover {
				background: rgba(0, 0, 0, 0.12);
				color: #c97e00;
				transform: scale(1.05);
			}

			/* 标题区 */
			.st7-icon {
				font-size: 2.2rem;
				margin-bottom: 0.2rem;
			}

			.st7-title {
				font-size: 1.8rem;
				font-weight: 800;
				color: #2b4a2b;
				letter-spacing: -0.3px;
				margin-bottom: 0.3rem;
			}

			/* 正文样式 */
			.st7-content {
				font-size: 1rem;
				line-height: 1.55;
				color: #2c3a2a;
			}

			.st7-content h3 {
				font-size: 1.3rem;
				margin: 1.2rem 0 0.5rem 0;
				color: #c27e0a;
				border-left: 4px solid #f5b81b;
				padding-left: 12px;
			}

			.st7-content p {
				margin-bottom: 0.8rem;
			}

			.st7-content blockquote {
				background: #f9efdb;
				border-left: 4px solid #f5b81b;
				padding: 0.8rem 1rem;
				margin: 0.8rem 0;
				border-radius: 16px;
				font-style: italic;
				color: #5a4a2a;
			}

			.st7-stats {
				background: #e6f4e6;
				padding: 0.8rem 1rem;
				border-radius: 20px;
				margin: 0.8rem 0;
				text-align: center;
				font-weight: 500;
			}

			/* 底部关闭按钮 */
			.st7-close-footer {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 0.7rem 1.8rem;
				font-size: 1rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				transition: all 0.2s;
				margin-top: 1rem;
				align-self: center;
				width: auto;
				min-width: 120px;
			}

			.st7-close-footer:hover {
				background: #ffce4a;
				transform: translateY(-2px);
			}

			/* 移动端适配 */
			@media (max-width: 640px) {
				.st7-card {
					padding: 1.2rem;
					width: 95%;
				}

				.st7-close-x {
					top: 12px;
					right: 14px;
					width: 32px;
					height: 32px;
					font-size: 1.3rem;
				}

				.st7-title {
					font-size: 1.5rem;
				}

				.st7-content {
					font-size: 0.9rem;
				}

				.st7-content h3 {
					font-size: 1.2rem;
				}

				.st7-trigger {
					font-size: 1rem;
					padding: 0.8rem 1.5rem;
				}
			}

			/* 滚动条 */
			.st7-scroll::-webkit-scrollbar {
				width: 5px;
			}

			.st7-scroll::-webkit-scrollbar-track {
				background: #e7dbbf;
				border-radius: 10px;
			}

			.st7-scroll::-webkit-scrollbar-thumb {
				background: #f5b81b;
				border-radius: 10px;
			}

			/* 按钮样式 */
			.st8-trigger {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 1rem 2rem;
				font-size: 1.2rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 240, 150, 0.6);
				transition: all 0.25s ease;
				display: inline-flex;
				align-items: center;
				gap: 10px;
				letter-spacing: 0.5px;
			}

			.st8-trigger:hover {
				transform: translateY(-4px);
				background: linear-gradient(145deg, #ffce4a, #f0b80b);
				box-shadow: 0 18px 28px -8px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 245, 160, 0.8);
			}

			.st8-trigger:active {
				transform: translateY(2px);
			}

			/* 模态框遮罩 */
			.st8-overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.88);
				backdrop-filter: blur(8px);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 8000;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s ease, visibility 0.3s;
			}

			.st8-overlay.st8-active {
				opacity: 1;
				visibility: visible;
			}

			/* 弹窗卡片 */
			.st8-card {
				position: relative;
				background: #fefaf0;
				width: 92%;
				max-width: 720px;
				max-height: 88vh;
				border-radius: 48px;
				padding: 1.5rem 1.8rem;
				box-shadow: 0 30px 50px rgba(0, 0, 0, 0.6);
				transform: scale(0.94);
				transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
				border: 1px solid rgba(245, 184, 27, 0.6);
				display: flex;
				flex-direction: column;
				overflow: hidden;
			}

			.st8-overlay.st8-active .st8-card {
				transform: scale(1);
			}

			/* 可滚动区域 */
			.st8-scroll {
				overflow-y: auto;
				padding-right: 8px;
				margin-top: 0.5rem;
				flex: 1;
			}

			/* 右上角关闭 X */
			.st8-close-x {
				position: absolute;
				top: 18px;
				right: 20px;
				background: rgba(0, 0, 0, 0.06);
				border: none;
				font-size: 1.5rem;
				font-weight: 400;
				cursor: pointer;
				color: #7a5a2a;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.2s;
				line-height: 1;
				z-index: 10;
			}

			.st8-close-x:hover {
				background: rgba(0, 0, 0, 0.12);
				color: #c97e00;
				transform: scale(1.05);
			}

			/* 标题区 */
			.st8-icon {
				font-size: 2.2rem;
				margin-bottom: 0.2rem;
			}

			.st8-title {
				font-size: 1.8rem;
				font-weight: 800;
				color: #2b4a2b;
				letter-spacing: -0.3px;
				margin-bottom: 0.3rem;
			}

			/* 正文样式 */
			.st8-content {
				font-size: 1rem;
				line-height: 1.55;
				color: #2c3a2a;
			}

			.st8-content h3 {
				font-size: 1.3rem;
				margin: 1.2rem 0 0.5rem 0;
				color: #c27e0a;
				border-left: 4px solid #f5b81b;
				padding-left: 12px;
			}

			.st8-content p {
				margin-bottom: 0.8rem;
			}

			.st8-content blockquote {
				background: #f9efdb;
				border-left: 4px solid #f5b81b;
				padding: 0.8rem 1rem;
				margin: 0.8rem 0;
				border-radius: 16px;
				font-style: italic;
				color: #5a4a2a;
			}

			.st8-stats {
				background: #e6f4e6;
				padding: 0.8rem 1rem;
				border-radius: 20px;
				margin: 0.8rem 0;
				text-align: center;
				font-weight: 500;
			}

			/* 底部关闭按钮 */
			.st8-close-footer {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 0.7rem 1.8rem;
				font-size: 1rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				transition: all 0.2s;
				margin-top: 1rem;
				align-self: center;
				width: auto;
				min-width: 120px;
			}

			.st8-close-footer:hover {
				background: #ffce4a;
				transform: translateY(-2px);
			}

			/* 移动端适配 */
			@media (max-width: 640px) {
				.st8-card {
					padding: 1.2rem;
					width: 95%;
				}

				.st8-close-x {
					top: 12px;
					right: 14px;
					width: 32px;
					height: 32px;
					font-size: 1.3rem;
				}

				.st8-title {
					font-size: 1.5rem;
				}

				.st8-content {
					font-size: 0.9rem;
				}

				.st8-content h3 {
					font-size: 1.2rem;
				}

				.st8-trigger {
					font-size: 1rem;
					padding: 0.8rem 1.5rem;
				}
			}

			/* 滚动条 */
			.st8-scroll::-webkit-scrollbar {
				width: 5px;
			}

			.st8-scroll::-webkit-scrollbar-track {
				background: #e7dbbf;
				border-radius: 10px;
			}

			.st8-scroll::-webkit-scrollbar-thumb {
				background: #f5b81b;
				border-radius: 10px;
			}

			/* 按钮样式 */
			.st9-trigger {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 1rem 2rem;
				font-size: 1.2rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 240, 150, 0.6);
				transition: all 0.25s ease;
				display: inline-flex;
				align-items: center;
				gap: 10px;
				letter-spacing: 0.5px;
			}

			.st9-trigger:hover {
				transform: translateY(-4px);
				background: linear-gradient(145deg, #ffce4a, #f0b80b);
				box-shadow: 0 18px 28px -8px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 245, 160, 0.8);
			}

			.st9-trigger:active {
				transform: translateY(2px);
			}

			/* 模态框遮罩 */
			.st9-overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.88);
				backdrop-filter: blur(8px);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 9000;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s ease, visibility 0.3s;
			}

			.st9-overlay.st9-active {
				opacity: 1;
				visibility: visible;
			}

			/* 弹窗卡片 */
			.st9-card {
				position: relative;
				background: #fefaf0;
				width: 92%;
				max-width: 720px;
				max-height: 88vh;
				border-radius: 48px;
				padding: 1.5rem 1.8rem;
				box-shadow: 0 30px 50px rgba(0, 0, 0, 0.6);
				transform: scale(0.94);
				transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
				border: 1px solid rgba(245, 184, 27, 0.6);
				display: flex;
				flex-direction: column;
				overflow: hidden;
			}

			.st9-overlay.st9-active .st9-card {
				transform: scale(1);
			}

			/* 可滚动区域 */
			.st9-scroll {
				overflow-y: auto;
				padding-right: 8px;
				margin-top: 0.5rem;
				flex: 1;
			}

			/* 右上角关闭 X */
			.st9-close-x {
				position: absolute;
				top: 18px;
				right: 20px;
				background: rgba(0, 0, 0, 0.06);
				border: none;
				font-size: 1.5rem;
				font-weight: 400;
				cursor: pointer;
				color: #7a5a2a;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.2s;
				line-height: 1;
				z-index: 10;
			}

			.st9-close-x:hover {
				background: rgba(0, 0, 0, 0.12);
				color: #c97e00;
				transform: scale(1.05);
			}

			/* 标题区 */
			.st9-icon {
				font-size: 2.2rem;
				margin-bottom: 0.2rem;
			}

			.st9-title {
				font-size: 1.8rem;
				font-weight: 800;
				color: #2b4a2b;
				letter-spacing: -0.3px;
				margin-bottom: 0.3rem;
			}

			/* 正文样式 */
			.st9-content {
				font-size: 1rem;
				line-height: 1.55;
				color: #2c3a2a;
			}

			.st9-content h3 {
				font-size: 1.3rem;
				margin: 1.2rem 0 0.5rem 0;
				color: #c27e0a;
				border-left: 4px solid #f5b81b;
				padding-left: 12px;
			}

			.st9-content p {
				margin-bottom: 0.8rem;
			}

			.st9-content blockquote {
				background: #f9efdb;
				border-left: 4px solid #f5b81b;
				padding: 0.8rem 1rem;
				margin: 0.8rem 0;
				border-radius: 16px;
				font-style: italic;
				color: #5a4a2a;
			}

			.st9-highlight {
				background: #e6f4e6;
				padding: 0.8rem 1rem;
				border-radius: 20px;
				margin: 0.8rem 0;
				text-align: center;
				font-weight: 500;
			}

			/* 底部关闭按钮 */
			.st9-close-footer {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 0.7rem 1.8rem;
				font-size: 1rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				transition: all 0.2s;
				margin-top: 1rem;
				align-self: center;
				width: auto;
				min-width: 120px;
			}

			.st9-close-footer:hover {
				background: #ffce4a;
				transform: translateY(-2px);
			}

			/* 移动端适配 */
			@media (max-width: 640px) {
				.st9-card {
					padding: 1.2rem;
					width: 95%;
				}

				.st9-close-x {
					top: 12px;
					right: 14px;
					width: 32px;
					height: 32px;
					font-size: 1.3rem;
				}

				.st9-title {
					font-size: 1.5rem;
				}

				.st9-content {
					font-size: 0.9rem;
				}

				.st9-content h3 {
					font-size: 1.2rem;
				}

				.st9-trigger {
					font-size: 1rem;
					padding: 0.8rem 1.5rem;
				}
			}

			/* 滚动条 */
			.st9-scroll::-webkit-scrollbar {
				width: 5px;
			}

			.st9-scroll::-webkit-scrollbar-track {
				background: #e7dbbf;
				border-radius: 10px;
			}

			.st9-scroll::-webkit-scrollbar-thumb {
				background: #f5b81b;
				border-radius: 10px;
			}

			/* 按钮样式 */
			.st10-trigger {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 1rem 2rem;
				font-size: 1.2rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 240, 150, 0.6);
				transition: all 0.25s ease;
				display: inline-flex;
				align-items: center;
				gap: 10px;
				letter-spacing: 0.5px;
			}

			.st10-trigger:hover {
				transform: translateY(-4px);
				background: linear-gradient(145deg, #ffce4a, #f0b80b);
				box-shadow: 0 18px 28px -8px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 245, 160, 0.8);
			}

			.st10-trigger:active {
				transform: translateY(2px);
			}

			/* 模态框遮罩 */
			.st10-overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.88);
				backdrop-filter: blur(8px);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 10000;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s ease, visibility 0.3s;
			}

			.st10-overlay.st10-active {
				opacity: 1;
				visibility: visible;
			}

			/* 弹窗卡片 */
			.st10-card {
				position: relative;
				background: #fefaf0;
				width: 92%;
				max-width: 720px;
				max-height: 88vh;
				border-radius: 48px;
				padding: 1.5rem 1.8rem;
				box-shadow: 0 30px 50px rgba(0, 0, 0, 0.6);
				transform: scale(0.94);
				transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
				border: 1px solid rgba(245, 184, 27, 0.6);
				display: flex;
				flex-direction: column;
				overflow: hidden;
			}

			.st10-overlay.st10-active .st10-card {
				transform: scale(1);
			}

			/* 可滚动区域 */
			.st10-scroll {
				overflow-y: auto;
				padding-right: 8px;
				margin-top: 0.5rem;
				flex: 1;
			}

			/* 右上角关闭 X */
			.st10-close-x {
				position: absolute;
				top: 18px;
				right: 20px;
				background: rgba(0, 0, 0, 0.06);
				border: none;
				font-size: 1.5rem;
				font-weight: 400;
				cursor: pointer;
				color: #7a5a2a;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.2s;
				line-height: 1;
				z-index: 10;
			}

			.st10-close-x:hover {
				background: rgba(0, 0, 0, 0.12);
				color: #c97e00;
				transform: scale(1.05);
			}

			/* 标题区 */
			.st10-icon {
				font-size: 2.2rem;
				margin-bottom: 0.2rem;
			}

			.st10-title {
				font-size: 1.8rem;
				font-weight: 800;
				color: #2b4a2b;
				letter-spacing: -0.3px;
				margin-bottom: 0.3rem;
			}

			/* 正文样式 */
			.st10-content {
				font-size: 1rem;
				line-height: 1.55;
				color: #2c3a2a;
			}

			.st10-content h3 {
				font-size: 1.3rem;
				margin: 1.2rem 0 0.5rem 0;
				color: #c27e0a;
				border-left: 4px solid #f5b81b;
				padding-left: 12px;
			}

			.st10-content p {
				margin-bottom: 0.8rem;
			}

			.st10-content blockquote {
				background: #f9efdb;
				border-left: 4px solid #f5b81b;
				padding: 0.8rem 1rem;
				margin: 0.8rem 0;
				border-radius: 16px;
				font-style: italic;
				color: #5a4a2a;
			}

			.st10-highlight {
				background: #e6f4e6;
				padding: 0.8rem 1rem;
				border-radius: 20px;
				margin: 0.8rem 0;
				text-align: center;
				font-weight: 500;
			}

			/* 底部关闭按钮 */
			.st10-close-footer {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 0.7rem 1.8rem;
				font-size: 1rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				transition: all 0.2s;
				margin-top: 1rem;
				align-self: center;
				width: auto;
				min-width: 120px;
			}

			.st10-close-footer:hover {
				background: #ffce4a;
				transform: translateY(-2px);
			}

			/* 移动端适配 */
			@media (max-width: 640px) {
				.st10-card {
					padding: 1.2rem;
					width: 95%;
				}

				.st10-close-x {
					top: 12px;
					right: 14px;
					width: 32px;
					height: 32px;
					font-size: 1.3rem;
				}

				.st10-title {
					font-size: 1.5rem;
				}

				.st10-content {
					font-size: 0.9rem;
				}

				.st10-content h3 {
					font-size: 1.2rem;
				}

				.st10-trigger {
					font-size: 1rem;
					padding: 0.8rem 1.5rem;
				}
			}

			/* 滚动条 */
			.st10-scroll::-webkit-scrollbar {
				width: 5px;
			}

			.st10-scroll::-webkit-scrollbar-track {
				background: #e7dbbf;
				border-radius: 10px;
			}

			.st10-scroll::-webkit-scrollbar-thumb {
				background: #f5b81b;
				border-radius: 10px;
			}

			/* 表格容器 - 加载动画 + 渐入 */
			.x987kj89s {
				width: 100%;
				animation: fadeIn 0.8s ease-in-out;
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
				scrollbar-width: none;
				-ms-overflow-style: none;
			}

			.x987kj89s::-webkit-scrollbar {
				display: none;
			}

			/* 表格核心样式 */
			.m789df67g {
				width: 100%;
				max-width: 100%;
				border-collapse: separate;
				border-spacing: 0;
				border-radius: 12px;
				overflow: hidden;
				background: linear-gradient(180deg, #2a2a2a 0%, #202020 100%);
				box-shadow: 0 0 25px rgba(0, 0, 0, 0.4), 0 0 10px rgba(184, 134, 11, 0.1);
				position: relative;
			}

			/* 表格背景微光 */
			.m789df67g::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: linear-gradient(90deg, transparent 0%, rgba(212, 175, 55, 0.05) 50%, transparent 100%);
				pointer-events: none;
				z-index: 1;
				animation: bgGlow 4s infinite alternate;
			}

			/* 表头样式 - 调大字号+全局发光 */
			.m789df67g th {
				background: linear-gradient(135deg, #c99d10 0%, #ffe047 50%, #f5eeaa 100%);
				color: #000000;
				font-weight: 600;
				font-size: 12px;
				/* 调大：从10px→12px */
				text-transform: uppercase;
				letter-spacing: 0.3px;
				padding: 10px 6px;
				/* 调大内边距适配大字体 */
				text-align: center;
				vertical-align: middle;
				/* 所有表头文字添加发光效果（和2%列一致） */
				text-shadow: 0 0 10px rgba(255, 223, 107, 0.9);
				box-shadow: 0 0 10px rgba(184, 134, 11, 0.4);
				position: relative;
				z-index: 2;
				white-space: normal;
				word-wrap: break-word;
				line-height: 1.3;
				/* 适配换行 */
				transform: scale(1);
			}

			/* 表头下发光边框 */
			.m789df67g th::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1px;
				background: linear-gradient(90deg, transparent, #ffd700, transparent);
				box-shadow: 0 0 8px #ffd700;
				animation: glowPulse 2s infinite alternate;
				z-index: 3;
			}

			/* 单元格样式 - 调大字号+全局发光 */
			.m789df67g td {
				padding: 8px 5px;
				/* 调大内边距适配大字体 */
				color: #fff9c4;
				/* 统一为高亮文字颜色 */
				font-size: 11px;
				/* 调大：从9px→11px */
				line-height: 1.3;
				/* 适配换行 */
				border-bottom: 1px solid rgba(255, 215, 0, 0.2);
				position: relative;
				animation: rowSlideIn 0.6s ease-out;
				animation-fill-mode: both;
				z-index: 2;
				text-align: center;
				vertical-align: middle;
				white-space: normal;
				word-wrap: break-word;
				background: linear-gradient(90deg, rgba(45, 45, 45, 0.8) 0%, rgba(50, 50, 50, 0.9) 100%);
				transform: translateY(0);
				box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
				/* 所有单元格文字添加发光效果（和2%列一致） */
				text-shadow: 0 0 10px rgba(255, 223, 107, 0.8);
			}

			/* 逐行延迟动画 */
			.m789df67g tbody tr:nth-child(1) td {
				animation-delay: 0.1s;
			}

			.m789df67g tbody tr:nth-child(2) td {
				animation-delay: 0.2s;
			}

			.m789df67g tbody tr:nth-child(3) td {
				animation-delay: 0.3s;
			}

			.m789df67g tbody tr:nth-child(4) td {
				animation-delay: 0.4s;
			}

			/* 最后一行去掉下边框 */
			.m789df67g tr:last-child td {
				border-bottom: none;
			}

			/* 保留高亮单元格的背景光效（所有单元格都继承文字发光） */
			.k876sd54f {
				font-weight: 500;
				position: relative;
				animation: textGlow 3s infinite alternate;
				z-index: 2;
				transform: scale(1);
				letter-spacing: 0.2px;
				font-size: 11px;
				/* 和普通单元格统一字号 */
			}

			/* 高亮单元格背景光效 */
			.k876sd54f::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);
				opacity: 1;
				z-index: 1;
			}

			/* PC端专属适配 - 无滚动条+大字体适配 */
			@media (min-width: 768px) {
				.x987kj89s {
					overflow: hidden;
				}

				.m789df67g {
					table-layout: fixed;
					width: 100%;
				}

				/* 列宽分配（适配大字体） */
				.m789df67g th:nth-child(1),
				.m789df67g td:nth-child(1) {
					width: 18%;
				}

				.m789df67g th:nth-child(2),
				.m789df67g td:nth-child(2) {
					width: 22%;
				}

				.m789df67g th:nth-child(3),
				.m789df67g td:nth-child(3) {
					width: 20%;
				}

				.m789df67g th:nth-child(4),
				.m789df67g td:nth-child(4) {
					width: 20%;
				}

				.m789df67g th:nth-child(5),
				.m789df67g td:nth-child(5) {
					width: 20%;
				}

				/* PC端字号再调大一点 */
				.m789df67g th {
					font-size: 13px;
					padding: 10px 6px;
				}

				.m789df67g td {
					font-size: 12px;
					padding: 8px 5px;
				}

				.k876sd54f {
					font-size: 12px;
				}
			}

			/* 移动端适配 - 大字体+换行 */
			@media (max-width: 767px) {
				.m789df67g th {
					font-size: 7px;
					/* 移动端也调大：从9px→11px */
					padding: 8px 5px;
				}

				.m789df67g td {
					font-size: 10px;
					/* 移动端也调大：从8px→10px */
					padding: 6px 4px;
				}

				.k876sd54f {
					font-size: 10px;
				}
			}

			/* 动画定义 */
			@keyframes fadeIn {
				from {
					opacity: 0;
					transform: translateY(10px);
				}

				to {
					opacity: 1;
					transform: translateY(0);
				}
			}

			@keyframes rowSlideIn {
				from {
					opacity: 0;
					transform: translateX(-5px);
				}

				to {
					opacity: 1;
					transform: translateX(0);
				}
			}

			@keyframes glowPulse {
				from {
					box-shadow: 0 0 8px #ffd700;
				}

				to {
					box-shadow: 0 0 10px #ffd700;
				}
			}

			@keyframes textGlow {
				from {
					text-shadow: 0 0 10px rgba(255, 223, 107, 0.8);
				}

				to {
					text-shadow: 0 0 15px rgba(255, 223, 107, 1);
				}
			}

			@keyframes bgGlow {
				from {
					background: linear-gradient(90deg, transparent 0%, rgba(212, 175, 55, 0.03) 50%, transparent 100%);
				}

				to {
					background: linear-gradient(90deg, transparent 0%, rgba(212, 175, 55, 0.08) 50%, transparent 100%);
				}
			}

			/* Title container - Adapt to PC + mobile */
			.carousel-title {
				text-align: center;
				margin-bottom: 20px;
				padding: 0 15px;
				width: 100%;
			}

			.main-title {
				font-size: 36px;
				font-weight: 700;
				color: #fff;
				letter-spacing: 2px;
				text-shadow: 0 0 10px rgba(0, 255, 157, 0.4);
			}

			/* Mobile title adaptation */
			@media (max-width: 768px) {
				.main-title {
					font-size: 24px;
					letter-spacing: 1px;
				}
			}

			@media (max-width: 480px) {
				.main-title {
					font-size: 20px;
				}
			}

			/* Carousel container - Vertical adaptation */
			.video-carousel {
				width: 90%;
				max-width: 400px;
				/* 适配竖向视频宽度，可调整 */
				height: 80vh;
				/* 竖向轮播高度，适配屏幕 */
				max-height: 700px;
				margin: 0 auto;
				position: relative;
				overflow: hidden;
				border-radius: 16px;
				box-shadow: 0 0 20px rgba(0, 255, 157, 0.2);
			}

			/* Video list container - Vertical layout */
			.video-list {
				display: flex;
				flex-direction: column;
				/* 竖向排列视频 */
				transition: transform 0.5s ease-in-out;
				height: 100%;
			}

			/* Single video item - Vertical adaptation */
			.video-item {
				flex: 0 0 100%;
				width: 100%;
				height: 100%;
				position: relative;
			}

			/* Video style - Vertical video adaptation */
			.carousel-video {
				width: 100%;
				height: 100%;
				object-fit: cover;
				/* 适配竖向视频比例 */
				background-color: #111;
				cursor: pointer;
			}

			/* Carousel control buttons - 左右侧布局 + 箭头正常指向 */
			.carousel-btn {
				position: absolute;
				top: 50%;
				/* 垂直居中 */
				transform: translateY(-50%);
				/* 抵消自身高度 */
				width: 40px;
				height: 40px;
				border-radius: 50%;
				background-color: rgba(0, 0, 0, 0.7);
				color: #fff;
				border: 1px solid rgba(255, 255, 255, 0.3);
				font-size: 18px;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 10;
				transition: all 0.3s ease;
				-webkit-tap-highlight-color: transparent;
			}

			/* Adapt to small screens, shrink buttons */
			@media (max-width: 480px) {
				.carousel-btn {
					width: 34px;
					height: 34px;
					font-size: 16px;
				}
			}

			.carousel-btn:hover {
				background-color: #00ff9d;
				color: #000;
				border-color: #00ff9d;
			}

			/* 左右按钮定位 - 箭头恢复正常指向（核心修改） */
			.prev-btn {
				left: 10px;
				/* 左侧按钮 */
				/* 移除旋转，箭头正常指向左侧 */
				transform: translateY(-50%);
			}

			.next-btn {
				right: 10px;
				/* 右侧按钮 */
				/* 移除旋转，箭头正常指向右侧 */
				transform: translateY(-50%);
			}

			/* Carousel indicators - 底部横向布局（核心修改） */
			.carousel-indicators {
				position: absolute;
				bottom: 15px;
				/* 固定在底部 */
				left: 50%;
				transform: translateX(-50%);
				display: flex;
				flex-direction: row;
				/* 横向排列 */
				gap: 8px;
				z-index: 10;
			}

			.indicator {
				width: 8px;
				height: 8px;
				border-radius: 50%;
				background-color: rgba(255, 255, 255, 0.5);
				cursor: pointer;
				transition: all 0.3s ease;
				-webkit-tap-highlight-color: transparent;
			}

			/* Small screen indicator adjustment */
			@media (max-width: 480px) {
				.indicator {
					width: 6px;
					height: 6px;
					gap: 6px;
				}
			}

			.indicator.active {
				background-color: #00ff9d;
				width: 24px;
				/* 横向激活状态拉长 */
				border-radius: 4px;
				height: 8px;
			}

			/* Play prompt overlay */
			.play-tip {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				color: #fff;
				font-size: 14px;
				background: rgba(0, 0, 0, 0.6);
				padding: 6px 12px;
				border-radius: 20px;
				opacity: 1;
				transition: opacity 0.3s;
				z-index: 5;
			}

			.pe12-trigger {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 1rem 2rem;
				font-size: 1.2rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 240, 150, 0.6);
				transition: all 0.25s ease;
				display: inline-flex;
				align-items: center;
				gap: 10px;
				letter-spacing: 0.5px;
			}

			.pe12-trigger:hover {
				transform: translateY(-4px);
				background: linear-gradient(145deg, #ffce4a, #f0b80b);
				box-shadow: 0 18px 28px -8px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 245, 160, 0.8);
			}

			.pe12-trigger:active {
				transform: translateY(2px);
			}

			/* 模态框遮罩 */
			.pe12-overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.88);
				backdrop-filter: blur(8px);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 12000;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s ease, visibility 0.3s;
			}

			.pe12-overlay.pe12-active {
				opacity: 1;
				visibility: visible;
			}

			/* 弹窗卡片 */
			.pe12-card {
				position: relative;
				background: #fefaf0;
				width: 92%;
				max-width: 700px;
				max-height: 88vh;
				border-radius: 48px;
				padding: 1.5rem 1.8rem;
				box-shadow: 0 30px 50px rgba(0, 0, 0, 0.6);
				transform: scale(0.94);
				transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
				border: 1px solid rgba(245, 184, 27, 0.6);
				display: flex;
				flex-direction: column;
				overflow: hidden;
			}

			.pe12-overlay.pe12-active .pe12-card {
				transform: scale(1);
			}

			/* 可滚动区域 */
			.pe12-scroll {
				overflow-y: auto;
				padding-right: 8px;
				margin-top: 0.5rem;
				flex: 1;
			}

			/* 右上角关闭 X */
			.pe12-close-x {
				position: absolute;
				top: 18px;
				right: 20px;
				background: rgba(0, 0, 0, 0.06);
				border: none;
				font-size: 1.5rem;
				font-weight: 400;
				cursor: pointer;
				color: #7a5a2a;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.2s;
				line-height: 1;
				z-index: 10;
			}

			.pe12-close-x:hover {
				background: rgba(0, 0, 0, 0.12);
				color: #c97e00;
				transform: scale(1.05);
			}

			/* 标题区 */
			.pe12-icon {
				font-size: 2.2rem;
				margin-bottom: 0.2rem;
			}

			.pe12-title {
				font-size: 1.8rem;
				font-weight: 800;
				color: #2b4a2b;
				letter-spacing: -0.3px;
				margin-bottom: 0.3rem;
			}

			/* 正文样式 */
			.pe12-content {
				font-size: 1rem;
				line-height: 1.55;
				color: #2c3a2a;
			}

			.pe12-content p {
				margin-bottom: 0.8rem;
			}

			.pe12-content strong {
				color: #c27e0a;
			}

			.pe12-highlight {
				background: #e6f4e6;
				padding: 0.8rem 1rem;
				border-radius: 20px;
				margin: 0.8rem 0;
				text-align: left;
			}

			.pe12-table {
				background: #f9efdb;
				border-radius: 24px;
				padding: 0.8rem;
				margin: 0.8rem 0;
				font-size: 0.9rem;
			}

			.pe12-table p {
				margin: 0.3rem 0;
				font-family: monospace;
			}

			hr {
				margin: 1rem 0;
				border: none;
				height: 1px;
				background: #e0d5b5;
			}

			/* 底部关闭按钮 */
			.pe12-close-footer {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 0.7rem 1.8rem;
				font-size: 1rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				transition: all 0.2s;
				margin-top: 1rem;
				align-self: center;
				width: auto;
				min-width: 120px;
			}

			.pe12-close-footer:hover {
				background: #ffce4a;
				transform: translateY(-2px);
			}

			/* 移动端适配 */
			@media (max-width: 640px) {
				.pe12-card {
					padding: 1.2rem;
					width: 95%;
				}

				.pe12-close-x {
					top: 12px;
					right: 14px;
					width: 32px;
					height: 32px;
					font-size: 1.3rem;
				}

				.pe12-title {
					font-size: 1.5rem;
				}

				.pe12-content {
					font-size: 0.9rem;
				}

				.pe12-trigger {
					font-size: 1rem;
					padding: 0.8rem 1.5rem;
				}
			}

			/* 滚动条 */
			.pe12-scroll::-webkit-scrollbar {
				width: 5px;
			}

			.pe12-scroll::-webkit-scrollbar-track {
				background: #e7dbbf;
				border-radius: 10px;
			}

			.pe12-scroll::-webkit-scrollbar-thumb {
				background: #f5b81b;
				border-radius: 10px;
			}

			/* 按钮样式 */
			.pe13-button {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 1rem 2rem;
				font-size: 1.2rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 240, 150, 0.6);
				transition: all 0.25s ease;
				display: inline-flex;
				align-items: center;
				gap: 10px;
				letter-spacing: 0.5px;
			}

			.pe13-button:hover {
				transform: translateY(-4px);
				background: linear-gradient(145deg, #ffce4a, #f0b80b);
				box-shadow: 0 18px 28px -8px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 245, 160, 0.8);
			}

			.pe13-button:active {
				transform: translateY(2px);
			}

			/* 模态框遮罩 */
			.pe13-modal {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.88);
				backdrop-filter: blur(8px);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 13000;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s ease, visibility 0.3s;
			}

			.pe13-modal.pe13-active {
				opacity: 1;
				visibility: visible;
			}

			/* 弹窗卡片 */
			.pe13-card {
				position: relative;
				background: #fefaf0;
				width: 92%;
				max-width: 760px;
				max-height: 88vh;
				border-radius: 48px;
				padding: 1.5rem 1.8rem;
				box-shadow: 0 30px 50px rgba(0, 0, 0, 0.6);
				transform: scale(0.94);
				transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
				border: 1px solid rgba(245, 184, 27, 0.6);
				display: flex;
				flex-direction: column;
				overflow: hidden;
			}

			.pe13-modal.pe13-active .pe13-card {
				transform: scale(1);
			}

			/* 可滚动区域 */
			.pe13-scroll {
				overflow-y: auto;
				padding-right: 8px;
				margin-top: 0.5rem;
				flex: 1;
			}

			/* 右上角关闭 X */
			.pe13-close-x {
				position: absolute;
				top: 18px;
				right: 20px;
				background: rgba(0, 0, 0, 0.06);
				border: none;
				font-size: 1.5rem;
				font-weight: 400;
				cursor: pointer;
				color: #7a5a2a;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.2s;
				line-height: 1;
				z-index: 10;
			}

			.pe13-close-x:hover {
				background: rgba(0, 0, 0, 0.12);
				color: #c97e00;
				transform: scale(1.05);
			}

			/* 标题区 */
			.pe13-icon {
				font-size: 2.2rem;
				margin-bottom: 0.2rem;
			}

			.pe13-title {
				font-size: 1.8rem;
				font-weight: 800;
				color: #2b4a2b;
				letter-spacing: -0.3px;
				margin-bottom: 0.3rem;
			}

			/* 正文样式 */
			.pe13-content {
				font-size: 1rem;
				line-height: 1.55;
				color: #2c3a2a;
			}

			.pe13-content p {
				margin-bottom: 0.8rem;
			}

			.pe13-content strong {
				color: #c27e0a;
			}

			.pe13-highlight {
				background: #e6f4e6;
				padding: 0.8rem 1rem;
				border-radius: 20px;
				margin: 0.8rem 0;
			}

			.pe13-table {
				background: #f9efdb;
				border-radius: 24px;
				padding: 0.8rem;
				margin: 0.8rem 0;
				font-size: 0.9rem;
			}

			.pe13-table p {
				margin: 0.3rem 0;
				font-family: monospace;
			}

			hr {
				margin: 1rem 0;
				border: none;
				height: 1px;
				background: #e0d5b5;
			}

			/* 底部关闭按钮 */
			.pe13-close-footer {
				background: linear-gradient(145deg, #f5b81b, #d49a0a);
				border: none;
				border-radius: 60px;
				padding: 0.7rem 1.8rem;
				font-size: 1rem;
				font-weight: 700;
				color: #1e2a1a;
				cursor: pointer;
				transition: all 0.2s;
				margin-top: 1rem;
				align-self: center;
				width: auto;
				min-width: 120px;
			}

			.pe13-close-footer:hover {
				background: #ffce4a;
				transform: translateY(-2px);
			}

			/* 移动端适配 */
			@media (max-width: 640px) {
				.pe13-card {
					padding: 1.2rem;
					width: 95%;
				}

				.pe13-close-x {
					top: 12px;
					right: 14px;
					width: 32px;
					height: 32px;
					font-size: 1.3rem;
				}

				.pe13-title {
					font-size: 1.5rem;
				}

				.pe13-content {
					font-size: 0.9rem;
				}

				.pe13-button {
					font-size: 1rem;
					padding: 0.8rem 1.5rem;
				}
			}

			/* 滚动条 */
			.pe13-scroll::-webkit-scrollbar {
				width: 5px;
			}

			.pe13-scroll::-webkit-scrollbar-track {
				background: #e7dbbf;
				border-radius: 10px;
			}

			.pe13-scroll::-webkit-scrollbar-thumb {
				background: #f5b81b;
				border-radius: 10px;
			}
			 /* 语言切换容器 - 基础样式 */
        .language-switcher {
            --flag-size: 16px;
            --item-height: 30px;
            --content-width: 120px; /* 固定内容宽度，保证居中+对齐 */
            --arrow-size: 8px; /* 箭头尺寸变量 */
            color: #fff;
            position: relative; /* 关键：作为下拉框定位的参考 */
        }

        /* 箭头通用样式 */
        .arrow-icon {
            display: inline-block;
            width: 0;
            height: 0;
            border-left: var(--arrow-size) solid transparent;
            border-right: var(--arrow-size) solid transparent;
            transition: transform 0.2s ease; /* 箭头切换动画 */
            flex-shrink: 0; /* 不压缩 */
            margin-left: 6px; /* 与文字间距 */
        }

        /* 向下箭头（默认） */
        .arrow-down {
            border-top: var(--arrow-size) solid #fff;
        }

        /* PC端悬浮时箭头切换 */
        .language-switcher:hover .arrow-down {
            transform: rotate(180deg); /* 向下箭头旋转为向上 */
        }

        /* 移动端激活时箭头切换 */
        .language-switcher.active .arrow-down {
            transform: rotate(180deg); /* 向下箭头旋转为向上 */
        }

        /* PC端样式 (屏幕宽度 > 768px) */
        @media (min-width: 769px) {
            .language-switcher {
                position: static;
                display: inline-block;
                margin-right: 20px; /* 远离屏幕边缘 */
            }

            /* 语言按钮（触发项）- 文字居中 + 国旗精准对齐 + 箭头 */
            .lang-trigger {
                display: flex;
                align-items: center; /* 国旗与文字垂直居中 */
                justify-content: center; /* 按钮内内容水平居中 */
                gap: 6px;
                padding: 5px 10px;
                background: transparent;
                border: none;
                color: #fff;
                cursor: pointer;
                font-size: 14px;
                text-align: center; /* 文字本身居中 */
                line-height: 1; /* 消除行高影响 */
            }

            .lang-trigger img {
                width: var(--flag-size);
                height: var(--flag-size);
                border-radius: 50%; /* 圆形国旗 */
                object-fit: cover;
                flex-shrink: 0; /* 强制固定尺寸，不压缩 */
                display: inline-block; /* 确保行内对齐 */
                vertical-align: middle; /* 垂直对齐 */
            }

            /* 语言列表容器 - 核心优化：居中+列对齐 */
            .lang-dropdown {
                position: absolute;
                background-color: #000; /* 纯黑背景 */
                border: 1px solid #333;
                min-width: var(--content-width);
                max-width: calc(100vw - 40px); /* 不超屏幕 */
                padding: 15px;
                display: none;
                grid-template-columns: 1fr; /* 单列布局 */
                gap: 0; /* 取消默认间距，靠item自身高度控制 */
                z-index: 999;
                right: 0; /* 右对齐防溢出 */
                box-sizing: border-box;
                overflow: hidden; 
                text-align: center; /* 下拉框内内容整体居中 */
            }

            /* 悬浮展开下拉框 */
            .language-switcher:hover .lang-dropdown {
                display: grid;
                left: auto;
                right: 0;
                max-height: 80vh; 
                overflow-y: auto; 
            }

            /* 语言选项 - 列对齐+整体居中核心样式 */
            .lang-item {
                display: flex;
                align-items: center; /* 国旗与文字垂直居中 */
                justify-content: center; /* 选项内内容整体居中 */
                gap: 8px; /* 国旗与文字间距固定 */
                height: var(--item-height); /* 固定高度，确保上下对齐 */
                padding: 0 10px;
                text-decoration: none;
                color: #fff;
                font-size: 14px;
                transition: background-color 0.2s;
                border-radius: 4px;
                line-height: 1; /* 消除行高干扰 */
                width: 100%; /* 占满容器宽度 */
                position: relative;
                /* 固定内容区域宽度，保证所有选项对齐 */
                max-width: var(--content-width);
                margin: 0 auto; /* 选项自身居中 */
            }

            /* 统一所有国旗容器样式 - 核心对齐关键（固定位置） */
            .lang-item .flag-wrapper {
                width: var(--flag-size);
                height: var(--flag-size);
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0; /* 不压缩 */
                flex-grow: 0; /* 不拉伸 */
                min-width: var(--flag-size); /* 强制固定宽度，列对齐核心 */
            }

            /* 文字容器 - 确保所有文字左边缘对齐 */
            .lang-item .text-wrapper {
                flex-grow: 0; /* 取消拉伸，固定文字宽度 */
                min-width: calc(var(--content-width) - var(--flag-size) - 8px); /* 固定文字区宽度 */
                text-align: left; /* 文字左对齐，保证列对齐 */
            }

            .lang-item img {
                width: 100%;
                height: 100%;
                border-radius: 50%; /* 圆形国旗 */
                object-fit: cover;
            }

            .lang-item:hover {
                background-color: #222;
            }
        }

        /* 移动端样式 (屏幕宽度 ≤ 768px) */
        @media (max-width: 768px) {
            .language-switcher {
                position: fixed;
                bottom: 20px;
                right: 20px;
                z-index: 999;
            }

            /* 语言按钮（触发项）- 国旗精准对齐 + 箭头 */
            .lang-trigger {
                display: flex;
                align-items: center; /* 垂直居中 */
                justify-content: center; /* 水平居中 */
                gap: 6px;
                padding: 8px 12px;
                background-color: #111;
                border: 1px solid #333;
                border-radius: 20px;
                color: #fff;
                cursor: pointer;
                font-size: 13px;
                text-align: center;
                line-height: 1;
            }

            .lang-trigger img {
                width: var(--flag-size);
                height: var(--flag-size);
                border-radius: 50%;
                object-fit: cover;
                flex-shrink: 0;
                vertical-align: middle;
            }

            /* 语言列表容器 - 居中+列对齐 */
            .lang-dropdown {
                position: absolute;
                bottom: 100%;
                right: 0;
                background-color: #000;
                border: 1px solid #333;
                border-radius: 8px 0 8px 8px;
                min-width: var(--content-width);
                max-width: calc(100vw - 40px);
                padding: 8px 0;
                display: none;
                flex-direction: column;
                gap: 0; /* 取消间距，靠item高度控制 */
                margin-bottom: 8px;
                max-height: 70vh;
                overflow-y: auto;
                text-align: center; /* 整体居中 */
            }

            .language-switcher.active .lang-dropdown {
                display: flex;
            }

            /* 移动端语言选项 - 列对齐+整体居中 */
            .lang-item {
                display: flex;
                align-items: center; /* 垂直居中 */
                justify-content: center; /* 选项内整体居中 */
                gap: 8px;
                height: var(--item-height); /* 固定高度，上下对齐 */
                padding: 0 12px;
                text-decoration: none;
                color: #fff;
                font-size: 13px;
                transition: background-color 0.2s;
                line-height: 1;
                width: 100%; /* 占满宽度 */
                max-width: var(--content-width);
                margin: 0 auto; /* 选项自身居中 */
            }

            /* 统一国旗容器样式（固定宽度，列对齐核心） */
            .lang-item .flag-wrapper {
                width: var(--flag-size);
                height: var(--flag-size);
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                flex-grow: 0;
                min-width: var(--flag-size); /* 强制固定宽度 */
            }

            /* 文字容器 - 固定宽度，确保列对齐 */
            .lang-item .text-wrapper {
                flex-grow: 0;
                min-width: calc(var(--content-width) - var(--flag-size) - 8px);
                text-align: left; /* 文字左对齐，保证列对齐 */
            }

            .lang-item img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
                object-fit: cover;
            }

            .lang-item:hover {
                background-color: #222;
            }
        }

        /* 滚动条样式优化 */
        .lang-dropdown::-webkit-scrollbar {
            width: 6px;
        }
        .lang-dropdown::-webkit-scrollbar-track {
            background: #111;
        }
        .lang-dropdown::-webkit-scrollbar-thumb {
            background: #333;
            border-radius: 3px;
        }