/* ========== 全局主题变量 双色拼接主色调 ========== */
:root {
    --color-a: #0086ff;    /* 主蓝色 */
    --color-b: #00e4dd;    /* 辅青绿色 */
    --color-c: #904cff;    /* 点缀紫色 */
    --dark-bg: #051430;
    --shadow-glow: rgba(0,134,255,0.12);
    --shadow-strong: rgba(0,228,221,0.35);
    --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;
}
/* 减少动效系统适配 */
@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));
    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-b));
    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-b));
    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;}

/* ==================== 1、首页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));
    background-size:320% 320%;
    animation:bannerBigFlow 10s infinite alternate-reverse;
}
/* 横向超长流光带 运动距离翻倍 */
.banner-light {
    position:absolute;
    width:300%;
    height:100%;
    left:-300%;
    top:0;
    background:linear-gradient(90deg,transparent,rgba(0,228,221,0.4),transparent);
    animation:lightLongSweep 6s linear infinite;
    z-index:1;
    pointer-events:none;
}
/* 对角交叉强光带 */
.banner-slant-light {
    position:absolute;
    width:260%;
    height:260%;
    right:-260%;
    top:-50%;
    background:linear-gradient(135deg,transparent,rgba(0,134,255,0.28),transparent);
    animation:slantCross 8s 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.26);
    border-radius:50%;
    animation:waveHugeExpand 4.5s ease-out infinite;
}
.banner-wave span:nth-child(1) {width:220px;height:220px;animation-delay:0s;}
.banner-wave span:nth-child(2) {width:520px;height:520px;animation-delay:1.4s;}
.banner-wave span:nth-child(3) {width:820px;height:820px;animation-delay:2.8s;}
/* 大范围漂浮粒子 位移加大 */
.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 30px rgba(0,228,221,0.7);
    animation:particleWideRoam 7s infinite ease-in-out;
}
.banner-particles span:nth-child(1) {width:20px;height:20px;top:10%;left:7%;}
.banner-particles span:nth-child(2) {width:8px;height:8px;top:72%;left:12%;animation-delay:1.2s;}
.banner-particles span:nth-child(3) {width:16px;height:16px;top:23%;right:14%;animation-delay:2.4s;}
.banner-particles span:nth-child(4) {width:11px;height:11px;top:74%;right:10%;animation-delay:3.6s;}
.banner-particles span:nth-child(5) {width:16px;height:16px;top:46%;left:50%;animation-delay:4.8s;}
/* 三层呼吸旋转圆环 缩放幅度加大 */
.banner-circle {
    position:absolute;
    width:460px;height:460px;
    border:1px solid rgba(0,228,221,0.16);
    border-radius:50%;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    animation:ringBigScale 3.2s infinite alternate;
    pointer-events:none;
    z-index:1;
}
.banner-circle::before {
    content:"";
    position:absolute;
    width:680px;height:680px;
    border:1px solid rgba(144,76,255,0.1);
    border-radius:50%;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    animation:ringRevRotate 14s linear infinite reverse;
}
.banner-circle::after {
    content:"";
    position:absolute;
    width:900px;height:900px;
    border:1px solid rgba(0,134,255,0.06);
    border-radius:50%;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    animation:ringSlowPulse 8s 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:textFloatUp 1s ease forwards,titleStrongGlow 3s infinite alternate;
}
.banner-desc {
    font-size:16px;
    color:rgba(255,255,255,0.92);
    margin-bottom:40px;
    animation:textFloatUp 1s ease 0.25s both;
}
.banner-btn-group {
    display:flex;
    gap:25px;
    justify-content:center;
    animation:textFloatUp 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.45),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 32px rgba(0,228,221,0.4);
}
.banner-btn.outline {border:2px solid #fff;color:#fff;}

/* ========== 内页page-banner ========== */
.page-banner {
    padding:48px 0;
    text-align:center;
    color:#fff;
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,var(--color-a),var(--color-b));
    background-size:200% 200%;
    animation:bannerBigFlow 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(-8px);
    box-shadow:0 10px 28px 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.08);}
.card-title {font-size:20px;color:var(--text-main);margin-bottom:12px;}
.card-text {font-size:15px;color:var(--text-sub);}

