@charset "utf-8";body{font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif;font-weight:400}a,aside,audio,blockquote,body,button,code,datalist,dd,div,dl,dt,em,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,img,input,legend,li,nav,object,ol,p,pre,section,span,td,textarea,th,ul,var{border:0;margin:0;outline:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}:focus{outline:0}ol,ol li,ul,ul li{list-style:none}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}form label{cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:100%;outline:none}textarea{resize:none}input{vertical-align:middle}img{border:0}table{border-collapse:collapse;border-spacing:0}.l{float:left}.r{float:right}button,input[type=button],input[type=reset],input[type=submit]{line-height:normal!important}a{color:#666}a:hover{text-decoration:underline}input{_filter:chroma(color=#000000)}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;_zoom:1}.overflow{overflow:hidden;_zoom:1}.clear{clear:both;font-size:0;height:0;overflow:hidden}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.floating-buttons{background:#fff;border-radius:12px;bottom:15%;box-shadow:0 0 24px 0 rgba(23,23,29,.32);display:flex;flex-direction:column;gap:10px;padding:32px 16px;position:fixed;right:12px;z-index:1000}.floating-buttons .contact{align-items:center;color:#000;cursor:pointer;display:flex;flex-flow:column;font-size:14px;line-height:12px;margin-bottom:12px;position:relative}.floating-buttons .contact p{padding-top:12px}.floating-buttons .contact .qrcode{background-color:#fff;box-shadow:0 0 24px 0 rgba(23,23,29,.32);display:none;left:-165px;opacity:0;padding:10px;position:absolute;top:-30px;transition:opacity .3s ease-in-out}.floating-buttons .contact .qrcode.show{display:block;opacity:1}.floating-buttons .contact .triangle{border-bottom:10px solid transparent;border-left:10px solid #fff;border-top:10px solid transparent;height:0;position:absolute;right:-10px;top:42px;width:0}.floating-buttons .contact .modal{backdrop-filter:blur(24px);background-color:#00000033;display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.floating-buttons .contact .modal-title{border-bottom:1px solid #e5e7eb;display:flex;flex-flow:row-reverse;justify-content:space-between;padding-bottom:16px}.floating-buttons .contact .modal-title h2,.floating-buttons .contact .modal-title span{font-size:14px;font-weight:700}.floating-buttons .contact .modal-title span{font-size:24px}.floating-buttons .contact .modal-content{background-color:#fff;border-radius:6px;box-shadow:0 10px 38px -10px #0e121659,0 10px 20px -15px #0e121633;margin:15% auto;max-width:480px;padding:24px 24px 32px;width:80%;z-index:1001}.floating-buttons .contact .close-btn{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700}.floating-buttons .contact .close-btn:focus,.floating-buttons .contact .close-btn:hover{color:#000;cursor:pointer;text-decoration:none}.floating-buttons .contact form{display:flex;flex-direction:column}.floating-buttons .contact label{margin-top:24px}.floating-buttons .contact label span{color:rgba(255,81,43,.9)}.floating-buttons .contact input,.floating-buttons .contact select{background-color:rgba(98,105,153,.1);border:none;border-radius:5px;color:#444;font-size:14px;margin-bottom:10px;margin-top:5px;padding:10px 12px}.floating-buttons .contact .tip{color:#ff513f;display:none;font-size:12px}.floating-buttons .contact button{align-self:flex-end;background:linear-gradient(108deg,#5950ff 1%,#8e38ff);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-top:12px;padding:10px;width:88px}.custom-alert{background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);display:none;left:50%;opacity:0;padding:20px;position:fixed;text-align:center;top:15%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:300px;z-index:1000}.custom-alert.show{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}.custom-alert-content{position:relative}.select-wrapper{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:1.5rem}h2{color:#1f2937;font-size:1.25rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{color:#4b5563;display:block;font-size:.875rem;margin-bottom:.5rem}.custom-select{position:relative;width:100%}.select-header{align-items:center;background-color:#fff;background-color:rgba(98,105,153,.1);border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:.4rem;min-height:42px;padding:.45rem .74rem;transition:all .2s ease}.select-header:hover{border-color:#9ca3af}.select-header.active{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.selected-tags{display:flex;flex:1;flex-wrap:wrap;gap:.5rem}.placeholder{color:#9ca3af}.tag{align-items:center;background-color:#dbeafe;border-radius:4px;color:#1e40af;display:inline-flex;font-size:.875rem;gap:.25rem;padding:.25rem .75rem}.tag .remove{cursor:pointer;font-size:1.25rem;line-height:1;padding-left:.25rem;transition:color .2s ease}.tag .remove:hover{color:#1e3a8a}.arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #6b7280;height:0;margin-left:.5rem;transition:transform .2s ease;width:0}.select-header.active .arrow{transform:rotate(180deg)}.options-container{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:none;left:0;margin-top:.5rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.options-container.active{display:block}.option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s ease}.option:hover{background-color:#f3f4f6}.option.selected{background-color:#eff6ff;color:#1e40af}.option.selected:after{color:#3b82f6;content:"✓";font-size:.875rem;margin-left:.5rem}.form-actions{margin-top:2rem;text-align:right}.submit-btn{background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.submit-btn:hover{background-color:#907bff}.submit-btn:focus{box-shadow:0 0 0 3px rgba(59,130,246,.5);outline:none}body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}ul{list-style:none}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit}.header{align-items:center;backdrop-filter:blur(50px);background-color:transparent;display:flex;height:80px;left:0;padding-left:40px;padding-right:40px;position:fixed;right:0;top:0;transition:background-color .5s;z-index:999}.header-container{width:100%}.navbar{align-items:center;display:flex}.logo img{height:40px;width:auto}.nav-links{gap:.25rem;margin-left:40px}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{color:#374151;font-size:1.1rem;padding:12px 24px;transition:color .2s}.nav-link:hover{color:#907bff}.nav-link.active{color:#907bff;font-weight:500}.demo-button{background-color:#907bff;border-radius:.375rem;color:#fff;font-size:1rem;margin-left:auto;padding:.5rem 1.5rem;transition:background-color .2s}.chevron{margin-left:.25rem;transition:transform .2s}.dropdown{position:relative}.dropdown-menu{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);left:0;opacity:0;position:absolute;top:60px;transform:translateY(-.5rem);transition:all .2s;visibility:hidden;width:16rem}.dropdown.active .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown.active .chevron{transform:rotate(180deg)}.dropdown-menu a{color:#374151;display:block;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.dropdown-menu a:hover{background-color:#eff6ff;color:#907bff}.footer{background-color:#0f172a;color:#fff;padding-top:60px}.footer-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-section{flex:1;min-width:250px}.company-info{max-width:320px}.logo-container{align-items:center;display:flex;margin-bottom:20px}.logo{height:40px;margin-right:12px}.company-name{font-size:24px;font-weight:700}.company-description{line-height:1.6;margin-bottom:20px}.company-description,.contact-info{color:#94a3b8;font-size:14px}.contact-info p{margin-bottom:8px}.footer-nav{display:flex;flex:2;gap:60px;justify-content:space-around}.nav-column h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:20px}.nav-column ul li{margin-bottom:12px}.nav-column ul li a{color:#94a3b8;font-size:14px;transition:color .3s ease}.nav-column ul li a:hover{color:#60a5fa}.qr-section{display:flex;gap:20px;max-width:300px}.qr-container{text-align:center}.qr-code{height:120px;margin-bottom:8px;width:120px}.qr-container p{color:#94a3b8;font-size:12px}.footer-bottom{border-top:1px solid #1e293b;margin-top:60px;padding:20px 0}.footer-bottom .footer-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.copyright,.footer-links{color:#94a3b8;font-size:14px}.footer-links{display:flex;gap:20px}.footer-links a{color:#94a3b8}.footer-links a:hover{color:#60a5fa}@media (max-width:1024px){.footer-nav{gap:30px}}@media (max-width:768px){.footer-container{align-items:center;flex-direction:column;text-align:center}.footer-nav{flex-direction:column;gap:40px;width:100%}.nav-column{text-align:center}.qr-section{justify-content:center}.footer-bottom .footer-container{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.qr-section{align-items:center;flex-direction:column}}@font-face{font-family:Alibaba-PuHuiTi;src:url(/assets/resource/Alibaba-PuHuiTi.ttf)}:root{--color-primary:#8e38ff;--color-primary-dark:#8e38ff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--primary-color:#8e38ff}.production{display:flex;flex-flow:column;position:relative}.production:after{background-image:url(/assets/resource/home-bg.png);background-repeat:no-repeat;background-size:100% 100%;bottom:0;content:"";left:0;position:absolute;right:0;top:-172px;width:100%}.hero{background:linear-gradient(135deg,#eff6ff,#eef2ff 50%,#eff6ff);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:6rem 0 4rem;position:relative;width:100%;z-index:9}.hero:before{background:radial-gradient(circle at top right,rgba(79,70,229,.1) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.hero-content{align-items:center;animation:fadeIn 1s ease-out forwards;display:flex;flex-flow:column;margin:0 auto 4rem;opacity:0;text-align:center}.hero h1{display:flex;font-size:clamp(2.5rem,5vw,1.5rem);font-weight:700}.hero h1 span{background:linear-gradient(90deg,#2563eb,#4f46e5);-webkit-background-clip:text;color:var(--primary);display:block;-webkit-text-fill-color:transparent}.hero p{font-size:clamp(1.125rem,2vw,1.25rem);margin-bottom:2rem}.video-container{animation:fadeInUp 1s ease-out .3s forwards;margin:0 auto;max-width:1200px;opacity:0}.video-wrapper{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transition:all .5s cubic-bezier(.4,0,.2,1)}.video-wrapper:hover{box-shadow:0 30px 60px -15px rgba(0,0,0,.3);transform:perspective(1000px) rotateX(0deg) scale(1.02)}.video-controls{align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 50%);display:flex;inset:0;opacity:0;padding:1.5rem;position:absolute;transition:opacity .3s ease}.video-wrapper:hover .video-controls{opacity:1}.controls-group{gap:.75rem}.control-btn,.controls-group{align-items:center;display:flex}.control-btn{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;height:3rem;justify-content:center;transition:all .2s ease;width:3rem}.control-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.control-btn svg{height:1.5rem;width:1.5rem;fill:currentColor}.play-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.3);display:flex;inset:0;justify-content:center;position:absolute;transition:all .3s ease}.play-overlay.hidden{opacity:0;pointer-events:none}.play-btn{align-items:center;backdrop-filter:blur(4px);background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:5rem;justify-content:center;transition:all .3s ease;width:5rem}.play-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.play-btn svg{height:2rem;width:2rem;fill:currentColor;margin-left:.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero{padding-top:5rem}.video-wrapper{border-radius:1rem;transform:none}.video-wrapper:hover{transform:none}.control-btn{height:2.5rem;width:2.5rem}}.hero h1{color:var(--color-gray-900);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero .highlight{background:linear-gradient(97deg,#4f84ff 1%,#6f47ff 70%,#a947ff);display:inline-block;position:relative;-webkit-text-fill-color:transparent;background-clip:text}.cta-buttons{display:flex;gap:1rem;justify-content:center}.btn{align-items:center;display:inline-flex;font-size:1.125rem;font-weight:500;padding:.875rem 2rem;transition:all .2s}.btn-primary{background:var(--primary);border:none}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{transform:translateY(-2px)}.feature-highlights{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.feature{align-items:center;color:var(--gray-600);display:flex;gap:.75rem}.feature .icon{color:var(--primary);font-size:1.5rem}.hero-video{margin:0 auto;max-width:900px;width:100%}.video-wrapper{aspect-ratio:16/9;background:var(--gray-900);border-radius:1.25rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);overflow:hidden;position:relative;transform:perspective(1000px) rotateX(2deg);transition:transform .3s ease}.video-wrapper:hover{transform:perspective(1000px) rotateX(0deg)}.video-wrapper video{height:100%;object-fit:cover;width:100%}.play-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.4);color:#fff;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;transition:all .3s ease}.play-button:hover{background:rgba(0,0,0,.5)}.play-button svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:4rem;transition:transform .2s ease;width:4rem}.play-button:hover svg{transform:scale(1.1)}@media (max-width:768px){.nav-links{display:none}.menu-toggle{display:block}.hero{padding-top:5rem}.hero-content{margin-bottom:2rem}.cta-buttons{flex-direction:column;padding:0 1rem}.feature-highlights{gap:1rem}.video-wrapper{border-radius:1rem;transform:none}}.menu-toggle{background:none;border:none;cursor:pointer;padding:.5rem}.menu-toggle span{background:var(--gray-600);display:block;height:2px;margin:5px 0;transition:.3s;width:24px}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-links.active{background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:flex;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:100%}.btn-primary{background-color:var(--color-primary);background:linear-gradient(108deg,#5950ff 1%,#8e38ff);color:#fff}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease}.products{margin:0 auto;overflow:hidden;width:1200px;z-index:9}.product-grid,.reverse{display:flex;margin:128px 0;position:relative}.product-grid .product-grid-left,.reverse .product-grid-left{display:flex;flex:1;flex-flow:column;justify-content:center;margin-right:64px}.product-grid .product-grid-left h2,.reverse .product-grid-left h2{font-family:Alibaba-PuHuiTi,sans-serif;font-size:32px;line-height:48px}.product-grid .product-grid-left p,.reverse .product-grid-left p{color:#475569;line-height:1.6rem;margin-bottom:1.5rem}.product-grid .product-grid-right,.reverse .product-grid-right{border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 10px 40px 0 rgba(114,62,223,.08),inset 0 -6px 6px 0 hsla(0,0%,100%,.25),inset 3px 0 2px 0 hsla(0,0%,100%,.2);height:498px;overflow:hidden;width:674px}.product-grid .product-grid-right .video,.reverse .product-grid-right .video{height:100%;object-fit:cover;object-position:50% 50%;outline:none;width:100%}.reverse{flex-direction:row-reverse}.reverse:before{background:radial-gradient(circle,rgba(37,99,235,.03) 10%,transparent 0);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}.reverse .product-grid-left{margin-left:64px}.stats{background-color:var(--color-primary);color:#fff;padding:5rem 0;z-index:9}.stats-grid{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);text-align:center}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:hsla(0,0%,100%,.9)}.cta{align-items:center;background:linear-gradient(to bottom right,var(--color-gray-50),#fff);display:flex;justify-content:center;overflow:hidden;padding:6rem 0;position:relative;z-index:9}.cta:before{background:linear-gradient(to right,transparent,var(--color-gray-200),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.cta .container{max-width:48rem;position:relative;text-align:center}.cta h2{color:var(--color-gray-900);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem}.cta p{color:var(--color-gray-600);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;margin-bottom:3rem}.cta .btn{font-size:1.125rem;min-width:180px;padding:1rem 2.5rem;transition:all .3s ease}.cta .btn-primary{background:linear-gradient(108deg,#5950ff 1%,#8e38ff);box-shadow:0 4px 6px -1px rgba(37,99,235,.1),0 2px 4px -1px rgba(37,99,235,.06)}.cta .btn-primary:hover{box-shadow:0 6px 8px -1px rgba(37,99,235,.1),0 4px 6px -1px rgba(37,99,235,.06);transform:translateY(-2px)}