*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#192138;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.nav{height:76px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;white-space:nowrap}.logo{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:850;border-radius:13px;background:linear-gradient(145deg,#2778ff,#5956ed);box-shadow:0 10px 24px rgba(47,105,255,.24)}.logo img{width:100%;height:100%;object-fit:cover}.nav nav{display:flex;align-items:center;justify-content:flex-end;gap:34px;flex:1;color:#566079;font-size:14px}.nav nav a:hover{color:#276ff1}.nav-login{padding:11px 22px;color:#fff;border-radius:12px;background:#286df5;box-shadow:0 8px 20px rgba(40,109,245,.22)}.hero{position:relative;overflow:hidden;min-height:790px;padding:92px 24px 70px;background:radial-gradient(circle at 20% 20%,rgba(88,120,255,.11),transparent 31%),radial-gradient(circle at 82% 23%,rgba(99,74,246,.12),transparent 28%),linear-gradient(180deg,#f5f7ff 0%,#f9faff 78%,#fff 100%)}.orb{position:absolute;border-radius:50%}.orb-a{width:340px;height:340px;right:-120px;top:100px;background:rgba(101,92,246,.07)}.orb-b{width:230px;height:230px;left:-110px;bottom:60px;background:rgba(41,119,255,.07)}.hero-inner{position:relative;z-index:1;max-width:1200px;margin:auto;text-align:center}.badge{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;color:#1d9661;font-size:14px;font-weight:650;border:1px solid rgba(28,174,102,.15);border-radius:999px;background:#effcf5}.badge i{width:8px;height:8px;border-radius:50%;background:#34c978;box-shadow:0 0 0 5px rgba(52,201,120,.12)}h1{max-width:980px;margin:30px auto 22px;font-size:62px;line-height:1.15;letter-spacing:-2px}h1 span{color:transparent;background:linear-gradient(90deg,#2677ff,#6b50ed);-webkit-background-clip:text;background-clip:text}.hero-inner>p{max-width:800px;margin:0 auto;color:#687289;font-size:18px;line-height:1.9}.hero-actions{display:flex;justify-content:center;gap:16px;margin:34px 0 55px}.button{height:50px;min-width:150px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;border-radius:14px}.button.primary{color:#fff;background:linear-gradient(100deg,#2878ff,#5c5bed);box-shadow:0 16px 30px rgba(53,101,239,.24)}.button.secondary{background:#fff;border:1px solid #e3e7f1;box-shadow:0 10px 30px rgba(33,46,82,.06)}.dashboard{height:392px;max-width:1020px;margin:auto;display:grid;grid-template-columns:215px 1fr;text-align:left;overflow:hidden;border:1px solid rgba(218,224,239,.9);border-radius:25px;background:#fff;box-shadow:0 35px 80px rgba(38,52,95,.14)}.dashboard aside{padding:25px 17px;background:#fbfcff;border-right:1px solid #eef1f7}.mini-brand{display:flex;align-items:center;gap:10px;margin:0 7px 25px;font-weight:800}.mini-brand span{width:30px;height:30px;display:grid;place-items:center;color:#fff;border-radius:9px;background:#3477fa}.menu{height:42px;margin:7px 0;padding:0 13px;display:flex;align-items:center;gap:11px;color:#7a849a;font-size:13px;border-radius:10px}.menu b{width:18px;height:18px;border:2px solid currentColor;border-radius:5px;opacity:.7}.menu.active{color:#3173f4;font-weight:700;background:#edf4ff}.dash-main{padding:26px 28px;background:linear-gradient(180deg,#fff,#fafbff)}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dash-head h3{margin:0;font-size:20px}.dash-head p{margin:6px 0 0;color:#929bad;font-size:12px}.dash-head i{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4d84fa,#6557ea)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stats article{padding:17px;background:#fff;border:1px solid #edf0f7;border-radius:14px}.stats small{color:#8b95aa}.stats strong{display:block;margin-top:8px;font-size:20px}.stats em{color:#2db77a;font-size:11px;font-style:normal}.charts{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}.charts article{height:199px;padding:18px;background:#fff;border:1px solid #edf0f7;border-radius:15px}.panel-title{display:flex;justify-content:space-between;font-size:13px;font-weight:750}.panel-title span{color:#8791a6;font-weight:500}.panel-title .live{color:#2db77a}.bars{height:130px;padding-top:18px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #edf0f5}.bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#5a7ff6,#3d70f1)}.pay-row{padding:9px 0;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;font-size:11px;border-bottom:1px solid #f0f2f7}.pay-row b:first-child{width:25px;height:25px;display:grid;place-items:center;color:#fff;border-radius:8px}.pay-row strong{font-size:11px}.wx{background:#16bf61}.ali{background:#1677ff}.lk{background:#6648e8}.channel-line{margin:48px auto 0;display:flex;justify-content:center;gap:54px;color:#657087;font-size:14px;font-weight:700}.section{padding:94px 24px}.soft{background:#f7f9fe}.section-head{max-width:720px;margin:0 auto 50px;text-align:center}.section-head>span{color:#3974ef;font-size:12px;font-weight:800;letter-spacing:2px}.section-head h2{margin:12px 0 14px;font-size:38px}.section-head p{margin:0;color:#7a8498;line-height:1.8}.feature-grid,.solution-grid,.steps{max-width:1120px;margin:auto;display:grid;gap:20px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid article{padding:30px;border:1px solid #e9edf5;border-radius:20px;background:#fff;box-shadow:0 14px 35px rgba(37,51,90,.055)}.feature-grid i{width:50px;height:50px;display:grid;place-items:center;color:#3e6ff0;font-size:17px;font-weight:900;font-style:normal;border-radius:15px;background:linear-gradient(140deg,#eef4ff,#e9e8ff)}.feature-grid h3{margin:20px 0 10px;font-size:18px}.feature-grid p,.solution-grid p,.steps p{margin:0;color:#7c869a;font-size:14px;line-height:1.75}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution-grid article{padding:28px;display:flex;align-items:flex-start;gap:20px;border:1px solid #e7ebf4;border-radius:20px;background:#fff}.solution-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;color:#fff;font-weight:850;border-radius:17px;background:linear-gradient(135deg,#397cff,#6256ec)}.solution-grid h3{margin:3px 0 9px}.steps{grid-template-columns:repeat(4,1fr)}.steps article{position:relative;padding:28px 23px;border:1px solid #e9edf6;border-radius:18px;background:#fff}.steps b{color:#5379ee;font-size:13px}.steps h3{margin:14px 0 9px}.cta{max-width:1120px;margin:20px auto 95px;padding:54px 58px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-radius:28px;background:radial-gradient(circle at 85% 0,rgba(255,255,255,.17),transparent 35%),linear-gradient(110deg,#2878f7,#6252e8);box-shadow:0 30px 60px rgba(55,88,219,.22)}.cta span{font-size:13px;font-weight:800;letter-spacing:2px;opacity:.8}.cta h2{margin:10px 0;font-size:34px}.cta p{margin:0;opacity:.8}.cta>div:last-child{display:flex;gap:12px}.white{color:#356eea;background:#fff}.outline{color:#fff;border:1px solid rgba(255,255,255,.5)}footer{padding:55px 24px 24px;color:#7d879b;background:#f8f9fc}.footer-main{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}.footer-brand{color:#192138}.footer-main p{font-size:13px}.footer-main>div{display:flex;gap:22px;font-size:13px}.copyright{max-width:1120px;margin:35px auto 0;padding-top:22px;display:flex;justify-content:center;gap:12px;font-size:12px;border-top:1px solid #e6eaf1}.copyright a:hover{color:#286df5}
@media(max-width:900px){.nav{height:66px}.nav nav{display:none}.nav-login{margin-left:auto}.hero{padding-top:65px}.hero h1{font-size:43px}.dashboard{height:auto;grid-template-columns:1fr}.dashboard aside{display:none}.stats{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.charts article{height:190px}.dashboard{min-height:520px}.channel-line{flex-wrap:wrap;gap:20px 35px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.cta{margin-left:20px;margin-right:20px;padding:40px;display:block}.cta>div:last-child{margin-top:25px}.footer-main{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-main>div{justify-content:center}}
@media(max-width:600px){.hero{padding-left:16px;padding-right:16px}.hero h1{font-size:36px;letter-spacing:-1px}.hero-inner>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.dash-main{padding:20px 14px}.stats{gap:8px}.stats article{padding:13px}.stats strong{font-size:17px}.charts{display:block}.charts article{margin-top:10px}.dashboard{min-height:720px}.feature-grid,.solution-grid,.steps{grid-template-columns:1fr}.section{padding:70px 16px}.section-head h2{font-size:31px}.cta{padding:34px 24px}.cta h2{font-size:28px}.cta>div:last-child{display:block}.cta .button{margin-top:10px}.copyright{display:block;text-align:center;line-height:2}}

.feature-grid i{width:52px;height:52px;border:1px solid #dfe8ff;box-shadow:0 10px 24px rgba(66,99,226,.1)}.feature-grid i svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.solution-icon{box-shadow:0 12px 25px rgba(68,91,224,.2)}.solution-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}