/* ==================== 2、平台数据区 超大动态 ==================== */
.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-b));
    background-size:280% 280%;
    animation:dataWideMove 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 22px rgba(0,228,221,0.6);
    animation:dataBigWander 7.5s infinite ease-in-out;
}
.data-stat-particle span:nth-child(1){width:14px;height:14px;top:15%;left:8%;}
.data-stat-particle span:nth-child(2){width:9px;height:9px;top:70%;left:16%;animation-delay:1.2s;}
.data-stat-particle span:nth-child(3){width:12px;height:12px;top:22%;right:12%;animation-delay:2.4s;}
.data-stat-particle span:nth-child(4){width:10px;height:10px;top:65%;right:18%;animation-delay:3.6s;}
.data-stat-particle span:nth-child(5){width:14px;height:14px;top:45%;left:50%;animation-delay:4.8s;}
.data-circle {
    position:absolute;
    width:360px;height:360px;
    border:1px solid rgba(0,228,221,0.14);
    border-radius:50%;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    animation:dataBigPulse 3.5s infinite alternate;
    z-index:1;
    pointer-events:none;
}
.data-circle::before {
    content:"";
    position:absolute;
    width:510px;height:510px;
    border:1px solid rgba(144,76,255,0.08);
    border-radius:50%;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    animation:fullRotate 12s 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 24px rgba(0,228,221,0.45);
    animation:numberStrongBeat 2.4s 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 12px 30px 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.08);}
.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);}

/* ==================== 3、底部行动转化区 超大动态 ==================== */
.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.15) 0%,transparent 50%),
    radial-gradient(circle at 85% 20%,rgba(144,76,255,0.09) 0%,transparent 45%),
    linear-gradient(135deg,var(--dark-bg),var(--color-a),var(--color-b));
    background-size:260% 260%;
    animation:actionBigFlow 7.5s infinite alternate-reverse;
}
/* 双向超长扫光 */
.action-sweep {
    position:absolute;
    width:140%;
    height:100%;
    left:-140%;
    top:0;
    background:linear-gradient(90deg,transparent,rgba(0,228,221,0.2),transparent);
    animation:sweepLongLeft 5s linear infinite;
    z-index:1;
    pointer-events:none;
}
.action-sweep-rev {
    position:absolute;
    width:140%;
    height:100%;
    right:-140%;
    top:0;
    background:linear-gradient(-90deg,transparent,rgba(144,76,255,0.14),transparent);
    animation:sweepLongRight 6.5s 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:10px;height:10px;
    background:#fff;
    border-radius:50%;
    box-shadow:0 0 18px rgba(0,228,221,0.5);
    animation:actionBigDrift 7s 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.4s;}
.action-particle span:nth-child(3){top:20%;right:10%;animation-delay:2.8s;}
.action-particle span:nth-child(4){top:68%;right:16%;animation-delay:4.2s;}
.action-particle span:nth-child(5){top:42%;left:50%;animation-delay:5.6s;}
.action-circle {
    position:absolute;
    width:380px;height:380px;
    border:1px solid rgba(0,228,221,0.12);
    border-radius:50%;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    animation:actionBigRing 3.2s infinite alternate;
    z-index:1;
    pointer-events:none;
}
.action-circle::before {
    content:"";
    position:absolute;
    width:560px;height:560px;
    border:1px solid rgba(144,76,255,0.06);
    border-radius:50%;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    animation:actionRingOpposite 6.8s infinite alternate reverse;
}
.action-inner {
    width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:40px;
    position:relative;
    z-index:2;
    animation:blockFloatUp 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:#ff3333;
    font-weight:bold;
    text-shadow:0 0 16px rgba(255,0,0,0.55);
    animation:titleBigFlash 3s infinite alternate;
}
.action-text-box p {
    font-size:17px;
    opacity:0.9;
    color:#ffdddd;
}
.action-button-group {display:flex;gap:20px;}
.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.28),transparent);
    transition:left 0.5s ease;
}
.action-btn:hover::before {left:100%;}
.action-btn:hover {
    background:#cf1322;
    color:#fff;
    transform:translateY(-6px);
    box-shadow:0 10px 24px rgba(245,34,45,0.3);
}
.action-btn.service-btn {background:transparent;border:2px solid #fff;color:#fff;}
.action-btn.service-btn:hover {background:rgba(255,255,255,0.15);}

/* ========== 新闻列表 ========== */
.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(--animate-speed);
}
.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 {flex:1;}
.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(--color-a);}
.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(--color-a);
    color:#fff;
    border-color:var(--color-a);
}

