/* ========== 全局主题变量 ========== */
:root {
	--main-color:#009688;
	--main-light:#4db6ac;
	--main-dark:#00695c;
	--shadow-main:rgba(0,150,136,0.08);
	--shadow-hover:rgba(0,150,136,0.15);
	--text-black:#1a1a1a;
	--text-gray:#666;
	--text-light-gray:#999;
	--bg-page:#f7fafa;
	--bg-white:#ffffff;
	--border-line:#eeeeee;
	--base-transition:all 0.65s ease;
}
@media (prefers-reduced-motion:reduce) {
	*{animation:none !important;
	transition:none !important;
}
}
html {
	scroll-behavior:smooth;
}
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body {
	font-family:"Microsoft YaHei",system-ui,sans-serif;
	font-size:15px;
	color:var(--text-gray);
	background-color:var(--bg-page);
	line-height:1.65;
	animation:pageFadeIn 0.75s ease forwards;
}
ul {
	list-style:none;
}
a {
	text-decoration:none;
	color:inherit;
	transition:var(--base-transition);
}
img {
	max-width:100%;
	display:block;
}
.main-container {
	width:1200px;
	margin:0 auto;
	padding:0 12px;
}
.section-head {
	text-align:center;
	margin-bottom:40px;
}
.section-title {
	font-size:28px;
	color:var(--main-color);
	margin-bottom:12px;
	position:relative;
}
.section-title::after {
	content:"";
	width:60px;
	height:3px;
	background:var(--main-color);
	display:block;
	margin:10px auto 0;
	transition:var(--base-transition);
}
.section-sub {
	font-size:15px;
}
.more-link {
	display:inline-block;
	padding:9px 28px;
	border:1px solid var(--main-color);
	border-radius:999px;
	color:var(--main-color);
	transition:var(--base-transition);
}
.more-link:hover {
	background:var(--main-color);
	color:#fff;
	transform:translateY(-3px);
	box-shadow:var(--shadow-main);
}
/* 滚动动画基础类 */
.animate-scroll .animate-item {
	opacity:0;
	transform:translateY(50px);
	transition:opacity 1s ease,transform 1s ease;
}
.animate-scroll.show .animate-item {
	opacity:1;
	transform:translateY(0);
}
/* 分层延迟 */
.animate-scroll .animate-item:nth-child(1) {
	transition-delay:0s;
}
.animate-scroll .animate-item:nth-child(2) {
	transition-delay:0.15s;
}
.animate-scroll .animate-item:nth-child(3) {
	transition-delay:0.3s;
}
.animate-scroll .animate-item:nth-child(4) {
	transition-delay:0.45s;
}
/* ========== 顶部导航 ========== */
.header-top {
	background:var(--bg-white);
	box-shadow:0 2px 10px var(--shadow-main);
	position:sticky;
	top:0;
	z-index:999;
}
.header-container {
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:14px 15px;
}
.logo-text {
	font-size:22px;
	font-weight:700;
	color:var(--main-color);
	transition:var(--base-transition);
}
.logo-text:hover {
	text-shadow:0 0 10px rgba(0,150,136,0.3);
}
.nav-ul {
	display:flex;
	gap:28px;
}
.nav-a {
	font-size:15px;
	padding:8px 0;
	position:relative;
	transition:var(--base-transition);
}
.nav-a::after {
	content:"";
	width:0;
	height:2px;
	background:var(--main-color);
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	transition:var(--base-transition);
}
.nav-li.active .nav-a,.nav-a:hover {
	color:var(--main-color);
}
.nav-li.active .nav-a::after,.nav-a:hover::after {
	width:100%;
}
/* ========== Banner首屏 ========== */
.banner-wrap {
	height:460px;
	min-height:460px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	position:relative;
	overflow:hidden;
	background:linear-gradient(135deg,var(--main-color) 0%,var(--main-light) 100%);
	background-size:200% 200%;
	animation:bannerBgFlow 22s ease infinite alternate;
}
.banner-light {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-100%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.18),transparent);
	animation:bannerLightSweep 16s linear infinite;
	pointer-events:none;
}
.banner-particles {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
}
.banner-particles span {
	position:absolute;
	width:18px;
	height:18px;
	background:rgba(255,255,255,0.55);
	border-radius:50%;
	animation:particleFloat 13s ease-in-out infinite;
}
.banner-particles span:nth-child(1) {
	top:20%;
	left:10%;
	animation-delay:0s;
}
.banner-particles span:nth-child(2) {
	top:60%;
	left:15%;
	animation-delay:1s;
}
.banner-particles span:nth-child(3) {
	top:30%;
	right:20%;
	animation-delay:2s;
}
.banner-particles span:nth-child(4) {
	top:70%;
	right:10%;
	animation-delay:3s;
}
.banner-particles span:nth-child(5) {
	top:50%;
	left:50%;
	animation-delay:4s;
}
.banner-circle {
	position:absolute;
	width:400px;
	height:400px;
	border:1px solid rgba(255,255,255,0.55);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:circlePulse 9s ease-in-out infinite alternate;
	pointer-events:none;
}
.banner-circle::before {
	content:"";
	position:absolute;
	width:600px;
	height:600px;
	border:1px solid rgba(255,255,255,0.55);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.banner-circle::after {
	content:"";
	position:absolute;
	width:800px;
	height:800px;
	border:1px solid rgba(255,255,255,0.55);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.banner-content {
	position:relative;
	z-index:3;
	padding:0 20px;
}
.banner-title {
	font-size:40px;
	font-weight: bold;
	margin-bottom:20px;
	color:#fff;
	animation:bannerUp 1s ease forwards;
	animation-name:bannerUp,titleGlow;
	animation-duration:1s,5s;
	animation-delay:0s,1s;
	animation-fill-mode:forwards;
	animation-iteration-count:1,infinite;
	animation-direction:normal,alternate;
}
.banner-desc {
	font-size:16px;
	margin-bottom:40px;
	color:rgba(255,255,255,0.9);
	animation:bannerUp 1s ease 0.25s both;
	line-height:1.8;
}
.banner-btn-group {
	display:flex;
	gap:25px;
	justify-content:center;
	animation:bannerUp 1s ease 0.45s both;
}
.banner-btn {
	position:relative;
	overflow:hidden;
	padding:12px 34px;
	border-radius:999px;
	font-size:17px;
	font-weight:500;
	transition:var(--base-transition);
}
.banner-btn::before {
	content:"";
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.55),transparent);
	transition:left 0.6s ease;
}
.banner-btn:hover::before {
	left:100%;
}
.banner-btn.primary {
	background:#fff;
	color:var(--main-color);
}
.banner-btn.primary:hover {
	background:#f0f7ff;
	transform:translateY(-6px);
	box-shadow:0 12px 28px rgba(0,0,0,0.12);
}
.banner-btn.outline {
	border:2px solid #fff;
	color:#fff;
}
.banner-btn.outline:hover {
	background:rgba(255,255,255,0.18);
	transform:translateY(-6px);
	box-shadow:0 12px 28px rgba(0,0,0,0.08);
}
/* ========== 内页通用Banner ========== */
.page-banner {
	padding:48px 0;
	color:#fff;
	text-align:center;
	position:relative;
	overflow:hidden;
	background:linear-gradient(135deg,var(--main-color),var(--main-light));
	background-size:200% 200%;
	animation:bannerBgFlow 22s ease infinite alternate;
}
.page-banner .main-container {
	position:relative;
	z-index:2;
}
.page-banner h1 {
	font-size:32px;
	margin-bottom:12px;
	animation:fadeUp 0.8s ease;
}
.page-banner p {
	font-size:18px;
	opacity:0.9;
	animation:fadeUp 0.8s ease 0.2s both;
}
.breadcrumb {
	font-size:14px;
	color:var(--text-gray);
}
/* ========== 核心服务 ========== */
.service-section {
	padding:60px 0;
}
.service-row {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px;
}
.service-card {
	background:var(--bg-white);
	padding:36px 22px;
	border-radius:16px;
	text-align:center;
	box-shadow:var(--shadow-main);
	transition:var(--base-transition);
	animation:fadeUp 0.6s ease;
}
.service-card:nth-child(2) {
	animation-delay:0.1s;
}
.service-card:nth-child(3) {
	animation-delay:0.2s;
}
.service-card:nth-child(4) {
	animation-delay:0.3s;
}
.service-card:hover {
	transform:translateY(-12px);
	box-shadow:var(--shadow-hover);
}
.service-icon {
	width:80px;
	height:80px;
	margin:0 auto 20px;
	transition:var(--base-transition);
}
.service-card:hover .service-icon {
	transform:scale(1.06);
}
.card-title {
	font-size:20px;
	color:var(--text-black);
	margin-bottom:12px;
}
.card-text {
	font-size:15px;
	color:var(--text-gray);
}
/* ========== 平台数据实力 ========== */
.data-stat-section {
	width:100%;
	max-width:100%;
	position:relative;
	overflow:hidden;
	padding:60px 15px;
	margin:40px 0;
	border-radius:0;
	background:linear-gradient(90deg,var(--main-dark),var(--main-color));
	background-size:180% 180%;
	animation:dataBgFlow 20s ease infinite alternate;
}
.data-stat-particle {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
}
.data-stat-particle span {
	position:absolute;
	width:8px;
	height:8px;
	background:rgba(255,255,255,0.55);
	border-radius:50%;
	animation:dataFloat 14s ease-in-out infinite;
}
.data-stat-particle span:nth-child(1) {
	top:15%;
	left:8%;
	animation-delay:0s;
}
.data-stat-particle span:nth-child(2) {
	top:70%;
	left:16%;
	animation-delay:1.2s;
}
.data-stat-particle span:nth-child(3) {
	top:22%;
	right:12%;
	animation-delay:2.4s;
}
.data-stat-particle span:nth-child(4) {
	top:65%;
	right:18%;
	animation-delay:3.6s;
}
.data-stat-particle span:nth-child(5) {
	top:45%;
	left:50%;
	animation-delay:4.8s;
}
.data-circle {
	position:absolute;
	width:320px;
	height:320px;
	border:1px solid rgba(255,255,255,0.55);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:dataCircleScale 10s ease-in-out infinite alternate;
}
.data-circle::before {
	content:"";
	position:absolute;
	width:480px;
	height:480px;
	border:1px solid rgba(255,255,0.55);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.data-row {
	position:relative;
	z-index:2;
	width:1200px;
	max-width:100%;
	margin:0 auto;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
	text-align:center;
	color:#fff;
	min-height:140px;
	align-items:center;
}
.data-number {
	font-size:36px;
	font-weight:700;
	margin-bottom:10px;
	animation:numberPulse 4s infinite ease-in-out;
	text-shadow:0 0 10px rgba(255,255,255,0.55);
}
.data-label {
	font-size:16px;
	opacity:0.9;
}
/* ========== 优势&FAQ ========== */
.advantage-section,.faq-section {
	padding:60px 15px;
}
.four-card-grid {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}
.adv-card {
	background:var(--bg-white);
	border-radius:16px;
	overflow:hidden;
	box-shadow:var(--shadow-main);
	transition:var(--base-transition);
	animation:fadeUp 0.6s ease;
}
.four-card-grid .adv-card:nth-child(1) {
	animation-delay:0s;
}
.four-card-grid .adv-card:nth-child(2) {
	animation-delay:0.12s;
}
.four-card-grid .adv-card:nth-child(3) {
	animation-delay:0.24s;
}
.four-card-grid .adv-card:nth-child(4) {
	animation-delay:0.36s;
}
.adv-card:hover {
	transform:translateY(-16px);
	box-shadow:var(--shadow-hover);
}
.card-img-box {
	height:170px;
	overflow:hidden;
}
.card-img-box img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.5s ease;
}
.adv-card:hover img {
	transform:scale(1.14);
}
.card-text-box {
	padding:26px 22px;
}
.card-text-box h4 {
	font-size:20px;
	margin-bottom:12px;
	color:var(--main-color);
	font-weight:600;
}
.card-text-box p {
	font-size:15px;
	color:var(--text-gray);
	line-height:1.7;
}
.more-btn-box {
    text-align: center;
    margin-top: 40px;
}
.more-link {
    display: inline-block;
    padding: 10px 32px;
    border: 1px solid var(--main-color);
    border-radius: 999px;
    color: var(--main-color);
    transition: var(--base-transition);
}
.more-link:hover {
    background: var(--main-color);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: var(--shadow-main);
}
/* 二级导航 */
.sub-nav-wrap {
    background: #fff;
    padding: 25px 0;
    box-shadow: 0 2px 8px rgba(0,0,0.05);
}
.sub-nav-box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding: 0 15px;
}
.sub-nav-box a {
    padding: 8px 20px;
    border-radius: 30px;
    border: 1px solid #eee;
    transition: var(--base-transition);
    font-size: 14px;
}
.sub-nav-box a.btn-info {
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}
.sub-nav-box a.btn-light:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}
.badge {
    display: inline-block;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 20px;
    margin-left: 6px;
}
.badge-light {
    background: #fff;
    color: var(--main-color);
}
.badge.btn-info {
    background: var(--main-color);
    color: #fff;
}
/* 新闻列表 */
.news-list-section {
}
.news-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.news-item {
    display: flex;
    gap: 16px;
    background: var(--bg-white);
    border-radius: 14px;
    padding: 16px;
    box-shadow: var(--shadow-main);
    transition: var(--base-transition);
}
.news-item:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-hover);
}
.news-item-img {
    width: 200px;
    height: 130px;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 10px;
}
.news-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.news-item:hover img {
    transform: scale(1.12);
}
.news-item-text {
    flex: 1;
}
.news-item-text h2 {
    font-size: 20px;
    margin-bottom: 10px;
}
.news-item-text h2 a {
    color: var(--text-black);
}
.news-item-text h2 a:hover {
    color: var(--main-color);
}
.news-info {
    font-size: 14px;
    color: var(--text-light-gray);
    margin-bottom: 12px;
}
.news-desc {
    color: var(--text-gray);
    line-height: 1.7;
}
.page-box {
    text-align: center;
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid var(--border-line);
}
.page-box a {
    display: inline-block;
    padding: 6px 14px;
    border: 1px solid var(--border-line);
    margin: 0 4px;
    border-radius: 4px;
    color: var(--text-gray);
}
.page-box a:hover {
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}
/* ========== 底部转化行动区【重点强化光圈、圆点，肉眼清晰可见】 ========== */
.action-banner-section {
	position:relative;
	overflow:hidden;
	padding:55px 0;
	margin:45px 0;
	color:#fff;
	background:radial-gradient(circle at 20% 10%,rgba(255,255,255,0.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,0.06) 0%,transparent 45%),linear-gradient(135deg,var(--main-dark) 0%,var(--main-color) 50%,var(--main-dark) 100%);
	background-size:180% 180%;
	animation:actionBgFlow 20s ease-in-out infinite;
}
/* 横向扫光 */
.action-sweep {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-100%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.22),transparent);
	animation:actionSweep 17s linear infinite;
	pointer-events:none;
}
/* 漂浮圆点粒子【放大尺寸+提高透明度+浮动幅度加大】 */
.action-particle {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
}
.action-particle span {
	position:absolute;
	width:20px;
	height:20px; /* 原7px→12px 圆点变大 */
	background:rgba(255,255,255,0.8); /* 透明度大幅提高 */
	border-radius:50%;
	animation:floatParticle 13s ease-in-out infinite;
}
.action-particle span:nth-child(1) {
	top:10%;
	left:8%;
	animation-delay:0s;
}
.action-particle span:nth-child(2) {
	top:75%;
	left:14%;
	animation-delay:1.5s;
}
.action-particle span:nth-child(3) {
	top:20%;
	right:10%;
	animation-delay:3s;
}
.action-particle span:nth-child(4) {
	top:68%;
	right:16%;
	animation-delay:4.5s;
}
.action-particle span:nth-child(5) {
	top:42%;
	left:50%;
	animation-delay:6s;
}
/* 多层呼吸光圈【加宽边框+缩放区间加大】 */
.action-circle {
	position:absolute;
	width:360px;
	height:360px; /* 原360→460 外圈更大 */
	border:2px solid rgba(255,255,255,55); /* 透明度提高 */
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:actionCirclePulse 10s ease-in-out infinite alternate;
}
.action-circle::before {
	content:"";
	position:absolute;
	width:460px;
	height:460px;
	border:1px solid rgba(255,255,255,0.55);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.action-circle::after {
	content:"";
	position:absolute;
	width:560px;
	height:560px;
	border:1px solid rgba(255,255,255,0.55);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.action-inner {
	position:relative;
	z-index:2;
	width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:40px;
	animation:actionFadeUp 0.9s ease;
}
.action-text-box {
	max-width:600px;
}
.action-text-box h2,
.action-text-box .action-text-box-title {
	font-size:30px;
	font-weight:bold;
	margin-bottom:12px;
	text-shadow:0 0 8px rgba(255,255,255,0.4);
	animation:titleGlow 5s ease-in-out infinite alternate;
}
.action-text-box p {
	font-size:17px;
	opacity:0.9;
}
.action-button-group {
	display:flex;
	gap:20px;
}
.action-btn {
	position:relative;
	overflow:hidden;
	padding:13px 32px;
	border-radius:999px;
	font-size:16px;
	font-weight:500;
	transition:var(--base-transition);
}
.action-btn::before {
	content:"";
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.55),transparent);
	transition:left 0.5s ease;
}
.action-btn:hover::before {
	left:100%;
}
.reg-btn {
	background:#fff;
	color:var(--main-color);
}
.reg-btn:hover {
	background:#f8fafc;
	transform:translateY(-5px);
	box-shadow:0 8px 20px rgba(0,0,0,0.15),0 0 0 4px rgba(255,255,0.1);
}
.service-btn {
	border:2px solid #fff;
	color:#fff;
}
.service-btn:hover {
	background:rgba(255,255,0.18);
	transform:translateY(-5px);
	box-shadow:0 8px 20px rgba(0,0,0,0.15),0 0 0 4px rgba(255,255,0.1);
}
/* ========== 页脚 ========== */
.footer-wrap {
	background:#151b28;
	color:#ccc;
	padding:50px 0 20px;
}
.footer-container {
	width:1200px;
	margin:0 auto;
	padding:0 15px;
}
.footer-contact h4 {
	color:#fff;
	font-size:20px;
	margin-bottom:20px;
}
.footer-contact p {
	margin-bottom:10px;
	font-size:15px;
}
.footer-link {
	margin-top:30px;
}
.footer-link a {
	margin:0 10px;
	color:#aaa;
}
.footer-link a:hover {
	color:var(--main-color);
}
.copyright-box {
	width:1200px;
	margin:40px auto 0;
	padding-top:20px;
	border-top:1px solid #2c3342;
	text-align:center;
	font-size:14px;
	color:#999;
}
/* ========== 动画关键帧（行动区粒子/光圈单独放大浮动幅度） ========== */
@keyframes pageFadeIn {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes fadeUp {
	from {
	opacity:0;
	transform:translateY(35px);
}
to {
	opacity:1;
	transform:translateY(0);
}
}
@keyframes bannerBgFlow {
	0% {
	background-position:0% 50%;
}
100% {
	background-position:100% 50%;
}
}
@keyframes bannerLightSweep {
	0% {
	left:-100%;
}
100% {
	left:100%;
}
}
@keyframes bannerUp {
	from {
	opacity:0;
	transform:translateY(50px);
}
to {
	opacity:1;
	transform:translateY(0);
}
}
@keyframes titleGlow {
	from {
		text-shadow:0 0 10px rgba(255,255,255,0.3),0 0 20px rgba(255,255,255,0.15);
	}
	to {
		text-shadow:0 0 22px rgba(255,255,255,0.7),0 0 45px rgba(255,255,255,0.35);
	}
}
@keyframes particleFloat {
	0%,100% {
	transform:translateY(0) scale(1);
	opacity:0.35;
}
50% {
	transform:translateY(-35px) scale(1.3);
	opacity:0.85;
}
}
@keyframes circlePulse {
	from {
		opacity:0.4;
		transform:translate(-50%,-50%) scale(0.9);
	}
	to {
		opacity:1;
		transform:translate(-50%,-50%) scale(1.15);
	}
}
@keyframes numberPulse {
	0%,100% {
	transform:scale(1);
}
50% {
	transform:scale(1.12);
}
}
@keyframes dataBgFlow {
	0% {
	background-position:0% 50%;
}
100% {
	background-position:100% 50%;
}
}
@keyframes dataFloat {
	0%,100% {
	transform:translateY(0) scale(1);
	opacity:0.3;
}
50% {
	transform:translateY(-30px) scale(1.25);
	opacity:0.8;
}
}
@keyframes dataCircleScale {
	from {
		transform:translate(-50%,-50%) scale(0.9);
		opacity:0.4;
	}
	to {
		transform:translate(-50%,-50%) scale(1.2);
		opacity:0.9;
	}
}
@keyframes actionBgFlow {
	0% {
	background-position:0% 50%;
}
50% {
	background-position:100% 50%;
}
100% {
	background-position:0% 50%;
}
}
/* 行动区圆点浮动幅度加大 */
@keyframes floatParticle {
	0%,100% {
	transform:translateY(0) scale(1);
	opacity:0.6;
}
50% {
	transform:translateY(-45px) scale(1.35); /* 浮动更高、放大更多 */
	opacity:1;
}
}
@keyframes actionFadeUp {
	from {
	opacity:0;
	transform:translateY(30px);
}
to {
	opacity:1;
}
}
@keyframes actionSweep {
	0% {
	left:-100%;
}
100% {
	left:100%;
}
}
/* 行动区光圈呼吸缩放区间拉大，一眼可见 */
@keyframes actionCirclePulse {
	from {
		transform:translate(-50%,-50%) scale(0.8);
		opacity:0.4;
	}
	to {
		transform:translate(-50%,-50%) scale(1.35); /* 缩放差巨大 */
		opacity:1;
	}
}
/* ========== 移动端适配【修复空白】 ========== */
@media screen and (max-width:1200px) {
	.header-container,.main-container,.data-row,.action-inner,.footer-container,.copyright-box {
		width:100%;
	}
}
@media screen and (max-width:768px) {
	/* 只隐藏光效粒子，主体保留 */
	.banner-light,
	.banner-particles,
	.banner-circle,
	.data-stat-particle,
	.data-circle,
	.action-sweep,
	.action-particle,
	.action-circle {
		animation:none !important;
		display:none !important;
	}
	body,.service-card,.adv-card,.section-head {
		animation:none !important;
		display:block !important;
	}
	.banner-wrap {
		height:auto;
		min-height:300px;
		padding:60px 15px;
	}
	.banner-title {
		font-size:30px;
	}
	.banner-btn-group {
		flex-direction:column;
		gap:16px;
		align-items:center;
	}
	.banner-btn {
		width:100%;
		max-width:260px;
		text-align:center;
	}
	.header-container {
		flex-direction:column;
		gap:15px;
	}
	.nav-ul {
		flex-wrap:wrap;
		justify-content:center;
		gap:20px;
	}
	.service-row,.data-row,.four-card-grid {
		grid-template-columns:1fr;
		gap:20px;
	}
	.action-inner {
		flex-direction:column;
		text-align:center;
		gap:30px;
		padding:0 15px;
	}
	.action-text-box {
		max-width:100%;
	}
.action-text-box h2,
.action-text-box .action-text-box-title {
	font-size:26px;
}
	.action-button-group {
		flex-direction:column;
		align-items:center;
		gap:14px;
	}
	.action-btn {
		width:100%;
		max-width:260px;
		text-align:center;
	}
	.data-number {
		font-size:28px;
	}
	.service-section,.advantage-section,.faq-section {
		padding:40px 15px;
	}
	.more-btn-box {
		text-align:center !important;
		padding:0 10px;
	}
	.more-link {
		padding:8px 24px;
		font-size:14px;
	}
	/* 二级导航手机 */
	.sub-nav-wrap {
		padding: 16px 0;
	}
	.sub-nav-box {
		gap: 10px;
		padding: 0 10px;
		justify-content: center;
	}
	.sub-nav-box a {
		font-size: 13px;
		padding: 6px 14px;
	}
	.badge {
		font-size: 11px;
		padding: 1px 6px;
	}
	/* 新闻手机 */
	.news-item {
		flex-direction: column;
	}
	.news-item-img {
		width: 100%;
		height: 180px;
	}
	.news-item-text h2 {
		font-size: 18px;
	}
	.page-box a {
		padding: 5px 10px;
		font-size: 14px;
		margin: 0 2px;
	}
}
/* 所有装饰层不拦截点击 */
.banner-light,
.banner-particles span,
.banner-circle,
.data-stat-particle span,
.data-circle,
.action-sweep,
.action-particle span,
.action-circle {
	pointer-events:none !important;
}
/* JS滚动触发代码（页面底部引入） */
/*
<script>
window.addEventListener('load',()=> {
	const items = document.querySelectorAll('.animate-scroll');
	function check() {
	items.forEach(el=> {
	const rect = el.getBoundingClientRect();
	if(rect.top < window.innerHeight - 100) el.classList.add('show');
}
)}window.addEventListener('scroll',check);
	check();})
</script>
*/