*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:PingFang SC,Microsoft YaHei,Arial;color:#333;background:#fff;font-size:14px;line-height:1.7;}
a{text-decoration:none;color:#333;}
ul{list-style:none;}
.container{width:1200px;margin:0 auto;}
@media(max-width:1250px){.container{width:96%;}}
a:focus-visible{outline:3px solid #22c7a9;outline-offset:4px;border-radius:6px;}
#home,#about,#products,#solutions,#news,#contact{scroll-margin-top:110px;}

/*头部导航*/
.header{width:100%;height:82px;background:#fff;box-shadow:0 1px 8px #eee;position:fixed;top:0;left:0;z-index:999;}
.head-wrap{display:flex;justify-content:space-between;align-items:center;height:82px;}
.logo{font-size:26px;font-weight:bold;color:#1557d9;}
.nav-list{display:flex;gap:36px;}
.nav-list a{font-size:15px;transition:0.25s;}
.nav-list a.active,.nav-list a:hover{color:#1557d9;}
.merchant-btn{background:#1557d9;color:#fff;padding:9px 24px;border-radius:30px;box-shadow:0 8px 18px #1557d929;white-space:nowrap;}
.merchant-btn:hover{background:#0f48bd;color:#fff;}

/*通用banner*/
.page-banner{width:100%;height:320px;background:linear-gradient(135deg,#124bc0,#1863f0);margin-top:82px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.page-banner h2{font-size:38px;margin-bottom:10px;}
.page-banner p{opacity:0.9;font-size:17px;}

/*首页首屏*/
.index-banner{width:100%;height:580px;background:radial-gradient(circle at 82% 20%,#59d7ff66 0,#59d7ff00 26%),linear-gradient(135deg,#0e3fa8,#165ce8);margin-top:82px;color:#fff;display:flex;align-items:center;overflow:hidden;}
.ban-wrap{display:flex;align-items:center;justify-content:space-between;gap:60px;}
.ban-text{max-width:580px;}
.ban-text h1{font-size:46px;line-height:1.35;margin-bottom:22px;}
.ban-text p{font-size:17px;opacity:0.92;margin-bottom:36px;line-height:1.9;}
.ban-buttons a{display:inline-block;padding:13px 34px;border-radius:32px;font-weight:500;margin-right:18px;}
.btn-blue{background:#fff;color:#1557d9;}
.btn-empty{border:2px solid #fff;background:transparent;color:#fff;}
.hero-visual{position:relative;width:470px;height:360px;flex:0 0 470px;}
.hero-card{position:absolute;background:#ffffff;color:#1c2f54;border-radius:16px;box-shadow:0 24px 55px #092b7d40;}
.hero-card-main{left:0;top:40px;width:330px;padding:26px;}
.hero-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;}
.hero-card-top span,.hero-card-side span{color:#6f7d93;}
.hero-card-top strong{font-size:28px;color:#10264b;}
.hero-bars{display:flex;align-items:flex-end;gap:12px;height:120px;}
.hero-bars i{flex:1;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#22c7a9,#1557d9);}
.hero-bars i:nth-child(1){height:46%;}
.hero-bars i:nth-child(2){height:72%;}
.hero-bars i:nth-child(3){height:56%;}
.hero-bars i:nth-child(4){height:92%;}
.hero-bars i:nth-child(5){height:64%;}
.hero-card-side{right:12px;top:12px;width:150px;padding:20px;}
.hero-card-side strong{display:block;font-size:24px;color:#1557d9;margin-top:8px;}
.hero-phone{position:absolute;right:32px;bottom:8px;width:170px;height:250px;padding:12px;background:#10264b;border-radius:28px;box-shadow:0 26px 60px #06215d66;}
.phone-screen{height:100%;border-radius:20px;background:#f7fbff;color:#213456;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;}
.qr-mark{width:82px;height:82px;border-radius:14px;background:linear-gradient(90deg,#142f63 12px,transparent 0) 0 0/24px 24px,linear-gradient(#142f63 12px,transparent 0) 0 0/24px 24px,#fff;border:8px solid #eef4ff;margin-bottom:18px;}
.phone-screen b{font-size:18px;margin-bottom:8px;}
.phone-screen em{font-style:normal;color:#71819b;font-size:12px;line-height:1.5;}

/*通用标题模块*/
.sec-title{text-align:center;padding:70px 0 45px;}
.sec-title h2,.sec-title h3{font-size:32px;color:#222;margin-bottom:8px;}
.sec-title span{color:#777;font-size:15px;}

/*优势板块*/
.advantage{background:#f7f9fd;padding:30px 0 75px;}
.adv-box{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.adv-item{background:#fff;padding:35px 26px;border-radius:12px;box-shadow:0 2px 12px #e9edf6;transition:0.3s;}
.adv-item:hover{transform:translateY(-6px);}
.adv-item h4{font-size:18px;margin:14px 0 10px;color:#222;}
.adv-item p{color:#666;}
.item-icon{width:52px;height:52px;border-radius:14px;background:#eef5ff;position:relative;}
.item-icon:before,.item-icon:after{content:"";position:absolute;}
.icon-shield:before{left:15px;top:9px;width:22px;height:28px;border:3px solid #1557d9;border-radius:14px 14px 18px 18px;clip-path:polygon(50% 0,100% 18%,88% 100%,12% 100%,0 18%);}
.icon-shield:after{left:21px;top:22px;width:12px;height:7px;border-left:3px solid #22c7a9;border-bottom:3px solid #22c7a9;transform:rotate(-45deg);}
.icon-terminal:before{left:12px;top:12px;width:28px;height:22px;border:3px solid #1557d9;border-radius:7px;}
.icon-terminal:after{left:19px;top:24px;width:14px;height:3px;background:#22c7a9;box-shadow:0 8px 0 #22c7a9;}
.icon-bill:before{left:14px;top:10px;width:24px;height:32px;border:3px solid #1557d9;border-radius:6px;background:linear-gradient(#22c7a9 0 0) 7px 10px/12px 3px no-repeat,linear-gradient(#22c7a9 0 0) 7px 18px/12px 3px no-repeat;}
.icon-risk:before{left:12px;top:12px;width:28px;height:28px;border:3px solid #1557d9;border-radius:50%;}
.icon-risk:after{left:24px;top:18px;width:4px;height:15px;background:#22c7a9;border-radius:4px;box-shadow:0 20px 0 #22c7a9;}

/*解决方案*/
.solution{padding:30px 0 75px;}
.solu-box{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.solu-item{border:1px solid #e8ecf4;padding:32px;border-radius:12px;transition:0.3s;position:relative;overflow:hidden;}
.solu-item:after{content:"";position:absolute;right:-22px;top:-22px;width:88px;height:88px;background:#1557d90d;border-radius:50%;}
.solu-item:hover{border-color:#1557d9;}
.solu-item h3,.solu-item h4{font-size:18px;margin-bottom:12px;color:#222;}
.solu-item p{color:#666;}
.solu-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#eef5ff;color:#1557d9;border-radius:12px;font-weight:bold;margin-bottom:18px;}

/*产品板块*/
.product{background:#f7f9fd;padding:30px 0 75px;}
.pro-box{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.pro-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #e9edf6;}
.pro-img{height:175px;background:linear-gradient(135deg,#1557d9,#22c7a9);position:relative;overflow:hidden;}
.pro-img:before{content:"";position:absolute;inset:24px;border:1px solid #ffffff55;border-radius:18px;background:#ffffff18;}
.pro-api .pro-chip{position:absolute;left:34px;top:34px;color:#1557d9;background:#fff;border-radius:999px;padding:6px 16px;font-weight:bold;}
.pro-api i{position:absolute;left:40px;width:210px;height:10px;background:#ffffffcc;border-radius:999px;}
.pro-api i:nth-of-type(1){top:80px;width:250px;}
.pro-api i:nth-of-type(2){top:106px;width:180px;}
.pro-api i:nth-of-type(3){top:132px;width:230px;}
.pro-split span{position:absolute;top:52px;width:72px;height:72px;background:#fff;border-radius:18px;box-shadow:0 14px 28px #0b377333;}
.pro-split span:nth-child(1){left:38px;}
.pro-split span:nth-child(2){left:50%;transform:translateX(-50%);}
.pro-split span:nth-child(3){right:38px;}
.pro-split b{position:absolute;left:82px;right:82px;top:88px;height:4px;background:#ffffffaa;border-radius:999px;}
.pro-store span{position:absolute;left:50%;top:34px;width:180px;height:88px;background:#fff;border-radius:18px;transform:translateX(-50%);}
.pro-store span:before{content:"";position:absolute;left:0;right:0;top:0;height:28px;background:#22c7a9;border-radius:18px 18px 0 0;}
.pro-store i{position:absolute;top:86px;width:38px;height:38px;background:#1557d9;border-radius:8px;}
.pro-store i:nth-child(2){left:118px;}
.pro-store i:nth-child(3){right:118px;}
.pro-store b{position:absolute;left:50%;bottom:34px;width:128px;height:8px;background:#ffffffcc;border-radius:999px;transform:translateX(-50%);}
.pro-text{padding:28px;}
.pro-text h4{font-size:18px;margin-bottom:10px;}
.pro-text p{color:#666;}

/*合作品牌*/
.partner{padding:30px 0 75px;}
.part-box{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;align-items:center;}
.part-item{border:1px solid #e4eaf5;padding:10px 22px;border-radius:6px;color:#526174;background:#fff;box-shadow:0 8px 20px #d9e2f233;}
.part-item:before{content:"";display:inline-block;width:9px;height:9px;background:#22c7a9;border-radius:50%;margin-right:9px;vertical-align:1px;}

/*内容页面正文*/
.content-wrap{padding:60px 0 80px;}
.content-wrap h3,.content-wrap h4{font-size:20px;margin:22px 0 8px;color:#222;}
.content-wrap p{color:#555;margin-bottom:12px;}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.content-card{border:1px solid #e8ecf4;border-radius:12px;padding:30px;background:#fff;box-shadow:0 10px 26px #dce5f440;}
.content-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#eef5ff;color:#1557d9;border-radius:12px;font-weight:bold;margin-bottom:10px;}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:30px;}
.contact-card{display:block;border:1px solid #e4eaf5;border-radius:12px;padding:24px;background:#f7f9fd;color:#526174;transition:0.25s;}
.contact-card span{display:block;color:#6d7890;margin-bottom:8px;}
.contact-card strong{display:block;color:#1557d9;font-size:18px;line-height:1.5;word-break:break-word;}
.contact-card:hover{border-color:#1557d9;background:#fff;transform:translateY(-3px);}
.contact-card-muted{background:#fff;color:#7c8798;border-style:dashed;box-shadow:none;}
.contact-card-muted strong{color:#7c8798;font-size:16px;font-weight:600;}
.contact-card-muted:hover{border-color:#d5deeb;background:#fff;transform:none;}

/*页脚*/
.footer{background:#0b235e;color:#ccc;padding:60px 0 30px;}
.foot-box{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;}
.foot-item h4{color:#fff;font-size:18px;margin-bottom:20px;}
.foot-nav{display:grid;grid-template-columns:repeat(2,minmax(92px,1fr));gap:12px 18px;}
.foot-nav a{color:#cfd8ea;position:relative;padding-left:16px;transition:0.25s;}
.foot-nav a:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;background:#22c7a9;border-radius:50%;transform:translateY(-50%);}
.foot-nav a:hover{color:#fff;transform:translateX(3px);}
.contact-list p{margin-bottom:8px;}
.contact-list a{color:#cfd8ea;word-break:break-word;}
.contact-list a:hover{color:#fff;}
.contact-list .contact-muted{color:#8e9ab0;font-size:13px;}
.contact-list .contact-muted a{color:#9ca8bd;}
.contact-list .contact-muted a:hover{color:#cfd8ea;}
.copyright{margin-top:45px;padding-top:35px;border-top:1px solid #1c3775;text-align:center;color:#999;font-size:13px;}

/*移动端适配*/
@media(max-width:768px){
    body{font-size:16px;}
    .header{height:auto;}
    .head-wrap{height:auto;flex-wrap:wrap;gap:12px;padding:14px 0;}
    .logo{font-size:22px;}
    .nav-list{order:3;width:100%;overflow-x:auto;gap:22px;padding:8px 0 2px;white-space:nowrap;}
    .merchant-btn{padding:8px 18px;}
    .index-banner{height:auto;margin-top:122px;padding:55px 0;}
    .ban-wrap{display:block;}
    .ban-text h1{font-size:28px;}
    .ban-buttons a{margin:0 10px 12px 0;}
    .hero-visual{width:100%;height:290px;flex:none;margin-top:44px;}
    .hero-card-main{width:72%;padding:20px;}
    .hero-card-side{right:0;}
    .hero-phone{right:6%;width:138px;height:210px;}
    .adv-box,.solu-box,.pro-box,.foot-box,.content-grid,.contact-grid{grid-template-columns:1fr;}
    .page-banner h2{font-size:28px;}
    .page-banner{margin-top:122px;height:260px;padding:0 18px;text-align:center;}
}