/* ========== 详情页内容 ========== */
.single-content-box {
    background:#fff;
    border-radius:16px;
    padding:40px;
    box-shadow:0 4px 15px var(--shadow-glow);
    margin-bottom:60px;
}
.content-body img,.detail-body img {
    max-width:100%;
    height:auto;
    border-radius:10px;
    margin:15px 0;
}
.content-body p,.detail-body p {
    line-height:1.8;
    margin-bottom:16px;
    color:#333;
}
.detail-title {
    font-size:30px;
    color:#1a1a1a;
    text-align:center;
    margin-bottom:15px;
    line-height:1.4;
}
.to_prev,.to_next {display:block;margin:10px 0;color:#333;}
.to_prev a,.to_next a {color:var(--color-a);}

/* ========== 页脚 ========== */
.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-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 textFloatUp {from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}
@keyframes blockFloatUp {from{opacity:0;transform:translateY(35px);}to{opacity:1;}}
/* Banner背景流动 */
@keyframes bannerBigFlow {0%{background-position:0% 20%;}100%{background-position:100% 80%;}}
@keyframes lightLongSweep {0%{left:-300%;}100%{left:300%;}}
@keyframes slantCross {0%{right:-260%;}100%{right:260%;}}
@keyframes waveHugeExpand {0{width:0;height:0;opacity:1;}100{width:100%;height:100%;opacity:0;}}
@keyframes particleWideRoam {0%,100%{transform:translate(0,0);opacity:0.4;}50{transform:translate(-50px,-40px) scale(1.5);opacity:1;}}
@keyframes ringBigScale {from{transform:translate(-50%,-50%) scale(0.8);}to{transform:translate(-50%,-50%) scale(1.3);}}
@keyframes ringRevRotate {from{rotate:0deg;}to{rotate:360deg;}}
@keyframes ringSlowPulse {from{transform:translate(-50%,-50%) scale(1.4);opacity:0.3;}to{transform:translate(-50%,-50%) scale(0.7);opacity:1;}}
@keyframes titleStrongGlow {
    from{text-shadow:0 0 10px rgba(0,228,221,0.3);}
    to{text-shadow:0 0 35px rgba(0,228,221,0.8),0 0 60px rgba(144,76,255,0.35);}
}
/* 数据区动画 */
@keyframes dataWideMove {0%{background-position:0% 30%;}100%{background-position:100% 70%;}}
@keyframes dataBigWander {0%,100%{transform:translate(0,0);}50{transform:translate(-45px,-35px) scale(1.4);}}
@keyframes dataBigPulse {from{scale:0.85;}to{scale:1.28;}}
@keyframes fullRotate {0%{rotate:0deg;}100%{rotate:360deg;}}
@keyframes numberStrongBeat {0%,100%{transform:scale(1);}50{transform:scale(1.2);}}
/* 底部转化动画 */
@keyframes actionBigFlow {0%{background-position:0% 30%;}100%{background-position:100% 70%;}}
@keyframes sweepLongLeft {0%{left:-140%;}100%{left:140%;}}
@keyframes sweepLongRight {0%{right:-140%;}100%{right:140%;}}
@keyframes actionBigDrift {0%,100%{transform:translateY(0);}50{transform:translateY(-32px) translateX(26px);}}
@keyframes actionBigRing {from{scale:0.88;}to{scale:1.22;}}
@keyframes actionRingOpposite {from{scale:1.2;}to{scale:0.85;}}
@keyframes titleBigFlash {
    from{text-shadow:0 0 12px rgba(255,0,0,0.45);}
    to{text-shadow:0 0 26px rgba(255,0,0,0.75),0 0 48px rgba(255,40,40,0.4);}
}

/* ========== 平板适配 1200px ========== */
@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-wave,.banner-particles,.banner-circle,
    .data-stat-particle,.data-circle,
    .action-sweep,.action-sweep-rev,.action-particle,.action-circle {
        display:none !important;
        animation:none !important;
    }
    .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;}
    /* 四栏变单列 */
    .service-row,.data-row,.four-card-grid {grid-template-columns:1fr;gap:20px;}
    /* 转化区竖排 */
    .action-inner {
        width:100%;padding:0 15px;
        flex-direction:column;text-align:left;gap:30px;
    }
    .action-text-box h2,.action-text-box .action-h2-txt {font-size:24px;}
    .action-button-group {flex-wrap:wrap;justify-content:flex-start;}
    .banner-btn-group {flex-direction:column;align-items:center;}
    .data-number {font-size:28px;}
    /* 板块间距缩小 */
    .service-section,.advantage-section,.faq-section {padding:40px 0;}
    /* 二级导航适配 */
    .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;}
    .single-content-box {padding:20px !important;}
    .footer-contact h4,.footer-contact .footer-contact-txt {font-size:17px;}
    .action-btn {padding:12px 26px;font-size:15px;width:100%;text-align:center;}
}