*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#333;background:#fff;line-height:1.6;min-width:1200px}a{text-decoration:none;color:inherit;transition:color .3s ease}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:36px;font-weight:700;color:#333;margin-bottom:16px}.section-title p{font-size:16px;color:#666;max-width:600px;margin:0 auto}.btn{display:inline-block;padding:12px 32px;border-radius:30px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;text-align:center}.btn-primary{background:linear-gradient(135deg,#42a5f5,#1565c0);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn-outline{background:0 0;color:#24b4f2;border:2px solid #24b4f2}.btn-outline:hover{background:#24b4f2;color:#fff}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mt-4{margin-top:40px}.mt-5{margin-top:50px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.mb-4{margin-bottom:40px}.mb-5{margin-bottom:50px}.gradient-blue{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.gradient-sky{background:linear-gradient(180deg,#e3f2fd 0,#bbdefb 100%)}.card{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.navbar{position:relative;z-index:1000;height:136px;background:#fff;border:1px solid #e5e5e5}.navbar.indexClass{background:0 0;border:none}.navbar.indexClass li a{color:#fff}.navbar.indexClass li a.nav-btn.active{background:#fff;color:#24b4f2;box-shadow:0 2px 8px rgba(0,0,0,.08)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 60px;width:100%;max-width:1280px;margin:0 auto}.navbar-logo{display:flex;align-items:center;gap:12px}.navbar-logo span{font-size:24px;font-weight:700;color:#2d3748;letter-spacing:4px}.navbar-menu{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.navbar-menu li a{font-size:16px;color:#2e2e33;font-weight:500;text-decoration:none;padding:10px 20px;border-radius:20px;transition:all .3s ease}.navbar-menu li a.nav-btn.active{background:#24b4f2;color:#fff}.navbar-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:8px}.navbar-toggle span{display:block;width:24px;height:2px;background:#333;margin:4px 0;transition:all .3s ease}.footer{background:#292933;color:#fff;padding:70px 48px}.footer-inner{max-width:1280px;margin:0 auto}.footer-top{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:46px}.footer-top .footer-logo{font-size:20px;font-weight:700}.footer-links{display:flex;justify-content:center;gap:40px;list-style:none;padding:0;margin-bottom:15px}.footer-links a{font-size:14px;color:#d0d0da;text-decoration:none}.footer-bottom{text-align:center}.footer-bottom p{font-size:14px;color:#b6b6bf;margin:0}.hero{position:relative;background-image:url(/images/index/banner/bg_f.png);background-position:center;background-repeat:no-repeat;overflow:hidden;height:780px}.hero-bg-decor{position:absolute;top:0;right:0;width:55%;height:100%;pointer-events:none}.hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:90px 60px 80px;max-width:1280px;margin:0 auto;gap:40px}.hero-left{flex:0 0 41%;display:flex;flex-direction:column;align-items:center;height:234px;background:url(/images/index/banner/calender.png) left center no-repeat;gap:36px}.hero-logo{display:flex;align-items:center;gap:14px}.hero-logo img{height:48px}.hero-logo span{font-size:28px;font-weight:700;color:#2d3748;letter-spacing:4px}.hero-icon img{width:180px;height:auto;filter:drop-shadow(0 12px 32px rgba(66, 153, 225, .2))}.hero-slogan{font-size:26px;font-weight:600;color:#2d3748;letter-spacing:6px}.hero-right{flex:1;position:relative;display:flex;justify-content:center;align-items:center;min-height:560px;opacity:0}.hero-phone-main{max-width:508px;width:100%;height:auto;position:absolute;bottom:-29%;left:-28%}.hero-phone2-main{max-width:556px;width:100%;height:auto;position:absolute;bottom:-18%;right:-3%}.hero-badge-float{position:absolute;top:21%;left:2%;max-width:182px}.hero-love-float{position:absolute;bottom:13%;right:15%;width:127px;height:127px}@keyframes phoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes floatBadge{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}.features{padding:88px 48px 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1280px;margin:0 auto}.features-card{background-image:url(/images/index/p1/bg.png);background-repeat:no-repeat;background-position:center;background-size:contain;max-width:334px;max-height:394px;padding:46px;transition:all .4s ease}.features-card .features-icon.icon1{background-image:url(/images/index/p1/icon01.png)}.features-card .features-icon.icon2{background-image:url(/images/index/p1/icon02.png)}.features-card .features-icon.icon3{background-image:url(/images/index/p1/icon03.png)}.features-card .features-icon.icon4{background-image:url(/images/index/p1/icon04.png)}.features-card:hover{transform:scale(1.06);width:100%;height:100%;background-image:url(/images/index/p1/bg-hover.png)}.features-card:hover .features-icon{transform:scale(1.1)}.features-card:hover .features-icon.icon1{background-image:url(/images/index/p1/icon01-hover.png)}.features-card:hover .features-icon.icon2{background-image:url(/images/index/p1/icon02-hover.png)}.features-card:hover .features-icon.icon3{background-image:url(/images/index/p1/icon03-hover.png)}.features-card:hover .features-icon.icon4{background-image:url(/images/index/p1/icon04-hover.png)}.features-card:hover .features-name{color:#fff;font-size:24px;border-bottom:1px solid #fff}.features-card:hover .features-desc{color:#fff}.features-icon{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;background-repeat:no-repeat;background-size:contain;transition:all .4s ease}.features-icon img{-o-object-fit:contain;object-fit:contain}.features-name{font-size:32px;font-weight:700;padding:20px 0;color:#2e2e33;border-bottom:1px solid rgba(46,46,51,.5);transition:color .3s ease}.features-desc{font-size:16px;color:#2e2e33;padding:30px 0;line-height:1.6}.trading{padding:100px 48px;background:url(/images/index/p2/part2-bg.png) center center/contain no-repeat;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1280px;margin:0 auto}.trading-left h2{font-size:60px;font-weight:700;color:#2e2e33;margin-bottom:20px;line-height:1.3}.trading-left h2 span{color:#2e2e33}.trading-left p{font-size:20px;color:#737480;line-height:1.8;margin-bottom:40px}.trading-stats{display:flex;gap:48px}.trading .stat-item{text-align:left}.trading .stat-item .stat-value{font-size:36px;font-weight:700;color:#1e88e5;margin-bottom:8px}.trading .stat-item .stat-label{font-size:14px;color:#718096}.trading-right{display:flex;justify-content:center;align-items:center;position:relative}.trading-chart{max-width:100%;height:auto;border-radius:24px}.trading-nav{position:absolute;bottom:-35px}.macro{position:relative;padding:120px 48px 20px;max-width:1920px;height:720px;margin:0 auto;background:#f0f2f5;overflow:hidden}.macro-bg-decor{position:absolute;top:0;left:0;width:100%;height:100%}.macro-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1280px;height:100%;margin:0 auto}.macro-left{position:relative;height:100%;display:flex;justify-content:center}.macro-left .card1{position:absolute;right:-10%;top:-8%}.macro-left .card2{position:absolute;right:-23%;bottom:8%;z-index:10}.macro-left .card3{position:absolute;left:-10%;top:10%}.macro-swiper{position:absolute;width:100%;max-width:350px;padding:20px 0 60px}.macro-slide-img{width:100%;height:auto;border-radius:20px;box-shadow:0 16px 48px rgba(0,0,0,.12)}.macro-pagination{position:absolute;bottom:11%!important}.macro-pagination .swiper-pagination-bullet{width:20px;height:4px;background:#c6c8cc;border-radius:4px;opacity:1}.macro-pagination .swiper-pagination-bullet-active{background:#24b4f2;width:30px;border-radius:2px}.macro-right{position:relative;text-align:right}.macro-right h2{font-size:60px;font-weight:700;color:#2e2e33;margin-bottom:24px;line-height:1.3}.macro-right p{font-size:20px;color:#737480;line-height:1.8}.macro-badge{position:absolute;top:0;right:20px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;font-size:14px;font-weight:600;padding:8px 16px;border-radius:20px;box-shadow:0 4px 12px rgba(238,90,90,.3)}.subscription{padding:70px 0 0 138px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:url(/images/index/p4/part4-1.png) center center no-repeat;max-width:1920px;height:810px;margin:0 auto}@media (min-width:1600px){.subscription{padding:70px 451px 0 338px}}.subscription-left h2{font-size:60px;font-weight:700;color:#2e2e33;margin-bottom:20px;line-height:1.3}.subscription-left h2 span{color:#2e2e33}.subscription-left p{font-size:20px;color:#737480;line-height:1.8}.subscription-right{position:relative;display:flex;justify-content:center;height:100%}.subscription-img{position:absolute;top:0;max-width:483px;width:100%;height:auto;border-radius:24px}.subscription-msg{position:absolute;bottom:80px;left:-18%;max-width:450px;width:100%;height:auto}@media (max-width:992px){.navbar-inner{padding:0 24px}.navbar-menu{gap:16px}.navbar-menu li a{padding:8px 14px;font-size:14px}.hero-content{flex-direction:column;padding:40px 24px 60px;gap:40px}.hero-left{flex:none}.hero-right{min-height:auto}.hero-phone-main{max-width:340px}.features-grid{grid-template-columns:repeat(2,1fr)}.subscription,.trading{grid-template-columns:1fr;gap:40px;padding:60px 24px}.macro{padding:60px 24px}.macro-content{grid-template-columns:1fr;gap:40px}.macro-right{text-align:center}.macro-right h2{font-size:36px}.macro-right p{margin:0 auto}.macro-badge{right:50%;transform:translateX(50%)}.macro-badge:hover{transform:translateX(50%) scale(1.05)}.macro-right,.subscription-left,.trading-left{text-align:center}.trading-stats{justify-content:center}}@media (max-width:768px){.navbar-menu{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.navbar-menu.active{display:flex}.navbar-menu li a{display:block;text-align:center}.navbar-toggle{display:flex}.hero{min-height:auto}.hero-logo span{font-size:22px}.hero-icon img{width:140px}.hero-slogan{font-size:20px;letter-spacing:4px}.features-grid{display:flex;grid-template-columns:1fr}.macro-right h2,.subscription-left h2,.trading-left h2{font-size:28px}}.fadeInUp5{opacity:0}.fadeInUp2,.fadeInUp6{opacity:0;animation-delay:.5s}.fadeInUp3,.fadeInUp7{opacity:0;animation-delay:1s}.fadeInUp4{opacity:0;animation-delay:1.5s}.fadeInUp{opacity:1;animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,60px,0)}to{opacity:1;transform:none}}