/* ========== 多拼青蓝紫复合主题变量 ========== */
:root {
	--color-a:#0086ff;
	--color-b:#00e4dd;
	--color-c:#904cff;
	--dark-bg:#051430;
	--shadow-glow:rgba(0,134,255,0.12);
	--text-main:#0e1a36;
	--text-sub:#546892;
	--text-light:#8a9cc2;
	--page-bg:#f3f9ff;
	--white:#ffffff;
	--border-fade:#d8eaff;
	--animate-speed:all 0.4s ease;
    --base-transition: all 0.3s ease;
    --main-color:#0086ff;
}
@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-sub);
	background:var(--page-bg);
	line-height:1.68;
	animation:pageFade 0.8s ease forwards;
}
ul {
	list-style:none;
}
a {
	text-decoration:none;
	transition:var(--animate-speed);
	color:inherit;
}
img {
	max-width:100%;
	display:block;
}
.main-container {
	width:1200px;
	margin:0 auto;
	padding:0 12px;
}
.section-head {
	text-align:center;
	margin-bottom:42px;
}
.section-title {
	font-size:28px;
	color:var(--color-a);
	margin-bottom:12px;
}
.section-title::after {
	content:"";
	width:70px;
	height:3px;
	margin:12px auto 0;
	background:linear-gradient(90deg,var(--color-a),var(--color-b),var(--color-c));
	display:block;
}
.section-sub {
	font-size:15px;
	color:var(--text-light);
}
.more-link {
	padding:10px 30px;
	border:1px solid var(--color-a);
	border-radius:999px;
	color:var(--color-a);
	display:inline-block;
	transition:var(--animate-speed);
}
.more-link:hover {
	background:linear-gradient(90deg,var(--color-a),var(--color-c));
	color:#fff;
	transform:translateY(-4px);
	box-shadow:var(--shadow-glow);
}
/* 顶部导航 */
.header-top {
	background:var(--white);
	box-shadow:0 3px 12px var(--shadow-glow);
	position:sticky;
	top:0;
	z-index:999;
}
.header-container {
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:15px 15px;
}
.logo-text {
	font-size:22px;
	font-weight:700;
	color:var(--color-a);
}
.logo-text:hover {
	text-shadow:0 0 14px rgba(0,228,221,0.4);
}
.nav-ul {
	display:flex;
	gap:30px;
}
.nav-a {
	font-size:15px;
	padding:8px 0;
	position:relative;
}
.nav-a::after {
	content:"";
	width:0;
	height:2px;
	background:linear-gradient(90deg,var(--color-a),var(--color-b));
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	transition:var(--animate-speed);
}
.nav-li.active .nav-a,.nav-a:hover {
	color:var(--color-a);
}
.nav-li.active .nav-a::after,.nav-a:hover::after {
	width:100%;
}
/* 二级子导航 */
.sub-nav-wrap {
	background:#fff;
	padding:26px 0;
	box-shadow:0 2px 10px var(--shadow-glow);
	margin-bottom:32px;
}
.sub-nav-box {
	width:1200px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	padding:0 15px;
}
.sub-nav-box a {
	padding:8px 20px;
	border:1px solid #eee;
	border-radius:30px;
	font-size:14px;
	transition:var(--animate-speed);
}
.sub-nav-box a.btn-info {
	background:linear-gradient(90deg,var(--color-a),var(--color-c));
	color:#fff;
	border-color:var(--color-a);
}
.sub-nav-box a.btn-light:hover {
	border-color:var(--color-a);
	color:var(--color-a);
}
.sub-nav-box .badge {
	margin-left:7px;
	padding:2px 9px;
	border-radius:12px;
	font-size:12px;
}
.badge-light {
	background:#fff;
	color:var(--color-a);
}
.badge.btn-info {
	background:var(--color-b);
	color:#000;
}
/* ========== Banner首屏｜超大动态特效 ========== */
.banner-wrap {
	height:480px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	position:relative;
	overflow:hidden;
	/*三色超大拼接渐变背景 */
    background:linear-gradient(135deg,var(--dark-bg),var(--color-a),var(--color-b),var(--color-c));
	background-size:340% 340%;
	animation:bannerBigShift 8.5s infinite alternate-reverse;
}
/* 横向巨型流光 */
.banner-light {
	position:absolute;
	width:240%;
	height:100%;
	left:-240%;
	top:0;
	background:linear-gradient(90deg,transparent,rgba(0,228,221,0.36),rgba(144,76,255,0.2),transparent);
	animation:lightHorizon 5s linear infinite;
	z-index:1;
	pointer-events:none;
}
/* 对角反向交叉光带 */
.banner-slant-light {
	position:absolute;
	width:220%;
	height:220%;
	right:-220%;
	top:-45%;
	background:linear-gradient(135deg,transparent,rgba(0,134,255,0.22),transparent);
	animation:lightDiag 7.2s linear infinite reverse;
	z-index:1;
	pointer-events:none;
}
/* 三层极速扩散波纹，扩散范围巨大 */
.banner-wave {
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:none;
	z-index:1;
}
.banner-wave span {
	position:absolute;
	border:1px solid rgba(0,228,221,0.24);
	border-radius:50%;
	animation:waveExpandHuge 4s infinite ease-out;
}
.banner-wave span:nth-child(1) {
	width:200px;
	height:200px;
	animation-delay:0s;
}
.banner-wave span:nth-child(2) {
	width:480px;
	height:480px;
	animation-delay:1.3s;
}
.banner-wave span:nth-child(3) {
	width:780px;
	height:780px;
	animation-delay:2.6s;
}
/* 大范围游走发光粒子 */
.banner-particles {
	position:absolute;
	inset:0;
	pointer-events:none;
	z-index:1;
}
.banner-particles span {
	position:absolute;
	border-radius:50%;
	background:#fff;
	box-shadow:0 0 26px rgba(0,228,221,0.65);
	animation:starWideRoam 6.2s infinite ease-in-out;
}
.banner-particles span:nth-child(1) {
	width:18px;
	height:18px;
	top:10%;
	left:7%;
}
.banner-particles span:nth-child(2) {
	width:7px;
	height:7px;
	top:72%;
	left:12%;
	animation-delay:1.1s;
}
.banner-particles span:nth-child(3) {
	width:14px;
	height:14px;
	top:23%;
	right:14%;
	animation-delay:2.2s;
}
.banner-particles span:nth-child(4) {
	width:10px;
	height:10px;
	top:74%;
	right:10%;
	animation-delay:3.3s;
}
.banner-particles span:nth-child(5) {
	width:15px;
	height:15px;
	top:46%;
	left:50%;
	animation-delay:4.4s;
}
/* 多层反向旋转呼吸圆环 */
.banner-circle {
	position:absolute;
	width:440px;
	height:440px;
	border-radius:50%;
	border:1px solid rgba(0,228,221,0.15);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:ringScaleFast 3s infinite alternate;
	pointer-events:none;
	z-index:1;
}
.banner-circle::before {
	content:"";
	position:absolute;
	width:660px;
	height:660px;
	border-radius:50%;
	border:1px solid rgba(144,76,255,0.09);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:ringRotateRev 12s linear infinite reverse;
}
.banner-circle::after {
	content:"";
	position:absolute;
	width:880px;
	height:880px;
	border-radius:50%;
	border:1px solid rgba(0,134,255,0.05);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:ringSlowPulse 7.5s infinite alternate reverse;
}
.banner-content {
	position:relative;
	z-index:3;
	padding:0 20px;
}
.banner-title {
	font-size:40px;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	animation:textFadeUp 1s ease forwards,titleStrongGlow 2.7s infinite alternate;
}
.banner-desc {
	font-size:16px;
	color:rgba(255,255,255,0.92);
	margin-bottom:40px;
	animation:textFadeUp 1s ease 0.25s both;
}
.banner-btn-group {
	display:flex;
	gap:25px;
	justify-content:center;
	animation:textFadeUp 1s ease 0.45s both;
}
.banner-btn {
	position:relative;
	overflow:hidden;
	padding:12px 34px;
	border-radius:999px;
	font-size:17px;
}
.banner-btn::before {
	content:"";
	position:absolute;
	left:-100%;
	top:0;
	width:100%;
	height:100%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.42),transparent);
	transition:0.6s ease;
}
.banner-btn:hover::before {
	left:100%;
}
.banner-btn.primary {
	background:#fff;
	color:var(--color-a);
}
.banner-btn.primary:hover {
	transform:translateY(-6px);
	box-shadow:0 0 28px rgba(0,228,221,0.35);
}
.banner-btn.outline {
	border:2px solid #fff;
	color:#fff;
}
/* 内页简约Banner */
.page-banner {
	padding:48px 0;
	text-align:center;
	color:#fff;
	position:relative;
	overflow:hidden;
	background:linear-gradient(135deg,var(--color-a),var(--color-c));
	background-size:200% 200%;
	animation:bannerBigShift 12s infinite alternate;
}
.page-banner .main-container {
	position:relative;
	z-index:2;
}
.page-banner h1,.page-banner .page-banner-title {
	font-size:36px;
	margin-bottom:12px;
	font-weight:bold;
	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-sub);
}
/* 核心服务板块 */
.service-section {
	padding:60px 0;
}
.service-row {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px;
}
.service-card {
	background:var(--white);
	padding:36px 22px;
	border-radius:16px;
	text-align:center;
	box-shadow:var(--shadow-glow);
	transition:var(--animate-speed);
	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(-6px);
	box-shadow:0 8px 24px var(--shadow-glow);
}
.service-icon {
	width:80px;
	height:80px;
	margin:0 auto 20px;
	transition:var(--animate-speed);
}
.service-card:hover .service-icon {
	transform:scale(1.06);
}
.card-title {
	font-size:20px;
	color:var(--text-main);
	margin-bottom:12px;
}
.card-text {
	font-size:15px;
	color:var(--text-sub);
}
/* ========== 平台数据实力｜超强动态粒子旋转光圈 ========== */
.data-stat-section {
	width:100%;
	overflow:hidden;
	padding:60px 15px;
	margin:40px 0;
	position:relative;
	background:linear-gradient(90deg,var(--dark-bg),var(--color-a),var(--color-c));
	background-size:270% 270%;
	animation:dataBgLargeMove 7.8s infinite alternate-reverse;
}
.data-stat-particle {
	position:absolute;
	inset:0;
	pointer-events:none;
	z-index:1;
}
.data-stat-particle span {
	position:absolute;
	border-radius:50%;
	background:#fff;
	box-shadow:0 0 18px rgba(0,228,221,0.55);
	animation:dataWideWander 7s infinite ease-in-out;
}
.data-stat-particle span:nth-child(1) {
	width:12px;
	height:12px;
	top:15%;
	left:8%;
}
.data-stat-particle span:nth-child(2) {
	width:8px;
	height:8px;
	top:70%;
	left:16%;
	animation-delay:1s;
}
.data-stat-particle span:nth-child(3) {
	width:11px;
	height:11px;
	top:22%;
	right:12%;
	animation-delay:2s;
}
.data-stat-particle span:nth-child(4) {
	width:9px;
	height:9px;
	top:65%;
	right:18%;
	animation-delay:3s;
}
.data-stat-particle span:nth-child(5) {
	width:13px;
	height:13px;
	top:45%;
	left:50%;
	animation-delay:4s;
}
.data-circle {
	position:absolute;
	width:350px;
	height:350px;
	border-radius:50%;
	border:1px solid rgba(0,228,221,0.12);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:dataRingBigPulse 3s infinite alternate;
	z-index:1;
	pointer-events:none;
}
.data-circle::before {
	content:"";
	position:absolute;
	width:490px;
	height:490px;
	border-radius:50%;
	border:1px solid rgba(144,76,255,0.07);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:fullRotate 11s linear infinite reverse;
}
.data-row {
	width:1200px;
	margin:0 auto;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
	position:relative;
	z-index:2;
	color:#fff;
	text-align:center;
	min-height:140px;
	align-items:center;
}
.data-number {
	font-size:36px;
	font-weight:700;
	margin-bottom:10px;
	text-shadow:0 0 20px rgba(0,228,221,0.4);
	animation:numberStrongFlash 2.2s infinite ease-in-out;
}
.data-label {
	font-size:16px;
	opacity:0.9;
}
/* 优势&FAQ */
.advantage-section,.faq-section {
	padding:60px 0;
}
.four-card-grid {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}
.adv-card {
	background:var(--white);
	border-radius:16px;
	overflow:hidden;
	box-shadow:var(--shadow-glow);
	transition:var(--animate-speed);
	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(-12px);
	box-shadow:0 10px 26px var(--shadow-glow);
}
.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.06);
}
.card-text-box {
	padding:26px 22px;
}
.card-text-box h4 {
	font-size:20px;
	color:var(--color-a);
	margin-bottom:12px;
}
.card-text-box p {
	font-size:15px;
	line-height:1.7;
	color:var(--text-sub);
}
/* ========== 底部转化｜双向对流超长扫光特效 ========== */
.action-banner-section {
	position:relative;
	overflow:hidden;
	padding:55px 0;
	margin:45px 0;
	color:#fff;
	background:radial-gradient(circle at 15% 15%,rgba(0,228,221,0.13) 0%,transparent 50%),radial-gradient(circle at 85% 20%,rgba(144,76,255,0.08) 0%,transparent 45%),linear-gradient(135deg,var(--dark-bg),var(--color-a),var(--color-c));
	background-size:250% 250%;
	animation:actionBgWideMove 7.2s infinite alternate-reverse;
}
/* 左向长扫光 */
.action-sweep {
	position:absolute;
	width:100%;
	height:100%;
	left:-140%;
	top:0;
	background:linear-gradient(90deg,transparent,rgba(0,228,221,0.18),transparent);
	animation:sweepLeftFast 4.5s linear infinite;
	z-index:1;
	pointer-events:none;
}
/* 反向右向扫光 */
.action-sweep-rev {
	position:absolute;
	width:100%;
	height:100%;
	right:-140%;
	top:0;
	background:linear-gradient(-90deg,transparent,rgba(144,76,255,0.12),transparent);
	animation:sweepRightSlow 6s linear infinite reverse;
	z-index:1;
	pointer-events:none;
}
.action-particle {
	position:absolute;
	inset:0;
	pointer-events:none;
	z-index:1;
}
.action-particle span {
	position:absolute;
	width:9px;
	height:9px;
	background:#fff;
	border-radius:50%;
	box-shadow:0 0 14px rgba(0,228,221,0.45);
	animation:starDriftAll 6.8s infinite ease-in-out;
}
.action-particle span:nth-child(1) {
	top:10%;
	left:8%;
}
.action-particle span:nth-child(2) {
	top:75%;
	left:14%;
	animation-delay:1.2s;
}
.action-particle span:nth-child(3) {
	top:20%;
	right:10%;
	animation-delay:2.4s;
}
.action-particle span:nth-child(4) {
	top:68%;
	right:16%;
	animation-delay:3.6s;
}
.action-particle span:nth-child(5) {
	top:42%;
	left:50%;
	animation-delay:4.8s;
}
.action-circle {
	position:absolute;
	width:360px;
	height:360px;
	border-radius:50%;
	border:1px solid rgba(0,228,221,0.1);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:actionRingBig 3s infinite alternate;
	z-index:1;
	pointer-events:none;
}
.action-circle::before {
	content:"";
	position:absolute;
	width:540px;
	height:540px;
	border-radius:50%;
	border:1px solid rgba(144,76,255,0.05);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:actionRingOpposite 6.4s infinite alternate reverse;
}
.action-inner {
	width:1000px;
	margin:0 auto;
	display:flex;
	align-items:center;
	gap:40px;
	position:relative;
	z-index:2;
	animation:blockFadeUp 0.9s ease;
}
.action-text-box {
	max-width:600px;
}
.action-text-box h2,.action-text-box .action-h2-txt {
	font-size:30px;
	margin-bottom:12px;
	color:#fff;
	font-weight:bold;
	text-shadow:0 0 14px rgba(255,0,0,0.5);
	animation:titleMultiFlash 2.8s infinite alternate;
}
.action-text-box p {
	font-size:18px;
	opacity:0.9;
	color:#fff;
}
.action-button-group {
	display:flex;
	gap:20px;
}
.action-btn {
	position:relative;
	overflow:hidden;
	color:#ff3333;
	padding:13px 32px;
	border-radius:999px;
	font-size:16px;
}
.action-btn::before {
	content:"";
	position:absolute;
	left:-100%;
	top:0;
	width:100%;
	height:100%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);
	transition:0.5s ease;
}
.action-btn:hover::before {
	left:100%;
}
.reg-btn {
	background:#fff;
	color:var(--color-a);
}
.reg-btn:hover {
	transform:translateY(-5px);
	box-shadow:0 0 16px rgba(0,228,221,0.3);
}
.service-btn {
	border:2px solid #fff;
	color:#fff;
}
.action-btn {
	position:relative;
	overflow:hidden;
	padding:15px 36px;
	border-radius:999px;
	font-size:16px;
	font-weight:500;
	background-color:#f5222d;
	/* 保留红色背景 */
    color:#ffffff;
	/* 文字改成纯白 */
    border:none;
	transition:all 0.3s ease;
}
.action-btn::before {
	content:"";
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);
	transition:left 0.5s ease;
}
.action-btn:hover::before {
	left:100%;
}
.action-btn:hover {
	background:#cf1322;
	/* 鼠标 hover 加深红色 */
    color:#fff;
	transform:translateY(-5px);
	box-shadow:0 8px 20px rgba(245,34,45,0.2);
}
/* 清除service-btn原本的白色边框 */
.action-btn.service-btn {
	border:none;
}
/* 页脚 */
.footer-wrap {
	background:#0a1328;
	color:#ccc;
	padding:50px 0 20px;
}
.footer-container {
	width:1200px;
	margin:0 auto;
	padding:0 15px;
}
.footer-contact h4,.footer-contact .footer-contact-title,.footer-contact .footer-contact-txt {
	font-size:20px;
	font-weight:600;
	margin-bottom:14px;
	color:#fff;
}
.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(--color-b);
}
.copyright-box {
	width:1200px;
	margin:40px auto 0;
	padding-top:20px;
	border-top:1px solid #1c2847;
	text-align:center;
	font-size:14px;
	color:#999;
}
/* 全局动画关键帧（全部加大幅度） */
@keyframes pageFade {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}
@keyframes fadeUp {
	from {
	opacity:0;
	transform:translateY(20px);
}
to {
	opacity:1;
}
}
@keyframes textFadeUp {
	from {
	opacity:0;
	transform:translateY(35px);
}
to {
	opacity:1;
}
}
@keyframes blockFadeUp {
	from {
	opacity:0;
	transform:translateY(30px);
}
to {
	opacity:1;
}
}
/* Banner动画 */
@keyframes bannerBigShift {
	0% {
	background-position:0% 20%;
}
100% {
	background-position:100% 80%;
}
}
@keyframes lightHorizon {
	0% {
	left:-240%;
}
100% {
	left:240%;
}
}
@keyframes lightDiag {
	0% {
	right:-220%;
}
100% {
	right:220%;
}
}
@keyframes waveExpandHuge {
	0{width:0;height:0;opacity:0.9;}
	100 {width:100%;height:100%;opacity:0;}
}
@keyframes starWideRoam {
	0% {
	transform:translate(0,0);
	opacity:0.4;
}
50 {
	transform:translate(-40px,-35px) scale(1.4);
	opacity:1;
}
}
@keyframes ringScaleFast {
	from {
	transform:translate(-50%,-50%) scale(0.85);
}
to {
	transform:translate(-50%,-50%) scale(1.25);
}
}
@keyframes ringRotateRev {
	from {
	rotate:0deg;
}
to {
	rotate:360deg;
}
}
@keyframes ringSlowPulse {
	from {
	transform:translate(-50%,-50%) scale(1.3);
	opacity:0.3;
}
to {
	transform:translate(-50%,-50%) scale(0.8);
	opacity:0.9;
}
}
@keyframes titleStrongGlow {
	from {
	text-shadow:0 0 10px rgba(0,228,221,0.3);
}
to {
	text-shadow:0 0 30px rgba(0,228,221,0.7),0 0 50px rgba(144,76,255,0.3);
}
}
/* 数据区动画 */
@keyframes dataBgLargeMove {
	0% {
	background-position:0% 30%;
}
100% {
	background-position:100% 70%;
}
}
@keyframes dataWideWander {
	0% {
	transform:translate(0,0);
}
50 {
	translateX(-38px) translateY(-30px) scale(1.3);
}
}
@keyframes dataRingBigPulse {
	from {
	scale:0.9;
}
to {
	scale:1.22;
}
}
@keyframes fullRotate {
	0% {
	rotate:0deg;
}
100% {
	rotate:360deg;
}
}
@keyframes numberStrongFlash {
	0% {
	scale:1;
}
50 {
	scale:1.16;
}
}
/* 底部转化动画 */
@keyframes actionBgWideMove {
	0% {
	background-position:0% 30%;
}
100% {
	background-position:100% 70%;
}
}
@keyframes sweepLeftFast {
	0% {
	left:-140%;
}
100% {
	left:140%;
}
}
@keyframes sweepRightSlow {
	0% {
	right:-140%;
}
100% {
	right:140%;
}
}
@keyframes starDriftAll {
	0%,100% {
	transform:translateY(0);
}
50% {
	transform:translateY(-26px) translateX(22px);
}
}
@keyframes actionRingBig {
	from {
	transform:scale(0.92);
}
to {
	transform:scale(1.18);
}
}
@keyframes actionRingOpposite {
	from {
	transform:scale(1.16);
}
to {
	transform:scale(0.9);
}
}
@keyframes titleMultiFlash {
	from {
	text-shadow:0 0 10px rgba(255,0,0,0.5);
}
to {
	text-shadow:0 0 22px rgba(255,0,0,0.7),0 0 42px rgba(255,50,50,0.35);
}
}
/* 列表 */
.news-list {
	display:flex;
	flex-direction:column;
	gap:24px;
}
.news-item {
	display:flex;
	gap:16px;
	background:#fff;
	border-radius:14px;
	padding:16px;
	box-shadow:0 3px 12px var(--shadow-glow);
	transition:all var(--base-transition);
}
.news-item:hover {
	transform:translateY(-4px);
	box-shadow:0 8px 22px var(--shadow-glow);
}
.news-item-img {
	width:200px;
	height:130px;
	overflow:hidden;
	border-radius:10px;
}
.news-item-img img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:0.4s;
	loading:lazy;
}
.news-item:hover img {
	transform:scale(1.08);
}
.news-item-text h2 {
	font-size:20px;
	margin-bottom:10px;
}
.news-item-text h2 a {
	color:#1a1a1a;
}
.news-item-text h2 a:hover {
	color:var(--main-color);
}
.news-info {
	font-size:14px;
	color:#999;
	margin-bottom:12px;
}
.news-desc {
	color:#666;
	line-height:1.7;
}
.page-box {
	text-align:center;
	margin-top:50px;
}
.page-box a {
	display:inline-block;
	padding:6px 14px;
	border:1px solid #ddd;
	margin:0 4px;
	border-radius:4px;
}
.page-box a:hover {
	background:var(--main-color);
	color:#fff;
	border-color:var(--main-color);
}
/* 详情页 */
.detail-body img {
	max-width:100%;
	height:auto;
	border-radius:10px;
	margin:15px 0;
}
.detail-body p {
	margin-bottom:16px;
	line-height:1.8;
}
.page-box {
	border-top:1px solid #eee;
	padding-top:30px;
	margin-top:50px;
}
.to_prev,.to_next {
	display:block;
	margin:10px 0;
	color:#333;
}
.to_prev a,.to_next a {
	color:var(--main-color);
}
.news-info {
	color:#999;
	font-size:14px;
	margin-bottom:25px;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
}
.detail-title {
	font-size:30px;
	color:#1a1a1a;
	text-align:center;
	margin-bottom:15px;
	line-height:1.4;
}
/* 平板适配：宽度≤1200px 容器全部自适应100% */
@media screen and (max-width:1200px) {
    .main-container,
    .header-container,
    .sub-nav-box,
    .data-row,
    .action-inner,
    .footer-container,
    .copyright-box {
        width: 100%;
    }
}
/* 手机端核心适配：≤768px */
@media screen and (max-width:768px) {
	/* 隐藏所有粒子、光带、圆环、波纹装饰，降低手机性能消耗 */
	.banner-light,.banner-slant-light,.banner-particles,.banner-circle,.banner-wave,
	.data-stat-particle,.data-circle,.action-sweep,.action-sweep-rev,.action-particle,.action-circle {
		display:none !important;
		animation:none !important;
	}
	/* Banner取消固定高度，上下留白替代 */
	.banner-wrap {
		height:auto;
		padding:60px 15px;
	}
	.banner-title {
		font-size:30px;
	}
    .page-banner h1,.page-banner .page-banner-title {
        font-size:26px;
    }
	/* 头部导航垂直排列，菜单换行居中 */
	.header-container {
		flex-direction:column;
		gap:15px;
	}
	.nav-ul {
		flex-wrap:wrap;
		justify-content:center;
		gap:20px;
	}
	/* 全部4栏网格改为单列，无横向滚动 */
	.service-row,.data-row,.four-card-grid {
		grid-template-columns:1fr;
        gap:20px;
	}
    /* 板块上下内边距缩小 */
	.service-section,.advantage-section,.faq-section {
		padding:40px 0;
	}
	/* 转化区文字+按钮竖排，左对齐 */
	.action-inner {
		flex-direction:column;
		text-align:left;
		gap:30px;
        width:100%;
        padding:0 15px;
	}
	.action-button-group {
		flex-wrap:wrap;
		justify-content:flex-start;
	}
    .action-text-box h2,.action-text-box .action-h2-txt {
        font-size:24px;
    }
    .action-btn {
        padding:12px 26px;
        font-size:15px;
    }
	/* Banner按钮纵向堆叠 */
	.banner-btn-group {
		flex-direction:column;
		align-items:center;
	}
	/* 数据数字缩小 */
	.data-number {
		font-size:28px;
	}
	/* 二级导航修复：铺满屏幕、缩小按钮、居中不溢出 */
	.sub-nav-box {
		justify-content:center;
        padding:0 10px;
        gap:10px;
	}
    .sub-nav-box a {
        font-size:13px;
        padding:6px 14px;
    }
	/* 新闻列表图文上下排布，图片全屏 */
	.news-item {
		flex-direction:column;
	}
	.news-item-img {
		width:100%;
	}
    /* 详情标题缩小 */
	.detail-title {
		font-size:24px;
	}
    /* 页脚标题缩小 */
    .footer-contact h4,.footer-contact .footer-contact-title,.footer-contact .footer-contact-txt {
        font-size:17px;
    }
}
/* 优势、FAQ 查看更多容器强制居中，清除浮动 */
.more-btn-box {
	width:100%;
	margin-top:40px;
	margin-bottom:20px;
	text-align:center !important;
	float:none !important;
}
.more-link {
	display:inline-block;
	padding:10px 32px;
	border:1px solid var(--color-a);
	border-radius:999px;
	color:var(--color-a);
	transition:all 0.4s ease;
}
.more-link:hover {
	background:linear-gradient(90deg,var(--color-a),var(--color-c));
	color:#ffffff;
	transform:translateY(-4px);
	box-shadow:0 4px 12px rgba(0,134,255,0.15);
}