:root{--blue:#1468f5;--navy:#091b3a;--muted:#52617a;--line:#dce6f4}*{box-sizing:border-box}body{margin:0;color:var(--navy);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff}.header{height:78px;width:92%;max-width:1480px;margin:0 auto;display:flex;align-items:center;border-bottom:1px solid #e9eef5;background:#fff;position:sticky;top:0;z-index:10}.logo{font-weight:800;font-size:35px;color:var(--blue);text-decoration:none;letter-spacing:-2px}.header nav{display:flex;gap:58px;margin:auto;font-size:18px;font-weight:600}.header nav a{color:#111;text-decoration:none;padding:28px 0 24px}.header nav a.active{color:var(--blue);border-bottom:3px solid var(--blue)}.header-btn,.btn{background:var(--blue);color:white;text-decoration:none;border-radius:6px;padding:13px 29px;font-weight:700;font-size:16px}.hero{min-height:500px;display:flex;max-width:1480px;margin:auto;padding:38px 4% 16px;position:relative;overflow:hidden}.hero-copy{padding:58px 0 0;flex:1;z-index:1}.hero h1{font-size:48px;letter-spacing:2px;margin:0 0 22px;white-space:nowrap}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;line-height:1.8;color:var(--muted);margin:0 0 30px}.actions{display:flex;gap:28px}.btn{display:inline-block;padding:16px 50px;font-size:18px}.btn.outline{background:#fff;border:2px solid var(--blue);color:var(--blue)}.hero-points{display:flex;gap:32px;margin-top:42px;color:#4e5b72;font-size:16px}.hero-art{flex:1.08;display:flex;align-items:center;justify-content:center}.hero-art img{width:100%;max-width:700px;filter:drop-shadow(0 18px 22px rgba(18,87,211,.12))}.section{max-width:1480px;margin:auto;padding:22px 4% 44px}.section h2{text-align:center;font-size:32px;margin:0 0 6px}.sub{text-align:center;color:var(--muted);margin:0 0 28px;font-size:16px}.grid{display:grid;gap:20px}.four{grid-template-columns:repeat(4,1fr)}.card,.service,.case,.metric,.panel,.plan{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 5px 20px rgba(31,87,160,.04)}.card{padding:26px;display:flex;gap:20px;min-height:156px}.card i{width:70px;height:70px;display:grid;place-items:center;background:linear-gradient(135deg,#1485f8,#2346df);border-radius:50%;color:white;font-size:36px;font-style:normal;flex:none}.card h3,.service h3,.case h3{font-size:19px;margin:3px 0 10px}.card p,.service p,.case p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.services{padding-top:4px}.service{padding:28px;min-height:220px}.service>b,.case>b{color:var(--blue);font-size:48px;display:block;margin-bottom:8px}.service a{display:inline-block;margin-top:20px;color:var(--blue);font-weight:700;text-decoration:none}.split-panels,.lower{display:grid;grid-template-columns:1fr 1.1fr;gap:22px;margin-top:24px}.panel{padding:20px 24px}.panel h3{font-size:21px;margin:0 0 18px}.chips{display:flex;flex-wrap:wrap;gap:12px}.chips span{border:1px solid var(--line);border-radius:8px;padding:10px 20px;color:#263b60}.scenes{display:flex;justify-content:space-between;text-align:center;color:var(--blue);font-size:36px}.scenes small{display:block;color:#243656;font-size:14px;margin-top:8px}.metric{padding:22px;display:grid;grid-template-columns:58px 1fr;gap:6px 16px}.metric>span{grid-row:span 2;width:54px;height:54px;border-radius:50%;background:#1681f8;color:white;display:grid;place-items:center;font-size:27px}.metric b{font-size:14px}.metric strong{display:block;font-size:30px;margin-top:4px}.metric em{font-style:normal;color:var(--blue);font-size:20px}.metric small{color:var(--muted)}.tabs{display:flex;gap:24px;margin:22px 0 32px}.tabs button{padding:14px 34px;background:white;border:1px solid #bccbe1;border-radius:6px;color:#1b2d4a;font-size:17px;white-space:nowrap}.tabs button.selected{background:var(--blue);color:white;border-color:var(--blue)}.plans{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 18px;touch-action:pan-x}.plan{padding:30px 24px;text-align:center;flex:0 0 calc((100% - 56px)/3);scroll-snap-align:start;min-width:320px}.plan.featured{background:linear-gradient(135deg,#1687fa,#1252dd);color:white}.plan h3{font-size:22px;font-weight:500}.plan strong{display:block;color:var(--blue);font-size:50px;margin:10px}.featured strong{color:white}.plan strong small{font-size:20px;font-weight:400}.plan p{text-align:left;border-top:1px solid #dbe4f1;padding:15px 5px;margin:0;font-size:14px;white-space:nowrap}.featured p{border-color:rgba(255,255,255,.35)}.plan a{display:inline-block;margin-top:18px;padding:13px 65px;border:1px solid var(--blue);border-radius:6px;color:var(--blue);text-decoration:none;font-weight:700}.featured a{background:#fff}.table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.tr{display:grid;grid-template-columns:1.1fr repeat(3,1fr);min-height:50px;align-items:center;border-bottom:1px solid var(--line)}.tr>*{padding:12px 20px;border-right:1px solid var(--line);font-size:15px}.tr>*:last-child{border:0}.tr span:not(:first-child){text-align:center;color:#243656}.th{background:#f8fbff}.th b:not(:first-child){color:#122347;text-align:center}.pay{display:flex;gap:30px}.pay span{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;padding:12px 24px;color:#314568}.steps div{font-size:16px;word-spacing:8px}.case{padding:24px}.case strong{display:block;color:var(--blue);background:#f3f7ff;border-radius:8px;padding:14px 8px;margin-top:18px;font-size:16px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 36px}.faq details{border:1px solid var(--line);border-radius:10px;padding:15px 22px;font-size:16px}.faq summary{list-style:none;display:flex;justify-content:space-between;font-weight:600;cursor:pointer}.faq details p{margin:12px 0 0;color:var(--muted);line-height:1.7}.faq summary b{color:var(--blue);font-size:22px}.cta{max-width:1400px;margin:0 auto 18px;border-radius:18px;padding:26px 8%;display:flex;align-items:center;gap:24px;background:linear-gradient(100deg,#0759ee,#168aff);color:white}.cta div{margin-right:auto}.cta h2{font-size:32px;margin:0 0 8px}.cta p{margin:0;font-size:17px}.cta a{background:#fff;color:var(--blue);padding:15px 32px;border-radius:8px;text-decoration:none;font-size:17px;font-weight:700}footer{background:#092654;color:#fff;padding:40px 8% 18px;display:grid;grid-template-columns:1.5fr .8fr .8fr 1.5fr 1fr;gap:42px}footer strong{font-size:32px;color:#1785ff}footer p{line-height:1.9;color:#d3def1}footer b{font-size:17px}footer a{display:block;color:#d3def1;text-decoration:none;line-height:1.9}.qr{font-size:62px;line-height:1!important;margin:14px 0!important}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.2);padding-top:16px;text-align:center;margin:0!important}@media(max-width:900px){.header nav{gap:12px;font-size:13px}.hero{display:block}.hero h1{font-size:34px;white-space:normal}.hero-art{margin-top:20px}.four{grid-template-columns:1fr 1fr}.split-panels,.lower,footer{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.cta{margin:0 4%;display:block}.cta a{display:inline-block;margin-top:15px}.hero-points{flex-wrap:wrap}}
/* ImageGen icon sprite: four generated assets, rendered as responsive slices */
.card i{font-size:0;background-color:transparent;background-image:url('icon-sprite.webp');background-size:400% 100%;background-repeat:no-repeat;border-radius:0}.card:nth-child(1) i{background-position:0 0}.card:nth-child(2) i{background-position:33.333% 0}.card:nth-child(3) i{background-position:66.666% 0}.card:nth-child(4) i{background-position:100% 0}
.header{width:100%;max-width:1480px;padding:0 4%}
.tabs{justify-content:center;align-items:center}.plans.dragging{cursor:grabbing;scroll-snap-type:none}.service,.case,.metric,.panel{display:flex;flex-direction:column;align-items:center;text-align:center}.service>a{margin-top:auto}.lower .panel,.split-panels .panel{align-items:stretch;text-align:left}.pay,.steps div{justify-content:center}.pay span{flex:1;text-align:center}.cta a{white-space:nowrap}
/* ImageGen section icon assets */
.service{display:grid;grid-template-columns:86px 1fr;grid-template-rows:auto auto 1fr;text-align:left;align-items:start}.service>b{grid-row:1/4;width:74px;height:74px;font-size:0;background:url('product-icons.webp') no-repeat;background-size:400% 100%}.service:nth-child(1)>b{background-position:0 0}.service:nth-child(2)>b{background-position:33.333% 0}.service:nth-child(3)>b{background-position:66.666% 0}.service:nth-child(4)>b{background-position:100% 0}.service>a{grid-column:1/3}
.scenes span{width:70px;padding-top:62px;font-size:0;background:url('scene-icons.webp') no-repeat;background-size:1000% 100%}.scenes span:nth-child(1){background-position:0 0}.scenes span:nth-child(2){background-position:11.111% 0}.scenes span:nth-child(3){background-position:22.222% 0}.scenes span:nth-child(4){background-position:33.333% 0}.scenes span:nth-child(5){background-position:44.444% 0}.scenes span:nth-child(6){background-position:55.555% 0}.scenes small{font-size:14px;white-space:nowrap}
.metric{display:grid;text-align:left;align-items:stretch}.metric>span{font-size:0;background-image:url('scene-icons.webp');background-repeat:no-repeat;background-size:1000% 100%;background-color:transparent;border-radius:0}.metric:nth-child(1)>span{background-position:66.666% 0}.metric:nth-child(2)>span{background-position:77.777% 0}.metric:nth-child(3)>span{background-position:88.888% 0}.metric:nth-child(4)>span{background-position:100% 0}
.pay span{display:block}.pay span:before,.steps b:before{content:"";display:block;width:52px;height:52px;margin:0 auto 7px;background-image:url('utility-icons.webp');background-repeat:no-repeat;background-size:1200% 100%}.pay span:nth-child(1):before{background-position:0 0}.pay span:nth-child(2):before{background-position:9.09% 0}.pay span:nth-child(3):before{background-position:18.18% 0}.steps div{display:flex;align-items:center;gap:18px}.steps b{display:inline-flex;flex-direction:column;align-items:center}.steps b:nth-of-type(1):before{background-position:27.27% 0}.steps b:nth-of-type(2):before{background-position:36.36% 0}.steps b:nth-of-type(3):before{background-position:45.45% 0}
.case{display:grid;grid-template-columns:74px 1fr;grid-template-rows:auto auto auto;text-align:left;align-items:start}.case>b{grid-row:1/3;width:62px;height:62px;font-size:0;background:url('utility-icons.webp') no-repeat;background-size:1200% 100%}.case:nth-child(1)>b{background-position:54.54% 0}.case:nth-child(2)>b{background-position:63.63% 0}.case:nth-child(3)>b{background-position:72.72% 0}.case:nth-child(4)>b{background-position:81.81% 0}.case>strong{grid-column:1/3;width:100%;text-align:center}
.cta a{display:inline-flex;align-items:center;gap:8px}.cta a:before{content:"";width:24px;height:24px;background:url('utility-icons.webp') no-repeat;background-size:1200% 100%}.cta a:nth-of-type(1):before{background-position:90.9% 0}.cta a:nth-of-type(2):before{background-position:100% 0}
/* Independent WebP icons: avoid sprite-edge artifacts and keep every icon centered */
.service>b,.scenes span,.metric>span,.case>b,.pay span:before,.steps b:before,.cta a:before{background-image:var(--icon)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
.service:nth-child(1)>b{--icon:url('product-icon-1-final-v3.webp')}.service:nth-child(2)>b{--icon:url('product-icon-2-final-v3.webp')}.service:nth-child(3)>b{--icon:url('product-icon-3-final-v3.webp')}.service:nth-child(4)>b{--icon:url('product-icon-4-final-v3.webp')}
.scenes span:nth-child(1){--icon:url('scene-icon-1-final-v3.webp')}.scenes span:nth-child(2){--icon:url('scene-icon-2-final-v3.webp')}.scenes span:nth-child(3){--icon:url('scene-icon-3-final-v3.webp')}.scenes span:nth-child(4){--icon:url('scene-icon-4-final-v3.webp')}.scenes span:nth-child(5){--icon:url('scene-icon-5-final-v3.webp')}.scenes span:nth-child(6){--icon:url('scene-icon-6-final-v3.webp')}
.metric:nth-child(1)>span{--icon:url('scene-icon-7-final-v3.webp')}.metric:nth-child(2)>span{--icon:url('scene-icon-8-final-v3.webp')}.metric:nth-child(3)>span{--icon:url('scene-icon-9-final-v3.webp')}.metric:nth-child(4)>span{--icon:url('scene-icon-10-final-v3.webp')}
.pay span:nth-child(1):before{--icon:url('utility-icon-1-final-v3.webp')}.pay span:nth-child(2):before{--icon:url('utility-icon-2-final-v3.webp')}.pay span:nth-child(3):before{--icon:url('utility-icon-3-final-v3.webp')}.steps b:nth-of-type(1):before{--icon:url('utility-icon-4-final-v3.webp')}.steps b:nth-of-type(2):before{--icon:url('utility-icon-5-final-v3.webp')}.steps b:nth-of-type(3):before{--icon:url('utility-icon-6-final-v3.webp')}
.case:nth-child(1)>b{--icon:url('utility-icon-7-final-v3.webp')}.case:nth-child(2)>b{--icon:url('utility-icon-8-final-v3.webp')}.case:nth-child(3)>b{--icon:url('utility-icon-9-final-v3.webp')}.case:nth-child(4)>b{--icon:url('utility-icon-10-final-v3.webp')}.cta a:nth-of-type(1):before{--icon:url('utility-icon-11-final-v3.webp')}.cta a:nth-of-type(2):before{--icon:url('utility-icon-12-final-v3.webp')}
footer{grid-template-columns:1.5fr .8fr .8fr 1.5fr}footer>hr{grid-column:1/-1;width:100%;margin:0}.plans{cursor:grab;user-select:none}.plans::-webkit-scrollbar{height:8px}.plans::-webkit-scrollbar-thumb{background:#b8cef4;border-radius:999px}.plans::-webkit-scrollbar-track{background:#eef4ff;border-radius:999px}
.hero-points span{display:inline-flex;align-items:center;gap:8px}.hero-points span:before{content:"";width:25px;height:25px;flex:none;background:var(--point-icon) center/contain no-repeat}
.plan p{display:flex;gap:20px}.plan p>span{display:inline-flex;align-items:center;gap:7px;flex:1;white-space:nowrap}.plan p>span:before,.tr:not(.th)>span:before{content:"";width:18px;height:18px;flex:none;background:url('utility-icon-4-final-v3.webp') center/contain no-repeat}.plan p:nth-of-type(2)>span:before{background-image:url('scene-icon-8-final-v3.webp')}.plan p:nth-of-type(3)>span:before{background-image:url('product-icon-2-final-v3.webp')}.tr:not(.th)>span{display:flex;align-items:center;gap:7px}.tr:not(.th)>span:not(:first-child):before{background-image:url('product-icon-2-final-v3.webp')}
.hero-points span:before,.scenes span,.metric>span,.pay span:before,.steps b:before,.case>b,.cta a:before,.plan p>span:before,.tr:not(.th)>span:before{background-size:145%!important;border-radius:50%}

/* Standalone ImageGen icons: no sprite cropping and no stretched artwork. */
.header nav a{position:relative;border-bottom:0!important}
.header nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--blue);transition:left .2s ease,right .2s ease}
.header nav a:hover,.header nav a:focus-visible,.header nav a.active{color:var(--blue)}
.header nav a:hover::after,.header nav a:focus-visible::after,.header nav a.active::after{left:0;right:0}
.section-icon,.core-icon,.point-icon,.product-icon,.scene-icon,.metric-icon,.region-icon,.pay-icon,.step-icon,.case-icon,.cta-icon{display:block;object-fit:contain;object-position:center;max-width:100%;height:auto}
.card i,.service>b,.scenes>span,.metric>span,.case>b{background:none!important;background-image:none!important;border-radius:0!important}
.card i{width:70px;height:70px;padding:0}.core-icon{width:70px;height:70px}
.hero-points span:before{display:none!important}.point-icon{width:27px;height:27px;flex:none}
.service>b{width:74px;height:74px;margin:0}.product-icon{width:74px;height:74px}
.scenes>span{width:74px;padding-top:0!important;font-size:inherit!important;display:flex;flex-direction:column;align-items:center;background:none!important}
.scene-icon{width:56px;height:56px}.scenes small{margin-top:7px}
.metric>span{width:54px;height:54px}.metric-icon{width:54px;height:54px}
.chips span{display:inline-flex;align-items:center;gap:9px;padding:9px 16px}.region-icon{width:25px;height:19px;flex:none;border-radius:2px}
.pay span:before,.steps b:before,.cta a:before{display:none!important}
.pay>span{display:flex;flex-direction:column;gap:7px;align-items:center}.pay-icon{width:52px;height:52px}
.steps b{gap:7px}.step-icon{width:52px;height:52px}
.case>b{width:62px;height:62px;margin:0}.case-icon{width:62px;height:62px}
.cta-icon{width:24px;height:24px;flex:none}
.plan p>span:before,.tr:not(.th)>span:before{background-image:url('assets/icons/step-plan.webp')!important;background-size:contain!important;border-radius:0!important}
.plan p:nth-of-type(2)>span:before{background-image:url('assets/icons/metric-sliders.webp')!important}.plan p:nth-of-type(3)>span:before,.tr:not(.th)>span:not(:first-child):before{background-image:url('assets/icons/product-shield.webp')!important}
.footer-contact-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.footer-contact-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid rgba(255,255,255,.42);border-radius:6px;color:#fff!important;background:rgba(255,255,255,.08);line-height:1.2!important;white-space:nowrap}.footer-contact-btn:hover{background:#167cf7;border-color:#167cf7}

/* Requested section spacing, hover motion and chrome cleanup. */
.plans{scrollbar-width:none;-ms-overflow-style:none}.plans::-webkit-scrollbar{display:none;width:0;height:0}
.card,.service,.case,.metric,.panel,.plan{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform}
.card:hover,.service:hover,.case:hover,.metric:hover,.panel:hover,.plan:hover{transform:translateY(-7px);border-color:#bdd6ff;box-shadow:0 14px 34px rgba(20,104,245,.14)}
.compare>h2{margin-bottom:30px}.compare>.table{width:96%;margin:0 auto}.compare>.lower{width:96%;margin-left:auto;margin-right:auto;margin-top:30px}
.about-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:58px;padding-top:54px;padding-bottom:64px}.about-visual{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#f5f9ff;box-shadow:0 14px 36px rgba(31,87,160,.1)}.about-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.about-copy h2{text-align:left;margin:7px 0 18px}.about-copy p{margin:0 0 14px;color:var(--muted);font-size:16px;line-height:1.95}.eyebrow{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:2px}.about-keywords{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.about-keywords span{padding:8px 13px;border-radius:999px;background:#eff6ff;color:#1259cf;font-size:14px;font-weight:600;border:1px solid #d7e8ff}
footer{grid-template-columns:1.4fr .8fr .8fr 1.5fr}
@media(max-width:900px){.about-home{grid-template-columns:1fr;gap:28px}.about-copy h2{text-align:center}.about-copy .eyebrow{display:block;text-align:center}.compare>.table,.compare>.lower{width:100%}.card:hover,.service:hover,.case:hover,.metric:hover,.panel:hover,.plan:hover{transform:translateY(-4px)}}
@media(max-width:600px){html,body{overflow-x:hidden}.header{width:100%;padding:0 12px;gap:9px}.logo{font-size:23px;flex:none}.header nav{min-width:0;overflow-x:auto;scrollbar-width:none;gap:16px;font-size:12px}.header nav::-webkit-scrollbar{display:none}.header-btn{padding:9px 10px;font-size:12px;white-space:nowrap}.four{grid-template-columns:1fr}.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 8px}.scenes>span{width:auto}.tabs{gap:6px;margin-bottom:24px}.tabs button{flex:1;min-width:0;padding:10px 5px;font-size:12px}.pricing{overflow:hidden}.plan{min-width:310px}.footer-contact-actions{max-width:100%}footer,footer p,footer a{overflow-wrap:anywhere}.about-keywords{justify-content:center}}
.compare .tr>*{text-align:center!important;justify-content:center;font-size:16px}.compare .tr>span{display:flex;align-items:center;justify-content:center}
.tabs button::after{content:"6款";display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:#edf5ff;color:#1468f5;font-size:12px;font-weight:700}.tabs button.selected::after{background:rgba(255,255,255,.2);color:#fff}
.pricing .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;overflow:visible;padding-bottom:4px}.pricing .plan{min-width:0;max-width:none}.pricing .plan[hidden]{display:none!important}
@media(max-width:900px){.pricing .plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pricing .plans{grid-template-columns:1fr}.pricing .plan{min-width:0}}
.pricing .plans,.pricing .plans.dragging,.pricing .plan{cursor:default!important;user-select:auto}.pricing .plan a{cursor:pointer!important}